@chaoswise/ui 3.0.5 → 3.0.6

package/lib/Antd5/table/hooks/useFilter/FilterDropdown.js

@@ -1,497 +0,0 @@
-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); }
-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 _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 _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 _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 _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 _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; }
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import FilterFilled from '@ant-design/icons/FilterFilled';
-import classNames from 'classnames';
-import isEqual from 'rc-util/lib/isEqual';
-import useSyncState from '../../../_util/hooks/useSyncState';
-import { devUseWarning } from '../../../_util/warning';
-import Button from '../../../button';
-import Checkbox from '../../../checkbox';
-import { ConfigContext } from '../../../config-provider/context';
-import Dropdown from '../../../dropdown';
-import Empty from '../../../empty';
-import Menu from '../../../menu';
-import { OverrideProvider } from '../../../menu/OverrideContext';
-import Radio from '../../../radio';
-import Tree from '../../../tree';
-import FilterSearch from './FilterSearch';
-import FilterDropdownMenuWrapper from './FilterWrapper';
-export function flattenKeys(filters) {
-  var keys = [];
-  (filters || []).forEach(function (_ref) {
-    var value = _ref.value,
-      children = _ref.children;
-    keys.push(value);
-    if (children) {
-      keys = [].concat(_toConsumableArray(keys), _toConsumableArray(flattenKeys(children)));
-    }
-  });
-  return keys;
-}
-function hasSubMenu(filters) {
-  return filters.some(function (_ref2) {
-    var children = _ref2.children;
-    return children;
-  });
-}
-function searchValueMatched(searchValue, text) {
-  if (typeof text === 'string' || typeof text === 'number') {
-    return text === null || text === void 0 ? void 0 : text.toString().toLowerCase().includes(searchValue.trim().toLowerCase());
-  }
-  return false;
-}
-function renderFilterItems(_ref3) {
-  var filters = _ref3.filters,
-    prefixCls = _ref3.prefixCls,
-    filteredKeys = _ref3.filteredKeys,
-    filterMultiple = _ref3.filterMultiple,
-    searchValue = _ref3.searchValue,
-    filterSearch = _ref3.filterSearch;
-  return filters.map(function (filter, index) {
-    var key = String(filter.value);
-    if (filter.children) {
-      return {
-        key: key || index,
-        label: filter.text,
-        popupClassName: "".concat(prefixCls, "-dropdown-submenu"),
-        children: renderFilterItems({
-          filters: filter.children,
-          prefixCls: prefixCls,
-          filteredKeys: filteredKeys,
-          filterMultiple: filterMultiple,
-          searchValue: searchValue,
-          filterSearch: filterSearch
-        })
-      };
-    }
-    var Component = filterMultiple ? Checkbox : Radio;
-    var item = {
-      key: filter.value !== undefined ? key : index,
-      label: _jsxs(_Fragment, {
-        children: [_jsx(Component, {
-          checked: filteredKeys.includes(key)
-        }), _jsx("span", {
-          children: filter.text
-        })]
-      })
-    };
-    if (searchValue.trim()) {
-      if (typeof filterSearch === 'function') {
-        return filterSearch(searchValue, filter) ? item : null;
-      }
-      return searchValueMatched(searchValue, filter.text) ? item : null;
-    }
-    return item;
-  });
-}
-function wrapStringListType(keys) {
-  return keys || [];
-}
-function FilterDropdown(props) {
-  var _filterState$filtered, _ref6;
-  var tablePrefixCls = props.tablePrefixCls,
-    prefixCls = props.prefixCls,
-    column = props.column,
-    dropdownPrefixCls = props.dropdownPrefixCls,
-    columnKey = props.columnKey,
-    filterOnClose = props.filterOnClose,
-    filterMultiple = props.filterMultiple,
-    _props$filterMode = props.filterMode,
-    filterMode = _props$filterMode === void 0 ? 'menu' : _props$filterMode,
-    _props$filterSearch = props.filterSearch,
-    filterSearch = _props$filterSearch === void 0 ? false : _props$filterSearch,
-    filterState = props.filterState,
-    triggerFilter = props.triggerFilter,
-    locale = props.locale,
-    children = props.children,
-    getPopupContainer = props.getPopupContainer,
-    rootClassName = props.rootClassName;
-  var filterDropdownOpen = column.filterDropdownOpen,
-    onFilterDropdownOpenChange = column.onFilterDropdownOpenChange,
-    filterResetToDefaultFilteredValue = column.filterResetToDefaultFilteredValue,
-    defaultFilteredValue = column.defaultFilteredValue,
-    filterDropdownVisible = column.filterDropdownVisible,
-    onFilterDropdownVisibleChange = column.onFilterDropdownVisibleChange;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    visible = _React$useState2[0],
-    setVisible = _React$useState2[1];
-  var filtered = !!(filterState && ((_filterState$filtered = filterState.filteredKeys) !== null && _filterState$filtered !== void 0 && _filterState$filtered.length || filterState.forceFiltered));
-  var triggerVisible = function triggerVisible(newVisible) {
-    setVisible(newVisible);
-    onFilterDropdownOpenChange === null || onFilterDropdownOpenChange === void 0 || onFilterDropdownOpenChange(newVisible);
-    onFilterDropdownVisibleChange === null || onFilterDropdownVisibleChange === void 0 || onFilterDropdownVisibleChange(newVisible);
-  };
-  if (process.env.NODE_ENV !== 'production') {
-    var warning = devUseWarning('Table');
-    [['filterDropdownVisible', 'filterDropdownOpen', filterDropdownVisible], ['onFilterDropdownVisibleChange', 'onFilterDropdownOpenChange', onFilterDropdownVisibleChange]].forEach(function (_ref4) {
-      var _ref5 = _slicedToArray(_ref4, 3),
-        deprecatedName = _ref5[0],
-        newName = _ref5[1],
-        prop = _ref5[2];
-      warning.deprecated(prop === undefined || prop === null, deprecatedName, newName);
-    });
-  }
-  var mergedVisible = (_ref6 = filterDropdownOpen !== null && filterDropdownOpen !== void 0 ? filterDropdownOpen : filterDropdownVisible) !== null && _ref6 !== void 0 ? _ref6 : visible;
-  // ===================== Select Keys =====================
-  var propFilteredKeys = filterState === null || filterState === void 0 ? void 0 : filterState.filteredKeys;
-  var _useSyncState = useSyncState(wrapStringListType(propFilteredKeys)),
-    _useSyncState2 = _slicedToArray(_useSyncState, 2),
-    getFilteredKeysSync = _useSyncState2[0],
-    setFilteredKeysSync = _useSyncState2[1];
-  var onSelectKeys = function onSelectKeys(_ref7) {
-    var selectedKeys = _ref7.selectedKeys;
-    setFilteredKeysSync(selectedKeys);
-  };
-  var onCheck = function onCheck(keys, _ref8) {
-    var node = _ref8.node,
-      checked = _ref8.checked;
-    if (!filterMultiple) {
-      onSelectKeys({
-        selectedKeys: checked && node.key ? [node.key] : []
-      });
-    } else {
-      onSelectKeys({
-        selectedKeys: keys
-      });
-    }
-  };
-  React.useEffect(function () {
-    if (!visible) {
-      return;
-    }
-    onSelectKeys({
-      selectedKeys: wrapStringListType(propFilteredKeys)
-    });
-  }, [propFilteredKeys]);
-  // ====================== Open Keys ======================
-  var _React$useState3 = React.useState([]),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    openKeys = _React$useState4[0],
-    setOpenKeys = _React$useState4[1];
-  var onOpenChange = function onOpenChange(keys) {
-    setOpenKeys(keys);
-  };
-  // search in tree mode column filter
-  var _React$useState5 = React.useState(''),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    searchValue = _React$useState6[0],
-    setSearchValue = _React$useState6[1];
-  var onSearch = function onSearch(e) {
-    var value = e.target.value;
-    setSearchValue(value);
-  };
-  // clear search value after close filter dropdown
-  React.useEffect(function () {
-    if (!visible) {
-      setSearchValue('');
-    }
-  }, [visible]);
-  // ======================= Submit ========================
-  var internalTriggerFilter = function internalTriggerFilter(keys) {
-    var mergedKeys = keys && keys.length ? keys : null;
-    if (mergedKeys === null && (!filterState || !filterState.filteredKeys)) {
-      return null;
-    }
-    if (isEqual(mergedKeys, filterState === null || filterState === void 0 ? void 0 : filterState.filteredKeys, true)) {
-      return null;
-    }
-    triggerFilter({
-      column: column,
-      key: columnKey,
-      filteredKeys: mergedKeys
-    });
-  };
-  var onConfirm = function onConfirm() {
-    triggerVisible(false);
-    internalTriggerFilter(getFilteredKeysSync());
-  };
-  var onReset = function onReset() {
-    var _ref9 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        confirm: false,
-        closeDropdown: false
-      },
-      confirm = _ref9.confirm,
-      closeDropdown = _ref9.closeDropdown;
-    if (confirm) {
-      internalTriggerFilter([]);
-    }
-    if (closeDropdown) {
-      triggerVisible(false);
-    }
-    setSearchValue('');
-    if (filterResetToDefaultFilteredValue) {
-      setFilteredKeysSync((defaultFilteredValue || []).map(function (key) {
-        return String(key);
-      }));
-    } else {
-      setFilteredKeysSync([]);
-    }
-  };
-  var doFilter = function doFilter() {
-    var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        closeDropdown: true
-      },
-      closeDropdown = _ref10.closeDropdown;
-    if (closeDropdown) {
-      triggerVisible(false);
-    }
-    internalTriggerFilter(getFilteredKeysSync());
-  };
-  var onVisibleChange = function onVisibleChange(newVisible, info) {
-    if (info.source === 'trigger') {
-      if (newVisible && propFilteredKeys !== undefined) {
-        // Sync filteredKeys on appear in controlled mode (propFilteredKeys !== undefined)
-        setFilteredKeysSync(wrapStringListType(propFilteredKeys));
-      }
-      triggerVisible(newVisible);
-      if (!newVisible && !column.filterDropdown && filterOnClose) {
-        onConfirm();
-      }
-    }
-  };
-  // ======================== Style ========================
-  var dropdownMenuClass = classNames(_defineProperty({}, "".concat(dropdownPrefixCls, "-menu-without-submenu"), !hasSubMenu(column.filters || [])));
-  var onCheckAll = function onCheckAll(e) {
-    if (e.target.checked) {
-      var allFilterKeys = flattenKeys(column === null || column === void 0 ? void 0 : column.filters).map(function (key) {
-        return String(key);
-      });
-      setFilteredKeysSync(allFilterKeys);
-    } else {
-      setFilteredKeysSync([]);
-    }
-  };
-  var getTreeData = function getTreeData(_ref11) {
-    var filters = _ref11.filters;
-    return (filters || []).map(function (filter, index) {
-      var key = String(filter.value);
-      var item = {
-        title: filter.text,
-        key: filter.value !== undefined ? key : String(index)
-      };
-      if (filter.children) {
-        item.children = getTreeData({
-          filters: filter.children
-        });
-      }
-      return item;
-    });
-  };
-  var getFilterData = function getFilterData(node) {
-    var _node$children;
-    return _objectSpread(_objectSpread({}, node), {}, {
-      text: node.title,
-      value: node.key,
-      children: ((_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children.map(function (item) {
-        return getFilterData(item);
-      })) || []
-    });
-  };
-  var dropdownContent;
-  if (typeof column.filterDropdown === 'function') {
-    dropdownContent = column.filterDropdown({
-      prefixCls: "".concat(dropdownPrefixCls, "-custom"),
-      setSelectedKeys: function setSelectedKeys(selectedKeys) {
-        return onSelectKeys({
-          selectedKeys: selectedKeys
-        });
-      },
-      selectedKeys: getFilteredKeysSync(),
-      confirm: doFilter,
-      clearFilters: onReset,
-      filters: column.filters,
-      visible: mergedVisible,
-      close: function close() {
-        triggerVisible(false);
-      }
-    });
-  } else if (column.filterDropdown) {
-    dropdownContent = column.filterDropdown;
-  } else {
-    var selectedKeys = getFilteredKeysSync() || [];
-    var getFilterComponent = function getFilterComponent() {
-      var empty = _jsx(Empty, {
-        image: Empty.PRESENTED_IMAGE_SIMPLE,
-        description: locale.filterEmptyText,
-        imageStyle: {
-          height: 24
-        },
-        style: {
-          margin: 0,
-          padding: '16px 0'
-        }
-      });
-      if ((column.filters || []).length === 0) {
-        return empty;
-      }
-      if (filterMode === 'tree') {
-        return _jsxs(_Fragment, {
-          children: [_jsx(FilterSearch, {
-            filterSearch: filterSearch,
-            value: searchValue,
-            onChange: onSearch,
-            tablePrefixCls: tablePrefixCls,
-            locale: locale
-          }), _jsxs("div", {
-            className: "".concat(tablePrefixCls, "-filter-dropdown-tree"),
-            children: [filterMultiple ? _jsx(Checkbox, {
-              checked: selectedKeys.length === flattenKeys(column.filters).length,
-              indeterminate: selectedKeys.length > 0 && selectedKeys.length < flattenKeys(column.filters).length,
-              className: "".concat(tablePrefixCls, "-filter-dropdown-checkall"),
-              onChange: onCheckAll,
-              children: locale.filterCheckall
-            }) : null, _jsx(Tree, {
-              checkable: true,
-              selectable: false,
-              blockNode: true,
-              multiple: filterMultiple,
-              checkStrictly: !filterMultiple,
-              className: "".concat(dropdownPrefixCls, "-menu"),
-              onCheck: onCheck,
-              checkedKeys: selectedKeys,
-              selectedKeys: selectedKeys,
-              showIcon: false,
-              treeData: getTreeData({
-                filters: column.filters
-              }),
-              autoExpandParent: true,
-              defaultExpandAll: true,
-              filterTreeNode: searchValue.trim() ? function (node) {
-                if (typeof filterSearch === 'function') {
-                  return filterSearch(searchValue, getFilterData(node));
-                }
-                return searchValueMatched(searchValue, node.title);
-              } : undefined
-            })]
-          })]
-        });
-      }
-      var items = renderFilterItems({
-        filters: column.filters || [],
-        filterSearch: filterSearch,
-        prefixCls: prefixCls,
-        filteredKeys: getFilteredKeysSync(),
-        filterMultiple: filterMultiple,
-        searchValue: searchValue
-      });
-      var isEmpty = items.every(function (item) {
-        return item === null;
-      });
-      return _jsxs(_Fragment, {
-        children: [_jsx(FilterSearch, {
-          filterSearch: filterSearch,
-          value: searchValue,
-          onChange: onSearch,
-          tablePrefixCls: tablePrefixCls,
-          locale: locale
-        }), isEmpty ? empty : _jsx(Menu, {
-          selectable: true,
-          multiple: filterMultiple,
-          prefixCls: "".concat(dropdownPrefixCls, "-menu"),
-          className: dropdownMenuClass,
-          onSelect: onSelectKeys,
-          onDeselect: onSelectKeys,
-          selectedKeys: selectedKeys,
-          getPopupContainer: getPopupContainer,
-          openKeys: openKeys,
-          onOpenChange: onOpenChange,
-          items: items
-        })]
-      });
-    };
-    var getResetDisabled = function getResetDisabled() {
-      if (filterResetToDefaultFilteredValue) {
-        return isEqual((defaultFilteredValue || []).map(function (key) {
-          return String(key);
-        }), selectedKeys, true);
-      }
-      return selectedKeys.length === 0;
-    };
-    dropdownContent = _jsxs(_Fragment, {
-      children: [getFilterComponent(), _jsxs("div", {
-        className: "".concat(prefixCls, "-dropdown-btns"),
-        children: [_jsx(Button, {
-          type: "link",
-          size: "small",
-          disabled: getResetDisabled(),
-          onClick: function onClick() {
-            return onReset();
-          },
-          children: locale.filterReset
-        }), _jsx(Button, {
-          type: "primary",
-          size: "small",
-          onClick: onConfirm,
-          children: locale.filterConfirm
-        })]
-      })]
-    });
-  }
-  // We should not block customize Menu with additional props
-  if (column.filterDropdown) {
-    dropdownContent = _jsx(OverrideProvider, {
-      selectable: undefined,
-      children: dropdownContent
-    });
-  }
-  var menu = function menu() {
-    return _jsx(FilterDropdownMenuWrapper, {
-      className: "".concat(prefixCls, "-dropdown"),
-      children: dropdownContent
-    });
-  };
-  var filterIcon;
-  if (typeof column.filterIcon === 'function') {
-    filterIcon = column.filterIcon(filtered);
-  } else if (column.filterIcon) {
-    filterIcon = column.filterIcon;
-  } else {
-    filterIcon = _jsx(FilterFilled, {});
-  }
-  var _React$useContext = React.useContext(ConfigContext),
-    direction = _React$useContext.direction;
-  return _jsxs("div", {
-    className: "".concat(prefixCls, "-column"),
-    children: [_jsx("span", {
-      className: "".concat(tablePrefixCls, "-column-title"),
-      children: children
-    }), _jsx(Dropdown, {
-      dropdownRender: menu,
-      trigger: ['click'],
-      open: mergedVisible,
-      onOpenChange: onVisibleChange,
-      getPopupContainer: getPopupContainer,
-      placement: direction === 'rtl' ? 'bottomLeft' : 'bottomRight',
-      rootClassName: rootClassName,
-      children: _jsx("span", {
-        role: "button",
-        tabIndex: -1,
-        className: classNames("".concat(prefixCls, "-trigger"), {
-          active: filtered
-        }),
-        onClick: function onClick(e) {
-          e.stopPropagation();
-        },
-        children: filterIcon
-      })
-    })]
-  });
-}
-export default FilterDropdown;

