linkmore-design 1.0.60 → 1.0.62

package/es/Form/style/index.css

@@ -530,7 +530,7 @@ html {
   margin-right: 0;
 }
 .lm_form .ant-form-item-control {
-  width: 240px;
+  width: 100%;
 }
 .lm_container_wrapper {
   overflow: auto;
@@ -546,6 +546,9 @@ html {
 .lm_container_wrapper .lm_container.responsive .lm_form .ant-form-item {
   margin-right: 24px;
 }
+.lm_container_wrapper .lm_container.responsive .lm_form .ant-form-item .ant-form-item-control {
+  width: 100%;
+}
 .lm_container_wrapper .lm_container.responsive.lm_col_3 .ant-form-item {
   width: calc(33.3333% - 16px);
 }
@@ -565,6 +568,7 @@ html {
   margin-right: 0;
 }
 .lm_form .lm_form-item-tip-error .ant-form-item-explain {
+  width: 100%;
   position: absolute;
   display: flex;
   top: 0;

package/es/LmFilter/LmFilter.js

@@ -28,10 +28,28 @@ var LmFilter = function LmFilter(_ref, ref) {
       localization = _ref$localization === void 0 ? {} : _ref$localization,
       resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var defaultRef = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
-    ref: ref || defaultRef,
+  var defaultProps = {
+    dataSource: [],
+    // 数据源
+    enableSearch: true,
+    // 是否启用模糊查询
+    enableBaisc: true,
+    // 是否启用基础筛选
+    enableComplex: false,
+    // 是否启用高级筛选
+    enableCustom: false,
+    // 是否启用自定义筛选
+    size: 'middle',
+    // 尺寸
+    searchKey: 'search',
+    // 搜索的key值
+    placeholder: '请输入',
+    // 搜索占位符
     localization: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _localization.DefaultLocalization), localization)
-  }, resetProps));
+  };
+  return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
+    ref: ref || defaultRef
+  }, defaultProps, resetProps));
 };
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilter);

package/es/LmFilter/baseFilter/fuzzySearch.js

