@agentscope-ai/design 1.0.4 → 1.0.5

package/dist/components/commonComponents/Input/index.style.js

@@ -8,12 +8,14 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import createStyle from "../../../libs/createStyle";
 export function getIndexStyleData(params) {
   var antPrefix = params.antPrefix;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-input-outlined"), {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ".".concat(antPrefix, "-input-outlined, .").concat(antPrefix, "-input-outlined.").concat(antPrefix, "-input-disabled, .").concat(antPrefix, "-input-outlined[disabled]"), {
     borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
-  }), ".".concat(antPrefix, "-input"), _defineProperty({
+  }), ".".concat(antPrefix, "-input"), _defineProperty(_defineProperty({
     fontWeight: 400,
     borderRadius: '6px'
-  }, ".".concat(antPrefix, "-input-affix-wrapper .").concat(antPrefix, "-input-show-count-suffix"), {
+  }, ".".concat(antPrefix, "-input-show-count-suffix, .").concat(antPrefix, "-input-data-count-suffix"), {
+    color: "var(--".concat(antPrefix, "-color-text-tertiary)")
+  }), '&::placeholder', {
     color: "var(--".concat(antPrefix, "-color-text-tertiary)")
   })), ".".concat(antPrefix, "-input-affix-wrapper"), _defineProperty({}, ".".concat(antPrefix, "-input-prefix"), {
     marginInlineEnd: '8px'
@@ -21,6 +23,8 @@ export function getIndexStyleData(params) {
     fontSize: '15px'
   }), ".".concat(antPrefix, "-input-round"), {
     borderRadius: '999px'
+  }), ".".concat(antPrefix, "-text-area"), {
+    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)")
   });
 }
 var useIndexStyle = createStyle(function (_ref2) {

package/dist/components/commonComponents/Message/{demo.js → demo/demo1.js}

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

package/dist/components/commonComponents/Message/demo/demo2.js

@@ -0,0 +1,66 @@
+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 { message } from "../../../..";
+import { Button, Flex } from 'antd';
+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 () {
+  var _message$useMessage = message.useMessage(),
+    _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
+    messageApi = _message$useMessage2[0],
+    contextHolder = _message$useMessage2[1];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [contextHolder, /*#__PURE__*/_jsxs(Flex, {
+      align: "center",
+      justify: "center",
+      gap: 20,
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          messageApi.success({
+            content: 'success',
+            viewLink: 'https://www.taobao.com',
+            onClick: function onClick() {
+              alert('click');
+            },
+            duration: 0
+          });
+        },
+        children: "Success"
+      }), /*#__PURE__*/_jsx(Button, {
+        danger: true,
+        onClick: function onClick() {
+          messageApi.warning('warning');
+        },
+        children: "warning"
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        danger: true,
+        onClick: function onClick() {
+          messageApi.error({
+            content: 'error'
+          });
+        },
+        children: "error"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          messageApi.info({
+            content: 'info',
+            viewLink: 'https://www.taobao.com'
+          });
+        },
+        children: "info"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          messageApi.loading('loading');
+        },
+        children: "loading"
+      })]
+    })]
+  });
+});

package/dist/components/commonComponents/Message/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { MessageArgsProps } from 'antd';
+import { ConfigOptions } from 'antd/es/message/interface';
 interface SparkMessageArgsProps extends MessageArgsProps {
     viewLink?: string;
     conent?: string;
@@ -11,10 +12,18 @@ declare const _default: {
     error: (props: JointContent) => void;
     info: (props: JointContent) => void;
     loading: (props: JointContent) => void;
+    useMessage: (config?: ConfigOptions) => [{
+        success: (options: JointContent) => void;
+        warning: (options: JointContent) => void;
+        error: (options: JointContent) => void;
+        info: (options: JointContent) => void;
+        loading: (options: JointContent) => void;
+        open(args: MessageArgsProps): import("antd/es/message/interface").MessageType;
+        destroy(key?: import("react").Key): void;
+    }, import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>];
     open: (config: MessageArgsProps) => import("antd/es/message/interface").MessageType;
     destroy: (key?: import("react").Key) => void;
-    config: (config: import("antd/es/message/interface").ConfigOptions) => void;
-    useMessage: typeof import("antd/es/message/useMessage").default;
+    config: (config: ConfigOptions) => void;
     _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/message/PurePanel").PurePanelProps>;
 };
 export default _default;

package/dist/components/commonComponents/Message/index.js

@@ -1,5 +1,11 @@
 var _excluded = ["content"];
 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 _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; }
 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 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; }
