@agentscope-ai/design 1.0.8 → 1.0.10

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

@@ -0,0 +1,93 @@
+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, _Object$keys;
+  var _getCommonConfig = getCommonConfig(),
+    sparkPrefix = _getCommonConfig.sparkPrefix;
+  console.log('debug sparkPrefix in SliderSelector', sparkPrefix);
+  var styles = props.styles,
+    classNames = props.classNames,
+    sliderProps = props.sliderProps,
+    inputNumberProps = props.inputNumberProps,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var Style = useStyle();
+  var originalMarks = props.marks || ((_props$sliderProps = props.sliderProps) === null || _props$sliderProps === void 0 ? void 0 : _props$sliderProps.marks) || null;
+  var mergedMarks = originalMarks || _defineProperty(_defineProperty({}, props.min, props.min), props.max, props.max);
+  var hasMarks = originalMarks && ((_Object$keys = Object.keys(originalMarks)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.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-input"), _defineProperty({}, "".concat(sparkPrefix, "-slider-input-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/createStyle";
+export var useStyle = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-slider-input {\n  display: flex;\n  gap: 16px;\n  height: 32px;\n  box-sizing: content-box;\n  align-items: center;\n  &.", "-slider-input-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;

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

@@ -0,0 +1,33 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Slider } from "../../../..";
+import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  var _useState = useState(10),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(Slider.Input, {
+    min: 1,
+    max: 20,
+    step: 1,
+    onChange: function onChange(val) {
+      setValue(val);
+    },
+    value: value,
+    styles: {
+      wrapper: {
+        width: '320px'
+      },
+      inputNumber: {
+        width: '80px'
+      }
+    }
+  });
+};
+export default App;

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

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

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

@@ -0,0 +1,34 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Slider } from "../../../..";
+import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  var _useState = useState(10),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsx(Slider.Input, {
+    min: 1,
+    max: 20,
+    step: 1,
+    marks: {},
+    onChange: function onChange(val) {
+      setValue(val);
+    },
+    value: value,
+    styles: {
+      wrapper: {
+        width: '320px'
+      },
+      inputNumber: {
+        width: '80px'
+      }
+    }
+  });
+};
+export default App;

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

@@ -1,11 +1,11 @@
 import { SliderRangeProps, SliderSingleProps } from 'antd/es/slider';
 import { SliderRef } from 'rc-slider';
 import React from 'react';
-import SliderInput from './slider.input';
+import SliderInput from './Input';
 type CompoundedComponent = React.ForwardRefExoticComponent<(SliderSingleProps | SliderRangeProps) & React.RefAttributes<SliderRef>> & {
     Input: typeof SliderInput;
 };
 export declare const SparkSliderBasic: React.ForwardRefExoticComponent<(SliderSingleProps | SliderRangeProps) & React.RefAttributes<SliderRef>>;
 declare const SparkSlider: CompoundedComponent;
 export default SparkSlider;
-export type { SliderInputProps } from './slider.input';
+export type { SliderInputProps } from './Input';

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

@@ -8,17 +8,21 @@ import { getCommonConfig } from "../../..";
 import { Slider } from 'antd';
 import classNames from 'classnames';
 import React from 'react';
-import useIndexStyle from "./index.style";
-import SliderInput from "./slider.input";
+import { useStyle } from "./index.style";
+import SliderInput from "./Input";
 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 var SparkSliderBasic = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  useIndexStyle();
-  return /*#__PURE__*/_jsx(Slider, _objectSpread(_objectSpread({}, props), {}, {
-    className: classNames("".concat(sparkPrefix, "-slider"), _defineProperty({}, "".concat(sparkPrefix, "-slider-no-marks"), !Object.keys(props.marks || {}).length), props.className),
-    ref: ref
-  }));
+  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),
+      ref: ref
+    }))]
+  });
 });
 var SparkSlider = SparkSliderBasic;
 Object.assign(SparkSlider, {

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

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

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

@@ -1,22 +1,10 @@
-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 sparkPrefix = params.sparkPrefix,
-    antPrefix = params.antPrefix;
-  return _defineProperty({}, ".".concat(antPrefix, "-slider.").concat(sparkPrefix, "-slider.").concat(sparkPrefix, "-slider-no-marks"), {
-    margin: 0
-  });
-}
-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.", "-slider.", "-slider.", "-slider-no-marks {\n  margin: 0;\n}\n"])), function (p) {
+  return p.antPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+}, function (p) {
+  return p.sparkPrefix;
+});

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

@@ -7,13 +7,14 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { getCommonConfig } from "../../../config";
 import { InputNumber, Slider } from "../../..";
 import cls from 'classnames';
