@agentscope-ai/design 1.0.19 → 1.0.20-beta.1766645674012

package/lib/antd/styles/slider.style.js

@@ -1,7 +1,19 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import createGlobalStyle from "../../libs/createStyle";
-export var useSliderStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-slider {\n  .", "-slider-rail {\n    border-radius: 8px;\n  }\n  \n  .", "-slider-track {\n    border-radius: 8px;\n  }\n}\n\n.", "-slider-tooltip {\n  .", "-tooltip-inner {\n    background: var(--", "-color-bg-spotlight);\n  }\n}\n\n/* \u5DE6\u53F3\u4E24\u4FA7\u7684mark\u5BF9\u9F50 */\n.", "-slider-mark-text {\n  &:first-child {\n    transform: translateX(0%) !important;\n  }\n  \n  &:last-child {\n    transform: translateX(-100%) !important;\n  }\n}\n"])), function (p) {
+export var useSliderStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-slider {\n  margin-left: 0;\n  margin-right: 0;\n\n  /* \u7AEF\u70B9\u9632\u6EA2\u51FA\uFF1A\u6E10\u53D8 translateX \u907F\u514D\u6296\u52A8 */\n  &.", "-slider-horizontal:not(.", "-slider-reverse) {\n    .", "-slider-handle {\n      &[style*='left: 0%'], &[style*='left:0%'] { transform: translateX(0%) !important; }\n      &[style*='left: 1%'], &[style*='left:1%'] { transform: translateX(-25%) !important; }\n      &[style*='left: 2%'], &[style*='left:2%'] { transform: translateX(-50%) !important; }\n      &[style*='left: 98%'], &[style*='left:98%'] { transform: translateX(-50%) !important; }\n      &[style*='left: 99%'], &[style*='left:99%'] { transform: translateX(-75%) !important; }\n      &[style*='left: 100%'], &[style*='left:100%'] { transform: translateX(-100%) !important; }\n    }\n  }\n\n  &.", "-slider-horizontal.", "-slider-reverse {\n    .", "-slider-handle {\n      &[style*='right: 0%'], &[style*='right:0%'] { transform: translateX(0%) !important; }\n      &[style*='right: 1%'], &[style*='right:1%'] { transform: translateX(25%) !important; }\n      &[style*='right: 2%'], &[style*='right:2%'] { transform: translateX(50%) !important; }\n      &[style*='right: 98%'], &[style*='right:98%'] { transform: translateX(50%) !important; }\n      &[style*='right: 99%'], &[style*='right:99%'] { transform: translateX(75%) !important; }\n      &[style*='right: 100%'], &[style*='right:100%'] { transform: translateX(100%) !important; }\n    }\n  }\n\n  .", "-slider-rail {\n    border-radius: 8px;\n  }\n  \n  .", "-slider-track {\n    border-radius: 8px;\n  }\n}\n\n.", "-slider-tooltip {\n  .", "-tooltip-inner {\n    background: var(--", "-color-bg-spotlight);\n  }\n}\n\n/* \u5DE6\u53F3\u4E24\u4FA7\u7684mark\u5BF9\u9F50 */\n.", "-slider-mark-text {\n  &:first-child {\n    transform: translateX(0%) !important;\n  }\n  \n  &:last-child {\n    transform: translateX(-100%) !important;\n  }\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;

package/lib/antd/themes/generateTheme.js

@@ -1,3 +1,4 @@
+// @ts-nocheck
 /**
  * 主题生成器 - Theme Generator
 
@@ -48,11 +49,11 @@ var rgbToHex = function rgbToHex(r, g, b) {
  * RGB 转 HSL
  */
 var rgbToHsl = function rgbToHsl(r, g, b) {
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  var max = Math.max(r, g, b),
-    min = Math.min(r, g, b);
+  var rr = r / 255;
+  var gg = g / 255;
+  var bb = b / 255;
+  var max = Math.max(rr, gg, bb),
+    min = Math.min(rr, gg, bb);
   var h,
     s,
     l = (max + min) / 2;
@@ -62,14 +63,14 @@ var rgbToHsl = function rgbToHsl(r, g, b) {
     var d = max - min;
     s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
     switch (max) {
-      case r:
-        h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+      case rr:
+        h = ((gg - bb) / d + (gg < bb ? 6 : 0)) / 6;
         break;
-      case g:
-        h = ((b - r) / d + 2) / 6;
+      case gg:
+        h = ((bb - rr) / d + 2) / 6;
         break;
-      case b:
-        h = ((r - g) / d + 4) / 6;
+      case bb:
+        h = ((rr - gg) / d + 4) / 6;
         break;
       default:
         h = 0;
@@ -86,26 +87,27 @@ var rgbToHsl = function rgbToHsl(r, g, b) {
  * HSL 转 RGB
  */
 var hslToRgb = function hslToRgb(h, s, l) {
-  h /= 360;
-  s /= 100;
-  l /= 100;
+  var hh = h / 360;
+  var ss = s / 100;
+  var ll = l / 100;
   var r, g, b;
-  if (s === 0) {
-    r = g = b = l;
+  if (ss === 0) {
+    r = g = b = ll;
   } else {
     var hue2rgb = function hue2rgb(p, q, t) {
-      if (t < 0) t += 1;
-      if (t > 1) t -= 1;
-      if (t < 1 / 6) return p + (q - p) * 6 * t;
-      if (t < 1 / 2) return q;
-      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+      var tt = t;
+      if (tt < 0) tt += 1;
+      if (tt > 1) tt -= 1;
+      if (tt < 1 / 6) return p + (q - p) * 6 * tt;
+      if (tt < 1 / 2) return q;
+      if (tt < 2 / 3) return p + (q - p) * (2 / 3 - tt) * 6;
       return p;
     };
-    var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-    var p = 2 * l - q;
-    r = hue2rgb(p, q, h + 1 / 3);
-    g = hue2rgb(p, q, h);
-    b = hue2rgb(p, q, h - 1 / 3);
+    var q = ll < 0.5 ? ll * (1 + ss) : ll + ss - ll * ss;
+    var p = 2 * ll - q;
+    r = hue2rgb(p, q, hh + 1 / 3);
+    g = hue2rgb(p, q, hh);
+    b = hue2rgb(p, q, hh - 1 / 3);
   }
   return {
     r: Math.round(r * 255),
@@ -177,15 +179,15 @@ var generateTheme = function generateTheme(_ref) {
     textBaseHex = _ref.textBaseHex,
     _ref$darkMode = _ref.darkMode,
     darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode;
-  bgBaseHex = bgBaseHex || (darkMode ? '#000000' : '#ffffff');
-  textBaseHex = textBaseHex || (darkMode ? '#E7E7ED' : '#1a1a1a');
+  var resolvedBgBaseHex = bgBaseHex || (darkMode ? '#000000' : '#ffffff');
+  var resolvedTextBaseHex = textBaseHex || (darkMode ? '#E7E7ED' : '#1a1a1a');
   var rgb = hexToRgb(primaryHex);
   if (!rgb) return null;
   var hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);
 
   // 获取背景色和文本色的 RGB 和 HSL
-  var bgBaseRgb = hexToRgb(bgBaseHex);
-  var textBaseRgb = hexToRgb(textBaseHex);
+  var bgBaseRgb = hexToRgb(resolvedBgBaseHex);
+  var textBaseRgb = hexToRgb(resolvedTextBaseHex);
   var bgBaseHsl = bgBaseRgb ? rgbToHsl(bgBaseRgb.r, bgBaseRgb.g, bgBaseRgb.b) : {
     h: 210,
     s: 8,

package/lib/components/commonComponents/Audio/index.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
 type NativeAudioProps = React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>;
-export interface AudioProps extends NativeAudioProps {
-}
+export type AudioProps = NativeAudioProps;
 /**
  * 音频播放器组件
  * 包含播放/暂停、音量控制、进度条和时间显示
  */
-declare const Audio: React.ForwardRefExoticComponent<Omit<AudioProps, "ref"> & React.RefAttributes<HTMLAudioElement>>;
+declare const Audio: React.ForwardRefExoticComponent<Omit<NativeAudioProps, "ref"> & React.RefAttributes<HTMLAudioElement>>;
 export default Audio;

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

@@ -10,7 +10,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import { getCommonConfig } from "../../..";
+import { bailianDarkTheme, bailianTheme, getCommonConfig, ConfigProvider } from "../../..";
 import { cpp } from '@codemirror/lang-cpp';
 import { css } from '@codemirror/lang-css';
 import { go } from '@codemirror/lang-go';
@@ -25,14 +25,14 @@ import { yaml } from '@codemirror/lang-yaml';
 import { linter, lintGutter } from '@codemirror/lint';
 import { vscodeDark, vscodeLight } from '@uiw/codemirror-theme-vscode';
 import CodeMirror from '@uiw/react-codemirror';
-import { ConfigProvider, theme } from 'antd';
+import { theme } from 'antd';
 import cls from 'classnames';
 import { omit } from 'lodash-es';
 import React, { useMemo } from 'react';
 import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export var langExtensionsMap = {
   javascript: [javascript()],
   jsx: [javascript()],
@@ -77,19 +77,28 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
       return vscodeLight;
     }
     return props.theme === 'dark' ? vscodeDark : vscodeLight;
-  }, [isDarkMode]);
+  }, [isDarkMode, props.theme]);
   var extensions = typeof props.language === 'string' ? [].concat(_toConsumableArray(langExtensionsMap[props.language] || []), _toConsumableArray(props.value && props.language in lintExtensionsMap ? lintExtensionsMap[props.language] : [])) : props.language.reduce(function (ext, lang) {
     return [].concat(_toConsumableArray(ext), [langExtensionsMap[lang]]);
   }, []);
+  var codeMirrorElement = /*#__PURE__*/_jsx("div", {
+    className: cls("".concat(sparkPrefix, "-code-block"), props.className),
+    children: /*#__PURE__*/_jsx(CodeMirror, _objectSpread({
+      extensions: extensions,
+      value: props.language === 'json' ? beautifulJson(props.value) : props.value,
+      theme: getTheme
+    }, omit(props, ['language', 'theme', 'extensions', 'value'])))
+  });
+  if (props.theme !== undefined) {
+    var selectedTheme = props.theme === 'dark' ? bailianDarkTheme : bailianTheme;
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: /*#__PURE__*/_jsxs(ConfigProvider, _objectSpread(_objectSpread({}, selectedTheme), {}, {
+        children: [/*#__PURE__*/_jsx(Style, {}), codeMirrorElement]
+      }))
+    });
+  }
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx("div", {
-      className: cls("".concat(sparkPrefix, "-code-block"), props.className),
-      children: /*#__PURE__*/_jsx(CodeMirror, _objectSpread({
-        extensions: extensions,
-        value: props.language === 'json' ? beautifulJson(props.value) : props.value,
-        theme: getTheme
-      }, omit(props, ['language', 'theme', 'extensions', 'value'])))
-    })]
+    children: [/*#__PURE__*/_jsx(Style, {}), codeMirrorElement]
   });
 };
 export default CodeMirrorWrapper;

