linkmore-design 1.0.43 → 1.0.46

package/es/LmTable/Table.js

@@ -13,10 +13,10 @@ require("antd/es/config-provider/style");
 
 var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
@@ -29,18 +29,23 @@ var _proTable = _interopRequireDefault(require("@ant-design/pro-table"));
 
 var _sortable = require("@dnd-kit/sortable");
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _lodash = require("lodash");
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _reactResizable = require("react-resizable");
+
 var _reactSortableHoc = require("react-sortable-hoc");
 
 var _empty = _interopRequireDefault(require("./assets/empty.png"));
 
 var _resetConfig = _interopRequireDefault(require("./resetConfig"));
 
-var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "customCheck", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
-    _excluded2 = ["className", "style"];
+var _excluded = ["dataSource", "autoSize", "columns", "rowClick", "onDoubleClick", "checkConfig", "summary", "pagination", "hiddenPage", "loading", "virtual", "sortOpen", "resizeable", "customCheck", "rowSelection", "columnsState", "onChange", "filterChange", "tableRowType", "size"],
+    _excluded2 = ["className", "style"],
+    _excluded3 = ["onResize", "width", "onResizeStop"];
 var Summary = _proTable.default.Summary;
 exports.Summary = Summary;
 var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
@@ -75,6 +80,8 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       virtual = _props$virtual === void 0 ? false : _props$virtual,
       _props$sortOpen = props.sortOpen,
       sortOpen = _props$sortOpen === void 0 ? false : _props$sortOpen,
+      _props$resizeable = props.resizeable,
+      resizeable = _props$resizeable === void 0 ? false : _props$resizeable,
       customCheck = props.customCheck,
       rowSelection = props.rowSelection,
       columnsState = props.columnsState,
@@ -127,8 +134,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     if (oldIndex !== newIndex) {
       var newData = (0, _sortable.arrayMove)(dataSource, oldIndex, newIndex).filter(function (el) {
         return !!el;
-      });
-      console.log(newData, 'nnnnnn'); // setDataSource([...newData])
+      }); // setDataSource([...newData])
     }
   };
 
@@ -153,19 +159,46 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       index: index
     }, restProps));
   }; // 原宽度，先宽度，序号
-
-
-  var handleResize = function handleResize(sc, size, index) {
-    var preCountW = (0, _lodash.sumBy)(useColumns, 'width') + 36;
-    var curCountW = preCountW - sc + size;
-    var scale = curCountW > preCountW ? subtract(preCountW, size) / subtract(preCountW, sc) : subtract(autoSize.width, size) / subtract(autoSize.width, sc);
-    var nValue = useColumns.map(function (v, idx) {
-      var w = curCountW < autoSize.width ? scale * v.width : v.width;
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, v), {}, {
-        width: idx === index ? size : w
+  // const handleResize = (sc, size, index) => {
+  //   // const preCountW = sumBy(useColumns, 'width') + 36
+  //   // const curCountW = preCountW - sc + size
+  //   // const scale =
+  //   //   curCountW > preCountW
+  //   //     ? subtract(preCountW, size) / subtract(preCountW, sc)
+  //   //     : subtract(autoSize.width, size) / subtract(autoSize.width, sc)
+  //   // const nValue = useColumns.map((v, idx) => {
+  //   //   const w = curCountW < autoSize.width ? scale * v.width : v.width
+  //   //   return {
+  //   //     ...v,
+  //   //     width: idx === index ? size : w,
+  //   //   }
+  //   // })
+  //   // setColumns([...nValue])
+  //   console.log(sc, size, index, 666)
+  //   const nextColumns = [...useColumns]
+  //   nextColumns[index] = {
+  //     ...nextColumns[index],
+  //     width: size.width,
+  //   }
+  //   setColumns(nextColumns)
+  // }
+
+
+  var handleResize = function handleResize(index) {
+    return function (e, _ref2) {
+      var size = _ref2.size;
+      var nextColumns = (0, _toConsumableArray2.default)(useColumns);
+      nextColumns[index] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nextColumns[index]), {}, {
+        width: size.width
       });
+      setColumns(nextColumns);
+    };
+  };
+
+  var endResize = function endResize(e, data) {
+    setTimeout(function () {
+      filterChange === null || filterChange === void 0 ? void 0 : filterChange(useColumns);
     });
-    setColumns((0, _toConsumableArray2.default)(nValue));
   };
 
   var resetColumns = (0, _react.useCallback)(function () {
@@ -177,9 +210,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         onHeaderCell: function onHeaderCell(column) {
           return {
             width: column.width,
-            onResize: function onResize(e, size) {
-              return handleResize(e, size, index);
-            }
+            // onResize: (e, size) => handleResize(e, size, index),
+            onResize: handleResize(index),
+            onResizeStop: endResize
           };
         }
       });
@@ -249,15 +282,20 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       tableAlertRender: false,
       checkConfig: checkConfig,
       // components: vComponents,
-      scroll: resetProps.autoSizer || resetProps.scroll ? (0, _objectSpread2.default)({
+      scroll: resetProps.autoSizer || resetProps.scroll ? Object.assign((0, _objectSpread2.default)({
         y: autoSize.height
-      }, resetProps.scroll) : null,
+      }, resetProps.scroll), resizeable ? {
+        x: '100%'
+      } : {}) : resizeable ? {
+        x: '100%'
+      } : null,
       pagination: !hiddenPage && (0, _objectSpread2.default)({
         showSizeChanger: true,
         showQuickJumper: true,
         showTotal: function showTotal(total) {
           return "\u5171 ".concat(total, " \u6761");
-        }
+        },
+        size: 'small'
       }, pagination),
       rowSelection: rowSelection === false ? undefined : (0, _objectSpread2.default)({
         fixed: true,
@@ -289,7 +327,7 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       columns: resetColumns(),
       size: size
     }, resetProps);
