tntd 2.8.28 → 2.8.30

package/es/checkbox/checkbox.js

@@ -1,4 +1,32 @@
-var __rest = this && this.__rest || function (s, e) {
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _checkbox = _interopRequireWildcard(require("antd/es/checkbox"));
+Object.keys(_checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _checkbox[key];
+    }
+  });
+});
+var _configProvider = require("antd/es/config-provider");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _connect = require("../connect");
+var _previewText = require("../preview-text");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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++) {
@@ -6,43 +34,32 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import AntdCheckbox from 'antd/es/checkbox';
-import { ConfigConsumer } from 'antd/es/config-provider';
-import classNames from 'classnames';
-import React, { forwardRef } from 'react';
-import { connectReadonlyComponent } from '../connect';
-import { PreviewText } from '../preview-text';
-export * from 'antd/es/checkbox';
-const tntPrefixCls = 'tnt-checkbox';
-const Checkbox = forwardRef((_a, ref) => {
-  var {
-      className,
-      children,
-      desc
-    } = _a,
+var tntPrefixCls = 'tnt-checkbox';
+var Checkbox = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    desc = _a.desc,
     rest = __rest(_a, ["className", "children", "desc"]);
-  return React.createElement(ConfigConsumer, null, () => {
-    return React.createElement(AntdCheckbox, Object.assign({}, rest, {
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_checkbox["default"], Object.assign({}, rest, {
       ref: ref,
-      className: classNames(className, tntPrefixCls)
-    }), children ? React.createElement("span", {
-      className: `${tntPrefixCls}-children`
-    }, React.createElement("span", null, children), !!desc && React.createElement("span", {
-      className: `${tntPrefixCls}-desc`
+      className: (0, _classnames["default"])(className, tntPrefixCls)
+    }), children ? _react["default"].createElement("span", {
+      className: "".concat(tntPrefixCls, "-children")
+    }, _react["default"].createElement("span", null, children), !!desc && _react["default"].createElement("span", {
+      className: "".concat(tntPrefixCls, "-desc")
     }, desc)) : undefined);
   });
 });
-const CheckboxGroup = forwardRef((_a, ref) => {
-  var {
-      className
-    } = _a,
+var CheckboxGroup = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
     rest = __rest(_a, ["className"]);
-  return React.createElement(ConfigConsumer, null, () => {
-    return React.createElement(AntdCheckbox.Group, Object.assign({}, rest, {
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function () {
+    return _react["default"].createElement(_checkbox["default"].Group, Object.assign({}, rest, {
       ref: ref,
-      className: classNames(className, `${tntPrefixCls}-group`)
+      className: (0, _classnames["default"])(className, "".concat(tntPrefixCls, "-group"))
     }));
   });
 });
-Checkbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select);
-export default Checkbox;
+Checkbox.Group = (0, _connect.connectReadonlyComponent)(CheckboxGroup, _previewText.PreviewText.Select);
+var _default = exports["default"] = Checkbox;

package/es/checkbox/checkbox.less

@@ -0,0 +1,69 @@
+@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox';
+@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
+
+.tnt-checkbox,
+.tnt-checkbox-group {
+  .@{checkbox-prefix-cls}-indeterminate {
+    .@{checkbox-inner-prefix-cls} {
+      background-color: @checkbox-color;
+      border-color: @checkbox-color;
+    }
+    .@{checkbox-inner-prefix-cls}::after {
+      @indeterminate-width: calc(@checkbox-size - 8px);
+      @indeterminate-height: 1.4px;
+
+      width: @indeterminate-width;
+      height: @indeterminate-height;
+      background-color: @component-background;
+      border-radius: 2px;
+      transition: none;
+    }
+
+    &.@{checkbox-prefix-cls}-disabled {
+      .@{checkbox-inner-prefix-cls} {
+        background: @checkbox-check-disabled-color;
+        border-color: @checkbox-check-disabled-color !important;
+
+        &::after {
+          background-color: #fff;
+        }
+      }
+    }
+  }
+
+  .@{checkbox-prefix-cls}-checked {
+    &.@{checkbox-prefix-cls}-disabled {
+      .@{checkbox-inner-prefix-cls} {
+        background: @checkbox-check-disabled-color;
+        border-color: @checkbox-check-disabled-color !important;
+        &::after {
+          border-color: #fff;
+        }
+      }
+    }
+
+    .@{checkbox-inner-prefix-cls}::after {
+      width: 16px;
+      height: 16px;
+      border-width: 0;
+      background-image: url(./check.png);
+      background-size: contain;
+      transform: translate(-25%, -50%);
+      transition: none;
+    }
+  }
+}
+
+.tnt-checkbox {
+  & > span:nth-of-type(2) {
+    display: inline-block;
+  }
+  &-children {
+    display: flex;
+    flex-direction: column;
+  }
+  &-desc {
+    font-size: @font-size-sm;
+    color: @bg-color-spotilight-tint-50;
+  }
+}

package/es/checkbox/index.js

@@ -1,9 +1,40 @@
-import Checkbox from 'antd/es/checkbox';
-import CheckboxGroup from './checkbox-group';
-import './style';
-export * from 'antd/es/checkbox';
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _checkbox = _interopRequireWildcard(require("antd/es/checkbox"));
+Object.keys(_checkbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _checkbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _checkbox[key];
+    }
+  });
+});
+var _checkboxGroup = _interopRequireWildcard(require("./checkbox-group"));
+Object.keys(_checkboxGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _checkboxGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _checkboxGroup[key];
+    }
+  });
+});
+require("./style");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 // @ts-ignore
-export * from './checkbox-group';
+
 // @ts-ignore