-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 default function SliderSelector(props) {
   var _getCommonConfig = getCommonConfig(),
     sparkPrefix = _getCommonConfig.sparkPrefix;
-  useIndexStyle();
+  var Style = useStyle();
   var onNumberChange = function onNumberChange(val) {
     /**InputNumber为受控组件，会导致min和max失效，所以需要手动处理 */
     var numVal = typeof val === 'string' ? parseFloat(val) : val;
@@ -29,43 +30,45 @@ export default function SliderSelector(props) {
       props.onChange(numVal);
     }
   };
-  return /*#__PURE__*/_jsxs("div", {
-    onMouseUp: function onMouseUp() {
-      var _props$onBlur;
-      return (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props);
-    },
-    className: cls("".concat(sparkPrefix, "-slider-selector"), props.className),
-    children: [/*#__PURE__*/_jsx(Slider, {
-      disabled: props.disabled,
-      onChange: onNumberChange,
-      value: props.value === null ? undefined : props.value,
-      min: props.min,
-      max: props.max,
-      step: props.step,
-      marks: props.marks || _defineProperty(_defineProperty({}, props.min, props.min), props.max, props.max),
-      tooltip: {
-        getPopupContainer: function getPopupContainer(triggerNode) {
-          return triggerNode;
-        }
-      }
-    }), /*#__PURE__*/_jsx("div", {
-      style: _objectSpread({
-        width: '48px'
-      }, props.inputNumberWrapperStyle),
-      children: /*#__PURE__*/_jsx(InputNumber, {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+      onMouseUp: function onMouseUp() {
+        var _props$onBlur;
+        return (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props);
+      },
+      className: cls("".concat(sparkPrefix, "-slider-selector"), props.className),
+      children: [/*#__PURE__*/_jsx(Slider, {
         disabled: props.disabled,
-        controls: false,
+        onChange: onNumberChange,
+        value: props.value === null ? undefined : props.value,
         min: props.min,
         max: props.max,
-        onBlur: function onBlur() {
-          var _props$onBlur2;
-          return (_props$onBlur2 = props.onBlur) === null || _props$onBlur2 === void 0 ? void 0 : _props$onBlur2.call(props);
-        },
         step: props.step,
-        value: props.value,
-        onChange: onNumberChange,
-        precision: props.precision
-      })
+        marks: props.marks || _defineProperty(_defineProperty({}, props.min, props.min), props.max, props.max),
+        tooltip: {
+          getPopupContainer: function getPopupContainer(triggerNode) {
+            return triggerNode;
+          }
+        }
+      }), /*#__PURE__*/_jsx("div", {
+        style: _objectSpread({
+          width: '48px'
+        }, props.inputNumberWrapperStyle),
+        children: /*#__PURE__*/_jsx(InputNumber, {
+          disabled: props.disabled,
+          controls: false,
+          min: props.min,
+          max: props.max,
+          onBlur: function onBlur() {
+            var _props$onBlur2;
+            return (_props$onBlur2 = props.onBlur) === null || _props$onBlur2 === void 0 ? void 0 : _props$onBlur2.call(props);
+          },
+          step: props.step,
+          value: props.value,
+          onChange: onNumberChange,
+          precision: props.precision
+        })
+      })]
     })]
   });
 }

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