package/lib/Antd5/table/hooks/useFilter/FilterSearch.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import SearchOutlined from '@ant-design/icons/SearchOutlined';
-import Input from '../../../input';
-function FilterSearch(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    filterSearch = _ref.filterSearch,
-    tablePrefixCls = _ref.tablePrefixCls,
-    locale = _ref.locale;
-  if (!filterSearch) {
-    return null;
-  }
-  return _jsx("div", {
-    className: "".concat(tablePrefixCls, "-filter-dropdown-search"),
-    children: _jsx(Input, {
-      prefix: _jsx(SearchOutlined, {}),
-      placeholder: locale.filterSearchPlaceholder,
-      onChange: onChange,
-      value: value,
-      // for skip min-width of input
-      htmlSize: 1,
-      className: "".concat(tablePrefixCls, "-filter-dropdown-search-input")
-    })
-  });
-}
-export default FilterSearch;

package/lib/Antd5/table/hooks/useFilter/FilterWrapper.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import KeyCode from 'rc-util/lib/KeyCode';
-var onKeyDown = function onKeyDown(event) {
-  var keyCode = event.keyCode;
-  if (keyCode === KeyCode.ENTER) {
-    event.stopPropagation();
-  }
-};
-var FilterDropdownMenuWrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return _jsx("div", {
-    className: props.className,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    },
-    onKeyDown: onKeyDown,
-    ref: ref,
-    children: props.children
-  });
-});
-if (process.env.NODE_ENV !== 'production') {
-  FilterDropdownMenuWrapper.displayName = 'FilterDropdownMenuWrapper';
-}
-export default FilterDropdownMenuWrapper;