linkmore-design 1.0.89 → 1.0.91

package/lib/LmFilter/baseFilter/index.js

@@ -1,33 +0,0 @@
-"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 _fuzzySearch = _interopRequireDefault(require("./fuzzySearch"));
-
-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(_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';
-    return isHidden ? null : /*#__PURE__*/_react.default.createElement(_components.default, {
-      key: (v === null || v === void 0 ? void 0 : v.field) || index,
-      instance: instance,
-      item: v
-    });
-  }));
-});
-
-var _default = LmFilterBase;
-exports.default = _default;

package/lib/LmFilter/clearFilter/index.js

@@ -1,31 +0,0 @@
-"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 _linkmoreDesign = require("linkmore-design");
-
-var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
-  var instance = _ref.instance;
-  var onClearChange = instance.onClearChange;
-
-  var handleClear = function handleClear() {
-    onClearChange();
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_filter_clear"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-    type: "link",
-    onClick: handleClear
-  }, "\u4E00\u952E\u6E05\u7A7A"));
-});
-
-var _default = LmFilterClear;
-exports.default = _default;

package/lib/LmFilter/complexFilter/drawer.js

@@ -1,381 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var _utils = require("../utils");
-
-var _valueDrawer = _interopRequireDefault(require("./valueDrawer"));
-
-var _excluded = ["item"],
-    _excluded2 = ["item"];
-
-// 选中的筛选项
-var ListItemChecked = function ListItemChecked(_ref) {
-  var instance = _ref.instance,
-      itemProps = _ref.item;
-  var state = instance.state,
-      dispatch = instance.dispatch,
-      dataSource = instance.dataSource;
-  var complexDrawer = state.complexDrawer;
-  var field = itemProps.field,
-      _itemProps$value = itemProps.value,
-      valueObj = _itemProps$value === void 0 ? {} : _itemProps$value; // 单项匹配数据, 根据字段名查找, 嵌套筛选时查询父级
-
-  var getItem = (0, _react.useMemo)(function () {
-    return dataSource.find(function (v) {
-      return [field, valueObj.originField].includes(v.field);
-    });
-  }, [field, valueObj.originField, dataSource]); // 选中值的处理
-
-  var resetValue = (0, _react.useMemo)(function () {
-    return valueObj.value;
-  }, [valueObj.value]); // 选中的数据
-
-  var checkedValues = (0, _react.useMemo)(function () {
-    var checkedValue = valueObj.value;
-
-    if (Array.isArray(checkedValue)) {
-      var _getItem$data;
-
-      if (['date'].includes(getItem.type)) {
-        return [{
-          value: resetValue,
-          label: "".concat(resetValue[0], " ~ ").concat(resetValue[1])
-        }];
-      }
-
-      if (getItem.type === 'nested') {
-        return checkedValue;
-      }
-
-      if (getItem.type === 'cascader') {
-        return (0, _utils.getFlatItem)(getItem, checkedValue, 'parent');
-      }
-
-      return (_getItem$data = getItem.data) === null || _getItem$data === void 0 ? void 0 : _getItem$data.filter(function (v) {
-        return checkedValue.includes(v.value);
-      });
-    }
-
-    if (['input', 'date'].includes(getItem.type)) {
-      return resetValue ? [{
-        value: resetValue,
-        label: resetValue
-      }] : [];
-    }
-
-    var filterValue = getItem.data.find(function (v) {
-      return v.value === checkedValue;
-    });
-    return filterValue ? [filterValue] : [];
-  }, [getItem, valueObj.value]); // 编辑
-
-  var handleEdit = function handleEdit() {
-    dispatch({
-      type: 'changeValueDrawer',
-      valueDrawer: {
-        visible: true,
-        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getItem), valueObj)
-      }
-    });
-  }; // 删除
-
-
-  var handleDelete = function handleDelete(e) {
-    e.stopPropagation();
-    var filterValues = (0, _objectSpread3.default)({}, complexDrawer.data);
-    delete filterValues[field];
-    dispatch({
-      type: 'changeComplexDrawer',
-      complexDrawer: {
-        visible: true,
-        data: filterValues
-      }
-    });
-  }; // 删除Tag
-
-
-  var onTagClose = function onTagClose(val) {
-    var originData = (0, _objectSpread3.default)({}, complexDrawer.data);
-    var nValue = '';
-
-    if (['select', 'checkbox'].includes(getItem.type)) {
-      nValue = originData[field].value.filter(function (v) {
-        return !v.includes(val);
-      });
-    }
-
-    if (['input'].includes(getItem.type)) {
-      nValue = '';
-    }
-
-    if (['cascader'].includes(getItem.type)) {
-      nValue = [];
-    }
-
-    var filterValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData), {}, (0, _defineProperty2.default)({}, field, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, originData[field]), {}, {
-      value: nValue
-    })));
-    dispatch({
-      type: 'changeComplexDrawer',
-      complexDrawer: {
-        visible: true,
-        data: filterValues
-      }
-    });
-  }; // Tags显示
-
-
-  var tagElem = function tagElem() {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Tag, {
-      className: "add_tags"
-    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-      type: "lmweb-plus"
-    }), " \u65B0\u589E"), checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
-      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Tag, {
-        key: v.value,
-        closable: true,
-        onClose: function onClose() {
-          return onTagClose(v.value);
-        }
-      }, v.label);
-    }));
-  }; // 模式
-
-
-  var modeLabel = (0, _react.useMemo)(function () {
-    return valueObj.mode === 'and' ? '且' : '或';
-  }, [valueObj.mode]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "item_box",
-    onClick: handleEdit
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "item_header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "item_header_title"
-  }, "".concat(getItem.title, "\uFF08").concat(modeLabel, "\uFF09")), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: "lmweb-close1",
-    onClick: handleDelete,
-    className: "item_header_icon"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "item_tags"
-  }, tagElem())));
-}; // 全部筛选项
-
-
-var ListGroup = function ListGroup(_ref2) {
-  var instance = _ref2.instance,
-      filterItemData = _ref2.filterItemData;
-  var state = instance.state,
-      dispatch = instance.dispatch,
-      dataSource = instance.dataSource;
-  var inputRef = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(function () {
-    return dataSource;
-  }),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      options = _useState2[0],
-      setOptions = _useState2[1]; // 未过滤的筛选项
-
-
-  var getNotFilters = (0, _react.useCallback)(function () {
-    return dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (v) {
-      return !(filterItemData === null || filterItemData === void 0 ? void 0 : filterItemData.some(function (s) {
-        return s.field === v.field;
-      }));
-    });
-  }, [dataSource, filterItemData]);
-
-  var handleSearch = function handleSearch(val) {
-    var arr = getNotFilters();
-    setOptions(arr.filter(function (v) {
-      var _v$title;
-
-      return ((_v$title = v.title) === null || _v$title === void 0 ? void 0 : _v$title.indexOf(val)) > -1;
-    }));
-  }; // 编辑
-
-
-  var handleEdit = function handleEdit(_ref3) {
-    var field = _ref3.field;
-    // 单项匹配数据, 根据字段名查找
-    var getItem = dataSource.find(function (v) {
-      return v.field === field;
-    }); // 编辑
-
-    dispatch({
-      type: 'changeValueDrawer',
-      valueDrawer: {
-        visible: true,
-        type: 'complex',
-        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getItem), {}, {
-          value: []
-        })
-      }
-    });
-  };
-
-  (0, _react.useEffect)(function () {
-    var _inputRef$current, _inputRef$current$inp;
-
-    var val = ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$inp = _inputRef$current.input) === null || _inputRef$current$inp === void 0 ? void 0 : _inputRef$current$inp.value) || '';
-    handleSearch(val);
-  }, [filterItemData]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "list_group"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "list_group_title"
-  }, "\u9009\u62E9\u67E5\u8BE2\u9879"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "list_group_search"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
-    ref: inputRef,
-    allowClear: true,
-    size: "default",
-    placeholder: "\u8BF7\u8F93\u5165",
-    onSearch: handleSearch
-  })), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
-    options: options,
-    className: "filter_drawer_group_list"
-  }, function (_ref4) {
-    var item = _ref4.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref4, _excluded);
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
-      className: "filter_drawer_group_item"
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "item_box",
-      onClick: function onClick() {
-        return handleEdit(item);
-      }
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "item_header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "item_header_title"
-    }, item.title), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-      type: "lmweb-plus",
-      className: "item_header_icon icon_plus"
-    }))));
-  })));
-};
-
-var ComplexDrawer = function ComplexDrawer(_ref5) {
-  var instance = _ref5.instance;
-  var state = instance.state,
-      dispatch = instance.dispatch,
-      onQuery = instance.onQuery,
-      dataSource = instance.dataSource;
-  var complexDrawer = state.complexDrawer;
-  var isHas = (0, _react.useMemo)(function () {
-    return (0, _utils.getIsHas)(complexDrawer.data);
-  }, [complexDrawer.data]); // 过滤的内容转数组
-
-  var filterItemData = (0, _react.useMemo)(function () {
-    return isHas ? Object.entries(complexDrawer.data).map(function (v) {
-      return {
-        field: v[0],
-        value: v[1]
-      };
-    }) : [];
-  }, [complexDrawer.data, isHas]);
-
-  var onClose = function onClose() {
-    dispatch({
-      type: 'changeComplexDrawer',
-      complexDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, complexDrawer), {}, {
-        visible: false
-      })
-    });
-  };
-
-  var onSearch = function onSearch() {
-    var complexFilter = complexDrawer.data;
-    onQuery === null || onQuery === void 0 ? void 0 : onQuery({
-      complexFilter: complexFilter,
-      type: 'complex'
-    });
-  }; // 初始化筛选
-
-
-  (0, _react.useEffect)(function () {
-    if (complexDrawer.visible) {
-      dispatch({
-        type: 'changeComplexDrawer',
-        complexDrawer: {
-          data: state.complexFilter,
-          visible: complexDrawer.visible
-        }
-      });
-    }
-  }, [dispatch, complexDrawer.visible]);
-
-  var Tit = function Tit() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      onClick: function onClick() {}
-    }, "\u9AD8\u7EA7\u67E5\u8BE2");
-  }; // 弹窗配置项
-
-
-  var config = {
-    title: /*#__PURE__*/_react.default.createElement(Tit, null),
-    visible: complexDrawer.visible,
-    onClose: onClose,
-    width: 440,
-    placement: 'right',
-    destroyOnClose: true,
-    className: 'lm_filter_drawer',
-    extra: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-      onClick: onClose,
-      size: "small"
-    }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-      type: "primary",
-      onClick: onSearch,
-      size: "small"
-    }, "\u67E5\u8BE2"))
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Drawer, config, /*#__PURE__*/_react.default.createElement("div", {
-    className: "complex_filter_body"
-  }, isHas && /*#__PURE__*/_react.default.createElement("div", {
-    className: "checked_group"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
-    options: filterItemData,
-    className: "filter_drawer_group_list"
-  }, function (_ref6) {
-    var item = _ref6.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref6, _excluded2);
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
-      className: "filter_drawer_group_item"
-    }), /*#__PURE__*/_react.default.createElement(ListItemChecked, {
-      instance: instance,
-      item: item
-    }));
-  })), /*#__PURE__*/_react.default.createElement(ListGroup, {
-    instance: instance,
-    filterItemData: filterItemData
-  })), /*#__PURE__*/_react.default.createElement(_valueDrawer.default, {
-    instance: instance
-  })));
-};
-
-var _default = ComplexDrawer;
-exports.default = _default;

