@ccs-ui/rc-pro 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Dx
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# @ccs-ui/rc-pro
+
+A react library developed with dumi
+
+## Usage
+
+TODO
+
+## Options
+
+TODO
+
+## Development
+
+```bash
+# install dependencies
+$ yarn install
+
+# develop library by docs demo
+$ yarn start
+
+# build library source code
+$ yarn run build
+
+# build library source code in watch mode
+$ yarn run build:watch
+
+# build docs
+$ yarn run docs:build
+
+# check your project for potential problems
+$ yarn run doctor
+```
+
+## LICENSE
+
+MIT

package/es/auth/auth-button.js

@@ -0,0 +1,59 @@
+var _excluded = ["auth", "text", "confirm", "onClick"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { ExclamationCircleOutlined } from '@ant-design/icons';
+import { Button } from 'antd';
+import React, { useRef } from 'react';
+import { ModalConfirm } from '.';
+import { CCS, useCcsPage } from "../";
+/**
+ * 带权限的按钮组件、继承Ant Button所有属性
+ * @param CcsAuthButtonProps
+ * @returns
+ */
+export default (function (_ref) {
+  var auth = _ref.auth,
+    text = _ref.text,
+    confirm = _ref.confirm,
+    _onClick = _ref.onClick,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = useCcsPage() || {},
+    onAuth = _ref2.onAuth;
+  var IsAuthButton = CCS.GlobalConfig.IsAuthButton;
+  var modalRef = useRef(null);
+  var button = /*#__PURE__*/React.createElement(Button, _extends({}, restProps, {
+    onClick: function onClick(e) {
+      if (!_onClick) return;
+      if (confirm) {
+        var _modalRef$current;
+        (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.confirm({
+          title: '操作确认',
+          icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
+          centered: true,
+          content: confirm,
+          okText: '确认',
+          cancelText: '取消',
+          onOk: function onOk() {
+            return _onClick(e);
+          }
+        });
+        return;
+      }
+      _onClick(e);
+    }
+  }), text, restProps.children);
+
+  // 不控制权限或没有传auth
+  if (!IsAuthButton || !auth) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, button, !!confirm ? /*#__PURE__*/React.createElement(ModalConfirm, {
+      modalRef: modalRef
+    }) : null);
+  }
+
+  // 当前菜单下查找按钮权限
+  var hasAuth = onAuth && onAuth(auth);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, hasAuth ? button : /*#__PURE__*/React.createElement(React.Fragment, null), !!confirm ? /*#__PURE__*/React.createElement(ModalConfirm, {
+    modalRef: modalRef
+  }) : null);
+});

package/es/auth/auth-dropdown.js

