linkmore-design 1.0.27 → 1.0.30

package/lib/Filter/baseFilter/Popover.js

@@ -1,214 +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;
-
-require("antd/es/popover/style");
-
-var _popover = _interopRequireDefault(require("antd/es/popover"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _IconFont = _interopRequireDefault(require("../../IconFont"));
-
-var _icons = require("@ant-design/icons");
-
-var _components = require("../components");
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _popContext = _interopRequireDefault(require("../popContext"));
-
-// 单个组件的下拉框
-var Index = function Index(props) {
-  var item = props.item,
-      content = props.content,
-      children = props.children,
-      config = props.config,
-      getChange = props.getChange;
-  var toggle = item.toggle,
-      title = item.title,
-      type = item.type,
-      field = item.field,
-      data = item.data;
-
-  var _useContext = (0, _react.useContext)(_context.default),
-      state = _useContext.state;
-
-  var checkValue = state.checkValue; // 清除筛选多选状态： 暂时的解决方案，后续要更改
-
-  var _useState = (0, _react.useState)(field),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      useKey = _useState2[0],
-      setKey = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      useVisible = _useState4[0],
-      setVisible = _useState4[1]; // 控制弹出层显隐
-  // 选中的值
-
-
-  var useValue = (0, _react.useMemo)(function () {
-    return checkValue[field];
-  }, [checkValue]);
-
-  var handleClick = function handleClick(visible) {
-    setVisible(visible);
-  }; // 数字
-
-
-  var showTitle = function showTitle() {
-    if (toggle) return null;
-    if (!useValue && typeof useValue !== 'number') return null;
-
-    if (Array.isArray(useValue)) {
-      if (type === 'date') return true;
-      return useValue.length > 0 ? "(".concat(useValue === null || useValue === void 0 ? void 0 : useValue.length, ")") : null;
-    }
-
-    return true;
-  }; // 显示值
-
-
-  var showValue = function showValue() {
-    var _data$find, _data$find2;
-
-    var result = showTitle();
-    console.log(useValue, 'useValue');
-
-    if (result) {
-      if (useValue || typeof useValue === 'number') {
-        switch (type) {
-          case 'select':
-            return ((_data$find = data.find(function (v) {
-              return v.value === useValue;
-            })) === null || _data$find === void 0 ? void 0 : _data$find.label) || '';
-
-          case 'checkbox':
-            return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_data$find2 = data.find(function (v) {
-              return v.value === useValue[0];
-            })) === null || _data$find2 === void 0 ? void 0 : _data$find2.label) || '', (useValue === null || useValue === void 0 ? void 0 : useValue.length) > 1 ? "\u3001+".concat((useValue === null || useValue === void 0 ? void 0 : useValue.length) - 1, "...") : null);
-
-          case 'tree':
-            return useValue.title;
-
-          case 'date':
-            return Array.isArray(useValue) ? "".concat(useValue[0], " \u81F3 ").concat(useValue[1]) : useValue;
-
-          case 'input':
-            return useValue;
-
-          default:
-            break;
-        }
-      }
-    }
-
-    return null;
-  }; // 文字
-
-
-  var showLabel = function showLabel() {
-    return "".concat(title, "\uFF1A");
-  }; // 选中时触发
-
-
-  var onChange = function onChange(v, obj, mode) {
-    type !== 'checkbox' ? setVisible(false) : '';
-
-    if (toggle) {
-      getChange === null || getChange === void 0 ? void 0 : getChange(v);
-      return;
-    }
-
-    var params = {
-      field: field,
-      value: v,
-      mapItem: obj
-    };
-    getChange === null || getChange === void 0 ? void 0 : getChange(params, mode);
-  };
-
-  var contentDom = function contentDom() {
-    switch (type) {
-      case 'input':
-        return /*#__PURE__*/_react.default.createElement(_components.Input, null);
-
-      case 'select':
-        return /*#__PURE__*/_react.default.createElement(_components.Select, null);
-
-      case 'checkbox':
-        return /*#__PURE__*/_react.default.createElement(_components.Checkbox, {
-          key: useKey
-        });
-
-      case 'tree':
-        return /*#__PURE__*/_react.default.createElement(_components.Tree, null);
-
-      case 'date':
-        return /*#__PURE__*/_react.default.createElement(_components.DatePicker, null);
-
-      default:
-        return /*#__PURE__*/_react.default.createElement(_components.Select, null);
-    }
-  }; // 清空筛选项
-
-
-  var handleClear = function handleClear(e) {
-    e === null || e === void 0 ? void 0 : e.stopPropagation();
-
-    if (type === 'checkbox') {
-      var nKey = field + Date.now();
-      setKey(nKey); // 重新渲染
-    }
-
-    var v = type === 'checkbox' ? [] : '';
-    onChange(v, (0, _objectSpread2.default)({}, item), 'and');
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_popContext.default.Provider, {
-    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-      onChange: onChange
-    })
-  }, /*#__PURE__*/_react.default.createElement(_popover.default, (0, _extends2.default)({
-    placement: "bottomLeft",
-    overlayClassName: "list-popover",
-    trigger: "click",
-    visible: useVisible,
-    onVisibleChange: handleClick,
-    content: content ? content(onChange) : contentDom
-  }, config), children || /*#__PURE__*/_react.default.createElement(_button.default, {
-    type: "link",
-    className: !!showTitle() || useVisible ? 'btn btn_active' : 'btn btn_not_active'
-  }, showLabel(), /*#__PURE__*/_react.default.createElement("span", {
-    className: "btn_value"
-  }, showValue()), showTitle() !== null ? /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    className: "btn_icon_close",
-    type: "lmweb-close-circle-fill",
-    onClick: handleClear
-  }) : useVisible ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "label_text"
-  }, /*#__PURE__*/_react.default.createElement("span", null, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, null)) : /*#__PURE__*/_react.default.createElement("span", {
-    className: "label_text"
-  }, /*#__PURE__*/_react.default.createElement("span", null, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null)))));
-};
-
-var _default = Index;
-exports.default = _default;

