linkmore-design 1.1.10 → 1.1.11

package/dist/index.umd.js

@@ -10496,6 +10496,25 @@
 
   var Pagination = /*@__PURE__*/getDefaultExportFromCjs(en_US);
 
+  var locale$3 = {
+    lang: {
+      setting: 'Personalization Settings',
+      cancel: 'Cancel',
+      confirm: 'Confirm',
+      filterSetting: 'Filter Setting',
+      columnsSetting: 'Columns Setting',
+      cardSetting: 'Card Setting',
+      other: 'Other',
+      listStyle: 'List Style',
+      isSaveSetting: 'Is Save Setting',
+      selectAll: 'selectAll',
+      reset: 'Reset',
+      fixedInLeft: 'Fixed Left',
+      noFixed: 'No Fixed',
+      fixedInRight: 'Fixed Right'
+    }
+  };
+
   /* eslint-disable no-template-curly-in-string */
   var typeTemplate$2 = '${label} is not a valid ${type}';
   var localeValues$1 = {
@@ -10621,7 +10640,8 @@
     },
     Image: {
       preview: 'Preview'
-    }
+    },
+    CustomTableOption: locale$3
   };
 
   var LocaleReceiver$1 = /*#__PURE__*/function (_React$Component) {
@@ -58962,7 +58982,7 @@
   // If passed a locale key, it will set the locale for this
   // instance.  Otherwise, it will return the locale configuration
   // variables for this instance.
-  function locale$3(key) {
+  function locale$4(key) {
       var newLocaleData;
 
       if (key === undefined) {
@@ -59842,7 +59862,7 @@
   proto.isSameOrBefore = isSameOrBefore;
   proto.isValid = isValid$2;
   proto.lang = lang;
-  proto.locale = locale$3;
+  proto.locale = locale$4;
   proto.localeData = localeData;
   proto.max = prototypeMax;
   proto.min = prototypeMin;
@@ -60538,7 +60558,7 @@
   proto$2.toISOString = toISOString$1;
   proto$2.toString = toISOString$1;
   proto$2.toJSON = toISOString$1;
-  proto$2.locale = locale$3;
+  proto$2.locale = locale$4;
   proto$2.localeData = localeData;
 
   proto$2.toIsoString = deprecate(
@@ -189562,7 +189582,9 @@
       className: useToggle ? "lm_grid_tree ".concat(modeTypeCls) : "lm_grid_tree grid_toggle ".concat(modeTypeCls)
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "grid_tree_title",
-      onClick: onHeaderClick
+      onClick: function onClick(e) {
+        onHeaderClick && onHeaderClick(e);
+      }
     }, /*#__PURE__*/React__default['default'].createElement("div", {
       className: "grid_tree_title_left"
     }, /*#__PURE__*/React__default['default'].createElement("span", null, useTree.title)), treeType && /*#__PURE__*/React__default['default'].createElement(Index$9, {
@@ -189912,7 +189934,7 @@
     };
   }
 
-  var locale$4 = {
+  var locale$5 = {
     locale: 'zh_CN',
     today: '今天',
     now: '此刻',
@@ -189941,12 +189963,12 @@
     nextCentury: '下一世纪'
   };
 
-  var locale$5 = {
+  var locale$6 = {
     placeholder: '请选择时间',
     rangePlaceholder: ['开始时间', '结束时间']
   };
 
-  var locale$6 = {
+  var locale$7 = {
     lang: _extends({
       placeholder: '请选择日期',
       yearPlaceholder: '请选择年份',
@@ -189958,20 +189980,20 @@
       rangeMonthPlaceholder: ['开始月份', '结束月份'],
       rangeQuarterPlaceholder: ['开始季度', '结束季度'],
       rangeWeekPlaceholder: ['开始周', '结束周']
-    }, locale$4),
-    timePickerLocale: _extends({}, locale$5)
+    }, locale$5),
+    timePickerLocale: _extends({}, locale$6)
   }; // should add whitespace between char in Button
 
-  locale$6.lang.ok = '确定'; // All settings at:
+  locale$7.lang.ok = '确定'; // All settings at:
 
   /* eslint-disable no-template-curly-in-string */
   var typeTemplate$3 = '${label}不是一个有效的${type}';
   var localeValues$2 = {
     locale: 'zh-cn',
     Pagination: Pagination$1,
-    DatePicker: locale$6,
-    TimePicker: locale$5,
-    Calendar: locale$6,
+    DatePicker: locale$7,
+    TimePicker: locale$6,
+    Calendar: locale$7,
     // locales for all components
     global: {
       placeholder: '请选择'
@@ -287926,7 +287948,12 @@
     }));
   };
 
-  var _excluded$2e = ["wrapClassName", "size", "onOk", "onCancel", "okText", "cancelText", "visible", "open"];
+  var runtimeLocale$1 = _objectSpread({}, localeValues$1.Modal);
+  function getConfirmLocale$1() {
+    return runtimeLocale$1;
+  }
+
+  var _excluded$2e = ["wrapClassName", "size", "onOk", "onCancel", "visible", "open"];
   var prefixCls$5 = 'lm_modal';
 
   var CLMModal = function CLMModal(props) {
@@ -287935,34 +287962,36 @@
         size = _props$size === void 0 ? 'default' : _props$size,
         onOk = props.onOk,
         onCancel = props.onCancel,
-        _props$okText = props.okText,
-        okText = _props$okText === void 0 ? '确定' : _props$okText,
-        _props$cancelText = props.cancelText,
-        cancelText = _props$cancelText === void 0 ? '取消' : _props$cancelText,
         visible = props.visible,
         open = props.open,
         other = _objectWithoutProperties$1(props, _excluded$2e);
 
     var defaultFooterSize = React__default['default'].useContext(SizeContext$1) || 'middle';
-    return /*#__PURE__*/React__default['default'].createElement(Modal$1, _objectSpread(_objectSpread({
-      wrapClassName: classnames(wrapClassName, prefixCls$5),
-      width: size === 'default' ? 552 : 416,
-      footer: [/*#__PURE__*/React__default['default'].createElement(LMButton, {
+    var defaultFooter = /*#__PURE__*/React__default['default'].createElement(LocaleReceiver$1, {
+      componentName: "Modal",
+      defaultLocale: getConfirmLocale$1()
+    }, function (contextLocale) {
+      var okText = props.okText,
+          cancelText = props.cancelText;
+      return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LMButton, _objectSpread({
         onClick: onCancel,
         key: 'canncel_button',
         size: defaultFooterSize
-      }, cancelText), /*#__PURE__*/React__default['default'].createElement(LMButton, {
+      }, props.cancelButtonProps), cancelText || contextLocale.cancelText), /*#__PURE__*/React__default['default'].createElement(LMButton, _objectSpread({
         type: "primary",
         onClick: onOk,
         key: 'ok_button',
         size: defaultFooterSize
-      }, okText)]
+      }, props.okButtonProps), okText !== null && okText !== void 0 ? okText : contextLocale.okText));
+    });
+    return /*#__PURE__*/React__default['default'].createElement(Modal$1, _objectSpread(_objectSpread({
+      wrapClassName: classnames(wrapClassName, prefixCls$5),
+      width: size === 'default' ? 552 : 416,
+      footer: defaultFooter
     }, other), {}, {
       onOk: onOk,
       onCancel: onCancel,
-      okText: okText,
-      visible: visible || open,
-      cancelText: cancelText
+      visible: visible || open
     }));
   };
 
@@ -292945,10 +292974,10 @@
     };
     return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread({
       ref: setNodeRef,
-      className: 'lm_custom_item',
+      className: "lm_custom_item",
       style: style
     }, attributes), /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
-      checked: ((_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) === false ? false : true,
+      checked: ((_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) !== false,
       onChange: function onChange(e) {
         return props.toggleShow(e.target.checked, props.id);
       },
@@ -292975,7 +293004,7 @@
         props.addFiexd(props.id, 'right');
       }
     })), /*#__PURE__*/React__default['default'].createElement(HolderOutlined$2, _objectSpread(_objectSpread({}, listeners), {}, {
-      className: 'lm_custom_icon sort_item',
+      className: "lm_custom_icon sort_item",
       style: {
         color: 'var(--tip-text-color)'
       }
@@ -293028,7 +293057,7 @@
           var order = (_colStateValue$item$d = colStateValue[item.dataIndex]) === null || _colStateValue$item$d === void 0 ? void 0 : _colStateValue$item$d.order;
           item.fixed = ((_colStateValue$item$d2 = colStateValue[item.dataIndex]) === null || _colStateValue$item$d2 === void 0 ? void 0 : _colStateValue$item$d2.fixed) || undefined;
           item.order = [undefined, null].includes(order) ? index : order;
-          item.show = ((_colStateValue$item$d3 = colStateValue[item.dataIndex]) === null || _colStateValue$item$d3 === void 0 ? void 0 : _colStateValue$item$d3.show) === false ? false : true;
+          item.show = ((_colStateValue$item$d3 = colStateValue[item.dataIndex]) === null || _colStateValue$item$d3 === void 0 ? void 0 : _colStateValue$item$d3.show) !== false;
         }
       });
       var leftSortItem = [];
@@ -293054,7 +293083,7 @@
         return item.show !== false;
       });
       return {
-        indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localColumns.length ? true : false,
+        indeterminate: !!((showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localColumns.length),
         checkAll: showLength.length === localColumns.length
       };
     }, [localColumns]);
