linkmore-design 1.0.30 → 1.0.31

package/lib/CkFilter/customFilter/drawer.js

@@ -0,0 +1,395 @@
+"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"));
+
+require("antd/es/tag/style");
+
+var _tag = _interopRequireDefault(require("antd/es/tag"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _IconFont = _interopRequireDefault(require("../../IconFont"));
+
+var _VirtualList = _interopRequireDefault(require("../../VirtualList"));
+
+var _context2 = require("../context");
+
+var _utils = require("../utils");
+
+var _modal = _interopRequireDefault(require("../components/modal"));
+
+var _excluded = ["item"];
+
+var ListItem = function ListItem(props) {
+  var _useStore = (0, _context2.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch;
+
+  var _state$instance$fullD = state.instance.fullData,
+      fullData = _state$instance$fullD === void 0 ? [] : _state$instance$fullD,
+      customDrawer = state.customDrawer;
+  var field = props.field,
+      value = props.value; // 单项匹配数据, 根据字段名查找, 嵌套筛选时查询父级
+
+  var getItem = (0, _react.useMemo)(function () {
+    return fullData.find(function (v) {
+      return [field, value.originField].includes(v.field);
+    });
+  }, [props, fullData]); // 选中值的处理
+
+  var resetValue = (0, _react.useMemo)(function () {
+    if (getItem.type === 'cascader') {
+      var _value$value;
+
+      return (_value$value = value.value) === null || _value$value === void 0 ? void 0 : _value$value.map(function (v) {
+        return v[v.length - 1];
+      });
+    }
+
+    return value.value;
+  }, [props]); // 遍历树结构
+
+  var deepChildren = function deepChildren(arr, preArr) {
+    arr.forEach(function (item) {
+      var _item$children;
+
+      if (resetValue.includes(item.value)) {
+        preArr.push(item);
+      }
+
+      if ((_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.length) {
+        deepChildren(item.children, preArr);
+      }
+    });
+  }; // 选中的数据
+
+
+  var checkedValues = (0, _react.useMemo)(function () {
+    console.log('value', value);
+    var checkedValue = value.value;
+
+    if (Array.isArray(checkedValue)) {
+      if (getItem.type === 'nested') {
+        return checkedValue;
+      }
+
+      if (getItem.type === 'cascader') {
+        var arr = [];
+        deepChildren(getItem.data, arr);
+        return arr;
+      }
+
+      return getItem.data.filter(function (v) {
+        return checkedValue.includes(v.value);
+      });
+    }
+
+    if (getItem.type === 'input') {
+      return resetValue ? [{
+        value: resetValue,
+        label: resetValue
+      }] : [];
+    }
+
+    var filterValue = getItem.data.find(function (v) {
+      return v.value === checkedValue;
+    });
+    return filterValue ? [filterValue] : [];
+  }, [getItem.data, value]); // 新增
+
+  var handleAdd = function handleAdd() {}; // 编辑
+
+
+  var handleEdit = function handleEdit() {
+    dispatch({
+      type: 'changeModal',
+      customModal: {
+        visible: true,
+        type: 'custom',
+        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getItem), value)
+      }
+    });
+  }; // 删除
+
+
+  var handleDelete = function handleDelete(e) {
+    e.stopPropagation();
+    var filterValues = (0, _objectSpread3.default)({}, customDrawer.data.filterValues);
+    delete filterValues[field];
+    dispatch({
+      type: 'changeDrawer',
+      customDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer), {}, {
+        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer.data), {}, {
+          filterValues: filterValues
+        })
+      })
+    });
+  }; // 删除Tag
+
+
+  var onTagClose = function onTagClose(val) {
+    var filterValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer.data.filterValues), {}, (0, _defineProperty2.default)({}, field, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer.data.filterValues[field]), {}, {
+      value: customDrawer.data.filterValues[field].value.filter(function (v) {
+        return !v.includes(val);
+      })
+    })));
+    dispatch({
+      type: 'changeDrawer',
+      customDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer), {}, {
+        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer.data), {}, {
+          filterValues: filterValues
+        })
+      })
+    });
+  }; // Tags显示
+
+
+  var tagElem = function tagElem() {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_tag.default, {
+      className: "site-tag-plus",
+      onClick: handleAdd
+    }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+      type: "lmweb-plus-circle"
+    }), " \u65B0\u589E"), checkedValues === null || checkedValues === void 0 ? void 0 : checkedValues.map(function (v) {
+      return /*#__PURE__*/_react.default.createElement(_tag.default, {
+        key: v.value,
+        closable: true,
+        onClose: function onClose() {
+          return onTagClose(v.value);
+        }
+      }, v.label);
+    }));
+  }; // 模式
+
+
+  var modeLabel = (0, _react.useMemo)(function () {
+    return value.mode === 'and' ? '且' : '或';
+  }, [value.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(_IconFont.default, {
+    type: "lmweb-close1",
+    onClick: handleDelete,
+    className: "item_header_icon"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "item_tags"
+  }, tagElem())));
+};
+
+var Index = function Index() {
+  var _useStore2 = (0, _context2.useStore)(),
+      state = _useStore2.state,
+      dispatch = _useStore2.dispatch;
+
+  var customDrawer = state.customDrawer;
+
+  var _Form$useForm = _form.default.useForm(),
+      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
+      form = _Form$useForm2[0]; // 是否编辑
+
+
+  var isEdit = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(customDrawer.data);
+  }, [customDrawer.data]); // 当前选中项
+
+  var filterItem = (0, _react.useMemo)(function () {
+    return customDrawer.data;
+  }, [customDrawer.data]);
+  console.log('customDrawer', customDrawer); // 过滤的内容转数组
+
+  var filterItemData = (0, _react.useMemo)(function () {
+    return (0, _utils.getIsHas)(filterItem === null || filterItem === void 0 ? void 0 : filterItem.filterValues) ? Object.entries(filterItem.filterValues).map(function (v) {
+      return {
+        field: v[0],
+        value: v[1]
+      };
+    }) : [];
+  }, [filterItem]); // 关闭抽屉
+
+  var onClose = function onClose() {
+    dispatch({
+      type: 'changeDrawer',
+      customDrawer: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, customDrawer), {}, {
+        visible: false
+      })
+    });
+  }; // 设为默认事件
+
+
+  var onRadioChange = function onRadioChange(e) {
+    var v = e.target.value;
+    console.log('v', v);
+  }; // 新增筛选项
+
+
+  var addEvent = function addEvent() {
+    dispatch({
+      type: 'changeModal',
+      customModal: {
+        visible: true,
+        type: 'custom',
+        data: {}
+      }
+    });
+  }; // 保存数据
+
+
+  var onSave = /*#__PURE__*/function () {
+    var _ref = (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)({}, state.customDrawer.data), val);
+
+              if (!nValue.value) {
+                Object.assign(nValue, {
+                  value: "diy".concat(Date.now())
+                });
+              }
+
+              console.log('保存数据！', nValue, state.customDrawer);
+              onClose === null || onClose === void 0 ? void 0 : onClose();
+              _context.next = 13;
+              break;
+
+            case 10:
+              _context.prev = 10;
+              _context.t0 = _context["catch"](0);
+              console.log('error:', _context.t0);
+
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 10]]);
+    }));
+
+    return function onSave() {
+      return _ref.apply(this, arguments);
+    };
+  }(); // 弹窗配置项
+
+
+  var config = {
+    title: isEdit ? '编辑自定义' : '创建自定义查询',
+    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"
+    }, "\u521B\u5EFA"))
+  };
+  (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: filterItem.label,
+      default: !!filterItem.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, {
+    onChange: onRadioChange,
+    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(_linkmoreDesign.Button, {
+    block: true,
+    type: "dashed",
+    onClick: addEvent,
+    icon: /*#__PURE__*/_react.default.createElement(_IconFont.default, {
+      type: "lmweb-plus-circle"
+    }),
+    size: "middle"
+  }, "\u65B0\u589E\u7B5B\u9009\u9879")), /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
+    options: filterItemData,
+    className: "filter_drawer_group_list"
+  }, function (_ref2) {
+    var item = _ref2.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: "filter_drawer_group_item"
+    }), /*#__PURE__*/_react.default.createElement(ListItem, item));
+  }))), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
+};
+
+var _default = Index;
+exports.default = _default;

