pro-comp-x 0.0.1-alhpa.1

package/README.md

@@ -0,0 +1,23 @@
+# pro-components
+
+[![NPM version](https://img.shields.io/npm/v/pro-components.svg?style=flat)](https://npmjs.com/package/pro-components)
+[![NPM downloads](http://img.shields.io/npm/dm/pro-components.svg?style=flat)](https://npmjs.com/package/pro-components)
+
+## Install
+
+```bash
+$ yarn install
+```
+
+```bash
+$ npm run dev
+$ npm run build
+```
+
+## Options
+
+TODO
+
+## LICENSE
+
+MIT

package/dist/esm/assets/svg/ico-copy.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 240 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M143.767 20C157.176 20 168.046 30.8904 168.046 44.3244V147.027C168.046 160.461 157.176 171.351 143.767 171.351H41.2553C27.8462 171.351 16.9761 160.461 16.9761 147.027V44.3244C16.9761 30.8904 27.8462 20 41.2553 20H143.767ZM151.86 44.3244C151.86 39.8464 148.237 36.2163 143.767 36.2163H41.2553C36.7856 36.2163 33.1622 39.8464 33.1622 44.3244V147.027C33.1622 151.505 36.7856 155.135 41.2553 155.135H143.767C148.237 155.135 151.86 151.505 151.86 147.027V44.3244ZM180.995 71.3514C180.995 70.4361 180.995 69.9188 180.995 68.6486H197.721C211.13 68.6486 222 79.539 222 92.973V195.676C222 209.11 211.13 220 197.721 220H95.2089C81.8 220 70.9297 209.11 70.9297 195.676V185.044H87.1158V195.676C87.1158 200.154 90.7392 203.784 95.2089 203.784H197.721C202.19 203.784 205.814 200.154 205.814 195.676V92.973C205.814 88.495 202.19 84.8648 197.721 84.8648H180.995C180.995 84.8648 180.995 72.2667 180.995 71.3514Z" fill="currentColor"/>
+</svg>

package/dist/esm/components/ActionConfigForm/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type ModalProps } from 'antd';
+import { type FormItemType, type CompTypes } from '../RenderForm';
+export type ActionWidgetItems = FormItemType<CompTypes>;
+interface ActionConfigFormProps extends Pick<ModalProps, 'open' | 'onOk'> {
+    onCancel: () => void;
+    widgetItems?: ActionWidgetItems[];
+    initValues?: {
+        [key: string]: any;
+    };
+}
+declare const _default: ({ open, onOk, onCancel, initValues, widgetItems, }: ActionConfigFormProps) => JSX.Element;
+export default _default;

package/dist/esm/components/ActionConfigForm/index.js

@@ -0,0 +1,129 @@
+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); }
+import "antd/es/modal/style";
+import _Modal from "antd/es/modal";
+import "antd/es/spin/style";
+import _Spin from "antd/es/spin";
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 : String(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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+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; }
+import React, { useEffect, useState } from 'react';
+import RenderForm from "../RenderForm";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function (_ref) {
+  var open = _ref.open,
+    onOk = _ref.onOk,
+    onCancel = _ref.onCancel,
+    _ref$initValues = _ref.initValues,
+    initValues = _ref$initValues === void 0 ? {} : _ref$initValues,
+    _ref$widgetItems = _ref.widgetItems,
+    widgetItems = _ref$widgetItems === void 0 ? [] : _ref$widgetItems;
+  var _Form$useForm = _Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    loading = _useState2[0],
+    setLoading = _useState2[1];
+  var onSubmit = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var values;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.prev = 1;
+            _context.next = 4;
+            return form.validateFields();
+          case 4:
+            values = _context.sent;
+            if (values && onOk) {
+              onOk(values);
+              if (onCancel) {
+                onCancel();
+              }
+            }
+          case 6:
+            _context.prev = 6;
+            setLoading(false);
+            return _context.finish(6);
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1,, 6, 9]]);
+    }));
+    return function onSubmit() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var formItems = function formItems() {
+    var commonFormItems = [{
+      type: 'select',
+      label: '事件类型',
+      name: 'action',
+      props: {
+        options: [{
+          label: '发送消息',
+          value: 'sendMessage'
+        }, {
+          label: '添加到对话框',
+          value: 'insertMessage'
+        }]
+      }
+    }, {
+      type: 'input',
+      label: '发送内容',
+      name: 'message'
+    }];
+    if (Array.isArray(widgetItems) && widgetItems.length > 0) {
+      var filterCommonItems = commonFormItems.filter(function (item) {
+        return !widgetItems.map(function (item) {
+          return item.name;
+        }).includes(item.name);
+      });
+      return [].concat(_toConsumableArray(filterCommonItems), _toConsumableArray(widgetItems));
+    }
+    return commonFormItems;
+  };
+  useEffect(function () {
+    if (open) {
+      form.setFieldsValue(_objectSpread({
+        action: 'sendMessage'
+      }, initValues));
+    } else {
+      form.resetFields();
+    }
+  }, [open, initValues]);
+  return /*#__PURE__*/_jsx(_Modal, {
+    width: 360,
+    open: open,
+    title: "\u4E8B\u4EF6\u914D\u7F6E",
+    onCancel: onCancel,
+    onOk: onSubmit,
+    children: /*#__PURE__*/_jsx(_Spin, {
+      spinning: loading,
+      children: /*#__PURE__*/_jsx(RenderForm, {
+        form: form,
+        initialValues: initValues,
+        formItems: formItems()
+      })
+    })
+  });
+});

