tntd 3.0.0-beta.1 → 3.0.0-beta.2

package/lib/col/index.js

@@ -1,24 +1,24 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+
+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/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];
     }
-    Object.defineProperty(o, k2, desc);
-}) : (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("./style");
-__exportStar(require("antd/es/col"), exports);
-exports.default = col_1.default;
-//# sourceMappingURL=index.js.map
+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/lib/col/index.js.map

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

package/lib/col/style/index.js

@@ -1,7 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
 require("../../style/index.less");
-// style dependencies
-// deps-lint-skip: grid
-require("../../grid/style");
-//# sourceMappingURL=index.js.map
+require("../../grid/style");

package/lib/collapse/index.d.ts

@@ -1,6 +1,6 @@
-import Collapse from 'antd/es/collapse';
+import Collapse from 'antd/lib/collapse';
 import './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,22 +1,27 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+
+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/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];
     }
-    Object.defineProperty(o, k2, desc);
-}) : (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 });
+  });
+});
+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
@@ -25,9 +30,4 @@ 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("./style");
-require("./collapse.less");
-__exportStar(require("antd/es/collapse"), exports);
-exports.default = collapse_1.default;
-//# sourceMappingURL=index.js.map
+var _default = exports["default"] = _collapse["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,mBAAgB;AAChB,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 './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,mBAAgB;AAChB,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 './style'\nimport './collapse.less'\nexport * from 'antd/lib/collapse'\n\nexport default Collapse\n"]}

package/lib/collapse/style/index.js

@@ -1,5 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
 require("../../style/index.less");
-require("./index.less");
-//# sourceMappingURL=index.js.map
+require("./index.less");

package/lib/collapse/style/index.less

@@ -37,7 +37,8 @@
         top: 50%;
         left: @padding-md;
         display: inline-block;
-        font-size: @font-size-sm;
+        // font-size: @font-size-sm;
+        font-size: 16px;
         transform: translateY(-50%);
 
         & svg {

package/lib/color-picker/ColorPicker.js

@@ -1,120 +1,160 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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(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 __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;
-};
-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;
+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(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(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(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(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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
 };
-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 = 'tntd-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, simple } = _a, otherProps = __rest(_a, ["value", "onChange", "visible", "allowClear", "disabled", "className", "mode", "style", "size", "placeholder", "placement", "locale", "simple"]);
-    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}-simple`]: simple,
-                [`${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 _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"]);
+  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, _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["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/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/columns/index.js

@@ -1,46 +1,82 @@
 "use strict";
-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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const __1 = require("../");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Item = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../");
 require("./index.less");
-const clsPrefix = 'tnt-columns';
-const Item = (props) => {
-    const { children, span, extra, title, tabList, defaultActiveTabKey, activeTabKey, tabType, onTabChange, } = props;
-    const realActiveKey = activeTabKey || defaultActiveTabKey;
-    return (react_1.default.createElement(__1.Col, { className: `${clsPrefix}-col`, span: span < 4 ? 4 : span },
-        react_1.default.createElement("div", null,
-            (!tabList || tabList.length < 0) && (react_1.default.createElement("div", { className: `${clsPrefix}-col-header` },
-                react_1.default.createElement("div", { className: "title-left" }, title),
-                extra && react_1.default.createElement("div", { className: "title-extra" }, extra))),
-            (tabList === null || tabList === void 0 ? void 0 : tabList.length) > 0 && (react_1.default.createElement("div", { className: `${clsPrefix}-col-tabs`, tabType: tabType, tabList: tabList }, tabList.map(({ tab, key }) => (react_1.default.createElement("span", { className: (0, classnames_1.default)('tab-item', {
-                    'active-tab': realActiveKey === key,
-                }), style: {
-                    width: tabList && tabType === 'default' ? 'auto' : `${100 / tabList.length}%`,
-                }, key: key, onClick: () => onTabChange(key) }, tab))))),
-            react_1.default.createElement("div", { className: `${clsPrefix}-col-body` }, children))));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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 clsPrefix = 'tnt-columns';
+var Item = exports.Item = function Item(props) {
+  var children = props.children,
+    span = props.span,
+    extra = props.extra,
+    title = props.title,
+    tabList = props.tabList,
+    defaultActiveTabKey = props.defaultActiveTabKey,
+    activeTabKey = props.activeTabKey,
+    tabType = props.tabType,
+    onTabChange = props.onTabChange;
+  var realActiveKey = activeTabKey || defaultActiveTabKey;
+  return _react["default"].createElement(_.Col, {
+    className: "".concat(clsPrefix, "-col"),
+    span: span < 4 ? 4 : span
+  }, _react["default"].createElement("div", null, (!tabList || tabList.length < 0) && _react["default"].createElement("div", {
+    className: "".concat(clsPrefix, "-col-header")
+  }, _react["default"].createElement("div", {
+    className: "title-left"
+  }, title), extra && _react["default"].createElement("div", {
+    className: "title-extra"
+  }, extra)), (tabList === null || tabList === void 0 ? void 0 : tabList.length) > 0 && _react["default"].createElement("div", {
+    className: "".concat(clsPrefix, "-col-tabs"),
+    tabType: tabType,
+    tabList: tabList
+  }, tabList.map(function (_ref) {
+    var tab = _ref.tab,
+      key = _ref.key;
+    return _react["default"].createElement("span", {
+      className: (0, _classnames["default"])('tab-item', {
+        'active-tab': realActiveKey === key
+      }),
+      style: {
+        width: tabList && tabType === 'default' ? 'auto' : "".concat(100 / tabList.length, "%")
+      },
+      key: key,
+      onClick: function onClick() {
+        return onTabChange(key);
+      }
+    }, tab);
+  })), _react["default"].createElement("div", {
+    className: "".concat(clsPrefix, "-col-body")
+  }, children)));
 };
-exports.Item = Item;
-const Columns = (props) => {
-    const { children, height, gutter = 0, style } = props, rest = __rest(props, ["children", "height", "gutter", "style"]);
-    const rowStyle = Object.assign(Object.assign({}, style), { height: props.height ? `${props.height}px` : 'calc(100vh)' });
-    return (react_1.default.createElement(__1.Row, Object.assign({ className: (0, classnames_1.default)(clsPrefix, { gutter }), style: rowStyle }, rest), children));
+var Columns = function Columns(props) {
+  var children = props.children,
+    height = props.height,
+    _props$gutter = props.gutter,
+    gutter = _props$gutter === void 0 ? 0 : _props$gutter,
+    style = props.style,
+    rest = __rest(props, ["children", "height", "gutter", "style"]);
+  var rowStyle = Object.assign(Object.assign({}, style), {
+    height: props.height ? "".concat(props.height, "px") : 'calc(100vh)'
+  });
+  return _react["default"].createElement(_.Row, Object.assign({
+    className: (0, _classnames["default"])(clsPrefix, {
+      gutter: gutter
+    }),
+    style: rowStyle
+  }, rest), children);
 };
-Columns.Item = exports.Item;
-exports.default = Columns;
-//# sourceMappingURL=index.js.map
+Columns.Item = Item;
+var _default = exports["default"] = Columns;

package/lib/columns/style/index.js

@@ -1,2 +1 @@
-"use strict";
-//# sourceMappingURL=index.js.map
+"use strict";