@@ -0,0 +1,67 @@
+var _excluded = ["auth", "menus", "children", "onClick"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { Dropdown } from 'antd';
+import React, { useMemo } from 'react';
+import { CCS, useCcsPage } from "../";
+/**
+ * 带权限的Dropdown组件
+ */
+export default (function (_ref) {
+  var auth = _ref.auth,
+    _ref$menus = _ref.menus,
+    menus = _ref$menus === void 0 ? [] : _ref$menus,
+    children = _ref.children,
+    onClick = _ref.onClick,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = useCcsPage() || {},
+    onAuth = _ref2.onAuth;
+  var IsAuthButton = CCS.GlobalConfig.IsAuthButton;
+  var items = useMemo(function () {
+    function filterTreeArray(menuItems) {
+      var mis = menuItems.filter(function (item) {
+        if (!item.auth) {
+          return true;
+        }
+        // 传入auth 判断是否有权限
+        var btn = onAuth && onAuth(item.auth);
+        return btn ? true : false;
+      });
+      return mis.map(function (mi) {
+        var item = Object.assign({}, mi);
+        if (item.children) {
+          var child = filterTreeArray(item.children);
+          item.children = child.length > 0 ? child : null;
+        }
+        return item;
+      }).filter(function (m) {
+        return m.children !== null;
+      });
+    }
+    if (IsAuthButton) {
+      return filterTreeArray(menus);
+    }
+    return menus;
+  }, [menus.map(function (m) {
+    return m === null || m === void 0 ? void 0 : m.key;
+  }).join(',')]);
+  var renderChildren = useMemo(function () {
+    if (!auth || !IsAuthButton) {
+      return children;
+    }
+    var btn = onAuth && onAuth(auth);
+    if (btn) {
+      return children;
+    }
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }, []);
+  return items.filter(function (i) {
+    return i.type !== 'divider';
+  }).length ? /*#__PURE__*/React.createElement(Dropdown, _extends({}, restProps, {
+    menu: {
+      items: items,
+      onClick: onClick
+    }
+  }), renderChildren) : /*#__PURE__*/React.createElement(React.Fragment, null);
+});

package/es/auth/index.js

@@ -0,0 +1,164 @@
+var _excluded = ["key", "label"],
+  _excluded2 = ["key", "label"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { EllipsisOutlined, ExclamationCircleOutlined } from '@ant-design/icons';
+import { Button, Dropdown, Modal, Space } from 'antd';
+import React, { useEffect, useRef } from 'react';
+import { CCS, useCcsPage } from '..';
+import AuthButton from "./auth-button";
+import AuthDropdown from "./auth-dropdown";
+export function ModalConfirm(_ref) {
+  var modalRef = _ref.modalRef;
+  var _Modal$useModal = Modal.useModal(),
+    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
+    modal = _Modal$useModal2[0],
+    contextHolder = _Modal$useModal2[1];
+  useEffect(function () {
+    modalRef.current = modal;
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, " ", contextHolder);
+}
+function CcsAuth(_ref2) {
+  var auth = _ref2.auth,
+    children = _ref2.children;
+  var _ref3 = useCcsPage() || {},
+    onAuth = _ref3.onAuth;
+  var IsAuthButton = CCS.GlobalConfig.IsAuthButton;
+  if (IsAuthButton && onAuth && auth) {
+    return onAuth(auth) ? children : null;
+  }
+  return children;
+}
+function AuthGroup(_ref4) {
+  var size = _ref4.size,
+    isLink = _ref4.isLink,
+    showCount = _ref4.showCount,
+    moreIcon = _ref4.moreIcon,
+    moreText = _ref4.moreText,
+    items = _ref4.items,
+    onClick = _ref4.onClick;
+  var _ref5 = useCcsPage() || {},
+    onAuth = _ref5.onAuth;
+  var IsAuthButton = CCS.GlobalConfig.IsAuthButton;
+  var modalRef = useRef(null);
+  if (!items || items.length === 0) return null;
+  var authButtons = [];
+  // 需要判断权限
+  if (IsAuthButton && onAuth) {
+    authButtons = items.filter(function (b) {
+      if (b.auth) return onAuth(b.auth);
+      return true;
+    });
+  } else {
+    authButtons = _toConsumableArray(items);
+  }
+
+  // 当前菜单下查找按钮权限
+  var showBtns = authButtons.splice(0, showCount || items.length);
+  var handleOnClick = function handleOnClick(key) {
+    if (!onClick) return;
+    var item = items.find(function (i) {
+      return i.key === key;
+    });
+    if (item && item.confirm) {
+      var _modalRef$current;
+      (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 ? void 0 : _modalRef$current.confirm({
+        title: '操作确认',
+        icon: /*#__PURE__*/React.createElement(ExclamationCircleOutlined, null),
+        centered: true,
+        content: item.confirm,
+        okText: '确认',
+        cancelText: '取消',
+        onOk: function onOk() {
+          return onClick && onClick(key);
+        }
+      });
+      return;
+    }
+    onClick(key);
+  };
+  if (isLink) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, showBtns === null || showBtns === void 0 ? void 0 : showBtns.map(function (_ref6) {
+      var key = _ref6.key,
+        label = _ref6.label,
+        restProps = _objectWithoutProperties(_ref6, _excluded);
+      return /*#__PURE__*/React.createElement(Button, _extends({
+        key: key
+      }, restProps, {
+        size: size,
+        type: "link",
+        onClick: function onClick() {
+          return handleOnClick(key);
+        }
+      }), label);
+    })), authButtons.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
+      menu: {
+        items: authButtons,
+        onClick: function onClick(e) {
+          return handleOnClick(e.key);
+        }
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "link",
+      icon: moreText ? null : moreIcon || /*#__PURE__*/React.createElement(EllipsisOutlined, null),
+      size: "small"
+    }, moreText)), items.find(function (i) {
+      return !!i.confirm;
+    }) ? /*#__PURE__*/React.createElement(ModalConfirm, {
+      modalRef: modalRef
+    }) : null);
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Space, null, showBtns === null || showBtns === void 0 ? void 0 : showBtns.map(function (_ref7, index) {
+    var key = _ref7.key,
+      label = _ref7.label,
+      restProps = _objectWithoutProperties(_ref7, _excluded2);
+    // 更多按钮
+    if (index === showBtns.length - 1 && authButtons.length > 0) {
+      return /*#__PURE__*/React.createElement(Space.Compact, {
+        key: key
+      }, /*#__PURE__*/React.createElement(Button, _extends({}, restProps, {
+        size: size,
+        onClick: function onClick() {
+          return handleOnClick(key);
+        }
+      }), label), /*#__PURE__*/React.createElement(Dropdown, {
+        menu: {
+          items: authButtons,
+          onClick: function onClick(e) {
+            return handleOnClick(e.key);
+          }
+        }
+      }, /*#__PURE__*/React.createElement(Button, {
+        icon: moreText ? null : moreIcon || /*#__PURE__*/React.createElement(EllipsisOutlined, null)
+      }, moreText)));
+    }
+    return /*#__PURE__*/React.createElement(Button, _extends({
+      key: key
+    }, restProps, {
+      size: size,
+      onClick: function onClick() {
+        return handleOnClick(key);
+      }
+    }), label);
+  })), items.find(function (i) {
+    return !!i.confirm;
+  }) ? /*#__PURE__*/React.createElement(ModalConfirm, {
+    modalRef: modalRef
+  }) : null);
+}
+CcsAuth.Group = AuthGroup;
+CcsAuth.Button = AuthButton;
+CcsAuth.Dropdown = AuthDropdown;
+export default CcsAuth;

