x-star-design 0.0.14 → 0.0.16

package/dist/code-mirror-wrapper/define.js

@@ -1,8 +1,5 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _langCompleteOptionsM, _themeMap;
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 export var LangId = /*#__PURE__*/function (LangId) {
   LangId["CPP"] = "g++";
   LangId["CPP11"] = "g++11";

package/dist/code-mirror-wrapper/index.js

@@ -1,13 +1,7 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className", "value", "theme", "onChange", "lang", "readOnly"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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 _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 { autocompletion } from '@codemirror/autocomplete';
 import { cpp } from '@codemirror/lang-cpp';
 import { java } from '@codemirror/lang-java';

package/dist/config-provider-wrapper/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const ConfigProviderWrapper: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export default ConfigProviderWrapper;

package/dist/config-provider-wrapper/index.js

@@ -0,0 +1,14 @@
+import { ConfigProvider } from 'antd';
+import React from 'react';
+var ConfigProviderWrapper = function ConfigProviderWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(ConfigProvider, {
+    prefixCls: 'x-star-design',
+    theme: {
+      token: {
+        colorPrimary: '#1890ff'
+      }
+    }
+  }, children);
+};
+export default ConfigProviderWrapper;

package/dist/draggable-layout/index.js

@@ -1,9 +1,4 @@
-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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useMemoizedFn } from 'ahooks';
 import classNames from 'classnames';
 import React, { useRef, useState } from 'react';

package/dist/error-boundary/index.js

@@ -1,17 +1,9 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 // 本组件代码参考自 https://juejin.cn/post/6937474904375689224
 import React from 'react';
 

package/dist/index.d.ts

@@ -5,10 +5,15 @@ export { default as DraggableLayout } from './draggable-layout';
 export { default as ErrorBoundary } from './error-boundary';
 export type { FallbackProps } from './error-boundary';
 export { default as LoadingMask } from './loading-mask';
+export { LocaleProvider } from './locales';
+export { default as PaneTitle } from './pane-title';
 export { default as RainbowCat } from './rainbow-cat';
+export { default as SortTable } from './sort-table';
 export { default as StatusTag } from './status-tag';
 export type { StatusTagProps, StatusTagShape, StatusTagStyle, StatusTagType, } from './status-tag/define';
 export { default as SubmissionStatus } from './submission-status';
 export { default as TitleWithIcon } from './title-with-icon';
 export { default as UserAvatar } from './user-avatar';
+export { default as VirtualTable } from './virtual-table';
 export { default as VisualDataConfig } from './visual-data-config';
+export { default as XTabs } from './xtabs';

package/dist/index.js

@@ -4,9 +4,14 @@ export { LangId, Language, Theme } from "./code-mirror-wrapper/define";
 export { default as DraggableLayout } from "./draggable-layout";
 export { default as ErrorBoundary } from "./error-boundary";
 export { default as LoadingMask } from "./loading-mask";
+export { LocaleProvider } from "./locales";
+export { default as PaneTitle } from "./pane-title";
 export { default as RainbowCat } from "./rainbow-cat";
+export { default as SortTable } from "./sort-table";
 export { default as StatusTag } from "./status-tag";
 export { default as SubmissionStatus } from "./submission-status";
 export { default as TitleWithIcon } from "./title-with-icon";
 export { default as UserAvatar } from "./user-avatar";
-export { default as VisualDataConfig } from "./visual-data-config";
+export { default as VirtualTable } from "./virtual-table";
+export { default as VisualDataConfig } from "./visual-data-config";
+export { default as XTabs } from "./xtabs";

package/dist/input-numbers/index.d.ts

@@ -0,0 +1,12 @@
+import { InputNumberProps } from 'antd';
+import React from 'react';
+export interface InputNumbersValue {
+    start?: number;
+    end?: number;
+}
+type InputNumbersValueProps = InputNumberProps & {
+    value?: InputNumbersValue;
+    onChange?: (value: InputNumbersValue) => void;
+};
+declare const InputNumbers: ({ value, onChange, ...props }: InputNumbersValueProps) => React.JSX.Element;
+export default InputNumbers;

package/dist/input-numbers/index.js

