linkmore-design 1.0.54 → 1.0.57

package/lib/CardTable/card/PictureTextRow.js

@@ -15,10 +15,6 @@ require("antd/es/image/style");
 
 var _image = _interopRequireDefault(require("antd/es/image"));
 
-require("antd/es/menu/style");
-
-var _menu = _interopRequireDefault(require("antd/es/menu"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
 require("antd/es/typography/style");
@@ -53,51 +49,9 @@ var PictureTextRow = function PictureTextRow(_ref) {
       return '物料名称';
     },
     code: 'code',
-    desc: 'desc',
-    operate: function operate() {
-      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
-        placement: "bottomRight",
-        trigger: "click",
-        overlay: function overlay() {
-          return /*#__PURE__*/_react.default.createElement(_menu.default, null, /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-            key: "1"
-          }, "\u65E5\u5FD7"), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-            key: "2"
-          }, "\u5BFC\u51FA"), /*#__PURE__*/_react.default.createElement(_menu.default.Item, {
-            key: "3"
-          }, "\u5220\u9664"));
-        }
-      }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-        type: "lmweb-gengduotianchong"
-      }));
-    },
-    extend: function extend() {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-        size: "small",
-        icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-          type: "lmweb-check-circle-fill",
-          style: {
-            color: 'var(--success-color)'
-          }
-        })
-      }, "\u6807\u7B7E\u4E00"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-        size: "small",
-        icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-          type: "lmweb-check-circle-fill",
-          style: {
-            color: 'var(--success-color)'
-          }
-        })
-      }, "\u6807\u7B7E\u4E8C"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-        size: "small",
-        icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-          type: "lmweb-check-circle-fill",
-          style: {
-            color: 'var(--success-color)'
-          }
-        })
-      }, "\u6807\u7B7E\u4E09"));
-    }
+    operate: null,
+    extend: null,
+    columns: null
   }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
 
   var onSelctChange = function onSelctChange(val) {
@@ -156,7 +110,16 @@ var PictureTextRow = function PictureTextRow(_ref) {
       }
     },
     ellipsis: true
