@agentscope-ai/design 1.0.17 → 1.0.18
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/antd/themes/generateTheme.js +30 -29
- 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/llms/all.llms.txt +908 -1800
- package/package.json +2 -2
- package/scripts/mcp-docs-server.js +2 -2
- 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/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
|
@@ -48,11 +48,11 @@ var rgbToHex = function rgbToHex(r, g, b) {
|
|
|
48
48
|
* RGB 转 HSL
|
|
49
49
|
*/
|
|
50
50
|
var rgbToHsl = function rgbToHsl(r, g, b) {
|
|
51
|
-
r
|
|
52
|
-
g
|
|
53
|
-
b
|
|
54
|
-
var max = Math.max(
|
|
55
|
-
min = Math.min(
|
|
51
|
+
var rr = r / 255;
|
|
52
|
+
var gg = g / 255;
|
|
53
|
+
var bb = b / 255;
|
|
54
|
+
var max = Math.max(rr, gg, bb),
|
|
55
|
+
min = Math.min(rr, gg, bb);
|
|
56
56
|
var h,
|
|
57
57
|
s,
|
|
58
58
|
l = (max + min) / 2;
|
|
@@ -62,14 +62,14 @@ var rgbToHsl = function rgbToHsl(r, g, b) {
|
|
|
62
62
|
var d = max - min;
|
|
63
63
|
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
|
|
64
64
|
switch (max) {
|
|
65
|
-
case
|
|
66
|
-
h = ((
|
|
65
|
+
case rr:
|
|
66
|
+
h = ((gg - bb) / d + (gg < bb ? 6 : 0)) / 6;
|
|
67
67
|
break;
|
|
68
|
-
case
|
|
69
|
-
h = ((
|
|
68
|
+
case gg:
|
|
69
|
+
h = ((bb - rr) / d + 2) / 6;
|
|
70
70
|
break;
|
|
71
|
-
case
|
|
72
|
-
h = ((
|
|
71
|
+
case bb:
|
|
72
|
+
h = ((rr - gg) / d + 4) / 6;
|
|
73
73
|
break;
|
|
74
74
|
default:
|
|
75
75
|
h = 0;
|
|
@@ -86,26 +86,27 @@ var rgbToHsl = function rgbToHsl(r, g, b) {
|
|
|
86
86
|
* HSL 转 RGB
|
|
87
87
|
*/
|
|
88
88
|
var hslToRgb = function hslToRgb(h, s, l) {
|
|
89
|
-
h
|
|
90
|
-
s
|
|
91
|
-
l
|
|
89
|
+
var hh = h / 360;
|
|
90
|
+
var ss = s / 100;
|
|
91
|
+
var ll = l / 100;
|
|
92
92
|
var r, g, b;
|
|
93
|
-
if (
|
|
94
|
-
r = g = b =
|
|
93
|
+
if (ss === 0) {
|
|
94
|
+
r = g = b = ll;
|
|
95
95
|
} else {
|
|
96
96
|
var hue2rgb = function hue2rgb(p, q, t) {
|
|
97
|
-
|
|
98
|
-
if (
|
|
99
|
-
if (
|
|
97
|
+
var tt = t;
|
|
98
|
+
if (tt < 0) tt += 1;
|
|
99
|
+
if (tt > 1) tt -= 1;
|
|
100
|
+
if (tt < 1 / 6) return p + (q - p) * 6 * tt;
|
|
100
101
|
if (t < 1 / 2) return q;
|
|
101
|
-
if (
|
|
102
|
+
if (tt < 2 / 3) return p + (q - p) * (2 / 3 - tt) * 6;
|
|
102
103
|
return p;
|
|
103
104
|
};
|
|
104
|
-
var q =
|
|
105
|
-
var p = 2 *
|
|
106
|
-
r = hue2rgb(p, q,
|
|
107
|
-
g = hue2rgb(p, q,
|
|
108
|
-
b = hue2rgb(p, q,
|
|
105
|
+
var q = ll < 0.5 ? ll * (1 + ss) : ll + ss - ll * ss;
|
|
106
|
+
var p = 2 * ll - q;
|
|
107
|
+
r = hue2rgb(p, q, hh + 1 / 3);
|
|
108
|
+
g = hue2rgb(p, q, hh);
|
|
109
|
+
b = hue2rgb(p, q, hh - 1 / 3);
|
|
109
110
|
}
|
|
110
111
|
return {
|
|
111
112
|
r: Math.round(r * 255),
|
|
@@ -177,15 +178,15 @@ var generateTheme = function generateTheme(_ref) {
|
|
|
177
178
|
textBaseHex = _ref.textBaseHex,
|
|
178
179
|
_ref$darkMode = _ref.darkMode,
|
|
179
180
|
darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode;
|
|
180
|
-
|
|
181
|
-
|
|
181
|
+
var resolvedBgBaseHex = bgBaseHex || (darkMode ? '#000000' : '#ffffff');
|
|
182
|
+
var resolvedTextBaseHex = textBaseHex || (darkMode ? '#E7E7ED' : '#1a1a1a');
|
|
182
183
|
var rgb = hexToRgb(primaryHex);
|
|
183
184
|
if (!rgb) return null;
|
|
184
185
|
var hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);
|
|
185
186
|
|
|
186
187
|
// 获取背景色和文本色的 RGB 和 HSL
|
|
187
|
-
var bgBaseRgb = hexToRgb(
|
|
188
|
-
var textBaseRgb = hexToRgb(
|
|
188
|
+
var bgBaseRgb = hexToRgb(resolvedBgBaseHex);
|
|
189
|
+
var textBaseRgb = hexToRgb(resolvedTextBaseHex);
|
|
189
190
|
var bgBaseHsl = bgBaseRgb ? rgbToHsl(bgBaseRgb.r, bgBaseRgb.g, bgBaseRgb.b) : {
|
|
190
191
|
h: 210,
|
|
191
192
|
s: 8,
|
|
@@ -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