package/dist/esm/components/ColorPalette/ColorPalette.less

@@ -0,0 +1,9 @@
+@colorPalettePrefix:  ~'@{pro-prefix}-color-palette';
+
+.@{colorPalettePrefix} {
+  &-container {
+    border: none !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+  }
+}

package/dist/esm/components/ColorPalette/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type ColorPaletteRef = {
+    setVisiele: (visible: boolean) => void;
+    onChange: (value: string) => void;
+};
+export type ColorPaletteProps = {
+    prefixCls?: string;
+    value?: string;
+    onClear?: () => void;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+    children?: ((options: ColorPaletteRef) => string | React.ReactNode) | (string | React.ReactNode);
+};
+declare const ColorPalette: React.ForwardRefExoticComponent<ColorPaletteProps & React.RefAttributes<ColorPaletteRef>>;
+export default ColorPalette;

package/dist/esm/components/ColorPalette/index.js

@@ -0,0 +1,88 @@
+import "antd/es/popover/style";
+import _Popover from "antd/es/popover";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+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; }
+import React, { useState, useRef, forwardRef, useImperativeHandle, useEffect } from 'react';
+import { SketchPicker } from 'react-color';
+import { ConfigContext } from 'antd/es/config-provider';
+import getClassPrefix from "../../utils/getClassPrefix";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ColorPalette = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _colorRef$current;
+  var prefixCls = _ref.prefixCls,
+    value = _ref.value,
+    children = _ref.children,
+    onChange = _ref.onChange,
+    onClear = _ref.onClear,
+    disabled = _ref.disabled;
+  var _React$useContext = React.useContext(ConfigContext),
+    antGetPrefixCls = _React$useContext.getPrefixCls;
+  var antPrefixCls = antGetPrefixCls(prefixCls);
+  var clsPrefix = getClassPrefix(antPrefixCls, 'color-palette');
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    colorContent = _useState4[0],
+    setColorContent = _useState4[1];
+  var colorRef = useRef(null);
+  var onHandleChange = function onHandleChange(color) {
+    setColorContent(color === null || color === void 0 ? void 0 : color.hex);
+    if (onChange) {
+      onChange(color === null || color === void 0 ? void 0 : color.hex);
+    }
+    setVisible(false);
+  };
+  var compCallBack = {
+    setVisiele: function setVisiele(vis) {
+      setVisible(vis);
+    },
+    onChange: colorRef === null || colorRef === void 0 || (_colorRef$current = colorRef.current) === null || _colorRef$current === void 0 ? void 0 : _colorRef$current.onChange
+  };
+  var onHanleClear = function onHanleClear() {
+    if (onClear) {
+      onClear();
+    }
+    setVisible(false);
+  };
+  useEffect(function () {
+    setColorContent(value || '');
+  }, [value]);
+  useImperativeHandle(ref, function () {
+    return compCallBack;
+  });
+  return /*#__PURE__*/_jsx(_Popover, {
+    open: visible,
+    onOpenChange: function onOpenChange(vis) {
+      if (!disabled) {
+        setVisible(vis);
+      }
+    },
+    trigger: ['click'],
+    content: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(SketchPicker, {
+        ref: colorRef,
+        className: "".concat(clsPrefix, "-container"),
+        color: colorContent,
+        onChange: onHandleChange
+      }), typeof onClear === 'function' ? /*#__PURE__*/_jsx(_Button, {
+        block: true,
+        size: "small",
+        onClick: onHanleClear,
+        children: "\u6E05\u9664"
+      }) : null]
+    }),
+    children: typeof children === 'function' ? children(compCallBack) : children
+  });
+});
+export default ColorPalette;