package/lib/CkFilter/customFilter/index.js

@@ -0,0 +1,129 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _filterTypes = _interopRequireDefault(require("../components/filterTypes"));
+
+var _context = require("../context");
+
+var _utils = require("../utils");
+
+var _drawer = _interopRequireDefault(require("./drawer"));
+
+var Custom = function Custom() {
+  var _state$instance$custo, _state$instance$custo2;
+
+  var _useStore = (0, _context.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch;
+
+  var size = state.instance.size;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1]; // 下拉框的显隐
+
+
+  var _useState3 = (0, _react.useState)(((_state$instance$custo = state.instance.custom) === null || _state$instance$custo === void 0 ? void 0 : (_state$instance$custo2 = _state$instance$custo.find(function (v) {
+    return !!v.default;
+  })) === null || _state$instance$custo2 === void 0 ? void 0 : _state$instance$custo2.value) || 'all'),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      checkValue = _useState4[0],
+      setCheckValue = _useState4[1]; // 选中的数据
+  // 选中的项
+
+
+  var filterItem = (0, _react.useMemo)(function () {
+    var _state$instance$custo3;
+
+    return (_state$instance$custo3 = state.instance.custom) === null || _state$instance$custo3 === void 0 ? void 0 : _state$instance$custo3.find(function (v) {
+      return v.value === checkValue;
+    });
+  }, [checkValue, state.instance.custom]); // 设置过滤的内容
+
+  var setFilterValue = (0, _react.useCallback)(function (item, type) {
+    if (!type) {
+      var _state$instance$onCha, _state$instance;
+
+      setVisible(false);
+      setCheckValue(item.value); // 设置选中的值
+
+      dispatch({
+        type: 'changeCustomFilterValues',
+        customFilterValues: item.filterValues
+      }); // 向外抛出一级查询条件: 二级筛选, 一级筛选
+
+      (_state$instance$onCha = (_state$instance = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance, state.filterValues, item.filterValues);
+    }
+
+    if (['add', 'edit'].includes(type)) {
+      var isEdit = type === 'edit';
+      dispatch({
+        type: 'changeDrawer',
+        customDrawer: {
+          visible: true,
+          data: isEdit ? item : {}
+        }
+      });
+      setVisible(false);
+    }
+  }, [dispatch, state.filterValues, state.instance]); // 下拉组件渲染
+
+  var FilterControl = (0, _react.useCallback)(function () {
+    var obj = {
+      filters: state.instance.custom,
+      getFilterValue: checkValue,
+      setFilterValue: setFilterValue
+    };
+    return (0, _utils.render)(function () {
+      return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({
+        type: "custom"
+      }, obj));
+    });
+  }, [checkValue, setFilterValue, state.instance.custom]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
+    trigger: ['click'],
+    visible: visible,
+    placement: "bottomLeft",
+    overlay: FilterControl,
+    onVisibleChange: function onVisibleChange(v) {
+      return setVisible(v);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('filter_custom', {
+      active: visible,
+      small: size === 'small'
+    })
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_label"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)({
+      custom_placeholder: filterItem.value === 'all'
+    })
+  }, filterItem.label)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "custom_icon"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-down"
+  })))), /*#__PURE__*/_react.default.createElement(_drawer.default, null));
+};
+
+var _default = Custom;
+exports.default = _default;

