@agentscope-ai/design 1.0.17 → 1.0.19-beta.1765956798383
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/commonComponents/Audio/demo/demo1.d.ts +2 -0
- package/lib/components/commonComponents/Audio/demo/demo1.js +11 -0
- package/lib/components/commonComponents/Audio/index.d.ts +0 -4
- package/lib/components/commonComponents/Audio/index.js +3 -4
- package/lib/components/commonComponents/CollapsePanel/demo/demo1.js +5 -5
- package/lib/components/commonComponents/PromptsEditor/VarRender.js +1 -1
- package/lib/components/commonComponents/Video/index.d.ts +3 -0
- package/lib/components/commonComponents/Video/index.js +6 -1
- package/lib/components/commonComponents/Video/index.style.js +3 -1
- package/lib/libs/env/index.d.ts +1 -1
- package/package.json +3 -4
- package/llms/all.llms.txt +0 -4963
- package/llms/components/commonComponents/Alert/index.zh-CN.llms.txt +0 -32
- package/llms/components/commonComponents/AlertDialog/index.zh-CN.llms.txt +0 -171
- package/llms/components/commonComponents/Anchor/index.zh-CN.llms.txt +0 -51
- package/llms/components/commonComponents/Avatar/index.zh-CN.llms.txt +0 -37
- package/llms/components/commonComponents/Breadcrumb/index.zh-CN.llms.txt +0 -117
- package/llms/components/commonComponents/Button/index.zh-CN.llms.txt +0 -54
- package/llms/components/commonComponents/Card/index.zh-CN.llms.txt +0 -61
- package/llms/components/commonComponents/Checkbox/index.zh-CN.llms.txt +0 -69
- package/llms/components/commonComponents/CodeBlock/index.zh-CN.llms.txt +0 -13
- package/llms/components/commonComponents/Collapse/index.zh-CN.llms.txt +0 -56
- package/llms/components/commonComponents/CollapsePanel/index.zh-CN.llms.txt +0 -69
- package/llms/components/commonComponents/DatePicker/index.zh-CN.llms.txt +0 -221
- package/llms/components/commonComponents/Descriptions/index.zh-CN.llms.txt +0 -37
- package/llms/components/commonComponents/Drawer/index.zh-CN.llms.txt +0 -62
- package/llms/components/commonComponents/Dropdown/index.zh-CN.llms.txt +0 -149
- package/llms/components/commonComponents/Empty/index.zh-CN.llms.txt +0 -41
- package/llms/components/commonComponents/FloatButton/index.zh-CN.llms.txt +0 -51
- package/llms/components/commonComponents/Form/index.zh-CN.llms.txt +0 -558
- package/llms/components/commonComponents/IconButton/index.zh-CN.llms.txt +0 -45
- package/llms/components/commonComponents/Image/index.zh-CN.llms.txt +0 -165
- package/llms/components/commonComponents/Input/index.zh-CN.llms.txt +0 -133
- package/llms/components/commonComponents/InputNumber/index.zh-CN.llms.txt +0 -51
- package/llms/components/commonComponents/Message/index.zh-CN.llms.txt +0 -98
- package/llms/components/commonComponents/Modal/index.zh-CN.llms.txt +0 -168
- package/llms/components/commonComponents/Notification/index.zh-CN.llms.txt +0 -94
- package/llms/components/commonComponents/Pagination/index.zh-CN.llms.txt +0 -45
- package/llms/components/commonComponents/Popconfirm/index.zh-CN.llms.txt +0 -55
- package/llms/components/commonComponents/Popover/index.zh-CN.llms.txt +0 -43
- package/llms/components/commonComponents/Progress/index.zh-CN.llms.txt +0 -50
- package/llms/components/commonComponents/PromptsEditor/index.zh-CN.llms.txt +0 -15
- package/llms/components/commonComponents/Radio/index.zh-CN.llms.txt +0 -66
- package/llms/components/commonComponents/RadioButton/index.zh-CN.llms.txt +0 -73
- package/llms/components/commonComponents/Result/index.zh-CN.llms.txt +0 -10
- package/llms/components/commonComponents/Select/index.zh-CN.llms.txt +0 -96
- package/llms/components/commonComponents/Skeleton/index.zh-CN.llms.txt +0 -59
- package/llms/components/commonComponents/Slider/index.zh-CN.llms.txt +0 -62
- package/llms/components/commonComponents/Spinner/index.zh-CN.llms.txt +0 -15
- package/llms/components/commonComponents/Statistic/index.zh-CN.llms.txt +0 -58
- package/llms/components/commonComponents/Steps/index.zh-CN.llms.txt +0 -57
- package/llms/components/commonComponents/Switch/index.zh-CN.llms.txt +0 -39
- package/llms/components/commonComponents/Table/index.zh-CN.llms.txt +0 -254
- package/llms/components/commonComponents/Tabs/index.zh-CN.llms.txt +0 -68
- package/llms/components/commonComponents/Tag/index.zh-CN.llms.txt +0 -33
- package/llms/components/commonComponents/TimePicker/index.zh-CN.llms.txt +0 -111
- package/llms/components/commonComponents/Tooltip/index.zh-CN.llms.txt +0 -45
- package/llms/components/commonComponents/Upload/index.zh-CN.llms.txt +0 -95
- package/llms/components/commonComponents/Video/index.zh-CN.llms.txt +0 -7
- package/llms/docs/guide/fromAntd.zh-CN.llms.txt +0 -156
- package/llms/docs/guide/fromScratch.zh-CN.llms.txt +0 -83
- package/llms/docs/guide/iconfont.zh-CN.llms.txt +0 -69
- package/llms/docs/guide/overview.zh-CN.llms.txt +0 -51
- package/llms/docs/guide/sparkIcons.zh-CN.llms.txt +0 -25
- package/llms/docs/guide/theme.zh-CN.llms.txt +0 -61
- package/llms/docs/guide/tokens&variables.zh-CN.llms.txt +0 -433
- package/llms/docs/guide/vibe-coding.zh-CN.llms.txt +0 -29
- package/llms/index.llms.txt +0 -49
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Audio } from "../../../..";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
export default (function () {
|
|
4
|
+
return /*#__PURE__*/_jsx(Audio, {
|
|
5
|
+
src: "https://dashscope.oss-cn-beijing.aliyuncs.com/samples/audio/qwen3-tts/KiKi.wav",
|
|
6
|
+
style: {
|
|
7
|
+
width: '100%',
|
|
8
|
+
height: '100%'
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
});
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
type NativeAudioProps = React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>;
|
|
3
3
|
export interface AudioProps extends NativeAudioProps {
|
|
4
|
-
/**
|
|
5
|
-
* @description audio内部设置了按钮样式,如果有一些操作按钮想继承这个样式可以在这里传入
|
|
6
|
-
*/
|
|
7
|
-
children?: React.ReactNode;
|
|
8
4
|
}
|
|
9
5
|
/**
|
|
10
6
|
* 音频播放器组件
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
var _excluded = ["controls", "
|
|
2
|
+
var _excluded = ["controls", "className", "style"];
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
5
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
@@ -28,7 +28,6 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
|
28
28
|
*/
|
|
29
29
|
var Audio = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
30
30
|
var controls = props.controls,
|
|
31
|
-
children = props.children,
|
|
32
31
|
className = props.className,
|
|
33
32
|
style = props.style,
|
|
34
33
|
audioProps = _objectWithoutProperties(props, _excluded);
|
|
@@ -145,7 +144,7 @@ var Audio = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
145
144
|
onPlay: handlePlay,
|
|
146
145
|
onPause: handlePause,
|
|
147
146
|
onEnded: handleEnded
|
|
148
|
-
})),
|
|
147
|
+
})), /*#__PURE__*/_jsx(MediaPlayerController, {
|
|
149
148
|
className: "".concat(sparkPrefix, "-audio-controller-wrapper"),
|
|
150
149
|
isPlaying: isPlaying,
|
|
151
150
|
currentTime: currentTime,
|
|
@@ -158,7 +157,7 @@ var Audio = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
158
157
|
},
|
|
159
158
|
onPlayPause: handlePlayPause,
|
|
160
159
|
onProgressClick: handleProgressClick
|
|
161
|
-
})
|
|
160
|
+
})]
|
|
162
161
|
})]
|
|
163
162
|
});
|
|
164
163
|
});
|
|
@@ -30,13 +30,13 @@ var App = function App() {
|
|
|
30
30
|
children: "\u676D\u5DDE\uFF1A\u4EBA\u95F4\u5929\u5802\u7684\u8BD7\u610F\u6816\u5C45"
|
|
31
31
|
})
|
|
32
32
|
}), /*#__PURE__*/_jsx("p", {
|
|
33
|
-
children: "\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u4F4D\u4E8E\u4E2D\u56FD\u4E1C\u5357\u6CBF\u6D77\u7684\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4EE5\u5176\u79C0\u7F8E\u7684\u81EA\u7136\u98CE\u5149\u548C\u6DF1\u539A\u7684\u4EBA\u6587\u5E95\u8574\uFF0C\u88AB\u8A89\u4E3A\
|
|
33
|
+
children: "\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u4F4D\u4E8E\u4E2D\u56FD\u4E1C\u5357\u6CBF\u6D77\u7684\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4EE5\u5176\u79C0\u7F8E\u7684\u81EA\u7136\u98CE\u5149\u548C\u6DF1\u539A\u7684\u4EBA\u6587\u5E95\u8574\uFF0C\u88AB\u8A89\u4E3A\u201C\u4EBA\u95F4\u5929\u5802\u201D\u3002\u65E0\u8BBA\u662F\u897F\u6E56\u7684\u70DF\u6CE2\u6D69\u6E3A\uFF0C\u8FD8\u662F\u7075\u9690\u5BFA\u7684\u949F\u58F0\u60A0\u626C\uFF0C\u4EA6\u6216\u662F\u9F99\u4E95\u8336\u7684\u6E05\u9999\u56DB\u6EA2\uFF0C\u676D\u5DDE\u90FD\u4EE5\u5176\u72EC\u7279\u7684\u9B45\u529B\u5438\u5F15\u7740\u65E0\u6570\u6E38\u5BA2\u548C\u6587\u4EBA\u58A8\u5BA2\u3002\u5728\u8FD9\u91CC\uFF0C\u81EA\u7136\u4E0E\u4EBA\u6587\u4EA4\u76F8\u8F89\u6620\uFF0C\u4F20\u7EDF\u4E0E\u73B0\u4EE3\u548C\u8C10\u5171\u5B58\uFF0C\u6784\u6210\u4E86\u4E00\u5E45\u4EE4\u4EBA\u6D41\u8FDE\u5FD8\u8FD4\u7684\u753B\u5377\u3002"
|
|
34
34
|
}), /*#__PURE__*/_jsx("p", {
|
|
35
35
|
children: /*#__PURE__*/_jsx("strong", {
|
|
36
36
|
children: "\u897F\u6E56\uFF1A\u676D\u5DDE\u7684\u7075\u9B42"
|
|
37
37
|
})
|
|
38
38
|
}), /*#__PURE__*/_jsx("p", {
|
|
39
|
-
children: "\u63D0\u5230\u676D\u5DDE\uFF0C\u4EBA\u4EEC\u9996\u5148\u60F3\u5230\u7684\u4FBF\u662F\u897F\u6E56\u3002\u897F\u6E56\u662F\u676D\u5DDE\u7684\u7075\u9B42\uFF0C\u4E5F\u662F\u4E2D\u56FD\u6700\u8457\u540D\u7684\u6E56\u6CCA\u4E4B\u4E00\u3002\u5B83\u4EE5\u5176\
|
|
39
|
+
children: "\u63D0\u5230\u676D\u5DDE\uFF0C\u4EBA\u4EEC\u9996\u5148\u60F3\u5230\u7684\u4FBF\u662F\u897F\u6E56\u3002\u897F\u6E56\u662F\u676D\u5DDE\u7684\u7075\u9B42\uFF0C\u4E5F\u662F\u4E2D\u56FD\u6700\u8457\u540D\u7684\u6E56\u6CCA\u4E4B\u4E00\u3002\u5B83\u4EE5\u5176\u201C\u6DE1\u5986\u6D53\u62B9\u603B\u76F8\u5B9C\u201D\u7684\u7F8E\u666F\uFF0C\u6210\u4E3A\u4E2D\u56FD\u53E4\u5178\u56ED\u6797\u827A\u672F\u7684\u5178\u8303\u3002\u65E0\u8BBA\u662F\u6625\u5929\u7684\u82CF\u5824\u6625\u6653\uFF0C\u590F\u5929\u7684\u66F2\u9662\u98CE\u8377\uFF0C\u79CB\u5929\u7684\u5E73\u6E56\u79CB\u6708\uFF0C\u8FD8\u662F\u51AC\u5929\u7684\u65AD\u6865\u6B8B\u96EA\uFF0C\u897F\u6E56\u56DB\u5B63\u7686\u6709\u4E0D\u540C\u7684\u97F5\u5473\u3002"
|
|
40
40
|
}), /*#__PURE__*/_jsx("p", {
|
|
41
41
|
children: "\u6F2B\u6B65\u5728\u897F\u6E56\u8FB9\uFF0C\u6E56\u6C34\u6CE2\u5149\u7CBC\u7CBC\uFF0C\u8FDC\u5C71\u5982\u9EDB\uFF0C\u6E56\u4E2D\u7684\u4E09\u6F6D\u5370\u6708\u3001\u96F7\u5CF0\u5854\u3001\u65AD\u6865\u7B49\u666F\u70B9\uFF0C\u65E0\u4E0D\u8BC9\u8BF4\u7740\u4E00\u4E2A\u4E2A\u52A8\u4EBA\u7684\u6545\u4E8B\u3002\u897F\u6E56\u7684\u7F8E\uFF0C\u4E0D\u4EC5\u5728\u4E8E\u5B83\u7684\u81EA\u7136\u98CE\u5149\uFF0C\u66F4\u5728\u4E8E\u5B83\u627F\u8F7D\u7684\u6DF1\u539A\u6587\u5316\u3002\u4ECE\u767D\u5C45\u6613\u7684\u300A\u94B1\u5858\u6E56\u6625\u884C\u300B\u5230\u82CF\u8F7C\u7684\u300A\u996E\u6E56\u4E0A\u521D\u6674\u540E\u96E8\u300B\uFF0C\u5386\u4EE3\u6587\u4EBA\u58A8\u5BA2\u4E3A\u897F\u6E56\u7559\u4E0B\u4E86\u65E0\u6570\u810D\u7099\u4EBA\u53E3\u7684\u8BD7\u7BC7\uFF0C\u4F7F\u5176\u6210\u4E3A\u4E2D\u56FD\u6587\u5316\u7684\u91CD\u8981\u8C61\u5F81\u3002"
|
|
42
42
|
}), /*#__PURE__*/_jsx("p", {
|
|
@@ -52,7 +52,7 @@ var App = function App() {
|
|
|
52
52
|
children: "\u9F99\u4E95\u8336\uFF1A\u676D\u5DDE\u7684\u5473\u9053"
|
|
53
53
|
})
|
|
54
54
|
}), /*#__PURE__*/_jsx("p", {
|
|
55
|
-
children: "\u676D\u5DDE\u7684\u9F99\u4E95\u8336\uFF0C\u662F\u4E2D\u56FD\u5341\u5927\u540D\u8336\u4E4B\u4E00\uFF0C\u4E5F\u662F\u676D\u5DDE\u6587\u5316\u7684\u91CD\u8981\u7EC4\u6210\u90E8\u5206\u3002\u9F99\u4E95\u8336\u4EE5\u5176\
|
|
55
|
+
children: "\u676D\u5DDE\u7684\u9F99\u4E95\u8336\uFF0C\u662F\u4E2D\u56FD\u5341\u5927\u540D\u8336\u4E4B\u4E00\uFF0C\u4E5F\u662F\u676D\u5DDE\u6587\u5316\u7684\u91CD\u8981\u7EC4\u6210\u90E8\u5206\u3002\u9F99\u4E95\u8336\u4EE5\u5176\u201C\u8272\u7EFF\u3001\u9999\u90C1\u3001\u5473\u7518\u3001\u5F62\u7F8E\u201D\u56DB\u7EDD\u800C\u95FB\u540D\u4E8E\u4E16\u3002\u6BCF\u5E74\u6625\u5929\uFF0C\u676D\u5DDE\u7684\u8336\u519C\u4EEC\u4FBF\u5F00\u59CB\u5FD9\u788C\u8D77\u6765\uFF0C\u91C7\u6458\u65B0\u9C9C\u7684\u8336\u53F6\uFF0C\u7ECF\u8FC7\u7CBE\u5FC3\u7092\u5236\uFF0C\u5236\u6210\u6E05\u9999\u6251\u9F3B\u7684\u9F99\u4E95\u8336\u3002"
|
|
56
56
|
}), /*#__PURE__*/_jsx("p", {
|
|
57
57
|
children: "\u5728\u676D\u5DDE\uFF0C\u54C1\u8336\u4E0D\u4EC5\u662F\u4E00\u79CD\u751F\u6D3B\u4E60\u60EF\uFF0C\u66F4\u662F\u4E00\u79CD\u6587\u5316\u4F53\u9A8C\u3002\u5728\u9F99\u4E95\u6751\uFF0C\u6E38\u5BA2\u53EF\u4EE5\u4EB2\u81EA\u4F53\u9A8C\u91C7\u8336\u3001\u7092\u8336\u7684\u8FC7\u7A0B\uFF0C\u611F\u53D7\u8336\u6587\u5316\u7684\u9B45\u529B\u3002\u5750\u5728\u8336\u56ED\u4E2D\uFF0C\u54C1\u4E00\u676F\u6E05\u9999\u56DB\u6EA2\u7684\u9F99\u4E95\u8336\uFF0C\u8FDC\u773A\u9752\u5C71\u7EFF\u6C34\uFF0C\u4EFF\u4F5B\u65F6\u95F4\u90FD\u6162\u4E86\u4E0B\u6765\u3002"
|
|
58
58
|
}), /*#__PURE__*/_jsx("p", {
|
|
@@ -68,7 +68,7 @@ var App = function App() {
|
|
|
68
68
|
children: "\u73B0\u4EE3\u676D\u5DDE\uFF1A\u4F20\u7EDF\u4E0E\u521B\u65B0\u7684\u878D\u5408"
|
|
69
69
|
})
|
|
70
70
|
}), /*#__PURE__*/_jsx("p", {
|
|
71
|
-
children: "\u4ECA\u5929\u7684\u676D\u5DDE\uFF0C\u4E0D\u4EC5\u662F\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4E5F\u662F\u4E2D\u56FD\u79D1\u6280\u521B\u65B0\u7684\u91CD\u8981\u4E2D\u5FC3\u3002\u4F5C\u4E3A\u963F\u91CC\u5DF4\u5DF4\u7684\u603B\u90E8\u6240\u5728\u5730\uFF0C\u676D\u5DDE\u88AB\u8A89\u4E3A\
|
|
71
|
+
children: "\u4ECA\u5929\u7684\u676D\u5DDE\uFF0C\u4E0D\u4EC5\u662F\u5386\u53F2\u6587\u5316\u540D\u57CE\uFF0C\u4E5F\u662F\u4E2D\u56FD\u79D1\u6280\u521B\u65B0\u7684\u91CD\u8981\u4E2D\u5FC3\u3002\u4F5C\u4E3A\u963F\u91CC\u5DF4\u5DF4\u7684\u603B\u90E8\u6240\u5728\u5730\uFF0C\u676D\u5DDE\u88AB\u8A89\u4E3A\u201C\u4E2D\u56FD\u7845\u8C37\u201D\uFF0C\u5438\u5F15\u4E86\u65E0\u6570\u521B\u4E1A\u8005\u548C\u79D1\u6280\u4EBA\u624D\u3002\u5728\u8FD9\u91CC\uFF0C\u53E4\u8001\u7684\u4F20\u7EDF\u6587\u5316\u4E0E\u73B0\u4EE3\u79D1\u6280\u5B8C\u7F8E\u878D\u5408\uFF0C\u5C55\u73B0\u51FA\u4E00\u79CD\u72EC\u7279\u7684\u57CE\u5E02\u6C14\u8D28\u3002"
|
|
72
72
|
}), /*#__PURE__*/_jsx("p", {
|
|
73
73
|
children: "\u676D\u5DDE\u7684\u73B0\u4EE3\u5316\u53D1\u5C55\u5E76\u672A\u63A9\u76D6\u5176\u4F20\u7EDF\u6587\u5316\u7684\u9B45\u529B\u3002\u76F8\u53CD\uFF0C\u73B0\u4EE3\u79D1\u6280\u4E3A\u4F20\u7EDF\u6587\u5316\u7684\u4F20\u627F\u4E0E\u521B\u65B0\u63D0\u4F9B\u4E86\u65B0\u7684\u5E73\u53F0\u3002\u4F8B\u5982\uFF0C\u897F\u6E56\u7684\u591C\u666F\u901A\u8FC7\u706F\u5149\u79C0\u7115\u53D1\u51FA\u65B0\u7684\u751F\u673A\uFF0C\u9F99\u4E95\u8336\u7684\u9500\u552E\u4E5F\u501F\u52A9\u7535\u5546\u5E73\u53F0\u8D70\u5411\u5168\u7403\u3002\u676D\u5DDE\u4EE5\u5176\u5305\u5BB9\u4E0E\u521B\u65B0\u7684\u7CBE\u795E\uFF0C\u6B63\u5728\u4E66\u5199\u7740\u65B0\u7684\u7BC7\u7AE0\u3002"
|
|
74
74
|
}), /*#__PURE__*/_jsx("p", {
|
|
@@ -76,7 +76,7 @@ var App = function App() {
|
|
|
76
76
|
children: "\u7ED3\u8BED"
|
|
77
77
|
})
|
|
78
78
|
}), /*#__PURE__*/_jsx("p", {
|
|
79
|
-
children: "\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u517C\u5177\u81EA\u7136\u4E4B\u7F8E\u4E0E\u4EBA\u6587\u4E4B\u97F5\u7684\u57CE\u5E02\uFF0C\u4EE5\u5176\u72EC\u7279\u7684\u9B45\u529B\u5438\u5F15\u7740\u4E16\u754C\u5404\u5730\u7684\u6E38\u5BA2\u3002\u65E0\u8BBA\u662F\u897F\u6E56\u7684\u70DF\u6CE2\u6D69\u6E3A\uFF0C\u7075\u9690\u5BFA\u7684\u7985\u610F\u60A0\u8FDC\uFF0C\u8FD8\u662F\u9F99\u4E95\u8336\u7684\u6E05\u9999\u56DB\u6EA2\uFF0C\u676D\u5DDE\u90FD\u4EE5\u5176\u6DF1\u539A\u7684\u6587\u5316\u5E95\u8574\u548C\u7F8E\u4E3D\u7684\u81EA\u7136\u98CE\u5149\uFF0C\u6210\u4E3A\u4EBA\u4EEC\u5FC3\u4E2D\u7684\
|
|
79
|
+
children: "\u676D\u5DDE\uFF0C\u8FD9\u5EA7\u517C\u5177\u81EA\u7136\u4E4B\u7F8E\u4E0E\u4EBA\u6587\u4E4B\u97F5\u7684\u57CE\u5E02\uFF0C\u4EE5\u5176\u72EC\u7279\u7684\u9B45\u529B\u5438\u5F15\u7740\u4E16\u754C\u5404\u5730\u7684\u6E38\u5BA2\u3002\u65E0\u8BBA\u662F\u897F\u6E56\u7684\u70DF\u6CE2\u6D69\u6E3A\uFF0C\u7075\u9690\u5BFA\u7684\u7985\u610F\u60A0\u8FDC\uFF0C\u8FD8\u662F\u9F99\u4E95\u8336\u7684\u6E05\u9999\u56DB\u6EA2\uFF0C\u676D\u5DDE\u90FD\u4EE5\u5176\u6DF1\u539A\u7684\u6587\u5316\u5E95\u8574\u548C\u7F8E\u4E3D\u7684\u81EA\u7136\u98CE\u5149\uFF0C\u6210\u4E3A\u4EBA\u4EEC\u5FC3\u4E2D\u7684\u201C\u4EBA\u95F4\u5929\u5802\u201D\u3002\u5728\u8FD9\u91CC\uFF0C\u4F20\u7EDF\u4E0E\u73B0\u4EE3\u4EA4\u7EC7\uFF0C\u81EA\u7136\u4E0E\u4EBA\u6587\u5171\u5B58\uFF0C\u6784\u6210\u4E86\u4E00\u5E45\u4EE4\u4EBA\u6D41\u8FDE\u5FD8\u8FD4\u7684\u753B\u5377\u3002\u676D\u5DDE\uFF0C\u4E0D\u4EC5\u662F\u8BD7\u610F\u7684\u6816\u5C45\u5730\uFF0C\u66F4\u662F\u68A6\u60F3\u4E0E\u5E0C\u671B\u7684\u8D77\u70B9\u3002"
|
|
80
80
|
})]
|
|
81
81
|
})
|
|
82
82
|
})
|
|
@@ -3,10 +3,13 @@ type NativeVideoProps = React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVi
|
|
|
3
3
|
export interface VideoProps extends NativeVideoProps {
|
|
4
4
|
/**
|
|
5
5
|
* @description 鼠标进入时是否自动播放
|
|
6
|
+
* @descriptionEn mouse enter auto play
|
|
7
|
+
* @default false
|
|
6
8
|
*/
|
|
7
9
|
mouseEnterAutoPlay?: boolean;
|
|
8
10
|
/**
|
|
9
11
|
* @description video内部设置了按钮在暗色背景下的样式,如果有一些操作按钮想继承这个样式可以在这里传入
|
|
12
|
+
* @descriptionEn video internal sets the style of the buttons in the dark background, if there are some operation buttons that want to inherit this style can be passed in here
|
|
10
13
|
*/
|
|
11
14
|
children?: React.ReactNode;
|
|
12
15
|
}
|
|
@@ -190,9 +190,14 @@ var Video = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
190
190
|
className: "".concat(sparkPrefix, "-video-content"),
|
|
191
191
|
onMouseEnter: handleMouseEnter,
|
|
192
192
|
onMouseLeave: handleMouseLeave,
|
|
193
|
-
children: [/*#__PURE__*/_jsx("
|
|
193
|
+
children: [props.poster && /*#__PURE__*/_jsx("img", {
|
|
194
|
+
src: props.poster,
|
|
195
|
+
alt: "poster",
|
|
196
|
+
className: "".concat(sparkPrefix, "-video-poster")
|
|
197
|
+
}), /*#__PURE__*/_jsx("video", _objectSpread(_objectSpread({
|
|
194
198
|
ref: combinedRef
|
|
195
199
|
}, videoProps), {}, {
|
|
200
|
+
controls: false,
|
|
196
201
|
muted: muted,
|
|
197
202
|
className: "".concat(sparkPrefix, "-video-element"),
|
|
198
203
|
crossOrigin: "anonymous",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
var _templateObject;
|
|
2
2
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
3
3
|
import createGlobalStyle from "../../../libs/createStyle";
|
|
4
|
-
export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n// Video \u4E3B\u5BB9\u5668\u6837\u5F0F\n.", "-video-container {\n position: relative;\n width: 100%;\n height: 100%;\n background: #000;\n\n button {\n --", "-color-text-disabled: rgba(231, 231, 237, 0.25) !important;\n --", "-button-text-text-color: rgba(231, 231, 237, 0.88) !important;\n --", "-button-text-text-hover-color: rgba(231, 231, 237, 0.88) !important;\n --", "-button-text-hover-bg: rgba(231, 231, 237, 0.08) !important;\n }\n\n .", "-media-time-text {\n color: var(--", "-color-text-white);\n }\n}\n\n.", "-video-content {\n width: 100%;\n height: 100%;\n}\n\n.", "-video-element {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.", "-video-controller-wrapper {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(0deg, #000000 2%, rgba(0, 0, 0, 0) 94%);\n transition: opacity 0.3s;\n}\n // \u8FDB\u5EA6\u6761\u6837\u5F0F\n.", "-media-progress-bar {\n .", "-progress-inner {\n --", "-progress-remaining-color: var(--", "-color-fill);\n }\n \n .", "-progress-bg {\n background: var(--", "-color-text-white) !important;\n }\n}\n"])), function (p) {
|
|
4
|
+
export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n// Video \u4E3B\u5BB9\u5668\u6837\u5F0F\n.", "-video-container {\n position: relative;\n width: 100%;\n height: 100%;\n background: #000;\n\n button {\n --", "-color-text-disabled: rgba(231, 231, 237, 0.25) !important;\n --", "-button-text-text-color: rgba(231, 231, 237, 0.88) !important;\n --", "-button-text-text-hover-color: rgba(231, 231, 237, 0.88) !important;\n --", "-button-text-hover-bg: rgba(231, 231, 237, 0.08) !important;\n }\n\n .", "-media-time-text {\n color: var(--", "-color-text-white);\n }\n}\n\n.", "-video-content {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.", "-video-element {\n position: relative;\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.", "-video-poster {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.", "-video-controller-wrapper {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n background: linear-gradient(0deg, #000000 2%, rgba(0, 0, 0, 0) 94%);\n transition: opacity 0.3s;\n}\n // \u8FDB\u5EA6\u6761\u6837\u5F0F\n.", "-media-progress-bar {\n .", "-progress-inner {\n --", "-progress-remaining-color: var(--", "-color-fill);\n }\n \n .", "-progress-bg {\n background: var(--", "-color-text-white) !important;\n }\n}\n"])), function (p) {
|
|
5
5
|
return p.sparkPrefix;
|
|
6
6
|
}, function (p) {
|
|
7
7
|
return p.antPrefix;
|
|
@@ -23,6 +23,8 @@ export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _t
|
|
|
23
23
|
return p.sparkPrefix;
|
|
24
24
|
}, function (p) {
|
|
25
25
|
return p.sparkPrefix;
|
|
26
|
+
}, function (p) {
|
|
27
|
+
return p.sparkPrefix;
|
|
26
28
|
}, function (p) {
|
|
27
29
|
return p.antPrefix;
|
|
28
30
|
}, function (p) {
|
package/lib/libs/env/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agentscope-ai/design",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.19-beta.1765956798383",
|
|
4
4
|
"description": "AgentScope Spark Design - UI Library for AgentScope AI",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -37,8 +37,7 @@
|
|
|
37
37
|
"dumi:setup": "dumi setup",
|
|
38
38
|
"prepare": "npm run dumi:setup",
|
|
39
39
|
"start": "npm run dev",
|
|
40
|
-
"test": "vitest"
|
|
41
|
-
"publish:manual": "npm run build && npm publish"
|
|
40
|
+
"test": "vitest"
|
|
42
41
|
},
|
|
43
42
|
"dependencies": {
|
|
44
43
|
"@agentscope-ai/icons": "^1.0.35",
|
|
@@ -153,4 +152,4 @@
|
|
|
153
152
|
"@ant-design/icons": "@agentscope-ai/icons-override-antd",
|
|
154
153
|
"@ant-design/icons-svg": "@agentscope-ai/icons-svg-override-antd"
|
|
155
154
|
}
|
|
156
|
-
}
|
|
155
|
+
}
|