@chaoswise/ui 3.1.3 → 3.1.5

package/lib/CWSelect/index.js

@@ -1,24 +1,73 @@
-var _excluded = ["selectLabel", "label", "prefix"];
+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 _Checkbox from "@chaoswise/ui/lib/Checkbox";
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _Tag from "@chaoswise/ui/lib/Tag";
+var _excluded = ["selectLabel", "label", "prefix", "defaultValue", "mode", "value", "labelInValue", "onChange", "onSelect", "onDeselect", "onDragEnd", "tagRender", "allowDrag", "maxTagCount", "showCheckbox", "tagLabelRender", "maxTagTextLength", "dropdownRender", "multipleOptions", "children", "maxCount"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _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(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-import React, { forwardRef, useMemo } from "react";
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { forwardRef, useState, useEffect, useMemo, useRef, useCallback } from "react";
 import Select from "../Antd5/select";
-import classnames from "classnames";
+import DragTag from "./DragTag";
+import CustomTag from "./Tag";
 import useConfigContext from "../useConfigContext";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import { DndProvider } from "react-dnd";
 import { cloneComProps } from "../utils";
+import update from "immutability-helper";
+import PropTypes from "prop-types";
+import { useIntl } from "../locales";
 import useStyle from "./index.style";
 var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var selectLabel = props.selectLabel,
     label = props.label,
     prefix = props.prefix,
+    defaultValue = props.defaultValue,
+    mode = props.mode,
+    value = props.value,
+    labelInValue = props.labelInValue,
+    _props$onChange = props.onChange,
+    onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    _props$onSelect = props.onSelect,
+    onSelect = _props$onSelect === void 0 ? function () {} : _props$onSelect,
+    _props$onDeselect = props.onDeselect,
+    onDeselect = _props$onDeselect === void 0 ? function () {} : _props$onDeselect,
+    _props$onDragEnd = props.onDragEnd,
+    onDragEnd = _props$onDragEnd === void 0 ? function () {} : _props$onDragEnd,
+    tagRender = props.tagRender,
+    _props$allowDrag = props.allowDrag,
+    allowDrag = _props$allowDrag === void 0 ? false : _props$allowDrag,
+    maxTagCount = props.maxTagCount,
+    _props$showCheckbox = props.showCheckbox,
+    showCheckbox = _props$showCheckbox === void 0 ? false : _props$showCheckbox,
+    tagLabelRender = props.tagLabelRender,
+    maxTagTextLength = props.maxTagTextLength,
+    dropdownRender = props.dropdownRender,
+    _props$multipleOption = props.multipleOptions,
+    multipleOptions = _props$multipleOption === void 0 ? {
+      showCheckbox: false,
+      showSelectAll: true,
+      isCheckboxMultipleHasSelectAll: true
+    } : _props$multipleOption,
+    children = props.children,
+    maxCount = props.maxCount,
     rest = _objectWithoutProperties(props, _excluded);
+  var intl = useIntl();
   var _useConfigContext = useConfigContext(),
     getPrefixCls = _useConfigContext.getPrefixCls;
   var prefixCls = getPrefixCls("select");
@@ -27,14 +76,279 @@ var CWSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
+  var keyIndexMap = useRef({});
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    allInstance = _useState2[0],
+    setAllInstance = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    allOptions = _useState4[0],
+    setAllOptions = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    activeKey = _useState6[0],
+    setActiveKey = _useState6[1];
   var _prefix = useMemo(function () {
     return prefix || label || selectLabel;
   }, [prefix, label, selectLabel]);
-  return wrapCSSVar(/*#__PURE__*/React.createElement(Select, _extends({
+  var _showCheckbox = useMemo(function () {
+    return mode === "multiple" && (showCheckbox || multipleOptions.showCheckbox);
+  }, [mode, showCheckbox, multipleOptions.showCheckbox]);
+  var _showCheckAll = useMemo(function () {
+    return multipleOptions.isCheckboxMultipleHasSelectAll && !("maxCount" in props);
+  }, [multipleOptions.isCheckboxMultipleHasSelectAll, maxCount]);
+  useEffect(function () {
+    if (mode) {
+      getMapFromArray(defaultValue);
+    }
+  }, [defaultValue]);
+  useEffect(function () {
+    if (mode) {
+      getMapFromArray(value);
+    }
+  }, [value]);
+  var getMapFromArray = useCallback(function (_value) {
+    setActiveKey(_value || []);
+    if (!_value) return;
+    var value = Array.isArray(_value) ? _value : [_value];
+    keyIndexMap.current = {};
+    var allKeys = value.map(function (item, index) {
+      var key = labelInValue ? item.value : item;
+      keyIndexMap.current[key] = {
+        index: index
+      };
+      return key;
+    });
+    setTimeout(function () {
+      return setAllInstance(allKeys);
+    });
+  }, [labelInValue]);
+  var _onChange = function _onChange(newValue, option) {
+    onChange(newValue, option);
+    setAllOptions(option);
+    if (value) return;
+    if (mode) {
+      getMapFromArray(newValue);
+    }
+  };
+  var onPreventMouseDown = function onPreventMouseDown(e) {
+    e.preventDefault();
+    e.stopPropagation();
+  };
+  var renderTag = useCallback(function (props) {
+    var _disabled = rest.disabled || props.disabled;
+    return /*#__PURE__*/React.createElement(CustomTag, {
+      tagProps: props,
+      key: props.value,
+      maxTagTextLength: maxTagTextLength,
+      tagLabelRender: tagLabelRender,
+      closeIcon: !_disabled
+    });
+  }, [maxTagTextLength, tagLabelRender, rest.disabled]);
+  var moveNode = useCallback(function (dragIndex, hoverIndex) {
+    var dropChange = allInstance[dragIndex];
+    var dragChange = allInstance[hoverIndex];
+    var dragSortInstance = update(allInstance, {
+      $splice: [[dragIndex, 1, dragChange], [hoverIndex, 1, dropChange]]
+    });
+    var dragAllOptions = dragSortInstance.map(function (item) {
+      var findOption = allOptions.find(function (i) {
+        return i.value === item;
+      });
+      return findOption;
+    });
+    onDragEnd(dragSortInstance);
+    _onChange(dragSortInstance, dragAllOptions, true);
+  }, [allInstance]);
+  var tagDropdownOverlay = useMemo(function () {
+    return allInstance.slice(maxTagCount).map(function (key) {
+      var props = keyIndexMap.current[key];
+      if (!props) return null;
+      var _disabled = rest.disabled || props.disabled;
+      return /*#__PURE__*/React.createElement(CustomTag, {
+        tagProps: props,
+        key: key,
+        maxTagTextLength: maxTagTextLength,
+        tagLabelRender: tagLabelRender,
+        closeIcon: !_disabled
+      });
+    });
+  }, [allInstance, maxTagCount, tagLabelRender, maxTagTextLength, rest.disabled]);
+  var _tagRender = function _tagRender(props) {
+    var node = keyIndexMap.current[props.value];
+    if (node) {
+      keyIndexMap.current[props.value] = _objectSpread(_objectSpread({}, keyIndexMap.current[props.value]), props);
+    }
+    if (allowDrag) {
+      var _disabled = rest.disabled || props.disabled;
+      return /*#__PURE__*/React.createElement(DragTag, {
+        tagProps: keyIndexMap.current[props.value],
+        maxTagTextLength: maxTagTextLength,
+        tagLabelRender: tagLabelRender,
+        closeIcon: !_disabled,
+        moveNode: moveNode
+      });
+    }
+    if (maxTagCount === undefined) {
+      return renderTag(props);
+    }
+    if (node && node.index === maxTagCount) {
+      return /*#__PURE__*/React.createElement(_Tooltip, {
+        overlayClassName: "".concat(prefixCls, "-tag-tooltip-wrapper"),
+        overlay: tagDropdownOverlay,
+        placement: "bottomRight"
+      }, /*#__PURE__*/React.createElement(_Tag, {
+        className: "".concat(prefixCls, "-custom-tag"),
+        type: "custom_type01",
+        closeIcon: !rest.disabled,
+        onMouseDown: onPreventMouseDown,
+        onClose: function onClose(e) {
+          var filterAllInstance = activeKey.slice(0, maxTagCount);
+          var filterAllOptions = allOptions.slice(0, maxTagCount);
+          _onChange(filterAllInstance, filterAllOptions);
+          onDeselect(activeKey.slice(maxTagCount), allOptions.slice(maxTagCount));
+        }
+      }, "+", Object.keys(keyIndexMap.current).slice(maxTagCount).length));
+    }
+    if (node && node.index < maxTagCount) {
+      return renderTag(props);
+    }
+  };
+  var onCheckAllChange = function onCheckAllChange(e, currentDataSource, originDataSource) {
+    var _activeKey = [];
+    var activeDataSource = [];
+    var originActiveDataSource = originDataSource.filter(function (item) {
+      return activeKey.find(function (i) {
+        return labelInValue ? i.value === item.value : i === item.value;
+      });
+    });
+    var currentDataSourceKey = currentDataSource.map(function (item) {
+      return labelInValue ? {
+        value: item.value,
+        label: item.children
+      } : item.value;
+    });
+    if (e.target.checked) {
+      activeDataSource = Array.from(new Set([].concat(_toConsumableArray(originActiveDataSource), _toConsumableArray(currentDataSource))));
+      _activeKey = Array.from(new Set([].concat(_toConsumableArray(activeKey), _toConsumableArray(currentDataSourceKey))));
+      onSelect(currentDataSourceKey, currentDataSource);
+    } else {
+      activeDataSource = originActiveDataSource.filter(function (item) {
+        return !currentDataSource.find(function (i) {
+          return i.value === item.value;
+        });
+      });
+      _activeKey = activeKey.filter(function (item) {
+        return !currentDataSourceKey.find(function (i) {
+          return labelInValue ? item.value === i.value : item === i;
+        });
+      });
+      onDeselect(currentDataSourceKey, currentDataSource);
+    }
+    _onChange(_activeKey, activeDataSource);
+  };
+  var customDropdownRender = function customDropdownRender(originNode) {
+    var _originNode$_owner, _originNode$_owner2, _originNode$_owner3;
+    var flattenOptions = (originNode === null || originNode === void 0 || (_originNode$_owner = originNode._owner) === null || _originNode$_owner === void 0 || (_originNode$_owner = _originNode$_owner.dependencies) === null || _originNode$_owner === void 0 || (_originNode$_owner = _originNode$_owner.firstContext) === null || _originNode$_owner === void 0 || (_originNode$_owner = _originNode$_owner.memoizedValue) === null || _originNode$_owner === void 0 ? void 0 : _originNode$_owner.flattenOptions) || [];
+    var originDataSource = (originNode === null || originNode === void 0 || (_originNode$_owner2 = originNode._owner) === null || _originNode$_owner2 === void 0 || (_originNode$_owner2 = _originNode$_owner2.dependencies) === null || _originNode$_owner2 === void 0 || (_originNode$_owner2 = _originNode$_owner2.firstContext) === null || _originNode$_owner2 === void 0 || (_originNode$_owner2 = _originNode$_owner2.memoizedValue) === null || _originNode$_owner2 === void 0 ? void 0 : _originNode$_owner2.options) || [];
+    var dataSource = flattenOptions.filter(function (item) {
+      return item.hasOwnProperty("groupOption");
+    }).map(function (item) {
+      return item.data;
+    });
+    var activeValues = Array.from(originNode === null || originNode === void 0 || (_originNode$_owner3 = originNode._owner) === null || _originNode$_owner3 === void 0 || (_originNode$_owner3 = _originNode$_owner3.dependencies) === null || _originNode$_owner3 === void 0 || (_originNode$_owner3 = _originNode$_owner3.firstContext) === null || _originNode$_owner3 === void 0 || (_originNode$_owner3 = _originNode$_owner3.memoizedValue) === null || _originNode$_owner3 === void 0 ? void 0 : _originNode$_owner3.rawValues);
+    var filterActiveValues = dataSource.map(function (item) {
+      return item.value;
+    }).filter(function (item) {
+      return activeValues.includes(item);
+    });
+    var notFoundContent = rest.notFoundContent || /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-show-checkbox-empty")
+    }, intl.get("812f44fc-ed3c-4bd3-8ad5-35cd2996c5ae").d("未查找到任何结果"));
+    return !dataSource.length ? notFoundContent : /*#__PURE__*/React.createElement(React.Fragment, null, _showCheckAll && /*#__PURE__*/React.createElement("div", {
+      className: "".concat(prefixCls, "-check-all"),
+      onMouseDown: onPreventMouseDown
+    }, /*#__PURE__*/React.createElement(_Checkbox, {
+      indeterminate: filterActiveValues.length && filterActiveValues.length !== dataSource.length,
+      checked: filterActiveValues.length === dataSource.length,
+      onChange: function onChange(e) {
+        return onCheckAllChange(e, dataSource, originDataSource);
+      },
+      style: {
+        width: "100%"
+      }
+    }, intl.get("3991a1d0-65a8-45ca-94a4-f89fbd9f8555").d("全选"), "\uFF08", filterActiveValues.length, "/", dataSource.length, "\uFF09")), originNode);
+  };
+  var renderCheckboxItem = function renderCheckboxItem(child) {
+    var isChecked = labelInValue ? activeKey.map(function (item) {
+      return item.value;
+    }).includes(child.props.value) : activeKey.includes(child.props.value);
+    return /*#__PURE__*/React.createElement("div", {
+      key: child.key,
+      className: "".concat(prefixCls, "-checkbox-item")
+    }, /*#__PURE__*/React.createElement(_Checkbox, {
+      disabled: child.props.disabled,
+      checked: isChecked
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "".concat(prefixCls, "-item-children")
+    }, child.props.children));
+  };
+  var finalChildren = children;
+  if (_showCheckbox) {
+    finalChildren = React.Children.map(children, function (child) {
+      if (Array.isArray(child.props.children)) {
+        var groupChildren = React.Children.map(child.props.children, function (optGroupChild) {
+          return /*#__PURE__*/React.cloneElement(optGroupChild, {}, renderCheckboxItem(optGroupChild));
+        });
+        return /*#__PURE__*/React.cloneElement(child, {}, groupChildren);
+      }
+      return /*#__PURE__*/React.cloneElement(child, {}, renderCheckboxItem(child));
+    });
+  }
+  return wrapCSSVar(/*#__PURE__*/React.createElement(DndProvider, {
+    backend: HTML5Backend
+  }, /*#__PURE__*/React.createElement(Select, _extends({
     ref: ref,
-    prefix: _prefix
-  }, rest)));
+    prefix: _prefix,
+    defaultValue: defaultValue,
+    value: "value" in props ? value : showCheckbox || allowDrag ? activeKey : value,
+    mode: mode,
+    onChange: _onChange,
+    tagRender: tagRender || _tagRender,
+    menuItemSelectedIcon: null,
+    onSelect: onSelect,
+    onDeselect: onDeselect,
+    children: finalChildren,
+    dropdownRender: dropdownRender !== null && dropdownRender !== void 0 ? dropdownRender : _showCheckbox ? customDropdownRender : null,
+    labelInValue: labelInValue,
+    maxCount: maxCount
+  }, rest))));
 });