@@ -29,7 +29,12 @@ var FuzzySearch = function FuzzySearch(_ref) {
   }, [state.basicFilter]);
 
   var onSearch = function onSearch(val) {
-    setFilterValue(val, searchKey);
+    var item = {
+      field: searchKey,
+      operator: 'contains',
+      fieldType: 'string'
+    };
+    setFilterValue(val, item);
   };
 
   (0, _react.useEffect)(function () {

package/es/LmFilter/baseFilter/index.js

@@ -17,9 +17,7 @@ var _components = _interopRequireDefault(require("../components"));
 var LmFilterBase = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var dataSource = instance.dataSource;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_filter_basic"
-  }, /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_fuzzySearch.default, {
     instance: instance
   }), dataSource.map(function (v, index) {
     var isHidden = !v.show && typeof v.show === 'boolean';

package/es/LmFilter/complexFilter/drawer.js

@@ -267,9 +267,9 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
   var instance = _ref5.instance;
   var state = instance.state,
       dispatch = instance.dispatch,
-      onChange = instance.onChange;
-  var complexDrawer = state.complexDrawer,
-      complexFilter = state.complexFilter;
+      onQuery = instance.onQuery,
+      dataSource = instance.dataSource;
+  var complexDrawer = state.complexDrawer;
   var isHas = (0, _react.useMemo)(function () {
     return (0, _utils.getIsHas)(complexDrawer.data);
   }, [complexDrawer.data]); // 过滤的内容转数组
@@ -293,17 +293,9 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
   };
 
   var onSearch = function onSearch() {
-    dispatch({
-      type: 'changeBasicFilter',
-      basicFilter: {}
-    });
-    dispatch({
-      type: 'changeComplexFilter',
-      complexFilter: complexDrawer.data
-    });
-    onClose();
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      complexFilter: complexDrawer.data,
+    var complexFilter = complexDrawer.data;
+    onQuery === null || onQuery === void 0 ? void 0 : onQuery({
+      complexFilter: complexFilter,
       type: 'complex'
     });
   }; // 初始化筛选
@@ -314,7 +306,7 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
       dispatch({
         type: 'changeComplexDrawer',
         complexDrawer: {
-          data: complexFilter,
+          data: state.complexFilter,
           visible: complexDrawer.visible
         }
       });
@@ -332,7 +324,7 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
 
   var config = {
     title: /*#__PURE__*/_react.default.createElement(Tit, null),
-    visible: state.complexDrawer.visible,
+    visible: complexDrawer.visible,
     onClose: onClose,
     width: 440,
     placement: 'right',

package/es/LmFilter/components/index.js

@@ -71,7 +71,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,
     setFilterValue: function setFilterValue(val) {
-      return (_setFilterValue || handleChange)(val, resetItem.field);
+      return (_setFilterValue || handleChange)(val, resetItem);
     }
   });
   return /*#__PURE__*/_react.default.createElement(_DropdownFIlter.default, {

package/es/LmFilter/filterFns/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 
 var _utils = require("../utils");
 
@@ -19,84 +19,196 @@ var CoreOptions = function CoreOptions(_ref) {
       dispatch = _ref.dispatch,
       props = _ref.props;
   var onChange = props.onChange,
-      dataSource = props.dataSource; // 根据字段查找过滤的数据, 不存在时返回默认值
+      dataSource = props.dataSource,
+      searchKey = props.searchKey; // 触发查询 type  basic基础筛选 ｜ complex高级筛选
 
-  var getFilterValue = function getFilterValue(_ref2) {
-    var field = _ref2.field,
+  var onQuery = function onQuery(_ref2) {
+    var basicFilter = _ref2.basicFilter,
+        complexFilter = _ref2.complexFilter,
+        basicQuery = _ref2.basicQuery,
         type = _ref2.type;
+    console.log('type', type);
+
+    if (type === 'basic') {
+      var _Object$keys;
+
+      dispatch({
+        type: 'changeBasicFilter',
+        basicFilter: basicFilter
+      });
+      dispatch({
+        type: 'changeBasicQuery',
+        basicQuery: basicQuery
+      });
+      dispatch({
+        type: 'changeComplexFilter',
+        complexFilter: {}
+      }); // 基础筛选清空高级筛选
+      // 抛出给外部查询
+
+      var filterQuery = {
+        filters: [{
+          conditions: (_Object$keys = Object.keys(basicQuery)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (k) {
+            return basicQuery[k];
+          })
+        }]
+      };
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        basicFilter: basicFilter,
+        filterQuery: filterQuery,
+        type: 'basic'
+      });
+    }
+
+    if (type === 'complex') {
+      var _Object$keys2, _Object$keys3;
+
+      var _basicQuery = (_Object$keys2 = Object.keys(complexFilter)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.reduce(function (pre, cur) {
+        var item = dataSource.find(function (v) {
+          return cur === v.field;
+        });
+        var itemValue = complexFilter[cur].value;
+
+        if ((0, _utils.getIsHas)(itemValue) && !!item) {
+          pre[cur] = {
+            fieldName: cur,
+            fieldType: (item === null || item === void 0 ? void 0 : item.valueType) || 'string',
+            value: Array.isArray(itemValue) ? itemValue : [itemValue],
+            operator: complexFilter[cur].mode === 'and' ? 'equal' : 'contains'
+          };
+        }
+
+        return pre;
+      }, {});
+
+      dispatch({
+        type: 'changeBasicFilter',
+        basicFilter: {}
+      });
+      dispatch({
+        type: 'changeComplexFilter',
+        complexFilter: complexFilter
+      });
+      dispatch({
+        type: 'changeComplexDrawer',
+        complexDrawer: {
+          data: {},
+          visible: false
+        }
+      });
+      dispatch({
+        type: 'changeBasicQuery',
+        basicQuery: _basicQuery
+      });
+      var _filterQuery = {
+        filters: [{
+          conditions: (_Object$keys3 = Object.keys(_basicQuery)) === null || _Object$keys3 === void 0 ? void 0 : _Object$keys3.map(function (k) {
+            return _basicQuery[k];
+          })
+        }]
+      };
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        complexFilter: complexFilter,
+        filterQuery: _filterQuery,
+        type: type
+      });
+    }
+  }; // 根据字段查找过滤的数据, 不存在时返回默认值
+
+
+  var getFilterValue = function getFilterValue(_ref3) {
+    var field = _ref3.field,
+        type = _ref3.type;
     var defaultValue = (0, _utils.getValueForType)(type);
     return state.basicFilter[field] || defaultValue;
-  }; // 设置筛选的值 item => String || Array => ['', '', ...]
+  }; // 设置筛选的值 itemValue => String || Array => ['', '', ...]
 
 
-  var setFilterValue = function setFilterValue(item, field) {
-    var _Object$entries;
+  var setFilterValue = function setFilterValue(itemValue, item) {
+    var field = item.field;
 
-    var basicFilter = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.basicFilter), {}, (0, _defineProperty2.default)({}, field, item));
+    if (field) {
+      // 基础查询数据(受控数据)
+      var basicFilter = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.basicFilter), {}, (0, _defineProperty2.default)({}, field, itemValue)); // 外部查询数据结构
 