@@ -0,0 +1,53 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["value", "onChange"];
+import { InputNumber, Space } from 'antd';
+import React, { useState } from 'react';
+import ConfigProviderWrapper from "../config-provider-wrapper";
+var InputNumbers = function InputNumbers(_ref) {
+  var value = _ref.value,
+    _onChange = _ref.onChange,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(value === null || value === void 0 ? void 0 : value.start),
+    _useState2 = _slicedToArray(_useState, 2),
+    start = _useState2[0],
+    setStart = _useState2[1];
+  var _useState3 = useState(value === null || value === void 0 ? void 0 : value.end),
+    _useState4 = _slicedToArray(_useState3, 2),
+    end = _useState4[0],
+    setEnd = _useState4[1];
+  return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Space, {
+    split: '-',
+    align: "center"
+  }, /*#__PURE__*/React.createElement(InputNumber, _extends({
+    min: 0,
+    max: 100
+  }, props, {
+    value: (value === null || value === void 0 ? void 0 : value.start) || start,
+    onChange: function onChange(v) {
+      if (typeof v === 'number') {
+        setStart(v);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange({
+          start: v,
+          end: end
+        });
+      }
+    }
+  })), /*#__PURE__*/React.createElement(InputNumber, _extends({
+    min: 0,
+    max: 100,
+    value: (value === null || value === void 0 ? void 0 : value.end) || end
+  }, props, {
+    onChange: function onChange(v) {
+      if (typeof v === 'number') {
+        setEnd(v);
+        _onChange === null || _onChange === void 0 ? void 0 : _onChange({
+          start: start,
+          end: v
+        });
+      }
+    }
+  }))));
+};
+export default InputNumbers;

package/dist/loading-mask/index.js

@@ -1,9 +1,4 @@
-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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import classNames from 'classnames';
 import React from 'react';
 import { useDelayedMount } from 'x-star-utils';

package/dist/pane-title/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type PaneTitleProps = {
+    title: string;
+    description: string;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+};
+declare const PaneTitle: React.FC<PaneTitleProps>;
+export default PaneTitle;

package/dist/pane-title/index.js

@@ -0,0 +1,27 @@
+import { Space } from 'antd';
+import React from 'react';
+import ConfigProviderWrapper from "../config-provider-wrapper";
+import TitleWithIcon from "../title-with-icon";
+import { prefix } from "../utils/global";
+var PaneTitle = function PaneTitle(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    children = _ref.children,
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement("div", {
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "title")
+  }, /*#__PURE__*/React.createElement(Space, {
+    align: "center"
+  }, /*#__PURE__*/React.createElement(TitleWithIcon, {
+    title: title
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "description")
+  }, description), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginLeft: 40
+    }
+  }, children)))));
+};
+export default PaneTitle;

package/dist/sort-table/index.d.ts

@@ -0,0 +1,7 @@
+import type { TableProps } from 'antd';
+import React from 'react';
+type customProps = {
+    onSortEnd?: (newDataSource: Array<any>) => Promise<void>;
+};
+declare const SortTable: (props: TableProps<any> & customProps) => React.JSX.Element;
+export default SortTable;

package/dist/sort-table/index.js

