tntd 2.6.7 → 2.6.9

package/lib/col/index.d.ts

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

package/lib/col/index.js

@@ -1,20 +1,25 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const col_1 = __importDefault(require("antd/es/col"));
-require("antd/es/col/style");
-__exportStar(require("antd/es/col"), exports);
-exports.default = col_1.default;
-//# sourceMappingURL=index.js.map
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _col = _interopRequireWildcard(require("antd/lib/col"));
+Object.keys(_col).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _col[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _col[key];
+    }
+  });
+});
+require("antd/lib/col/style");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _default = _col["default"];
+exports["default"] = _default;

package/lib/col/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/col/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,sDAA6B;AAE7B,6BAA0B;AAE1B,8CAA2B;AAE3B,kBAAe,aAAG,CAAA","sourcesContent":["import Col from 'antd/es/col'\n\nimport 'antd/es/col/style'\n\nexport * from 'antd/es/col'\n\nexport default Col\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/col/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,sDAA6B;AAE7B,6BAA0B;AAE1B,8CAA2B;AAE3B,kBAAe,aAAG,CAAA","sourcesContent":["import Col from 'antd/lib/col'\n\nimport 'antd/lib/col/style'\n\nexport * from 'antd/lib/col'\n\nexport default Col\n"]}

package/lib/collapse/index.d.ts

@@ -1,6 +1,6 @@
-import Collapse from 'antd/es/collapse';
-import 'antd/es/collapse/style';
+import Collapse from 'antd/lib/collapse';
+import 'antd/lib/collapse/style';
 import './collapse.less';
-export * from 'antd/es/collapse';
+export * from 'antd/lib/collapse';
 export default Collapse;
 //# sourceMappingURL=index.d.ts.map

package/lib/collapse/index.js