package/lib/CkFilter/customFilter/radioGroup.js

@@ -0,0 +1,64 @@
+"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _context = require("../context");
+
+var CustomGroup = function CustomGroup() {
+  var _useStore = (0, _context.useStore)(),
+      state = _useStore.state,
+      dispatch = _useStore.dispatch;
+
+  var _state$instance = state.instance,
+      levelGroup = _state$instance.levelGroup,
+      levelGroupKey = _state$instance.levelGroupKey,
+      size = _state$instance.size;
+  var defaultValue = (0, _react.useMemo)(function () {
+    var _levelGroup$find;
+
+    return (_levelGroup$find = levelGroup.find(function (v) {
+      return !!v.default;
+    })) === null || _levelGroup$find === void 0 ? void 0 : _levelGroup$find.value;
+  }, [levelGroup]);
+
+  var onChange = function onChange(e) {
+    var _state$instance$onCha, _state$instance2;
+
+    var nValue = (0, _defineProperty2.default)({}, levelGroupKey, {
+      value: e.target.value,
+      mode: 'and'
+    });
+    dispatch({
+      type: 'changeCustomFilterValues',
+      customFilterValues: nValue
+    });
+    (_state$instance$onCha = (_state$instance2 = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance2, state.filterValues, nValue);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+    defaultValue: defaultValue,
+    onChange: onChange,
+    size: size
+  }, size, levelGroup.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Button, {
+      key: v.value,
+      value: v.value
+    }, v.label);
+  })));
+};
+
+var _default = CustomGroup;
+exports.default = _default;

package/lib/CkFilter/style/index.js

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