@@ -0,0 +1,86 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import { MenuOutlined } from '@ant-design/icons';
+import { Table } from 'antd';
+import React from 'react';
+import { SortableContainer, SortableElement, SortableHandle } from 'react-sortable-hoc';
+import ConfigProviderWrapper from "../config-provider-wrapper";
+var SortTable = function SortTable(props) {
+  var dataSource = (props === null || props === void 0 ? void 0 : props.dataSource) || [];
+  var rowKey = props.rowKey,
+    onEnd = props.onSortEnd;
+  var DragHandle = SortableHandle(function () {
+    return /*#__PURE__*/React.createElement(MenuOutlined, {
+      style: {
+        cursor: 'grab',
+        color: '#999'
+      }
+    });
+  });
+  var newColumns = [{
+    title: 'Sort',
+    dataIndex: 'sort',
+    align: 'center',
+    width: 80,
+    ellipsis: true,
+    className: 'drag-visible',
+    render: function render() {
+      return /*#__PURE__*/React.createElement(DragHandle, null);
+    }
+  }].concat(_toConsumableArray(props !== null && props !== void 0 && props.columns ? props === null || props === void 0 ? void 0 : props.columns : []));
+  var SortableItem = SortableElement(function (props) {
+    return /*#__PURE__*/React.createElement("tr", props);
+  });
+  var SortableBody = SortableContainer(function (props) {
+    return /*#__PURE__*/React.createElement("tbody", props);
+  });
+  var onSortEnd = function onSortEnd(sortEnd) {
+    var oldIndex = sortEnd.oldIndex,
+      newIndex = sortEnd.newIndex;
+    if (oldIndex !== newIndex) {
+      var newData = _toConsumableArray(dataSource); // 创建 dataSource 的副本
+      // 移除旧位置的元素，并将其插入新位置
+      var _newData$splice = newData.splice(oldIndex, 1),
+        _newData$splice2 = _slicedToArray(_newData$splice, 1),
+        removedItem = _newData$splice2[0];
+      newData.splice(newIndex, 0, removedItem);
+      var filteredData = newData.filter(function (el) {
+        return !!el;
+      }); // 过滤掉空元素
+      if (typeof onEnd === 'function') {
+        onEnd(filteredData);
+      }
+    }
+  };
+  var DraggableContainer = function DraggableContainer(props) {
+    return /*#__PURE__*/React.createElement(SortableBody, _extends({}, props, {
+      useDragHandle: true,
+      disableAutoscroll: true,
+      helperClass: "row-dragging",
+      onSortEnd: onSortEnd
+    }));
+  };
+  var DraggableBodyRow = function DraggableBodyRow(props) {
+    // function findIndex base on Table rowKey props and should always be a right array index
+    var index = dataSource.findIndex(function (x) {
+      return x[String(rowKey)] === props['data-row-key'];
+    });
+    return /*#__PURE__*/React.createElement(SortableItem, _extends({}, props, {
+      index: index,
+      key: index
+    }));
+  };
+  return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Table, _extends({}, props, {
+    columns: newColumns,
+    rowKey: rowKey,
+    dataSource: dataSource,
+    components: {
+      body: {
+        wrapper: DraggableContainer,
+        row: DraggableBodyRow
+      }
+    }
+  })));
+};
+export default SortTable;

package/dist/status-tag/index.js

@@ -1,18 +1,8 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["shape", "status", "hover", "required", "children", "onClick"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-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 classNames from 'classnames';
 import React, { useRef, useState } from 'react';
 import correctSVG from "../assets/status-tag/correct.svg";

package/dist/styles/index.css

@@ -290,3 +290,122 @@
   display: inline;
   margin-left: 10px;
 }