-    if (!(0, _utils.getIsHas)(item)) {
-      delete basicFilter[field];
-    }
+      var basicQuery = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.basicQuery), {}, (0, _defineProperty2.default)({}, field, {
+        fieldName: field,
+        fieldType: item.valueType || 'string',
+        value: Array.isArray(itemValue) ? itemValue : [itemValue],
+        operator: item.operator || 'equal'
+      }));
 
-    ;
-    dispatch({
-      type: 'changeBasicFilter',
-      basicFilter: basicFilter
-    });
-    dispatch({
-      type: 'changeComplexFilter',
-      complexFilter: {}
-    }); // 基础筛选清空高级筛选
-    // 抛出给外部存储
-
-    var filterQuery = (_Object$entries = Object.entries(basicFilter)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(function (v) {
-      return {
-        fieldName: v[0],
-        value: v[1],
-        operator: 'contains'
-      };
-    }); // 触发外部事件
+      if (!(0, _utils.getIsHas)(itemValue)) {
+        delete basicFilter[field];
+      }
 
-    onChange === null || onChange === void 0 ? void 0 : onChange({
-      basicFilter: basicFilter,
-      filterQuery: filterQuery,
-      type: 'basic'
-    });
+      ; // 触发外部事件
+
+      onQuery === null || onQuery === void 0 ? void 0 : onQuery({
+        basicFilter: basicFilter,
+        basicQuery: basicQuery,
+        type: 'basic'
+      });
+    }
   }; // 读取缓存
 
 
   var setLocalization = function setLocalization() {
+    var _Object$keys4;
+
     var localization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : props.localization;
     var globalQuery = localization.globalQuery,
-        filterQuery = localization.filterQuery;
-
-    if (filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery.filter) {
-      // 初始化基础查询缓存
-      var basicFilter = filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery.filter.reduce(function (pre, cur) {
-        // 查找改数据是否展示
-        var someData = dataSource.some(function (v) {
-          if (cur.fieldName === v.field) {
-            var isHidden = !v.show && typeof v.show === 'boolean';
-            return !isHidden;
-          }
-
-          return false;
-        });
-
-        if ((0, _utils.getIsHas)(cur.value) && someData) {
-          pre[cur.fieldName] = cur.value;
+        basicFilter = localization.basicFilter;
+    var basicQuery = (_Object$keys4 = Object.keys(basicFilter)) === null || _Object$keys4 === void 0 ? void 0 : _Object$keys4.reduce(function (pre, cur) {
+      var item = dataSource.find(function (v) {
+        if (cur === v.field) {
+          return v.show || typeof v.show !== 'boolean';
         }
 
-        return pre;
-      }, {});
-      dispatch({
-        type: 'changeBasicFilter',
-        basicFilter: basicFilter
+        return false;
       });
-    }
+
+      if (cur === searchKey) {
+        item = {
+          field: searchKey,
+          operator: 'contains',
+          fieldType: 'string'
+        };
+      }
+
+      if ((0, _utils.getIsHas)(basicFilter[cur]) && !!item) {
+        var _item, _item2;
+
+        pre[cur] = {
+          fieldName: cur,
+          fieldType: ((_item = item) === null || _item === void 0 ? void 0 : _item.valueType) || 'string',
+          value: Array.isArray(basicFilter[cur]) ? basicFilter[cur] : [basicFilter[cur]],
+          operator: ((_item2 = item) === null || _item2 === void 0 ? void 0 : _item2.operator) || 'equal'
+        };
+      }
+
+      return pre;
+    }, {});
+    dispatch({
+      type: 'changeBasicFilter',
+      basicFilter: basicFilter
+    });
+    dispatch({
+      type: 'changeBasicQuery',
+      basicQuery: basicQuery
+    });
+  }; // 单个设置过滤字段值, 会触发onChange事件, 多个字段时使用setLocalization
+
+
+  var setFilterFieldValue = function setFilterFieldValue(field, value) {
+    var item = dataSource.find(function (v) {
+      return v.fidld === field;
+    }) || {};
+    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(value, item);
   };
 
   return {
+    onQuery: onQuery,
     getState: function getState() {
       return state;
     },
@@ -105,6 +217,7 @@ var CoreOptions = function CoreOptions(_ref) {
     },
     getFilterValue: getFilterValue,
     setFilterValue: setFilterValue,
+    setFilterFieldValue: setFilterFieldValue,
     setLocalization: setLocalization
   };
 };

package/es/LmFilter/localization.d.ts

@@ -1,8 +1,14 @@
 export declare const DefaultLocalization: {
+    customFilter: {};
+    basicFilter: {};
     globalQuery: {
-        filter: any[];
+        filter: {
+            conditions: any[];
+        }[];
     };
     filterQuery: {
-        filter: any[];
+        filter: {
+            conditions: any[];
+        }[];
     };
 };

package/es/LmFilter/localization.js

@@ -3,10 +3,28 @@
 //   operator: number,
 // }
 export var DefaultLocalization = {
+  customFilter: {},
+  basicFilter: {},
+  // 一级筛选
   globalQuery: {
-    filter: []
+    filter: [{
+      // relation: 'and',
+      conditions: []
+    }]
   },
+  // 二级筛选
   filterQuery: {
-    filter: []
+    filter: [{
+      // relation: 'and',
+      conditions: [// {
+        //   relation: 'antd', // 查询间的关系
+        //   fieldName: '', // 查询字段
+        //   fieldType: 'string', // 字段类型
+        //   // 查询值的关系 "integer", "double", "string", "date", "datetime", and "boolean".
+        //   operator: '',
+        //   value: [], // 值的集合
+        // }
+      ]
+    }]
   }
 };

package/es/LmFilter/style/style.css

@@ -1,6 +1,4 @@
-.lm_filter_wrapper .lm_filter_container,
-.lm_filter_wrapper .lm_filter,
-.lm_filter_wrapper .lm_filter_basic {
+.lm_filter_wrapper .lm_filter_container .lm_filter {
   display: flex;
   flex-wrap: wrap;
   align-items: center;

package/es/LmFilter/wrapper/Filter.js

@@ -15,6 +15,8 @@ var _customFilter = _interopRequireDefault(require("../customFilter"));
 
 var _complexFilter = _interopRequireDefault(require("../complexFilter"));
 
+var _clearFilter = _interopRequireDefault(require("../clearFilter"));
+
 // 筛选组合
 var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
@@ -29,6 +31,8 @@ var LmFilter = /*#__PURE__*/_react.default.memo(function (_ref) {
     instance: instance
   }), enableComplex && /*#__PURE__*/_react.default.createElement(_complexFilter.default, {
     instance: instance
+  }), /*#__PURE__*/_react.default.createElement(_clearFilter.default, {
+    instance: instance
   }));
 });
 

package/es/LmFilter/wrapper/FilterContainer.js

@@ -11,8 +11,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Filter = _interopRequireDefault(require("./Filter"));
 
-var _clearFilter = _interopRequireDefault(require("../clearFilter"));
-
 // 过滤组件主体区域
 var LmFilterContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
@@ -20,8 +18,6 @@ var LmFilterContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
     className: "lm_filter_container"
   }, /*#__PURE__*/_react.default.createElement(_Filter.default, {
     instance: instance
-  }), /*#__PURE__*/_react.default.createElement(_clearFilter.default, {
-    instance: instance
   }));
 });
 

