linkmore-design 1.0.76 → 1.0.79

package/es/LmTable/components/inputDataEdit.js

@@ -0,0 +1,39 @@
+import React, { useEffect, useRef } from 'react';
+import { Input } from 'linkmore-design';
+
+var InputDataEdit = function InputDataEdit(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      handleSave = props.handleSave;
+  var inputRef = useRef(null);
+  useEffect(function () {
+    setTimeout(function () {
+      var _a;
+
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, 150);
+    return function () {
+      console.log('unmounds');
+      handleSave === null || handleSave === void 0 ? void 0 : handleSave(inputRef.current);
+    };
+  }, []);
+
+  var handleChange = function handleChange(e) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+  };
+
+  return /*#__PURE__*/React.createElement(Input, {
+    ref: inputRef,
+    className: "data-editor",
+    value: value,
+    size: 'small',
+    bordered: false,
+    onChange: handleChange,
+    onKeyDown: onKeyDown,
+    onPressEnter: handleSave,
+    onBlur: handleSave
+  });
+};
+
+export default InputDataEdit;

package/es/LmTable/components/sheelTableCell.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface IProps {
+    record: Record<string, any>;
+    rowKey: string;
+    col: any;
+    rowIndex: number;
+    colIndex: number;
+    [key: string]: any;
+}
+declare const SheelTabelCell: React.FC<IProps>;
+export default SheelTabelCell;

package/es/LmTable/components/sheelTableCell.js

@@ -0,0 +1,151 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React, { useRef, useState } from 'react';
+import cls from 'classnames';
+import { useUpdateEffect } from 'ahooks';
+import InputDataEdit from './inputDataEdit';
+
+var SheelTabelCell = function SheelTabelCell(props) {
+  var record = props.record,
+      col = props.col,
+      rowKey = props.rowKey,
+      children = props.children,
+      rowIndex = props.rowIndex,
+      colIndex = props.colIndex,
+      onMouseDown = props.onMouseDown,
+      onMouseOver = props.onMouseOver,
+      isSelected = props.isSelected,
+      selectIng = props.selectIng,
+      onContextMenu = props.onContextMenu,
+      onDoubleClick = props.onDoubleClick,
+      dataSourceChange = props.dataSourceChange,
+      restProps = __rest(props, ["record", "col", "rowKey", "children", "rowIndex", "colIndex", "onMouseDown", "onMouseOver", "isSelected", "selectIng", "onContextMenu", "onDoubleClick", "dataSourceChange"]);
+
+  var onMouseEnter = restProps.onMouseEnter,
+      onMouseLeave = restProps.onMouseLeave,
+      clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
+
+  var _ref = (isSelected === null || isSelected === void 0 ? void 0 : isSelected(rowIndex, colIndex)) || {},
+      _ref$isSelected = _ref.isSelected,
+      sd = _ref$isSelected === void 0 ? false : _ref$isSelected,
+      _ref$isEnd = _ref.isEnd,
+      isEnd = _ref$isEnd === void 0 ? false : _ref$isEnd,
+      _ref$isRightEnd = _ref.isRightEnd,
+      isRightEnd = _ref$isRightEnd === void 0 ? false : _ref$isRightEnd,
+      _ref$isEditing = _ref.isEditing,
+      isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing;
+
+  var _useState = useState((record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex]) || ''),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  var valueRef = useRef((record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex]) || '');
+  useUpdateEffect(function () {
+    console.log(value, '----changeValue');
+    valueRef.current = value;
+  }, [value]);
+  useUpdateEffect(function () {
+    if (value !== (record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex])) {
+      setValue(record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex]);
+    }
+  }, [record]);
+  /** 鼠标点击 */
+
+  var handleMouseDown = function handleMouseDown(e) {
+    if (e.button === 2) {
+      console.log('点击了右键');
+    } else if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
+      onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(rowIndex, colIndex, e);
+    }
+  };
+  /** 鼠标右键 */
+
+
+  var handleContextMenu = function handleContextMenu(e) {
+    if (!col.disableEvents) {
+      onContextMenu(e, rowIndex, colIndex);
+    }
+  };
+  /** 鼠标松开 */
+
+
+  var handleMouseOver = function handleMouseOver(e) {
+    if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
+      onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(rowIndex, colIndex);
+    }
+  };
+  /** 双击 */
+
+
+  var handleDoubleClick = function handleDoubleClick(e) {
+    if (!(col === null || col === void 0 ? void 0 : col.disableEvents)) {
+      onDoubleClick(rowIndex, colIndex, col);
+    }
+  };
+
+  var renderComponent = function renderComponent() {
+    var _ref2 = col || {},
+        component = _ref2.component,
+        readOnly = _ref2.readOnly;
+
+    if (isEditing && !readOnly) {
+      return component || null;
+    }
+
+    return null;
+  };
+
+  var saveRenderValue = function saveRenderValue() {
+    if (valueRef.current !== (record === null || record === void 0 ? void 0 : record[col === null || col === void 0 ? void 0 : col.dataIndex])) {
+      dataSourceChange === null || dataSourceChange === void 0 ? void 0 : dataSourceChange(rowIndex, colIndex, Object.assign(Object.assign({}, record), _defineProperty({}, col.dataIndex, valueRef.current)));
+    }
+  };
+
+  var renderEditor = function renderEditor() {
+    if (isEditing) {
+      var Editor = (col === null || col === void 0 ? void 0 : col.dataEditor) || InputDataEdit;
+      return /*#__PURE__*/React.createElement(Editor, {
+        cell: col,
+        row: rowIndex,
+        col: colIndex,
+        value: value,
+        onChange: setValue,
+        handleSave: saveRenderValue
+      });
+    }
+
+    return null;
+  };
+
+  var renderViewer = children;
+  var content = renderComponent() || renderEditor() || renderViewer;
+  return /*#__PURE__*/React.createElement("td", Object.assign({}, clearProps, {
+    style: {
+      userSelect: 'none'
+    },
+    className: cls(sd && selectIng && 'selected', isEnd && 'end', isRightEnd && 'right_end', isEditing && 'editing'),
+    onMouseDown: handleMouseDown,
+    onMouseOver: handleMouseOver,
+    onContextMenu: handleContextMenu,
+    onDoubleClick: handleDoubleClick,
+    // onKeyUp={onKeyUp}
+    key: "".concat(rowIndex, "_").concat(colIndex)
+  }), content);
+};
+
+export default SheelTabelCell;

