@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.
@@ -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 /= 255;
52
- g /= 255;
53
- b /= 255;
54
- var max = Math.max(r, g, b),
55
- min = Math.min(r, g, b);
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 r:
66
- h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
65
+ case rr:
66
+ h = ((gg - bb) / d + (gg < bb ? 6 : 0)) / 6;
67
67
  break;
68
- case g:
69
- h = ((b - r) / d + 2) / 6;
68
+ case gg:
69
+ h = ((bb - rr) / d + 2) / 6;
70
70
  break;
71
- case b:
72
- h = ((r - g) / d + 4) / 6;
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 /= 360;
90
- s /= 100;
91
- l /= 100;
89
+ var hh = h / 360;
90
+ var ss = s / 100;
91
+ var ll = l / 100;
92
92
  var r, g, b;
93
- if (s === 0) {
94
- r = g = b = l;
93
+ if (ss === 0) {
94
+ r = g = b = ll;
95
95
  } else {
96
96
  var hue2rgb = function hue2rgb(p, q, t) {
97
- if (t < 0) t += 1;
98
- if (t > 1) t -= 1;
99
- if (t < 1 / 6) return p + (q - p) * 6 * t;
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 (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
102
+ if (tt < 2 / 3) return p + (q - p) * (2 / 3 - tt) * 6;
102
103
  return p;
103
104
  };
104
- var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
105
- var p = 2 * l - q;
106
- r = hue2rgb(p, q, h + 1 / 3);
107
- g = hue2rgb(p, q, h);
108
- b = hue2rgb(p, q, h - 1 / 3);
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
- bgBaseHex = bgBaseHex || (darkMode ? '#000000' : '#ffffff');
181
- textBaseHex = textBaseHex || (darkMode ? '#E7E7ED' : '#1a1a1a');
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(bgBaseHex);
188
- var textBaseRgb = hexToRgb(textBaseHex);
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,2 @@
1
+ declare const _default: () => import("react/jsx-runtime").JSX.Element;
2
+ export default _default;
@@ -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", "children", "className", "style"];
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
- })), controls && /*#__PURE__*/_jsx(MediaPlayerController, {
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
- }), children]
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\"\u4EBA\u95F4\u5929\u5802\"\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"
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\"\u6DE1\u5986\u6D53\u62B9\u603B\u76F8\u5B9C\"\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"
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\"\u8272\u7EFF\u3001\u9999\u90C1\u3001\u5473\u7518\u3001\u5F62\u7F8E\"\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"
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\"\u4E2D\u56FD\u7845\u8C37\"\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"
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\"\u4EBA\u95F4\u5929\u5802\"\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"
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
  })
@@ -28,7 +28,7 @@ var PlaceholderWidget = /*#__PURE__*/function (_WidgetType) {
28
28
  _createClass(PlaceholderWidget, [{
29
29
  key: "eq",
30
30
  value: function eq(other) {
31
- return other.name == this.name;
31
+ return other.name === this.name;
32
32
  }
33
33
  }, {
34
34
  key: "toDOM",
@@ -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("video", _objectSpread(_objectSpread({
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) {
@@ -1,4 +1,4 @@
1
- export declare function getLang(): "zh-CN" | "en-US";
1
+ export declare function getLang(): "en-US" | "zh-CN";
2
2
  /**
3
3
  * 当前是否是中文语言环境
4
4
  * @returns {boolean}