linkmore-design 1.0.31 → 1.0.34

package/es/CkFilter/baseFilter/index.js

@@ -11,6 +11,8 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _linkmoreDesign = require("linkmore-design");
@@ -37,22 +39,23 @@ var Filter = function Filter() {
   var inputRef = (0, _react.useRef)(null);
 
   var _useStore = (0, _context.useStore)(),
-      _useStore$state = _useStore.state,
-      _useStore$state$insta = _useStore$state.instance,
-      data = _useStore$state$insta.data,
-      onChange = _useStore$state$insta.onChange,
-      placeholder = _useStore$state$insta.placeholder,
-      searchKey = _useStore$state$insta.searchKey,
-      search = _useStore$state$insta.search,
-      filter = _useStore$state$insta.filter,
-      size = _useStore$state$insta.size,
-      isMore = _useStore$state.isMore,
-      filterValues = _useStore$state.filterValues,
-      visibleFields = _useStore$state.visibleFields,
-      orderFields = _useStore$state.orderFields,
-      customFilterValues = _useStore$state.customFilterValues,
+      state = _useStore.state,
       dispatch = _useStore.dispatch;
 
+  var _state$instance = state.instance,
+      data = _state$instance.data,
+      onChange = _state$instance.onChange,
+      placeholder = _state$instance.placeholder,
+      searchKey = _state$instance.searchKey,
+      search = _state$instance.search,
+      filter = _state$instance.filter,
+      size = _state$instance.size,
+      isMore = state.isMore,
+      filterValues = state.filterValues,
+      visibleFields = state.visibleFields,
+      orderFields = state.orderFields,
+      customFilterValues = state.customFilterValues;
+
   var handleFilter = function handleFilter(val) {
     var nValue = (0, _objectSpread2.default)({}, filterValues);
 
@@ -67,6 +70,23 @@ var Filter = function Filter() {
     });
     onChange === null || onChange === void 0 ? void 0 : onChange(nValue, customFilterValues);
     return false;
+  }; // 一键清空 清空筛选，保留模糊查询
+
+
+  var handleClear = function handleClear() {
+    var _inputRef$current;
+
+    console.log('inputRef.current', inputRef.current.input.value);
+
+    if ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input) {
+      inputRef.current.input.value = '';
+    }
+
+    dispatch({
+      type: 'changeFilterValues',
+      filterValues: {}
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange((0, _defineProperty2.default)({}, searchKey, filterValues[searchKey]), customFilterValues);
   };
 
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, search && /*#__PURE__*/_react.default.createElement("div", {
@@ -85,7 +105,10 @@ var Filter = function Filter() {
     return /*#__PURE__*/_react.default.createElement(_filterMenu.default, (0, _extends2.default)({
       key: v.field
     }, v));
-  }), isMore && /*#__PURE__*/_react.default.createElement(_moreFilters.default, null)), /*#__PURE__*/_react.default.createElement(_NestedFilter.default, null));
+  }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    onClick: handleClear
+  }, "\u4E00\u952E\u6E05\u7A7A")), /*#__PURE__*/_react.default.createElement(_NestedFilter.default, null));
 };
 
 var _default = Filter;

package/es/CkFilter/filter.js

@@ -56,8 +56,9 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         hasLevelGroup = props.levelGroup;
     var isMore = (data === null || data === void 0 ? void 0 : data.length) > 3;
     var visileData = data.filter(function (v) {
-      v.fixed && (0, _utils.getIsHas)(v === null || v === void 0 ? void 0 : v.value) && (filterValues[v.field] = v.value);
-      return v.fixed;
+      var isShow = typeof v.show !== 'boolean' || v.show;
+      isShow && (0, _utils.getIsHas)(v === null || v === void 0 ? void 0 : v.value) && (filterValues[v.field] = v.value);
+      return isShow;
     });
 
     var customFilterValues = function customFilterValues() {
@@ -76,7 +77,9 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         return v.field;
       }),
       orderFields: data.sort(function (a, b) {
-        return !!b.fixed - !!a.fixed;
+        var bShow = typeof b.show !== 'boolean' || b.show;
+        var aShow = typeof a.show !== 'boolean' || a.show;
+        bShow - aShow;
       }).map(function (v) {
         return v.field;
       }),
