@agentscope-ai/design 1.0.8 → 1.0.10

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

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface PromptsEditorProps {
     /**
      * @description 可以输入内容的最大长度
@@ -36,7 +37,12 @@ export interface PromptsEditorProps {
      * @descriptionEn Text of the create variable button
      */
     createBtnText?: string;
+    /**
+     * @description 提示文本，传入 false 时隐藏提示
+     * @descriptionEn Text of the tips, set to false to hide the tips
+     */
+    tipsText?: string | React.ReactNode | false;
 }
 export declare const langExtensionsMap: Record<string, any[]>;
-declare const CodeMirrorWrapper: (props: PromptsEditorProps) => import("react/jsx-runtime").JSX.Element;
-export default CodeMirrorWrapper;
+declare const _default: React.MemoExoticComponent<(props: PromptsEditorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

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

@@ -22,7 +22,7 @@ import CodeMirror from '@uiw/react-codemirror';
 import { ConfigProvider, theme } from 'antd';
 import { createStyles } from 'antd-style';
 import classNames from 'classnames';
-import React, { useEffect, useMemo, useState } from 'react';
+import React, { memo, useEffect, useMemo, useState } from 'react';
 import VarRender from "./VarRender";
 import VarSelectInput from "./VarSelectInput";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -31,8 +31,8 @@ var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
-    onCreate: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .\u037C2 .cm-tooltip li:last-of-type,\n    .\u037C3 .cm-tooltip li:last-of-type {\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      height: 40px;\n      border-top: 1px solid ", ";\n      border-radius: 0 !important;\n      background-color: ", " !important;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 !important;\n    }\n\n    .\u037C2 .cm-tooltip ul,\n    .\u037C3 .cm-tooltip ul {\n      margin-bottom: 40px !important;\n    }\n\n    .\u037C2 .cm-tooltip li:first-of-type,\n    .\u037C3 .cm-tooltip li:first-of-type {\n      border-top: none !important;\n    }\n  "])), token.colorBorderSecondary, token.colorBgContainer),
-    cm: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .\u037Cs \u037Cy,\n    .\u037Cs,\n    .\u037Cy {\n      color: ", " !important;\n    }\n\n    .\u037Co {\n      color: ", " !important;\n    }\n\n    .\u037C16 {\n      background-color: transparent !important;\n    }\n\n    .cm-editor {\n      position: absolute !important;\n      top: 0;\n      left: 8px;\n      right: 0;\n      bottom: 30px;\n    }\n    .cm-focused {\n      outline: none;\n    }\n\n    .\u037C1 .cm-content {\n      width: 100%;\n      padding: 8px 0;\n      white-space: break-spaces;\n    }\n\n    .cm-line {\n      line-height: 24px;\n    }\n\n    .cm-prompt-var {\n      font-size: inherit;\n      color: ", ";\n      background-color: ", ";\n      line-height: 1.7;\n      font-weight: 500;\n      margin: 0 2px;\n      height: 24px;\n      display: inline-flex;\n      padding: 0 4px;\n      border-radius: 4px;\n    }\n\n    .\u037C2 .cm-tooltip,\n    .\u037C3 .cm-tooltip {\n      position: relative;\n      background-color: ", ";\n      border: 0;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0px 3px 12px 0px rgba(47, 49, 51, 0.12);\n    }\n\n    .\u037C2 .cm-tooltip ul,\n    .\u037C3 .cm-tooltip ul {\n      max-height: 17em !important;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .\u037C2 .cm-tooltip li,\n    .\u037C3 .cm-tooltip li {\n      margin: 4px 8px;\n      height: 32px;\n      padding: 0 12px !important;\n      flex: 0 0 32px;\n      display: flex;\n      align-items: center;\n    }\n\n    .\u037C2 .cm-tooltip-autocomplete ul li[aria-selected],\n    .\u037C3 .cm-tooltip-autocomplete ul li[aria-selected] {\n      border-radius: 6px;\n      font-weight: 600;\n      color: ", ";\n      background-color: ", ";\n    }\n\n    .cm-completionInfo-right {\n      display: none;\n    }\n\n    .\u037C1 .cm-completionIcon {\n      display: none;\n    }\n  "])), token.colorBlue, token.colorTextSecondary, token.colorPurple, token.colorPurpleBg, token.colorBgContainer, token.colorText, token.colorFillSecondary),
+    onCreate: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .cm-tooltip li:last-of-type {\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      height: 40px;\n      border-top: 1px solid ", ";\n      border-radius: 0 !important;\n      background-color: ", " !important;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 !important;\n    }\n\n    .cm-tooltip ul {\n      margin-bottom: 40px !important;\n    }\n\n    .cm-tooltip li:first-of-type {\n      border-top: none !important;\n    }\n  "])), token.colorBorderSecondary, token.colorBgContainer),
+    cm: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .cm-line {\n      color: ", ";\n    }\n    .cm-line span {\n      color: ", ";\n    }\n\n    .cm-editor {\n      position: absolute !important;\n      background-color: transparent !important;\n\n      top: 0;\n      left: 8px;\n      right: 0;\n      bottom: 30px;\n    }\n    .cm-focused {\n      outline: none;\n    }\n\n    .cm-content {\n      width: 100%;\n      padding: 8px 0;\n      white-space: break-spaces;\n    }\n\n    .cm-line {\n      line-height: 24px;\n      height: auto !important;\n    }\n\n    .cm-prompt-var {\n      font-size: inherit;\n      color: ", " !important;\n      background-color: ", " !important;\n      line-height: 1.7;\n      font-weight: 500;\n      margin: 0 2px;\n      height: 24px;\n      display: inline-flex;\n      padding: 0 4px;\n      border-radius: 4px;\n    }\n\n    .cm-tooltip {\n      position: relative;\n      background-color: ", ";\n      border: 0;\n      border-radius: 4px;\n      overflow: hidden;\n      box-shadow: 0px 3px 12px 0px rgba(47, 49, 51, 0.12);\n    }\n\n    .cm-tooltip ul {\n      max-height: 17em !important;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .cm-tooltip li {\n      margin: 4px 8px;\n      height: 32px;\n      padding: 0 12px !important;\n      flex: 0 0 32px;\n      display: flex;\n      align-items: center;\n    }\n\n    .cm-tooltip-autocomplete ul li[aria-selected] {\n      border-radius: 6px;\n      font-weight: 600;\n      color: ", ";\n      background-color: ", ";\n    }\n\n    .cm-completionInfo-right {\n      display: none;\n    }\n\n    .cm-completionIcon {\n      display: none;\n    }\n  "])), token.colorTextSecondary, token.colorBlue, token.colorPurple, token.colorPurpleBg, token.colorBgContainer, token.colorText, token.colorFillSecondary),
     root: {
       position: 'relative',
       minHeight: 300,
@@ -68,7 +68,7 @@ export var langExtensionsMap = {
   markdown: [markdown()]
 };
 var empty = [];
-var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
+var Editor = function Editor(props) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   var variables = props.variables || empty;
@@ -103,6 +103,17 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
       setReady(false);
     };
   }, []);
+  var tips = React.useMemo(function () {
+    if (props.tipsText === false) return /*#__PURE__*/_jsx("div", {
+      className: styles.tips
+    });
+    return props.tipsText ? props.tipsText : /*#__PURE__*/_jsxs("div", {
+      className: styles.tips,
+      children: ["\u8F93\u5165\"/\"\u5F15\u7528\u53D8\u91CF\uFF0C\u652F\u6301 ", /*#__PURE__*/_jsx(SparkEnterLine, {
+        size: 16
+      }), " \u56DE\u8F66\u65B0\u589E"]
+    });
+  }, [props.tipsText]);
   if (!ready) return null;
   return /*#__PURE__*/_jsxs("div", {
     className: styles.root,
@@ -120,15 +131,10 @@ var CodeMirrorWrapper = function CodeMirrorWrapper(props) {
       }
     }, getTheme), /*#__PURE__*/_jsxs("div", {
       className: styles.footer,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: styles.tips,
-        children: ["\u8F93\u5165\"/\"\u5F15\u7528\u53D8\u91CF\uFF0C\u652F\u6301 ", /*#__PURE__*/_jsx(SparkEnterLine, {
-          size: 16
-        }), " \u56DE\u8F66\u65B0\u589E"]
-      }), props.maxLength ? /*#__PURE__*/_jsxs("div", {
+      children: [tips, props.maxLength ? /*#__PURE__*/_jsxs("div", {
         children: [props.value.length, "/", props.maxLength]
       }) : null]
     })]
   });
 };