@@ -1,18 +1,27 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _collapse = _interopRequireWildcard(require("antd/lib/collapse"));
+Object.keys(_collapse).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _collapse[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _collapse[key];
+    }
+  });
+});
+require("antd/lib/collapse/style");
+require("./collapse.less");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /*
  * @Author: 周泽飞 zefei.zhou@tongdun.net
  * @Date: 2023-02-06 10:52:41
@@ -21,9 +30,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * @FilePath: /tntd/packages/tntd/src/collapse/index.ts
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-const collapse_1 = __importDefault(require("antd/es/collapse"));
-require("antd/es/collapse/style");
-require("./collapse.less");
-__exportStar(require("antd/es/collapse"), exports);
-exports.default = collapse_1.default;
-//# sourceMappingURL=index.js.map
+var _default = _collapse["default"];
+exports["default"] = _default;

package/lib/collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collapse/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,gEAAuC;AAEvC,kCAA+B;AAC/B,2BAAwB;AACxB,mDAAgC;AAEhC,kBAAe,kBAAQ,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-02-06 10:52:41\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-02-08 15:38:40\n * @FilePath: /tntd/packages/tntd/src/collapse/index.ts\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport Collapse from 'antd/es/collapse'\n\nimport 'antd/es/collapse/style'\nimport './collapse.less'\nexport * from 'antd/es/collapse'\n\nexport default Collapse\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/collapse/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,gEAAuC;AAEvC,kCAA+B;AAC/B,2BAAwB;AACxB,mDAAgC;AAEhC,kBAAe,kBAAQ,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-02-06 10:52:41\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-02-08 15:38:40\n * @FilePath: /tntd/packages/tntd/src/collapse/index.ts\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport Collapse from 'antd/lib/collapse'\n\nimport 'antd/lib/collapse/style'\nimport './collapse.less'\nexport * from 'antd/lib/collapse'\n\nexport default Collapse\n"]}

package/lib/color-picker/ColorPicker.js

@@ -1,115 +1,162 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
+exports["default"] = ColorPicker;
+require("antd/lib/icon/style");
+var _icon = _interopRequireDefault(require("antd/lib/icon"));
+require("antd/lib/popover/style");
+var _popover = _interopRequireDefault(require("antd/lib/popover"));
+var _toLower2 = _interopRequireDefault(require("lodash/toLower"));
+var _upperFirst2 = _interopRequireDefault(require("lodash/upperFirst"));
+var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactColor = require("react-color");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _tip = _interopRequireDefault(require("./tip.svg"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": 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); }
+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; }
+var __rest = void 0 && (void 0).__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;
+var prefixCls = 'tnt-color-picker';
+var modeMap = {
+  AlphaPicker: _reactColor.AlphaPicker,
+  BlockPicker: _reactColor.BlockPicker,
+  ChromePicker: _reactColor.ChromePicker,
+  CirclePicker: _reactColor.CirclePicker,
+  CompactPicker: _reactColor.CompactPicker,
+  GithubPicker: _reactColor.GithubPicker,
+  HuePicker: _reactColor.HuePicker,
+  MaterialPicker: _reactColor.MaterialPicker,
+  PhotoshopPicker: _reactColor.PhotoshopPicker,
+  SketchPicker: _reactColor.SketchPicker,
+  SliderPicker: _reactColor.SliderPicker,
+  SwatchesPicker: _reactColor.SwatchesPicker,
+  TwitterPicker: _reactColor.TwitterPicker
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const antd_1 = require("antd");
-const react_color_1 = require("react-color");
-const classnames_1 = __importDefault(require("classnames"));
-const lodash_1 = require("lodash");
-const tip_svg_1 = __importDefault(require("./tip.svg"));
-const prefixCls = 'tnt-color-picker';
-const modeMap = {
-    AlphaPicker: react_color_1.AlphaPicker,
-    BlockPicker: react_color_1.BlockPicker,
-    ChromePicker: react_color_1.ChromePicker,
-    CirclePicker: react_color_1.CirclePicker,
-    CompactPicker: react_color_1.CompactPicker,
-    GithubPicker: react_color_1.GithubPicker,
-    HuePicker: react_color_1.HuePicker,
-    MaterialPicker: react_color_1.MaterialPicker,
-    PhotoshopPicker: react_color_1.PhotoshopPicker,
-    SketchPicker: react_color_1.SketchPicker,
-    SliderPicker: react_color_1.SliderPicker,
-    SwatchesPicker: react_color_1.SwatchesPicker,
-    TwitterPicker: react_color_1.TwitterPicker,
-};
-const propsFormatMap = {
-    SketchPicker: (_a) => {
-        var { colors } = _a, otherProps = __rest(_a, ["colors"]);
-        if (colors) {
-            return Object.assign({ presetColors: colors }, otherProps);
-        }
-        return otherProps;
-    },
+var propsFormatMap = {
+  SketchPicker: function SketchPicker(_a) {
+    var colors = _a.colors,
+      otherProps = __rest(_a, ["colors"]);
+    if (colors) {
+      return Object.assign({
+        presetColors: colors
+      }, otherProps);
+    }
+    return otherProps;
+  }
 };
 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] = (0, react_1.useState)(vs);
-    const [value, setValue] = (0, react_1.useState)(_value);
-    (0, react_1.useEffect)(() => {
-        setValue(_value);
-    }, [_value]);
-    const handleChange = (0, react_1.useCallback)((color) => {
-        let value;
-        if ((0, lodash_1.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 = (0, react_1.useCallback)(() => {
-        setVisible(true);
-    }, []);
-    const doClear = (0, react_1.useCallback)((e) => {
-        e.stopPropagation();
-        handleChange();
-    }, [handleChange]);
-    const [ModePicker, propsFormat] = (0, react_1.useMemo)(() => {
-        const modeKey = (0, lodash_1.upperFirst)((0, lodash_1.toLower)(mode)) + 'Picker' || 'SketchPicker';
-        const ModePicker = modeMap[modeKey] || react_color_1.SketchPicker;
-        return [ModePicker, propsFormatMap[modeKey] || ((p) => p)];
-    }, [mode]);
-    return (react_1.default.createElement(antd_1.Popover, { placement: placement, trigger: "click", visible: visible && !disabled, onVisibleChange: setVisible, content: react_1.default.createElement(ModePicker, Object.assign({}, propsFormat(otherProps), { color: value, onChangeComplete: handleChange })), overlayClassName: `${prefixCls}-pop` },
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(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_1.default.createElement("div", { className: `${prefixCls}-inner` },
-                !!value ? (react_1.default.createElement("div", { className: `${prefixCls}-value` },
-                    react_1.default.createElement("div", { className: `${prefixCls}-value-bg`, style: { background: value } }))) : (react_1.default.createElement("div", { className: `${prefixCls}-placeholder` }, placeholder)),
-                react_1.default.createElement("span", { className: `${prefixCls}-img` },
-                    react_1.default.createElement("img", { src: tip_svg_1.default })),
-                allowClear && !!value && !disabled && (react_1.default.createElement("span", { className: `${prefixCls}-clear`, onClick: doClear },
-                    react_1.default.createElement(antd_1.Icon, { type: "close-circle", theme: "filled" })))))));
-}
-exports.default = ColorPicker;
-//# sourceMappingURL=ColorPicker.js.map
+  var _cn;
+  var _value = _a.value,
+    onChange = _a.onChange,
+    vs = _a.visible,
+    allowClear = _a.allowClear,
+    disabled = _a.disabled,
+    className = _a.className,
+    _a$mode = _a.mode,
+    mode = _a$mode === void 0 ? 'sketch' : _a$mode,
+    _a$style = _a.style,
+    style = _a$style === void 0 ? {} : _a$style,
+    size = _a.size,
+    placeholder = _a.placeholder,
+    _a$placement = _a.placement,
+    placement = _a$placement === void 0 ? 'bottomLeft' : _a$placement,
+    locale = _a.locale,
+    otherProps = __rest(_a, ["value", "onChange", "visible", "allowClear", "disabled", "className", "mode", "style", "size", "placeholder", "placement", "locale"]);
+  var _useState = (0, _react.useState)(vs),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)(_value),
+    _useState4 = _slicedToArray(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
+  (0, _react.useEffect)(function () {
+    setValue(_value);
+  }, [_value]);
+  var handleChange = (0, _react.useCallback)(function (color) {
+    var value;
+    if ((0, _isObject2["default"])(color === null || color === void 0 ? void 0 : color.rgb)) {
+      value = "rgba(".concat(color.rgb.r, ",").concat(color.rgb.g, ",").concat(color.rgb.b, ",").concat(color.rgb.a, ")");
+    }
+    if (onChange) {
+      onChange(value);
+    } else {
+      setValue(value);
+    }
+  }, [onChange]);
+  var domClick = (0, _react.useCallback)(function () {
+    setVisible(true);
+  }, []);
+  var doClear = (0, _react.useCallback)(function (e) {
+    e.stopPropagation();
+    handleChange();
+  }, [handleChange]);
+  var _useMemo = (0, _react.useMemo)(function () {
+      var modeKey = (0, _upperFirst2["default"])((0, _toLower2["default"])(mode)) + 'Picker' || 'SketchPicker';
+      var ModePicker = modeMap[modeKey] || _reactColor.SketchPicker;
+      return [ModePicker, propsFormatMap[modeKey] || function (p) {
+        return p;
+      }];
+    }, [mode]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    ModePicker = _useMemo2[0],
+    propsFormat = _useMemo2[1];
+  return _react["default"].createElement(_popover["default"], {
+    placement: placement,
+    trigger: "click",
+    visible: visible && !disabled,
+    onVisibleChange: setVisible,
+    content: _react["default"].createElement(ModePicker, Object.assign({}, propsFormat(otherProps), {
+      color: value,
+      onChangeComplete: handleChange
+    })),
+    overlayClassName: "".concat(prefixCls, "-pop")
+  }, _react["default"].createElement("div", {
+    className: (0, _classnames["default"])(prefixCls, className, (_cn = {}, _defineProperty(_cn, "".concat(prefixCls, "-selected"), !!value), _defineProperty(_cn, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_cn, "".concat(prefixCls, "-active"), visible && !disabled), _defineProperty(_cn, "".concat(prefixCls, "-sm"), size === 'small'), _defineProperty(_cn, "".concat(prefixCls, "-lg"), size === 'large'), _cn)),
+    style: style,
+    onClick: domClick
+  }, _react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-inner")
+  }, !!value ? _react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-value")
+  }, _react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-value-bg"),
+    style: {
+      background: value
+    }
+  })) : _react["default"].createElement("div", {
+    className: "".concat(prefixCls, "-placeholder")
+  }, placeholder), _react["default"].createElement("span", {
+    className: "".concat(prefixCls, "-img")
+  }, _react["default"].createElement("img", {
+    src: _tip["default"]
+  })), allowClear && !!value && !disabled && _react["default"].createElement("span", {
+    className: "".concat(prefixCls, "-clear"),
+    onClick: doClear
+  }, _react["default"].createElement(_icon["default"], {
+    type: "close-circle",
+    theme: "filled"
+  })))));
+}

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

@@ -1 +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"]}
+{"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/lib/color-picker/index.js

@@ -1,17 +1,21 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+var _react = _interopRequireDefault(require("react"));
 require("classnames");
-const LocaleReceiver_1 = __importDefault(require("antd/es/locale-provider/LocaleReceiver"));
-const ColorPicker_1 = __importDefault(require("./ColorPicker"));
+var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
+var _ColorPicker = _interopRequireDefault(require("./ColorPicker"));
 require("./index.less");
-function default_1(props) {
-    return (react_1.default.createElement(LocaleReceiver_1.default, { componentName: "ColorPicker" }, (locale) => {
-        return react_1.default.createElement(ColorPicker_1.default, Object.assign({ locale: locale }, props));
-    }));
-}
-exports.default = default_1;
-//# sourceMappingURL=index.js.map
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _default(props) {
+  return _react["default"].createElement(_LocaleReceiver["default"], {
+    componentName: "ColorPicker"
+  }, function (locale) {
+    return _react["default"].createElement(_ColorPicker["default"], Object.assign({
+      locale: locale
+    }, props));
+  });
+}

package/lib/color-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/color-picker/index.js"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,sBAA2B;AAC3B,4FAAmE;AACnE,gEAAuC;AACvC,wBAAqB;AAErB,mBAAyB,KAAK;IAC5B,OAAO,CACL,8BAAC,wBAAc,IAAC,aAAa,EAAC,aAAa,IACxC,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,8BAAC,qBAAW,kBAAC,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CAAA;IACnD,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AARD,4BAQC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport ColorPicker from './ColorPicker'\nimport './index.less'\n\nexport default function (props) {\n  return (\n    <LocaleReceiver componentName=\"ColorPicker\">\n      {(locale) => {\n        return <ColorPicker locale={locale} {...props} />\n      }}\n    </LocaleReceiver>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/color-picker/index.js"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,sBAA2B;AAC3B,4FAAmE;AACnE,gEAAuC;AACvC,wBAAqB;AAErB,mBAAyB,KAAK;IAC5B,OAAO,CACL,8BAAC,wBAAc,IAAC,aAAa,EAAC,aAAa,IACxC,CAAC,MAAM,EAAE,EAAE;QACV,OAAO,8BAAC,qBAAW,kBAAC,MAAM,EAAE,MAAM,IAAM,KAAK,EAAI,CAAA;IACnD,CAAC,CACc,CAClB,CAAA;AACH,CAAC;AARD,4BAQC","sourcesContent":["import React from 'react'\nimport cn from 'classnames'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport ColorPicker from './ColorPicker'\nimport './index.less'\n\nexport default function (props) {\n  return (\n    <LocaleReceiver componentName=\"ColorPicker\">\n      {(locale) => {\n        return <ColorPicker locale={locale} {...props} />\n      }}\n    </LocaleReceiver>\n  )\n}\n"]}

package/lib/color-picker/index.less

@@ -41,6 +41,7 @@
   box-sizing: border-box;
   display: inline-block;
   border: @border-width-base @border-style-base @select-border-color;
+  background: @component-background;
   border-radius: @border-radius-base;
   cursor: pointer;
   position: relative;
@@ -96,6 +97,9 @@
   &-disabled {
     background: @input-disabled-bg;
     cursor: not-allowed;
+    &:hover {
+      border-color:  @border-width-base;
+    }
     .@{prefixCls}-img {
       background: #e9edf3;
     }