@@ -293122,7 +293151,7 @@
       var resultColumns = localColumns.map(function (item) {
         if (item.dataIndex === id) {
           return _objectSpread(_objectSpread({}, item), {}, {
-            show: item.show === false ? true : false
+            show: item.show === false
           });
         }
 
@@ -293151,7 +293180,7 @@
     var onCheckAllChange = function onCheckAllChange() {
       var resultColumns = localColumns.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
-          show: isCheckAll.checkAll ? false : true
+          show: !isCheckAll.checkAll
         });
       });
       setLocalColumns(resultColumns);
@@ -293168,15 +293197,15 @@
             obj[item.dataIndex] = {};
 
             if (![undefined, null].includes(item.order)) {
-              obj[item.dataIndex]['order'] = item.order;
+              obj[item.dataIndex].order = item.order;
             }
 
             if (![undefined, null].includes(item.show)) {
-              obj[item.dataIndex]['show'] = item.show;
+              obj[item.dataIndex].show = item.show;
             }
 
             if (![undefined, null].includes(item.fixed)) {
-              obj[item.dataIndex]['fixed'] = item.fixed;
+              obj[item.dataIndex].fixed = item.fixed;
             }
           });
           return obj;
@@ -293184,9 +293213,9 @@
       };
     });
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: 'lm_custom_option_columns'
+      className: "lm_custom_option_columns"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: 'global_search'
+      className: "global_search"
     }, /*#__PURE__*/React__default['default'].createElement(Search$1, {
       value: searchIngValue,
       onChange: function onChange(e) {
@@ -293194,7 +293223,7 @@
       },
       onSearch: handleSearch
     })), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: 'global_setting'