package/es/LmTable/components/tableChartsModal.d.ts

@@ -0,0 +1,22 @@
+import type { ILMModalProps } from 'linkmore-design';
+import type { TableColumnProps } from 'antd';
+interface IProps extends ILMModalProps {
+    data?: Record<string, unknown>[];
+    type: 'line' | 'pie' | 'column' | null;
+    columns?: (TableColumnProps<any> & {
+        etype: string;
+    })[];
+    selectInfo?: {
+        start: {
+            i: number;
+            j: number;
+        };
+        end: {
+            i: number;
+            j: number;
+        };
+    };
+}
+/** i 是行  j 是列 */
+declare const TableChartsModal: (props: IProps) => JSX.Element;
+export default TableChartsModal;

package/es/LmTable/components/tableChartsModal.js

@@ -0,0 +1,115 @@
+import React, { useMemo } from 'react';
+import { pick } from 'lodash';
+import { Modal } from 'linkmore-design';
+import { Column, Line, Pie } from '@ant-design/plots';
+/** i 是行  j 是列 */
+
+var TableChartsModal = function TableChartsModal(props) {
+  var type = props.type,
+      onCancel = props.onCancel,
+      data = props.data,
+      columns = props.columns,
+      selectInfo = props.selectInfo;
+  var resultData = useMemo(function () {
+    var start = selectInfo.start,
+        end = selectInfo.end;
+    var rCol = columns === null || columns === void 0 ? void 0 : columns.filter(function (item, index) {
+      var maxJ = Math.max(start.j, end.j);
+      var minJ = Math.min(start.j, end.j);
+
+      if (index >= minJ && index <= maxJ) {
+        return true;
+      }
+
+      return false;
+    }).map(function (item) {
+      return item.dataIndex;
+    });
+    var maxi = Math.max(start.i, end.i);
+    var mini = Math.min(start.i, end.i);
+    var rDataSource = data === null || data === void 0 ? void 0 : data.filter(function (item, index) {
+      if (index >= mini && index <= maxi) {
+        return true;
+      }
+
+      return false;
+    }).map(function (item) {
+      return pick(item, rCol);
+    });
+    return {
+      rDataSource: rDataSource,
+      rCol: rCol
+    };
+  }, [data, columns, selectInfo]);
+  var getTypeCol = useMemo(function () {
+    return columns.filter(function (item) {
+      return item.etype === 'number';
+    }).map(function (item) {
+      return item.dataIndex;
+    });
+  }, [columns]);
+  var Field = useMemo(function () {
+    var rCol = resultData.rCol;
+    var xField = rCol.find(function (item) {
+      return !getTypeCol.includes(item);
+    });
+    var yField = getTypeCol === null || getTypeCol === void 0 ? void 0 : getTypeCol[0];
+    return {
+      xField: xField,
+      yField: yField
+    };
+  }, [resultData, getTypeCol]);
+  var config = useMemo(function () {
+    if (type === 'pie') {
+      return {
+        appendPadding: 10,
+        data: resultData.rDataSource,
+        angleField: Field.yField,
+        colorField: Field.xField,
+        radius: 0.9,
+        label: {
+          type: 'inner',
+          offset: '-30%',
+          content: function content(_ref) {
+            var percent = _ref.percent;
+            return "".concat((percent * 100).toFixed(0), "%");
+          },
+          style: {
+            fontSize: 14,
+            textAlign: 'center'
+          }
+        },
+        interactions: [{
+          type: 'element-active'
+        }]
+      };
+    }
+
+    return {
+      data: resultData.rDataSource,
+      xField: Field.xField,
+      yField: Field.yField,
+      label: {
+        position: 'middle',
+        style: {
+          fill: '#FFFFFF',
+          opacity: 0.6
+        }
+      },
+      xAxis: {
+        label: {
+          autoHide: true,
+          autoRotate: false
+        }
+      }
+    };
+  }, [Field, resultData, type]);
+  return /*#__PURE__*/React.createElement(Modal, {
+    visible: !!type,
+    title: "\u667A\u80FD\u62A5\u8868",
+    onOk: onCancel,
+    onCancel: onCancel
+  }, type === 'column' && /*#__PURE__*/React.createElement(Column, Object.assign({}, config)), type === 'line' && /*#__PURE__*/React.createElement(Line, Object.assign({}, config)), type === 'pie' && /*#__PURE__*/React.createElement(Pie, Object.assign({}, config)));
+};
+
+export default TableChartsModal;

