linkmore-design 1.0.91 → 1.0.95

package/lib/LmFilter/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _LmFilter = _interopRequireDefault(require("./LmFilter"));
+
+var _components = _interopRequireDefault(require("./components"));
+
+_LmFilter.default.FilterControl = _components.default;
+var _default = _LmFilter.default;
+exports.default = _default;

package/lib/LmFilter/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./index.css");

package/lib/LmFilter/style/variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./variables.css");

package/lib/LmFilter/utils.js

@@ -0,0 +1,173 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getFilterShow = getFilterShow;
+exports.getFilterShowQuery = getFilterShowQuery;
+exports.getFlatItem = getFlatItem;
+exports.getIsHas = getIsHas;
+exports.getRanges = getRanges;
+exports.getValueForType = getValueForType;
+exports.uniqueFunc = uniqueFunc;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+// 检查是否存在内容
+function getIsHas(val) {
+  // 检查是否数字类型, 是否布尔类型
+  var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
+
+  if (!!val && (0, _typeof2.default)(val) === 'object') {
+    var _Object$keys;
+
+    flag = Array.isArray(val) ? !!val.length : !!((_Object$keys = Object.keys(val)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length);
+  }
+
+  return flag;
+} // 根据类型返回对应的值
+
+
+function getValueForType(type) {
+  if (['checkbox', 'cascader'].includes(type)) {
+    return [];
+  }
+
+  return '';
+} // 数组对象去重
+
+
+function uniqueFunc(arr, guid) {
+  var res = new Map();
+  return arr.filter(function (item) {
+    var isHas = (item === null || item === void 0 ? void 0 : item[guid]) || typeof (item === null || item === void 0 ? void 0 : item[guid]) === 'number';
+    var resetItem = isHas ? item === null || item === void 0 ? void 0 : item[guid] : item;
+    return !res.has(resetItem) && res.set(resetItem, 1);
+  });
+} // 获取最近的时间段
+
+
+function getRanges() {
+  return {
+    近一周: [(0, _dayjs.default)().subtract(7, 'day').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
+    近一月: [(0, _dayjs.default)().subtract(1, 'month').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
+    近一年: [(0, _dayjs.default)().subtract(1, 'year').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')]
+  };
+} // 级联选择器获取深层结构数据 type: 遍历子/父结构
+
+
+function getFlatItem(getItem, checkedValue) {
+  var _getItem$props, _getItem$props2;
+
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'children';
+  var filterValues = (getItem === null || getItem === void 0 ? void 0 : (_getItem$props = getItem.props) === null || _getItem$props === void 0 ? void 0 : _getItem$props.multiple) ? checkedValue : [checkedValue];
+  var originArr = (getItem === null || getItem === void 0 ? void 0 : getItem.data) || []; // 用于自定义读取的字段
+
+  var fieldNames = (0, _objectSpread2.default)({
+    label: 'label',
+    value: 'value',
+    children: 'children'
+  }, (getItem === null || getItem === void 0 ? void 0 : (_getItem$props2 = getItem.props) === null || _getItem$props2 === void 0 ? void 0 : _getItem$props2.fieldNames) || {});
+  var nArr = []; // 获取子级项
+
+  var getChildren = function getChildren(item) {
+    var _item$fieldNames$chil;
+
+    if (!item) return;
+
+    if (type === 'parent') {
+      nArr.push(item);
+      return;
+    }
+
+    if (item === null || item === void 0 ? void 0 : (_item$fieldNames$chil = item[fieldNames.children]) === null || _item$fieldNames$chil === void 0 ? void 0 : _item$fieldNames$chil.length) {
+      item === null || item === void 0 ? void 0 : item[fieldNames.children].forEach(function (v) {
+        return getChildren(v);
+      });
+    } else {
+      nArr.push(item);
+    }
+  }; // 检测到三级结构
+
+
+  filterValues.forEach(function (item) {
+    if (item.length === 1) {
+      var findItem = originArr === null || originArr === void 0 ? void 0 : originArr.find(function (v) {
+        return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[item.length - 1];
+      });
+      getChildren(findItem);
+    }
+
+    if (item.length === 2) {
+      var _originArr$find;
+
+      var findArr1 = originArr === null || originArr === void 0 ? void 0 : (_originArr$find = originArr.find(function (v) {
+        return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[0];
+      })) === null || _originArr$find === void 0 ? void 0 : _originArr$find[fieldNames.children];
+
+      var _findItem = findArr1 === null || findArr1 === void 0 ? void 0 : findArr1.find(function (v) {
+        return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[item.length - 1];
+      });
+
+      getChildren(_findItem);
+    }
+
+    if (item.length === 3) {
+      var _originArr$find2, _findArr$find;
+
+      var _findArr = originArr === null || originArr === void 0 ? void 0 : (_originArr$find2 = originArr.find(function (v) {
+        return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[0];
+      })) === null || _originArr$find2 === void 0 ? void 0 : _originArr$find2[fieldNames.children];
+
+      var findArr2 = _findArr === null || _findArr === void 0 ? void 0 : (_findArr$find = _findArr.find(function (v) {
+        return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[1];
+      })) === null || _findArr$find === void 0 ? void 0 : _findArr$find[fieldNames.children];
+
+      var _findItem2 = findArr2 === null || findArr2 === void 0 ? void 0 : findArr2.find(function (v) {
+        return (v === null || v === void 0 ? void 0 : v[fieldNames.value]) === item[item.length - 1];
+      });
+
+      nArr.push(_findItem2);
+    }
+  });
+  return nArr;
+} // 返回过滤掉隐藏字段后的查询结构 () => {...}
+
+
+function getFilterShow(basicFilter, dataSource) {
+  return Object.keys(basicFilter).reduce(function (pre, cur) {
+    var value = basicFilter[cur];
+
+    if (dataSource.some(function (v) {
+      return v.field === cur && (v.show || typeof v.show !== 'boolean');
+    })) {
+      // eslint-disable-next-line no-param-reassign
+      pre[cur] = value;
+    }
+
+    return pre;
+  }, {});
+} // 返回过滤掉隐藏字段后的查询结构 () => [...]
+
+
+function getFilterShowQuery(basicQuery, dataSource) {
+  return Object.keys(basicQuery).reduce(function (pre, cur) {
+    var value = basicQuery[cur];
+
+    if (dataSource.some(function (v) {
+      return v.field === cur && v.show || typeof v.show !== 'boolean';
+    })) {
+      return [].concat((0, _toConsumableArray2.default)(pre), [value]);
+    }
+
+    return pre;
+  }, []);
+}

package/lib/LmFilter/wrapper/Filter.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _baseFilter = _interopRequireDefault(require("../baseFilter"));
+
+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;
+  var enableBaisc = instance.enableBaisc,
+      enableComplex = instance.enableComplex,
+      enableCustom = instance.enableCustom,
+      enableClear = instance.enableClear;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter"
+  }, /*#__PURE__*/_react.default.createElement(_customFilter.default, {
+    instance: instance
+  }), enableBaisc && /*#__PURE__*/_react.default.createElement(_baseFilter.default, {
+    instance: instance
+  }), enableComplex && /*#__PURE__*/_react.default.createElement(_complexFilter.default, {
+    instance: instance
+  }), enableClear && /*#__PURE__*/_react.default.createElement(_clearFilter.default, {
+    instance: instance
+  }));
+});
+
+var _default = LmFilter;
+exports.default = _default;