+
+.x-star-design-virtual-grid::-webkit-scrollbar {
+  width: 7px;
+  height: 7px;
+}
+.x-star-design-virtual-grid::-webkit-scrollbar-thumb {
+  border-radius: 3px;
+  box-shadow: inset 0 0 5px #9b9ba3;
+  background: rgba(152, 155, 163, 0.5);
+}
+.x-star-design-virtual-grid::-webkit-scrollbar-thumb:hover {
+  background: rgba(152, 155, 163, 0.7);
+}
+.x-star-design-virtual-grid::-webkit-scrollbar-thumb:active {
+  background: rgba(152, 155, 163, 0.9);
+}
+
+.x-star-design-virtual-table-cell {
+  box-sizing: border-box;
+  padding: 14px;
+  border-bottom: 1px solid #e8e8e8;
+  border-right: 1px solid #e8e8e8;
+  background: #fff;
+}
+
+[data-theme=dark] .x-star-design-virtual-table-cell {
+  box-sizing: border-box;
+  padding: 14px;
+  border-bottom: 1px solid #303030;
+  border-right: 1px solid #303030;
+  background: #141414;
+}
+
+.x-star-design-title {
+  background-color: #fff;
+  min-height: 50px;
+  margin: 0;
+  padding: 10px 20px;
+}
+.x-star-design-title .x-star-design-description {
+  font-size: 12px;
+  color: #b6b6b6;
+}
+
+.x-star-design-XTabs.x-star-design-tabs, .x-star-design-XTabs.ant-tabs {
+  width: 100%;
+  min-height: 80vh;
+  border: 0;
+  background-color: #fff;
+  color: #9e9e9e;
+}
+.x-star-design-XTabs .x-star-design-tabs-nav-wrap,
+.x-star-design-XTabs .ant-tabs-nav-wrap {
+  background-color: #e3ecff;
+}
+.x-star-design-XTabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab, .x-star-design-XTabs.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
+  width: 130px;
+  height: 130px;
+  background-color: #e3ecff;
+  display: flex;
+  align-content: center;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+}
+.x-star-design-XTabs.x-star-design-tabs-card > .x-star-design-tabs-nav .x-star-design-tabs-tab-active, .x-star-design-XTabs.ant-tabs-card > .ant-tabs-nav .ant-tabs-tab-active {
+  border-left: 6px solid #1890ff;
+  background-color: #fff;
+  transition: all 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
+}
+.x-star-design-XTabs .x-star-design-tabs-tab-btn,
+.x-star-design-XTabs .ant-tabs-tab-btn {
+  text-align: center;
+  white-space: normal;
+}
+.x-star-design-XTabs .x-star-design-tabs-content,
+.x-star-design-XTabs .ant-tabs-content {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #d7d7d7;
+  padding: 0 20px;
+}
+.x-star-design-XTabs .x-star-design-tabs-tabpane,
+.x-star-design-XTabs .ant-tabs-tabpane {
+  padding: 0 24px 24px;
+}
+.x-star-design-XTabs .x-star-design-icon-img {
+  text-align: center;
+  font-size: 44px;
+  padding-left: 10px;
+}
+.x-star-design-XTabs .x-star-design-icon-title {
+  font-size: 16px;
+  display: block;
+  padding-top: 10px;
+  font-style: normal;
+}
+
+.x-star-design-form {
+  width: 90%;
+}
+.x-star-design-form .x-star-design-row {
+  width: 100%;
+}
+.x-star-design-form .x-star-design-row .x-star-design-explainItem {
+  margin: -20px 0 16px;
+}
+.x-star-design-form .x-star-design-row .x-star-design-form-item-extra {
+  clear: both;
+  color: rgba(0, 0, 0, 0.4509803922);
+  font-size: 14px;
+  line-height: 1.5715;
+  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
+  min-height: 24px;
+}
+.x-star-design-form .x-star-design-formList {
+  width: 100%;
+}

package/dist/user-avatar/index.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps } from 'antd/lib/avatar';
+import { AvatarProps } from 'antd/es/avatar';
 import React from 'react';
 type UserAvatarProps = AvatarProps & {
     user: {

package/dist/user-avatar/index.js

@@ -1,16 +1,11 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["user", "style"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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 { Avatar, Tooltip } from 'antd';
 import randomColor from 'randomcolor';
 import React, { useMemo } from 'react';
+import ConfigProviderWrapper from "../config-provider-wrapper";
 var UserAvatar = function UserAvatar(_ref) {
   var _ref2, _ref2$filter;
   var user = _ref.user,
@@ -24,12 +19,12 @@ var UserAvatar = function UserAvatar(_ref) {
       format: 'rgb'
     });
   }, [name]);
-  return /*#__PURE__*/React.createElement(Tooltip, {
+  return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Tooltip, {
     title: name
   }, /*#__PURE__*/React.createElement(Avatar, _extends({
     style: _objectSpread({
       background: background
     }, style)
-  }, props), name[0].toUpperCase()));
+  }, props), name[0].toUpperCase())));
 };
 export default UserAvatar;

package/dist/virtual-table/index.d.ts

@@ -0,0 +1,4 @@
+import type { TableProps } from 'antd/es/table';
+import React from 'react';
+declare const VirtualTable: <RecordType extends Record<string, unknown>>(props: TableProps<RecordType>) => React.JSX.Element;
+export default VirtualTable;

package/dist/virtual-table/index.js

