@pisell/common 0.0.1

package/es/business-components/sortModal/index.js

@@ -0,0 +1,85 @@
+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 React, { useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import { isFunction } from "../../utils";
+import useModal from "../../business-hooks/useModal";
+import { DragSort, IconFont } from "../../components";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var prefix = 'pisell-';
+var SortModal = function SortModal(props) {
+  var title = props.title,
+    items = props.items,
+    renderSortItem = props.renderSortItem,
+    field = props.field,
+    isShowIndex = props.isShowIndex,
+    onOk = props.onOk,
+    sortModalRef = props.sortModalRef,
+    renderContent = props.renderContent;
+  var _useState = useState(items),
+    _useState2 = _slicedToArray(_useState, 2),
+    sortItems = _useState2[0],
+    setSortItems = _useState2[1];
+  useEffect(function () {
+    setSortItems(items);
+  }, [items]);
+  var RenderSortItem = useCallback(function (item, index) {
+    return /*#__PURE__*/_jsxs("div", {
+      className: "".concat(prefix, "sort-item"),
+      children: [/*#__PURE__*/_jsx(IconFont, {
+        type: "icon-drag",
+        className: "".concat(prefix, "item")
+      }), /*#__PURE__*/_jsxs("span", {
+        className: "".concat(prefix, "sort-content"),
+        children: [isShowIndex && index + 1, /*#__PURE__*/_jsx("span", {
+          className: "".concat(prefix, "tag-content"),
+          children: item[field.name]
+        })]
+      })]
+    }, item[field.key]);
+  }, [props]);
+  var ModalContent = useMemo(function () {
+    var content = /*#__PURE__*/_jsx(DragSort, {
+      list: sortItems,
+      droppableId: "addressSort",
+      draggableIdKey: field.id,
+      className: "".concat(prefix, "sort-list"),
+      onChange: function onChange(_list) {
+        setSortItems(_list);
+      },
+      children: isFunction(renderSortItem) ? renderSortItem : RenderSortItem
+    });
+    if (isFunction(renderContent)) {
+      return renderContent(sortItems, content);
+    }
+    if (renderContent) {
+      return renderContent;
+    }
+    return content;
+  }, [sortItems, renderSortItem, RenderSortItem, renderContent]);
+  var handleOk = useCallback(function () {
+    isFunction(onOk) && onOk(sortItems);
+  }, [onOk, sortItems]);
+  var _useModal = useModal({
+      children: ModalContent,
+      title: title,
+      onOk: handleOk
+    }),
+    content = _useModal.content,
+    hideModal = _useModal.hideModal,
+    visible = _useModal.visible,
+    showModal = _useModal.showModal;
+  useImperativeHandle(sortModalRef, function () {
+    return {
+      showModal: showModal,
+      hideModal: hideModal
+    };
+  });
+  return content;
+};
+export default SortModal;

package/es/business-components/sortModal/index.less

@@ -0,0 +1,29 @@
+.pisell-sort-list {
+  .pisell-sort-item {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    min-width: 40px;
+    margin-bottom: 10px;
+    font-size: 16px;
+    text-align: center;
+    background: none;
+    border: none;
+    .pisell-sort-content {
+      display: flex;
+      width: 100%;
+    }
+
+    .pisell-icon {
+      margin-right: 6px;
+      font-size: 20px;
+    }
+
+    .pisell-tag-content {
+      flex: 1;
+      width: 100%;
+      text-align: left;
+      word-break: break-word;
+    }
+  }
+}

package/es/business-components/statistics/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import './index.less';
+export interface StatisticsOption {
+    label: string;
+    value: string;
+}
+export interface StatisticsProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    loading: boolean;
+    options: StatisticsOption[];
+}
+declare const Statistics: React.FC<Partial<StatisticsProps>>;
+export default Statistics;

