@agentscope-ai/design 1.0.26-beta.1768889945788 → 1.0.26-beta.1768893648373

package/lib/components/commonComponents/Audio/index.js

@@ -55,6 +55,7 @@ var Audio = /*#__PURE__*/forwardRef(function (props, ref) {
     muted = _useControllableValue2[0],
     setMuted = _useControllableValue2[1];
   var audioRef = useRef(null);
+  var isFirstSrcRef = useRef(true);
 
   // 合并refs
   var combinedRef = function combinedRef(element) {
@@ -68,6 +69,18 @@ var Audio = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   };
 
+  // 监听src变化，重新加载音频
+  useEffect(function () {
+    // 跳过首次设置
+    if (isFirstSrcRef.current) {
+      isFirstSrcRef.current = false;
+      return;
+    }
+    if (audioRef.current && audioProps.src) {
+      audioRef.current.load();
+    }
+  }, [audioProps.src]);
+
   // 监听isPlaying状态来控制定时器
   useEffect(function () {
     var clock;

package/lib/components/commonComponents/FileIcon/icons/audio.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_3_5173"><rect x="0" y="0" width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3_5173)"><g><path d="M4.000244140625,33.999989C4.000244140625,37.313709,6.686535340624999,40.000004,10.000241740625,40.000004L30.000238140625,40.000004C33.313948140625,40.000004,36.000238140625,37.313709,36.000238140625,33.999989L36.000238140625,10.000001L26.000238140625,0L10.000241740625,0C6.686535340624999,0,4.000244140625,2.6862917,4.000244140625,6L4.000244140625,33.999989Z" fill="#FFAB19" fill-opacity="1"/></g><g><path d="M24.909516,14.088724978L16.9869661,16.5167396C16.0008106,16.8278344,15.3104787,17.7172475,15.2537766,18.749753L15.2537766,27.09891C14.6780472,26.818808,14.023097,26.746672,13.4002068,26.894759C11.5198851,27.163677,10,28.599791,10,30.109818C10,31.619844,11.5198853,32.546986000000004,13.4009101,32.278065C15.2819343,32.009146,16.6532817,30.619495,16.6532817,29.110171L16.6532817,21.0475311Q16.6532817,20.3801618,17.4593339,20.0929399L24.461083000000002,17.8972373Q25.239680999999997,17.63747,25.239680999999997,18.3513026L25.239680999999997,25.004583C24.615850000000002,24.723058,23.922593,24.632665,23.24743,24.744816999999998C21.366404,24.976425,19.846518500000002,26.385080000000002,19.846518500000002,27.895110000000003C19.846518500000002,29.405139,21.366404,30.359028,23.24743,30.137274C25.128455000000002,29.915521,26.648338,28.497009,26.648338,26.986980000000003L26.648338,15.3213876C26.680285,14.4049432,25.763703,13.75517397,24.909516,14.088724978Z" fill="#FFFFFF" fill-opacity="1"/></g><g><path d="M25.999755859375,6C25.999755859375,8.2091389,27.790616959375,10,29.999756359375,10L35.999755859375,10L25.999755859375,0L25.999755859375,6Z" fill="#FFFFFF" fill-opacity="0.4000000059604645"/></g></g></svg>

package/lib/components/commonComponents/FileIcon/icons/video.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="40" height="40" viewBox="0 0 40 40"><defs><clipPath id="master_svg0_3_5191"><rect x="0" y="0" width="40" height="40" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_3_5191)"><g><path d="M4.000244140625,33.999989C4.000244140625,37.313709,6.686535340624999,40.000004,10.000241740625,40.000004L30.000238140625,40.000004C33.313948140625,40.000004,36.000238140625,37.313709,36.000238140625,33.999989L36.000238140625,10.000001L26.000238140625,0L10.000241740625,0C6.686535340624999,0,4.000244140625,2.6862917,4.000244140625,6L4.000244140625,33.999989Z" fill="#4E7DFF" fill-opacity="1"/></g><g><g><path d="M16.1156005859375,22.50004431640625L16.1156005859375,16.72701066640625C16.1156005859375,16.03676268640625,16.8625881059375,15.60516060640625,17.4605879859375,15.94988996640625L22.4693498859375,18.837294116406248L27.475032585937498,21.72292371640625C28.0737175859375,22.06804751640625,28.0737175859375,22.93204121640625,27.475032585937498,23.27716441640625L22.4693498859375,26.16279331640625L17.4605875859375,29.050198316406252C16.8625879859375,29.39492831640625,16.1156005859375,28.963325316406248,16.1156005859375,28.27307831640625L16.1156005859375,22.50004431640625Z" fill="#FFFFFF" fill-opacity="1"/></g></g><g><path d="M25.999755859375,6C25.999755859375,8.2091389,27.790616959375,10,29.999756359375,10L35.999755859375,10L25.999755859375,0L25.999755859375,6Z" fill="#FFFFFF" fill-opacity="0.4000000059604645"/></g></g></svg>

package/lib/components/commonComponents/FileIcon/index.js

@@ -18,6 +18,8 @@ import ppt from "./icons/ppt.svg";
 import txt from "./icons/txt.svg";
 import web from "./icons/web.svg";
 import word from "./icons/word.svg";
+import video from "./icons/video.svg";
+import audio from "./icons/audio.svg";
 import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -34,7 +36,9 @@ var maps = {
   ppt: ppt,
   txt: txt,
   web: web,
-  word: word
+  word: word,
+  video: video,
+  audio: audio
 };
 function getSize(size) {
   var retSize = size;

package/lib/components/commonComponents/Video/index.js

@@ -59,6 +59,7 @@ var Video = /*#__PURE__*/forwardRef(function (props, ref) {
     setEnableVolume = _useState8[1];
   var videoRef = useRef(null);
   var lockMouseEnterAutoPlayRef = useRef(false);
+  var isFirstSrcRef = useRef(true);
 
   // 合并refs
   var combinedRef = function combinedRef(element) {
@@ -72,6 +73,18 @@ var Video = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   };
 
+  // 监听src变化，重新加载视频
+  useEffect(function () {
+    // 跳过首次设置
+    if (isFirstSrcRef.current) {
+      isFirstSrcRef.current = false;
+      return;
+    }
+    if (videoRef.current && videoProps.src) {
+      videoRef.current.load();
+    }
+  }, [videoProps.src]);
+
   // 监听isPlaying状态来控制定时器
   useEffect(function () {
     var clock;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/design",
-  "version": "1.0.26-beta.1768889945788",
+  "version": "1.0.26-beta.1768893648373",
   "description": "AgentScope Spark Design - UI Library for AgentScope AI",
   "repository": {
     "type": "git",