-CWSelect.propTypes = {};
+CWSelect.propTypes = {
+  allowClear: PropTypes.bool,
+  disabled: PropTypes.bool,
+  dropdownRender: PropTypes.func,
+  labelInValue: PropTypes.bool,
+  maxTagCount: PropTypes.number,
+  maxTagTextLength: PropTypes.number,
+  mode: PropTypes.oneOf(["multiple", "tags"]),
+  notFoundContent: PropTypes.node,
+  tagLabelRender: PropTypes.func,
+  menuItemSelectedIcon: PropTypes.node,
+  onChange: PropTypes.func,
+  onDeselect: PropTypes.func,
+  onPopupScroll: PropTypes.func,
+  onSearch: PropTypes.func,
+  onSelect: PropTypes.func,
+  loading: PropTypes.bool,
+  tagRender: PropTypes.func,
+  allowDrag: PropTypes.bool,
+  onDragEnd: PropTypes.func,
+  showCheckbox: PropTypes.bool,
+  listHeight: PropTypes.number,
+  selectLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+};
 cloneComProps(Select, CWSelect);
 export default CWSelect;

package/lib/CWSelect/index.style.js

@@ -3,14 +3,13 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { genStyleHooks, mergeToken } from "../Antd5/theme/internal";
+import { prepareComponentToken } from "../Antd5/select/style/token";
 var genCustomSelectStyle = function genCustomSelectStyle(token) {
-  var prefixCls = token.antCls,
-    inputPaddingHorizontalBase = token.inputPaddingHorizontalBase;
+  var prefixCls = token.antCls;
   var componentCls = "".concat(prefixCls, "-select");
-  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-prefix"), {
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-prefix"), {
     display: "flex",
     alignItems: "center"
-    // paddingRight: inputPaddingHorizontalBase,
   }), "".concat(componentCls, "-selection-wrap"), {
     display: "flex",
     position: "relative",
@@ -21,19 +20,72 @@ var genCustomSelectStyle = function genCustomSelectStyle(token) {
   }))), "".concat(componentCls).concat(componentCls, "-single"), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty({}, "".concat(componentCls, "-selection-wrap"), _defineProperty({}, "".concat(componentCls, "-selection-search"), {
     left: "0",
     marginLeft: "0"
-  })))), "".concat(componentCls).concat(componentCls, "-multiple"), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-wrap"), _defineProperty({}, "".concat(componentCls, "-selection-placeholder"), {
-    transform: "translate(-3px,-50%)" // 3px 是`${componentCls}-selection-search` 宽度
-  })), "&:has(".concat(componentCls, "-prefix)"), _defineProperty({}, "".concat(componentCls, "-selection-wrap"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-placeholder"), {
+  })))), "".concat(componentCls).concat(componentCls, "-multiple"), _defineProperty({}, "".concat(componentCls, "-selector"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-wrap"), _defineProperty({}, "".concat(componentCls, "-selection-overflow"), _defineProperty({}, "".concat(componentCls, "-selection-overflow-item"), {
+    ">span": _defineProperty({
+      maxWidth: "100%"
+    }, "".concat(componentCls, "-custom-tag"), _defineProperty({
+      margin: "2px 4px 2px 0",
+      maxWidth: "126px",
+      display: "flex"
+    }, "".concat(componentCls, "-custom-tag-content"), _defineProperty({
+      display: "flex",
+      flex: "1",
+      overflow: "auto"
+    }, "".concat(componentCls, "-checkbox-item"), _defineProperty({}, "".concat(prefixCls, "-checkbox-wrapper"), {
+      display: "none"
+    }))))
+  }))), "&:has(".concat(componentCls, "-prefix)"), _defineProperty({}, "".concat(componentCls, "-selection-wrap"), _defineProperty(_defineProperty({}, "".concat(componentCls, "-selection-placeholder"), {
     left: 0,
     transform: "translateY(-50%)"
   }), "".concat(componentCls, "-selection-search"), {
     marginLeft: "0"
-  })))));
+  }))))), "".concat(componentCls, "-tag-tooltip-wrapper"), _defineProperty({}, "".concat(prefixCls, "-tooltip-content"), _defineProperty({}, "".concat(prefixCls, "-tooltip-inner"), _defineProperty({
+    padding: "1px 4px",
+    display: "flex",
+    flexWrap: "wrap"
+  }, "".concat(componentCls, "-custom-tag"), _defineProperty({
+    margin: "2px 4px 2px 0",
+    maxWidth: "126px",
+    display: "flex"
+  }, "".concat(componentCls, "-custom-tag-content"), _defineProperty({
+    display: "flex",
+    flex: "1",
+    overflow: "auto"
+  }, "".concat(prefixCls, "-checkbox-wrapper"), {
+    display: "none"
+  })))))), "".concat(componentCls, "-dropdown"), _defineProperty(_defineProperty(_defineProperty({
+    padding: "0"
+  }, "".concat(componentCls, "-check-all"), {
+    padding: token.optionPadding
+  }), "".concat(componentCls, "-item").concat(componentCls, "-item-option"), _defineProperty(_defineProperty({}, "&".concat(componentCls, "-item-option-grouped"), {
+    padding: token.optionPadding
+  }), "".concat(componentCls, "-item-option-content"), _defineProperty({}, "".concat(componentCls, "-checkbox-item"), _defineProperty({}, "".concat(prefixCls, "-checkbox-wrapper"), {
+    marginRight: "8px"
+  })))), "".concat(componentCls, "-show-checkbox-empty"), {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: "9px 0",
+    lineHeight: "20px",
+    color: token.colorTextTertiary
+  })), "".concat(componentCls, "-checkbox-item"), _defineProperty({
+    display: "flex",
+    width: "100%"
+  }, "".concat(componentCls, "-item-children"), {
+    flex: "1",
+    overflow: "auto"
+  }));
 };
 // ============================== Export ==============================