+      className: "global_setting"
     }, /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
       indeterminate: isCheckAll.indeterminate,
       onChange: onCheckAllChange,
@@ -293204,7 +293233,7 @@
         return setLocalColumns(columns);
       }
     }, "\u91CD\u7F6E")), !!((_sortMenu$leftSortIte = sortMenu.leftSortItem) === null || _sortMenu$leftSortIte === void 0 ? void 0 : _sortMenu$leftSortIte.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
-      className: 'fixed_title'
+      className: "fixed_title"
     }, "\u56FA\u5B9A\u5728\u5DE6\u4FA7"), /*#__PURE__*/React__default['default'].createElement(DndContext, {
       sensors: leftSensors,
       collisionDetection: closestCenter,
@@ -293223,7 +293252,7 @@
         id: item.dataIndex
       });
     })))), !!((_sortMenu$items = sortMenu.items) === null || _sortMenu$items === void 0 ? void 0 : _sortMenu$items.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
-      className: 'fixed_title'
+      className: "fixed_title"
     }, " \u4E0D\u56FA\u5B9A "), /*#__PURE__*/React__default['default'].createElement(DndContext, {
       sensors: sensors,
       collisionDetection: closestCenter,
@@ -293242,7 +293271,7 @@
         id: item.dataIndex
       });
     })))), !!((_sortMenu$rigthSortIt = sortMenu.rigthSortItem) === null || _sortMenu$rigthSortIt === void 0 ? void 0 : _sortMenu$rigthSortIt.length) && /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement("label", {
-      className: 'fixed_title'
+      className: "fixed_title"
     }, "\u56FA\u5B9A\u5728\u53F3\u4FA7"), /*#__PURE__*/React__default['default'].createElement(DndContext, {
       sensors: rightSensors,
       collisionDetection: closestCenter,
@@ -293284,16 +293313,16 @@
     };
     return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread({
       ref: setNodeRef,
-      className: 'lm_custom_item',
+      className: "lm_custom_item",
       style: style
     }, attributes), /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
-      checked: ((_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) === false ? false : true,
+      checked: (props === null || props === void 0 ? void 0 : (_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) !== false,
       onChange: function onChange(e) {
-        return props.toggleShow(e.target.checked, props.id);
+        return props === null || props === void 0 ? void 0 : props.toggleShow(e.target.checked, props === null || props === void 0 ? void 0 : props.id);
       },
       className: "filter_item-content"
-    }, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.title), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(HolderOutlined$2, _objectSpread(_objectSpread({}, listeners), {}, {
-      className: 'lm_custom_icon sort_item'
+    }, props === null || props === void 0 ? void 0 : (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.title), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(HolderOutlined$2, _objectSpread(_objectSpread({}, listeners), {}, {
+      className: "lm_custom_icon sort_item"
     }))));
   };
   /** order show */
