linkmore-design 1.0.53 → 1.0.54

package/es/CardTable/table/TableRoot.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -21,7 +21,8 @@ var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
 
 var _fns = _interopRequireDefault(require("../fns"));
 
-var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
+var _excluded = ["checkKeys", "trigger", "checkMethod"],
+    _excluded2 = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "pagerConfig", "toolbarConfig"];
 
 var reducer = function reducer(state, action) {
   var page = action.page,
@@ -70,6 +71,9 @@ var getInitialState = function getInitialState(props) {
       checkKeys = _props$checkboxConfig2 === void 0 ? [] : _props$checkboxConfig2,
       _props$checkboxConfig3 = _props$checkboxConfig.trigger,
       trigger = _props$checkboxConfig3 === void 0 ? 'default' : _props$checkboxConfig3,
+      _props$checkboxConfig4 = _props$checkboxConfig.checkMethod,
+      checkMethod = _props$checkboxConfig4 === void 0 ? true : _props$checkboxConfig4,
+      resetCheckCOnfig = (0, _objectWithoutProperties2.default)(_props$checkboxConfig, _excluded),
       _props$dataSource = props.dataSource,
       dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
       cellKey = props.cellKey;
@@ -78,11 +82,12 @@ var getInitialState = function getInitialState(props) {
   }) || [];
   return {
     // 复选框的配置
-    checkboxConfig: {
+    checkboxConfig: (0, _objectSpread2.default)({
       checkKeys: checkKeys,
       checkValues: checkValues,
-      trigger: trigger
-    },
+      trigger: trigger,
+      checkMethod: checkMethod
+    }, resetCheckCOnfig),
     // 分页的配置
     page: {
       pageIndex: 1,
@@ -114,18 +119,17 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isFullScreen = _useState2[0],
-      setIsFullScreen = _useState2[1];
+      setIsFullScreen = _useState2[1]; // 配置对象收集
 
-  var _state$checkboxConfig = state.checkboxConfig,
-      checkKeys = _state$checkboxConfig.checkKeys,
-      checkValues = _state$checkboxConfig.checkValues; // 配置对象收集
 
   var configProps = (0, _react.useMemo)(function () {
     var rowConfig = props.rowConfig,
         cellConfig = props.cellConfig,
         defaultConfig = props.defaultConfig,
         checkboxConfig = props.checkboxConfig,
-        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+        pagerConfig = props.pagerConfig,
+        toolbarConfig = props.toolbarConfig,
+        resetProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
       rowConfig: (0, _objectSpread2.default)({
         // 行配置
@@ -137,22 +141,20 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
         height: 282
       }, cellConfig),
       checkboxConfig: (0, _objectSpread2.default)({}, checkboxConfig),
-      toolbarConfig: {
-        pager: {},
-        toolbarBottom: {}
-      },
+      pagerConfig: (0, _objectSpread2.default)({}, pagerConfig),
+      toolbarConfig: (0, _objectSpread2.default)({}, toolbarConfig),
       defaultConfig: defaultConfig
     });
   }, [props]); // 方法收集
 
-  var EventProps = (0, _react.useMemo)(function () {
+  var eventProps = (0, _react.useMemo)(function () {
     return (0, _fns.default)({
       state: state,
       dispatch: dispatch,
       props: props
     });
   }, [state, dispatch, props]);
-  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), EventProps), {}, {
+  var table = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), eventProps), {}, {
     state: state,
     dispatch: dispatch
   }); // 向外暴露出的方法
@@ -162,7 +164,7 @@ var LmCardTableRoot = function LmCardTableRoot(props, ref) {
       getCheckboxRecords: function getCheckboxRecords() {
         return state.checkboxConfig.checkValues;
       }
-    }, EventProps);
+    }, eventProps);
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isFullScreen && /*#__PURE__*/_react.default.createElement(_TableWrapper.default, {
     table: table

package/es/CardTable/table/TableWrapper.js

@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _TableContainer = _interopRequireDefault(require("./TableContainer"));
 
+var _pager = _interopRequireDefault(require("../pager"));
+
 var _ToolBarBottom = _interopRequireDefault(require("../toolbar/ToolBarBottom"));
 
 // 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
@@ -27,6 +29,8 @@ var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
     }, style)
   }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
     table: table