-export default genStyleHooks("CWSelect", function (token) {
+export default genStyleHooks("CWSelect", function (token, _ref2) {
+  var rootPrefixCls = _ref2.rootPrefixCls;
   var selectToken = mergeToken(token, {
-    inputPaddingHorizontalBase: token.calc(token.paddingSM).sub(1).equal()
+    rootPrefixCls: rootPrefixCls,
+    inputPaddingHorizontalBase: token.calc(token.paddingSM).sub(1).equal(),
+    multipleSelectItemHeight: token.multipleItemHeight,
+    selectHeight: token.controlHeight
   });
   return [genCustomSelectStyle(selectToken)];
+}, prepareComponentToken, {
+  resetStyle: false
 });

package/lib/CWTable/CWTable.js

@@ -24,8 +24,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useState, useEffect, useRef, useMemo, forwardRef } from "react";
 import Icon, { LoadingOutlined, DownOutlined, RightOutlined } from "@ant-design/icons";
 import classnames from "classnames";

package/lib/CWTable/header.js

@@ -1,7 +1,7 @@
 var _excluded = ["onResize", "width", "onClick"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useRef } from "react";
 import { Resizable } from "react-resizable";
 // 自定义表头单元格

package/lib/CWTable/index.style.js

@@ -93,4 +93,6 @@ export default genStyleHooks("CWTable", function (token) {
   return [
   //
   genCustomCWTableStyle(token)];
+}, null, {
+  resetStyle: false
 });

package/lib/CWTree/index.js

@@ -12,8 +12,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { Fragment, useState, useEffect, useMemo, useCallback } from "react";
 import { EllipsisOutlined, DownOutlined } from "@ant-design/icons";
 import PropTypes from "prop-types";

package/lib/CardSelect/index.js

@@ -12,8 +12,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useState } from "react";
 import PropTypes from "prop-types";
 import useStyle from "./index.style";

