linkmore-design 1.0.91 → 1.0.95

package/lib/LmFilter/customFilter/index.js

@@ -0,0 +1,136 @@
+"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;

package/lib/LmFilter/customFilter/saveModal.js

@@ -0,0 +1,185 @@
+"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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+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 Save = function Save(_ref) {
+  var instance = _ref.instance;
+  var state = instance.state,
+      dispatch = instance.dispatch,
+      customOptions = instance.customOptions;
+  var saveModal = state.saveModal;
+
+  var _Form$useForm = _linkmoreDesign.Form.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var onClose = function onClose() {
+    dispatch({
+      type: 'changeSaveModal',
+      saveModal: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, saveModal), {}, {
+        visible: false
+      })
+    });
+    form.resetFields();
+  }; // 下拉选择数据处理
+
+
+  var resetOptions = function resetOptions(item) {
+    var isHas = customOptions.some(function (v) {
+      return v.value === item.value;
+    }); // 新增数据
+
+    if (!isHas) {
+      var nArr = item.default ? customOptions.map(function (v) {
+        return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, v), {}, {
+          default: false
+        });
+      }) : customOptions;
+      return [].concat((0, _toConsumableArray2.default)(nArr), [item]);
+    } // 设为默认
+
+
+    if (item.default) {
+      return customOptions.map(function (v) {
+        return v.value === item.value ? item : (0, _objectSpread2.default)((0, _objectSpread2.default)({}, v), {}, {
+          default: false
+        });
+      });
+    } // 修改数据
+
+
+    return customOptions.map(function (v) {
+      return v.value === item.value ? item : v;
+    });
+  };
+
+  var onSave = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _instance$onSave, 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, _objectSpread2.default)({
+                data: state.customDrawer.data,
+                value: state.customDrawer.value
+              }, val);
+
+              if (!nValue.value) {
+                Object.assign(nValue, {
+                  value: "diy".concat(Date.now())
+                });
+              }
+
+              onClose();
+              dispatch({
+                type: 'changeCustomDrawer',
+                customDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.customDrawer), {}, {
+                  visible: false
+                })
+              });
+              (_instance$onSave = instance.onSave) === null || _instance$onSave === void 0 ? void 0 : _instance$onSave.call(instance, resetOptions(nValue));
+              _context.next = 13;
+              break;
+
+            case 11:
+              _context.prev = 11;
+              _context.t0 = _context["catch"](0);
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 11]]);
+    }));
+
+    return function onSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var modalProps = {
+    title: '保存查询',
+    size: 'small',
+    visible: saveModal.visible,
+    zIndex: 1001,
+    onOk: function onOk() {
+      return onSave();
+    },
+    onCancel: function onCancel() {
+      return onClose();
+    }
+  };
+  (0, _react.useEffect)(function () {
+    if (saveModal.visible) {
+      form.setFieldsValue(saveModal.data);
+    }
+  }, [saveModal.visible, form]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Modal, modalProps, /*#__PURE__*/_react.default.createElement("div", {
+    className: "save_modal"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form, {
+    form: form,
+    layout: "vertical",
+    initialValues: (0, _objectSpread2.default)({}, saveModal.data),
+    size: "default"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_drawer_group"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "text_tip"
+  }, "\u4FDD\u5B58\u67E5\u8BE2\u540E\uFF0C\u4E0B\u6B21\u53EF\u4EE5\u5728\u81EA\u5B9A\u4E49\u67E5\u8BE2\u91CC\u5FEB\u901F\u627E\u5230\uFF0C\u8FDB\u884C\u5FEB\u6377\u67E5\u8BE2")), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_drawer_group"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Form.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(_linkmoreDesign.Form.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"))))))));
+};
+
+var _default = Save;
+exports.default = _default;

package/lib/LmFilter/customFilter/valueDrawer.js