@@ -94,7 +97,7 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   (0, _react.useEffect)(function () {
     setOptions();
-  }, []);
+  }, [props]);
   (0, _react.useEffect)(function () {
     dispatch({
       type: 'initInstance',

package/es/CustomTableOption/columnsSort.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+/** order show fixed */
+declare const ColumnsSort: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default ColumnsSort;

package/es/CustomTableOption/columnsSort.js

@@ -0,0 +1,317 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useMemo, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { arrayMove, useSortable, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { IconFont, Checkbox } from 'linkmore-design';
+import { HolderOutlined } from '@ant-design/icons';
+import { CSS } from '@dnd-kit/utilities';
+import { cloneDeep } from 'lodash';
+
+var SortItem = function SortItem(props) {
+  var _a, _b, _c, _d;
+
+  var _useSortable = useSortable({
+    id: "".concat(props.id)
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    transform: CSS.Transform.toString(transform),
+    transition: transition
+  };
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: setNodeRef,
+    className: 'lm_custom_item',
+    style: style
+  }, attributes), /*#__PURE__*/React.createElement(Checkbox, {
+    checked: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.show) === false ? false : true,
+    onChange: function onChange(e) {
+      return props.toggleShow(e.target.checked, props.id);
+    },
+    className: "filter_item-content"
+  }, (_b = props.item) === null || _b === void 0 ? void 0 : _b.title), /*#__PURE__*/React.createElement("div", null, ((_c = props.item) === null || _c === void 0 ? void 0 : _c.fixed) && /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-vertical-align-middl",
+    className: "lm_custom_icon hover_show",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      props.clearFiexd(props.id);
+    }
+  }), !((_d = props.item) === null || _d === void 0 ? void 0 : _d.fixed) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-vertical-align-top",
+    className: "lm_custom_icon hover_show icon_top",
+    onClick: function onClick(e) {
+      console.log(e, 'eee');
+      e.stopPropagation();
+      props.addFiexd(props.id, 'left');
+    }
+  }), /*#__PURE__*/React.createElement(IconFont, {
+    type: "lmweb-vertical-align-botto",
+    className: "lm_custom_icon hover_show icon_bottom",
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      props.addFiexd(props.id, 'right');
+    }
+  })), /*#__PURE__*/React.createElement(HolderOutlined, Object.assign({}, listeners, {
+    className: 'lm_custom_icon sort_item',
+    style: {
+      color: 'var(--tip-text-color)'
+    }
+  }))));
+};
+/** order show fixed */
+
+
+var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$columns = _ref.columns,
+      columns = _ref$columns === void 0 ? [] : _ref$columns,
+      _ref$ColumnsStateValu = _ref.ColumnsStateValue,
+      ColumnsStateValue = _ref$ColumnsStateValu === void 0 ? {} : _ref$ColumnsStateValu;
+
+  var _a, _b, _c, _d, _e, _f, _g;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      localColumns = _useState2[0],
+      setLocalColumns = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      colStateValue = _useState4[0],
+      setColStateValue = _useState4[1];
+
+  var sortMenu = useMemo(function () {
+    var cloneCol = cloneDeep(localColumns);
+    cloneCol.forEach(function (item, index) {
+      var _a, _b;
+
+      var fixed = (_a = ColumnsStateValue[item.dataIndex]) === null || _a === void 0 ? void 0 : _a.fixed;
+      var order = (_b = ColumnsStateValue[item.dataIndex]) === null || _b === void 0 ? void 0 : _b.order;
+
+      if (!!fixed) {
+        item.fixed = fixed;
+      }
+
+      item.order = order !== undefined && order !== null ? order : index;
+    });
+    var leftSortItem = [];
+    var rigthSortItem = [];
+    var items = [];
+    cloneCol === null || cloneCol === void 0 ? void 0 : cloneCol.forEach(function (item) {
+      if ((item === null || item === void 0 ? void 0 : item.fixed) === 'right') {
+        rigthSortItem.push(item);
+      } else if (!(item === null || item === void 0 ? void 0 : item.fixed)) {
+        items.push(item);
+      } else {
+        leftSortItem.push(item);
+      }
+    });
+    return {
+      leftSortItem: leftSortItem,
+      rigthSortItem: rigthSortItem,
+      items: items
+    };
+  }, [localColumns, colStateValue]);
+  var isCheckAll = useMemo(function () {
+    var showLength = localColumns.filter(function (item) {
+      return item.show !== false;
+    });
+    return {
+      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localColumns.length ? true : false,
+      checkAll: showLength.length === localColumns.length
+    };
+  }, [localColumns]);
+  useEffect(function () {
+    setLocalColumns(columns);
+    setColStateValue(ColumnsStateValue);
+  }, []);
+  var leftSensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+  var rightSensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+  /** 排序结束回调 */
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over;
+
+    if (active.id !== over.id) {
+      setLocalColumns(function (items) {
+        var oldIndex = items.findIndex(function (s) {
+          return s.dataIndex === active.id;
+        });
+        var newIndex = items.findIndex(function (s) {
+          return s.dataIndex === over.id;
+        });
+        console.log(arrayMove(items, oldIndex, newIndex), 77);
+        return arrayMove(items, oldIndex, newIndex).map(function (item, index) {
+          return Object.assign(Object.assign({}, item), {
+            order: index
+          });
+        });
+      });
+    }
+  };
+  /** 取消固定 */
+
+
+  var clearFiexd = function clearFiexd(id) {
+    var resultColumns = localColumns.map(function (item) {
+      if (item.dataIndex === id) {
+        return Object.assign(Object.assign({}, item), {
+          fixed: undefined
+        });
+      }
+
+      return Object.assign({}, item);
+    });
+    setLocalColumns(resultColumns);
+  };
+  /** 添加是否显示 */
+
+
+  var toggleShow = function toggleShow(value, id) {
+    var resultColumns = localColumns.map(function (item) {
+      if (item.dataIndex === id) {
+        return Object.assign(Object.assign({}, item), {
+          show: item.show === false ? true : false
+        });
+      }
+
+      return Object.assign({}, item);
+    });
+    setLocalColumns(resultColumns);
+  };
+  /** 添加左右固定 */
+
+
+  var addFiexd = function addFiexd(id, type) {
+    var resultColumns = localColumns.map(function (item) {
+      if (item.dataIndex === id) {
+        return Object.assign(Object.assign({}, item), {
+          fixed: type
+        });
+      }
+
+      return Object.assign({}, item);
+    });
+    setLocalColumns(resultColumns);
+  };
+  /** 切换是否全选 */
+
+
+  var onCheckAllChange = function onCheckAllChange() {
+    var resultColumns = localColumns.map(function (item) {
+      return Object.assign(Object.assign({}, item), {
+        show: isCheckAll.checkAll ? false : true
+      });
+    });
+    setLocalColumns(resultColumns);
+  };
+
+  useImperativeHandle(ref, function () {
+    return {
+      getColumns: function getColumns() {
+        return localColumns;
+      },
+      getColStateValue: function getColStateValue() {
+        var obj = {};
+        localColumns.forEach(function (item) {
+          obj[item.dataIndex] = {};
+
+          if (![undefined, null].includes(item.order)) {
+            obj[item.dataIndex]['order'] = item.order;
+          }
+
+          if (![undefined, null].includes(item.order)) {
+            obj[item.dataIndex]['show'] = item.show;
+          }
+
+          if (![undefined, null].includes(item.fixed)) {
+            obj[item.dataIndex]['fixed'] = item.fixed;
+          }
+        });
+        return obj;
+      }
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_custom_option_columns'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'global_setting'
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    indeterminate: isCheckAll.indeterminate,
+    onChange: onCheckAllChange,
+    checked: isCheckAll.checkAll
+  }, "\u5168\u9009"), /*#__PURE__*/React.createElement("span", {
+    onClick: function onClick() {
+      return setLocalColumns(columns);
+    }
+  }, "\u91CD\u7F6E")), !!((_a = sortMenu.leftSortItem) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
+    className: 'fixed_title'
+  }, "\u56FA\u5B9A\u5728\u5DE6\u4FA7"), /*#__PURE__*/React.createElement(DndContext, {
+    sensors: leftSensors,
+    collisionDetection: closestCenter,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React.createElement(SortableContext, {
+    items: (_b = sortMenu.leftSortItem) === null || _b === void 0 ? void 0 : _b.map(function (v) {
+      return "".concat(v.dataIndex);
+    }),
+    strategy: verticalListSortingStrategy
+  }, sortMenu.leftSortItem.map(function (item) {
+    return /*#__PURE__*/React.createElement(SortItem, {
+      key: item.dataIndex,
+      item: item,
+      toggleShow: toggleShow,
+      clearFiexd: clearFiexd,
+      id: item.dataIndex
+    });
+  })))), !!((_c = sortMenu.items) === null || _c === void 0 ? void 0 : _c.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
+    className: 'fixed_title'
+  }, " \u4E0D\u56FA\u5B9A "), /*#__PURE__*/React.createElement(DndContext, {
+    sensors: sensors,
+    collisionDetection: closestCenter,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React.createElement(SortableContext, {
+    items: (_d = sortMenu.items) === null || _d === void 0 ? void 0 : _d.map(function (v) {
+      return "".concat(v.dataIndex);
+    }),
+    strategy: verticalListSortingStrategy
+  }, (_e = sortMenu.items) === null || _e === void 0 ? void 0 : _e.map(function (item) {
+    return /*#__PURE__*/React.createElement(SortItem, {
+      key: item.dataIndex,
+      addFiexd: addFiexd,
+      toggleShow: toggleShow,
+      item: item,
+      id: item.dataIndex
+    });
+  })))), !!((_f = sortMenu.rigthSortItem) === null || _f === void 0 ? void 0 : _f.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("label", {
+    className: 'fixed_title'
+  }, "\u56FA\u5B9A\u5728\u53F3\u4FA7"), /*#__PURE__*/React.createElement(DndContext, {
+    sensors: rightSensors,
+    collisionDetection: closestCenter,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React.createElement(SortableContext, {
+    items: (_g = sortMenu.rigthSortItem) === null || _g === void 0 ? void 0 : _g.map(function (v) {
+      return "".concat(v.dataIndex);
+    }),
+    strategy: verticalListSortingStrategy
+  }, sortMenu.rigthSortItem.map(function (item) {
+    return /*#__PURE__*/React.createElement(SortItem, {
+      key: item.dataIndex,
+      toggleShow: toggleShow,
+      clearFiexd: clearFiexd,
+      item: item,
+      id: item.dataIndex
+    });
+  })))));
+});
+export default ColumnsSort;