package/es/business-components/statistics/index.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { Skeleton } from 'antd';
+import classNames from 'classnames';
+import { useResponsive } from "../../hooks";
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Statistics = function Statistics(props) {
+  var loading = props.loading,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options;
+  var responsive = useResponsive();
+  return /*#__PURE__*/_jsx("div", {
+    className: classNames('pisell-statistics', 'pisell-scrollbar', props.className, {
+      'phone-wrap': responsive === 'phone'
+    }),
+    style: props.style,
+    children: /*#__PURE__*/_jsx("div", {
+      className: 'pisell-statistics-options',
+      children: options.map(function (d, i) {
+        return /*#__PURE__*/_jsxs("div", {
+          className: 'pisell-statistics-item',
+          children: [/*#__PURE__*/_jsx("div", {
+            className: 'pisell-statistics-label',
+            children: d.label
+          }), /*#__PURE__*/_jsx("div", {
+            className: 'pisell-statistics-value',
+            children: loading ? /*#__PURE__*/_jsx(Skeleton.Input, {
+              active: true,
+              size: 'default'
+            }) : d.value
+          })]
+        }, i);
+      })
+    })
+  });
+};
+export default Statistics;

package/es/business-components/statistics/index.less

@@ -0,0 +1,64 @@
+.pisell-statistics {
+  width: 100%;
+  overflow-y: auto;
+
+  &.phone-wrap {
+    overflow-y: hidden;
+
+    .pisell-statistics-options {
+      min-width: 100%;
+      display: block;
+
+      .pisell-statistics-item {
+        padding: 12px;
+        width: 100%;
+        margin-bottom: 20px;
+        border-bottom: 1px solid #ccc;
+
+        &::after {
+          display: none;
+        }
+      }
+    }
+  }
+
+  .pisell-statistics-options {
+    width: 100%;
+    min-width: 1000px;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+
+    .pisell-statistics-item {
+      flex: 1;
+      position: relative;
+      text-align: center;
+
+      &::after {
+        content: '';
+        position: absolute;
+        right: 0;
+        top: 50%;
+        transform: translate(-50%, -50%);
+        height: 40px;
+        width: 1px;
+        background-color: #ccc;
+      }
+
+      .pisell-statistics-label {
+      }
+
+      .pisell-statistics-value {
+        margin-top: 10px;
+        font-size: 26px;
+        // font-weight: 500;
+      }
+
+      &:last-child {
+        &::after {
+          display: none;
+        }
+      }
+    }
+  }
+}

package/es/business-components/tagModal/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { useModalProps } from '../../business-hooks/useModal';
+export interface TagDataType<T> {
+    value: T;
+    label: string;
+}
+export interface TagModalProps<T> extends useModalProps {
+    data: TagDataType<T>[];
+    value: T[];
+    onChange: (value: T[]) => void;
+    tagModalRef: React.Ref<{
+        showModal: () => void;
+        hideModal: () => void;
+    }>;
+}
+declare const TagModal: <T extends string | number>(props: TagModalProps<T>) => JSX.Element;
+export default TagModal;

package/es/business-components/tagModal/index.js

@@ -0,0 +1,59 @@
+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); }
+var _excluded = ["data", "onChange", "value", "tagModalRef"];
+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 _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 React, { useImperativeHandle, useMemo } from 'react';
+import { Checkbox, Col, Row } from 'antd';
+import useModal from "../../business-hooks/useModal";
+import { jsx as _jsx } from "react/jsx-runtime";
+var TagModal = function TagModal(props) {
+  var data = props.data,
+    _onChange = props.onChange,
+    value = props.value,
+    tagModalRef = props.tagModalRef,
+    others = _objectWithoutProperties(props, _excluded);
+  var Content = useMemo(function () {
+    return /*#__PURE__*/_jsx(Checkbox.Group, {
+      style: {
+        width: '100%'
+      },
+      onChange: function onChange(val) {
+        return _onChange(val);
+      },
+      value: value,
+      children: /*#__PURE__*/_jsx(Row, {
+        gutter: 10,
+        children: data.map(function (d, i) {
+          return /*#__PURE__*/_jsx(Col, {
+            span: 8,
+            children: /*#__PURE__*/_jsx(Checkbox, {
+              value: d.value,
+              children: d.label
+            })
+          }, i);
+        })
+      })
+    });
+  }, [data]);
+  var _useModal = useModal(_objectSpread(_objectSpread({}, others), {}, {
+      children: Content,
+      destroyOnClose: true
+    })),
+    showModal = _useModal.showModal,
+    visible = _useModal.visible,
+    hideModal = _useModal.hideModal,
+    content = _useModal.content;
+  useImperativeHandle(tagModalRef, function () {
+    return {
+      showModal: showModal,
+      hideModal: hideModal
+    };
+  });
+  return content;
+};
+export default TagModal;