-export default CodeMirrorWrapper;
+export default /*#__PURE__*/memo(Editor);

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

@@ -7,8 +7,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { getCommonConfig } from "../../../config";
 import { Radio } from 'antd';
 import cls from 'classnames';
-import useIndexStyle from "./index.style";
+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";
 export default (function (props) {
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix,
@@ -19,14 +21,11 @@ export default (function (props) {
     bordered = _props$bordered === void 0 ? false : _props$bordered,
     _props$ghost = props.ghost,
     ghost = _props$ghost === void 0 ? true : _props$ghost;
-  useIndexStyle({
-    gap: gap,
-    bordered: bordered,
-    sparkPrefix: sparkPrefix,
-    antPrefix: antPrefix
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({}, props), {}, {
+      className: cls(props.className, props.bordered ? "".concat(sparkPrefix, "-radio-group-bordered") : '', ghost ? "".concat(antPrefix, "-radio-group-ghost") : ''),
+      optionType: "button"
+    }))]
   });
-  return /*#__PURE__*/_jsx(Radio.Group, _objectSpread(_objectSpread({}, props), {}, {
-    className: cls(props.className, props.bordered ? "".concat(sparkPrefix, "-radio-group-bordered") : '', ghost ? "".concat(antPrefix, "-radio-group-ghost") : ''),
-    optionType: "button"
-  }));
 });

