@agentscope-ai/design 1.0.7 → 1.0.9

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/newCreateStyle";
+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/newCreateStyle";
+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/newCreateStyle";
+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/newCreateStyle";
+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;

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

@@ -0,0 +1,91 @@
+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); }
+var _excluded = ["styles", "classNames", "sliderProps", "inputNumberProps"];
+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; }
+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; }
+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); }
+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 { getCommonConfig } from "../../../../config";
+import { InputNumber } from 'antd';
+import classnames from 'classnames';
+import { SparkSliderBasic } from "../index";
+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 default function SliderSelector(props) {
+  var _props$sliderProps;
+  var _getCommonConfig = getCommonConfig(),
+    sparkPrefix = _getCommonConfig.sparkPrefix;
+  var styles = props.styles,
+    classNames = props.classNames,
+    sliderProps = props.sliderProps,
+    inputNumberProps = props.inputNumberProps,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var Style = useStyle();
+  var mergedMarks = props.marks || ((_props$sliderProps = props.sliderProps) === null || _props$sliderProps === void 0 ? void 0 : _props$sliderProps.marks) || _defineProperty(_defineProperty({}, props.min, props.min), props.max, props.max);
+  var hasMarks = Object.keys(mergedMarks).length > 0;
+  var onNumberChange = function onNumberChange(val) {
+    /**InputNumber为受控组件，会导致min和max失效，所以需要手动处理 */
+    var numVal = typeof val === 'string' ? parseFloat(val) : val;
+    if (numVal === null || isNaN(numVal)) {
+      props.onChange(null);
+      return;
+    }
+    if (numVal < props.min) {
+      props.onChange(props.min);
+    } else if (numVal > props.max) {
+      props.onChange(props.max);
+    } else {
+      props.onChange(numVal);
+    }
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      style: styles === null || styles === void 0 ? void 0 : styles.wrapper,
+      className: classnames("".concat(sparkPrefix, "-slider-selector"), _defineProperty({}, "".concat(sparkPrefix, "-slider-selector-has-marks"), hasMarks), classNames === null || classNames === void 0 ? void 0 : classNames.wrapper),
+      onMouseUp: function onMouseUp() {
+        var _props$onBlur;
+        // @ts-ignore
+        (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
+      },
+      children: [/*#__PURE__*/_jsx(SparkSliderBasic, _objectSpread(_objectSpread(_objectSpread({
+        disabled: props.disabled,
+        min: props.min,
+        max: props.max,
+        step: props.step,
+        tooltip: {
+          getPopupContainer: function getPopupContainer(triggerNode) {
+            return triggerNode;
+          }
+        }
+      }, restProps), sliderProps), {}, {
+        marks: mergedMarks,
+        style: _objectSpread(_objectSpread(_objectSpread({}, styles === null || styles === void 0 ? void 0 : styles.slider), sliderProps === null || sliderProps === void 0 ? void 0 : sliderProps.style), {}, {
+          width: '100%'
+        }),
+        className: classnames(classNames === null || classNames === void 0 ? void 0 : classNames.slider, sliderProps === null || sliderProps === void 0 ? void 0 : sliderProps.className),
+        onChange: onNumberChange,
+        value: props.value === null ? undefined : props.value
+      })), /*#__PURE__*/_jsx(InputNumber, _objectSpread(_objectSpread({
+        controls: false,
+        step: props.step,
+        min: props.min,
+        max: props.max,
+        disabled: props.disabled
+      }, inputNumberProps), {}, {
+        onBlur: function onBlur() {
+          var _props$onBlur2;
+          // @ts-ignore
+          (_props$onBlur2 = props.onBlur) === null || _props$onBlur2 === void 0 || _props$onBlur2.call(props);
+        },
+        value: props.value,
+        onChange: onNumberChange,
+        style: _objectSpread(_objectSpread({}, styles === null || styles === void 0 ? void 0 : styles.inputNumber), inputNumberProps === null || inputNumberProps === void 0 ? void 0 : inputNumberProps.style),
+        className: classnames(classNames === null || classNames === void 0 ? void 0 : classNames.inputNumber, inputNumberProps === null || inputNumberProps === void 0 ? void 0 : inputNumberProps.className)
+      }))]
+    })]
+  });
+}

package/lib/components/commonComponents/Slider/Input/index.style.d.ts

@@ -0,0 +1 @@
+export declare const useStyle: () => () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,22 @@
+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/newCreateStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-slider-selector {\n  display: flex;\n  gap: 16px;\n  height: 32px;\n  box-sizing: content-box;\n  &.", "-slider-selector-has-marks {\n    padding: 12px;\n  }\n  .", "-slider {\n    flex: 1;\n    \n    &.", "-slider-horizontal.", "-slider-with-marks {\n      margin: 0;\n    }\n  }\n  \n  .", "-input-number {\n    height: 100%;\n  }\n  \n  .", "-input-number .", "-input-number-outlined {\n    margin-top: 16px;\n  }\n  \n  .", "-slider-dot {\n    opacity: 0;\n  }\n}\n"])), function (p) {
+  return p.sparkPrefix;
+}, 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;
+});

package/lib/components/commonComponents/Slider/demo/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;