package/es/business-hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useModal } from './useModal';
+export { default as useTagModal } from './useTagModal';

package/es/business-hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useModal } from "./useModal";
+export { default as useTagModal } from "./useTagModal";

package/es/business-hooks/useModal/index.d.ts

@@ -0,0 +1,31 @@
+import { ModalProps } from 'node_modules/antd/lib/modal/Modal.d';
+import React from 'react';
+/**
+ * @Title: 传入参数
+ * @Describe: 其余参数与Modal一致
+ * @Author: Wzw
+ */
+export interface useModalProps extends ModalProps {
+    /**
+     * @description 属性描述
+     * @default "默认值"
+     */
+    children: React.ReactNode;
+    /**
+     * @description 取消事件,不传则执行关闭事件
+     * @default "默认值"
+     */
+    onCancel: () => void;
+    /**
+     * @description 确认事件,不传则执行关闭事件
+     * @default "默认值"
+     */
+    onOk: () => void;
+}
+declare const useModal: (props: Partial<useModalProps>) => {
+    showModal: () => void;
+    hideModal: () => void;
+    visible: boolean;
+    content: JSX.Element;
+};
+export default useModal;

package/es/business-hooks/useModal/index.js

@@ -0,0 +1,91 @@
+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; }
+/*
+ * @Title:  useModal hooks
+ * @Describe: 基于Modal 封装 visible 以及Modal创建, 只需传入children
+ * @Author: Wzw
+ * @Date: 2021-03-30 15:21:58
+ * @LastEditors: wzw 445595671@qq.com
+ * @LastEditTime: 2022-11-14 09:30
+ */
+import { Modal } from 'antd';
+import React, { useState } from 'react';
+
+/**
+ * @Title: 传入参数
+ * @Describe: 其余参数与Modal一致
+ * @Author: Wzw
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+var useModal = function useModal(props) {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+
+  /**
+   * @Title: 打开弹窗
+   * @Describe:
+   * @Author: Wzw
+   */
+  var showModal = function showModal() {
+    setVisible(true);
+  };
+
+  /**
+   * @Title: 关闭弹窗
+   * @Describe:
+   * @Author: Wzw
+   */
+  var hideModal = function hideModal() {
+    setVisible(false);
+  };
+  /**
+   * @Title: OK事件
+   * @Describe:
+   * @Author: Wzw
+   */
+  var _onOk = function _onOk() {
+    if (props.onOk) {
+      props.onOk();
+    } else {
+      hideModal();
+    }
+  };
+
+  /**
+   * @Title: cancel事件
+   * @Describe:
+   * @Author: Wzw
+   */
+  var _onCancel = function _onCancel() {
+    if (props.onCancel) {
+      props.onCancel();
+    } else {
+      hideModal();
+    }
+  };
+  return {
+    showModal: showModal,
+    hideModal: hideModal,
+    visible: visible,
+    content: /*#__PURE__*/_jsx(Modal, _objectSpread(_objectSpread({
+      open: visible,
+      onOk: _onOk,
+      onCancel: _onCancel
+    }, props), {}, {
+      children: props.children
+    }))
+  };
+};
+export default useModal;

package/es/business-hooks/useTagModal/index.d.ts

@@ -0,0 +1,17 @@
+import { useModalProps } from '../useModal';
+export interface TagDataType<T> {
+    value: T;
+    label: string;
+}
+export interface UseTagModalProps<T> extends Omit<useModalProps, 'children'> {
+    data: TagDataType<T>[];
+    value: T[];
+    onChange?: (value: T[]) => void;
+}
+declare const useTagModal: <T extends string | number>(props: UseTagModalProps<T>) => {
+    showModal: () => void;
+    hideModal: () => void;
+    visible: boolean;
+    content: JSX.Element;
+};
+export default useTagModal;