@@ -0,0 +1,278 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["children"],
+  _excluded2 = ["children"];
+import { Table } from 'antd';
+import classNames from 'classnames';
+import ResizeObserver from 'rc-resize-observer';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { VariableSizeGrid as Grid } from 'react-window';
+import ConfigProviderWrapper from "../config-provider-wrapper";
+import { prefix } from "../utils/global";
+var VirtualTable = function VirtualTable(props) {
+  var columns = props.columns,
+    scroll = props.scroll;
+  /**
+   * 表格实际宽度
+   */
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    tableWidth = _useState2[0],
+    setTableWidth = _useState2[1];
+
+  /**
+   * 自动设置列宽
+   */
+  var mergedColumns = useMemo(function () {
+    /**
+     * 将分组的列展平
+     * @param columns 分组的列
+     * @returns 展平的列
+     */
+    var flatten = function flatten(columns) {
+      var result = [];
+      columns === null || columns === void 0 ? void 0 : columns.forEach(function (column) {
+        return result.push.apply(result, _toConsumableArray('children' in column ? flatten(column.children) : [column]));
+      });
+      return result;
+    };
+    var flattenedColumns = flatten(columns);
+
+    /**
+     * 未设置宽度的列数
+     */
+    var widthColumnCount = flattenedColumns.filter(function (_ref) {
+      var width = _ref.width;
+      return !width;
+    }).length;
+
+    /**
+     * 内容实际宽度
+     */
+    var totalWidth = flattenedColumns.reduce(function (value, column) {
+      return value + column.width;
+    }, 0);
+    return flattenedColumns.map(function (column) {
+      if (column.width) {
+        if (!widthColumnCount && totalWidth < tableWidth) {
+          /**
+           * 等比例放大列宽
+           */
+          return _objectSpread(_objectSpread({}, column), {}, {
+            width: column.width / totalWidth * tableWidth
+          });
+        }
+        return column;
+      }
+      return _objectSpread(_objectSpread({}, column), {}, {
+        width: tableWidth / widthColumnCount
+      });
+    });
+  }, [columns, tableWidth]);
+
+  /**
+   * 固定在左侧的列
+   */
+  var fixedColumns = useMemo(function () {
+    for (var i = 0; i < mergedColumns.length; i++) {
+      if (!mergedColumns[i].fixed) {
+        return mergedColumns.slice(0, i);
+      }
+    }
+    return mergedColumns;
+  }, [mergedColumns]);
+  var gridRef = useRef();
+  var _useState3 = useState(function () {
+      var obj = {};
+      Object.defineProperty(obj, 'scrollLeft', {
+        get: function get() {
+          if (gridRef.current) {
+            var _gridRef$current, _gridRef$current$stat;
+            return (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : (_gridRef$current$stat = _gridRef$current.state) === null || _gridRef$current$stat === void 0 ? void 0 : _gridRef$current$stat.scrollLeft;
+          }
+          return null;
+        },
+        set: function set(scrollLeft) {
+          if (gridRef.current) {
+            gridRef.current.scrollTo({
+              scrollLeft: scrollLeft
+            });
+          }
+        }
+      });
+      return obj;
+    }),
+    _useState4 = _slicedToArray(_useState3, 1),
+    connectObject = _useState4[0];
+  var resetVirtualGrid = function resetVirtualGrid() {
+    var _gridRef$current2;
+    return (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.resetAfterIndices({
+      columnIndex: 0,
+      shouldForceUpdate: true
+    });
+  };
+  useEffect(function () {
+    return resetVirtualGrid;
+  }, [mergedColumns]);
+
+  /**
+   * 起始渲染行
+   */
+  var startRowIndex = useRef(0);
+
+  /**
+   * 渲染虚拟列表
+   */
+  var renderVirtualList = function renderVirtualList(rawData, _ref2) {
+    var ref = _ref2.ref,
+      _onScroll = _ref2.onScroll;
+    ref.current = connectObject;
+
+    /**
+     * 内容实际高度
+     */
+    var totalHeight = rawData.length * 54;
+
+    /**
+     * 渲染单元格
+     */
+    var Cell = function Cell(_ref3) {
+      var _column$onCell;
+      var columnIndex = _ref3.columnIndex,
+        rowIndex = _ref3.rowIndex,
+        style = _ref3.style,
+        data = _ref3.data;
+      var column = mergedColumns[columnIndex];
+      /**
+       * 如果没有数据则不渲染固定列的单元格
+       */
+      if (!data && column.fixed) {
+        return null;
+      }
+      var record = rawData[rowIndex];
+      var props = (_column$onCell = column.onCell) === null || _column$onCell === void 0 ? void 0 : _column$onCell.call(column, record, rowIndex);
+      return /*#__PURE__*/React.createElement("div", _extends({}, props, {
+        className: classNames("".concat(prefix, "virtual-table-cell"), {
+          'virtual-table-cell-last': columnIndex === mergedColumns.length - 1
+        }, props === null || props === void 0 ? void 0 : props.className),
+        style: _objectSpread(_objectSpread({}, style), props === null || props === void 0 ? void 0 : props.style)
+      }), column.render ? column.render(column.dataIndex !== undefined ? record[column.dataIndex] : record, record, rowIndex) : column.dataIndex !== undefined && record[column.dataIndex]);
+    };
+
+    /**
+     * 渲染固定列和其余内容
+     */
+    var innerElementType = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
+      var children = _ref4.children,
+        rest = _objectWithoutProperties(_ref4, _excluded);
+      return /*#__PURE__*/React.createElement("div", _extends({
+        ref: ref
+      }, rest),
+      /**
+       * 渲染固定列
+       */
+      fixedColumns.map(function (column, columnIndex) {
+        var _gridRef$current3, _gridRef$current3$sta, _gridRef$current4, _gridRef$current4$sta;
+        /**
+         * 左边距设置为左侧列宽度之和加水平滚动距离，模拟固定效果
+         */
+        var left = fixedColumns.slice(0, columnIndex).reduce(function (value, column) {
+          return value + column.width;
+        }, 0) + ((_gridRef$current3 = gridRef.current) === null || _gridRef$current3 === void 0 ? void 0 : (_gridRef$current3$sta = _gridRef$current3.state) === null || _gridRef$current3$sta === void 0 ? void 0 : _gridRef$current3$sta.scrollLeft);
+
+        /**
+         * 水平滚动距离大于 0 时最右侧的固定列加上阴影
+         */
+        var boxShadow = ((_gridRef$current4 = gridRef.current) === null || _gridRef$current4 === void 0 ? void 0 : (_gridRef$current4$sta = _gridRef$current4.state) === null || _gridRef$current4$sta === void 0 ? void 0 : _gridRef$current4$sta.scrollLeft) > 0 && columnIndex === fixedColumns.length - 1 ? '4px 0px 4px #e8e8e8' : undefined;
+        return rawData.slice(startRowIndex.current, startRowIndex.current + Math.ceil(scroll.y / 54) + 2).map(function (_, rowIndex) {
+          return /*#__PURE__*/React.createElement(Cell, {
+            key: "".concat(columnIndex, ",").concat(rowIndex),
+            columnIndex: columnIndex,
+            rowIndex: rowIndex + startRowIndex.current,
+            style: {
+              position: 'absolute',
+              top: (rowIndex + startRowIndex.current) * 54,
+              left: left,
+              width: column.width,
+              height: 54,
+              boxShadow: boxShadow,
+              transition: 'box-shadow 0.3s',
+              zIndex: 1
+            }
+            /**
+             * 传递任意数据以渲染固定列的单元格
+             */,
+            data: true
+          });
+        });
+      }),
+      /**
+       * 渲染其余内容
+       */
+      children);
+    });
+    return /*#__PURE__*/React.createElement(Grid, {
+      ref: gridRef,
+      className: "".concat(prefix, "virtual-grid"),
+      columnCount: mergedColumns.length,
+      columnWidth: function columnWidth(index) {
+        var width = mergedColumns[index].width;
+        return totalHeight > scroll.y && columns && index === columns.length - 1 ? width - 7 : width;
+      },
+      height: scroll.y,
+      rowCount: rawData.length,
+      rowHeight: function rowHeight() {
+        return 54;
+      },
+      width: tableWidth,
+      innerElementType: innerElementType,
+      onScroll: function onScroll(_ref5) {
+        var scrollTop = _ref5.scrollTop,
+          scrollLeft = _ref5.scrollLeft;
+        startRowIndex.current = Math.max(Math.floor(scrollTop / 54) - 1, 0);
+        _onScroll({
+          scrollLeft: scrollLeft
+        });
+      }
+    }, Cell);
+  };
+  return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(ResizeObserver, {
+    onResize: function onResize(_ref6) {
+      var width = _ref6.width;
+      return setTableWidth(width);
+    }
+  }, /*#__PURE__*/React.createElement(Table, _extends({}, props, {
+    className: classNames("".concat(prefix, "virtual-table"), props.className),
+    pagination: false,
+    components: {
+      header: {
+        /**
+         * 渲染自定义表头，修复固定列问题
+         */
+        row: function row(_ref7) {
+          var children = _ref7.children,
+            rest = _objectWithoutProperties(_ref7, _excluded2);
+          var newChildren = _toConsumableArray(children);
+          for (var i = 0, left = 0; i < newChildren.length; i++) {
+            var _props = newChildren[i].props;
+            if (!_props.column.fixed) {
+              break;
+            }
+            newChildren[i] = _objectSpread(_objectSpread({}, newChildren[i]), {}, {
+              props: _objectSpread(_objectSpread({}, _props), {}, {
+                fixLeft: left
+              })
+            });
+            left += _props.column.width;
+          }
+          return /*#__PURE__*/React.createElement("tr", rest, children);
+        }
+      },
+      body: renderVirtualList
+    }
+  }))));
+};
+export default VirtualTable;

