linkmore-design 1.0.41 → 1.0.44

package/es/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;
@@ -256,6 +263,9 @@
 .card_PTR .card_PTR_container .card_PTR_footer > *:last-child::after {
   display: none;
 }
+.card_PTR .card_PTR_container:hover {
+  background-color: var(--color-6);
+}
 .card_PTR .card_PTR_container:hover .card_PTR_body .card_checkbox {
   opacity: 1;
 }

package/es/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/es/CardTable/table/TableWrapper.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/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/es/CkFilter/baseFilter/index.js

@@ -55,6 +55,13 @@ var Filter = function Filter() {
       visibleFields = state.visibleFields,
       orderFields = state.orderFields,
       customFilterValues = state.customFilterValues;
+  var hasClear = (0, _react.useMemo)(function () {
+    var _Object$keys;
+
+    var obj = (0, _objectSpread2.default)({}, filterValues);
+    delete obj[searchKey];
+    return ((_Object$keys = Object.keys(obj)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) || false;
+  }, [filterValues]);
 
   var handleFilter = function handleFilter(val) {
     var nValue = (0, _objectSpread2.default)({}, filterValues);
@@ -84,7 +91,7 @@ var Filter = function Filter() {
 
     dispatch({
       type: 'changeFilterValues',
-      filterValues: {}
+      filterValues: (0, _defineProperty2.default)({}, searchKey, filterValues[searchKey])
     });
     onChange === null || onChange === void 0 ? void 0 : onChange((0, _defineProperty2.default)({}, searchKey, filterValues[searchKey]), customFilterValues);
   };
@@ -105,7 +112,7 @@ var Filter = function Filter() {
     return /*#__PURE__*/_react.default.createElement(_filterMenu.default, (0, _extends2.default)({
       key: v.field
     }, v));
-  }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+  }), hasClear && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     type: "link",
     onClick: handleClear
   }, "\u4E00\u952E\u6E05\u7A7A")), /*#__PURE__*/_react.default.createElement(_NestedFilter.default, null));

package/es/CkFilter/complexFilter/drawer.js

@@ -37,6 +37,8 @@ var _context = require("../context");
 
 var _utils = require("../utils");
 
+var _saveModal = _interopRequireDefault(require("./saveModal"));
+
 var _excluded = ["item"],
     _excluded2 = ["item"];
 
