linkmore-design 1.0.63 → 1.0.67

package/lib/CustomTableOption/index.js

@@ -52,7 +52,7 @@ var optionsWithDisabled = [{
 }];
 var prefixCls = 'lm_custom-table-option';
 var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _a;
+  var _a, _b, _c;
 
   var className = props.className,
       _props$tooltip = props.tooltip,
@@ -132,7 +132,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     })
   })), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Drawer, {
     className: (0, _classnames.default)(className, prefixCls),
-    title: "\u7B5B\u9009\u8BBE\u7F6E",
+    title: "\u4E2A\u6027\u5316\u8BBE\u7F6E",
     visible: visible,
     extra: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       size: "small",
@@ -149,21 +149,21 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     }
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Tabs, {
     defaultActiveKey: "1"
-  }, /*#__PURE__*/_react.default.createElement(TabPane, {
-    tab: "\u4E2A\u6027\u5316\u7B5B\u9009",
+  }, ((_a = lmOptions.filter) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "\u7B5B\u9009\u8BBE\u7F6E",
     key: "1",
     forceRender: true
   }, /*#__PURE__*/_react.default.createElement(_filterSort.default, {
     ref: filterRef,
     filter: lmOptions.filter
-  })), /*#__PURE__*/_react.default.createElement(TabPane, {
+  })), ((_b = lmOptions.columns) === null || _b === void 0 ? void 0 : _b.length) && /*#__PURE__*/_react.default.createElement(TabPane, {
     tab: "\u5217\u8868\u5B57\u6BB5\u8BBE\u7F6E",
     key: "2",
     forceRender: true
   }, /*#__PURE__*/_react.default.createElement(_columnsSort.default, {
     ref: columnsRef,
     columns: lmOptions.columns
-  })), ((_a = lmOptions.card) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/_react.default.createElement(TabPane, {
+  })), ((_c = lmOptions.card) === null || _c === void 0 ? void 0 : _c.length) && /*#__PURE__*/_react.default.createElement(TabPane, {
     tab: "\u5361\u7247\u5B57\u6BB5\u8BBE\u7F6E",
     key: "4",
     forceRender: true

package/lib/EditTable/README.md.old

@@ -0,0 +1,66 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 组件
+  path: /basic
+---
+
+## EditTable 表格
+
+> 原有表格增加：
+>
+> isEdit: 是否为编辑状态
+> isAdd: 是否展示底部新增按钮
+
+### 示例
+
+<code src="./demos/basic.jsx" background="#fff" />
+
+<code src="./demos/Editbasic.jsx" background="#fff" />
+
+<code src="./demos/hoverEdit.jsx" background="#fff" />
+
+<code src="./demos/formEditTable.jsx" background="#fff" />
+
+### EditTable
+
+| 参数     | 说明                                               | 类型                      | 可选    | 默认值 |
+| -------- | -------------------------------------------------- | ------------------------- | ------- | ------ |
+| isEdit   | 是否为编辑状态                                     | Boolean                   |         | false  |
+| isHoverEdit   | 是否为划过编辑状态，开启后将覆盖 isEdit 行为                                | Boolean                   |         | false  |
+| isAdd    | 表格底部是否出现新增按钮                           | Boolean                   |         | true   |
+| value    | 默认数据源(对应 antd 中 table 的 dataSource)       | object[]                  |         | true   |
+| onChange | 当 isEdit 为 true, 或 isAdd 为 True 时，操作时触发 | (dataSource: T[]) => void |         |        |
+| columns  | 列定义                                             | (dataSource: T[]) => void | Columns |        |
+| rowKey   | 添加到 dataSource 中的 key                         | String                    |         | \_ID   |
+
+### Columns
+
+| 参数      | 说明                               | 类型              | 可选         | 默认值 |
+| --------- | ---------------------------------- | ----------------- | ------------ | ------ | --- |
+| title     | 标题                               | String            | JSX          |        |     |
+| dataIndex | 键值                               | String            |              |        |
+| width     | 宽度                               | Number            |              |        |
+| ellipsis  | 是否溢出省略                       | Boolean           |              |        |
+| editable  | 编辑类型                           | String            | editableType |        |
+| editEnum  | 枚举，下拉框时为数组，否则为配置项 | Array \|\| Object |              |        |
+| valueType | 下拉框时使用，配置项               | Object            |              |        |
+
+- **editEnum： 当 editable 为'select'时需传入数组项，非'select'时为配置项，请传入对象，会作用于对应组件配置**
+- 数组指定接收： id，value，label
+
+#### editableType
+
+| 参数       | 说明       | 类型 | 可选 | 默认值 |
+| ---------- | ---------- | ---- | ---- | ------ |
+| input      | 输入框     |      |      |        |
+| inputRange | 输入区间框 |      |      |        |
+| number     | 数字框     |      |      |        |
+| select     | 下拉框     |      |      |        |
+| multiple   | 下拉多选   |      |      |        |
+| date       | 日期选择   |      |      |        |
+| checkbox   | 复选框     |      |      |        |
+| radio      | 单选       |      |      |        |
+| upload     | 上传       |      |      |        |

package/lib/Form/container.js

@@ -65,7 +65,6 @@ var LMContainer = function LMContainer(props) {
 
     var classes = (0, _classnames.default)(className, prefixCls, responsiveCls, lm_col);
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
-      ref: containerWrapRef,
       className: classes
     }, others, {
       style: {
@@ -78,6 +77,23 @@ var LMContainer = function LMContainer(props) {
   var changeSize = function changeSize() {
     var _a;
 
+    var index = 1;
+    containerWrapRef.current.querySelectorAll('.ant-form-item').forEach(function (el) {
+      if (el.classList.contains('ant-form-item-responsive')) {
+        if (index % 3 === 0) {
+          el.classList.add('nth-three');
+        } else if (index % 4 === 0) {
+          el.classList.add('nth-four');
+        } else if (index % 5 === 0) {
+          el.classList.add('nth-five');
+        }
+
+        index++;
+      } else {
+        index = 1;
+      }
+    });
+
     var _ref = ((_a = containerWrapRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {},
         _ref$width = _ref.width,
         width = _ref$width === void 0 ? '100%' : _ref$width;

package/lib/Form/index.d.ts

@@ -7,8 +7,8 @@ export interface LmFormProps extends FormProps {
     responsive?: Boolean;
 }
 export interface LmFormItemProps extends FormItemProps {
-    useStatus?: any;
     errorPlacement?: string;
+    responsive?: boolean;
 }
 declare const Reform: <Values = any>(props: FormProps<Values> & {
     children?: React.ReactNode;

package/lib/Form/index.js

@@ -71,12 +71,15 @@ var Reform = /*#__PURE__*/_react.default.forwardRef(LMForm);
 var LMFormItem = function LMFormItem(props) {
   var children = props.children,
       className = props.className,
+      _props$responsive = props.responsive,
+      responsive = _props$responsive === void 0 ? false : _props$responsive,
       _props$errorPlacement = props.errorPlacement,
       errorPlacement = _props$errorPlacement === void 0 ? 'default' : _props$errorPlacement,
-      restProps = __rest(props, ["children", "className", "errorPlacement"]);
+      restProps = __rest(props, ["children", "className", "responsive", "errorPlacement"]);
 
   var tipClassName = errorPlacement === 'default' ? '' : "lm_form-item-tip-error lm_form-item-tip-error-".concat(errorPlacement);
-  var classes = (0, _classnames.default)(className, tipClassName);
+  var resCls = responsive ? 'ant-form-item-responsive' : '';
+  var classes = (0, _classnames.default)(className, tipClassName, resCls);
   return /*#__PURE__*/_react.default.createElement(_form.default.Item, Object.assign({
     className: classes
   }, restProps), children);

package/lib/Form/style/index.css

@@ -550,21 +550,36 @@ html {
   width: 100%;
 }
 .lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
+  width: 100%;
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive {
   width: calc(33.3333% - 16px);
+  margin-right: 24px;
 }
-.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item:nth-of-type(3n) {
+.lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item-responsive.nth-three {
   margin-right: 0;
 }
 .lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item {
+  width: 100%;
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive {
   width: calc(25% - 18px);
+  margin-right: 24px;
 }
-.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item:nth-of-type(4n) {
+.lm_container_wrapper .lm_container.responsive.lm_col_4 .ant-form-item-responsive.nth-four {
   margin-right: 0;
 }
 .lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item {
+  width: 100%;
+  margin-right: 0;
+}
+.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive {
   width: calc(20% - 96px / 5);
+  margin-right: 24px;
 }
-.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item:nth-of-type(5n) {
+.lm_container_wrapper .lm_container.responsive.lm_col_5 .ant-form-item-responsive.nth-five {
   margin-right: 0;
 }
 .lm_form-item-tip-error .ant-form-item-explain {

package/lib/LmEditTable/DragHandle.js

@@ -26,7 +26,8 @@ var Dragger = function Dragger(_ref) {
     type: "lmweb-icon-m-receipt1"
   }, listeners, {
     style: {
-      touchAction: 'none'
+      touchAction: 'none',
+      cursor: 'move'
     },
     className: 'icon_drag' + (isDragging ? 'bing' : '')
   }));

package/lib/LmEditTable/EditTable.d.ts

@@ -8,7 +8,7 @@ interface ILmEditTable extends TableProps<any> {
     rowHoverEdit?: boolean;
     isUseForm?: boolean;
     isHoverEdit?: boolean;
-    useQuickOpetate?: boolean;
+    useQuickOpetate?: boolean | string[];
     sortOpen?: boolean;
     size?: TableProps<any>['size'];
     colSortOpen?: boolean;
@@ -21,6 +21,7 @@ interface ILmColumns extends TableColumnType<any> {
     editEnum?: any;
     valueType?: any;
     order?: number;
+    componentProps?: Record<string, any>;
 }
 export declare type TLmEditTable = {
     onChange?: (data: any[]) => void;

package/lib/LmEditTable/EditTable.js

@@ -209,8 +209,16 @@ var Opetate = function Opetate(_ref) {
   var record = _ref.record,
       rowKey = _ref.rowKey,
       handleAdd = _ref.handleAdd,
-      handleDelete = _ref.handleDelete;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      handleDelete = _ref.handleDelete,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, options.includes('add') && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     type: "link",
     size: "small",
     icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
@@ -222,7 +230,7 @@ var Opetate = function Opetate(_ref) {
     onClick: function onClick() {
       return handleDelete(record[rowKey]);
     }
-  }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+  }), options.includes('delete') && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     type: "link",
     size: "small",
     icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
@@ -281,7 +289,25 @@ var EditableCell = function EditableCell(props) {
 
   var _col$componentProps = col.componentProps,
       componentProps = _col$componentProps === void 0 ? {} : _col$componentProps,
-      dataIndex = col.dataIndex; // const checkCellRef = useRef(null)
+      dataIndex = col.dataIndex;
+  /** 是否正在编辑中 */
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      editing = _useState2[0],
+      setEditing = _useState2[1];
+
+  var inputRef = (0, _react.useRef)(null);
+  var form = (0, _react.useContext)(EditableContext);
+  (0, _react.useEffect)(function () {
+    if (editing) {
+      inputRef.current.focus();
+    }
+  }, [editing]);
+
+  var toggleEdit = function toggleEdit() {
+    setEditing(!editing); // form.setFieldsValue({ [dataIndex]: record[dataIndex] });
+  }; // const checkCellRef = useRef(null)
   // const focusCapturedRef = useRef(false);
   // const curValue = useMemo(() => {
   //   return record?.dataIndex
@@ -289,6 +315,7 @@ var EditableCell = function EditableCell(props) {
   // const curValueIsValid = isValidValue(curValue);
   // 校验保存
 
+
   var save = function save(row) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regenerator.default.mark(function _callee() {
       var values;
@@ -332,19 +359,29 @@ var EditableCell = function EditableCell(props) {
               return form.validateFields();
 
             case 10:
-              _context.next = 14;
+              if (col === null || col === void 0 ? void 0 : col.hoverEdit) {
+                toggleEdit();
+              } // // 清空异常校验
+              // setValid((old) => {
+              //   const obj = { ...old }
+              //   delete obj[record[rowKey]]
+              //   return obj
+              // })
+
+
+              _context.next = 15;
               break;
 
-            case 12:
-              _context.prev = 12;
+            case 13:
+              _context.prev = 13;
               _context.t1 = _context["catch"](0);
 
-            case 14:
+            case 15:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 12]]);
+      }, _callee, null, [[0, 13]]);
     }));
   }; // 触发保存
 
@@ -363,7 +400,6 @@ var EditableCell = function EditableCell(props) {
 
   var copyKey = function copyKey(e) {
     e === null || e === void 0 ? void 0 : e.stopPropagation();
-    console.log(rowKey, record[rowKey], 'fff');
     var dataIndex = col.dataIndex;
     handleCopy === null || handleCopy === void 0 ? void 0 : handleCopy(dataIndex, record[dataIndex]);
   };
@@ -374,7 +410,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
           onPressEnter: handleFormItemChange,
           onBlur: handleFormItemChange,
-          // ref={checkCellRef}
+          ref: inputRef,
           placeholder: "\u8BF7\u8F93\u5165"
         }, componentProps, {
           addonBefore: componentProps.addonBefore ? /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, {
@@ -389,7 +425,9 @@ var EditableCell = function EditableCell(props) {
           }, /*#__PURE__*/_react.default.cloneElement(componentProps.addonAfter, {
             onChange: handleFormItemChange
           })) : null,
-          suffix: componentProps.quickcopy ? /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+          suffix: componentProps.quickcopy ? /*#__PURE__*/_react.default.createElement("span", {
+            className: 'lm_table_quickcopy'
+          }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
             onClick: copyKey,
             type: 'lmweb-icon_m_brush'
           })) : null
@@ -397,7 +435,8 @@ var EditableCell = function EditableCell(props) {
 
       case 'inputRange':
         return /*#__PURE__*/_react.default.createElement(InputRange, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
 
       case 'number':
@@ -407,7 +446,8 @@ var EditableCell = function EditableCell(props) {
           style: {
             width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
           },
-          placeholder: "\u8BF7\u8F93\u5165"
+          placeholder: "\u8BF7\u8F93\u5165",
+          ref: inputRef
         }, componentProps));
 
       case 'date':
@@ -421,13 +461,14 @@ var EditableCell = function EditableCell(props) {
           showSearch: true,
           allowClear: true,
           placeholder: "\u8BF7\u9009\u62E9",
-          // ref={checkCellRef}
+          ref: inputRef,
           filterOption: function filterOption(input, option) {
             var _a, _b;
 
             return ((_b = (_a = option.children) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.indexOf(input.toLowerCase())) >= 0;
           }
         }, componentProps, {
+          // open={true}
           onChange: handleFormItemChange
         }));
 
@@ -437,7 +478,7 @@ var EditableCell = function EditableCell(props) {
           showSearch: true,
           allowClear: true,
           placeholder: "\u8BF7\u9009\u62E9",
-          // ref={checkCellRef}
+          ref: inputRef,
           filterOption: function filterOption(input, option) {
             var _a;
 
@@ -449,12 +490,14 @@ var EditableCell = function EditableCell(props) {
 
       case 'checkbox':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
 
       case 'radio':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, Object.assign({
-          onChange: handleFormItemChange
+          onChange: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
 
       case 'switch':
@@ -465,7 +508,7 @@ var EditableCell = function EditableCell(props) {
       case 'upload':
         return /*#__PURE__*/_react.default.createElement(UploadSingle, {
           editEnum: componentProps,
-          // ref={checkCellRef}
+          ref: inputRef,
           onChange: handleFormItemChange
         });
 
@@ -474,7 +517,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/_react.default.createElement(Opetate, Object.assign({
           record: record,
           rowKey: rowKey,
-          // ref={checkCellRef}
+          ref: inputRef,
           handleAdd: handleTableRowAdd,
           handleDelete: handleTableRowDelete,
           getLength: getLength
@@ -491,7 +534,8 @@ var EditableCell = function EditableCell(props) {
       default:
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
           onPressEnter: handleFormItemChange,
-          onBlur: handleFormItemChange
+          onBlur: handleFormItemChange,
+          ref: inputRef
         }, componentProps));
     }
   };
@@ -500,10 +544,19 @@ var EditableCell = function EditableCell(props) {
     var editable = col.editable,
         dataIndex = col.dataIndex,
         formProps = col.formProps,
-        componentProps = col.componentProps;
+        componentProps = col.componentProps,
+        hoverEdit = col.hoverEdit;
     var childNode = children;
 
-    if (isEdit && editable) {
+    if (hoverEdit && !editing) {
+      childNode = /*#__PURE__*/_react.default.createElement("div", {
+        className: "editable-cell-value-wrap",
+        style: {
+          minHeight: '22px'
+        },
+        onClick: toggleEdit
+      }, childNode);
+    } else if (isEdit && editable) {
       childNode = /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.Item, Object.assign({
         errorPlacement: "right",
         valuePropName: editable === 'switch' ? 'checked' : 'value',
@@ -527,9 +580,8 @@ var EditableCell = function EditableCell(props) {
     }
 
     return childNode;
-  }, [col, isEdit]); // const [childNode, setChildNode] = useState(getMemoChildNode);
-
-  var form = (0, _react.useContext)(EditableContext); // 出现死循环找我
+  }, [col, isEdit, editing]); // const [childNode, setChildNode] = useState(getMemoChildNode);
+  // 出现死循环找我
 
   (0, _react.useEffect)(function () {
     var editable = col.editable,
@@ -602,26 +654,26 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       size = _props$size === void 0 ? 'small' : _props$size,
       resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size"]);
 
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      dataSource = _useState2[0],
-      setDataSource = _useState2[1]; // const [count, setCount] = useState(0);
-
-
-  var _useState3 = (0, _react.useState)({}),
+  var _useState3 = (0, _react.useState)([]),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      _valid = _useState4[0],
-      setValid = _useState4[1];
+      dataSource = _useState4[0],
+      setDataSource = _useState4[1]; // const [count, setCount] = useState(0);
 
-  var _useState5 = (0, _react.useState)([]),
+
+  var _useState5 = (0, _react.useState)({}),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      localRowSelectList = _useState6[0],
-      setLocalRowSelectList = _useState6[1];
+      _valid = _useState6[0],
+      setValid = _useState6[1];
 
   var _useState7 = (0, _react.useState)([]),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      sortEditTable = _useState8[0],
-      setCallBackFalg = _useState8[1];
+      localRowSelectList = _useState8[0],
+      setLocalRowSelectList = _useState8[1];
+
+  var _useState9 = (0, _react.useState)([]),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      sortEditTable = _useState10[0],
+      setCallBackFalg = _useState10[1];
 
   var dataSourceRef = (0, _react.useRef)([]);
   var sortDataSorceRef = (0, _react.useRef)([]);
@@ -826,8 +878,60 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       setDataSource(res);
     }
   };
+  /** 判断columne中有没有带optionOnly参数  */
+
+
+  var hasDisableOptions = (0, _react.useMemo)(function () {
+    var hasOnlyOptionsDatas = columns.filter(function (item) {
+      var _a;
+
+      return (_a = item === null || item === void 0 ? void 0 : item.componentProps) === null || _a === void 0 ? void 0 : _a.optionOnly;
+    });
+
+    if (hasOnlyOptionsDatas.length) {
+      return hasOnlyOptionsDatas.map(function (item) {
+        return item.dataIndex;
+      });
+    }
+
+    return false;
+  }, [columns]);
+  /** 动态获取disabled的props数据源 */
+
+  var DisableOptions = (0, _react.useMemo)(function () {
+    var newColumns = columns === null || columns === void 0 ? void 0 : columns.map(function (item) {
+      var _ref3 = item.componentProps || {},
+          optionOnly = _ref3.optionOnly,
+          options = _ref3.options;
+
+      if (optionOnly && options) {
+        var dataIndex = item.dataIndex;
+        var dataIndexData = dataSource.map(function (d) {
+          return d[dataIndex];
+        });
+        var newOptions = options.map(function (o) {
+          return Object.assign(Object.assign({}, o), {
+            disabled: dataIndexData.includes(o === null || o === void 0 ? void 0 : o.value) ? true : false
+          });
+        });
+        return Object.assign(Object.assign({}, item), {
+          componentProps: Object.assign(Object.assign({}, item.componentProps), {
+            options: newOptions
+          })
+        });
+      } else {
+        return item;
+      }
+    });
+    return newColumns;
+  }, [columns, dataSource]);
+  var memoOptions = (0, _react.useMemo)(function () {
+    return hasDisableOptions ? [DisableOptions] : [];
+  }, [hasDisableOptions, DisableOptions]);
+  /** 组装之后的最终columns */
 
   var resultColumns = (0, _react.useMemo)(function () {
+    var rColumns = hasDisableOptions ? DisableOptions : columns;
     var localColumns = [sortOpen ? {
       title: '',
       dataIndex: 'sort',
@@ -838,12 +942,15 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           id: record[_rowKey] || record.id
         });
       }
-    } : null].concat((0, _toConsumableArray2.default)(columns), [useQuickOpetate ? {
+    } : null].concat((0, _toConsumableArray2.default)(rColumns), [useQuickOpetate ? {
       title: '操作',
       dataIndex: 'lm_edit_opetate',
       width: 68,
       fixed: 'right',
-      editable: 'lm_edit_opetate'
+      editable: 'lm_edit_opetate',
+      componentProps: {
+        options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
+      }
     } : null]).filter(function (item) {
       return item;
     });
@@ -874,9 +981,11 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
       return Object.assign(Object.assign({}, col), {
         shouldCellUpdate: function shouldCellUpdate(record, prevRecord) {
+          var _a;
+
           var dataIndex = col.dataIndex;
 
-          if (col === null || col === void 0 ? void 0 : col.fixed) {
+          if ((col === null || col === void 0 ? void 0 : col.fixed) || hasDisableOptions && hasDisableOptions.includes(dataIndex) || ((_a = col.componentProps) === null || _a === void 0 ? void 0 : _a.options)) {
             return true;
           }
 
@@ -910,7 +1019,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       });
     });
     return res;
-  }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable]);
+  }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable, (0, _toConsumableArray2.default)(memoOptions)]);
   var DraggableContainer = (0, _react.useCallback)(function (_a) {
     var _b;
 
@@ -1053,8 +1162,8 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     style: {
       marginTop: 8
     }
-  }, /*#__PURE__*/_react.default.createElement(_icons.PlusCircleOutlined, {
-    className: "lmweb-plus"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-plus"
   }), "\u65B0\u589E"));
 });
 

package/lib/LmEditTable/style/index.css

@@ -512,6 +512,9 @@ html {
   line-height: 1;
   gap: 8px;
 }
+.lm_editTable_warpper .ant-table-cell {
+  border-right: 0px !important;
+}
 .lm_editTable_warpper .ant-table-cell:empty::before {
   content: '-';
 }
@@ -547,6 +550,9 @@ html {
 .lm_editTable_warpper .ant-form-item-explain-error {
   font-size: 12px;
 }
+.lm_editTable_warpper .lm_table_quickcopy .anticon {
+  color: var(--text-color);
+}
 .lm_editTable_warpper .ant-picker {
   height: 24px !important;
   padding: 2px 8px;

package/lib/LmFilter/LmFilter.js

@@ -39,6 +39,8 @@ var LmFilter = function LmFilter(_ref, ref) {
     // 是否启用高级筛选
     enableCustom: false,
     // 是否启用自定义筛选
+    enableClear: true,
+    // 是否展示一件清空
     size: 'middle',
     // 尺寸
     searchKey: 'search',