package/dist/visual-data-config/SingleDataConfig.js

@@ -1,14 +1,6 @@
-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 _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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
 import { Button, Col, Form, Input, InputNumber, Row, Space } from 'antd';
 import React, { useState } from 'react';
@@ -55,7 +47,8 @@ var SingleDataConfig = function SingleDataConfig() {
       }), /*#__PURE__*/React.createElement(InputNumber, null))), /*#__PURE__*/React.createElement(MinusCircleOutlined, {
         className: "dynamic-delete-button",
         style: {
-          lineHeight: '32px'
+          lineHeight: 32,
+          height: 32
         },
         onClick: function onClick() {
           return remove(field.name);

package/dist/visual-data-config/SubTaskConfig.js

@@ -1,14 +1,6 @@
-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 _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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
 import { Button, Col, Form, Input, InputNumber, Row, Space } from 'antd';
 import React, { useState } from 'react';
@@ -59,7 +51,8 @@ var SubTaskConfig = function SubTaskConfig() {
       }), /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(MinusCircleOutlined, {
         className: "dynamic-delete-button",
         style: {
-          lineHeight: '32px'
+          lineHeight: 32,
+          height: 32
         },
         onClick: function onClick() {
           return remove(field.name);

package/dist/visual-data-config/define.js

@@ -1,4 +1,4 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+import _typeof from "@babel/runtime/helpers/esm/typeof";
 // 删除空对象 删除'', null, undefined
 export var isEmpty = function isEmpty(obj) {
   if (_typeof(obj) === 'object') {

package/dist/visual-data-config/index.js

@@ -1,15 +1,9 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { Button, Col, Divider, Form, Input, InputNumber, Radio, Row } from 'antd';
 import React, { useEffect } from 'react';
+import ConfigProviderWrapper from "../config-provider-wrapper";
 import { useLocale } from "../locales";
 import { prefix } from "../utils/global";
 import SingleDataConfig from "./SingleDataConfig";
@@ -72,7 +66,7 @@ var VisualDataConfig = function VisualDataConfig(_ref) {
       }
     };
   };
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Form, {
     form: form,
     onFinish: /*#__PURE__*/function () {
       var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(values) {
@@ -89,7 +83,7 @@ var VisualDataConfig = function VisualDataConfig(_ref) {
           }
         }, _callee);
       }));
-      return function (_x2) {
+      return function (_x) {
         return _ref2.apply(this, arguments);
       };
     }(),
@@ -149,7 +143,7 @@ var VisualDataConfig = function VisualDataConfig(_ref) {
   }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col, {
     span: 24
   }, /*#__PURE__*/React.createElement("div", {
-    className: "ant-form-item-extra ".concat("".concat(prefix, "explainItem"))
+    className: "".concat(prefix, "form-item-extra ", "".concat(prefix, "explainItem"))
   }, t('Input_Output_Format_Tip'))), /*#__PURE__*/React.createElement(Col, {
     span: 8
   }, /*#__PURE__*/React.createElement(Form.Item, {
@@ -163,7 +157,7 @@ var VisualDataConfig = function VisualDataConfig(_ref) {
   }, /*#__PURE__*/React.createElement(Input, null))), /*#__PURE__*/React.createElement(Col, {
     span: 24
   }, /*#__PURE__*/React.createElement("div", {
-    className: "ant-form-item-extra ".concat(prefix, "explainItem")
+    className: "".concat(prefix, "form-item-extra ").concat(prefix, "explainItem")
   }, t('File_Input_Output_Format_Tip'))), /*#__PURE__*/React.createElement(Col, {
     span: 12
   }, /*#__PURE__*/React.createElement(Form.Item, {
@@ -195,6 +189,6 @@ var VisualDataConfig = function VisualDataConfig(_ref) {
   }), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(Form.Item, null, /*#__PURE__*/React.createElement(Button, {
     type: 'primary',
     htmlType: "submit"
-  }, t('Confirm_Import'))));
+  }, t('Confirm_Import')))));
 };
 export default VisualDataConfig;