@@ -293303,7 +293332,8 @@
     var _ref$card = _ref.card,
         card = _ref$card === void 0 ? [] : _ref$card,
         _ref$cardStateValue = _ref.cardStateValue,
-        cardStateValue = _ref$cardStateValue === void 0 ? {} : _ref$cardStateValue;
+        cardStateValue = _ref$cardStateValue === void 0 ? {} : _ref$cardStateValue,
+        showPromptNum = _ref.showPromptNum;
 
     var _useState = React.useState([]),
         _useState2 = _slicedToArray$1(_useState, 2),
@@ -293347,7 +293377,7 @@
         return item.show !== false;
       });
       return {
-        indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localCard.length ? true : false,
+        indeterminate: !!((showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localCard.length),
         checkAll: showLength.length === localCard.length
       };
     }, [localCard]);
@@ -293393,7 +293423,7 @@
       var resultColumns = localCard.map(function (item) {
         if (item.dataIndex === id) {
           return _objectSpread(_objectSpread({}, item), {}, {
-            show: item.show === false ? true : false
+            show: item.show === false
           });
         }
 
@@ -293407,7 +293437,7 @@
     var onCheckAllChange = function onCheckAllChange() {
       var resultColumns = localCard.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
-          show: isCheckAll.checkAll ? false : true
+          show: !isCheckAll.checkAll
         });
       });
       setLocalCard(resultColumns);
@@ -293424,11 +293454,11 @@
             obj[item.dataIndex] = {};
 
             if (![undefined, null].includes(item.order)) {
-              obj[item.dataIndex]['order'] = item.order;
+              obj[item.dataIndex].order = item.order;
             }
 
             if (![undefined, null].includes(item.show)) {
-              obj[item.dataIndex]['show'] = item.show;
+              obj[item.dataIndex].show = item.show;
             }
           });
           return obj;
@@ -293436,17 +293466,21 @@
       };
     });
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: 'lm_custom_option_columns'
+      className: "lm_custom_option_columns"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: 'global_search'
+      className: "global_search"
     }, /*#__PURE__*/React__default['default'].createElement(Search$2, {
       value: searchIngValue,
       onChange: function onChange(e) {
         return setSearchIngValue(e.target.value);
       },
       onSearch: handleSearch
-    })), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: 'global_setting'
+    })), /*#__PURE__*/React__default['default'].createElement("p", {
+      className: "card_prompt"
+    }, /*#__PURE__*/React__default['default'].createElement(IconFont, {
+      type: "lmweb-warning-circle"
+    }), " \u5361\u7247\u5B57\u6BB5\u5EFA\u8BAE\u6700\u591A\u663E\u793A", showPromptNum || 10, "\u4E2A\u4E3A\u4F18"), /*#__PURE__*/React__default['default'].createElement("div", {
+      className: "global_setting"
     }, /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
       indeterminate: isCheckAll.indeterminate,
       onChange: onCheckAllChange,
@@ -293495,16 +293529,16 @@
     };
     return /*#__PURE__*/React__default['default'].createElement("div", _objectSpread({
       ref: setNodeRef,
-      className: 'lm_custom_item',
+      className: "lm_custom_item",
       style: style
     }, attributes), /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
-      checked: ((_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) === false ? false : true,
+      checked: ((_props$item = props.item) === null || _props$item === void 0 ? void 0 : _props$item.show) !== false,
       onChange: function onChange(e) {
         return props.toggleShow(e.target.checked, props.id);
       },
       className: "filter_item-content"
     }, (_props$item2 = props.item) === null || _props$item2 === void 0 ? void 0 : _props$item2.title), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(HolderOutlined$2, _objectSpread(_objectSpread({}, listeners), {}, {
-      className: 'lm_custom_icon sort_item'
+      className: "lm_custom_icon sort_item"
     }))));
   };
   /** order show fixed */