@@ -90,6 +92,8 @@ var ListItemChecked = function ListItemChecked(props) {
     var checkedValue = value.value;
 
     if (Array.isArray(checkedValue)) {
+      var _getItem$data;
+
       if (getItem.type === 'nested') {
         return checkedValue;
       }
@@ -100,7 +104,7 @@ var ListItemChecked = function ListItemChecked(props) {
         return arr;
       }
 
-      return getItem.data.filter(function (v) {
+      return (_getItem$data = getItem.data) === null || _getItem$data === void 0 ? void 0 : _getItem$data.filter(function (v) {
         return checkedValue.includes(v.value);
       });
     }
@@ -168,7 +172,7 @@ var ListItemChecked = function ListItemChecked(props) {
       className: "site-tag-plus",
       onClick: handleAdd
     }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-      type: "lmweb-plus-circle"
+      type: "lmweb-plus"
     }), " \u65B0\u589E"), checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
       return /*#__PURE__*/_react.default.createElement(_tag.default, {
         key: v.value,
@@ -201,7 +205,9 @@ var ListItemChecked = function ListItemChecked(props) {
 }; // 全部筛选项
 
 
-var ListGroup = function ListGroup() {
+var ListGroup = function ListGroup(_ref) {
+  var checkedValues = _ref.checkedValues;
+
   var _useStore2 = (0, _context.useStore)(),
       state = _useStore2.state,
       dispatch = _useStore2.dispatch;
@@ -220,8 +226,8 @@ var ListGroup = function ListGroup() {
   }; // 编辑
 
 
-  var handleEdit = function handleEdit(_ref) {
-    var field = _ref.field;
+  var handleEdit = function handleEdit(_ref2) {
+    var field = _ref2.field;
     // 单项匹配数据, 根据字段名查找
     var getItem = fullData.find(function (v) {
       return v.field === field;
@@ -239,6 +245,14 @@ var ListGroup = function ListGroup() {
     });
   };
 
+  (0, _react.useEffect)(function () {
+    var nValue = fullData.filter(function (item) {
+      return !checkedValues.some(function (v) {
+        return v.field === item.field;
+      });
+    });
+    setOptions(nValue);
+  }, [checkedValues]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "list_group"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -253,9 +267,9 @@ var ListGroup = function ListGroup() {
   })), /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
     options: options,
     className: "filter_drawer_group_list"
-  }, function (_ref2) {
-    var item = _ref2.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  }, function (_ref3) {
+    var item = _ref3.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "filter_drawer_group_item"
     }), /*#__PURE__*/_react.default.createElement("div", {
@@ -307,8 +321,6 @@ var Index = function Index() {
     });
   };
 
-  var onSave = function onSave() {};
-
   var onSearch = function onSearch() {
     console.log('complexDrawer:', data);
     dispatch({
@@ -350,10 +362,9 @@ var Index = function Index() {
     extra: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       onClick: onClose,
       size: "small"
-    }, "\u53D6\u6D88"), !!instance.custom && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-      onClick: onSave,
-      size: "small"
-    }, "\u4FDD\u5B58\u67E5\u8BE2"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    }, "\u53D6\u6D88"), !!instance.custom && /*#__PURE__*/_react.default.createElement(_saveModal.default, {
+      state: state
+    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       type: "primary",
       onClick: onSearch,
       size: "small"
@@ -366,13 +377,15 @@ var Index = function Index() {
   }, /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
     options: filterItemData,
     className: "filter_drawer_group_list"
-  }, function (_ref3) {
-    var item = _ref3.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
+  }, function (_ref4) {
+    var item = _ref4.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: "filter_drawer_group_item"
     }), /*#__PURE__*/_react.default.createElement(ListItemChecked, item));
-  })), /*#__PURE__*/_react.default.createElement(ListGroup, null)), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
+  })), /*#__PURE__*/_react.default.createElement(ListGroup, {
+    checkedValues: filterItemData
+  })), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
 };
 
 var _default = Index;

package/es/CkFilter/complexFilter/saveModal.js

@@ -0,0 +1,140 @@
+"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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var Save = function Save(_ref) {
+  var state = _ref.state;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _Form$useForm = _linkmoreDesign.Form.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var onClose = function onClose() {
+    setVisible(false);
+    form.resetFields();
+  };
+
+  var onSave = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var val, nValue;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return form.validateFields();
+
+            case 3:
+              val = _context.sent;
+              nValue = (0, _objectSpread2.default)({
+                filterValues: (0, _objectSpread2.default)({}, state.complexDrawer.data)
+              }, val);
+
+              if (!nValue.value) {
+                Object.assign(nValue, {
+                  value: "diy".concat(Date.now())
+                });
+              }
+
+              console.log('保存数据！', nValue);
+              onClose();
+              _context.next = 13;
+              break;
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](0);
+              console.log('error:', _context.t0);
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 10]]);
+    }));
+
+    return function onSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var modalProps = {
+    title: "保存查询",
+    size: 'small',
+    visible: visible,
+    onOk: function onOk() {
+      return onSave();
+    },
+    onCancel: function onCancel() {
+      return onClose();
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    onClick: function onClick() {
+      return setVisible(true);
+    },
+    size: "small"
+  }, "\u4FDD\u5B58\u67E5\u8BE2"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Modal, modalProps, /*#__PURE__*/_react.default.createElement("div", {
+    className: "save_modal"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
+    form: form,
+    layout: "vertical",
+    size: "default"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_drawer_group"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "text_tip"
+  }, "\u4FDD\u5B58\u67E5\u8BE2\u540E\uFF0C\u4E0B\u6B21\u53EF\u4EE5\u5728\u81EA\u5B9A\u4E49\u67E5\u8BE2\u91CC\u5FEB\u901F\u627E\u5230\uFF0C\u8FDB\u884C\u5FEB\u6377\u67E5\u8BE2")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_drawer_group"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
+    name: "label",
+    label: "\u540D\u79F0",
+    rules: [{
+      required: true,
+      message: '请输入名称'
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, {
+    placeholder: "\u8BF7\u8F93\u5165",
+    size: "middle"
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_drawer_group"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
+    name: "default",
+    label: "\u8BBE\u4E3A\u9ED8\u8BA4"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
+    value: true
+  }, "\u662F"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
+    value: false
+  }, "\u5426"))))))));
+};
+
+var _default = Save;
+exports.default = _default;