package/es/CustomTableOption/filterSort.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+/** order show fixed */
+declare const FilterSort: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default FilterSort;

package/es/CustomTableOption/filterSort.js

@@ -0,0 +1,193 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useMemo, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { arrayMove, useSortable, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { Checkbox } from 'linkmore-design';
+import { HolderOutlined } from '@ant-design/icons';
+import { CSS } from '@dnd-kit/utilities';
+import { cloneDeep } from 'lodash';
+var UNLLVALUE = [null, undefined];
+
+var SortItem = function SortItem(props) {
+  var _a, _b;
+
+  var _useSortable = useSortable({
+    id: "".concat(props.id)
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    transform: CSS.Transform.toString(transform),
+    transition: transition
+  };
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: setNodeRef,
+    className: 'lm_custom_item',
+    style: style
+  }, attributes), /*#__PURE__*/React.createElement(Checkbox, {
+    checked: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.show) === false ? false : true,
+    onChange: function onChange(e) {
+      return props.toggleShow(e.target.checked, props.id);
+    },
+    className: "filter_item-content"
+  }, (_b = props.item) === null || _b === void 0 ? void 0 : _b.title), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(HolderOutlined, Object.assign({}, listeners, {
+    className: 'lm_custom_icon sort_item'
+  }))));
+};
+/** order show fixed */
+
+
+var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$filter = _ref.filter,
+      filter = _ref$filter === void 0 ? [] : _ref$filter,
+      _ref$filterStateValue = _ref.filterStateValue,
+      filterStateValue = _ref$filterStateValue === void 0 ? {} : _ref$filterStateValue;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      localFilter = _useState2[0],
+      setLocalFilter = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      colStateValue = _useState4[0],
+      setColStateValue = _useState4[1];
+
+  var sortMenu = useMemo(function () {
+    var cloneCol = cloneDeep(localFilter);
+    cloneCol.forEach(function (item, index) {
+      var _a, _b;
+
+      var order = (_a = filterStateValue[item.field]) === null || _a === void 0 ? void 0 : _a.order;
+      item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
+      item.show = ((_b = filterStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
+    });
+    return cloneCol;
+  }, [localFilter, colStateValue]);
+  var isCheckAll = useMemo(function () {
+    var showLength = localFilter.filter(function (item) {
+      return item.show !== false;
+    });
+    return {
+      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localFilter.length ? true : false,
+      checkAll: showLength.length === localFilter.length
+    };
+  }, [localFilter]);
+  useEffect(function () {
+    console.log(localFilter, 'localFilter');
+  }, [localFilter]);
+  useEffect(function () {
+    setLocalFilter(filter);
+    setColStateValue(filterStateValue);
+  }, []);
+  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: sortableKeyboardCoordinates
+  }));
+  /** 排序结束回调 */
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over;
+
+    if (active.id !== over.id) {
+      setLocalFilter(function (items) {
+        var oldIndex = items.findIndex(function (s) {
+          return s.field === active.id;
+        });
+        var newIndex = items.findIndex(function (s) {
+          return s.field === over.id;
+        });
+        console.log(arrayMove(items, oldIndex, newIndex), 77);
+        return arrayMove(items, oldIndex, newIndex).map(function (item, index) {
+          return Object.assign(Object.assign({}, item), {
+            order: index
+          });
+        });
+      });
+    }
+  };
+  /** 添加是否显示 */
+
+
+  var toggleShow = function toggleShow(value, id) {
+    var resultColumns = localFilter.map(function (item) {
+      if (item.field === id) {
+        return Object.assign(Object.assign({}, item), {
+          show: item.show === false ? true : false
+        });
+      }
+
+      return Object.assign({}, item);
+    });
+    setLocalFilter(resultColumns);
+  };
+  /** 切换是否全选 */
+
+
+  var onCheckAllChange = function onCheckAllChange() {
+    var resultColumns = localFilter.map(function (item) {
+      return Object.assign(Object.assign({}, item), {
+        show: isCheckAll.checkAll ? false : true
+      });
+    });
+    console.log(resultColumns, 'resultColumns');
+    setLocalFilter(resultColumns);
+  };
+
+  useImperativeHandle(ref, function () {
+    return {
+      getLocalFilter: function getLocalFilter() {
+        return localFilter;
+      },
+      getFilterStateValue: function getFilterStateValue() {
+        var obj = {};
+        localFilter.forEach(function (item) {
+          obj[item.field] = {};
+
+          if (![undefined, null].includes(item.order)) {
+            obj[item.field]['order'] = item.order;
+          }
+
+          if (![undefined, null].includes(item.order)) {
+            obj[item.field]['show'] = item.show;
+          }
+        });
+        return obj;
+      }
+    };
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'lm_custom_option_columns'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'global_setting'
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    indeterminate: isCheckAll.indeterminate,
+    onChange: onCheckAllChange,
+    checked: isCheckAll.checkAll
+  }, "\u5168\u9009"), /*#__PURE__*/React.createElement("span", {
+    onClick: function onClick() {
+      return setLocalFilter(filter);
+    }
+  }, "\u91CD\u7F6E")), !!(sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DndContext, {
+    sensors: sensors,
+    collisionDetection: closestCenter,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React.createElement(SortableContext, {
+    items: sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (v) {
+      return "".concat(v.field);
+    }),
+    strategy: verticalListSortingStrategy
+  }, sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (item) {
+    return /*#__PURE__*/React.createElement(SortItem, {
+      key: item.field,
+      toggleShow: toggleShow,
+      item: item,
+      id: item.field
+    });
+  })))));
+});
+export default FilterSort;

package/es/CustomTableOption/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TableProps } from 'antd';
+export interface ICustomTableOptionProps {
+    className?: string;
+    style?: React.CSSProperties;
+    size?: 'small' | 'default' | 'middle';
+    filter?: Record<string, any>[];
+    columns?: TableProps<any>['columns'];
+    onSave?: (data: any) => void;
+}
+declare const LMCustomTableOption: React.FC<ICustomTableOptionProps>;
+export default LMCustomTableOption;