linkmore-design 1.0.90 → 1.0.91

package/lib/LmFilter/customFilter/drawer.js

@@ -1,409 +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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-require("antd/es/form/style");
-
-var _form = _interopRequireDefault(require("antd/es/form"));
-
-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 _SelectFilter = _interopRequireDefault(require("../components/SelectFilter"));
-
-var _valueDrawer = _interopRequireDefault(require("./valueDrawer"));
-
-var _excluded = ["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 DropdownBtn = function DropdownBtn(_ref2) {
-  var instance = _ref2.instance;
-  var dispatch = instance.dispatch,
-      dataSource = instance.dataSource;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var selectInstance = {
-    filterValue: '',
-    setFilterValue: function setFilterValue(_, valObj) {
-      setVisible(false);
-      dispatch({
-        type: 'changeValueDrawer',
-        valueDrawer: {
-          visible: true,
-          type: 'custom',
-          data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, valObj), {}, {
-            value: []
-          })
-        }
-      });
-    }
-  };
-  var itemProps = {
-    data: dataSource,
-    fieldNames: {
-      label: 'title',
-      value: 'field'
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
-    trigger: ['click'],
-    placement: "bottomLeft",
-    visible: visible,
-    onVisibleChange: function onVisibleChange(v) {
-      return setVisible(v);
-    },
-    overlay: /*#__PURE__*/_react.default.createElement(_SelectFilter.default, {
-      instance: selectInstance,
-      item: itemProps
-    }),
-    overlayClassName: "filter_dropdown_container_btn"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-    block: true,
-    type: "dashed",
-    icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-      type: "lmweb-plus"
-    }),
-    size: "middle"
-  }, "\u65B0\u589E\u7B5B\u9009\u9879"));
-};
-
-var Index = function Index(_ref3) {
-  var instance = _ref3.instance;
-  var state = instance.state,
-      dispatch = instance.dispatch;
-  var customDrawer = state.customDrawer;
-
-  var _Form$useForm = _form.default.useForm(),
-      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-      form = _Form$useForm2[0]; // 过滤的内容转数组
-
-
-  var filterItemData = (0, _react.useMemo)(function () {
-    return (0, _utils.getIsHas)(customDrawer.data) ? Object.entries(customDrawer.data).map(function (v) {
-      return {
-        field: v[0],
-        value: v[1]
-      };
-    }) : [];
-  }, [customDrawer.data]); // 关闭抽屉
-
-  var onClose = function onClose() {
-    dispatch({
-      type: 'changeCustomDrawer',
-      customDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer), {}, {
-        visible: false
-      })
-    });
-  }; // 保存数据
-
-
-  var onSave = /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-      var val, nValue;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return form.validateFields();
-
-            case 3:
-              val = _context.sent;
-              nValue = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer), val);
-
-              if (!nValue.value) {
-                Object.assign(nValue, {
-                  value: "diy".concat(Date.now())
-                });
-              }
-
-              dispatch({
-                type: 'changeSaveModal',
-                saveModal: {
-                  visible: true,
-                  data: nValue
-                }
-              });
-              _context.next = 11;
-              break;
-
-            case 9:
-              _context.prev = 9;
-              _context.t0 = _context["catch"](0);
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 9]]);
-    }));
-
-    return function onSave() {
-      return _ref4.apply(this, arguments);
-    };
-  }(); // 弹窗配置项
-
-
-  var config = {
-    title: customDrawer.type === 'edit' ? "\u7F16\u8F91".concat(customDrawer.label) : '创建自定义查询',
-    visible: customDrawer.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: onSave,
-      size: "small"
-    }, "\u786E\u5B9A"))
-  };
-  (0, _react.useEffect)(function () {
-    if (customDrawer.visible) {
-      form.resetFields();
-    }
-  }, [customDrawer.visible, form]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Drawer, config, /*#__PURE__*/_react.default.createElement("div", {
-    className: "custom_filter_body"
-  }, /*#__PURE__*/_react.default.createElement(_form.default, {
-    form: form,
-    initialValues: {
-      label: customDrawer.label,
-      default: !!customDrawer.default
-    },
-    layout: "vertical",
-    size: "default"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_drawer_group"
-  }, /*#__PURE__*/_react.default.createElement(_form.default.Item, {
-    name: "label",
-    label: "\u540D\u79F0",
-    rules: [{
-      required: true,
-      message: '请输入名称'
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, {
-    placeholder: "\u8BF7\u8F93\u5165",
-    size: "middle"
-  }))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_drawer_group"
-  }, /*#__PURE__*/_react.default.createElement(_form.default.Item, {
-    name: "default",
-    label: "\u8BBE\u4E3A\u9ED8\u8BA4"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
-    size: "small"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
-    value: true
-  }, "\u662F"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
-    value: false
-  }, "\u5426"))))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_drawer_group"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_drawer_group_add"
-  }, /*#__PURE__*/_react.default.createElement(DropdownBtn, {
-    instance: instance
-  })), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
-    options: filterItemData,
-    className: "filter_drawer_group_list"
-  }, function (_ref5) {
-    var item = _ref5.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
-    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(_valueDrawer.default, {
-    instance: instance
-  })));
-};
-
-var _default = Index;
-exports.default = _default;

