linkmore-design 1.0.63 → 1.0.64

package/es/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/es/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;

package/es/LmEditTable/EditTable.js

@@ -180,8 +180,16 @@ var Opetate = function Opetate(_ref) {
   var record = _ref.record,
       rowKey = _ref.rowKey,
       handleAdd = _ref.handleAdd,
-      handleDelete = _ref.handleDelete;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+      handleDelete = _ref.handleDelete,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? ['add', 'delete'] : _ref$options;
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center'
+    }
+  }, options.includes('add') && /*#__PURE__*/React.createElement(Button, {
     type: "link",
     size: "small",
     icon: /*#__PURE__*/React.createElement(IconFont, {
@@ -193,7 +201,7 @@ var Opetate = function Opetate(_ref) {
     onClick: function onClick() {
       return handleDelete(record[rowKey]);
     }
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), options.includes('delete') && /*#__PURE__*/React.createElement(Button, {
     type: "link",
     size: "small",
     icon: /*#__PURE__*/React.createElement(IconFont, {
@@ -815,7 +823,10 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       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;
     });
@@ -854,6 +865,12 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
 
           return record[dataIndex] === prevRecord[dataIndex] ? false : true;
         },
+        // render: (text: string, record: Record<string, any>, index: number) => {
+        //   const { editable, render } = record
+        //   if (!editable && render) {
+        //     return render?.(text, record ,index)
+        //   }
+        // },
         onCell: function onCell(record) {
           return {
             getLength: function getLength() {
@@ -881,6 +898,7 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
         }
       });
     });
+    console.log(res, '---res');
     return res;
   }, [columns, isAdd, sortOpen, useQuickOpetate, sortEditTable]);
   var DraggableContainer = useCallback(function (_a) {

package/es/LmFilter/complexFilter/drawer.js

@@ -305,7 +305,7 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
   var onClose = function onClose() {
     dispatch({
       type: 'changeComplexDrawer',
-      complexDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.complexDrawer), {}, {
+      complexDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, complexDrawer), {}, {
         visible: false
       })
     });
@@ -352,10 +352,7 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
     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(SaveModal, {
-      state: state,
-      dispatch: dispatch
-    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
       type: "primary",
       onClick: onSearch,
       size: "small"

package/es/LmFilter/components/CustomSelectFilter.js

@@ -30,13 +30,16 @@ var _excluded = ["item"];
 // 自定义筛选使用
 var CustomSelect = function CustomSelect(_ref) {
   var instance = _ref.instance;
-  var _instance$filters = instance.filters,
+  var dispatch = instance.dispatch,
+      _instance$filters = instance.filters,
       filters = _instance$filters === void 0 ? [] : _instance$filters,
       _instance$filterValue = instance.filterValue,
       filterValue = _instance$filterValue === void 0 ? '' : _instance$filterValue,
       setFilterValue = instance.setFilterValue,
       visible = instance.visible,
-      setVisible = instance.setVisible;
+      setVisible = instance.setVisible,
+      onEdit = instance.onEdit,
+      onAdd = instance.onAdd;
   var delayedFn = (0, _hooks.useDelayedFn)();
   var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
 
@@ -61,11 +64,16 @@ var CustomSelect = function CustomSelect(_ref) {
 
   var onChange = function onChange(e, obj) {
     e.preventDefault();
-    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj.value);
+    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj.value, obj);
   };
 
-  var handleAdd = function handleAdd(e) {
-    setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+  var handleAdd = function handleAdd() {
+    onAdd();
+  };
+
+  var handleEdit = function handleEdit(e, obj) {
+    e.stopPropagation();
+    onEdit(obj);
   }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
 
 
@@ -107,8 +115,11 @@ var CustomSelect = function CustomSelect(_ref) {
       className: "filter_item_content"
     }, item.label), /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_item_operate"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "icon_hover"
+    }, item.value && /*#__PURE__*/_react.default.createElement("div", {
+      className: "icon_hover",
+      onClick: function onClick(e) {
+        return handleEdit(e, item);
+      }
     }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
       type: "lmweb-edit"
     })), item.default && /*#__PURE__*/_react.default.createElement("div", null, "\u9ED8\u8BA4")));

package/es/LmFilter/components/DropdownFIlter.js

@@ -106,6 +106,7 @@ var getLabel = function getLabel(filterValue, item) {
       data = item.data; // 不存在筛选时
 
   if (!(0, _utils.getIsHas)(filterValue)) {
+    console.log('label', filterValue, item);
     return getPlacehodler(item);
   } // 存在筛选数据时 ⬇️
   // 级联数据转换平级结构

package/es/LmFilter/components/SelectFilter.js

@@ -13,6 +13,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/exten
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -49,12 +51,19 @@ var SelectFilter = function SelectFilter(_ref) {
 
   var isSearch = (0, _react.useMemo)(function () {
     return filters.length > 8;
-  }, [filters.length]);
+  }, [filters.length]); // 自定义节点字段
+
+  var fieldNames = (0, _react.useMemo)(function () {
+    return (0, _objectSpread2.default)({
+      label: 'label',
+      value: 'value'
+    }, itemProps.fieldNames);
+  }, [itemProps.fieldNames]);
 
   var handleFilter = function handleFilter() {
     var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
     var serachValues = filters.filter(function (v) {
-      return v.label.indexOf(val) > -1;
+      return v[fieldNames.label].indexOf(val) > -1;
     });
     setOptions(serachValues);
   }; // 单选事件
@@ -62,7 +71,7 @@ var SelectFilter = function SelectFilter(_ref) {
 
   var onChange = function onChange(e, obj) {
     e.preventDefault();
-    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj.value);
+    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj[fieldNames.value], obj);
   }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
 
 
@@ -97,14 +106,14 @@ var SelectFilter = function SelectFilter(_ref) {
         resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
     return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
       className: (0, _classnames.default)('filter_item', {
-        checked: item.value === filterValue
+        checked: item[fieldNames.value] === filterValue
       }),
       onClick: function onClick(e) {
         return onChange(e, item);
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "filter_item_content"
-    }, item.label));
+    }, item[fieldNames.label]));
   }), !options.length && /*#__PURE__*/_react.default.createElement(_EmptyFilter.default, null)));
 };
 

package/es/LmFilter/components/index.js

@@ -60,7 +60,14 @@ var FilterControl = /*#__PURE__*/_react.default.memo(function (props) {
 
   var transformFilterValue = (0, _react.useMemo)(function () {
     return value || aliveValue;
-  }, [value, aliveValue]); // 单独使用时抛出选中的值
+  }, [value, aliveValue]);
+  var filterValue = (0, _react.useMemo)(function () {
+    if ((0, _utils.getIsHas)(getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem))) {
+      return getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem);
+    }
+
+    return (getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem)) || transformFilterValue;
+  }, [resetItem, transformFilterValue]); // 单独使用时抛出选中的值
 
   var handleChange = function handleChange(val) {
     setAliveValue === null || setAliveValue === void 0 ? void 0 : setAliveValue(val);
@@ -69,7 +76,7 @@ var FilterControl = /*#__PURE__*/_react.default.memo(function (props) {
 
 
   var resetInstance = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetInstanceProps), {}, {
-    filterValue: (getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem)) || transformFilterValue,
+    filterValue: filterValue,
     setFilterValue: function setFilterValue(val) {
       return (_setFilterValue || handleChange)(val, resetItem);
     }