package/es/LmFilter/wrapper/FilterRoot.js

@@ -9,8 +9,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
@@ -26,6 +24,7 @@ var _utils = require("../utils");
 // 根文件 => 参数聚合
 var reducer = function reducer(state, action) {
   var basicFilter = action.basicFilter,
+      basicQuery = action.basicQuery,
       resize = action.resize,
       rows = action.rows,
       complexDrawer = action.complexDrawer,
@@ -39,6 +38,12 @@ var reducer = function reducer(state, action) {
         basicFilter: basicFilter
       });
 
+    case 'changeBasicQuery':
+      // 基础筛选数据改变
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        basicQuery: basicQuery
+      });
+
     case 'changeRows':
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         rows: rows
@@ -69,6 +74,7 @@ var reducer = function reducer(state, action) {
       // 一键清空
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
         basicFilter: {},
+        basicQuery: {},
         complexFilter: {}
       });
 
@@ -79,34 +85,46 @@ var reducer = function reducer(state, action) {
 
 
 var getInitialState = function getInitialState(_ref) {
+  var _Object$keys;
+
   var localization = _ref.localization,
-      dataSource = _ref.dataSource;
+      dataSource = _ref.dataSource,
+      searchKey = _ref.searchKey;
   var globalQuery = localization.globalQuery,
-      filterQuery = localization.filterQuery;
-  var basicFilter = {}; // 初始化基础查询缓存
-
-  if (filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery.filter) {
-    basicFilter = filterQuery === null || filterQuery === void 0 ? void 0 : filterQuery.filter.reduce(function (pre, cur) {
-      // 查找改数据是否展示
-      var someData = dataSource.some(function (v) {
-        if (cur.fieldName === v.field) {
-          var isHidden = !v.show && typeof v.show === 'boolean';
-          return !isHidden;
-        }
-
-        return false;
-      });
-
-      if ((0, _utils.getIsHas)(cur.value) && someData) {
-        pre[cur.fieldName] = cur.value;
+      basicFilter = localization.basicFilter;
+  var basicQuery = (_Object$keys = Object.keys(basicFilter)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.reduce(function (pre, cur) {
+    var item = dataSource.find(function (v) {
+      if (cur === v.field) {
+        return v.show || typeof v.show !== 'boolean';
       }
 
-      return pre;
-    }, {});
-  }
+      return false;
+    });
+
+    if (cur === searchKey) {
+      item = {
+        field: searchKey,
+        operator: 'contains',
+        fieldType: 'string'
+      };
+    }
 
+    if ((0, _utils.getIsHas)(basicFilter[cur]) && !!item) {
+      var _item, _item2;
+
+      pre[cur] = {
+        fieldName: cur,
+        fieldType: ((_item = item) === null || _item === void 0 ? void 0 : _item.valueType) || 'string',
+        value: Array.isArray(basicFilter[cur]) ? basicFilter[cur] : [basicFilter[cur]],
+        operator: ((_item2 = item) === null || _item2 === void 0 ? void 0 : _item2.operator) || 'equal'
+      };
+    }
+
+    return pre;
+  }, {});
   return {
     basicFilter: basicFilter,
+    basicQuery: basicQuery,
     complexFilter: {},
     complexDrawer: {
       visible: false,
@@ -127,29 +145,8 @@ var LmFilterRoot = function LmFilterRoot(props, ref) {
   var _useReducer = (0, _react.useReducer)(reducer, initialState),
       _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
       state = _useReducer2[0],
-      dispatch = _useReducer2[1]; // 初始化配置
-
-
-  var configProps = (0, _react.useMemo)(function () {
-    var resetProps = (0, _extends2.default)({}, props);
-    return (0, _objectSpread2.default)({
-      dataSource: [],
-      // 数据源
-      enableSearch: true,
-      // 是否启用模糊查询
-      enableBaisc: true,
-      // 是否启用基础筛选
-      enableComplex: false,
-      // 是否启用高级筛选
-      enableCustom: false,
-      // 是否启用自定义筛选
-      size: 'middle',
-      // 尺寸
-      searchKey: 'search',
-      // 搜索的key值
-      placeholder: '请输入'
-    }, resetProps);
-  }, [props]); // 事件集合
+      dispatch = _useReducer2[1]; // 事件集合
+
 
   var eventProps = (0, _react.useMemo)(function () {
     return (0, _filterFns.default)({
@@ -159,7 +156,7 @@ var LmFilterRoot = function LmFilterRoot(props, ref) {
     });
   }, [state, dispatch, props]); // 组件示例
 
-  var instance = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, configProps), eventProps), {}, {
+  var instance = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), eventProps), {}, {
     state: state,
     dispatch: dispatch
   }); // 向外暴露出的方法