@arim-aisdc/public-components 2.0.3 → 2.0.4

package/dist/components/BaseInfo/BaseInfo.d.ts

@@ -17,7 +17,7 @@ export declare const foramtBaseInfoField: (data: any, dataField: BaseInfoFieldTy
     value: any;
     field: string;
     label?: string;
-    text: string | JSX.Element | Element;
+    text: string | Element | JSX.Element;
     units?: string;
     width?: string;
     labelWidth?: string;

package/dist/components/ColorSelector/index.d.ts

@@ -1,3 +1,7 @@
-import ColorSelector from './ColorSelector';
-export type { ColorSelectorProps } from './ColorSelector';
+import { ColorPickerProps } from 'antd';
+import React from 'react';
+interface ColorSelectorProps {
+    onChange?: (value: string) => void;
+}
+declare const ColorSelector: React.FC<ColorPickerProps & ColorSelectorProps>;
 export default ColorSelector;

package/dist/components/ColorSelector/index.js

@@ -1,2 +1,24 @@
-import ColorSelector from "./ColorSelector";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["onChange"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { ColorPicker } from 'antd';
+import { debounce } from 'lodash';
+import React, { useCallback } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ColorSelector = function ColorSelector(props) {
+  var onChange = props.onChange,
+    rest = _objectWithoutProperties(props, _excluded);
+  var debounceChange = useCallback(debounce(function (_, hex) {
+    onChange(hex);
+  }, 200), [onChange]);
+  return /*#__PURE__*/_jsx(ColorPicker, _objectSpread(_objectSpread({}, rest), {}, {
+    onChange: debounceChange
+  }));
+};
 export default ColorSelector;

package/dist/components/CustomForm/CustomForm.js

@@ -612,6 +612,9 @@ var CustomForm = function CustomForm(_ref) {
       labelAlign: labelAlign,
       autoComplete: "off",
       onFinish: onFinish,
+      onValuesChange: function onValuesChange(p) {
+        return console.log('p :>> ', p);
+      },
       children: /*#__PURE__*/_jsxs(Row, {
         gutter: {
           md: 8,

package/dist/components/QueryFilter/QueryFilter.js

@@ -46,8 +46,9 @@ var QueryFilter = function QueryFilter(_ref) {
     _ref$submitLoading = _ref.submitLoading,
     submitLoading = _ref$submitLoading === void 0 ? false : _ref$submitLoading,
     _ref$renderButton = _ref.renderButton,
-    renderButton = _ref$renderButton === void 0 ? null : _ref$renderButton;
-  var _Form$useForm = Form.useForm(),
+    renderButton = _ref$renderButton === void 0 ? null : _ref$renderButton,
+    initForm = _ref.initForm;
+  var _Form$useForm = Form.useForm(initForm),
     _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
     form = _Form$useForm2[0];
   var Option = Select.Option;
@@ -59,10 +60,6 @@ var QueryFilter = function QueryFilter(_ref) {
   var displayRender = function displayRender(labels) {
     return labels[labels.length - 1];
   };
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isCancel = _useState4[0],
-    setIsCancel = _useState4[1];
   // 处理初始值格式问题，主要是日期数据的格式，字符串处理为date格式
   var getHandledInitValues = function getHandledInitValues() {
     var newFormValues = {};
@@ -83,31 +80,29 @@ var QueryFilter = function QueryFilter(_ref) {
     return newValues;
   };
 
+  // const handledInitValues = getHandledInitValues()
+  var _useState3 = useState(getHandledInitValues()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    formInitValue = _useState4[0],
+    setHandledInitValues = _useState4[1];
+  useEffect(function () {
+    setHandledInitValues(getHandledInitValues());
+  }, []);
+
   /**初始化表单 */
   var FormRef = useRef(null);
-  useEffect(function () {
-    // 修改 重置时set初始值
-    if (isCancel) {
-      var handledInitValues = getHandledInitValues();
-      if (FormRef && FormRef.current) {
-        FormRef.current.setFieldsValue(handledInitValues);
-      }
-      setFormValues(handledInitValues);
-      setIsCancel(false);
-    }
-  }, [isCancel, initialValues]);
   useEffect(function () {
     /**回显异步初始值 */
     // FormRef && FormRef.current && FormRef.current.resetFields();
     var handledInitValues = getHandledInitValues();
-    if (FormRef && FormRef.current) {
-      FormRef.current.setFieldsValue(handledInitValues);
-    }
+    // if (FormRef && FormRef.current) {
+    //   FormRef.current.setFieldsValue(handledInitValues);
+    // }
     // console.log('handledInitValues :>> ', handledInitValues);
 
     // 更新表单数据
     setFormValues(handledInitValues);
-  }, []);
+  }, [initialValues]);
 
   // 表单提交时保留数据
   var onFinish = function onFinish(values) {
@@ -154,7 +149,7 @@ var QueryFilter = function QueryFilter(_ref) {
   var _useDebounceFn = useDebounceFn(function (e, item, valueType) {
       commonChange(e, item, valueType);
     }, {
-      wait: 500
+      wait: 200
     }),
     run = _useDebounceFn.run;
   var getElement = function getElement(item) {
@@ -219,7 +214,7 @@ var QueryFilter = function QueryFilter(_ref) {
           onSearch: item.showSearch ? debounce(function (value) {
             var _item$handleSearch;
             return (_item$handleSearch = item.handleSearch) === null || _item$handleSearch === void 0 ? void 0 : _item$handleSearch.call(item, value);
-          }, 500) : undefined,
+          }, 200) : undefined,
           onChange: function onChange(e) {
             commonChange(e, item);
           },
@@ -234,7 +229,7 @@ var QueryFilter = function QueryFilter(_ref) {
           onSelect: item.showSelect ? debounce(function (value) {
             var _item$handleSelect;
             return (_item$handleSelect = item.handleSelect) === null || _item$handleSelect === void 0 ? void 0 : _item$handleSelect.call(item, value);
-          }, 500) : undefined,
+          }, 200) : undefined,
           notFoundContent: ((_item$setting = item.setting) === null || _item$setting === void 0 ? void 0 : _item$setting.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
             size: "small"
           }),
@@ -280,7 +275,7 @@ var QueryFilter = function QueryFilter(_ref) {
           onSearch: debounce(function (value) {
             var _item$handleSearch3;
             return (_item$handleSearch3 = item.handleSearch) === null || _item$handleSearch3 === void 0 ? void 0 : _item$handleSearch3.call(item, value, item.isInitGetOptions);
-          }, 500),
+          }, 200),
           onFocus: function onFocus() {
             var _item$handleSearch4;
             return (_item$handleSearch4 = item.handleSearch) === null || _item$handleSearch4 === void 0 ? void 0 : _item$handleSearch4.call(item, '', item.isInitGetOptions);
@@ -462,7 +457,7 @@ var QueryFilter = function QueryFilter(_ref) {
               onSearch: item.showSearch ? debounce(function (value) {
                 var _item$handleSearch5;
                 return (_item$handleSearch5 = item.handleSearch) === null || _item$handleSearch5 === void 0 ? void 0 : _item$handleSearch5.call(item, value);
-              }, 500) : undefined,
+              }, 200) : undefined,
               onChange: function onChange(e) {
                 run(e, item, typeList.start);
               },
@@ -473,7 +468,7 @@ var QueryFilter = function QueryFilter(_ref) {
               onSelect: item.showSelect ? debounce(function (value) {
                 var _item$handleSelect2;
                 return (_item$handleSelect2 = item.handleSelect) === null || _item$handleSelect2 === void 0 ? void 0 : _item$handleSelect2.call(item, value);
-              }, 500) : undefined,
+              }, 200) : undefined,
               notFoundContent: ((_item$setting2 = item.setting) === null || _item$setting2 === void 0 ? void 0 : _item$setting2.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
                 size: "small"
               }),
@@ -509,7 +504,7 @@ var QueryFilter = function QueryFilter(_ref) {
               onSearch: item.showSearch ? debounce(function (value) {
                 var _item$handleSearch6;
                 return (_item$handleSearch6 = item.handleSearch) === null || _item$handleSearch6 === void 0 ? void 0 : _item$handleSearch6.call(item, value);
-              }, 500) : undefined,
+              }, 200) : undefined,
               onChange: function onChange(e) {
                 run(e, item, typeList.end);
               },
@@ -520,7 +515,7 @@ var QueryFilter = function QueryFilter(_ref) {
               onSelect: item.showSelect ? debounce(function (value) {
                 var _item$handleSelect3;
                 return (_item$handleSelect3 = item.handleSelect) === null || _item$handleSelect3 === void 0 ? void 0 : _item$handleSelect3.call(item, value);
-              }, 500) : undefined,
+              }, 200) : undefined,
               notFoundContent: ((_item$setting3 = item.setting) === null || _item$setting3 === void 0 ? void 0 : _item$setting3.length) >= 0 ? null : /*#__PURE__*/_jsx(Spin, {
                 size: "small"
               }),
@@ -581,8 +576,8 @@ var QueryFilter = function QueryFilter(_ref) {
       ref: FormRef,
       form: form
       // name={styles.customForm}
-      // initialValues={initialValues}
       ,
+      initialValues: formInitValue,
       labelAlign: "left",
       autoComplete: "off",
       onFinish: onFinish,
@@ -622,9 +617,8 @@ var QueryFilter = function QueryFilter(_ref) {
           children: [/*#__PURE__*/_jsx(Button, {
             className: "xmTtn xmTtnDefault",
             onClick: function onClick(e) {
-              handleCancel(e);
               form.resetFields();
-              setIsCancel(true);
+              handleCancel(e);
               // 重置后 再次筛选 会带有上一次的记录（修改）
               setFormValues({});
             },

package/dist/components/QueryFilter/type.d.ts

@@ -1,4 +1,5 @@
 import { FormProps } from 'antd';
+import { FormInstance } from 'antd/es/form';
 import { MouseEventHandler } from 'react';
 export declare enum FormItemType {
     Text = "text",
@@ -114,4 +115,5 @@ export interface QueryFilterProps {
     submitLoading?: boolean;
     buttonRender?: any;
     renderButton?: any;
+    initForm?: FormInstance;
 }

package/dist/components/TableMax/components/ColumnSort/customSortFns.d.ts

@@ -1,13 +1,13 @@
 import { TableMaxColumnType } from "../../type";
-export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+export declare const numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+export declare const stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+export declare const numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+export declare const timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
 declare const customSortFns: {
-    numberSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-    stringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-    timeSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
-    numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 1 | 0 | -1;
+    numberSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+    stringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+    timeSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
+    numberOrStringSortFn: (rowA: any, rowB: any, columnId: string) => 0 | 1 | -1;
 };
 export default customSortFns;
 export type SortFnType = keyof typeof customSortFns | undefined;

package/dist/index.d.ts

@@ -27,8 +27,6 @@ export { default as TableMax } from './components/TableMax';
 export * from './components/ConfigProvider';
 export * from './components/Filter';
 export { default as SchemaForm } from './components/SchemaForm';
-export * from './components/ColorSelector';
-export { default as ColorSelector } from './components/ColorSelector';
 export * from './hooks/useEventBus';
 export { default as useEventBus } from './hooks/useEventBus';
 export { default as usePageCacheState } from './hooks/usePageCacheState';

package/dist/index.js

@@ -28,8 +28,6 @@ export { default as TableMax } from "./components/TableMax";
 export * from "./components/ConfigProvider";
 export * from "./components/Filter";
 export { default as SchemaForm } from "./components/SchemaForm";
-export * from "./components/ColorSelector";
-export { default as ColorSelector } from "./components/ColorSelector";
 
 // hooks
 export * from "./hooks/useEventBus";

package/package.json

@@ -1,104 +1,102 @@
-{
-  "name": "@arim-aisdc/public-components",
-  "version": "2.0.3",
-  "description": "前端组件库",
-  "license": "MIT",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "father build",
-    "build:watch": "father dev",
-    "dev": "dumi dev",
-    "docs:build": "dumi build",
-    "doctor": "father doctor",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
-    "local": "dumi dev",
-    "prepare": "husky install && dumi setup",
-    "prepublishOnly": "father doctor && npm run build",
-    "start": "npm run dev"
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "lint-staged": {
-    "*.{md,json}": [
-      "prettier --write --no-error-on-unmatched-pattern"
-    ],
-    "*.{css,less}": [
-      "stylelint --fix",
-      "prettier --write"
-    ],
-    "*.{js,jsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --parser=typescript --write"
-    ]
-  },
-  "dependencies": {
-    "@ant-design/icons": "^5.3.7",
-    "@ant-design/pro-components": "^2.7.10",
-    "@tanstack/match-sorter-utils": "^8.8.4",
-    "@tanstack/react-table": "^8.9.1",
-    "ahooks": "^3.7.8",
-    "antd": "^5.18.3",
-    "classnames": "^2.5.1",
-    "css-vars-ponyfill": "^2.4.8",
-    "dayjs": "^1.11.11",
-    "fs": "^0.0.1-security",
-    "immer": "^10.0.3",
-    "jsep": "^1.3.8",
-    "lodash": "^4.17.21",
-    "path": "^0.12.7",
-    "react-color": "^2.19.3",
-    "react-dnd": "^16.0.1",
-    "react-dnd-html5-backend": "^16.0.1",
-    "react-draggable": "^4.4.6",
-    "react-router-dom": "^6.22.3",
-    "react-split-pane": "^0.1.92",
-    "umi-request": "^1.4.0"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@umijs/lint": "^4.0.0",
-    "babel-plugin-import": "^1.13.8",
-    "dumi": "^2.2.13",
-    "eslint": "^8.23.0",
-    "father": "^4.1.0",
-    "husky": "^8.0.1",
-    "less": "^4.1.3",
-    "less-loader": "^11.1.0",
-    "less-vars-to-js": "^1.3.0",
-    "lint-staged": "^13.0.3",
-    "mockjs": "^1.1.0",
-    "prettier": "^2.7.1",
-    "prettier-plugin-organize-imports": "^3.0.0",
-    "prettier-plugin-packagejson": "^2.2.18",
-    "stylelint": "^14.9.1"
-  },
-  "peerDependencies": {
-    "antd": "^5.18.3",
-    "react": ">=17.0.1",
-    "react-dom": ">=17.0.1",
-    "umi-request": "^1.4.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "authors": [
-    "na.xu2278@foxmail.com"
-  ]
-}
+{
+  "name": "@arim-aisdc/public-components",
+  "version": "2.0.4",
+  "description": "前端组件库",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "father build",
+    "build:watch": "father dev",
+    "dev": "dumi dev",
+    "docs:build": "dumi build",
+    "doctor": "father doctor",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "local": "dumi dev",
+    "prepare": "husky install && dumi setup",
+    "prepublishOnly": "father doctor && npm run build",
+    "start": "npm run dev"
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --write --no-error-on-unmatched-pattern"
+    ],
+    "*.{css,less}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "dependencies": {
+    "@ant-design/icons": "^5.3.7",
+    "@ant-design/pro-components": "^2.7.10",
+    "@tanstack/match-sorter-utils": "^8.8.4",
+    "@tanstack/react-table": "^8.9.1",
+    "ahooks": "^3.7.8",
+    "classnames": "^2.5.1",
+    "css-vars-ponyfill": "^2.4.8",
+    "dayjs": "^1.11.11",
+    "fs": "^0.0.1-security",
+    "immer": "^10.0.3",
+    "jsep": "^1.3.8",
+    "lodash": "^4.17.21",
+    "path": "^0.12.7",
+    "react-color": "^2.19.3",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "react-draggable": "^4.4.6",
+    "react-router-dom": "^6.22.3",
+    "react-split-pane": "^0.1.92"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^17.1.2",
+    "@commitlint/config-conventional": "^17.1.0",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@umijs/lint": "^4.0.0",
+    "babel-plugin-import": "^1.13.8",
+    "dumi": "^2.2.13",
+    "eslint": "^8.23.0",
+    "father": "^4.1.0",
+    "husky": "^8.0.1",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.0",
+    "less-vars-to-js": "^1.3.0",
+    "lint-staged": "^13.0.3",
+    "mockjs": "^1.1.0",
+    "prettier": "^2.7.1",
+    "prettier-plugin-organize-imports": "^3.0.0",
+    "prettier-plugin-packagejson": "^2.2.18",
+    "stylelint": "^14.9.1"
+  },
+  "peerDependencies": {
+    "antd": "^5.18.3",
+    "react": ">=17.0.1",
+    "react-dom": ">=17.0.1",
+    "umi-request": "^1.4.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": [
+    "na.xu2278@foxmail.com"
+  ]
+}

package/dist/components/ColorSelector/ColorSelector.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import './ColorSelector.less';
-export interface ColorSelectorProps {
-    /**
-     * 默认颜色值
-     */
-    defaultValue?: string;
-    /**
-     * 颜色值
-     */
-    value?: string;
-    /**
-     * 修改时的回调函数
-     * @param color 修改后的颜色
-     * @returns
-     */
-    onChange?: (color: string) => void;
-    /**
-     * onChange函数是否启用节流,默认启用
-     * @default true
-     */
-    isDebounceChange?: boolean;
-    /**
-     * 快捷选择区颜色列表，空数组时不展示快捷选择区
-     */
-    presetColors?: string[];
-}
-declare const ColorSelector: React.FC<ColorSelectorProps>;
-export default ColorSelector;

package/dist/components/ColorSelector/ColorSelector.js

@@ -1,66 +0,0 @@
-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 { Popover } from 'antd';
-import { debounce } from 'lodash';
-import React, { useCallback, useEffect, useState } from 'react';
-import { SketchPicker } from 'react-color';
-import "./ColorSelector.less";
-import { jsx as _jsx } from "react/jsx-runtime";
-var defaultPresentColors = ['#D0021B', '#F5A623', '#F8E71C', '#8B572A', '#7ED321', '#417505', '#BD10E0', '#9013FE', '#4A90E2', '#50E3C2', '#B8E986', '#000000', '#4A4A4A', '#9B9B9B', '#FFFFFF'];
-var ColorSelector = function ColorSelector(props) {
-  var value = props.value,
-    defaultValue = props.defaultValue,
-    onChange = props.onChange,
-    _props$isDebounceChan = props.isDebounceChange,
-    isDebounceChange = _props$isDebounceChan === void 0 ? true : _props$isDebounceChan,
-    _props$presetColors = props.presetColors,
-    presetColors = _props$presetColors === void 0 ? defaultPresentColors : _props$presetColors;
-  var _useState = useState(value || defaultValue || '#ffffff'),
-    _useState2 = _slicedToArray(_useState, 2),
-    color = _useState2[0],
-    setColor = _useState2[1];
-  useEffect(function () {
-    if (value && color !== value) {
-      setColor(value);
-    }
-  }, [value]);
-  var debounceChange = useCallback(debounce(function (newValue) {
-    onChange(newValue);
-  }, 500), [onChange]);
-  var handleChange = useCallback(function (color) {
-    // console.log('color :>> ', color);
-    var hex = color.hex || '';
-    var hexUpperCase = hex.toLocaleUpperCase();
-    setColor(hexUpperCase);
-    if (isDebounceChange) {
-      debounceChange(hexUpperCase);
-    } else {
-      onChange(hexUpperCase);
-    }
-  }, [debounceChange]);
-  return /*#__PURE__*/_jsx(Popover, {
-    content: /*#__PURE__*/_jsx(SketchPicker, {
-      color: color,
-      disableAlpha: true,
-      onChange: handleChange,
-      width: 220,
-      presetColors: presetColors
-    }),
-    title: null,
-    overlayClassName: "colorSelectorPopover",
-    children: /*#__PURE__*/_jsx("div", {
-      className: 'colorSelectorContent',
-      children: /*#__PURE__*/_jsx("div", {
-        className: 'colorBox',
-        style: {
-          backgroundColor: color
-        }
-      })
-    })
-  });
-};
-export default ColorSelector;

package/dist/components/ColorSelector/ColorSelector.less

@@ -1,39 +0,0 @@
-.colorSelectorContent {
-  width: 100%;
-  height: 32px;
-  padding: 4px;
-  background: @global-curd-input-background-color;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  cursor: pointer;
-
-  .colorBox {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.colorSelectorPopover {
-  .custom-light-popover-inner-content,
-  .custom-dark-popover-inner-content,
-  .ant-popover-inner-content {
-    padding: 0;
-  }
-
-  .sketch-picker {
-    background: transparent !important;
-
-    input {
-      background-color: @global-curd-input-background-color;
-      border: 1px solid @tableColor2 !important;
-      box-shadow: none;
-      border-radius: 2px;
-      color: @tableColor1 !important;
-    }
-
-    label {
-      color: @tableColor1 !important;
-    }
-  }
-}