+  }), /*#__PURE__*/_react.default.createElement(_pager.default, {
+    table: table
   }), /*#__PURE__*/_react.default.createElement(_ToolBarBottom.default, {
     table: table
   }));

package/es/CardTable/toolbar/ToolBarBottom.js

@@ -9,38 +9,19 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _TablePagination = _interopRequireDefault(require("./TablePagination"));
-
 var CardToolBarBottom = /*#__PURE__*/_react.default.memo(function (_ref) {
   var table = _ref.table;
   var pagination = table.pagination,
-      _table$toolbarConfig = table.toolbarConfig,
-      toolbarBottom = _table$toolbarConfig.toolbarBottom,
-      pager = _table$toolbarConfig.pager; // toolbarBottom与pager一致: 用于插槽
-
-  var _ref2 = toolbarBottom || pager,
-      left = _ref2.left,
-      right = _ref2.right;
-
-  var LeftSlot = function LeftSlot() {
-    return left;
-  };
-
-  var RighSlot = function RighSlot() {
-    if (!right) {
-      return pagination && /*#__PURE__*/_react.default.createElement(_TablePagination.default, {
-        table: table
-      });
-    }
+      toolbarBottom = table.toolbarConfig.toolbarBottom;
 
-    if (right) {
-      typeof right === 'function' ? right(_TablePagination.default) : right;
-    }
-  };
+  if (!toolbarBottom) {
+    return null;
+  }
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_card_table_toolbar_bottom"
-  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement(RighSlot, null));
+  return typeof toolbarBottom === 'function' ? toolbarBottom(table) : toolbarBottom // <div className='lm_card_table_toolbar_bottom'>
+  //   <ToolbarBottomSlot />
+  // </div>
+  ;
 });
 
 var _default = CardToolBarBottom;

package/es/LmFilter/LmFilter.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
+
+var LmFilter = function LmFilter(props, ref) {
+  var defaultRef = (0, _react.useRef)(null);
+  return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
+    ref: ref || defaultRef
+  }, props));
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilter);
+
+exports.default = _default;

package/es/LmFilter/baseFilter/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _fuzzySearch = _interopRequireDefault(require("../components/fuzzySearch"));
+
+var _components = _interopRequireDefault(require("../components"));
+
+// 二级过滤 => 基础过滤组件
+var LmFilterBase = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var dataSource = instance.dataSource;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_basic"
+  }, /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
+    instance: instance
+  }), dataSource.map(function (v, index) {
+    return /*#__PURE__*/_react.default.createElement(_components.default, {
+      key: (v === null || v === void 0 ? void 0 : v.field) || index,
+      instance: instance,
+      item: v
+    });
+  }));
+});
+
+var _default = LmFilterBase;
+exports.default = _default;

package/es/LmFilter/clearFilter/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  var state = instance.state,
+      dispatch = instance.dispatch;
+
+  var handleClear = function handleClear() {
+    // dispatch();
+    console.log('state', state);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_clear"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    onClick: handleClear
+  }, "\u4E00\u952E\u6E05\u7A7A"));
+});
+
+var _default = LmFilterClear;
+exports.default = _default;

package/es/LmFilter/complexFilter/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var LmFilterComplex = function LmFilterComplex(e) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "LmFilterComplex");
+};
+
+var _default = LmFilterComplex;
+exports.default = _default;

package/es/LmFilter/components/CascaderFilter.js