package/lib/Filter/baseFilter/ToggleFilter.js

@@ -1,112 +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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _icons = require("@ant-design/icons");
-
-var _Popover = _interopRequireDefault(require("../Popover"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var ToggleFilter = function ToggleFilter(_ref) {
-  var useList = _ref.useList,
-      setList = _ref.setList;
-
-  var _useContext = (0, _react.useContext)(_context.default),
-      state = _useContext.state,
-      dispatch = _useContext.dispatch,
-      getChange = _useContext.getChange; // 触发筛选
-
-
-  var searchEvent = function searchEvent(value, field) {
-    var checkValue = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.checkValue), {}, (0, _defineProperty2.default)({}, field, value));
-    dispatch({
-      type: 'changeCheckValue',
-      checkValue: checkValue
-    });
-    getChange === null || getChange === void 0 ? void 0 : getChange(checkValue);
-  }; // 搜索条件展示
-
-
-  var resetList = function resetList(value) {
-    console.log('value', value);
-    var fixed = !value.fixed;
-    var nValue = useList.map(function (v) {
-      var obj = fixed ? useList.find(function (o) {
-        return o.field === v.field;
-      }) : v;
-
-      if (v.field === value.field) {
-        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, obj), {}, {
-          fixed: fixed
-        });
-      }
-
-      return v;
-    });
-    searchEvent(value.type === 'checkbox' ? [] : '', value.field);
-    setList(nValue);
-  }; // 置顶
-
-
-  var handleTop = function handleTop(e, item) {
-    e.stopPropagation();
-
-    if (!item.fixed) {
-      resetList(item);
-    } else {
-      var nValue = useList.filter(function (v) {
-        return v.field !== item.field;
-      });
-      setList([item].concat((0, _toConsumableArray2.default)(nValue)));
-    }
-  };
-
-  var more = (0, _react.useMemo)(function () {
-    return {
-      toggle: true,
-      // 是否更多筛选
-      type: 'select',
-      params: {},
-      title: '更多筛选',
-      field: '',
-      data: useList.sort(function (a, b) {
-        return !!b.fixed - !!a.fixed;
-      }),
-      renderItem: function renderItem(item, i) {
-        return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", null, item.title), /*#__PURE__*/_react.default.createElement("div", {
-          className: "item_other"
-        }, !!i && /*#__PURE__*/_react.default.createElement("span", {
-          className: "item_top item_icon",
-          onClick: function onClick(e) {
-            return handleTop(e, item);
-          }
-        }, item.fixed ? /*#__PURE__*/_react.default.createElement(_icons.VerticalAlignTopOutlined, null) : /*#__PURE__*/_react.default.createElement(_icons.PushpinOutlined, null)), item.fixed ? /*#__PURE__*/_react.default.createElement("span", {
-          className: "item_fixed item_icon"
-        }, /*#__PURE__*/_react.default.createElement(_icons.PushpinOutlined, null)) : null));
-      }
-    };
-  }, [useList]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Popover.default, {
-    item: more,
-    getChange: resetList
-  }));
-};
-
-var _default = ToggleFilter;
-exports.default = _default;

package/lib/Filter/baseFilter/index.js