package/es/LmTable/style/index.css

@@ -836,6 +836,42 @@ p {
 #lm_protable_warp .lm_protable .ant-table {
   font-size: 12px;
 }
+#lm_protable_warp .lm_protable .ant-table td.selected,
+#lm_protable_warp .lm_protable .ant-table td.editing {
+  border: 1px solid var(--primary-color);
+  border-bottom: 0px;
+  transition: none;
+  box-shadow: inset 0 -100px 0 rgb(33 133 13.86666667%);
+  border-right: 0;
+}
+#lm_protable_warp .lm_protable .ant-table td.selected.end,
+#lm_protable_warp .lm_protable .ant-table td.editing.end {
+  border-bottom: 1px solid var(--primary-color);
+}
+#lm_protable_warp .lm_protable .ant-table td.selected.right_end,
+#lm_protable_warp .lm_protable .ant-table td.editing.right_end {
+  border-right: 1px solid var(--primary-color);
+}
+#lm_protable_warp .lm_protable .ant-table td.selected .data-editor,
+#lm_protable_warp .lm_protable .ant-table td.editing .data-editor {
+  border: 0;
+  background: none;
+}
+#lm_protable_warp .lm_protable .ant-table td.selected input,
+#lm_protable_warp .lm_protable .ant-table td.editing input {
+  background: none;
+  outline: none !important;
+  border: 0;
+}
+#lm_protable_warp .lm_protable .ant-table td.selected input:hover,
+#lm_protable_warp .lm_protable .ant-table td.editing input:hover {
+  background: none;
+  border: 0;
+}
+#lm_protable_warp .lm_protable .ant-table tr:last-child td.selected.end,
+#lm_protable_warp .lm_protable .ant-table tr:last-child td.editing.end {
+  border-bottom: 2px solid var(--primary-color);
+}
 #lm_protable_warp .lm_protable .ant-card-body,
 #lm_protable_warp .lm_protable .ant-pro-card-body {
   padding: 0;