@@ -0,0 +1,183 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/cascader/style");
+
+var _cascader = _interopRequireDefault(require("antd/es/cascader"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+// 重置级联弹框
+var DropdownRender = function DropdownRender(_ref) {
+  var dom = _ref.dom,
+      instance = _ref.instance,
+      item = _ref.item,
+      setOptions = _ref.setOptions,
+      checkedValues = _ref.checkedValues,
+      setCheckedValues = _ref.setCheckedValues;
+  var _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? [] : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var _item$data = item.data,
+      filters = _item$data === void 0 ? [] : _item$data;
+  var inputRef = (0, _react.useRef)(null);
+
+  var handleFilter = function handleFilter(val) {
+    var serachValues = filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    });
+    setOptions(serachValues);
+  }; // 确定
+
+
+  var handleSure = function handleSure() {
+    setFilterValue(checkedValues);
+    setVisible(false);
+  }; // 取消
+
+
+  var handleReset = function handleReset() {
+    setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+  };
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      var _inputRef$current2, _inputRef$current2$se;
+
+      setTimeout(function () {
+        var _inputRef$current;
+
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
+          cursor: 'all'
+        });
+      }, 200);
+      setCheckedValues(filterValue);
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : (_inputRef$current2$se = _inputRef$current2.setValue) === null || _inputRef$current2$se === void 0 ? void 0 : _inputRef$current2$se.call(_inputRef$current2, '');
+      handleFilter('');
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    onSearch: handleFilter,
+    onChange: handleFilter
+  })), dom, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_footer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "footer_clear",
+    onClick: handleReset
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleSure
+  }, "\u786E\u5B9A")));
+};
+
+var CascaderFilter = function CascaderFilter(_ref2) {
+  var instance = _ref2.instance,
+      itemProps = _ref2.item;
+  var _instance$filterValue2 = instance.filterValue,
+      filterValue = _instance$filterValue2 === void 0 ? [] : _instance$filterValue2,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var _itemProps$data = itemProps.data,
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data;
+
+  var _useState = (0, _react.useState)(filters),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      checkedValues = _useState4[0],
+      setCheckedValues = _useState4[1];
+
+  var checkedKeys = (0, _react.useMemo)(function () {
+    return checkedValues.map(function (v) {
+      return v.value;
+    });
+  }, [checkedValues]);
+
+  var onChange = function onChange(item, selectedOptions) {
+    console.log('item', item, selectedOptions);
+    var nValue = [];
+
+    if (selectedOptions.length === 1) {
+      nValue = selectedOptions[0][1] ? [selectedOptions[0][1]] : selectedOptions[0][0].children;
+    }
+
+    if (selectedOptions.length > 1) {
+      var arr = selectedOptions.map(function (v) {
+        return v[1] ? v[1] : v[0].children;
+      });
+      nValue = arr.flat(2);
+    }
+
+    console.log('nValue', nValue);
+    setCheckedValues(nValue); // setFilterValue(nValue);
+    // if (!item.length) {
+    //   setCheckedValues(itemProps.multiple ? [] : '');
+    //   setFilterValue(undefined);
+    //   return;
+    // }
+    // if (itemProps.multiple) {
+    //   const arr = [];
+    //   selectedOptions.map((vals) => {
+    //     return vals.length > 1
+    //       ? arr.push(vals.map((v) => v.label).join('/'))
+    //       : vals[0].children.map((v) => arr.push(`${vals[0].label}/${v.label}`));
+    //   });
+    //   const showLabel = arr.length < 3 ? arr.join('、') : `${arr[0]}、+${arr.length}`;
+    //   setCheckedValues(item);
+    // } else {
+    //   setFilterValue(item);
+    //   setCheckedValues(item);
+    // }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cascader.default, {
+    multiple: true,
+    options: options // value={checkedValues}
+    ,
+    onChange: onChange,
+    open: visible,
+    getPopupContainer: function getPopupContainer(triggerNode) {
+      return triggerNode;
+    },
+    dropdownRender: function dropdownRender(dom) {
+      return /*#__PURE__*/_react.default.createElement(DropdownRender, {
+        dom: dom,
+        instance: instance,
+        item: itemProps,
+        checkedValues: checkedValues,
+        setCheckedValues: setCheckedValues,
+        setOptions: setOptions
+      });
+    } // onDropdownVisibleChange={(v) => setVisible(v)}
+
+  }, /*#__PURE__*/_react.default.createElement("div", null)));
+};
+
+var _default = CascaderFilter;
+exports.default = _default;