package/dist/xtabs/index.d.ts

@@ -0,0 +1,10 @@
+import { TabsProps } from 'antd';
+import React from 'react';
+type XTabsItem = Exclude<TabsProps['items'], undefined> extends (infer Item)[] ? Item & {
+    icon?: React.ReactNode;
+} : undefined;
+interface XTabsProps extends TabsProps {
+    items: XTabsItem[];
+}
+declare const XTabs: ({ items, ...props }: XTabsProps) => React.JSX.Element;
+export default XTabs;

package/dist/xtabs/index.js

@@ -0,0 +1,34 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["items"];
+import { Tabs } from 'antd';
+import React, { useMemo } from 'react';
+import ConfigProviderWrapper from "../config-provider-wrapper";
+import { prefix } from "../utils/global";
+var XTabs = function XTabs(_ref) {
+  var items = _ref.items,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var newItems = useMemo(function () {
+    return items === null || items === void 0 ? void 0 : items.map(function (item) {
+      return _objectSpread(_objectSpread({}, item), {}, {
+        label: /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "icon-pane")
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "".concat(prefix, "icon-img")
+        }, item.icon), /*#__PURE__*/React.createElement("em", {
+          className: "".concat(prefix, "icon-title")
+        }, item === null || item === void 0 ? void 0 : item.label))
+      });
+    });
+  }, [items]);
+  return /*#__PURE__*/React.createElement(ConfigProviderWrapper, null, /*#__PURE__*/React.createElement(Tabs, _extends({
+    className: "".concat(prefix, "XTabs"),
+    tabPosition: 'left',
+    size: "large",
+    type: "card",
+    destroyInactiveTabPane: true,
+    items: newItems
+  }, props)));
+};
+export default XTabs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-star-design",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "A react component library developed by turingstar",
   "license": "MIT",
   "module": "dist/index.js",
@@ -44,6 +44,7 @@
     ]
   },
   "dependencies": {
+    "@babel/runtime": "^7.23.1",
     "@codemirror/autocomplete": "^6.9.0",
     "@codemirror/lang-cpp": "^6.0.2",
     "@codemirror/lang-java": "^6.0.1",
@@ -58,6 +59,9 @@
     "ahooks": "^3.7.8",
     "classnames": "^2.3.2",
     "randomcolor": "^0.6.2",
+    "rc-resize-observer": "^1.3.1",
+    "react-sortable-hoc": "^2.0.0",
+    "react-window": "^1.8.9",
     "x-star-utils": "^0.0.4"
   },
   "devDependencies": {
@@ -66,6 +70,7 @@
     "@commitlint/config-conventional": "^17.1.0",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
+    "@types/react-window": "^1.8.5",
     "@umijs/lint": "^4.0.0",
     "antd": "5.2.2",
     "dumi": "^2.2.0",