package/lib/CardSelect/index.style.js

@@ -3,7 +3,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { genStyleHooks } from "../Antd5/theme/internal";
-import { unit } from '@ant-design/cssinjs';
+import { unit } from "@ant-design/cssinjs";
 var genCustomCardSelectStyle = function genCustomCardSelectStyle(token) {
   var prefixCls = token.antCls;
   var cardSelectPrefix = "".concat(prefixCls, "-card-select-dropdown-menu");
@@ -73,4 +73,6 @@ export default genStyleHooks("CardSelect", function (token) {
   return [
   //
   genCustomCardSelectStyle(token)];
+}, null, {
+  resetStyle: false
 });

package/lib/Collapse/index.js

@@ -10,8 +10,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { forwardRef } from "react";
 import Collapse from "../Antd5/collapse";
 import { RightOutlined } from "@ant-design/icons";

package/lib/Collapse/index.style.js

@@ -121,4 +121,6 @@ export default genStyleHooks("CWCollapse", function (token) {
   return [
   //
   genCustomCWCollapseStyle(token)];
+}, null, {
+  resetStyle: false
 });

package/lib/ConfigProvider/ConfigProvider.js

@@ -8,8 +8,8 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 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(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 // 导出全部 Antd5/config-provider 下的内容
 import React, { useState, useEffect, useMemo } from "react";
 import ConfigProvider from "../Antd5/config-provider";

package/lib/ConfigProvider/theme/common.js

@@ -81,6 +81,9 @@ export var commonComponentToken = {
     optionPadding: "5px 10px",
     algorithm: true
   },
+  CWSelect: {
+    optionPadding: "5px 10px"
+  },
   Alert: {
     defaultPadding: "4px 15px",
     withDescriptionIconSize: 14,

package/lib/ConfigProvider/theme/default.js

@@ -40,7 +40,8 @@ export var defaultComponentToken = {
     optionSelectedColor: ["colorPrimary"]
   },
   Tag: {
-    colorBorder: "rgba(0,0,0,0.09)"
+    colorBorder: "rgba(0,0,0,0.09)",
+    tagIconSize: "12px"
   },
   Table: {
     headerColor: ["colorTextSecondary"],

package/lib/ConfigProvider/theme/utils.js

@@ -1,7 +1,7 @@
 import _Theme from "@chaoswise/ui/lib/Theme";
 var _excluded = ["token", "components"];
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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 { commonToken, commonComponentToken } from "./common";
 import { defaultToken, defaultComponentToken, undeletableComponentToken } from "./default";

package/lib/CustomScrollBar/index.js

@@ -8,8 +8,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React, { useRef } from 'react';
 import { Scrollbars } from 'react-custom-scrollbars';
 import PropTypes from 'prop-types';