@@ -47,6 +53,47 @@ var open = function open(type, props) {
     icon: type === 'loading' ? undefined : (_types$type = types[type]) === null || _types$type === void 0 ? void 0 : _types$type.icon
   }, restProps));
 };
+var useMessage = function useMessage(config) {
+  var _message$useMessage = message.useMessage(config),
+    _message$useMessage2 = _slicedToArray(_message$useMessage, 2),
+    messageApi = _message$useMessage2[0],
+    contextHolder = _message$useMessage2[1];
+  var openApi = function openApi(type, options) {
+    var _types$type2;
+    var newOptions;
+    if (typeof options === 'string') {
+      newOptions = {
+        content: options,
+        type: type
+      };
+    } else {
+      newOptions = _objectSpread(_objectSpread({}, options), {}, {
+        type: type
+      });
+    }
+    messageApi[type](_objectSpread(_objectSpread({}, newOptions), {}, {
+      icon: (_types$type2 = types[type]) === null || _types$type2 === void 0 ? void 0 : _types$type2.icon
+    }));
+  };
+  var newMessageApi = _objectSpread(_objectSpread({}, messageApi), {}, {
+    success: function success(options) {
+      return openApi('success', options);
+    },
+    warning: function warning(options) {
+      return openApi('warning', options);
+    },
+    error: function error(options) {
+      return openApi('error', options);
+    },
+    info: function info(options) {
+      return openApi('info', options);
+    },
+    loading: function loading(options) {
+      return openApi('loading', options);
+    }
+  });
+  return [newMessageApi, contextHolder];
+};
 export default _objectSpread(_objectSpread({}, message), {}, {
   success: function success(props) {
     return open('success', props);
@@ -62,5 +109,6 @@ export default _objectSpread(_objectSpread({}, message), {}, {
   },
   loading: function loading(props) {
     return open('loading', props);
-  }
+  },
+  useMessage: useMessage
 });

package/dist/components/commonComponents/Modal/index.js

@@ -5,6 +5,7 @@ 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 { getCommonConfig } from "../../../config";
+import { CloseOutlined } from '@agentscope-ai/icons-override-antd';
 import { Modal } from 'antd';
 import classNames from 'classnames';
 import useIndexStyle from "./index.style";
@@ -16,7 +17,9 @@ var SparkModal = function SparkModal(props) {
     sparkPrefix = _getCommonConfig.sparkPrefix,
     variables = _getCommonConfig.variables;
   var _props$showDivider = props.showDivider,
-    showDivider = _props$showDivider === void 0 ? true : _props$showDivider;
+    showDivider = _props$showDivider === void 0 ? true : _props$showDivider,
+    _props$closable = props.closable,
+    closable = _props$closable === void 0 ? true : _props$closable;
   var renderFooter = function renderFooter(originNode) {
     return props.info ? /*#__PURE__*/_jsxs("div", {
       className: "".concat(sparkPrefix, "-modal-footer-wrapper"),
@@ -29,8 +32,23 @@ var SparkModal = function SparkModal(props) {
       })]
     }) : originNode;
   };