package/lib/components/commonComponents/Slider/demo/demo1.js

@@ -1,4 +1,4 @@
-import { Slider } from 'antd';
+import { Slider } from "../../../..";
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/commonComponents/Slider/demo/demo2.js

@@ -1,4 +1,4 @@
-import { Slider } from 'antd';
+import { Slider } from "../../../..";
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/commonComponents/Slider/demo/demo3.js

@@ -1,4 +1,4 @@
-import { Slider } from 'antd';
+import { Slider } from "../../../..";
 import React from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

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

@@ -15,11 +15,12 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var SparkSliderBasic = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _getCommonConfig = getCommonConfig(),
-    sparkPrefix = _getCommonConfig.sparkPrefix;
+    sparkPrefix = _getCommonConfig.sparkPrefix,
+    antPrefix = _getCommonConfig.antPrefix;
   var Style = useStyle();
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Slider, _objectSpread(_objectSpread({}, props), {}, {
-      className: classNames("".concat(sparkPrefix, "-slider"), _defineProperty({}, "".concat(sparkPrefix, "-slider-no-marks"), !Object.keys(props.marks || {}).length), props.className),
+      className: classNames("".concat(sparkPrefix, "-slider"), _defineProperty(_defineProperty({}, "".concat(sparkPrefix, "-slider-no-marks"), !Object.keys(props.marks || {}).length), "".concat(antPrefix, "-slider-reverse"), props.reverse), props.className),
       ref: ref
     }))]
   });

