linkmore-design 1.0.75 → 1.0.78

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

package/es/LmFilter/complexFilter/valueDrawer.js

@@ -54,7 +54,7 @@ var ValueDrawer = function ValueDrawer(_ref) {
     form.resetFields();
   };
   /*
-   * customModal.data.type === 'nested' 时,处理不同
+   * customModal.data.type === 'nested' 时,处理不同(未增加)
    *
   */
 

package/es/LmFilter/customFilter/index.js

@@ -25,7 +25,7 @@ var _drawer = _interopRequireDefault(require("./drawer"));
 
 var _saveModal = _interopRequireDefault(require("./saveModal"));
 
-var LmFilterCustom = function LmFilterCustom(_ref) {
+var CustomDiy = function CustomDiy(_ref) {
   var instance = _ref.instance;
   var state = instance.state,
       dispatch = instance.dispatch,
@@ -82,9 +82,7 @@ var LmFilterCustom = function LmFilterCustom(_ref) {
     visible: visible,
     setVisible: setVisible
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_filter_custom"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
     trigger: ['click'],
     visible: visible,
     placement: "bottomLeft",
@@ -111,14 +109,28 @@ var LmFilterCustom = function LmFilterCustom(_ref) {
     className: "lm_filter_custom_select_icon addon_after"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
     type: "lmweb-down"
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_filter_custom_line"
-  }), /*#__PURE__*/_react.default.createElement(_drawer.default, {
+  })))), /*#__PURE__*/_react.default.createElement(_drawer.default, {
     instance: instance
   }), /*#__PURE__*/_react.default.createElement(_saveModal.default, {
     instance: instance
   }));
 };
 
+var LmFilterCustom = function LmFilterCustom(_ref2) {
+  var instance = _ref2.instance;
+  var customRender = instance.customRender,
+      enableCustom = instance.enableCustom;
+  if (!customRender && !enableCustom) return null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_custom"
+  }, enableCustom && /*#__PURE__*/_react.default.createElement(CustomDiy, {
+    instance: instance
+  }), customRender === null || customRender === void 0 ? void 0 : customRender({
+    instance: instance
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_custom_line"
+  }));
+};
+
 var _default = LmFilterCustom;
 exports.default = _default;