+  var mergedCloseIcon = closable ? props.closeIcon || /*#__PURE__*/_jsx(CloseOutlined, {
+    className: "".concat(sparkPrefix, "-modal-title-close"),
+    onClick: function onClick(e) {
+      var _props$onCancel;
+      (_props$onCancel = props.onCancel) === null || _props$onCancel === void 0 || _props$onCancel.call(props, e);
+    }
+  }) : null;
   var mergedFooter = props.footer === undefined ? renderFooter : props.footer;
   return /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({}, props), {}, {
+    closeIcon: null,
+    title: /*#__PURE__*/_jsxs("div", {
+      className: "".concat(sparkPrefix, "-modal-title-wrapper"),
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(sparkPrefix, "-modal-title"),
+        children: props.title
+      }), mergedCloseIcon]
+    }),
     wrapClassName: classNames("".concat(sparkPrefix, "-modal"), _defineProperty({}, "".concat(sparkPrefix, "-show-divider"), showDivider), props.wrapClassName, 'animate-in'),
     wrapStyle: _objectSpread(_objectSpread({}, variables), props.wrapStyle),
     footer: mergedFooter,

package/dist/components/commonComponents/Modal/index.style.d.ts

@@ -7,20 +7,37 @@ export declare function getIndexStyleData(params: any): {
         } | {
             [x: string]: string | number | {
                 [x: string]: string | number | {
+                    [x: string]: string | {
+                        [x: string]: string | {
+                            flex: number;
+                            cursor?: undefined;
+                        } | {
+                            cursor: string;
+                            flex?: undefined;
+                        };
+                        display: string;
+                        justifyContent: string;
+                        alignItems: string;
+                        gap: string;
+                    };
                     lineHeight: string;
                 };
                 padding: string;
                 marginBottom: number;
                 color?: undefined;
                 marginTop?: undefined;
+                width?: undefined;
+                height?: undefined;
                 top?: undefined;
                 right?: undefined;
                 '&:hover'?: undefined;
             } | {
-                padding: string;
+                padding: number;
                 color: string;
                 marginBottom?: undefined;
                 marginTop?: undefined;
+                width?: undefined;
+                height?: undefined;
                 top?: undefined;
                 right?: undefined;
                 '&:hover'?: undefined;
@@ -49,10 +66,21 @@ export declare function getIndexStyleData(params: any): {
                 marginTop: number;
                 marginBottom?: undefined;
                 color?: undefined;
+                width?: undefined;
+                height?: undefined;
                 top?: undefined;
                 right?: undefined;
                 '&:hover'?: undefined;
             } | {
+                [x: string]: number | {
+                    color: string;
+                    background?: undefined;
+                } | {
+                    background: string;
+                    color?: undefined;
+                };
+                width: number;
+                height: number;
                 top: number;
                 right: number;
                 "&:hover": {
@@ -70,8 +98,11 @@ export declare function getIndexStyleData(params: any): {
     } | {
         [x: string]: {
             [x: string]: {
-                borderTop: string;
                 borderBottom: string;
+                borderTop?: undefined;
+            } | {
+                borderTop: string;
+                borderBottom?: undefined;
             };
         };
     };

package/dist/components/commonComponents/Modal/index.style.js

@@ -17,13 +17,22 @@ export function getIndexStyleData(params) {
   }, ".".concat(antPrefix, "-modal-header"), _defineProperty({
     padding: '18px 20px',
     marginBottom: 0
-  }, ".".concat(antPrefix, "-modal-title"), {
+  }, ".".concat(antPrefix, "-modal-title"), _defineProperty({
     lineHeight: '28px'
-  })), ".".concat(antPrefix, "-modal-body"), {
-    padding: '16px 20px',
+  }, ".".concat(sparkPrefix, "-modal-title-wrapper"), _defineProperty(_defineProperty({
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    gap: '12px'
+  }, ".".concat(sparkPrefix, "-modal-title"), {
+    flex: 1
+  }), ".".concat(sparkPrefix, "-modal-title-close"), {
+    cursor: 'pointer'
+  })))), ".".concat(antPrefix, "-modal-body"), {
+    padding: 20,
     color: "var(--".concat(antPrefix, "-color-text-secondary)")
   }), ".".concat(antPrefix, "-modal-footer"), _defineProperty({
-    padding: '16px 24px',
+    padding: '16px 20px',
     marginTop: 0
   }, ".".concat(sparkPrefix, "-modal-footer-wrapper"), _defineProperty(_defineProperty({
     display: 'flex',
@@ -37,14 +46,19 @@ export function getIndexStyleData(params) {
   }), ".".concat(sparkPrefix, "-modal-footer-origin-node"), {
     display: 'flex',
     gap: '12px'
-  }))), ".".concat(antPrefix, "-modal-close"), _defineProperty({
-    top: 20,
-    right: 24
-  }, "&:hover", {
+  }))), ".".concat(antPrefix, "-modal-close"), _defineProperty(_defineProperty({
+    width: 32,
+    height: 32,
+    top: 16,
+    right: 16
+  }, ".".concat(antPrefix, "-modal-close-icon"), {
+    color: "var(--".concat(antPrefix, "-color-text)")
+  }), "&:hover", {
     background: 'none'
-  })))), ".".concat(sparkPrefix, "-show-divider"), _defineProperty({}, ".".concat(antPrefix, "-modal-content"), _defineProperty({}, ".".concat(antPrefix, "-modal-body"), {
-    borderTop: "1px solid var(--".concat(antPrefix, "-color-border-secondary)"),
+  })))), ".".concat(sparkPrefix, "-show-divider"), _defineProperty({}, ".".concat(antPrefix, "-modal-content"), _defineProperty(_defineProperty({}, ".".concat(antPrefix, "-modal-header"), {
     borderBottom: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
+  }), ".".concat(antPrefix, "-modal-footer"), {
+    borderTop: "1px solid var(--".concat(antPrefix, "-color-border-secondary)")
   })));
 }
 var useIndexStyle = function useIndexStyle() {

package/dist/components/commonComponents/Pagination/demo/demo1.js

@@ -8,7 +8,9 @@ var App = function App() {
     vertical: true,
     justify: "center",
     gap: 50,
-    children: /*#__PURE__*/_jsx(Pagination, {})
+    children: /*#__PURE__*/_jsx(Pagination, {
+      total: 500
+    })
   });
 };
 export default App;