package/es/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/es/CkFilter/components/filterTypes.js

@@ -686,6 +686,13 @@ var CascaderFilter = function CascaderFilter(props) {
       setCheckedValues(itemProps.multiple ? [] : '');
     };
 
+    (0, _react.useEffect)(function () {
+      visible && setTimeout(function () {
+        var _inputRef$current2;
+
+        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+      }, 200);
+    }, [visible]);
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_cascader_container filter_dropdown"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -696,9 +703,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/es/CkFilter/customFilter/drawer.js

@@ -176,7 +176,7 @@ var ListItem = function ListItem(props) {
       className: "site-tag-plus",
       onClick: handleAdd
     }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-      type: "lmweb-plus-circle"
+      type: "lmweb-plus"
     }), " \u65B0\u589E"), checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
       return /*#__PURE__*/_react.default.createElement(_tag.default, {
         key: v.value,
@@ -376,7 +376,7 @@ var Index = function Index() {
     type: "dashed",
     onClick: addEvent,
     icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-      type: "lmweb-plus-circle"
+      type: "lmweb-plus"
     }),
     size: "middle"
   }, "\u65B0\u589E\u7B5B\u9009\u9879")), /*#__PURE__*/_react.default.createElement(_VirtualList.default, {

package/es/CkFilter/style/style.css

@@ -515,6 +515,7 @@ html {
   align-items: center;
   justify-content: space-between;
   height: 32px;
+  line-height: 1;
   min-width: 100px;
   border: 1px solid var(--box-shadow-color);
   border-radius: 2px;
@@ -829,9 +830,6 @@ html {
   cursor: pointer;
   transition: 0.3s;
 }
-.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box:hover {
-  border-color: var(--primary-color);
-}
 .ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_header {
   display: flex;
   align-items: center;
@@ -1039,6 +1037,39 @@ html {
 .ant-modal .custom_modal .ant-select {
   font-size: 12px;
 }
+.ant-modal .filter_drawer_group {
+  font-size: 12px;
+  line-height: 1;
+}
+.ant-modal .filter_drawer_group .text_tip {
+  font-size: 12px;
+  line-height: 22px;
+  color: var(--text-color);
+  margin-bottom: 16px;
+}
+.ant-modal .filter_drawer_group .ant-form-item {
+  margin-bottom: 16px;
+}
+.ant-modal .filter_drawer_group .ant-form-item-label {
+  padding-bottom: 0;
+}
+.ant-modal .filter_drawer_group .ant-form-item-label label {
+  font-size: 12px;
+}
+.ant-modal .filter_drawer_group .ant-form-item-control {
+  width: 100%;
+}
+.ant-modal .filter_drawer_group input {
+  font-size: 12px;
+}
+.ant-modal .filter_drawer_group .ant-radio-wrapper {
+  display: inline-flex;
+  align-items: center;
+  font-size: 12px;
+}
+.ant-modal .filter_drawer_group .ant-radio-wrapper .ant-radio {
+  top: 0;
+}
 .lm_filter_dropdown_picker .filter_picker_box {
   display: flex;
 }

package/es/CustomTableOption/index.d.ts

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

package/es/CustomTableOption/index.js

@@ -1,3 +1,5 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { forwardRef, useState, useEffect, useRef } from 'react';
 import { Drawer, Tabs, Radio, IconFont, Space, Button, Switch } from 'linkmore-design';
@@ -27,7 +29,9 @@ var optionsWithDisabled = [{
 }];
 var prefixCls = 'lm_custom-table-option';
 var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className;
+  var className = props.className,
+      _props$tooltip = props.tooltip,
+      tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
   var filterRef = useRef(null);
   var columnsRef = useRef(null); // const sizeRef = useRef(null)
 
@@ -46,7 +50,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState5 = useState({
     filter: [],
     columns: [],
-    size: 'small'
+    size: 'middle'
   }),
       _useState6 = _slicedToArray(_useState5, 2),
       lmOptions = _useState6[0],
@@ -60,7 +64,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
     setLmOptions({
       filter: props.filter,
       columns: props.columns,
-      size: props.size || 'small'
+      size: props.size || 'middle'
     });
   }, [props.filter, props.columns, props.size]);
   /** 提交按钮 */
@@ -88,12 +92,12 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
     setVisible(false);
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip, Object.assign({}, tooltip), /*#__PURE__*/React.createElement(Button, {
     onClick: openSetting,
     icon: /*#__PURE__*/React.createElement(IconFont, {
       type: 'lmweb-setting'
     })
-  }), /*#__PURE__*/React.createElement(Drawer, {
+  })), /*#__PURE__*/React.createElement(Drawer, {
     className: classNames(className, prefixCls),
     title: "\u7B5B\u9009\u8BBE\u7F6E",
     visible: visible,

package/es/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;
 }
@@ -544,6 +544,13 @@ html {
   padding: 0 16px;
   font-size: 12px;
   margin-bottom: 8px;
+  cursor: pointer;
+}
+.lm_custom_option_columns .lm_custom_item:hover {
+  background-color: var(--line-color);
+}
+.lm_custom_option_columns .lm_custom_item:hover .hover_show {
+  display: inline-flex;
 }
 .lm_custom_option_columns .lm_custom_item .lm-checkbox > span {
   font-size: 12px;
@@ -557,6 +564,7 @@ html {
   color: var(--tip-text-color);
 }
 .lm_custom_option_columns .lm_custom_icon.hover_show {
+  display: none;
   color: var(--primary-color);
 }
 .lm_custom_size_warp {

package/es/IconFont/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2966019 */
-  src: url('iconfont.woff2?t=1659410207517') format('woff2'),
-       url('iconfont.woff?t=1659410207517') format('woff'),
-       url('iconfont.ttf?t=1659410207517') format('truetype');
+  src: url('iconfont.woff2?t=1659434868739') format('woff2'),
+       url('iconfont.woff?t=1659434868739') format('woff'),
+       url('iconfont.ttf?t=1659434868739') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.lmweb-icon_china1:before {
+  content: "\e6c9";
+}
+
+.lmweb-icon_English1:before {
+  content: "\e6ca";
+}
+
+.lmweb-icon_fan1:before {
+  content: "\e6cb";
+}
+
+.lmweb-icon_application_light:before {
+  content: "\e6c7";
+}
+
+.lmweb-icon_application:before {
+  content: "\e6c8";
+}
+
 .lmweb-icon-m-receipt:before {
   content: "\e6c6";
 }
@@ -89,18 +109,6 @@
   content: "\e6b9";
 }
 
-.lmweb-icon_fan:before {
-  content: "\e6b3";
-}
-
-.lmweb-icon_china:before {
-  content: "\e6b1";
-}
-
-.lmweb-icon_English:before {
-  content: "\e6b2";
-}
-
 .lmweb-icon_deliver_light:before {
   content: "\e6ac";
 }