@@ -293558,7 +293592,7 @@
         return item.show !== false;
       });
       return {
-        indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localFilter.length ? true : false,
+        indeterminate: !!((showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localFilter.length),
         checkAll: showLength.length === localFilter.length
       };
     }, [localFilter]);
@@ -293604,7 +293638,7 @@
       var resultColumns = localFilter.map(function (item) {
         if (item.field === id) {
           return _objectSpread(_objectSpread({}, item), {}, {
-            show: item.show === false ? true : false
+            show: item.show === false
           });
         }
 
@@ -293618,7 +293652,7 @@
     var onCheckAllChange = function onCheckAllChange() {
       var resultColumns = localFilter.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
-          show: isCheckAll.checkAll ? false : true
+          show: !isCheckAll.checkAll
         });
       });
       console.log(resultColumns, 'resultColumns');
@@ -293636,11 +293670,11 @@
             obj[item.field] = {};
 
             if (![undefined, null].includes(item.order)) {
-              obj[item.field]['order'] = item.order;
+              obj[item.field].order = item.order;
             }
 
             if (![undefined, null].includes(item.show)) {
-              obj[item.field]['show'] = item.show;
+              obj[item.field].show = item.show;
             }
           });
           return obj;
@@ -293648,9 +293682,9 @@
       };
     });
     return /*#__PURE__*/React__default['default'].createElement("div", {
-      className: 'lm_custom_option_columns'
+      className: "lm_custom_option_columns"
     }, /*#__PURE__*/React__default['default'].createElement("div", {
-      className: 'global_search'
+      className: "global_search"
     }, /*#__PURE__*/React__default['default'].createElement(Search$3, {
       value: searchIngValue,
       onChange: function onChange(e) {
@@ -293658,7 +293692,7 @@
       },
       onSearch: handleSearch
     })), /*#__PURE__*/React__default['default'].createElement("div", {
-      className: 'global_setting'
+      className: "global_setting"
     }, /*#__PURE__*/React__default['default'].createElement(LMCheckBox, {
       indeterminate: isCheckAll.indeterminate,
       onChange: onCheckAllChange,
@@ -293702,7 +293736,7 @@
   }];
   var prefixCls$9 = 'lm_custom-table-option';
   var LMCustomTableOption = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var _lmOptions$filter, _lmOptions$columns, _lmOptions$card;
+    var _lmOptions$filter, _lmOptions$columns, _lmOptions$card, _props$recommendNumOb2;
 
     var className = props.className,
         _props$tooltip = props.tooltip,
@@ -293748,7 +293782,7 @@
     /** 提交按钮 */
 
     var onOk = function onOk() {
-      var _columnsRef$current, _columnsRef$current2, _filterRef$current, _filterRef$current2, _cardRef$current, _cardRef$current2, _props$onSave;
+      var _columnsRef$current, _columnsRef$current2, _filterRef$current, _filterRef$current2, _cardRef$current, _cardRef$current2, _props$recommendNumOb;
 
       /** tableInfo */
       var columnsData = (_columnsRef$current = columnsRef.current) === null || _columnsRef$current === void 0 ? void 0 : _columnsRef$current.getColumns();
@@ -293759,19 +293793,47 @@
       var filterStateValue = (_filterRef$current2 = filterRef.current) === null || _filterRef$current2 === void 0 ? void 0 : _filterRef$current2.getFilterStateValue();
       var cardData = ((_cardRef$current = cardRef.current) === null || _cardRef$current === void 0 ? void 0 : _cardRef$current.getLocalFilter()) || [];
       var cardStateValue = ((_cardRef$current2 = cardRef.current) === null || _cardRef$current2 === void 0 ? void 0 : _cardRef$current2.getFilterStateValue()) || {};
-      console.log('--columnsData:', columnsData, ColStateValue, '--filterData:', filterData, filterStateValue, 'size:', lmOptions.size);
-      (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, Object.assign({
-        columnsData: columnsData,
-        ColStateValue: ColStateValue,
-        filterData: filterData,
-        filterStateValue: filterStateValue,
-        size: lmOptions.size,
-        saveSetting: saveSetting
-      }, lmOptions.card.length ? {
-        cardData: cardData,
-        cardStateValue: cardStateValue
-      } : {}));
-      setVisible(false);
+
+      if (cardData.length > (((_props$recommendNumOb = props.recommendNumObj) === null || _props$recommendNumOb === void 0 ? void 0 : _props$recommendNumOb.card) || 10)) {
+        LMModal.confirm({
+          title: '当前选择的卡片字段数量会导致卡片高度过高,是否继续?',
+          icon: /*#__PURE__*/React__default['default'].createElement(ExclamationCircleOutlined$2, null),
+          content: '',
+          okText: '确认',
+          cancelText: '取消',
+          onOk: function onOk() {
+            var _props$onSave;
+
+            (_props$onSave = props.onSave) === null || _props$onSave === void 0 ? void 0 : _props$onSave.call(props, Object.assign({
+              columnsData: columnsData,
+              ColStateValue: ColStateValue,
+              filterData: filterData,
+              filterStateValue: filterStateValue,
+              size: lmOptions.size,
+              saveSetting: saveSetting
+            }, lmOptions.card.length ? {
+              cardData: cardData,
+              cardStateValue: cardStateValue
+            } : {}));
+            setVisible(false);
+          }
+        });
+      } else {
+        var _props$onSave2;
+
+        (_props$onSave2 = props.onSave) === null || _props$onSave2 === void 0 ? void 0 : _props$onSave2.call(props, Object.assign({
+          columnsData: columnsData,
+          ColStateValue: ColStateValue,
+          filterData: filterData,
+          filterStateValue: filterStateValue,
+          size: lmOptions.size,
+          saveSetting: saveSetting
+        }, lmOptions.card.length ? {
+          cardData: cardData,
+          cardStateValue: cardStateValue
+        } : {}));
+        setVisible(false);
+      }
     };
 
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Tooltip$2, _objectSpread({}, tooltip), /*#__PURE__*/React__default['default'].createElement(LMButton, {
@@ -293818,7 +293880,8 @@
       forceRender: true
     }, /*#__PURE__*/React__default['default'].createElement(FilterSort, {
       ref: cardRef,
-      card: lmOptions.card
+      card: lmOptions.card,
+      showPromptNum: ((_props$recommendNumOb2 = props.recommendNumObj) === null || _props$recommendNumOb2 === void 0 ? void 0 : _props$recommendNumOb2.card) || 10
     })), /*#__PURE__*/React__default['default'].createElement(TabPane$4, {
       tab: "\u5176\u4ED6",
       key: "3",
@@ -311986,6 +312049,32 @@
 
     return ['Collapse row', 'Expand row'].includes(children === null || children === void 0 ? void 0 : (_children$ = children[0]) === null || _children$ === void 0 ? void 0 : (_children$$props = _children$.props) === null || _children$$props === void 0 ? void 0 : (_children$$props$chil = _children$$props.children) === null || _children$$props$chil === void 0 ? void 0 : (_children$$props$chil2 = _children$$props$chil[1]) === null || _children$$props$chil2 === void 0 ? void 0 : (_children$$props$chil3 = _children$$props$chil2.props) === null || _children$$props$chil3 === void 0 ? void 0 : _children$$props$chil3['aria-label']);
   }
+  function checkRowKeyByDataSource(dataSource, rowKey) {
+    var addRowKey = function addRowKey(children, pkey) {
+      return children === null || children === void 0 ? void 0 : children.map(function (item, index) {
+        if (item.children) {
+          var _objectSpread2;
+
+          var rchildren = addRowKey(item.children, "".concat(pkey, "_").concat(index + 1));
+          return _objectSpread(_objectSpread({}, item), {}, (_objectSpread2 = {}, _defineProperty$1(_objectSpread2, rowKey, item[rowKey] || "".concat(pkey, "_").concat(index + 1)), _defineProperty$1(_objectSpread2, "children", rchildren), _objectSpread2));
+        }
+
+        return _objectSpread(_objectSpread({}, item), {}, _defineProperty$1({}, rowKey, item[rowKey] || "".concat(pkey, "_").concat(index + 1)));
+      });
+    };
+
+    var res = dataSource === null || dataSource === void 0 ? void 0 : dataSource.map(function (v, idx) {
+      if (v.children) {
+        var _objectSpread4;
+
+        var rchildren = addRowKey(v.children, v[rowKey] || "v".concat(idx + 1));
+        return _objectSpread(_objectSpread({}, v), {}, (_objectSpread4 = {}, _defineProperty$1(_objectSpread4, rowKey, v[rowKey] || "v".concat(idx + 1)), _defineProperty$1(_objectSpread4, "children", rchildren), _objectSpread4));
+      }
+
+      return _objectSpread(_objectSpread({}, v), {}, _defineProperty$1({}, rowKey, v[rowKey] || "v".concat(idx + 1)));
+    });
+    return res;
+  }
 
   var _excluded$2S = ["index"],
       _excluded2$I = ["index"],
@@ -312168,7 +312257,8 @@
       style: {
         display: 'flex',
         alignItems: 'center',
-        justifyContent: 'center'
+        justifyContent: 'flex-start',
+        marginLeft: '-4px'
       }
     }, options.includes('delete') && /*#__PURE__*/React__default['default'].createElement(LMButton, {
       type: "link",
@@ -312613,35 +312703,39 @@
         recordCreatorProps = props.recordCreatorProps,
         _props$shouldUpdate = props.shouldUpdate,
         shouldUpdate = _props$shouldUpdate === void 0 ? false : _props$shouldUpdate,
-        resetProps = _objectWithoutProperties$1(props, _excluded6);
+        resetProps = _objectWithoutProperties$1(props, _excluded6); // const [dataSource, setDataSource] = useState([]);
+
+
+    var _useControllableValue = useControllableValue({
+      value: checkRowKeyByDataSource(props.value, _rowKey),
+      onChange: props.onChange
+    }),
+        _useControllableValue2 = _slicedToArray$1(_useControllableValue, 2),
+        dataSource = _useControllableValue2[0],
+        setDataSource = _useControllableValue2[1]; // const [count, setCount] = useState(0);
 
-    var _useState5 = React.useState([]),
-        _useState6 = _slicedToArray$1(_useState5, 2),
-        dataSource = _useState6[0],
-        setDataSource = _useState6[1]; // const [count, setCount] = useState(0);
 
+    var _useState5 = React.useState({}),
+        _useState6 = _slicedToArray$1(_useState5, 2),
+        _valid = _useState6[0],
+        setValid = _useState6[1];
 
-    var _useState7 = React.useState({}),
+    var _useState7 = React.useState([]),
         _useState8 = _slicedToArray$1(_useState7, 2),
-        _valid = _useState8[0],
-        setValid = _useState8[1];
+        localRowSelectList = _useState8[0],
+        setLocalRowSelectList = _useState8[1];
 
     var _useState9 = React.useState([]),
         _useState10 = _slicedToArray$1(_useState9, 2),
-        localRowSelectList = _useState10[0],
-        setLocalRowSelectList = _useState10[1];
-
-    var _useState11 = React.useState([]),
-        _useState12 = _slicedToArray$1(_useState11, 2),
-        sortEditTable = _useState12[0],
-        setCallBackFalg = _useState12[1];
+        sortEditTable = _useState10[0],
+        setCallBackFalg = _useState10[1];
     /** 当前展开的列 */
 
 
-    var _useState13 = React.useState([]),
-        _useState14 = _slicedToArray$1(_useState13, 2),
-        expandedRowKeys = _useState14[0],
-        setExpandedRowKeys = _useState14[1];
+    var _useState11 = React.useState([]),
+        _useState12 = _slicedToArray$1(_useState11, 2),
+        expandedRowKeys = _useState12[0],
+        setExpandedRowKeys = _useState12[1];
 
     var dataSourceRef = React.useRef([]);
     var sortDataSorceRef = React.useRef([]);
@@ -312656,12 +312750,7 @@
       var newIndex = cloneArr.findIndex(function (v) {
         return v[_rowKey] === over;
       });
-
-      if (onChange) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(arrayMove(cloneArr, oldIndex, newIndex));
-      } else {
-        setDataSource(arrayMove(cloneArr, oldIndex, newIndex));
-      }
+      setDataSource(arrayMove(cloneArr, oldIndex, newIndex));
     };
 
     var onColSortEnd = function onColSortEnd(active, over) {
@@ -312684,8 +312773,9 @@
     var handleDelete = function handleDelete(key) {
       var nValue = dataSource.filter(function (item) {
         return item[_rowKey] !== key;
-      });
-      onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
+      }); // onChange?.(nValue)
+
+      setDataSource(nValue);
     };
     /** 点击添加按钮添加 */
 
@@ -312697,12 +312787,12 @@
       var res = fn(dataSourceRef.current, function (draft) {
         draft.push(_objectSpread(_defineProperty$1({}, _rowKey, "".concat(Date.now())), addDataInfo || {}));
       });
-      setDataSource(res);
-      onChange === null || onChange === void 0 ? void 0 : onChange(res);
+      setDataSource(res); // onChange?.(res)
     };
 
     React.useEffect(function () {
       dataSourceRef.current = dataSource;
+      deepDataSourceRef.current = deepDataSourcePreKeys(dataSource, _rowKey);
 
       if (sortOpen) {
         var _sortDataSorceRef$cur;
@@ -312809,12 +312899,7 @@
           }
         }
       });