-  }, cell[resetDefaultConfig.code])) : null, resetDefaultConfig.extend ? /*#__PURE__*/_react.default.createElement("div", {
+  }, cell[resetDefaultConfig.code])) : null, resetDefaultConfig.columns ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTR_column"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTR_column_box"
+  }, resetDefaultConfig.columns.map(function (v, idx) {
+    var isVisible = v.show || typeof v.show !== 'boolean';
+    return isVisible ? /*#__PURE__*/_react.default.createElement("span", {
+      key: (v === null || v === void 0 ? void 0 : v.dataIndex) || idx
+    }, v.title, ": ", cell[v.dataIndex]) : null;
+  }))) : null, resetDefaultConfig.extend ? /*#__PURE__*/_react.default.createElement("div", {
     className: "PTR_extend"
   }, resetDefaultConfig.extend(cell, table)) : null, resetDefaultConfig.desc ? /*#__PURE__*/_react.default.createElement("div", {
     className: "PTR_desc"

package/lib/CardTable/card/PictureTextRowOperate.js

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/message/style");
+
+var _message2 = _interopRequireDefault(require("antd/es/message"));
+
+require("antd/es/image/style");
+
+var _image = _interopRequireDefault(require("antd/es/image"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+require("antd/es/typography/style");
+
+var _typography = _interopRequireDefault(require("antd/es/typography"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var Paragraph = _typography.default.Paragraph; // 左图右文
+
+var PictureTextRowOperate = function PictureTextRowOperate(_ref) {
+  var index = _ref.index,
+      cell = _ref.cell,
+      table = _ref.table,
+      checked = _ref.checked;
+  var cellKey = table.cellKey,
+      state = table.state,
+      defaultConfig = table.defaultConfig,
+      cellClick = table.cellClick,
+      cellDoubleClick = table.cellDoubleClick,
+      toggleCheckboxKey = table.toggleCheckboxKey,
+      checkboxChange = table.checkboxChange;
+  var trigger = state.checkboxConfig.trigger;
+  var resetDefaultConfig = (0, _objectSpread2.default)({
+    checkbox: true,
+    imgurl: 'imgurl',
+    title: function title() {
+      return '物料名称';
+    },
+    code: 'code',
+    desc: 'desc',
+    operate: null,
+    extend: null,
+    columns: null
+  }, defaultConfig); // 复选框改变事件, 将复选数据保存到缓存中
+
+  var onSelctChange = function onSelctChange(val) {
+    toggleCheckboxKey(cell[cellKey]);
+    checkboxChange === null || checkboxChange === void 0 ? void 0 : checkboxChange(val, cell, index);
+  }; // 单元格单击事件
+
+
+  var onClick = function onClick() {
+    cellClick === null || cellClick === void 0 ? void 0 : cellClick(cell, index);
+
+    if (trigger === 'cell') {
+      onSelctChange === null || onSelctChange === void 0 ? void 0 : onSelctChange(!checked);
+    }
+  }; // 单元格双击事件: 双击时避免单击事件触发自己实现
+
+
+  var onDoubleClick = function onDoubleClick() {
+    cellDoubleClick === null || cellDoubleClick === void 0 ? void 0 : cellDoubleClick(cell, index);
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('card_PTRO_container', checked && 'checked')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO_body",
+    onClick: onClick,
+    onDoubleClick: onDoubleClick
+  }, resetDefaultConfig.checkbox && /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_checkbox",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    checked: checked,
+    onChange: function onChange(e) {
+      return onSelctChange(e.target.checked);
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO_left"
+  }, typeof resetDefaultConfig.imgurl === 'function' ? resetDefaultConfig.imgurl(cell, table) : /*#__PURE__*/_react.default.createElement(_image.default, {
+    src: cell[resetDefaultConfig.imgurl],
+    fallback: ""
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO_right"
+  }, resetDefaultConfig.title ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_title lm-font-middle-bold"
+  }, typeof resetDefaultConfig.title === 'function' ? resetDefaultConfig.title(cell, table) : cell[resetDefaultConfig.title]) : null, resetDefaultConfig.code ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_copy_text"
+  }, typeof resetDefaultConfig.code === 'function' ? resetDefaultConfig.code(cell, table) : /*#__PURE__*/_react.default.createElement(Paragraph, {
+    copyable: {
+      tooltips: false,
+      onCopy: function onCopy() {
+        return _message2.default.success('复制成功！', 1.5);
+      }
+    },
+    ellipsis: true
+  }, cell[resetDefaultConfig.code])) : null, resetDefaultConfig.columns ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTRO_column"
+  }, resetDefaultConfig.columns.map(function (v, idx) {
+    return /*#__PURE__*/_react.default.createElement("span", {
+      key: (v === null || v === void 0 ? void 0 : v.dataIndex) || idx
+    }, v.title, ": ", cell[v.dataIndex]);
+  })) : null, resetDefaultConfig.extend ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTRO_extend"
+  }, resetDefaultConfig.extend(cell, table)) : null, resetDefaultConfig.desc ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "PTRO_desc"
+  }, typeof resetDefaultConfig.desc === 'function' ? resetDefaultConfig.desc(cell, table) : cell[resetDefaultConfig.desc]) : null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "card_PTRO_footer"
+  }, resetDefaultConfig.operate ? resetDefaultConfig.operate(cell, table) : null)));
+};
+
+var _default = PictureTextRowOperate;
+exports.default = _default;

package/lib/CardTable/fns/index.js

@@ -66,11 +66,12 @@ var CoreOptions = function CoreOptions(_ref) {
   }; // 切换选中状态: 单个切换/批量切换
 
 