@@ -1476,3 +1512,20 @@ p {
   height: 100%;
   cursor: col-resize;
 }
+.WeChatContactsAvatarTools {
+  background-color: #fff;
+  border: 1px solid #ddd;
+}
+.WeChatContactsAvatarTools .rightClickItems {
+  height: 30px;
+  border-bottom: 1px solid #ddd;
+  padding: 0 8px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  font-size: 12px;
+  cursor: pointer;
+}
+.WeChatContactsAvatarTools .rightClickItems:last-child {
+  border-bottom: 0px;
+}

package/es/Modal/index.js

@@ -36,10 +36,12 @@ var CLMModal = function CLMModal(props) {
     width: size === 'default' ? 552 : 416,
     footer: [/*#__PURE__*/React.createElement(Button, {
       onClick: onCancel,
+      key: 'canncel_button',
       size: 'middle'
     }, cancelText), /*#__PURE__*/React.createElement(Button, {
       type: "primary",
       onClick: onOk,
+      key: 'ok_button',
       size: 'middle'
     }, okText)]
   }, other, {

package/lib/CardTable/table/TableContainer.js

@@ -67,12 +67,11 @@ var LmCardTableContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
       type: 'changeRows',
       rows: rows
     });
-  }, [getRows]); // 获取表格高度
+  }, [getRows, cellConfig.width]); // 获取表格高度
 
   useIsomorphicLayoutEffect(function () {
     // 频繁变动可考虑增加防抖
     var resizeObserver = new ResizeObserver(function (entries) {
-      // console.log("我的resize变化啦");
       var borderbox = entries[0].borderBoxSize[0];
       getResize(borderbox);
     });

package/lib/CkFilter/README.md.old

@@ -0,0 +1,137 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 已废弃
+  path: /remove
+
+---
+
+## CkFilter 筛选组件(废弃)
+
+> 未集成漏斗模型筛选，不再维护，使用请转移至[LmFilter](/components/basic/lm-filter)
+
+### 基本使用
+
+<code src="./demos/basic.jsx" background="#fff" />
+
+### `Api`
+
+| 参数            | 说明                    | 类型      | 默认         |
+| ------------- | --------------------- | ------- | ---------- |
+| data          | 筛选字段,部分数据, 用于基础筛选     | Array   | []         |
+| fillData      | 同`data`全量数据, 用于高级筛选   | Array   | []         |
+| trigger       | 触发查询方式 'init': 初始化后触发 | String  | -          |
+| onChange      | 筛选事件，接收筛选后的数据         | Fn      | -          |
+| search        | 是否显示模糊搜索框,默认显示(二级筛选)  | Boolean | true       |
+| searchKey     | 搜索返回的Key              | String  | 'search'   |
+| filter        | 是否显示基础过滤, 默认显示(二级筛选)  | Boolean | true       |
+| complex       | 是否显示高级筛选(独立筛选)        | Boolean | false      |
+| filterValues  | 初始化筛选的条件              | Object  | {}         |
+| levelGroup    | 级别组/按钮组(一级筛选)         | Boolean | false      |
+| levelGroupKey | 按钮组返回的Key             | Strgin  | 'levGroup' |
+| custom        | 自定义筛选(一级筛选)           | Array   | -          |
+
+#### `data/fullData`
+
+| 参数          | 说明                          | 类型                               | 默认    |
+| ----------- | --------------------------- | -------------------------------- | ----- |
+| type        | 类型                          | input/select/checkbox/cascader…… | -     |
+| dateType    | 日期类型，仅当 type='date'时有效      | 'date'/'rangePicker'             | date  |
+| title       | 文字显示                        | ''                               | -     |
+| field       | 字段关键词                       | ''                               | -     |
+| mode        | 查询关系（适用于高级筛选）               | 'and'/'or'                       | 'and' |
+| *api        | (暂无)接口请求                    | ''                               | -     |
+| *params     | (暂无)入参,配合接口请求               | {}                               | -     |
+| data        | 默认数据字段（非接口请求）               | []                               | -     |
+| value       | 默认选中数据                      | ''                               | -     |
+| more        | 是否动态加载                      | Boolean                          | false |
+| fixed       | 是否固定于页面（收为更多筛选内）            | Boolean                          | false |
+| expand      | 额外拓展                        | {}                               | {}    |
+| props       | 透传至原生组件 (日期的类型、级联单复选...)    | {}                               | {}    |
+| *content    | (暂无)自定义下拉结构,e(value)事件接收一个值 | (e) => Dom                       | -     |
+| *renderItem | (暂无)自定义行结构（接收 label）        | Dom                              | -     |
+
+`type`
+
+| 参数       | 说明   | 类型           | 默认  |
+| -------- | ---- | ------------ | --- |
+| select   | 单选   | String       | ''  |
+| checkbox | 复选   | Array        | []  |
+| input    | 输入   | String       | ''  |
+| cascader | 级联选择 | Array        | []  |
+| data     | 日期选择 | String/Array | ''  |
+| nested   | 嵌套筛选 | Array        | []  |
+
+`dateType`
+
+| 参数          | 说明   | 类型  | 默认  |
+| ----------- | ---- | --- | --- |
+| date        | 年月日  | ''  | -   |
+| rangePicker | 日期区间 | []  | -   |
+|             |      |     |     |
+
+<!-- 
+> `filterValues` `custom`
+
+```jsx
+基础筛选是键值对
+const filterValues = {
+    category: 'cate1',
+    type: 'type1',
+}
+
+高级筛选及自定义筛选是filterValues与基础筛选不同
+filterValues: {[key]: { value: '', mode: 'or' } }
+const customFilter = [
+    { label: '全部', value: 'all', filterValues: {} },
+    {
+      label: '我关注的',
+      value: 'v1',
+      filterValues: { state: { value: ['22k', '32k'], mode: 'and' }, t1: {} },
+      default: true, // 默认显示
+    },
+    { label: '自定义1', value: 'diy1', filterValues: { state: { value: '', mode: 'or' } } },
+    { label: '自定义2', value: 'diy2', filterValues: { t1: { value: '', mode: 'or' } } },
+    { label: '自定义3', value: 'diy3', filterValues: {} },
+  ]
+
+
+<Filter
+  data={data}
+  filterValues={filterValues}
+  custom={customFilter}
+  levelGroup={group}
+  fullData={data}
+  complex
+  onChange={getChange}
+  placeholder="请输入编号"
+  searchKey="code"
+/>
+
+``` -->
+
+| 参数           | 说明     | 类型                                               | 默认  |
+| ------------ | ------ | ------------------------------------------------ | --- |
+| id           | key 字段 | ''                                               | -   |
+| value        | 值      | String                                           |     |
+| label        | 文字显示   | string                                           |     |
+| default      | 是否默认   | Boolean                                          | -   |
+| filterValues | 过滤的数据  | { state: { value: ['22k','32k'], mode: 'and' } } |     |
+
+`custom.filterValue `
+
+> @Object
+
+| 参数    | 说明    | 类型           | 默认  |
+| ----- | ----- | ------------ | --- |
+| value | 选中的数据 | Array/String | -   |
+| mode  | 查询关系  | String       | -   |
+|       |       |              |     |
+
+**Ref**
+
+| 方法名        | 说明                                                        | 类型  | 默认  |
+| ---------- | --------------------------------------------------------- | --- | --- |
+| setOptions | 初始化, 用于动态显示,会将`filterValue`参数带入, 设置`trigger="init"` 会触发查询 | fn  | -   |

package/lib/LmFilter/LmFilter.js

@@ -21,10 +21,12 @@ var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
 
 var _localization = require("./localization");
 
-var _excluded = ["localization"];
+var _excluded = ["searchConfig", "localization"];
 
 var LmFilter = function LmFilter(_ref, ref) {
-  var _ref$localization = _ref.localization,
+  var _ref$searchConfig = _ref.searchConfig,
+      searchConfig = _ref$searchConfig === void 0 ? {} : _ref$searchConfig,
+      _ref$localization = _ref.localization,
       localization = _ref$localization === void 0 ? {} : _ref$localization,
       resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var defaultRef = (0, _react.useRef)(null);
@@ -45,9 +47,17 @@ var LmFilter = function LmFilter(_ref, ref) {
     // 尺寸
     searchKey: 'search',
     // 搜索的key值
+    searchConfig: (0, _objectSpread2.default)({
+      relation: 'or',
+      fieldType: 'string',
+      operator: 'contains'
+    }, searchConfig || {}),
+    // 模糊搜索配置
     placeholder: '请输入',
     // 搜索占位符
-    localization: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _localization.DefaultLocalization), localization)
+    customRender: null,
+    // 自定义一级筛选Dom
+    localization: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _localization.DefaultLocalization), localization || {})
   };
   return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
     ref: ref || defaultRef