package/es/ccs.js

@@ -0,0 +1,82 @@
+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); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var defaultConfig = {
+  theme: {
+    token: {
+      colorPrimary: '#1677ff',
+      borderRadius: 3
+    },
+    hashed: true
+  },
+  classPrefix: 'ccs'
+};
+var ccs = /*#__PURE__*/function () {
+  function ccs() {
+    _classCallCheck(this, ccs);
+  }
+  _createClass(ccs, null, [{
+    key: "setCustomIcon",
+    value: /** 自定义按钮 */
+
+    /** 按钮权限 */
+
+    /** 全局配置 */
+
+    /** 添加自定义icon */
+    function setCustomIcon(_icons) {
+      console.log('_icons', _icons);
+
+      // this.icons = this.icons.concat(icons);
+      // icons.forEach((icon) => {
+      //   if (['TableFilter', 'TableReset', 'TableColumn'].includes(icon.name)) {
+      //     this.proTableIcon[icon.name] = icon.node;
+      //   } else {
+      //     this.icons.push(icon);
+      //   }
+      // });
+    }
+
+    /** 设置全局配置 */
+  }, {
+    key: "setGlobalConfig",
+    value: function setGlobalConfig(e) {
+      this.GlobalConfig = e;
+    }
+
+    /** 添加权限数据 */
+  }, {
+    key: "setAuthList",
+    value: function setAuthList(e, auths) {
+      this.UrlAuth[e] = auths;
+    }
+
+    /** 清空权限 */
+  }, {
+    key: "clearAuthList",
+    value: function clearAuthList() {
+      this.UrlAuth = {};
+    }
+
+    /** 系统配置 */
+  }, {
+    key: "setDefaultConfig",
+    value: function setDefaultConfig(config) {
+      Object.keys(defaultConfig).forEach(function (key) {
+        if (config[key] === undefined) {
+          config[key] = defaultConfig[key];
+        }
+      });
+      return config;
+    }
+  }]);
+  return ccs;
+}();
+_defineProperty(ccs, "CustomIcon", []);
+_defineProperty(ccs, "UrlAuth", {});
+_defineProperty(ccs, "GlobalConfig", {});
+export { ccs as default };