package/dist/esm/components/ComponentExtends/DatePicker/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { DatePickerProps, RangePickerProps } from 'antd/es/date-picker';
+/**
+ * 日期选择框
+ */
+declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+declare const RangePicker: (props: RangePickerProps) => JSX.Element;
+export type { DatePickerProps, RangePickerProps };
+export { RangePicker };
+export default DatePicker;

package/dist/esm/components/ComponentExtends/DatePicker/index.js

@@ -0,0 +1,38 @@
+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); }
+import "antd/es/date-picker/style";
+import _DatePicker from "antd/es/date-picker";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 : String(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); }
+// @ts-nocheck
+import React, { useMemo } from 'react';
+import dayjs from 'dayjs';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AntdRanePicker = _DatePicker.RangePicker;
+
+/**
+ * 日期选择框
+ */
+var DatePicker = function DatePicker(props) {
+  var _values = useMemo(function () {
+    return props !== null && props !== void 0 && props.value ? dayjs(props === null || props === void 0 ? void 0 : props.value) : null;
+  }, [props === null || props === void 0 ? void 0 : props.value]);
+  return /*#__PURE__*/_jsx(_DatePicker, _objectSpread(_objectSpread({}, props), {}, {
+    value: _values
+  }));
+};
+var RangePicker = function RangePicker(props) {
+  var _values = useMemo(function () {
+    if (Array.isArray(props === null || props === void 0 ? void 0 : props.value)) {
+      return [props !== null && props !== void 0 && props.value[0] ? dayjs(props === null || props === void 0 ? void 0 : props.value[0]) : null, props !== null && props !== void 0 && props.value[1] ? dayjs(props === null || props === void 0 ? void 0 : props.value[1]) : null];
+    }
+    return [];
+  }, [props === null || props === void 0 ? void 0 : props.value]);
+  return /*#__PURE__*/_jsx(AntdRanePicker, _objectSpread(_objectSpread({}, props), {}, {
+    value: _values
+  }));
+};
+export { RangePicker };
+export default DatePicker;

package/dist/esm/components/ComponentExtends/InputBox/InputBox.less

@@ -0,0 +1,50 @@
+.@{pro-prefix}-input-box {
+  &-wrap {
+    position: relative;
+    display: inline-flex;
+    width: 100%;
+    outline: none;
+    border: 1px solid @border-color-base;
+    border-radius: @border-radius-base;
+    min-height: 32px;
+    max-height: 320px;
+
+    &:hover,
+    &:focus,
+    &:active {
+      border-color: @primary-color;
+      box-shadow: 0 0 0 2px @primary-2;
+    }
+  }
+
+  &-placeholder {
+    position: absolute;
+    z-index: 1;
+    top: @space-xs;
+    left: @space-sm;
+    color: @disabled-color;
+    pointer-events: none;
+  }
+
+  &-container {
+    position: relative;
+    flex: 1;
+  }
+
+  &-text {
+    position: relative;
+    height: 100%;
+    padding: @space-xs @space-sm;
+    font-size: @font-size-sm;
+    color: @text-color;
+    outline: none;
+    overflow: auto;
+  }
+}
+
+.@{pro-prefix}-input-box-cursor {
+  position: fixed;
+  display: inline-block;
+  width: 1px;
+  height: 1px;
+}

package/dist/esm/components/ComponentExtends/InputBox/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import type { TextAreaProps } from 'antd/es/input/TextArea';
+type cursorPositionType = {
+    length: number;
+    x: number;
+    y: number;
+};
+type popverContentFnType = (options: {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    cursorPosition: cursorPositionType | null;
+    onInsertContent: (insertValue: string) => void;
+}) => (string | React.ReactNode);
+export interface InputBoxProps extends Omit<TextAreaProps, 'onChange'> {
+    prefixCls?: string;
+    hotKeys?: string[];
+    value?: string;
+    header?: string | React.ReactNode;
+    popverContent?: string | React.ReactNode | popverContentFnType;
+    popverClassName?: string;
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    spanStyle?: {
+        [key: string]: any;
+    };
+    onChange?: (...args: any[]) => void;
+}
+export interface InputBoxRef {
+    onSetValue: (callback: (prevContent: string) => string) => void;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<InputBoxProps & React.RefAttributes<InputBoxRef>>>;
+export default _default;