package/dist/components/commonComponents/Pagination/demo/demo2.js

@@ -9,7 +9,8 @@ var App = function App() {
     justify: "center",
     gap: 50,
     children: /*#__PURE__*/_jsx(Pagination, {
-      hideTips: true
+      hideTips: true,
+      total: 50
     })
   });
 };

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

@@ -18,7 +18,7 @@ var App = function App() {
     setDisabled(checked);
   };
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Slider, {
+    children: ["\u666E\u901A\u7528\u6CD5", /*#__PURE__*/_jsx(Slider, {
       defaultValue: 30,
       disabled: disabled
     }), /*#__PURE__*/_jsx(Slider, {

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

@@ -18,7 +18,7 @@ var App = function App() {
     setDisabled(checked);
   };
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Slider, {
+    children: ["\u5C55\u793Amarks", /*#__PURE__*/_jsx(Slider, {
       defaultValue: 30,
       disabled: disabled,
       marks: {

package/dist/components/commonComponents/Slider/demo/demo3.d.ts

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

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

@@ -0,0 +1,44 @@
+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, Switch } from "../../../..";
+import { Flex } from 'antd';
+import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var App = function App() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    disabled = _useState2[0],
+    setDisabled = _useState2[1];
+  var onChange = function onChange(checked) {
+    setDisabled(checked);
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: ["Slider.Input", /*#__PURE__*/_jsxs(Flex, {
+      vertical: true,
+      gap: 12,
+      children: [/*#__PURE__*/_jsx(Slider.Input, {
+        defaultValue: 30,
+        disabled: disabled
+      }), /*#__PURE__*/_jsx(Slider.Input, {
+        defaultValue: 30,
+        disabled: disabled,
+        styles: {
+          inputNumber: {
+            width: 300
+          }
+        }
+      })]
+    }), "Disabled: ", /*#__PURE__*/_jsx(Switch, {
+      size: "small",
+      checked: disabled,
+      onChange: onChange
+    })]
+  });
+};
+export default App;

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

@@ -0,0 +1,11 @@
+import { SliderRangeProps, SliderSingleProps } from 'antd/es/slider';
+import { SliderRef } from 'rc-slider';
+import React from 'react';
+import SliderInput from './slider.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';

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

@@ -0,0 +1,27 @@
+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 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); }
+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 { jsx as _jsx } 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 SparkSlider = SparkSliderBasic;
+Object.assign(SparkSlider, {
+  Input: SliderInput
+});
+export default SparkSlider;

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

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

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

@@ -0,0 +1,22 @@
+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;

package/dist/components/commonComponents/Slider/slider.input.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { InputNumberProps } from 'antd';
+import { SliderSingleProps } from 'antd/es/slider';
+export type SliderInputProps = Omit<SliderSingleProps, 'classNames' | 'styles'> & {
+    classNames?: {
+        slider?: string;
+        inputNumber?: string;
+        wrapper?: string;
+    };
+    styles?: {
+        slider?: React.CSSProperties;
+        inputNumber?: React.CSSProperties;
+        wrapper?: React.CSSProperties;
+    };
+    sliderProps?: SliderSingleProps;
+    inputNumberProps?: InputNumberProps;
+};
+export default function SliderSelector(props: SliderInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/commonComponents/Slider/slider.input.js

@@ -0,0 +1,73 @@
+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"];
+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 _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; }
+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 { Flex, InputNumber } from 'antd';
+import { useState } from 'react';
+import { SparkSliderBasic } from "./index";
+import useIndexStyle from "./index.style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function SliderSelector(props) {
+  var _props$styles, _props$classNames, _props$styles2, _props$classNames2;
+  var styles = props.styles,
+    classNames = props.classNames,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _useState = useState(props.value),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputValue = _useState2[0],
+    setInputValue = _useState2[1];
+  useIndexStyle();
+  var _onChange = function onChange(newValue) {
+    setInputValue(newValue);
+  };
+  return /*#__PURE__*/_jsxs(Flex, {
+    gap: 12,
+    style: (_props$styles = props.styles) === null || _props$styles === void 0 ? void 0 : _props$styles.wrapper,
+    className: (_props$classNames = props.classNames) === null || _props$classNames === void 0 ? void 0 : _props$classNames.wrapper,
+    children: [/*#__PURE__*/_jsx(Flex, {
+      align: "center",
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/_jsx(SparkSliderBasic, _objectSpread(_objectSpread({}, restProps), {}, {
+        style: _objectSpread(_objectSpread({}, styles === null || styles === void 0 ? void 0 : styles.slider), {}, {
+          width: '100%'
+        }),
+        className: classNames === null || classNames === void 0 ? void 0 : classNames.slider,
+        onChange: function onChange(value) {
+          var _props$onChange;
+          _onChange(value);
+          (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, value);
+        },
+        value: typeof inputValue === 'number' ? inputValue : 0
+      }, props.sliderProps))
+    }), /*#__PURE__*/_jsx(Flex, {
+      align: "center",
+      children: /*#__PURE__*/_jsx(InputNumber, _objectSpread({
+        style: _objectSpread({}, (_props$styles2 = props.styles) === null || _props$styles2 === void 0 ? void 0 : _props$styles2.inputNumber),
+        className: (_props$classNames2 = props.classNames) === null || _props$classNames2 === void 0 ? void 0 : _props$classNames2.inputNumber,
+        min: props.min,
+        max: props.max,
+        value: inputValue,
+        onChange: function onChange(value) {
+          var _props$onChange2;
+          _onChange(value);
+          (_props$onChange2 = props.onChange) === null || _props$onChange2 === void 0 || _props$onChange2.call(props, value);
+        },
+        disabled: props.disabled
+      }, props.inputNumberProps))
+    })]
+  });
+}

package/dist/components/commonComponents/Tag/demo1.d.ts

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