-  }, [useColumns, useSelectedRows, columnsStateMap, resetProps, autoSize.height]);
+  }, [useColumns, useSelectedRows, columnsStateMap, resetProps, autoSize.height, resizeable]);
   var resultColumns = (0, _react.useMemo)(function () {
     var result = useColumns.map(function (item, index) {
       var _columnsStateMap$item, _columnsStateMap$item2, _columnsStateMap$item3, _columnsStateMap$item4;
@@ -322,10 +360,10 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var obj = (0, _objectSpread2.default)({}, columnsState);
     columns === null || columns === void 0 ? void 0 : columns.forEach(function (item) {
       /** 目前支持三种 */
-      var _ref2 = obj[item.dataIndex || item.key] || {},
-          order = _ref2.order,
-          show = _ref2.show,
-          fixed = _ref2.fixed;
+      var _ref3 = obj[item.dataIndex || item.key] || {},
+          order = _ref3.order,
+          show = _ref3.show,
+          fixed = _ref3.fixed;
 
       obj[item.dataIndex || item.key] = {
         fixed: fixed || item.fixed,
@@ -335,7 +373,6 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       //   obj[item.dataIndex || item.key] = { ...(obj[item.dataIndex || item.key] || {}), fixed: item.fixed }
       // }
     });
-    console.log(obj, 'oobjb');
     setColumnsStateMap(obj);
   }, [columnsState]); // useEffect(() => {
   //   console.log(props.columnsStateValue, 'v vv')
@@ -401,7 +438,54 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     filterChange === null || filterChange === void 0 ? void 0 : filterChange(resultColumns);
     onChange === null || onChange === void 0 ? void 0 : onChange(pagination, filters, sorter, extra);
   };
+  /** 排序的表头 */
+
 
+  var ResizableTitle = function ResizableTitle(props) {
+    var onResize = props.onResize,
+        width = props.width,
+        onResizeStop = props.onResizeStop,
+        restProps = (0, _objectWithoutProperties2.default)(props, _excluded3);
+
+    if (!width) {
+      return /*#__PURE__*/_react.default.createElement("th", restProps);
+    }
+
+    return /*#__PURE__*/_react.default.createElement(_reactResizable.Resizable, {
+      width: width,
+      height: 0,
+      handle: /*#__PURE__*/_react.default.createElement("span", {
+        className: "react-resizable-handle",
+        onClick: function onClick(e) {
+          e.stopPropagation();
+        }
+      }),
+      onResize: onResize,
+      onResizeStop: onResizeStop,
+      draggableOpts: {
+        enableUserSelectHack: false
+      }
+    }, /*#__PURE__*/_react.default.createElement("th", restProps));
+  };
+
+  var tableComponents = (0, _react.useMemo)(function () {
+    var obj = {};
+
+    if (sortOpen) {
+      obj['body'] = {
+        wrapper: DraggableContainer,
+        row: DraggableBodyRow
+      };
+    }
+
+    if (resizeable) {
+      obj['header'] = {
+        cell: ResizableTitle
+      };
+    }
+
+    return obj;
+  }, [sortOpen, resizeable]);
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: '100%',
@@ -412,14 +496,9 @@ var ResetTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, /*#__PURE__*/_react.default.createElement(_proTable.default, (0, _extends2.default)({}, config, {
     loading: loading,
     dataSource: dataSource,
-    components: sortOpen ? {
-      body: {
-        wrapper: DraggableContainer,
-        row: DraggableBodyRow
-      }
-    } : null,
+    components: tableComponents,
     onChange: onTableChange,
-    tableClassName: "lm_protable",
+    tableClassName: (0, _classnames.default)('lm_protable', resizeable && 'lm_resizeable'),
     summary: function summary(pageData) {
       return _summary && _summary(pageData, resultColumns);
     }
@@ -494,15 +573,15 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [tableSize, props]);
 
   var changeSize = function changeSize() {
-    var _tableWarpRef$current4;
+    var _tableWarpRef$current;
 
     var value = props.summary ? 48 : 0;
 
-    var _tableWarpRef$current = (_tableWarpRef$current4 = tableWarpRef.current) === null || _tableWarpRef$current4 === void 0 ? void 0 : _tableWarpRef$current4.getBoundingClientRect(),
-        _tableWarpRef$current2 = _tableWarpRef$current.width,
-        width = _tableWarpRef$current2 === void 0 ? '100%' : _tableWarpRef$current2,
-        _tableWarpRef$current3 = _tableWarpRef$current.height,
-        height = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3;
+    var _ref4 = ((_tableWarpRef$current = tableWarpRef.current) === null || _tableWarpRef$current === void 0 ? void 0 : _tableWarpRef$current.getBoundingClientRect()) || {},
+        _ref4$width = _ref4.width,
+        width = _ref4$width === void 0 ? '100%' : _ref4$width,
+        _ref4$height = _ref4.height,
+        height = _ref4$height === void 0 ? '100%' : _ref4$height;
 
     setTableSize({
       width: width,
@@ -516,13 +595,13 @@ var ResizeSize = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         customCheck = props.customCheck,
         summary = props.summary;
     setTimeout(function () {
-      var _tableWarpRef$current8;
+      var _tableWarpRef$current5;
 
-      var _tableWarpRef$current5 = (_tableWarpRef$current8 = tableWarpRef.current) === null || _tableWarpRef$current8 === void 0 ? void 0 : _tableWarpRef$current8.getBoundingClientRect(),
-          _tableWarpRef$current6 = _tableWarpRef$current5.width,
-          width = _tableWarpRef$current6 === void 0 ? '100%' : _tableWarpRef$current6,
-          _tableWarpRef$current7 = _tableWarpRef$current5.height,
-          height = _tableWarpRef$current7 === void 0 ? '100%' : _tableWarpRef$current7;
+      var _tableWarpRef$current2 = (_tableWarpRef$current5 = tableWarpRef.current) === null || _tableWarpRef$current5 === void 0 ? void 0 : _tableWarpRef$current5.getBoundingClientRect(),
+          _tableWarpRef$current3 = _tableWarpRef$current2.width,
+          width = _tableWarpRef$current3 === void 0 ? '100%' : _tableWarpRef$current3,
+          _tableWarpRef$current4 = _tableWarpRef$current2.height,
+          height = _tableWarpRef$current4 === void 0 ? '100%' : _tableWarpRef$current4;
 
       var value = summary ? 48 : 0;
       setTableSize({

package/es/LmTable/style/style.css

@@ -1450,3 +1450,12 @@ html {
 .ant-table.ant-table-middle tfoot > tr > td {
   padding: 12px 8px;
 }
+.react-resizable-handle {
+  position: absolute;
+  right: -5px;
+  bottom: 0;
+  z-index: 1;
+  width: 10px;
+  height: 100%;
+  cursor: col-resize;
+}

package/es/Tabs/index.js

@@ -20,11 +20,15 @@ var prefixCls = 'lm_tabs';
 
 var LMTabs = function LMTabs(props) {
   var className = props.className,
+      _props$size = props.size,
+      size = _props$size === void 0 ? "middle" : _props$size,
       _props$noBorder = props.noBorder,
       noBorder = _props$noBorder === void 0 ? false : _props$noBorder,
-      others = __rest(props, ["className", "noBorder"]);
+      others = __rest(props, ["className", "size", "noBorder"]);
 
-  return /*#__PURE__*/React.createElement(_Tabs, Object.assign({}, others, {
+  return /*#__PURE__*/React.createElement(_Tabs, Object.assign({
+    size: size
+  }, others, {
     className: classNames(className, prefixCls, noBorder && 'lm_tabs_noborder')
   }));
 };

package/lib/CardTable/style/style.css

@@ -15,7 +15,12 @@
 }
 .lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row .lm_card_table_body_cell {
   width: 100%;
+  border: 1px solid transparent;
   overflow: hidden;
+  transition: 0.3s;
+}
+.lm_card_table_wrapper .lm_card_table_container .lm_card_table .lm_card_table_body .lm_card_table_body_row .lm_card_table_body_cell.cell_checked {
+  border-color: var(--primary-color);
 }
 .card_PTC {
   height: 100%;
@@ -43,6 +48,7 @@
   font-size: 0;
   border: 8px solid rgba(255, 255, 255, 0.625);
   border-radius: 2px;
+  line-height: 1;
 }
 .card_PTC .card_PTC_container .card_checkbox .ant-checkbox {
   margin: 0;
@@ -158,6 +164,7 @@
   font-size: 0;
   border: 8px solid rgba(255, 255, 255, 0.625);
   border-radius: 2px;
+  line-height: 1;
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_checkbox .ant-checkbox {
   margin: 0;

package/lib/CardTable/table/TableRoot.js

@@ -21,7 +21,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _TableWrapper = _interopRequireDefault(require("./TableWrapper"));
 
-var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig"];
+var _excluded = ["rowConfig", "cellConfig", "defaultConfig", "checkboxConfig", "checkboxClick"];
 
 var reducer = function reducer(state, action) {
   var page = action.page,
@@ -98,12 +98,13 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
       cellConfig = _ref2.cellConfig,
       defaultConfig = _ref2.defaultConfig,
       checkboxConfig = _ref2.checkboxConfig,
+      checkboxClick = _ref2.checkboxClick,
       resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var initialState = (0, _react.useMemo)(function () {
     return getInitialState((0, _objectSpread2.default)({
       checkboxConfig: checkboxConfig
     }, resetProps));
-  }, []);
+  }, [checkboxConfig, resetProps]);
 
   var _useReducer = (0, _react.useReducer)(reducer, initialState),
       _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
@@ -126,6 +127,7 @@ var LmCardTableRoot = function LmCardTableRoot(_ref2) {
     var nValues = checked ? [].concat((0, _toConsumableArray2.default)(checkValues), [cell]) : checkValues.filter(function (v) {
       return v[resetProps.cellKey] !== cell[resetProps.cellKey];
     });
+    checkboxClick(nValues);
     dispatch({
       type: 'changeCheckboxConfig',
       checkboxConfig: {

package/lib/CardTable/table/TableWrapper.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _TableContainer = _interopRequireDefault(require("./TableContainer"));
@@ -14,12 +16,13 @@ var _TableContainer = _interopRequireDefault(require("./TableContainer"));
 // 包裹表格外围区域: 工具栏操作区域/主体区域/工具栏底部区域
 var LmCardTableWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
   var table = _ref.table;
-  var height = table.height;
+  var height = table.height,
+      style = table.style;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_card_table_wrapper",
-    style: {
+    style: (0, _objectSpread2.default)({
       height: height
-    }
+    }, style)
   }, /*#__PURE__*/_react.default.createElement(_TableContainer.default, {
     table: table
   }));

package/lib/CkFilter/components/CascaderFilter.js

@@ -75,6 +75,13 @@ var CascaderFilter = function CascaderFilter(_ref) {
       setFilterValue(undefined);
     };
 
+    (0, _react.useEffect)(function () {
+      visible && setTimeout(function () {
+        var _inputRef$current;
+
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+      }, 200);
+    }, [visible]);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_cascader_container filter_dropdown",
       style: {

package/lib/CkFilter/components/filterTypes.js

@@ -124,6 +124,13 @@ var SelectFilter = function SelectFilter(_ref2) {
     setFilterValue(item.value);
   };
 
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var _inputRef$current2;
+
+      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+    }, 200);
+  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_dropdown"
   }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
@@ -192,6 +199,13 @@ var NestedFilter = function NestedFilter(_ref4) {
     }
   };
 
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var _inputRef$current3;
+
+      (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
+    }, 200);
+  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_dropdown"
   }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
@@ -369,6 +383,13 @@ var CheckboxFilter = function CheckboxFilter(_ref8) {
     !isSearch && setFilterValue(arr, 'single');
   };
 
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var _inputRef$current4;
+
+      (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.focus();
+    }, 200);
+  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_dropdown"
   }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
@@ -489,6 +510,13 @@ var MoreFilter = function MoreFilter(_ref12) {
     setFilterValue(checkedValues, 'cancel');
   };
 
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      var _inputRef$current5;
+
+      (_inputRef$current5 = inputRef.current) === null || _inputRef$current5 === void 0 ? void 0 : _inputRef$current5.focus();
+    }, 200);
+  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_dropdown"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -686,6 +714,13 @@ var CascaderFilter = function CascaderFilter(props) {
       setCheckedValues(itemProps.multiple ? [] : '');
     };
 
+    (0, _react.useEffect)(function () {
+      visible && setTimeout(function () {
+        var _inputRef$current6;
+
+        (_inputRef$current6 = inputRef.current) === null || _inputRef$current6 === void 0 ? void 0 : _inputRef$current6.focus();
+      }, 200);
+    }, [visible]);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_cascader_container filter_dropdown"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -696,9 +731,9 @@ var CascaderFilter = function CascaderFilter(props) {
       size: "small",
       placeholder: "\u8BF7\u8F93\u5165",
       onSearch: handleFilter,
-      onChange: (0, _lodash.debounce)(function (e) {
+      onChange: function onChange(e) {
         return handleFilter(e.target.value);
-      }, 500)
+      }
     })), menus, itemProps.multiple && /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_footer"
     }, /*#__PURE__*/_react.default.createElement("div", {

package/lib/CustomTableOption/index.js

@@ -33,15 +33,15 @@ var MiddleImg = require('./assets/option3.png');
 
 var TabPane = _linkmoreDesign.Tabs.TabPane;
 var optionsWithDisabled = [{
-  label: '紧凑型',
-  value: 'small',
-  imgUrl: SmallImg
-}, {
   label: '默认',
   value: 'default',
   imgUrl: DefaultImg
 }, {
-  label: '中等',
+  label: '紧凑型',
+  value: 'small',
+  imgUrl: SmallImg
+}, {
+  label: '宽松',
   value: 'middle',
   imgUrl: MiddleImg
 }];
@@ -68,7 +68,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
   var _useState5 = (0, _react.useState)({
     filter: [],
     columns: [],
-    size: 'small'
+    size: 'default'
   }),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
       lmOptions = _useState6[0],
@@ -82,7 +82,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     setLmOptions({
       filter: props.filter,
       columns: props.columns,
-      size: props.size || 'small'
+      size: props.size || 'default'
     });
   }, [props.filter, props.columns, props.size]);
   /** 提交按钮 */

package/lib/CustomTableOption/style/index.css

@@ -514,11 +514,11 @@ html {
 }
 .lm_custom_option_columns .global_setting {
   height: 44px;
-  background-color: var(--color-4);
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0 16px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--border-color);
   font-size: 12px;
   margin-bottom: 8px;
 }

package/lib/IconFont/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2966019 */
-  src: url('iconfont.woff2?t=1659434868739') format('woff2'),
-       url('iconfont.woff?t=1659434868739') format('woff'),
-       url('iconfont.ttf?t=1659434868739') format('truetype');
+  src: url('iconfont.woff2?t=1659492914541') format('woff2'),
+       url('iconfont.woff?t=1659492914541') format('woff'),
+       url('iconfont.ttf?t=1659492914541') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.lmweb-icon_application_light:before {
+  content: "\e6c7";
+}
+
+.lmweb-icon_m_nullify:before {
+  content: "\e657";
+}
+
+.lmweb-icon_m_data:before {
+  content: "\e658";
+}
+
 .lmweb-icon_china1:before {
   content: "\e6c9";
 }
@@ -25,10 +37,6 @@
   content: "\e6cb";
 }
 
-.lmweb-icon_application_light:before {
-  content: "\e6c7";
-}
-
 .lmweb-icon_application:before {
   content: "\e6c8";
 }