package/es/business-hooks/useTagModal/index.js

@@ -0,0 +1,47 @@
+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); }
+var _excluded = ["data", "onChange", "value"];
+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 _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 useModal from "../useModal";
+import React, { useMemo } from 'react';
+import { Checkbox, Col, Row } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+var useTagModal = function useTagModal(props) {
+  var data = props.data,
+    _onChange = props.onChange,
+    value = props.value,
+    others = _objectWithoutProperties(props, _excluded);
+  var Content = useMemo(function () {
+    return /*#__PURE__*/_jsx(Checkbox.Group, {
+      style: {
+        width: '100%'
+      },
+      onChange: function onChange(val) {
+        return _onChange === null || _onChange === void 0 ? void 0 : _onChange(val);
+      },
+      value: value,
+      children: /*#__PURE__*/_jsx(Row, {
+        gutter: 10,
+        children: data.map(function (d, i) {
+          return /*#__PURE__*/_jsx(Col, {
+            span: 8,
+            children: /*#__PURE__*/_jsx(Checkbox, {
+              value: d.value,
+              children: d.label
+            })
+          }, i);
+        })
+      })
+    });
+  }, [data, value]);
+  var modalResult = useModal(_objectSpread(_objectSpread({}, others), {}, {
+    children: Content
+  }));
+  return modalResult;
+};
+export default useTagModal;

package/es/components/ColorPicker/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './index.less';
+export interface ColorPickerProps {
+    keyName?: string;
+    /**
+     * @description 属性描述
+     * @default "默认值"
+     */
+    value: string;
+    /**
+     * @description 属性描述
+     * @default "默认值"
+     */
+    onChange: (val: any) => void;
+    /**
+     * @description 属性描述
+     * @default "默认值"
+     */
+    children?: React.ReactNode;
+}
+declare const ColorPicker: React.FC<ColorPickerProps>;
+export default ColorPicker;

package/es/components/ColorPicker/index.js

@@ -0,0 +1,51 @@
+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 { Popover } from 'antd';
+import React, { useEffect, useState } from 'react';
+//@ts-ignore
+import { SwatchesPicker } from 'react-color';
+import "./index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ColorPicker = function ColorPicker(_ref) {
+  var keyName = _ref.keyName,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    children = _ref.children;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    val = _useState2[0],
+    setVal = _useState2[1];
+
+  //颜色改变
+  var handleChange = function handleChange(e) {
+    setVal(e[keyName]);
+  };
+  //确认颜色
+  var handleConfirm = function handleConfirm(e) {
+    console.log(2);
+    onChange && onChange(e[keyName]);
+  };
+  useEffect(function () {
+    setVal(value);
+  }, [value]);
+  return /*#__PURE__*/_jsx(Popover, {
+    trigger: "click",
+    overlayClassName: "colorPickerBtn-Popover",
+    placement: "rightTop",
+    content: /*#__PURE__*/_jsx(SwatchesPicker, {
+      triangle: "hide",
+      color: val,
+      onChange: handleChange,
+      onChangeComplete: handleConfirm
+    }),
+    children: children
+  });
+};
+ColorPicker.defaultProps = {
+  keyName: 'hex'
+};
+export default ColorPicker;

package/es/components/ColorPicker/index.less

@@ -0,0 +1,17 @@
+.colorPickerBtn-Popover {
+  .ant-popover-inner-content {
+    padding: 0 0 0 0;
+  }
+
+  .ant-popover-arrow {
+    display: none;
+  }
+}
+
+.sketch-picker {
+  .flexbox-fix:nth-of-type(3) {
+    div:nth-of-type(5) {
+      display: none;
+    }
+  }
+}

package/es/components/DragSort/index.d.ts

@@ -0,0 +1,2 @@
+declare const DragDrop: ({ onChange, children, list, droppableId, draggableIdKey, droppableClassName, draggableClassName, footer, direction, isDragDisabled, }: any) => JSX.Element;
+export default DragDrop;