-
-      if (onChange) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(res);
-      } else {
-        setDataSource(res);
-      }
+      setDataSource(res);
     };
 
     var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
@@ -312855,12 +312940,7 @@
         };
 
         var res = filter(dataSource, key);
-
-        if (onChange) {
-          onChange === null || onChange === void 0 ? void 0 : onChange(res);
-        } else {
-          setDataSource(res);
-        }
+        setDataSource(res);
       } else {
         var _dataSourceRef$curren;
 
@@ -312878,11 +312958,7 @@
           }
         });
 
-        if (onChange) {
-          onChange === null || onChange === void 0 ? void 0 : onChange(_res);
-        } else {
-          setDataSource(_res);
-        }
+        setDataSource(_res);
       }
     };
     /** 快捷添加 */
@@ -312917,12 +312993,7 @@
           }
         }
       });
-
-      if (onChange) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(res);
-      } else {
-        setDataSource(res);
-      }
+      setDataSource(res);
     };
 
     var handleCopy = function handleCopy(key, value) {
@@ -312931,12 +313002,7 @@
           return item[key] = value;
         });
       });
-
-      if (onChange) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(res);
-      } else {
-        setDataSource(res);
-      }
+      setDataSource(res);
     };
     /** 判断columne中有没有带optionOnly参数  */
 