package/es/color-picker/index.js

@@ -0,0 +1,63 @@
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+/* eslint-disable @typescript-eslint/ban-types */
+import { Popover } from 'antd';
+import React, { useState } from 'react';
+import { SketchPicker } from 'react-color';
+import "./index.less";
+/**
+ * 颜色选择组件
+ */
+var ColorPicker = function ColorPicker(_ref) {
+  var onChange = _ref.onChange,
+    value = _ref.value,
+    style = _ref.style;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var handleChange = function handleChange(e) {
+    if (onChange) onChange(e.rgb);
+    setOpen(false);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(Popover, {
+    open: open,
+    content: /*#__PURE__*/React.createElement(SketchPicker, {
+      color: value,
+      onChange: handleChange
+    })
+  }, /*#__PURE__*/React.createElement("div", {
+    style: _objectSpread({
+      height: 32,
+      padding: '4px 11px',
+      border: '1px solid #d9d9d9',
+      borderRadius: 3,
+      display: 'flex'
+    }, style)
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      return setOpen(!open);
+    },
+    style: {
+      border: '1px solid #777',
+      background: "rgb(".concat(value === null || value === void 0 ? void 0 : value.r, ",").concat(value === null || value === void 0 ? void 0 : value.g, ",").concat(value === null || value === void 0 ? void 0 : value.b, ",").concat(value === null || value === void 0 ? void 0 : value.a, ")"),
+      width: '100%',
+      margin: '4px 0'
+    }
+  }))));
+};
+export default ColorPicker;

package/es/color-picker/index.less

@@ -0,0 +1,9 @@
+.sketch-picker {
+  width: 250px !important;
+  box-shadow: none !important;
+  padding: 0 !important;
+}
+
+.flexbox-fix div {
+  padding-left: 0 !important;
+}

package/es/config.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { GlobalContext } from "./context";
+export default (function (_ref) {
+  var userDetail = _ref.userDetail,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement(GlobalContext.Provider, {
+    value: {
+      userDetail: userDetail
+    }
+  }, children);
+});

package/es/context/index.js

@@ -0,0 +1,11 @@
+import React, { createContext } from 'react';
+var GlobalContext = /*#__PURE__*/createContext({});
+var DrawerAndModalContext = /*#__PURE__*/createContext({});
+var PageContext = /*#__PURE__*/createContext({});
+var TabsContext = /*#__PURE__*/React.createContext({
+  items: [],
+  activeKey: '',
+  option: {},
+  onChange: function onChange() {}
+});
+export { TabsContext, PageContext, GlobalContext, DrawerAndModalContext };

package/es/date-picker/index.js

@@ -0,0 +1,59 @@
+var _excluded = ["value", "onChange"],
+  _excluded2 = ["value", "onChange"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { DatePicker } from 'antd';
+import dayjs from 'dayjs';
+import _isArray from 'lodash/isArray';
+import React, { useState } from 'react';
+function CcsDatePicker(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(function () {
+      if (typeof value === 'string') {
+        return dayjs(value);
+      }
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    dateValue = _useState2[0],
+    setDateValue = _useState2[1];
+  var handleOnChange = function handleOnChange(date, dateString) {
+    setDateValue(date || undefined);
+    if (onChange) onChange(dateString);
+  };
+  return /*#__PURE__*/React.createElement(DatePicker, _extends({
+    value: dateValue,
+    onChange: handleOnChange
+  }, restProps));
+}
+function RangPicker(_ref2) {
+  var value = _ref2.value,
+    onChange = _ref2.onChange,
+    restProps = _objectWithoutProperties(_ref2, _excluded2);
+  var _useState3 = useState(function () {
+      if (_isArray(value)) {
+        return [dayjs(value[0]), dayjs(value[1])];
+      }
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dateValue = _useState4[0],
+    setDateValue = _useState4[1];
+  var handleOnChange = function handleOnChange(date, dateString) {
+    setDateValue(date);
+    if (onChange) onChange(dateString);
+  };
+  return /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({
+    value: dateValue,
+    onChange: handleOnChange
+  }, restProps));
+}
+CcsDatePicker.RangPicker = RangPicker;
+export default CcsDatePicker;