-Checkbox.Group = CheckboxGroup;
-export default Checkbox;
+_checkbox["default"].Group = _checkboxGroup["default"];
+var _default = exports["default"] = _checkbox["default"];

package/es/checkbox/style/index.js

@@ -1,2 +1,4 @@
-import '../../style/index.less';
-import './index.less';
+"use strict";
+
+require("../../style/index.less");
+require("./index.less");

package/es/col/index.js

@@ -1,4 +1,24 @@
-import Col from 'antd/es/col';
-import './style';
-export * from 'antd/es/col';
-export default Col;
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _col = _interopRequireWildcard(require("antd/es/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("./style");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = _col["default"];

package/es/col/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/index.less';
-// style dependencies
-// deps-lint-skip: grid
-import '../../grid/style';
+"use strict";
+
+require("../../style/index.less");
+require("../../grid/style");

package/es/collapse/index.js

@@ -1,3 +1,27 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _collapse = _interopRequireWildcard(require("antd/es/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("./style");
+require("./collapse.less");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 /*
  * @Author: 周泽飞 zefei.zhou@tongdun.net
  * @Date: 2023-02-06 10:52:41
@@ -6,8 +30,4 @@
  * @FilePath: /tntd/packages/tntd/src/collapse/index.ts
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-import Collapse from 'antd/es/collapse';
-import './style';
-import './collapse.less';
-export * from 'antd/es/collapse';
-export default Collapse;
+var _default = exports["default"] = _collapse["default"];

package/es/collapse/style/index.js

@@ -1,2 +1,4 @@
-import '../../style/index.less';
-import './index.less';
+"use strict";
+
+require("../../style/index.less");
+require("./index.less");

package/es/color-picker/ColorPicker.js

@@ -1,7 +1,32 @@
-import _toLower from "lodash/toLower";
-import _upperFirst from "lodash/upperFirst";
-import _isObject from "lodash/isObject";
-var __rest = this && this.__rest || function (s, e) {
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ColorPicker;
+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 _popover = _interopRequireDefault(require("../popover"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _tip = _interopRequireDefault(require("./tip.svg"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : 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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+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++) {
@@ -9,33 +34,25 @@ var __rest = this && this.__rest || function (s, e) {
   }
   return t;
 };
-import React, { useState, useCallback, useEffect, useMemo } from 'react';
-import { AlphaPicker, BlockPicker, ChromePicker, CirclePicker, CompactPicker, GithubPicker, HuePicker, MaterialPicker, PhotoshopPicker, SketchPicker, SliderPicker, SwatchesPicker, TwitterPicker } from 'react-color';
-import cn from 'classnames';
-import Popover from '../popover';
-import Icon from '../icon';
-import imgSrc from './tip.svg';
-const prefixCls = 'tntd-color-picker';
-const modeMap = {
-  AlphaPicker,
-  BlockPicker,
-  ChromePicker,
-  CirclePicker,
-  CompactPicker,
-  GithubPicker,
-  HuePicker,
-  MaterialPicker,
-  PhotoshopPicker,
-  SketchPicker,
-  SliderPicker,
-  SwatchesPicker,
-  TwitterPicker
+var prefixCls = 'tntd-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
 };
-const propsFormatMap = {
-  SketchPicker: _a => {
-    var {
-        colors
-      } = _a,
+var propsFormatMap = {
+  SketchPicker: function SketchPicker(_a) {
+    var colors = _a.colors,
       otherProps = __rest(_a, ["colors"]);
     if (colors) {
       return Object.assign({
@@ -45,32 +62,39 @@ const propsFormatMap = {
     return otherProps;
   }
 };
-export default function ColorPicker(_a) {
-  var {
-      value: _value,
-      onChange,
-      visible: vs,
-      allowClear,
-      disabled,
-      className,
-      mode = 'sketch',
-      style = {},
-      size,
-      placeholder,
-      placement = 'bottomLeft',
-      locale,
-      simple
-    } = _a,
+function ColorPicker(_a) {
+  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,
+    simple = _a.simple,
     otherProps = __rest(_a, ["value", "onChange", "visible", "allowClear", "disabled", "className", "mode", "style", "size", "placeholder", "placement", "locale", "simple"]);
-  const [visible, setVisible] = useState(vs);
-  const [value, setValue] = useState(_value);
-  useEffect(() => {
+  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]);
-  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})`;
+  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);
@@ -78,58 +102,56 @@ export default function ColorPicker(_a) {
       setValue(value);
     }
   }, [onChange]);
-  const domClick = useCallback(() => {
+  var domClick = (0, _react.useCallback)(function () {
     setVisible(true);
   }, []);
-  const doClear = useCallback(e => {
+  var doClear = (0, _react.useCallback)(function (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, {
+  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.createElement(ModePicker, Object.assign({}, propsFormat(otherProps), {
+    content: _react["default"].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}-simple`]: simple,
-      [`${prefixCls}-sm`]: size === 'small',
-      [`${prefixCls}-lg`]: size === 'large'
-    }),
+    overlayClassName: "".concat(prefixCls, "-pop")
+  }, _react["default"].createElement("div", {
+    className: (0, _classnames["default"])(prefixCls, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-selected"), !!value), "".concat(prefixCls, "-disabled"), disabled), "".concat(prefixCls, "-active"), visible && !disabled), "".concat(prefixCls, "-simple"), simple), "".concat(prefixCls, "-sm"), size === 'small'), "".concat(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`,
+  }, _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.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`,
+  })) : _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.createElement(Icon, {
+  }, _react["default"].createElement(_icon["default"], {
     type: "close-circle",
     theme: "filled"
   })))));

package/es/color-picker/index.js

@@ -1,13 +1,20 @@
-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, {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+var _react = _interopRequireDefault(require("react"));
+require("classnames");
+var _LocaleReceiver = _interopRequireDefault(require("antd/es/locale-provider/LocaleReceiver"));
+var _ColorPicker = _interopRequireDefault(require("./ColorPicker"));
+require("./index.less");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _default(props) {
+  return _react["default"].createElement(_LocaleReceiver["default"], {
     componentName: "ColorPicker"
-  }, locale => {
-    return React.createElement(ColorPicker, Object.assign({
+  }, function (locale) {
+    return _react["default"].createElement(_ColorPicker["default"], Object.assign({
       locale: locale
     }, props));
   });