@agentscope-ai/design 1.0.4

package/dist/components/commonComponents/SlateEditor/utils/functions.js

@@ -0,0 +1,179 @@
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 { Element } from 'slate';
+import { DEFAULT_TAGS } from "./constant";
+
+/**
++ * xml特殊字符转义
++ * @param xml 
++ */
+export var xmlEscape = function xmlEscape(xml) {
+  return xml.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+};
+export var filterEscape = function filterEscape(xml) {
+  return xml.replace(/&/g, '&amp;').replace(/{/g, '').replace(/}/g, '').replace(/"/g, '&quot;').replace(/'/g, '&apos;');
+};
+
+/**
+ * xml转义字符还原
+ * @param xml
+ */
+export var xmlReverseEscape = function xmlReverseEscape(xml) {
+  return xml.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"').replace(/&apos;/g, "'");
+};
+
+/**
+ * 序列化
+ * @param value
+ * @returns
+ */
+export var serialize = function serialize(value, options) {
+  var result = '';
+  var _ref = options || {},
+    _ref$tagRules = _ref.tagRules,
+    tagRules = _ref$tagRules === void 0 ? {} : _ref$tagRules;
+  value.forEach(function (node, index) {
+    if (Element.isElement(node)) {
+      var targetTagRule = tagRules[node.type];
+      if (!targetTagRule) {
+        result += xmlEscape(node.text);
+      } else {
+        switch (targetTagRule.code) {
+          case 'image':
+            result += "![".concat(node.fileName, "](").concat(node.src, ")");
+            break;
+          case 'pdf':
+            result += "[".concat(node.fileName, "](").concat(node.src, ")");
+            break;
+          case 's':
+            result += "".concat(serialize(node.children, options)).concat(index < value.length - 1 ? '\n' : '');
+            break;
+          case 'var':
+            result += "${".concat(node.code, "}");
+          default:
+            break;
+        }
+      }
+    } else {
+      result += xmlEscape(node.text);
+    }
+  });
+  return result;
+};
+
+/**
+ * 获取xml格式字符串
+ * @returns
+ */
+export var getEditorText = function getEditorText(editor, options) {
+  if (editor && !!editor.children.length) {
+    var text = serialize(editor.children, options);
+    if (text === '<s></s>') return '';
+    return xmlReverseEscape(text);
+  }
+  return '';
+};
+export var transformVarText = function transformVarText(str) {
+  if (!str) return '';
+  var resultStr = '';
+  var tempStr = xmlEscape(str).replace(/\$\{([^{}]+?)\}/g, function (_, varName) {
+    // 替换成指定的内容
+    return "<var code=\"".concat(varName, "\" label=\"${").concat(varName, "}\" />");
+  });
+  tempStr.split('\n').forEach(function (item) {
+    resultStr += "<s>".concat(item, "</s>");
+  });
+  return "<speak>".concat(resultStr, "</speak>");
+};
+
+/**
+ 	+ * xml的Dom对象转换成json对象
+ 	+ * @param xmlObj 
+ 	+ */
+export var xmlObj2json = function xmlObj2json(xmlObj) {
+  var _xmlObj$childNodes;
+  var jsonObj = [];
+  if ((xmlObj === null || xmlObj === void 0 || (_xmlObj$childNodes = xmlObj.childNodes) === null || _xmlObj$childNodes === void 0 ? void 0 : _xmlObj$childNodes.length) > 0) {
+    xmlObj.childNodes.forEach(function (node, index, array) {
+      var nodeType = node.nodeType,
+        nodeName = node.nodeName;
+      if (nodeType === 1) {
+        var attributes = {};
+        for (var i = 0; i < node.attributes.length; i++) {
+          var _node$attributes$i = node.attributes[i],
+            attributeName = _node$attributes$i.nodeName,
+            attributeValue = _node$attributes$i.nodeValue;
+          attributes[attributeName] = attributeValue;
+        }
+        var nodeObject = _objectSpread({
+          type: nodeName
+        }, attributes);
+        if (node.childNodes.length > 0) {
+          // 非闭合标签节点
+          nodeObject.children = xmlObj2json(node);
+        } else {
+          // 闭合节点
+          nodeObject.children = [{
+            text: ''
+          }];
+        }
+        jsonObj.push(nodeObject);
+
+        // 规范化
+        if (nodeName !== 's') {
+          if (index > 0 && array[index - 1].nodeType === 1) {
+            jsonObj.unshift({
+              text: ''
+            });
+          }
+          if (index === array.length - 1) {
+            jsonObj.push({
+              text: ''
+            });
+          }
+        }
+      } else if (nodeType === 3) {
+        // 叶子结点
+        jsonObj.push({
+          text: node.nodeValue || ''
+        });
+      }
+    });
+  }
+  return jsonObj;
+};
+
+/**
+ * 反序列化
+ * @param text
+ */
+export var text2json = function text2json(text) {
+  if (!text) return undefined;
+  var xmlObj = new DOMParser().parseFromString(text, 'text/xml');
+  return xmlObj2json(xmlObj);
+};
+export var wrapSpeakTag = function wrapSpeakTag(val) {
+  if (!val || val.includes('</speak>')) return val;
+  var tempStr = val;
+  if (!tempStr.includes('<s>')) tempStr = "<s>".concat(tempStr, "</s>");
+  return "<speak>".concat(tempStr, "</speak>");
+};
+export var transformTagRules = function transformTagRules() {
+  var rules = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var newTagMap = {};
+  [].concat(_toConsumableArray(rules), _toConsumableArray(DEFAULT_TAGS)).forEach(function (item) {
+    if (newTagMap[item.code]) return;
+    newTagMap[item.code] = item;
+  });
+  return newTagMap;
+};

package/dist/components/commonComponents/SlateEditor/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './constant';
+export * from './editor';
+export * from './functions';
+export * from './withEditor';

package/dist/components/commonComponents/SlateEditor/utils/index.js

@@ -0,0 +1,4 @@
+export * from "./constant";
+export * from "./editor";
+export * from "./functions";
+export * from "./withEditor";

package/dist/components/commonComponents/SlateEditor/utils/withEditor.d.ts

@@ -0,0 +1,2 @@
+import { ITagRule } from '../types';
+export declare const withEditor: (editor: any, maxWordLimit: number, tagRules: Record<string, ITagRule>) => any;

package/dist/components/commonComponents/SlateEditor/utils/withEditor.js

@@ -0,0 +1,109 @@
+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 $i18n from "../../../../i18n";
+import { message } from 'antd';
+import { Editor, Element } from 'slate';
+import { HistoryEditor } from 'slate-history';
+import { getEditorText, nodeStringify } from '.';
+import { isInputChinese } from '..';
+export var withEditor = function withEditor(editor, maxWordLimit, tagRules) {
+  var isInline = editor.isInline,
+    isVoid = editor.isVoid,
+    insertText = editor.insertText,
+    insertBreak = editor.insertBreak,
+    apply = editor.apply;
+
+  // 行内块元素
+  editor.isInline = function (element) {
+    var _tagRules$element$typ;
+    return ((_tagRules$element$typ = tagRules[element.type]) === null || _tagRules$element$typ === void 0 ? void 0 : _tagRules$element$typ.isInline) || isInline(element);
+  };
+  // 整体元素，如图片、表格...
+  editor.isVoid = function (element) {
+    var _tagRules$element$typ2;
+    return ((_tagRules$element$typ2 = tagRules[element.type]) === null || _tagRules$element$typ2 === void 0 ? void 0 : _tagRules$element$typ2.isVoid) || isVoid(element);
+  };
+  var customInsertText = function customInsertText(text) {
+    var maxLen = parseInt(editor.maxLength || maxWordLimit || '1000');
+    var preText = getEditorText(editor, {
+      tagRules: tagRules
+    });
+    var preWordCount = preText.length;
+    if (preWordCount + text.length > maxLen) {
+      // 超出字数部分不计入撤回
+      insertText(text.substring(0, maxLen - preWordCount));
+      HistoryEditor.withoutSaving(editor, function () {
+        insertText(text.substring(maxLen - preWordCount, text.length));
+      });
+    } else {
+      insertText(text);
+    }
+    if (editor.selection) {
+      // 字数限制
+      if (preWordCount + text.length > maxLen) {
+        var _editor$selection$foc = editor.selection.focus,
+          path = _editor$selection$foc.path,
+          offset = _editor$selection$foc.offset;
+        // 字数限制需要删除的文本
+        var deleteOffset = offset - (preWordCount + text.length - maxLen);
+        var deleteText = text.substring(maxLen - preWordCount, text.length);
+        var warningTip = $i18n.get({
+          id: 'components.SlateEditor.utils.withEditor.YouCanEnterAMaximum',
+          dm: '最多可输入{maxLen}字'
+        }, {
+          maxLen: maxLen
+        });
+
+        // 删除超出字数限制的字（slate目前insetText重写有bug）
+        HistoryEditor.withoutSaving(editor, function () {
+          editor.apply({
+            type: 'remove_text',
+            path: path,
+            offset: deleteOffset,
+            text: deleteText
+          });
+        });
+        message.warning(warningTip);
+      }
+    }
+  };
+  editor.insertText = customInsertText;
+
+  // 为减少嵌套规则带来的复杂度，复制粘贴只允许文本形式
+  editor.insertFragment = function (fragment) {
+    var text = nodeStringify(fragment);
+    customInsertText(text);
+  };
+
+  // 标签内不允许换行
+  editor.insertBreak = function () {
+    var selection = editor.selection;
+    if (selection) {
+      var _Array$from = Array.from(Editor.nodes(editor, {
+          at: selection,
+          match: function match(n) {
+            return !Editor.isEditor(n) && Element.isElement(n) && n.type !== 's';
+          }
+        })),
+        _Array$from2 = _slicedToArray(_Array$from, 1),
+        match = _Array$from2[0];
+      if (match) {
+        return;
+      } else {
+        insertBreak();
+      }
+    }
+  };
+  editor.apply = function (operation) {
+    // Element元素末尾输入法输入问题处理
+    if (operation.type === 'set_selection' && isInputChinese) {
+      return;
+    }
+    apply(operation);
+  };
+  return editor;
+};

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

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

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

@@ -0,0 +1,35 @@
+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 React, { useState } from 'react';
+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 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: [/*#__PURE__*/_jsx(Slider, {
+      defaultValue: 30,
+      disabled: disabled
+    }), /*#__PURE__*/_jsx(Slider, {
+      range: true,
+      defaultValue: [20, 50],
+      disabled: disabled
+    }), "Disabled: ", /*#__PURE__*/_jsx(Switch, {
+      size: "small",
+      checked: disabled,
+      onChange: onChange
+    })]
+  });
+};
+export default App;

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

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

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