package/lib/components/commonComponents/RadioButton/index.style.d.ts

@@ -1,72 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        border: string;
-        backgroundColor: string;
-        '&:first-child': {
-            'border-inline-start': string;
-        };
-        borderRadius: string;
-        '&::before': {
-            display: string;
-        };
-        '&:not(:last-child)': {
-            marginRight: string;
-        };
-        color?: undefined;
-        '&:hover'?: undefined;
-    } | {
-        [x: string]: {
-            [x: string]: {
-                [x: string]: string | {
-                    backgroundColor: string;
-                };
-                color: string;
-                backgroundColor: string;
-                '&:hover'?: undefined;
-            } | {
-                '&:hover': {
-                    backgroundColor: string;
-                };
-                color?: undefined;
-                backgroundColor?: undefined;
-            };
-        };
-        border?: undefined;
-        backgroundColor?: undefined;
-        '&:first-child'?: undefined;
-        borderRadius?: undefined;
-        '&::before'?: undefined;
-        '&:not(:last-child)'?: undefined;
-        color?: undefined;
-        '&:hover'?: undefined;
-    } | {
-        [x: string]: {
-            border: string;
-            '&:not(:first-child)': {
-                'border-inline-start-width': string;
-            };
-        };
-        border?: undefined;
-        backgroundColor?: undefined;
-        '&:first-child'?: undefined;
-        borderRadius?: undefined;
-        '&::before'?: undefined;
-        '&:not(:last-child)'?: undefined;
-        color?: undefined;
-        '&:hover'?: undefined;
-    } | {
-        color: string;
-        backgroundColor: string;
-        '&:hover': {
-            color: string;
-            backgroundColor: string;
-        };
-        border?: undefined;
-        '&:first-child'?: undefined;
-        borderRadius?: undefined;
-        '&::before'?: undefined;
-        '&:not(:last-child)'?: undefined;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,63 +1,52 @@
-var _excluded = ["css"];
-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); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var antPrefix = params.antPrefix,
-    _params$gap = params.gap,
-    gap = _params$gap === void 0 ? 12 : _params$gap,
-    sparkPrefix = params.sparkPrefix;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-radio-button-wrapper"), {
-    border: 'none',
-    backgroundColor: 'transparent',
-    '&:first-child': {
-      'border-inline-start': 'initial'
-    },
-    borderRadius: '6px',
-    '&::before': {
-      display: 'none !important'
-    },
-    '&:not(:last-child)': {
-      marginRight: "".concat(gap, "px")
-    }
-  }), ".".concat(antPrefix, "-radio-group-ghost"), _defineProperty({}, ".".concat(antPrefix, "-radio-button-wrapper-checked"), _defineProperty(_defineProperty({}, "&:not(.".concat(antPrefix, "-radio-button-wrapper-disabled)"), _defineProperty({
-    color: "var(--".concat(antPrefix, "-color-primary)"),
-    backgroundColor: "var(--".concat(antPrefix, "-color-primary-bg)")
-  }, ".".concat(antPrefix, "-radio-button-wrapper-checked"), {
-    backgroundColor: "var(--".concat(antPrefix, "-color-primary-bg)")
-  })), "&.".concat(antPrefix, "-radio-button-wrapper-disabled"), {
-    '&:hover': {
-      backgroundColor: "var(--".concat(antPrefix, "-color-fill-tertiary)")
-    }
-  }))), ".".concat(sparkPrefix, "-radio-group-bordered"), _defineProperty({}, ".".concat(antPrefix, "-radio-button-wrapper"), {
-    border: "var(--".concat(antPrefix, "-line-width) var(--").concat(antPrefix, "-line-type) var(--").concat(antPrefix, "-color-border)"),
-    '&:not(:first-child)': {
-      'border-inline-start-width': '1px'
-    }
-  })), ".".concat(antPrefix, "-radio-button-wrapper-disabled"), {
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
-    backgroundColor: 'transparent',
-    '&:hover': {
-      color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
-      backgroundColor: 'transparent'
-    }
-  }), ".".concat(antPrefix, "-radio-button-wrapper-checked.").concat(antPrefix, "-radio-button-wrapper-disabled"), {
-    color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
-    backgroundColor: "var(--".concat(antPrefix, "-color-fill-tertiary)"),
-    '&:hover': {
-      color: "var(--".concat(antPrefix, "-color-text-tertiary)"),
-      backgroundColor: "var(--".concat(antPrefix, "-color-fill-tertiary)")
-    }
-  });
-}
-var useIndexStyle = createStyle(function (_ref2) {
-  var css = _ref2.css,
-    params = _objectWithoutProperties(_ref2, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIndexStyle;
+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.", "-radio-button-wrapper {\n  border: none;\n  background-color: transparent;\n  border-radius: 6px;\n  \n  &:first-child {\n    border-inline-start: initial;\n  }\n  \n  &::before {\n    display: none !important;\n  }\n  \n  &:not(:last-child) {\n    margin-right: 12px;\n  }\n}\n\n.", "-radio-group-ghost {\n  .", "-radio-button-wrapper-checked {\n    &:not(.", "-radio-button-wrapper-disabled) {\n      color: var(--", "-color-primary);\n      background-color: var(--", "-color-primary-bg);\n      \n      .", "-radio-button-wrapper-checked {\n        background-color: var(--", "-color-primary-bg);\n      }\n    }\n    \n    &.", "-radio-button-wrapper-disabled {\n      &:hover {\n        background-color: var(--", "-color-fill-tertiary);\n      }\n    }\n  }\n}\n\n.", "-radio-group-bordered {\n  .", "-radio-button-wrapper {\n    border: var(--", "-line-width) var(--", "-line-type) var(--", "-color-border);\n    \n    &:not(:first-child) {\n      border-inline-start-width: 1px;\n    }\n  }\n}\n\n.", "-radio-button-wrapper-disabled {\n  color: var(--", "-color-text-tertiary);\n  background-color: transparent;\n  \n  &:hover {\n    color: var(--", "-color-text-tertiary);\n    background-color: transparent;\n  }\n}\n\n.", "-radio-button-wrapper-checked.", "-radio-button-wrapper-disabled {\n  color: var(--", "-color-text-tertiary);\n  background-color: var(--", "-color-fill-tertiary);\n  \n  &:hover {\n    color: var(--", "-color-text-tertiary);\n    background-color: var(--", "-color-fill-tertiary);\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;
+}, function (p) {
+  return p.sparkPrefix;
+}, 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;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.antPrefix;
+});

package/lib/components/commonComponents/Result/index.style.d.ts

@@ -1,3 +1 @@
-export declare function getIndexStyleData(params: any): {};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,4 @@
-var _excluded = ["css"];
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData(params) {
-  var sparkPrefix = params.sparkPrefix,
-    antPrefix = params.antPrefix;
-  return {};
-}
-var useIndexStyle = createStyle(function (_ref) {
-  var css = _ref.css,
-    params = _objectWithoutProperties(_ref, _excluded);
-  var result = css(getIndexStyleData(params));
-  return result;
-});
-export default useIndexStyle;
+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/* No styles needed for Result component */\n"])));

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

@@ -24,7 +24,6 @@ var App = function App() {
         width: 367
       },
       onChange: handleChange,
-      value: ['1', '2'],
       options: [{
         value: '1',
         label: 'Menu Item 1'

package/lib/components/commonComponents/SlateEditor/elements/Var.js

@@ -5,17 +5,20 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { memo } from 'react';
-import useIndexStyle from "./index.style";
+import { useStyle } from "./index.style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 export var Var = /*#__PURE__*/memo(function (props) {
   var attributes = props.attributes,
     renderVarLabel = props.renderVarLabel;
-  useIndexStyle();
-  return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, attributes), {}, {
-    children: [props.children, /*#__PURE__*/_jsx("span", {
-      className: 'spark-editor-var-tag',
-      children: renderVarLabel ? renderVarLabel(props.element.code) : props.element.label
-    })]
-  }));
+  var Style = useStyle();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, attributes), {}, {
+      children: [props.children, /*#__PURE__*/_jsx("span", {
+        className: 'spark-editor-var-tag',
+        children: renderVarLabel ? renderVarLabel(props.element.code) : props.element.label
+      })]
+    }))]
+  });
 });

