tntd 2.1.1 → 2.1.2

package/lib/checkbox/index.js

@@ -1,25 +1,24 @@
 "use strict";
-
-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 _checkbox = _interopRequireWildcard(require("antd/lib/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 __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]; } };
     }
-  });
-});
-require("antd/lib/checkbox/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 = _checkbox["default"];
-exports["default"] = _default;
+    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 checkbox_1 = __importDefault(require("antd/es/checkbox"));
+require("antd/es/checkbox/style");
+__exportStar(require("antd/es/checkbox"), exports);
+exports.default = checkbox_1.default;
+//# sourceMappingURL=index.js.map

package/lib/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,gEAAuC;AAEvC,kCAA+B;AAE/B,mDAAgC;AAEhC,kBAAe,kBAAQ,CAAA","sourcesContent":["import Checkbox from 'antd/lib/checkbox'\n\nimport 'antd/lib/checkbox/style'\n\nexport * from 'antd/lib/checkbox'\n\nexport default Checkbox\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,gEAAuC;AAEvC,kCAA+B;AAE/B,mDAAgC;AAEhC,kBAAe,kBAAQ,CAAA","sourcesContent":["import Checkbox from 'antd/es/checkbox'\n\nimport 'antd/es/checkbox/style'\n\nexport * from 'antd/es/checkbox'\n\nexport default Checkbox\n"]}

package/lib/col/index.d.ts

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

package/lib/col/index.js

@@ -1,25 +1,24 @@
 "use strict";
-
-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];
+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]; } };
     }
-  });
-});
-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;
+    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("antd/es/col/style");
+__exportStar(require("antd/es/col"), exports);
+exports.default = col_1.default;
+//# sourceMappingURL=index.js.map

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/lib/col'\n\nimport 'antd/lib/col/style'\n\nexport * from 'antd/lib/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/es/col'\n\nimport 'antd/es/col/style'\n\nexport * from 'antd/es/col'\n\nexport default Col\n"]}

package/lib/collapse/index.d.ts

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

package/lib/collapse/index.js

@@ -1,27 +1,22 @@
 "use strict";
-
-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];
+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]; } };
     }
