tntd 2.1.0 → 2.1.2

package/es/affix/index.js

@@ -1,4 +1,5 @@
 import Affix from 'antd/es/affix';
 import 'antd/es/affix/style';
 export * from 'antd/es/affix';
-export default Affix;
+export default Affix;
+//# sourceMappingURL=index.js.map

package/es/alert/index.js

@@ -1,4 +1,5 @@
 import Alert from 'antd/es/alert';
 import 'antd/es/alert/style';
 export * from 'antd/es/alert';
-export default Alert;
+export default Alert;
+//# sourceMappingURL=index.js.map

package/es/anchor/index.js

@@ -1,4 +1,5 @@
 import Anchor from 'antd/es/anchor';
 import 'antd/es/anchor/style';
 export * from 'antd/es/anchor';
-export default Anchor;
+export default Anchor;
+//# sourceMappingURL=index.js.map

package/es/array-input/icon.js

@@ -1,25 +1,7 @@
 import React from 'react';
-export const plusIcon = React.createElement("svg", {
-  viewBox: "64 64 896 896",
-  focusable: "false",
-  "data-icon": "plus-circle",
-  width: "1em",
-  height: "1em",
-  fill: "currentColor",
-  "aria-hidden": "true"
-}, React.createElement("path", {
-  d: "M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"
-}), React.createElement("path", {
-  d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-}));
-export const deleteIcon = React.createElement("svg", {
-  viewBox: "64 64 896 896",
-  focusable: "false",
-  "data-icon": "delete",
-  width: "1em",
-  height: "1em",
-  fill: "currentColor",
-  "aria-hidden": "true"
-}, React.createElement("path", {
-  d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-}));
+export const plusIcon = (React.createElement("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": "plus-circle", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" },
+    React.createElement("path", { d: "M696 480H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z" }),
+    React.createElement("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" })));
+export const deleteIcon = (React.createElement("svg", { viewBox: "64 64 896 896", focusable: "false", "data-icon": "delete", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" },
+    React.createElement("path", { d: "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" })));
+//# sourceMappingURL=icon.js.map

package/es/array-input/index.js

@@ -1,17 +1,15 @@
-import _sumBy from "lodash/sumBy";
-import _sum from "lodash/sum";
-import _set from "lodash/set";
-import _isFunction from "lodash/isFunction";
-import _isArray from "lodash/isArray";
-import _get from "lodash/get";
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
+import { get, isArray, isFunction, set, sum, sumBy } from 'lodash';
 import React, { isValidElement, useCallback, useEffect, useState } from 'react';
 import { deleteIcon, plusIcon } from './icon';
 import Col from '../col';
@@ -19,198 +17,116 @@ import Row from '../row';
 import Table from '../table';
 import Tooltip from '../tooltip';
 import './index.less';
-const {
-  Column
-} = Table;
-const getWidth = span => 1000 / span;
-export default function ArrayInput({
-  children,
-  defaultValue,
-  value,
-  onChange,
-  mode = 'list',
-  gutter = 10,
-  require = false,
-  deleteTip = '',
-  plusTip = '',
-  addText = '添加'
-}) {
-  if (!_isFunction(children)) {
-    throw new Error('ArrayInput的children必须是函数');
-  }
-  const [_value, setValue] = useState(value || defaultValue);
-  useEffect(() => {
-    setValue(value);
-  }, [value]);
-  const _onChange = useCallback(value => {
-    if (onChange) {
-      onChange(value);
-    } else {
-      setValue(value);
+const { Column } = Table;
+const getWidth = (span) => 1000 / span;
+export default function ArrayInput({ children, defaultValue, value, onChange, mode = 'list', gutter = 10, require = false, deleteTip = '', plusTip = '', addText = '添加', }) {
+    if (!isFunction(children)) {
+        throw new Error('ArrayInput的children必须是函数');
     }
-  }, []);
-  let inValue = _value || [];
-  if (require && inValue.length === 0) {
-    inValue = [{}];
-  }
-  const changeValue = (index, name, value) => {
-    inValue[index] = Object.assign(Object.assign({}, inValue[index]), {
-      [name]: value
-    });
-    _onChange([...inValue]);
-  };
-  const onAdd = index => {
-    if (index === undefined) {
-      _onChange([...inValue, {}]);
-    } else {
-      inValue.splice(index + 1, 0, {});
-      _onChange([...inValue]);
+    const [_value, setValue] = useState(value || defaultValue);
+    useEffect(() => {
+        setValue(value);
+    }, [value]);
+    const _onChange = useCallback((value) => {
+        if (onChange) {
+            onChange(value);
+        }
+        else {
+            setValue(value);
+        }
+    }, []);
+    let inValue = _value || [];
+    if (require && inValue.length === 0) {
+        inValue = [{}];
     }
-  };
-  const onDelete = i => {
-    inValue.splice(i, 1);
-    _onChange([...inValue]);
-  };
-  if (mode === 'list') {
-    return React.createElement("div", {
-      className: "tntd-array-input"
-    }, inValue.map((item, index) => {
-      let fields = children(item, index);
-      if (!_isArray(fields)) {
-        fields = _get(fields, 'props.children', []);
-      }
-      return React.createElement(Row, {
-        gutter: gutter,
-        key: index,
-        className: "tntd-array-input-item"
-      }, fields.map((field, i) => {
-        if (!isValidElement(field)) {
-          return field ? React.createElement(Col, {
-            span: 4,
-            key: i
-          }, field) : '';
+    const changeValue = (index, name, value) => {
+        inValue[index] = Object.assign(Object.assign({}, inValue[index]), { [name]: value });
+        _onChange([...inValue]);
+    };
+    const onAdd = (index) => {
+        if (index === undefined) {
+            _onChange([...inValue, {}]);
         }
-        const _a = field === null || field === void 0 ? void 0 : field.props,
-          {
-            name,
-            span = 4,
-            onChange: fieldChange
-          } = _a,
-          other = __rest(_a, ["name", "span", "onChange"]);
-        return React.createElement(Col, {
-          span: span,
-          key: i
-        }, React.cloneElement(field, Object.assign({
-          value: item[name] || undefined,
-          onChange: e => {
-            fieldChange && fieldChange(e, index, changeValue);
-            const newValue = e.target ? e.target.value : e;
-            changeValue(index, name, newValue);
-          }
-        }, other)));
-      }), React.createElement(Col, {
-        span: 24 - _sum(fields.map(f => _get(f, 'props.span', 4))) % 24
-      }, React.createElement("span", {
-        className: "tntd-array-input-action"
-      }, plusTip ? React.createElement(Tooltip, {
-        title: plusTip,
-        placement: "left"
-      }, React.createElement("span", {
-        className: "mr10",
-        onClick: () => onAdd(index)
-      }, plusIcon)) : React.createElement("span", {
-        className: "mr10",
-        onClick: () => onAdd(index)
-      }, plusIcon), deleteTip ? React.createElement(Tooltip, {
-        title: deleteTip,
-        placement: "right"
-      }, React.createElement("span", {
-        onClick: () => onDelete(index)
-      }, deleteIcon)) : React.createElement("span", {
-        onClick: () => onDelete(index)
-      }, deleteIcon))));
-    }), inValue.length === 0 && React.createElement("a", {
-      onClick: () => onAdd()
-    }, addText));
-  } else {
-    let fields = children({}, 0);
-    if (!_isArray(fields)) {
-      fields = _get(fields, 'props.children', []);
+        else {
+            inValue.splice(index + 1, 0, {});
+            _onChange([...inValue]);
+        }
+    };
+    const onDelete = (i) => {
+        inValue.splice(i, 1);
+        _onChange([...inValue]);
+    };
+    if (mode === 'list') {
+        return (React.createElement("div", { className: "tntd-array-input" },
+            inValue.map((item, index) => {
+                let fields = children(item, index);
+                if (!isArray(fields)) {
+                    fields = get(fields, 'props.children', []);
+                }
+                return (React.createElement(Row, { gutter: gutter, key: index, className: "tntd-array-input-item" },
+                    fields.map((field, i) => {
+                        if (!isValidElement(field)) {
+                            return field ? (React.createElement(Col, { span: 4, key: i }, field)) : ('');
+                        }
+                        const _a = field === null || field === void 0 ? void 0 : field.props, { name, span = 4, onChange: fieldChange } = _a, other = __rest(_a, ["name", "span", "onChange"]);
+                        return (React.createElement(Col, { span: span, key: i }, React.cloneElement(field, Object.assign({ value: item[name] || undefined, onChange: (e) => {
+                                fieldChange && fieldChange(e, index, changeValue);
+                                const newValue = e.target ? e.target.value : e;
+                                changeValue(index, name, newValue);
+                            } }, other))));
+                    }),
+                    React.createElement(Col, { span: 24 - (sum(fields.map((f) => get(f, 'props.span', 4))) % 24) },
+                        React.createElement("span", { className: "tntd-array-input-action" },
+                            plusTip ? (React.createElement(Tooltip, { title: plusTip, placement: "left" },
+                                React.createElement("span", { className: "mr10", onClick: () => onAdd(index) }, plusIcon))) : (React.createElement("span", { className: "mr10", onClick: () => onAdd(index) }, plusIcon)),
+                            deleteTip ? (React.createElement(Tooltip, { title: deleteTip, placement: "right" },
+                                React.createElement("span", { onClick: () => onDelete(index) }, deleteIcon))) : (React.createElement("span", { onClick: () => onDelete(index) }, deleteIcon))))));
+            }),
+            inValue.length === 0 && React.createElement("a", { onClick: () => onAdd() }, addText)));
     }
-    const dataSource = inValue.map((value, index) => {
-      const fields = children(value, index);
-      const back = {};
-      fields.forEach(field => {
-        var _a;
-        const name = (_a = field === null || field === void 0 ? void 0 : field.props) === null || _a === void 0 ? void 0 : _a.name;
-        name && _set(back, name, field);
-      });
-      return back;
-    });
-    return React.createElement("div", {
-      className: "tntd-array-input"
-    }, React.createElement(Table, {
-      dataSource: dataSource,
-      pagination: false,
-      locale: {
-        emptyText: React.createElement("a", {
-          onClick: () => onAdd()
-        }, addText)
-      }
-    }, fields.map(field => {
-      const {
-        name,
-        span,
-        title
-      } = (field === null || field === void 0 ? void 0 : field.props) || {};
-      return React.createElement(Column, {
-        key: name,
-        dataIndex: name,
-        title: title,
-        width: getWidth(span || 24 / (fields.length + 1)),
-        render: (field, row, index) => {
-          if (!isValidElement(field)) {
-            return field;
-          }
-          const {
-            onChange: fieldChange
-          } = field.props;
-          return React.cloneElement(field, {
-            value: inValue[index][name] || undefined,
-            onChange: e => {
-              fieldChange && fieldChange(e, index, changeValue);
-              const newValue = e.target ? e.target.value : e;
-              changeValue(index, name, newValue);
-            }
-          });
+    else {
+        let fields = children({}, 0);
+        if (!isArray(fields)) {
+            fields = get(fields, 'props.children', []);
         }
-      });
-    }), React.createElement(Column, {
-      key: "action",
-      dataIndex: "action",
-      title: "\u64CD\u4F5C",
-      width: getWidth(24 - _sumBy(fields, 'props.span') % 24),
-      render: (text, row, index) => {
-        return React.createElement("span", {
-          className: "tntd-array-input-action"
-        }, plusTip ? React.createElement(Tooltip, {
-          title: plusTip,
-          placement: "left"
-        }, React.createElement("span", {
-          className: "mr10",
-          onClick: () => onAdd(index)
-        }, plusIcon)) : React.createElement("span", {
-          className: "mr10",
-          onClick: () => onAdd(index)
-        }, plusIcon), deleteTip ? React.createElement(Tooltip, {
-          title: deleteTip,
-          placement: "right"
-        }, React.createElement("span", {
-          onClick: () => onDelete(index)
-        }, deleteIcon)) : React.createElement("span", {
-          onClick: () => onDelete(index)
-        }, deleteIcon));
-      }
-    })));
-  }
-}
+        const dataSource = inValue.map((value, index) => {
+            const fields = children(value, index);
+            const back = {};
+            fields.forEach((field) => {
+                var _a;
+                const name = (_a = field === null || field === void 0 ? void 0 : field.props) === null || _a === void 0 ? void 0 : _a.name;
+                name && set(back, name, field);
+            });
+            return back;
+        });
+        return (React.createElement("div", { className: "tntd-array-input" },
+            React.createElement(Table, { dataSource: dataSource, pagination: false, locale: {
+                    emptyText: React.createElement("a", { onClick: () => onAdd() }, addText),
+                } },
+                fields.map((field) => {
+                    const { name, span, title } = (field === null || field === void 0 ? void 0 : field.props) || {};
+                    return (React.createElement(Column, { key: name, dataIndex: name, title: title, width: getWidth(span || 24 / (fields.length + 1)), render: (field, row, index) => {
+                            if (!isValidElement(field)) {
+                                return field;
+                            }
+                            const { onChange: fieldChange } = field.props;
+                            return React.cloneElement(field, {
+                                value: inValue[index][name] || undefined,
+                                onChange: (e) => {
+                                    fieldChange && fieldChange(e, index, changeValue);
+                                    const newValue = e.target ? e.target.value : e;
+                                    changeValue(index, name, newValue);
+                                },
+                            });
+                        } }));
+                }),
+                React.createElement(Column, { key: "action", dataIndex: "action", title: "\u64CD\u4F5C", width: getWidth(24 - (sumBy(fields, 'props.span') % 24)), render: (text, row, index) => {
+                        return (React.createElement("span", { className: "tntd-array-input-action" },
+                            plusTip ? (React.createElement(Tooltip, { title: plusTip, placement: "left" },
+                                React.createElement("span", { className: "mr10", onClick: () => onAdd(index) }, plusIcon))) : (React.createElement("span", { className: "mr10", onClick: () => onAdd(index) }, plusIcon)),
+                            deleteTip ? (React.createElement(Tooltip, { title: deleteTip, placement: "right" },
+                                React.createElement("span", { onClick: () => onDelete(index) }, deleteIcon))) : (React.createElement("span", { onClick: () => onDelete(index) }, deleteIcon))));
+                    } }))));
+    }
+}
+//# sourceMappingURL=index.js.map

package/es/auth-context/index.js

@@ -1,2 +1,3 @@
 import { createContext } from 'react';
-export default createContext(() => true);
+export default createContext(() => true);
+//# sourceMappingURL=index.js.map

package/es/auto-complete/index.js

@@ -1,4 +1,5 @@
 import AutoComplete from 'antd/es/auto-complete';
 import 'antd/es/auto-complete/style';
 export * from 'antd/es/auto-complete';
-export default AutoComplete;
+export default AutoComplete;
+//# sourceMappingURL=index.js.map

package/es/avatar/index.js

@@ -1,4 +1,5 @@
 import Avatar from 'antd/es/avatar';
 import 'antd/es/avatar/style';
 export * from 'antd/es/avatar';
-export default Avatar;
+export default Avatar;
+//# sourceMappingURL=index.js.map

package/es/back-top/index.js

@@ -1,4 +1,5 @@
 import BackTop from 'antd/es/back-top';
 import 'antd/es/back-top/style';
 export * from 'antd/es/back-top';
-export default BackTop;
+export default BackTop;
+//# sourceMappingURL=index.js.map

package/es/badge/index.js

@@ -1,4 +1,5 @@
 import Badge from 'antd/es/badge';
 import 'antd/es/badge/style';
 export * from 'antd/es/badge';
-export default Badge;
+export default Badge;
+//# sourceMappingURL=index.js.map

package/es/breadcrumb/index.js

@@ -1,4 +1,5 @@
 import Breadcrumb from 'antd/es/breadcrumb';
 import 'antd/es/breadcrumb/style';
 export * from 'antd/es/breadcrumb';
-export default Breadcrumb;
+export default Breadcrumb;
+//# sourceMappingURL=index.js.map

package/es/button/index.js

@@ -1,4 +1,5 @@
 import Button from 'antd/es/button';
 import 'antd/es/button/style';
 export * from 'antd/es/button';
-export default Button;
+export default Button;
+//# sourceMappingURL=index.js.map

package/es/calendar/index.js

@@ -1,4 +1,5 @@
 import Calendar from 'antd/es/calendar';
 import 'antd/es/calendar/style';
 export * from 'antd/es/calendar';
-export default Calendar;
+export default Calendar;
+//# sourceMappingURL=index.js.map

package/es/card/index.js

@@ -1,4 +1,5 @@
 import Card from 'antd/es/card';
 import 'antd/es/card/style';
 export * from 'antd/es/card';
-export default Card;
+export default Card;
+//# sourceMappingURL=index.js.map

package/es/carousel/index.js

@@ -1,4 +1,5 @@
 import Carousel from 'antd/es/carousel';
 import 'antd/es/carousel/style';
 export * from 'antd/es/carousel';
-export default Carousel;
+export default Carousel;
+//# sourceMappingURL=index.js.map

package/es/cascader/index.js

@@ -1,4 +1,5 @@
 import Cascader from 'antd/es/cascader';
 import 'antd/es/cascader/style';
 export * from 'antd/es/cascader';
-export default Cascader;
+export default Cascader;
+//# sourceMappingURL=index.js.map

package/es/checkbox/index.js

@@ -1,4 +1,5 @@
 import Checkbox from 'antd/es/checkbox';
 import 'antd/es/checkbox/style';
 export * from 'antd/es/checkbox';
-export default Checkbox;
+export default Checkbox;
+//# sourceMappingURL=index.js.map

package/es/col/index.js

@@ -1,4 +1,5 @@
 import Col from 'antd/es/col';
 import 'antd/es/col/style';
 export * from 'antd/es/col';
-export default Col;
+export default Col;
+//# sourceMappingURL=index.js.map

package/es/collapse/index.js

@@ -10,4 +10,5 @@ import Collapse from 'antd/es/collapse';
 import 'antd/es/collapse/style';
 import './collapse.less';
 export * from 'antd/es/collapse';
-export default Collapse;
+export default Collapse;
+//# sourceMappingURL=index.js.map

package/es/color-picker/ColorPicker.js

@@ -0,0 +1,90 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, useCallback, useEffect, useMemo } from 'react';
+import { Popover, Icon } from 'antd';
+import { AlphaPicker, BlockPicker, ChromePicker, CirclePicker, CompactPicker, GithubPicker, HuePicker, MaterialPicker, PhotoshopPicker, SketchPicker, SliderPicker, SwatchesPicker, TwitterPicker, } from 'react-color';
+import cn from 'classnames';
+import { isObject, upperFirst, toLower } from 'lodash';
+import imgSrc from './tip.svg';
+const prefixCls = 'tnt-color-picker';
+const modeMap = {
+    AlphaPicker,
+    BlockPicker,
+    ChromePicker,
+    CirclePicker,
+    CompactPicker,
+    GithubPicker,
+    HuePicker,
+    MaterialPicker,
+    PhotoshopPicker,
+    SketchPicker,
+    SliderPicker,
+    SwatchesPicker,
+    TwitterPicker,
+};
+const propsFormatMap = {
+    SketchPicker: (_a) => {
+        var { colors } = _a, otherProps = __rest(_a, ["colors"]);
+        if (colors) {
+            return Object.assign({ presetColors: colors }, otherProps);
+        }
+        return otherProps;
+    },
+};
+export default function ColorPicker(_a) {
+    var { value: _value, onChange, visible: vs, allowClear, disabled, className, mode = 'sketch', style = {}, size, placeholder, placement = 'bottomLeft', locale } = _a, otherProps = __rest(_a, ["value", "onChange", "visible", "allowClear", "disabled", "className", "mode", "style", "size", "placeholder", "placement", "locale"]);
+    const [visible, setVisible] = useState(vs);
+    const [value, setValue] = useState(_value);
+    useEffect(() => {
+        setValue(_value);
+    }, [_value]);
+    const handleChange = useCallback((color) => {
+        let value;
+        if (isObject(color === null || color === void 0 ? void 0 : color.rgb)) {
+            value = `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`;
+        }
+        if (onChange) {
+            onChange(value);
+        }
+        else {
+            setValue(value);
+        }
+    }, [onChange]);
+    const domClick = useCallback(() => {
+        setVisible(true);
+    }, []);
+    const doClear = useCallback((e) => {
+        e.stopPropagation();
+        handleChange();
+    }, [handleChange]);
+    const [ModePicker, propsFormat] = useMemo(() => {
+        const modeKey = upperFirst(toLower(mode)) + 'Picker' || 'SketchPicker';
+        const ModePicker = modeMap[modeKey] || SketchPicker;
+        return [ModePicker, propsFormatMap[modeKey] || ((p) => p)];
+    }, [mode]);
+    return (React.createElement(Popover, { placement: placement, trigger: "click", visible: visible && !disabled, onVisibleChange: setVisible, content: React.createElement(ModePicker, Object.assign({}, propsFormat(otherProps), { color: value, onChangeComplete: handleChange })), overlayClassName: `${prefixCls}-pop` },
+        React.createElement("div", { className: cn(prefixCls, className, {
+                [`${prefixCls}-selected`]: !!value,
+                [`${prefixCls}-disabled`]: disabled,
+                [`${prefixCls}-active`]: visible && !disabled,
+                [`${prefixCls}-sm`]: size === 'small',
+                [`${prefixCls}-lg`]: size === 'large',
+            }), style: style, onClick: domClick },
+            React.createElement("div", { className: `${prefixCls}-inner` },
+                !!value ? (React.createElement("div", { className: `${prefixCls}-value` },
+                    React.createElement("div", { className: `${prefixCls}-value-bg`, style: { background: value } }))) : (React.createElement("div", { className: `${prefixCls}-placeholder` }, placeholder)),
+                React.createElement("span", { className: `${prefixCls}-img` },
+                    React.createElement("img", { src: imgSrc })),
+                allowClear && !!value && !disabled && (React.createElement("span", { className: `${prefixCls}-clear`, onClick: doClear },
+                    React.createElement(Icon, { type: "close-circle", theme: "filled" })))))));
+}
+//# sourceMappingURL=ColorPicker.js.map

package/es/color-picker/ColorPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../src/color-picker/ColorPicker.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react'\nimport { Popover, Icon } from 'antd'\nimport {\n  AlphaPicker,\n  BlockPicker,\n  ChromePicker,\n  CirclePicker,\n  CompactPicker,\n  GithubPicker,\n  HuePicker,\n  MaterialPicker,\n  PhotoshopPicker,\n  SketchPicker,\n  SliderPicker,\n  SwatchesPicker,\n  TwitterPicker,\n} from 'react-color'\nimport cn from 'classnames'\nimport { get, isObject, upperFirst, toLower } from 'lodash'\nimport imgSrc from './tip.svg'\n\nconst prefixCls = 'tnt-color-picker'\n\nconst modeMap = {\n  AlphaPicker,\n  BlockPicker,\n  ChromePicker,\n  CirclePicker,\n  CompactPicker,\n  GithubPicker,\n  HuePicker,\n  MaterialPicker,\n  PhotoshopPicker,\n  SketchPicker,\n  SliderPicker,\n  SwatchesPicker,\n  TwitterPicker,\n}\n\nconst propsFormatMap = {\n  SketchPicker: ({ colors, ...otherProps }) => {\n    if (colors) {\n      return {\n        presetColors: colors,\n        ...otherProps,\n      }\n    }\n    return otherProps\n  },\n}\n\nexport default function ColorPicker({\n  value: _value,\n  onChange,\n  visible: vs,\n  allowClear,\n  disabled,\n  className,\n  mode = 'sketch',\n  style = {},\n  size,\n  placeholder,\n  placement = 'bottomLeft',\n  locale,\n  ...otherProps\n}) {\n  const [visible, setVisible] = useState(vs)\n  const [value, setValue] = useState(_value)\n\n  useEffect(() => {\n    setValue(_value)\n  }, [_value])\n\n  const handleChange = useCallback(\n    (color) => {\n      let value\n      if (isObject(color?.rgb)) {\n        value = `rgba(${color.rgb.r},${color.rgb.g},${color.rgb.b},${color.rgb.a})`\n      }\n      if (onChange) {\n        onChange(value)\n      } else {\n        setValue(value)\n      }\n    },\n    [onChange]\n  )\n\n  const domClick = useCallback(() => {\n    setVisible(true)\n  }, [])\n\n  const doClear = useCallback(\n    (e) => {\n      e.stopPropagation()\n      handleChange()\n    },\n    [handleChange]\n  )\n\n  const [ModePicker, propsFormat] = useMemo(() => {\n    const modeKey = upperFirst(toLower(mode)) + 'Picker' || 'SketchPicker'\n    const ModePicker = modeMap[modeKey] || SketchPicker\n    return [ModePicker, propsFormatMap[modeKey] || ((p) => p)]\n  }, [mode])\n\n  return (\n    <Popover\n      placement={placement}\n      trigger=\"click\"\n      visible={visible && !disabled}\n      onVisibleChange={setVisible}\n      content={\n        <ModePicker {...propsFormat(otherProps)} color={value} onChangeComplete={handleChange} />\n      }\n      overlayClassName={`${prefixCls}-pop`}\n    >\n      <div\n        className={cn(prefixCls, className, {\n          [`${prefixCls}-selected`]: !!value,\n          [`${prefixCls}-disabled`]: disabled,\n          [`${prefixCls}-active`]: visible && !disabled,\n          [`${prefixCls}-sm`]: size === 'small',\n          [`${prefixCls}-lg`]: size === 'large',\n        })}\n        style={style}\n        onClick={domClick}\n      >\n        <div className={`${prefixCls}-inner`}>\n          {!!value ? (\n            <div className={`${prefixCls}-value`}>\n              <div className={`${prefixCls}-value-bg`} style={{ background: value }}></div>\n            </div>\n          ) : (\n            <div className={`${prefixCls}-placeholder`}>{placeholder}</div>\n          )}\n          <span className={`${prefixCls}-img`}>\n            <img src={imgSrc} />\n          </span>\n          {allowClear && !!value && !disabled && (\n            <span className={`${prefixCls}-clear`} onClick={doClear}>\n              <Icon type=\"close-circle\" theme=\"filled\" />\n            </span>\n          )}\n        </div>\n      </div>\n    </Popover>\n  )\n}\n"]}

package/es/color-picker/index.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import 'classnames';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import ColorPicker from './ColorPicker';
+import './index.less';
+export default function (props) {
+    return (React.createElement(LocaleReceiver, { componentName: "ColorPicker" }, (locale) => {
+        return React.createElement(ColorPicker, Object.assign({ locale: locale }, props));
+    }));
+}
+//# sourceMappingURL=index.js.map