@@ -313011,6 +313077,7 @@
         width: 68,
         fixed: 'right',
         editable: 'lm_edit_opetate',
+        className: 'lm_edit_opetate',
         componentProps: {
           options: Array.isArray(useQuickOpetate) ? useQuickOpetate : ['add', 'delete']
         }
@@ -313160,34 +313227,6 @@
         components: component
       }, resetProps);
     }, [resultColumns, dataSource, sortOpen, colSortOpen, size]);
-    React.useEffect(function () {
-      // setDataSource(defaultData?.map((v, idx) => ({ ...v, [rowKey]: v[rowKey] || `v${idx + 1}` })))
-      var addRowKey = function addRowKey(children, pkey) {
-        return children === null || children === void 0 ? void 0 : children.map(function (item, index) {
-          if (item.children) {
-            var _objectSpread6;
-
-            var rchildren = addRowKey(item.children, "".concat(pkey, "_").concat(index + 1));
-            return _objectSpread(_objectSpread({}, item), {}, (_objectSpread6 = {}, _defineProperty$1(_objectSpread6, _rowKey, item[_rowKey] || "".concat(pkey, "_").concat(index + 1)), _defineProperty$1(_objectSpread6, "children", rchildren), _objectSpread6));
-          }
-
-          return _objectSpread(_objectSpread({}, item), {}, _defineProperty$1({}, _rowKey, item[_rowKey] || "".concat(pkey, "_").concat(index + 1)));
-        });
-      };
-
-      var res = defaultData === null || defaultData === void 0 ? void 0 : defaultData.map(function (v, idx) {
-        if (v.children) {
-          var _objectSpread8;
-
-          var rchildren = addRowKey(v.children, v[_rowKey] || "v".concat(idx + 1));
-          return _objectSpread(_objectSpread({}, v), {}, (_objectSpread8 = {}, _defineProperty$1(_objectSpread8, _rowKey, v[_rowKey] || "v".concat(idx + 1)), _defineProperty$1(_objectSpread8, "children", rchildren), _objectSpread8));
-        }
-
-        return _objectSpread(_objectSpread({}, v), {}, _defineProperty$1({}, _rowKey, v[_rowKey] || "v".concat(idx + 1)));
-      });
-      deepDataSourceRef.current = deepDataSourcePreKeys(res, _rowKey);
-      setDataSource(res);
-    }, [defaultData]);
     React.useImperativeHandle(ref, function () {
       return {
         setRow: handleSave,