-  });
-});
-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; }
+    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 });
 /*
  * @Author: 周泽飞 zefei.zhou@tongdun.net
  * @Date: 2023-02-06 10:52:41
@@ -30,5 +25,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @FilePath: /tntd/packages/tntd/src/collapse/index.ts
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
-var _default = _collapse["default"];
-exports["default"] = _default;
+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

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/lib/collapse'\n\nimport 'antd/lib/collapse/style'\nimport './collapse.less'\nexport * from 'antd/lib/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/es/collapse'\n\nimport 'antd/es/collapse/style'\nimport './collapse.less'\nexport * from 'antd/es/collapse'\n\nexport default Collapse\n"]}

package/lib/color-picker/ColorPicker.d.ts

@@ -0,0 +1,16 @@
+export default function ColorPicker({ value: _value, onChange, visible: vs, allowClear, disabled, className, mode, style, size, placeholder, placement, locale, ...otherProps }: {
+    [x: string]: any;
+    value: any;
+    onChange: any;
+    visible: any;
+    allowClear: any;
+    disabled: any;
+    className: any;
+    mode?: string | undefined;
+    style?: {} | undefined;
+    size: any;
+    placeholder: any;
+    placement?: string | undefined;
+    locale: any;
+}): JSX.Element;
+//# sourceMappingURL=ColorPicker.d.ts.map

package/lib/color-picker/ColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/color-picker/ColorPicker.js"],"names":[],"mappings":"AAmDA;;;;;;;;;;;;;;gBAiGC"}

package/lib/color-picker/ColorPicker.js

@@ -0,0 +1,119 @@
+"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;
+});
+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;
+};
+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;
+    },
+};
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../src/color-picker/ColorPicker.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AACxE,+BAAoC;AACpC,6CAcoB;AACpB,4DAA2B;AAC3B,mCAA2D;AAC3D,wDAA8B;AAE9B,MAAM,SAAS,GAAG,kBAAkB,CAAA;AAEpC,MAAM,OAAO,GAAG;IACd,WAAW,EAAX,yBAAW;IACX,WAAW,EAAX,yBAAW;IACX,YAAY,EAAZ,0BAAY;IACZ,YAAY,EAAZ,0BAAY;IACZ,aAAa,EAAb,2BAAa;IACb,YAAY,EAAZ,0BAAY;IACZ,SAAS,EAAT,uBAAS;IACT,cAAc,EAAd,4BAAc;IACd,eAAe,EAAf,6BAAe;IACf,YAAY,EAAZ,0BAAY;IACZ,YAAY,EAAZ,0BAAY;IACZ,cAAc,EAAd,4BAAc;IACd,aAAa,EAAb,2BAAa;CACd,CAAA;AAED,MAAM,cAAc,GAAG;IACrB,YAAY,EAAE,CAAC,EAAyB,EAAE,EAAE;YAA7B,EAAE,MAAM,OAAiB,EAAZ,UAAU,cAAvB,UAAyB,CAAF;QACpC,IAAI,MAAM,EAAE;YACV,uBACE,YAAY,EAAE,MAAM,IACjB,UAAU,EACd;SACF;QACD,OAAO,UAAU,CAAA;IACnB,CAAC;CACF,CAAA;AAED,SAAwB,WAAW,CAAC,EAcnC;QAdmC,EAClC,KAAK,EAAE,MAAM,EACb,QAAQ,EACR,OAAO,EAAE,EAAE,EACX,UAAU,EACV,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,WAAW,EACX,SAAS,GAAG,YAAY,EACxB,MAAM,OAEP,EADI,UAAU,cAbqB,sIAcnC,CADc;IAEb,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,MAAM,CAAC,CAAA;IAE1C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,MAAM,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,KAAK,EAAE,EAAE;QACR,IAAI,KAAK,CAAA;QACT,IAAI,IAAA,iBAAQ,EAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,EAAE;YACxB,KAAK,GAAG,QAAQ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAA;SAC5E;QACD,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;aAAM;YACL,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAChC,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,CAAC,EAAE,EAAE;QACJ,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,YAAY,EAAE,CAAA;IAChB,CAAC,EACD,CAAC,YAAY,CAAC,CACf,CAAA;IAED,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC7C,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,IAAA,gBAAO,EAAC,IAAI,CAAC,CAAC,GAAG,QAAQ,IAAI,cAAc,CAAA;QACtE,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,0BAAY,CAAA;QACnD,OAAO,CAAC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;IAC5D,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,8BAAC,cAAO,IACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO,IAAI,CAAC,QAAQ,EAC7B,eAAe,EAAE,UAAU,EAC3B,OAAO,EACL,8BAAC,UAAU,oBAAK,WAAW,CAAC,UAAU,CAAC,IAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,IAAI,EAE3F,gBAAgB,EAAE,GAAG,SAAS,MAAM;QAEpC,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,SAAS,EAAE,SAAS,EAAE;gBAClC,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,CAAC,CAAC,KAAK;gBAClC,CAAC,GAAG,SAAS,WAAW,CAAC,EAAE,QAAQ;gBACnC,CAAC,GAAG,SAAS,SAAS,CAAC,EAAE,OAAO,IAAI,CAAC,QAAQ;gBAC7C,CAAC,GAAG,SAAS,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;gBACrC,CAAC,GAAG,SAAS,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;aACtC,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ;YAEjB,uCAAK,SAAS,EAAE,GAAG,SAAS,QAAQ;gBACjC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACT,uCAAK,SAAS,EAAE,GAAG,SAAS,QAAQ;oBAClC,uCAAK,SAAS,EAAE,GAAG,SAAS,WAAW,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,GAAQ,CACzE,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,GAAG,SAAS,cAAc,IAAG,WAAW,CAAO,CAChE;gBACD,wCAAM,SAAS,EAAE,GAAG,SAAS,MAAM;oBACjC,uCAAK,GAAG,EAAE,iBAAM,GAAI,CACf;gBACN,UAAU,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,QAAQ,IAAI,CACrC,wCAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,EAAE,OAAO,EAAE,OAAO;oBACrD,8BAAC,WAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,QAAQ,GAAG,CACtC,CACR,CACG,CACF,CACE,CACX,CAAA;AACH,CAAC;AAjGD,8BAiGC","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.d.ts

@@ -0,0 +1,2 @@
+export default function _default(props: any): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-picker/index.js"],"names":[],"mappings":"AAMA,0DAQC"}

package/lib/color-picker/index.js

@@ -0,0 +1,17 @@
+"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"));
+require("classnames");
+const LocaleReceiver_1 = __importDefault(require("antd/es/locale-provider/LocaleReceiver"));
+const ColorPicker_1 = __importDefault(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

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

@@ -0,0 +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"]}

package/lib/color-picker/index.less

@@ -0,0 +1,234 @@
+@prefixCls: ~'tnt-color-picker';
+
+.color-picker-size(@input-height, @input-padding-horizontal, @font-size) {
+  height: @input-height;
+  line-height: @input-height - 2px;
+  .@{prefixCls}-value {
+    height: @input-height - 4px;
+    line-height: @input-height - 4px;
+  }
+  .@{prefixCls}-placeholder {
+    height: @input-height - 2px;
+    padding: 0 @input-padding-horizontal;
+    font-size: @font-size;
+  }
+  .@{prefixCls}-img {
+    width: @input-height;
+    height: @input-height - 2px;
+  }
+  .@{prefixCls}-clear {
+    right: @input-height / 2 - 8px;
+  }
+}
+
+.hover(@color: @input-hover-border-color) {
+  border-color: @color;
+  .@{prefixCls}-img {
+    border-left-color: @color;
+  }
+}
+
+.active(@color: @outline-color) {
+  border-color: ~`colorPalette('@{color}', 5) `;
+  outline: 0;
+  box-shadow: @input-outline-offset @outline-blur-size @outline-width fade(@color, 20%);
+  .@{prefixCls}-img {
+    border-left-color: ~`colorPalette('@{color}', 5) `;
+  }
+}
+
+.@{prefixCls} {
+  box-sizing: border-box;
+  display: inline-block;
+  border: @border-width-base @border-style-base @select-border-color;
+  border-radius: @border-radius-base;
+  cursor: pointer;
+  position: relative;
+  width: 100%;
+  outline: 0;
+  list-style: none;
+
+  .@{prefixCls}-inner {
+    display: flex;
+  }
+
+  .@{prefixCls}-value {
+    margin: 1px;
+    flex: 1;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=')
+      left center;
+    &-bg {
+      width: 100%;
+    }
+  }
+
+  .@{prefixCls}-placeholder {
+    color: @input-placeholder-color;
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    white-space: nowrap;
+  }
+
+  .@{prefixCls}-value-bg,
+  .@{prefixCls}-placeholder {
+    &::after {
+      display: inline-block;
+      width: 0;
+      visibility: hidden;
+      content: '.';
+      pointer-events: none;
+    }
+  }
+
+  .@{prefixCls}-img {
+    border-left: 1px solid @border-color-base;
+    background: #fff;
+    text-align: center;
+    img {
+      margin-top: -4px;
+    }
+  }
+
+  .color-picker-size(@input-height-base, @input-padding-horizontal-base, @font-size-base);
+
+  &-disabled {
+    background: @input-disabled-bg;
+    cursor: not-allowed;
+    .@{prefixCls}-img {
+      background: #e9edf3;
+    }
+    .@{prefixCls}-placeholder {
+      color: @disabled-color;
+    }
+  }
+
+  &-clear {
+    position: absolute;
+    top: 50%;
+    width: 16px;
+    height: 16px;
+    margin-top: -7px;
+    background: @component-background;
+    cursor: pointer;
+    color: @disabled-color;
+    border-radius: 16px;
+    font-size: @font-size-sm;
+    line-height: 12px;
+    text-align: center;
+    display: none;
+    transition: color 0.3s ease, opacity 0.15s ease;
+    &:hover {
+      color: @text-color-secondary;
+    }
+  }
+
+  &:hover {
+    .@{prefixCls}-clear {
+      display: block;
+    }
+    .hover();
+  }
+
+  &-active {
+    .active();
+  }
+
+  &-lg {
+    .color-picker-size(@input-height-lg, @input-padding-horizontal-lg, @font-size-lg);
+  }
+
+  &-sm {
+    .color-picker-size(@input-height-sm, @input-padding-horizontal-sm, @font-size-base);
+  }
+
+  &-pop {
+    max-width: 100% !important;
+    padding: 0 !important;
+    .ant-popover {
+      &-inner {
+        &-content {
+          padding: 10px;
+          & > div > div {
+            box-shadow: none !important;
+          }
+        }
+      }
+      &-arrow {
+        display: none;
+      }
+    }
+    .twitter-picker {
+      width: 252px !important;
+      box-shadow: none !important;
+      border-width: 0 !important;
+      margin: 0 -5px -5px 0 !important;
+      > div {
+        display: none;
+        &:last-child {
+          display: block;
+          padding: 0 !important;
+        }
+      }
+    }
+    .sketch-picker {
+      box-shadow: none !important;
+      padding: 0 !important;
+      .flexbox-fix {
+        input {
+          box-sizing: content-box;
+        }
+      }
+    }
+    .block-picker {
+      box-shadow: none !important;
+      width: 150px;
+      > div:first-child {
+        display: none;
+      }
+      > div:last-child {
+        padding: 10px 0 0 !important;
+      }
+    }
+    .chrome-picker {
+      box-shadow: none !important;
+      > div:last-child {
+        padding: 16px 0 0 !important;
+      }
+    }
+    .compact-picker {
+      padding: 0 !important;
+      .flexbox-fix {
+        padding: 0 !important;
+        input {
+          box-sizing: content-box;
+        }
+      }
+    }
+    .material-picker {
+      padding: 0 !important;
+    }
+    .swatches-picker {
+      width: 301px !important;
+      & > div > div {
+        box-shadow: none !important;
+        & > div > div {
+          padding: 0 !important;
+        }
+      }
+    }
+    .slider-picker {
+      width: 300px;
+    }
+    .github-picker {
+      padding: 0 !important;
+      border: none !important;
+      box-shadow: none !important;
+      background: transparent !important;
+      & > div {
+        display: none;
+      }
+    }
+  }
+}

package/lib/color-picker/tip.svg

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="13px" height="14px" viewBox="0 0 13 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>编组</title>
+    <g id="云图3.3.1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="知识建模-实体定义02" transform="translate(-682.000000, -897.000000)" fill="#A0A6B1" fill-rule="nonzero">
+            <g id="编组" transform="translate(241.000000, 106.000000)">
+                <g id="内容" transform="translate(17.500000, 25.500000)">
+                    <g id="编组-3" transform="translate(0.500000, 576.000000)">
+                        <g id="编组-10" transform="translate(59.500000, 182.500000)">
+                            <g id="编组-72" transform="translate(44.500000, 0.000000)">
+                                <g id="编组-14" transform="translate(312.000000, 0.000000)">
+                                    <g id="编组" transform="translate(7.000000, 7.000000)">
+                                        <path d="M11.2681485,11.65 C11.6823621,11.65 12.0181485,11.9857864 12.0181485,12.4 C12.0181485,12.7796958 11.7359946,13.093491 11.3699191,13.1431534 L11.2681485,13.15 L1.2681485,13.15 C0.853934938,13.15 0.5181485,12.8142136 0.5181485,12.4 C0.5181485,12.0203042 0.800302382,11.706509 1.16637794,11.6568466 L1.2681485,11.65 L11.2681485,11.65 Z M6.50226506,0.548371285 L6.58638309,0.620989914 L7.43486985,1.46951268 L10.8289799,4.86361968 C11.1218726,5.15651219 11.1218735,5.6313848 10.8289818,5.92427838 L10.8289818,5.92427838 L6.16209179,10.5911984 C5.86919894,10.8840931 5.39432407,10.884094 5.10143015,10.5912003 L5.10143015,10.5912003 L1.70731715,7.19709032 C1.41442424,6.90419767 1.41442353,6.42932481 1.70731555,6.13643128 L1.70731555,6.13643128 L5.8441485,1.999317 L5.52571691,1.68164409 C5.23282535,1.38874921 5.23282804,0.913875476 5.52572291,0.620983914 C5.79199098,0.354718858 6.2086548,0.330515164 6.50226506,0.548371285 Z M10.9,7.6 C11.7,8.35816 12.1,8.95816 12.1,9.4 C12.1,10.06273 11.56273,10.6 10.9,10.6 C10.23727,10.6 9.7,10.06273 9.7,9.4 C9.7,8.95816 10.09999,8.35816 10.9,7.6 Z M6.904,3.06 L4.7771485,5.185317 L8.2901485,6.340317 L9.238,5.394 L6.904,3.06 Z" id="形状结合"></path>
+                                    </g>
+                                </g>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>