package/lib/components/commonComponents/SlateEditor/elements/index.style.d.ts

@@ -1,14 +1 @@
-export declare function getIndexStyleData(): {
-    '.spark-editor-var-tag': {
-        padding: string;
-        lineHeight: string;
-        fontSize: string;
-        margin: string;
-        background: string;
-        borderRadius: string;
-        height: string;
-        display: string;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

package/lib/components/commonComponents/SlateEditor/elements/index.style.js

@@ -1,21 +1,4 @@
-import createStyle from "../../../../libs/createStyle";
-export function getIndexStyleData() {
-  return {
-    '.spark-editor-var-tag': {
-      padding: '0 6px',
-      lineHeight: '24px',
-      fontSize: '12px',
-      margin: '0 2px',
-      background: 'rgba(205, 208, 220, 0.2)',
-      borderRadius: '6px',
-      height: '24px',
-      display: 'inline-block'
-    }
-  };
-}
-var useIndexStyle = createStyle(function (_ref) {
-  var css = _ref.css;
-  var result = css(getIndexStyleData());
-  return result;
-});
-export default useIndexStyle;
+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.spark-editor-var-tag {\n  padding: 0 6px;\n  line-height: 24px;\n  font-size: 12px;\n  margin: 0 2px;\n  background: rgba(205, 208, 220, 0.2);\n  border-radius: 6px;\n  height: 24px;\n  display: inline-block;\n}\n"])));

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

@@ -17,12 +17,13 @@ import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRe
 import { Node, createEditor } from 'slate';
 import { withHistory } from 'slate-history';
 import { Editable, Slate, withReact } from 'slate-react';
-import useIndexStyle from "./index.style";
+import { useStyle } from "./index.style";
 import { findNodePath, getEditorText, insertNodes, serialize, setCursorRemove, setEditorContent, setNodes, text2json, transformTagRules, transformVarText, withEditor, wrapNodes, wrapSpeakTag } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var SlateEditor = /*#__PURE__*/forwardRef(function (props, ref) {
-  useIndexStyle();
+  var Style = useStyle();
   var initText = props.value,
     _props$wordLimit = props.wordLimit,
     wordLimit = _props$wordLimit === void 0 ? 1000 : _props$wordLimit,
@@ -234,36 +235,38 @@ var SlateEditor = /*#__PURE__*/forwardRef(function (props, ref) {
     insertFragment(pastedText, false);
     e.preventDefault();
   };
-  return /*#__PURE__*/_jsx("div", {
-    id: 'text-editor',
-    className: cls('text-editor', props.className),
-    children: /*#__PURE__*/_jsx(Slate, {
-      editor: editor,
-      value: value,
-      onChange: onChange,
-      children: /*#__PURE__*/_jsx(Editable, {
-        onKeyDown: props.onKeyDown,
-        placeholder: props.placeholder || $i18n.get({
-          id: 'components.commonComponents.SlateEditor.EnterHere',
-          dm: '在这里输入'
-        }),
-        onBlur: props.onBlur,
-        onFocus: props.onFocus,
-        className: cls('text-editor-content', props.contentClassName),
-        readOnly: readOnly,
-        renderElement: renderElement,
-        renderLeaf: renderLeaf,
-        onCompositionStart: onCompositionStart,
-        onCompositionEnd: onCompositionEnd,
-        onPaste: handlePaste,
-        maxLength: props.wordLimit,
-        onCopy: function onCopy(e) {
-          var formattedText = _generateTextBySelection() || '';
-          e.clipboardData.setData('text/plain', formattedText);
-          e.preventDefault();
-        }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx("div", {
+      id: 'text-editor',
+      className: cls('text-editor', props.className),
+      children: /*#__PURE__*/_jsx(Slate, {
+        editor: editor,
+        value: value,
+        onChange: onChange,
+        children: /*#__PURE__*/_jsx(Editable, {
+          onKeyDown: props.onKeyDown,
+          placeholder: props.placeholder || $i18n.get({
+            id: 'components.commonComponents.SlateEditor.EnterHere',
+            dm: '在这里输入'
+          }),
+          onBlur: props.onBlur,
+          onFocus: props.onFocus,
+          className: cls('text-editor-content', props.contentClassName),
+          readOnly: readOnly,
+          renderElement: renderElement,
+          renderLeaf: renderLeaf,
+          onCompositionStart: onCompositionStart,
+          onCompositionEnd: onCompositionEnd,
+          onPaste: handlePaste,
+          maxLength: props.wordLimit,
+          onCopy: function onCopy(e) {
+            var formattedText = _generateTextBySelection() || '';
+            e.clipboardData.setData('text/plain', formattedText);
+            e.preventDefault();
+          }
+        })
       })
-    })
+    })]
   });
 });
 export default SlateEditor;

package/lib/components/commonComponents/SlateEditor/index.style.d.ts

@@ -1,28 +1 @@
-export declare function getIndexStyleData(): {
-    '.text-editor': {
-        position: string;
-        display: string;
-        flexDirection: string;
-        height: string;
-        width: string;
-        borderRadius: string;
-        '&-content': {
-            flex: number;
-            overflowY: string;
-            overflowX: string;
-        };
-        '.text-editor-content': {
-            display: string;
-            flexDirection: string;
-            gap: number;
-            'div[data-slate-node="element"]': {
-                margin: string;
-            };
-        };
-    };
-    '.text-editor-user-select-none': {
-        userSelect: string;
-    };
-};
-declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
-export default useIndexStyle;
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,36 +1,4 @@
-import createStyle from "../../../libs/createStyle";
-export function getIndexStyleData() {
-  return {
-    '.text-editor': {
-      position: 'relative',
-      display: 'flex',
-      flexDirection: 'column',
-      height: '100%',
-      width: '100%',
-      borderRadius: '5px',
-      '&-content': {
-        flex: 1,
-        overflowY: 'auto',
-        overflowX: 'hidden'
-      },
-      '.text-editor-content': {
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 6,
-        'div[data-slate-node="element"]': {
-          margin: '0px !important'
-        }
-      }
-    },
-    // 文本无法选中的样式
-    '.text-editor-user-select-none': {
-      userSelect: 'none'
-    }
-  };
-}
-var useIndexStyle = createStyle(function (_ref) {
-  var css = _ref.css;
-  var result = css(getIndexStyleData());
-  return result;
-});
-export default useIndexStyle;
+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.text-editor {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  border-radius: 5px;\n  \n  &-content {\n    flex: 1;\n    overflow-y: auto;\n    overflow-x: hidden;\n  }\n  \n  .text-editor-content {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    \n    div[data-slate-node=\"element\"] {\n      margin: 0px !important;\n    }\n  }\n}\n\n/* \u6587\u672C\u65E0\u6CD5\u9009\u4E2D\u7684\u6837\u5F0F */\n.text-editor-user-select-none {\n  user-select: none;\n}\n"])));

package/lib/components/commonComponents/Slider/{slider.input.d.ts → Input/index.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { InputNumberProps } from 'antd';
 import { SliderSingleProps } from 'antd/es/slider';
-export type SliderInputProps = Omit<SliderSingleProps, 'classNames' | 'styles'> & {
+export type SliderInputProps = Omit<SliderSingleProps, 'classNames' | 'styles' | 'className' | 'style'> & {
     classNames?: {
         slider?: string;
         inputNumber?: string;