package/lib/components/commonComponents/Table/index.style.js

@@ -1,7 +1,23 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import createGlobalStyle from "../../../libs/createStyle";
-export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-table-wrapper {\n  .", "-table-container {\n    .", "-table-thead > tr > th {\n      padding: 8px 20px;\n      font-weight: 400;\n      color: var(--", "-color-text-secondary);\n    }\n    \n    /* \u9ED8\u8BA4\u60C5\u51B5\u4E0B\u79FB\u9664\u8868\u5934\u5355\u5143\u683C\u7684\u5706\u89D2 */\n    table > thead > tr:first-child > *:first-child {\n      border-start-start-radius: 0;\n    }\n    \n    table > thead > tr:first-child > *:last-child {\n      border-start-end-radius: 0;\n    }\n    \n    .", "-table-thead > tr > th:not(:last-child):not(.", "-table-selection-column):not(.", "-table-row-expand-icon-cell):not([colspan])::before {\n      display: none !important;\n    }\n    \n    .", "-table-tbody > tr > td {\n      padding: 16px 20px;\n    }\n    \n    .", "-table-tbody > tr {\n      & > td:not(.", "-table-selection-column):first-child,\n      & > td.", "-table-selection-column + td:not(\n      .", "-table-selection-column) {\n        font-weight: 500;\n      }\n    }\n  }\n  \n  .", "-table-small {\n    .", "-table-tbody > tr > td {\n      padding: 8px 20px;\n    }\n  }\n  \n  /* \u65E0 footer \u65F6 bordered \u8868\u683C\u6DFB\u52A0\u6574\u4F53\u5706\u89D2 */\n  .", "-table-bordered:not(:has(.", "-table-footer)) {\n\n    .", "-table-container {\n      border-radius: var(--", "-table-header-border-radius);\n      /* \u6062\u590D\u8868\u5934\u5355\u5143\u683C\u7684\u5706\u89D2 - \u5DE6\u4E0A\u89D2\u548C\u53F3\u4E0A\u89D2 */\n      table > thead > tr:first-child > *:first-child {\n        border-start-start-radius: var(--", "-table-header-border-radius);\n      }\n      \n      table > thead > tr:first-child > *:last-child {\n        border-start-end-radius: var(--", "-table-header-border-radius);\n      }\n\n      table > tbody > tr:last-child > *:first-child {\n        border-end-start-radius: var(--", "-table-header-border-radius);\n      }\n      \n      table > tbody > tr:last-child > *:last-child {\n        border-end-end-radius: var(--", "-table-header-border-radius);\n        }\n    }\n  }\n\n/* \u6709 footer \u65F6 bordered \u8868\u683C\u6DFB\u52A0\u6574\u4F53\u5706\u89D2 */\n  .", "-table-bordered:has(.", "-table-footer) {\n    .", "-table-container {\n      /* \u6062\u590D\u8868\u5934\u5355\u5143\u683C\u7684\u5706\u89D2 - \u5DE6\u4E0A\u89D2\u548C\u53F3\u4E0A\u89D2 */\n      table > thead > tr:first-child > *:first-child {\n        border-start-start-radius: var(--", "-table-header-border-radius);\n      }\n      \n      table > thead > tr:first-child > *:last-child {\n        border-start-end-radius: var(--", "-table-header-border-radius);\n      }\n    }\n  }\n}\n"])), function (p) {
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-table-wrapper {\n\n  .", "-table-tbody {\n    .", "-table-row > .", "-table-cell-row-hover {\n      background: var(--", "-color-bg-layout);\n    }\n    .", "-table-row.", "-table-row-selected > .", "-table-cell {\n      background: var(--", "-color-primary-bg-hover);\n    }\n  }\n\n  .", "-table-container {\n    .", "-table-thead > tr > th {\n      padding: 8px 20px;\n      font-weight: 400;\n      color: var(--", "-color-text-secondary);\n    }\n    \n    /* \u9ED8\u8BA4\u60C5\u51B5\u4E0B\u79FB\u9664\u8868\u5934\u5355\u5143\u683C\u7684\u5706\u89D2 */\n    table > thead > tr:first-child > *:first-child {\n      border-start-start-radius: 0;\n    }\n    \n    table > thead > tr:first-child > *:last-child {\n      border-start-end-radius: 0;\n    }\n    \n    .", "-table-thead > tr > th:not(:last-child):not(.", "-table-selection-column):not(.", "-table-row-expand-icon-cell):not([colspan])::before {\n      display: none !important;\n    }\n    \n    .", "-table-tbody > tr > td {\n      padding: 16px 20px;\n    }\n    \n    .", "-table-tbody > tr {\n      & > td:not(.", "-table-selection-column):first-child,\n      & > td.", "-table-selection-column + td:not(\n      .", "-table-selection-column) {\n        font-weight: 500;\n      }\n    }\n  }\n  \n  .", "-table-small {\n    .", "-table-tbody > tr > td {\n      padding: 8px 20px;\n    }\n  }\n  \n  /* \u65E0 footer \u65F6 bordered \u8868\u683C\u6DFB\u52A0\u6574\u4F53\u5706\u89D2 */\n  .", "-table-bordered:not(:has(.", "-table-footer)) {\n\n    .", "-table-container {\n      border-radius: var(--", "-table-header-border-radius);\n      /* \u6062\u590D\u8868\u5934\u5355\u5143\u683C\u7684\u5706\u89D2 - \u5DE6\u4E0A\u89D2\u548C\u53F3\u4E0A\u89D2 */\n      table > thead > tr:first-child > *:first-child {\n        border-start-start-radius: var(--", "-table-header-border-radius);\n      }\n      \n      table > thead > tr:first-child > *:last-child {\n        border-start-end-radius: var(--", "-table-header-border-radius);\n      }\n\n      table > tbody > tr:last-child > *:first-child {\n        border-end-start-radius: var(--", "-table-header-border-radius);\n      }\n      \n      table > tbody > tr:last-child > *:last-child {\n        border-end-end-radius: var(--", "-table-header-border-radius);\n        }\n    }\n  }\n\n  /* \u6709 footer \u65F6 bordered \u8868\u683C\u6DFB\u52A0\u6574\u4F53\u5706\u89D2 */\n  .", "-table-bordered:has(.", "-table-footer) {\n    .", "-table-container {\n      /* \u6062\u590D\u8868\u5934\u5355\u5143\u683C\u7684\u5706\u89D2 - \u5DE6\u4E0A\u89D2\u548C\u53F3\u4E0A\u89D2 */\n      table > thead > tr:first-child > *:first-child {\n        border-start-start-radius: var(--", "-table-header-border-radius);\n      }\n      \n      table > thead > tr:first-child > *:last-child {\n        border-start-end-radius: var(--", "-table-header-border-radius);\n      }\n    }\n  }\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
   return p.antPrefix;
 }, function (p) {
   return p.antPrefix;