package/lib/LmFilter/wrapper/FilterContainer.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Filter = _interopRequireDefault(require("./Filter"));
+
+// 过滤组件主体区域
+var LmFilterContainer = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_container"
+  }, /*#__PURE__*/_react.default.createElement(_Filter.default, {
+    instance: instance
+  }));
+});
+
+var _default = LmFilterContainer;
+exports.default = _default;

package/lib/LmFilter/wrapper/FilterRoot.js

@@ -0,0 +1,208 @@
+"use strict";
+
+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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _FilterWrapper = _interopRequireDefault(require("./FilterWrapper"));
+
+var _filterFns = _interopRequireWildcard(require("../filterFns"));
+
+// 根文件 => 参数聚合
+var reducer = function reducer(state, action) {
+  var searchFilter = action.searchFilter,
+      searchQuery = action.searchQuery,
+      basicFilter = action.basicFilter,
+      basicQuery = action.basicQuery,
+      customFilter = action.customFilter,
+      customQuery = action.customQuery,
+      resize = action.resize,
+      rows = action.rows,
+      complexDrawer = action.complexDrawer,
+      valueDrawer = action.valueDrawer,
+      complexFilter = action.complexFilter,
+      customDrawer = action.customDrawer,
+      saveModal = action.saveModal;
+
+  switch (action.type) {
+    case 'changeSearchFilter':
+      // 模糊查询
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        searchFilter: searchFilter
+      });
+
+    case 'changeSearchQuery':
+      // 模糊查询
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        searchQuery: searchQuery
+      });
+
+    case 'changeBasicFilter':
+      // 基础筛选数据改变
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        basicFilter: basicFilter
+      });
+
+    case 'changeBasicQuery':
+      // 基础筛选数据改变
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        basicQuery: basicQuery
+      });
+
+    case 'changeCustomFilter':
+      // 自定义筛选数据改变
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        customFilter: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.customFilter), customFilter)
+      });
+
+    case 'changeCustomQuery':
+      // 自定义筛选数据改变
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        customQuery: customQuery
+      });
+
+    case 'changeRows':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        rows: rows
+      });
+
+    case 'windowResize':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        resize: resize
+      });
+    // 高级筛选
+
+    case 'changeComplexFilter':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        complexFilter: complexFilter
+      });
+
+    case 'changeComplexDrawer':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        complexDrawer: complexDrawer
+      });
+
+    case 'changeValueDrawer':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        valueDrawer: valueDrawer
+      });
+    // 自定义筛选
+
+    case 'changeCustomDrawer':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        customDrawer: customDrawer
+      });
+
+    case 'changeSaveModal':
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        saveModal: saveModal
+      });
+
+    case 'reset':
+      // 一键清空
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        searchFilter: {},
+        searchQuery: {},
+        basicFilter: {},
+        basicQuery: {},
+        complexFilter: {}
+      });
+
+    default:
+      throw new Error();
+  }
+}; // 仅在初始化时触发一次
+
+
+var getInitialState = function getInitialState(props) {
+  var _initLocalization = (0, _filterFns.initLocalization)(props),
+      searchFilter = _initLocalization.searchFilter,
+      searchQuery = _initLocalization.searchQuery,
+      basicFilter = _initLocalization.basicFilter,
+      basicQuery = _initLocalization.basicQuery,
+      customQuery = _initLocalization.customQuery,
+      customFilter = _initLocalization.customFilter; // 字段对应关系 basicQuery => filterQuery; customQuery => globalQuery; searchQuery => fuzzyQuery 
+
+
+  return {
+    searchFilter: searchFilter,
+    searchQuery: searchQuery,
+    // 模糊查询
+    basicFilter: basicFilter,
+    basicQuery: basicQuery,
+    customFilter: (0, _objectSpread2.default)({
+      value: '',
+      label: '不限',
+      data: {}
+    }, customFilter),
+    // 选中的自定义筛选项
+    customQuery: customQuery,
+    complexFilter: {},
+    complexDrawer: {
+      visible: false,
+      data: {}
+    },
+    valueDrawer: {
+      visible: false,
+      type: 'complex',
+      data: {}
+    },
+    customDrawer: {
+      visible: false,
+      type: 'edit',
+      data: {}
+    },
+    saveModal: {
+      visible: false,
+      data: {}
+    }
+  };
+};
+
+var LmFilterRoot = function LmFilterRoot(props, ref) {
+  var initialState = (0, _react.useMemo)(function () {
+    return getInitialState(props);
+  }, []);
+
+  var _useReducer = (0, _react.useReducer)(reducer, initialState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1]; // 获取核心Methods
+
+
+  var _useCoreOptions = (0, _filterFns.default)({
+    state: state,
+    dispatch: dispatch,
+    props: props
+  }),
+      CoreMethods = _useCoreOptions.CoreMethods,
+      RefMethods = _useCoreOptions.RefMethods; // 组件实例
+
+
+  var instance = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), CoreMethods), RefMethods), {}, {
+    state: state,
+    dispatch: dispatch
+  }); // 向外暴露出的方法
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return (0, _objectSpread2.default)({}, RefMethods);
+  });
+  return /*#__PURE__*/_react.default.createElement(_FilterWrapper.default, {
+    instance: instance
+  });
+};
+
+var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilterRoot);
+
+exports.default = _default;

package/lib/LmFilter/wrapper/FilterWrapper.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _FilterContainer = _interopRequireDefault(require("./FilterContainer"));
+
+// 包裹过滤组件区域: 拓展其他结构
+var LmFilterWrapper = /*#__PURE__*/_react.default.memo(function (_ref) {
+  var instance = _ref.instance;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_wrapper"
+  }, /*#__PURE__*/_react.default.createElement(_FilterContainer.default, {
+    instance: instance
+  }));
+});
+
+var _default = LmFilterWrapper;
+exports.default = _default;

package/lib/LmSelect/useCheckboxOptions.d.ts

@@ -1,4 +1,4 @@
-export declare const useCheckboxOptions: (options: any, { value, onChange: onCheckChange }: {
+export declare const useCheckboxOptions: (options: any, { value, onChange }: {
     value?: any[];
     onChange: any;
 }, filter?: string) => JSX.Element;