@@ -0,0 +1,232 @@
+"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 _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+require("antd/es/form/style");
+
+var _form = _interopRequireDefault(require("antd/es/form"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _Controls = _interopRequireDefault(require("../Controls"));
+
+// 第二层抽屉，弹出数据选择
+var ValueDrawer = function ValueDrawer(_ref) {
+  var instance = _ref.instance;
+  var state = instance.state,
+      dispatch = instance.dispatch,
+      dataSource = instance.dataSource;
+  var valueDrawer = state.valueDrawer,
+      customDrawer = state.customDrawer;
+
+  var _Form$useForm = _form.default.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      form = _Form$useForm2[0];
+
+  var onClose = function onClose() {
+    dispatch({
+      type: 'changeValueDrawer',
+      valueDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, valueDrawer), {}, {
+        visible: false
+      })
+    });
+    form.resetFields();
+  };
+  /*
+   * customModal.data.type === 'nested' 时,处理不同
+   *
+   */
+
+
+  var onSave = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _yield$form$validateF, mode, value, filterValues, currentItem, isNested, nField, nValue, _value$subValue;
+
+      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:
+              _yield$form$validateF = _context.sent;
+              mode = _yield$form$validateF.mode;
+              value = _yield$form$validateF.value;
+              // 选中的筛选数据
+              filterValues = (0, _objectSpread2.default)({}, customDrawer.data); // 查找当前筛选的值
+
+              currentItem = valueDrawer.data; // 是否嵌套筛选
+
+              isNested = currentItem.type === 'nested'; // 嵌套筛选的键值不同
+
+              nField = valueDrawer.data.field;
+              nValue = value;
+
+              if (isNested) {
+                // 删除原有筛选
+                delete filterValues[currentItem.field];
+                currentItem.data.forEach(function (element) {
+                  delete filterValues[element.value];
+                }); // 存在子级嵌套时,改变键值
+
+                if (value === null || value === void 0 ? void 0 : (_value$subValue = value.subValue) === null || _value$subValue === void 0 ? void 0 : _value$subValue.children) {
+                  nField = value.subValue.value;
+                }
+
+                nValue = (value === null || value === void 0 ? void 0 : value.value) || [];
+              } // 判断是新增还是编辑
+
+
+              Object.assign(filterValues, (0, _defineProperty2.default)({}, nField, {
+                mode: mode,
+                value: nValue,
+                originField: currentItem.field
+              }));
+              dispatch({
+                type: 'changeCustomDrawer',
+                customDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.customDrawer), {}, {
+                  data: filterValues
+                })
+              });
+              onClose();
+              _context.next = 19;
+              break;
+
+            case 17:
+              _context.prev = 17;
+              _context.t0 = _context["catch"](0);
+
+            case 19:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 17]]);
+    }));
+
+    return function onSave() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var onValuesChange = function onValuesChange(values) {
+    if (values.field) {
+      form.setFieldsValue({
+        value: []
+      });
+    }
+
+    if (values.value) {
+      var _values$value;
+
+      // 嵌套筛选双击触发
+      if ((values === null || values === void 0 ? void 0 : (_values$value = values.value) === null || _values$value === void 0 ? void 0 : _values$value.type) === 'dbclick') {
+        onSave();
+      }
+    }
+  }; // 动态展示选择框
+
+
+  var DynamicSelect = (0, _react.useCallback)(function (_ref3) {
+    var getFieldValue = _ref3.getFieldValue;
+    var field = getFieldValue('field');
+    var findItem = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.find(function (v) {
+      return v.field === field;
+    })) || {};
+    var options = (findItem === null || findItem === void 0 ? void 0 : findItem.data) || [];
+
+    if (field) {
+      return /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+        name: "value",
+        label: "\u9009\u62E9\u5B57\u6BB5\u503C",
+        noStyle: true
+      }, /*#__PURE__*/_react.default.createElement(_Controls.default, {
+        item: findItem,
+        options: options
+      }));
+    }
+
+    return false;
+  }, [dataSource]);
+  var config = {
+    title: valueDrawer.data.title,
+    visible: valueDrawer.visible,
+    onClose: onClose,
+    className: 'lm_det_drawer',
+    extra: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
+      size: 8
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      key: "cancel",
+      onClick: onClose,
+      size: "small"
+    }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+      type: "primary",
+      key: "back",
+      onClick: onSave,
+      size: "small"
+    }, "\u786E\u5B9A"))
+  }; // 初始化重置数据
+
+  (0, _react.useEffect)(function () {
+    if (valueDrawer.visible) {
+      form.setFieldsValue(valueDrawer.data);
+    }
+  }, [form, valueDrawer]);
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Drawer, config, /*#__PURE__*/_react.default.createElement(_form.default, {
+    form: form,
+    initialValues: {
+      mode: 'or'
+    },
+    onValuesChange: onValuesChange,
+    layout: "vertical",
+    size: "default",
+    className: "custom_form"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_group"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_label"
+  }, "\u67E5\u8BE2\u65B9\u5F0F"), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+    name: "mode",
+    label: "\u67E5\u8BE2\u65B9\u5F0F",
+    noStyle: true
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+    direction: "column"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
+    value: "and"
+  }, "\u4E14,\u67E5\u8BE2\u540C\u65F6\u6EE1\u8DB3\u6B64\u9009\u9879\u6761\u4EF6"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
+    value: "or"
+  }, "\u6216,\u67E5\u8BE2\u5305\u542B\u6B64\u9009\u9879\u6761\u4EF6")))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_group custom_full"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_label"
+  }, "\u9009\u62E9\u5B57\u6BB5\u503C"), /*#__PURE__*/_react.default.createElement(_form.default.Item, {
+    noStyle: true,
+    shouldUpdate: function shouldUpdate(prevValues, currentValues) {
+      return prevValues.field !== currentValues.field;
+    }
+  }, DynamicSelect))));
+};
+
+var _default = ValueDrawer;
+exports.default = _default;