@@ -0,0 +1,48 @@
+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 React, { useState } from 'react';
+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 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: [/*#__PURE__*/_jsx(Slider, {
+      defaultValue: 30,
+      disabled: disabled,
+      marks: {
+        0: '0°C',
+        26: '26°C',
+        37: '37°C',
+        100: {
+          style: {
+            color: '#f50'
+          },
+          label: /*#__PURE__*/_jsx("strong", {
+            children: "100\xB0C"
+          })
+        }
+      }
+    }), /*#__PURE__*/_jsx(Slider, {
+      range: true,
+      defaultValue: [20, 50],
+      disabled: disabled
+    }), "Disabled: ", /*#__PURE__*/_jsx(Switch, {
+      size: "small",
+      checked: disabled,
+      onChange: onChange
+    })]
+  });
+};
+export default App;

package/dist/components/commonComponents/SliderSelector/demo/index.d.ts

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

package/dist/components/commonComponents/SliderSelector/demo/index.js

@@ -0,0 +1,41 @@
+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 { SliderSelector } from "../../../..";
+import { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function () {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(SliderSelector, {
+      min: 1,
+      max: 20,
+      step: 1,
+      precision: 0,
+      onChange: function onChange(val) {
+        setValue(val);
+      },
+      value: value
+    }), /*#__PURE__*/_jsx("br", {}), "\u5141\u8BB8\u6307\u5B9AInputNumber\u7684\u5BBD\u5EA6", /*#__PURE__*/_jsx(SliderSelector, {
+      min: 1,
+      max: 20,
+      step: 1,
+      precision: 0,
+      onChange: function onChange(val) {
+        setValue(val);
+      },
+      value: value,
+      inputNumberWrapperStyle: {
+        width: '300px'
+      }
+    })]
+  });
+});

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export interface SliderSelectorProps {
+    className?: string;
+    onChange: (val: number | null) => void;
+    value?: number | null;
+    min: number;
+    max: number;
+    step: number;
+    marks?: any;
+    gutter?: number;
+    precision?: number;
+    disabled?: boolean;
+    onBlur?: () => void;
+    inputNumberWrapperStyle?: React.CSSProperties;
+}
+export default function SliderSelector(props: SliderSelectorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,67 @@
+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 "../../../config";
+import { Slider } from "../../..";
+import { InputNumber } from 'antd';
+import cls from 'classnames';
+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 _getCommonConfig = getCommonConfig(),
+    sparkPrefix = _getCommonConfig.sparkPrefix;
+  useIndexStyle();
+  var onNumberChange = function onNumberChange(val) {
+    /**InputNumber为受控组件，会导致min和max失效，所以需要手动处理 */
+    if (val < props.min) {
+      props.onChange(props.min);
+    } else if (val > props.max) {
+      props.onChange(props.max);
+    } else {
+      props.onChange(val);
+    }
+  };
+  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, {
+        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/dist/components/commonComponents/SliderSelector/index.style.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Spin/demo1.js

@@ -0,0 +1,30 @@
+import { Flex, Spin } 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";
+var contentStyle = {
+  padding: 50,
+  background: 'rgba(0, 0, 0, 0.05)',
+  borderRadius: 4
+};
+var content = /*#__PURE__*/_jsx("div", {
+  style: contentStyle
+});
+var App = function App() {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(Flex, {
+      align: "center",
+      gap: "middle",
+      children: [/*#__PURE__*/_jsx(Spin, {
+        size: "small"
+      }), /*#__PURE__*/_jsx(Spin, {}), /*#__PURE__*/_jsx(Spin, {
+        size: "large"
+      }), /*#__PURE__*/_jsx(Spin, {
+        size: "large",
+        tip: "loading...",
+        children: content
+      })]
+    })
+  });
+};
+export default App;

package/dist/components/commonComponents/Spinner/demo/demo1.d.ts

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