package/es/LmFilter/components/CheckboxFilter.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+var _EmptyFilter = _interopRequireDefault(require("./EmptyFilter"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _utils = require("../utils");
+
+var _hooks = require("../hooks");
+
+var _excluded = ["item"];
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+
+var CheckboxFilter = function CheckboxFilter(_ref) {
+  var instance = _ref.instance,
+      itemProps = _ref.item;
+  var _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? [] : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var _itemProps$data = itemProps.data,
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data;
+  var inputRef = (0, _react.useRef)(); // 选中的数据项: [{}, {}, ...];
+
+  var _useState = (0, _react.useState)(filterValue),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      checkedValues = _useState2[0],
+      setCheckedValues = _useState2[1]; // 选中的数据的键
+
+
+  var checkedKeys = (0, _react.useMemo)(function () {
+    return checkedValues.map(function (v) {
+      return v.value;
+    });
+  }, [checkedValues]); // 搜索后的筛选项
+
+  var _useState3 = (0, _react.useState)(filters),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      options = _useState4[0],
+      setOptions = _useState4[1];
+
+  var delayedFn = (0, _hooks.useDelayedFn)(); // 是否存在搜索, 当数据大于8时存在搜索
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
+
+  var checkAll = (0, _react.useMemo)(function () {
+    var isAll = checkedValues.length >= options.length;
+    return isAll && options.every(function (_ref2) {
+      var value = _ref2.value;
+      return checkedValues.some(function (v) {
+        return v.value === value;
+      });
+    });
+  }, [checkedValues, options]); // 是否半选: 存在选中的数据 && 未全选
+
+  var indeterminate = (0, _react.useMemo)(function () {
+    return checkedValues.length && !checkAll;
+  }, [checkedValues.length, checkAll]); // 搜索
+
+  var handleFilter = function handleFilter() {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var serachValues = filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    });
+    setOptions(serachValues);
+  }; // 单选事件
+
+
+  var onChange = function onChange(e, item) {
+    e.preventDefault();
+    var nValue = checkedValues.some(function (_ref3) {
+      var value = _ref3.value;
+      return value === item.value;
+    }) ? checkedValues.filter(function (_ref4) {
+      var value = _ref4.value;
+      return value !== item.value;
+    }) : (0, _utils.uniqueFunc)([].concat((0, _toConsumableArray2.default)(checkedValues), [item]), 'value');
+    setCheckedValues(nValue);
+  }; // 全选事件
+
+
+  var onCheckAllChange = function onCheckAllChange() {
+    var nValue = checkAll ? checkedValues.filter(function (_ref5) {
+      var value = _ref5.value;
+      return !options.some(function (v) {
+        return v.value === value;
+      });
+    }) : (0, _utils.uniqueFunc)([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(options)), 'value');
+    setCheckedValues(nValue);
+  }; // 取消 不执行查询操作 关闭下拉框
+
+
+  var handleCancel = function handleCancel() {
+    // 手动触发内容改变(不会触发onChange事件)
+    setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+  }; // 确定 执行查询操作 
+
+
+  var handleSure = function handleSure() {
+    setFilterValue(checkedValues);
+  }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
+
+
+  useIsomorphicLayoutEffect(function () {
+    if (visible) {
+      delayedFn(function () {
+        var _inputRef$current;
+
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
+          cursor: 'all'
+        });
+      }); // 若开启了 Dropdown => destroyPopupOnHide=true 无需重置操作 反之需开启
+      // setCheckedValues(filterValue);
+      // inputRef.current?.setValue?.('');
+      // handleFilter('');
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    onSearch: handleFilter,
+    onChange: handleFilter
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header_operate"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    indeterminate: indeterminate,
+    onChange: onCheckAllChange,
+    checked: checkAll,
+    className: "filter_tip"
+  }, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "filter_tip"
+  }, "\u5DF2\u9009: ", checkedValues.length)))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
+    value: checkedKeys,
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref6) {
+    var item = _ref6.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: checkedValues.some(function (_ref7) {
+          var value = _ref7.value;
+          return value === item.value;
+        })
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+      value: item.value,
+      className: "filter_item-content"
+    }, item.label));
+  }), !options.length && /*#__PURE__*/_react.default.createElement(_EmptyFilter.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_footer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "footer_clear",
+    onClick: handleCancel
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleSure
+  }, "\u786E\u5B9A")));
+};
+
+var _default = CheckboxFilter;
+exports.default = _default;