-  var toggleCheckboxKey = function toggleCheckboxKey(k, _ref2) {
-    var _ref2$trigger = _ref2.trigger,
-        trigger = _ref2$trigger === void 0 ? 'default' : _ref2$trigger,
-        cell = _ref2.cell,
-        cellIndex = _ref2.cellIndex;
+  var toggleCheckboxKey = function toggleCheckboxKey(k) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var _options$trigger = options.trigger,
+        trigger = _options$trigger === void 0 ? 'default' : _options$trigger,
+        cell = options.cell,
+        cellIndex = options.cellIndex;
     var nKeys = [k],
         isCheck = true,
         reset = false; // 单个切换

package/lib/CardTable/style/index.css

@@ -182,7 +182,7 @@
   top: 0;
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_left {
-  width: 40%;
+  width: 35%;
   min-width: 126px;
   border-radius: 2px;
   background: var(--color-15);
@@ -211,6 +211,8 @@
   font-size: 12px;
   color: var(--color-45);
   margin-top: 4px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid var(--line-color);
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .card_copy_text .ant-typography {
   margin: 0;
@@ -222,18 +224,20 @@
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .card_copy_text .ant-typography .ant-typography-copy.ant-typography-copy-success {
   color: var(--success-color);
 }
-.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_extend {
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column {
   flex: 1 1 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  row-gap: 126px;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column .PTR_column_box {
+  font-size: 12px;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  color: var(--color-65);
   margin-top: 8px;
-  overflow: hidden;
 }
-.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_extend button {
-  border: none;
-  background-color: var(--background-color);
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column .PTR_column_box span {
+  display: inline-flex;
+  align-items: center;
+  min-height: 20px;
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_desc {
   font-size: 12px;
@@ -280,6 +284,150 @@
 .card_PTR .card_PTR_container:hover .card_PTR_body .card_checkbox {
   opacity: 1;
 }
+.card_PTRO {
+  height: 100%;
+}
+.card_PTRO .card_PTRO_container {
+  height: 100%;
+  display: flex;
+  flex-flow: column;
+  border-radius: 2px;
+  background-color: var(--background-color);
+  transition: 0.3s;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body {
+  position: relative;
+  display: flex;
+  flex: 1;
+  gap: var(--gap);
+  padding: calc(var(--gap) * 2);
+  overflow: hidden;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_checkbox {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  z-index: 1;
+  opacity: 0;
+  transition: 0.3s;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_checkbox .lm-checkbox {
+  font-size: 0;
+  border: 8px solid rgba(255, 255, 255, 0.625);
+  border-radius: 2px;
+  line-height: 1;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_checkbox .ant-checkbox {
+  margin: 0;
+  top: 0;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_left {
+  width: 40%;
+  min-width: 126px;
+  border-radius: 2px;
+  background: var(--color-15);
+  overflow: hidden;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_left .ant-image {
+  width: 100%;
+  height: 100%;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_left .ant-image .ant-image-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right {
+  flex: 1;
+  display: flex;
+  flex-flow: column;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_copy_text {
+  font-size: 12px;
+  color: var(--color-45);
+  margin-top: 4px;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_copy_text .ant-typography {
+  margin: 0;
+  color: inherit;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_copy_text .ant-typography .ant-typography-copy {
+  color: inherit;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_copy_text .ant-typography .ant-typography-copy.ant-typography-copy-success {
+  color: var(--success-color);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .PTRO_column {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  font-size: 12px;
+  color: var(--color-65);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .PTRO_extend {
+  font-size: 12px;
+  flex: 1 1 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  row-gap: 126px;
+  margin-top: 8px;
+  overflow: hidden;
+  color: var(--color-65);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .PTRO_extend button {
+  border: none;
+  background-color: var(--background-color);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .PTRO_desc {
+  font-size: 12px;
+  color: var(--color-65);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_footer {
+  position: relative;
+  display: flex;
+  align-items: center;
+  background-color: var(--background-color);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_footer > * {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  max-width: initial;
+  height: 40px;
+  border: none;
+  background-color: var(--background-color);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_footer > *::after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  height: 18px;
+  width: 1px;
+  background-color: var(--color-15);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_footer > *:last-child::after {
+  display: none;
+}
+.card_PTRO .card_PTRO_container:hover {
+  background-color: var(--color-6);
+}
+.card_PTRO .card_PTRO_container:hover .card_PTRO_body .card_checkbox {
+  opacity: 1;
+}
 .hasChecked .card_PTC .card_PTC_container .card_checkbox,
 .hasChecked .card_PTR .card_PTR_container .card_PTR_body .card_checkbox {
   opacity: 1;

package/lib/CustomTableOption/cardSort.d.ts

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

package/lib/CustomTableOption/cardSort.js

@@ -0,0 +1,242 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _core = require("@dnd-kit/core");
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _icons = require("@ant-design/icons");
+
+var _utilities = require("@dnd-kit/utilities");
+
+var _lodash = require("lodash");
+
+var UNLLVALUE = [null, undefined];
+var Search = _linkmoreDesign.Input.Search;
+
+var SortItem = function SortItem(props) {
+  var _a, _b;
+
+  var _useSortable = (0, _sortable.useSortable)({
+    id: "".concat(props.id)
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    transform: _utilities.CSS.Transform.toString(transform),
+    transition: transition
+  };
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    ref: setNodeRef,
+    className: 'lm_custom_item',
+    style: style
+  }, attributes), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.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.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_icons.HolderOutlined, Object.assign({}, listeners, {
+    className: 'lm_custom_icon sort_item'
+  }))));
+};
+/** order show */
+
+
+var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$card = _ref.card,
+      card = _ref$card === void 0 ? [] : _ref$card,
+      _ref$cardStateValue = _ref.cardStateValue,
+      cardStateValue = _ref$cardStateValue === void 0 ? {} : _ref$cardStateValue;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      localCard = _useState2[0],
+      setLocalCard = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      colStateValue = _useState4[0],
+      setColStateValue = _useState4[1];
+  /** 正在输入的查询条件 */
+
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      searchIngValue = _useState6[0],
+      setSearchIngValue = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(''),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      searchValue = _useState8[0],
+      setSearchValue = _useState8[1];
+
+  var sortMenu = (0, _react.useMemo)(function () {
+    var cloneCol = (0, _lodash.cloneDeep)(localCard);
+    cloneCol.forEach(function (item, index) {
+      var _a, _b;
+
+      var order = (_a = colStateValue[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 = colStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
+    });
+    return cloneCol.filter(function (item) {
+      var _a;
+
+      return ((_a = item.title) === null || _a === void 0 ? void 0 : _a.indexOf(searchValue)) > -1;
+    });
+  }, [localCard, colStateValue, searchValue]);
+  var isCheckAll = (0, _react.useMemo)(function () {
+    var showLength = localCard.filter(function (item) {
+      return item.show !== false;
+    });
+    return {
+      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localCard.length ? true : false,
+      checkAll: showLength.length === localCard.length
+    };
+  }, [localCard]);
+  /** 将当前输入的值，进行最后赋值，作自动计算使用 */
+
+  var handleSearch = function handleSearch() {
+    setSearchValue(searchIngValue);
+  };
+
+  (0, _react.useEffect)(function () {
+    console.log(localCard, 'localFilter');
+  }, [localCard]);
+  (0, _react.useEffect)(function () {
+    setLocalCard(card);
+    setColStateValue(cardStateValue);
+  }, [card]);
+  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
+    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  }));
+  /** 排序结束回调 */
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over;
+
+    if (active.id !== over.id) {
+      setLocalCard(function (items) {
+        var oldIndex = items.findIndex(function (s) {
+          return s.dataIndex === active.id;
+        });
+        var newIndex = items.findIndex(function (s) {
+          return s.dataIndex === over.id;
+        });
+        return (0, _sortable.arrayMove)(items, oldIndex, newIndex).map(function (item, index) {
+          return Object.assign(Object.assign({}, item), {
+            order: index
+          });
+        });
+      });
+    }
+  };
+  /** 添加是否显示 */
+
+
+  var toggleShow = function toggleShow(value, id) {
+    var resultColumns = localCard.map(function (item) {
+      if (item.dataIndex === id) {
+        return Object.assign(Object.assign({}, item), {
+          show: item.show === false ? true : false
+        });
+      }
+
+      return Object.assign({}, item);
+    });
+    setLocalCard(resultColumns);
+  };
+  /** 切换是否全选 */
+
+
+  var onCheckAllChange = function onCheckAllChange() {
+    var resultColumns = localCard.map(function (item) {
+      return Object.assign(Object.assign({}, item), {
+        show: isCheckAll.checkAll ? false : true
+      });
+    });
+    setLocalCard(resultColumns);
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getLocalFilter: function getLocalFilter() {
+        return localCard;
+      },
+      getFilterStateValue: function getFilterStateValue() {
+        var obj = {};
+        localCard.forEach(function (item) {
+          obj[item.dataIndex] = {};
+
+          if (![undefined, null].includes(item.order)) {
+            obj[item.dataIndex]['order'] = item.order;
+          }
+
+          if (![undefined, null].includes(item.show)) {
+            obj[item.dataIndex]['show'] = item.show;
+          }
+        });
+        return obj;
+      }
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'lm_custom_option_columns'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'global_search'
+  }, /*#__PURE__*/_react.default.createElement(Search, {
+    value: searchIngValue,
+    onChange: function onChange(e) {
+      return setSearchIngValue(e.target.value);
+    },
+    onSearch: handleSearch
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'global_setting'
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    indeterminate: isCheckAll.indeterminate,
+    onChange: onCheckAllChange,
+    checked: isCheckAll.checkAll
+  }, "\u5168\u9009"), /*#__PURE__*/_react.default.createElement("span", {
+    onClick: function onClick() {
+      return setLocalCard(card);
+    }
+  }, "\u91CD\u7F6E")), !!(sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.length) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    collisionDetection: _core.closestCenter,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (v) {
+      return "".concat(v.dataIndex);
+    }),
+    strategy: _sortable.verticalListSortingStrategy
+  }, sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(SortItem, {
+      key: item.dataIndex,
+      toggleShow: toggleShow,
+      item: item,
+      id: item.dataIndex
+    });
+  })))));
+});
+var _default = FilterSort;
+exports.default = _default;

package/lib/CustomTableOption/index.d.ts

@@ -7,6 +7,7 @@ export interface ICustomTableOptionProps {
     tooltip?: TooltipProps;
     filter?: Record<string, any>[];
     columns?: TableProps<any>['columns'];
+    card?: TableProps<any>['columns'];
     onSave?: (data: any) => void;
 }
 declare const LMCustomTableOption: React.FC<ICustomTableOptionProps>;