package/lib/LmFilter/baseFilter/fuzzySearch.js

@@ -1,14 +1,16 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _InputSearchClose = _interopRequireDefault(require("../components/InputSearchClose"));
@@ -18,30 +20,38 @@ var FuzzySearch = function FuzzySearch(_ref) {
   var inputRef = (0, _react.useRef)(null);
   var state = instance.state,
       setFilterValue = instance.setFilterValue,
+      setSearchFilter = instance.setSearchFilter,
       size = instance.size,
       placeholder = instance.placeholder,
-      searchKey = instance.searchKey; // 默认值
+      searchKey = instance.searchKey,
+      searchConfig = instance.searchConfig; // 默认值
 
   var defaultValue = (0, _react.useMemo)(function () {
-    var _state$basicFilter;
+    var _state$basicFilter, _state$searchFilter;
 
-    return ((_state$basicFilter = state.basicFilter) === null || _state$basicFilter === void 0 ? void 0 : _state$basicFilter[searchKey]) || '';
-  }, [state.basicFilter]);
+    return ((_state$basicFilter = state.basicFilter) === null || _state$basicFilter === void 0 ? void 0 : _state$basicFilter[searchKey]) || ((_state$searchFilter = state.searchFilter) === null || _state$searchFilter === void 0 ? void 0 : _state$searchFilter[searchKey[0]]) || '';
+  }, [state.basicFilter, state.searchFilter, searchKey]);
 
   var onSearch = function onSearch(val) {
-    var item = {
-      field: searchKey,
-      operator: 'contains',
-      fieldType: 'string'
-    };
-    setFilterValue(val, item);
+    var isFuzzy = Array.isArray(searchKey);
+    var item = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, searchConfig), {}, {
+      field: searchKey
+    });
+
+    if (isFuzzy) {
+      setSearchFilter(val);
+    } else {
+      setFilterValue(val, item);
+    }
   };
 
   (0, _react.useEffect)(function () {
     if (!defaultValue) {
       inputRef.current.setValue('');
+    } else {
+      inputRef.current.setValue(defaultValue);
     }
-  }, [state.basicFilter]);
+  }, [state.basicFilter, state.searchFilter]);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "lm_filter_search"
   }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {

package/lib/LmFilter/clearFilter/index.js

@@ -13,9 +13,7 @@ var _linkmoreDesign = require("linkmore-design");
 
 var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
-  var state = instance.state,
-      dispatch = instance.dispatch,
-      onClearChange = instance.onClearChange;
+  var onClearChange = instance.onClearChange;
 
   var handleClear = function handleClear() {
     onClearChange();