package/lib/LmFilter/complexFilter/index.js

@@ -1,64 +0,0 @@
-"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var _drawer = _interopRequireDefault(require("./drawer"));
-
-var _utils = require("../utils");
-
-var LmFilterComplex = function LmFilterComplex(_ref) {
-  var instance = _ref.instance;
-  var state = instance.state,
-      dispatch = instance.dispatch;
-  var expand = (0, _react.useMemo)(function () {
-    return state.complexDrawer.visible;
-  }, [state.complexDrawer.visible]);
-  var active = (0, _react.useMemo)(function () {
-    return (0, _utils.getIsHas)(state.complexFilter);
-  }, [state.complexFilter]);
-
-  var handleClick = function handleClick() {
-    dispatch({
-      type: 'changeComplexDrawer',
-      complexDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.complexDrawer), {}, {
-        visible: true
-      })
-    });
-  };
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_filter_complex"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', {
-      expand: expand,
-      active: active
-    }),
-    onClick: handleClick
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_item_icon addon_before"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: "lmweb-filter"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_item_label"
-  }, "\u9AD8\u7EA7\u7B5B\u9009")), /*#__PURE__*/_react.default.createElement(_drawer.default, {
-    instance: instance
-  }));
-};
-
-var _default = LmFilterComplex;
-exports.default = _default;