@@ -1,100 +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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _context2 = _interopRequireDefault(require("../context"));
-
-var _Popover = _interopRequireDefault(require("./Popover"));
-
-var _ToggleFilter = _interopRequireDefault(require("./ToggleFilter"));
-
-var BaseFilter = function BaseFilter() {
-  var _useContext = (0, _react.useContext)(_context2.default),
-      state = _useContext.state,
-      dispatch = _useContext.dispatch,
-      data = _useContext.data,
-      getChange = _useContext.getChange;
-
-  var _useState = (0, _react.useState)(data),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      useList = _useState2[0],
-      setList = _useState2[1]; // 页面展示的搜索项
-  // 下拉框改变事件
-
-
-  var onChange = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
-      var field, value, mapItem, checkValue, checked;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              field = _ref.field, value = _ref.value, mapItem = _ref.mapItem;
-              checkValue = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.checkValue), {}, (0, _defineProperty2.default)({}, field, value)); // 关联筛选
-
-              if (mapItem.relation) {
-                delete checkValue[mapItem.relation];
-              }
-
-              checked = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.checked), {}, (0, _defineProperty2.default)({}, field, mapItem));
-              dispatch({
-                type: 'changeCheckValue',
-                checkValue: checkValue
-              });
-              dispatch({
-                type: 'changeChecked',
-                checked: checked
-              });
-              getChange === null || getChange === void 0 ? void 0 : getChange(checkValue);
-
-            case 7:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function onChange(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, useList === null || useList === void 0 ? void 0 : useList.filter(function (v) {
-    return !!v.fixed;
-  }).map(function (item) {
-    var obj = data.find(function (o) {
-      return o.field === item.field;
-    });
-    return /*#__PURE__*/_react.default.createElement(_Popover.default, {
-      key: item.field,
-      item: obj,
-      getChange: onChange
-    });
-  }), /*#__PURE__*/_react.default.createElement(_ToggleFilter.default, {
-    useList: useList,
-    setList: setList
-  }));
-};
-
-var _default = BaseFilter;
-exports.default = _default;

package/lib/Filter/complex/ComplexFilter.js

@@ -1,149 +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;
-
-require("antd/es/drawer/style");
-
-var _drawer = _interopRequireDefault(require("antd/es/drawer"));
-
-require("antd/es/list/style");
-
-var _list = _interopRequireDefault(require("antd/es/list"));
-
-require("antd/es/input/style");
-
-var _input = _interopRequireDefault(require("antd/es/input"));
-
-require("antd/es/space/style");
-
-var _space = _interopRequireDefault(require("antd/es/space"));
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _icons = require("@ant-design/icons");
-
-var _ComplexItem = _interopRequireDefault(require("./ComplexItem"));
-
-var Index = function Index(props) {
-  var inputRef = _react.default.useRef();
-
-  var data = props.data,
-      onSearch = props.onSearch;
-
-  var _useState = (0, _react.useState)('complex'),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      useKey = _useState2[0],
-      setKey = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      useVisible = _useState4[0],
-      setVisible = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(data),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      useData = _useState6[0],
-      setData = _useState6[1];
-
-  var _useState7 = (0, _react.useState)({}),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      useCheckValue = _useState8[0],
-      setCheckValue = _useState8[1]; // 选中的数据
-
-
-  var onPressEnter = function onPressEnter(e) {
-    var value = e.target.value;
-
-    if (value.trim()) {
-      var nValue = data.map(function (v) {
-        var hidden = v.title.indexOf(value) < 0;
-        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, v), {}, {
-          hidden: hidden
-        });
-      });
-      setData(nValue);
-    } else {
-      setData(data);
-    }
-  };
-
-  var getChange = function getChange(_ref) {
-    var field = _ref.field,
-        value = _ref.value;
-    var nValue = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, useCheckValue), {}, (0, _defineProperty2.default)({}, field, value));
-    setCheckValue(nValue);
-  };
-
-  var onSearchEvent = function onSearchEvent() {
-    onSearch(useCheckValue);
-    setVisible(false);
-  };
-
-  var resetEvent = function resetEvent() {
-    setKey(Date.now());
-    setCheckValue({});
-    setData(data);
-    onSearch('');
-    inputRef.current.state.value = '';
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, {
-    type: "link",
-    onClick: function onClick() {
-      return setVisible(true);
-    }
-  }, "\u9AD8\u7EA7\u7B5B\u9009", /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null)), /*#__PURE__*/_react.default.createElement(_drawer.default, {
-    title: "\u9AD8\u7EA7\u7B5B\u9009",
-    width: 440,
-    placement: "right",
-    onClose: function onClose() {
-      return setVisible(false);
-    },
-    visible: useVisible,
-    extra: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_space.default, null, /*#__PURE__*/_react.default.createElement(_button.default, {
-      onClick: resetEvent
-    }, "\u91CD\u7F6E"), /*#__PURE__*/_react.default.createElement(_button.default, {
-      type: "primary",
-      onClick: onSearchEvent
-    }, "\u67E5\u8BE2"))),
-    className: "complex_filter"
-  }, /*#__PURE__*/_react.default.createElement(_input.default, {
-    ref: inputRef,
-    prefix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null),
-    placeholder: "\u8BF7\u8F93\u5165",
-    size: "middle",
-    onPressEnter: onPressEnter
-  }), /*#__PURE__*/_react.default.createElement(_list.default, {
-    key: useKey,
-    itemLayout: "horizontal",
-    dataSource: useData,
-    renderItem: function renderItem(item) {
-      return /*#__PURE__*/_react.default.createElement(_ComplexItem.default, {
-        key: item.field,
-        data: item,
-        onChange: getChange // style={{ display: item.show ? 'block' : 'none' }}
-
-      });
-    }
-  })));
-};
-
-var _default = Index;
-exports.default = _default;