package/lib/LmFilter/customFilter/index.js

@@ -1,136 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _CustomSelectFilter = _interopRequireDefault(require("../components/CustomSelectFilter"));
-
-var _drawer = _interopRequireDefault(require("./drawer"));
-
-var _saveModal = _interopRequireDefault(require("./saveModal"));
-
-var CustomDiy = function CustomDiy(_ref) {
-  var instance = _ref.instance;
-  var state = instance.state,
-      dispatch = instance.dispatch,
-      size = instance.size,
-      customOptions = instance.customOptions,
-      setCustomFilter = instance.setCustomFilter;
-  var customFilter = state.customFilter;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1]; // 下拉数据
-
-
-  var filterOptions = customOptions || [{
-    label: '不限',
-    value: '',
-    default: true
-  }]; // 默认展示
-
-  var defaultValue = (0, _react.useMemo)(function () {
-    return filterOptions.find(function (v) {
-      return v.value === (customFilter === null || customFilter === void 0 ? void 0 : customFilter.value);
-    }) || {};
-  }, [filterOptions, customFilter]);
-  var selectInstance = {
-    filterValue: defaultValue.value,
-    filters: filterOptions,
-    onEdit: function onEdit(valObj) {
-      dispatch({
-        type: 'changeCustomDrawer',
-        customDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, valObj), {}, {
-          visible: true,
-          type: 'edit'
-        })
-      });
-      setVisible(false);
-    },
-    onAdd: function onAdd() {
-      dispatch({
-        type: 'changeCustomDrawer',
-        customDrawer: {
-          visible: true,
-          type: 'add',
-          data: {}
-        }
-      });
-      setVisible(false);
-    },
-    setFilterValue: function setFilterValue(val) {
-      setCustomFilter === null || setCustomFilter === void 0 ? void 0 : setCustomFilter(val);
-      setVisible(false);
-    },
-    visible: visible,
-    setVisible: setVisible
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
-    trigger: ['click'],
-    visible: visible,
-    placement: "bottomLeft",
-    overlay: /*#__PURE__*/_react.default.createElement(_CustomSelectFilter.default, {
-      instance: selectInstance
-    }),
-    overlayClassName: "filter_dropdown_container_custom",
-    onVisibleChange: function onVisibleChange(v) {
-      return setVisible(v);
-    },
-    destroyPopupOnHide: true
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('lm_filter_custom_select', {
-      expand: visible,
-      small: size === 'small'
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_filter_custom_select_label"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)({
-      placeholder: !defaultValue.value
-    })
-  }, defaultValue.label)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "lm_filter_custom_select_icon addon_after"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-    type: "lmweb-down"
-  })))), /*#__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;