@@ -1,38 +1 @@
-export declare function getIndexStyleData(params: any): {
-    [x: string]: {
-        [x: string]: string | {
-            [x: string]: number | {
-                margin: number;
-            };
-            flex: number;
-            width?: undefined;
-            height?: undefined;
-            marginTop?: undefined;
-            opacity?: undefined;
-        } | {
-            flex: number;
-            width: string;
-            height: string;
-            marginTop?: undefined;
-            opacity?: undefined;
-        } | {
-            marginTop: number;
-            flex?: undefined;
-            width?: undefined;
-            height?: undefined;
-            opacity?: undefined;
-        } | {
-            opacity: number;
-            flex?: undefined;
-            width?: undefined;
-            height?: undefined;
-            marginTop?: undefined;
-        };
-        display: string;
-        gap: string;
-        height: string;
-        margin: 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/SliderSelector/index.style.js

@@ -1,37 +1,20 @@
-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 sparkPrefix = params.sparkPrefix,
-    antPrefix = params.antPrefix;
-  return _defineProperty({}, ".".concat(sparkPrefix, "-slider-selector"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
-    display: 'flex',
-    gap: '16px',
-    height: '32px',
-    margin: '12px'
-  }, ".".concat(antPrefix, "-slider"), _defineProperty({
-    flex: 1
-  }, "&.".concat(antPrefix, "-slider-horizontal.").concat(antPrefix, "-slider-with-marks"), {
-    margin: 0
-  })), ".".concat(antPrefix, "-input-number"), {
-    flex: 1,
-    width: '100%',
-    height: '100%'
-  }), "".concat(antPrefix, "-input-number ").concat(antPrefix, "-input-number-outlined"), {
-    marginTop: 16
-  }), ".".concat(antPrefix, "-slider-dot"), {
-    opacity: 0
-  }));
-}
-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.", "-slider-selector {\n  display: flex;\n  gap: 16px;\n  height: 32px;\n  margin: 12px;\n  \n  .", "-slider {\n    flex: 1;\n    \n    &.", "-slider-horizontal.", "-slider-with-marks {\n      margin: 0;\n    }\n  }\n  \n  .", "-input-number {\n    flex: 1;\n    width: 100%;\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.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/Spinner/index.d.ts

@@ -7,8 +7,8 @@ export interface SparkSpinnerProps {
      */
     tip?: React.ReactNode;
     /**
-     * @description 自定义indicator
-     * @descriptionEn custom indicator
+     * @description 自定义indicator，用于展示progress的百分比和加载文案
+     * @descriptionEn custom indicator, used to show the percentage of progress and loading text
      * @default -
      */
     indicator?: React.ReactNode;
@@ -43,8 +43,8 @@ export interface SparkSpinnerProps {
      */
     spinning?: boolean;
     /**
-     * @description 是否显示进度条
-     * @descriptionEn show progress bar
+     * @description 是否显示进度条，如果为true，不需要手动在children中添加Progress组件
+     * @descriptionEn show progress bar, if true, you don't need to manually add Progress component in children
      * @default false
      */
     showProgress?: boolean;

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

@@ -5,7 +5,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { getCommonConfig } from "../../../config";
 import { Progress, theme } from 'antd';
 import classNames from 'classnames';
-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";
@@ -19,7 +19,7 @@ export default (function (props) {
   var commonConfig = getCommonConfig();
   var sparkPrefix = commonConfig.sparkPrefix;
   var token = theme.useToken();
-  useIndexStyle();
+  var Style = useStyle();
   var defaultIndicator = /*#__PURE__*/_jsxs("svg", {
     className: "".concat(sparkPrefix, "-default-indicator"),
     xmlns: "http://www.w3.org/2000/svg",
@@ -81,14 +81,31 @@ export default (function (props) {
     })]
   }) || null;
   if (children) {
-    return /*#__PURE__*/_jsxs("div", {
-      className: classNames("".concat(sparkPrefix, "-spinner-overlay"), className),
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsxs("div", {
+        className: classNames("".concat(sparkPrefix, "-spinner-overlay"), className),
+        style: style,
+        children: [/*#__PURE__*/_jsx("div", {
+          className: classNames("".concat(sparkPrefix, "-spinner-content"), _defineProperty({}, "".concat(sparkPrefix, "-spinning"), spinning)),
+          children: children
+        }), spinning && /*#__PURE__*/_jsxs("div", {
+          className: "".concat(sparkPrefix, "-spinner"),
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "".concat(sparkPrefix, "-indicator"),
+            children: indicator || defaultIndicator
+          }), /*#__PURE__*/_jsx("div", {
+            className: "".concat(sparkPrefix, "-title"),
+            children: tip
+          })]
+        })]
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx("div", {
+      className: classNames("".concat(sparkPrefix, "-spinner"), className),
       style: style,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: classNames("".concat(sparkPrefix, "-spinner-content"), _defineProperty({}, "".concat(sparkPrefix, "-spinning"), spinning)),
-        children: children
-      }), spinning && /*#__PURE__*/_jsxs("div", {
-        className: "".concat(sparkPrefix, "-spinner"),
+      children: spinning && /*#__PURE__*/_jsxs(_Fragment, {
         children: [/*#__PURE__*/_jsx("div", {
           className: "".concat(sparkPrefix, "-indicator"),
           children: indicator || defaultIndicator
@@ -96,20 +113,7 @@ export default (function (props) {
           className: "".concat(sparkPrefix, "-title"),
           children: tip
         })]
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsx("div", {
-    className: classNames("".concat(sparkPrefix, "-spinner"), className),
-    style: style,
-    children: spinning && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-indicator"),
-        children: indicator || defaultIndicator
-      }), /*#__PURE__*/_jsx("div", {
-        className: "".concat(sparkPrefix, "-title"),
-        children: tip
-      })]
-    })
+      })
+    })]
   });
 });