linkmore-design 1.0.78 → 1.0.81

package/es/CkFilter/complexFilter/drawer.js

@@ -1,398 +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/esm/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-require("antd/es/tag/style");
-
-var _tag = _interopRequireDefault(require("antd/es/tag"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _modal = _interopRequireDefault(require("../components/modal"));
-
-var _IconFont = _interopRequireDefault(require("../../IconFont"));
-
-var _VirtualList = _interopRequireDefault(require("../../VirtualList"));
-
-var _context = require("../context");
-
-var _utils = require("../utils");
-
-var _saveModal = _interopRequireDefault(require("./saveModal"));
-
-var _excluded = ["item"],
-    _excluded2 = ["item"];
-
-// 选中的筛选项
-var ListItemChecked = function ListItemChecked(props) {
-  var _useStore = (0, _context.useStore)(),
-      state = _useStore.state,
-      dispatch = _useStore.dispatch;
-
-  var _state$instance$fullD = state.instance.fullData,
-      fullData = _state$instance$fullD === void 0 ? [] : _state$instance$fullD,
-      data = state.complexDrawer.data;
-  var field = props.field,
-      _props$value = props.value,
-      value = _props$value === void 0 ? {} : _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 () {
-    var checkedValue = value.value;
-
-    if (Array.isArray(checkedValue)) {
-      var _getItem$data;
-
-      if (getItem.type === 'nested') {
-        return checkedValue;
-      }
-
-      if (getItem.type === 'cascader') {
-        var arr = [];
-        deepChildren(getItem.data, arr);
-        return arr;
-      }
-
-      return (_getItem$data = getItem.data) === null || _getItem$data === void 0 ? void 0 : _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: 'complex',
-        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getItem), value)
-      }
-    });
-  }; // 删除
-
-
-  var handleDelete = function handleDelete(e) {
-    e.stopPropagation();
-    var filterValues = (0, _objectSpread3.default)({}, data);
-    delete filterValues[field];
-    dispatch({
-      type: 'changeComplexDrawer',
-      complexDrawer: {
-        visible: true,
-        data: filterValues
-      }
-    });
-  }; // 删除Tag
-
-
-  var onTagClose = function onTagClose(val) {
-    var filterValues = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, data), {}, (0, _defineProperty2.default)({}, field, (0, _objectSpread3.default)((0, _objectSpread3.default)({}, data[field]), {}, {
-      value: data[field].value.filter(function (v) {
-        return !v.includes(val);
-      })
-    })));
-    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(_tag.default, {
-      className: "add_tags",
-      onClick: handleAdd
-    }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-      type: "lmweb-plus"
-    }), " \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 ListGroup = function ListGroup(_ref) {
-  var checkedValues = _ref.checkedValues;
-
-  var _useStore2 = (0, _context.useStore)(),
-      state = _useStore2.state,
-      dispatch = _useStore2.dispatch;
-
-  var fullData = state.instance.fullData;
-
-  var _useState = (0, _react.useState)(fullData),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      options = _useState2[0],
-      setOptions = _useState2[1];
-
-  var handleSearch = function handleSearch(val) {
-    setOptions(fullData.filter(function (v) {
-      return v.title.indexOf(val) > -1;
-    }));
-  }; // 编辑
-
-
-  var handleEdit = function handleEdit(_ref2) {
-    var field = _ref2.field;
-    // 单项匹配数据, 根据字段名查找
-    var getItem = fullData.find(function (v) {
-      return v.field === field;
-    }); // 编辑
-
-    dispatch({
-      type: 'changeModal',
-      customModal: {
-        visible: true,
-        type: 'complex',
-        data: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, getItem), {}, {
-          value: []
-        })
-      }
-    });
-  };
-
-  (0, _react.useEffect)(function () {
-    var nValue = fullData.filter(function (item) {
-      return !checkedValues.some(function (v) {
-        return v.field === item.field;
-      });
-    });
-    setOptions(nValue);
-  }, [checkedValues]);
-  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, {
-    allowClear: true,
-    size: "default",
-    placeholder: "\u8BF7\u8F93\u5165",
-    onSearch: handleSearch
-  })), /*#__PURE__*/_react.default.createElement(_VirtualList.default, {
-    options: options,
-    className: "filter_drawer_group_list"
-  }, function (_ref3) {
-    var item = _ref3.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref3, _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(_IconFont.default, {
-      type: "lmweb-plus",
-      className: "item_header_icon icon_plus"
-    }))));
-  })));
-};
-
-var Index = function Index() {
-  var _useStore3 = (0, _context.useStore)(),
-      state = _useStore3.state,
-      dispatch = _useStore3.dispatch;
-
-  var instance = state.instance,
-      filterValues = state.filterValues,
-      _state$complexDrawer = state.complexDrawer,
-      visible = _state$complexDrawer.visible,
-      data = _state$complexDrawer.data,
-      customFilterValues = state.customFilterValues,
-      complexFilterValues = state.complexFilterValues;
-  var isHas = (0, _react.useMemo)(function () {
-    return (0, _utils.getIsHas)(data);
-  }, [data]); // 过滤的内容转数组
-
-  var filterItemData = (0, _react.useMemo)(function () {
-    return isHas ? Object.entries(data).map(function (v) {
-      return {
-        field: v[0],
-        value: v[1]
-      };
-    }) : [];
-  }, [data, isHas]);
-
-  var onClose = function onClose() {
-    dispatch({
-      type: 'changeComplexDrawer',
-      complexDrawer: {
-        data: data,
-        visible: false
-      }
-    });
-  };
-
-  var onSearch = function onSearch() {
-    var baseFilter = filterValues[instance.searchKey] ? (0, _defineProperty2.default)({}, instance.searchKey, filterValues[instance.searchKey]) : {};
-    dispatch({
-      type: 'changeFilterValues',
-      filterValues: baseFilter
-    });
-    dispatch({
-      type: 'changeComplexFilterValues',
-      complexFilterValues: data
-    });
-    onClose();
-    instance.onChange(baseFilter, customFilterValues, data);
-  };
-
-  (0, _react.useEffect)(function () {
-    if (visible) {
-      dispatch({
-        type: 'changeComplexDrawer',
-        complexDrawer: {
-          data: complexFilterValues,
-          visible: visible
-        }
-      });
-    }
-  }, [dispatch, 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: 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"), !!instance.custom && /*#__PURE__*/_react.default.createElement(_saveModal.default, {
-      state: state,
-      dispatch: dispatch
-    }), /*#__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(_VirtualList.default, {
-    options: filterItemData,
-    className: "filter_drawer_group_list"
-  }, function (_ref5) {
-    var item = _ref5.item,
-        resetProps = (0, _objectWithoutProperties2.default)(_ref5, _excluded2);
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
-      className: "filter_drawer_group_item"
-    }), /*#__PURE__*/_react.default.createElement(ListItemChecked, item));
-  })), /*#__PURE__*/_react.default.createElement(ListGroup, {
-    checkedValues: filterItemData
-  })), /*#__PURE__*/_react.default.createElement(_modal.default, null)));
-};
-
-var _default = Index;
-exports.default = _default;

package/es/CkFilter/complexFilter/index.js

@@ -1,69 +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/esm/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _IconFont = _interopRequireDefault(require("../../IconFont"));
-
-var _context = require("../context");
-
-var _utils = require("../utils");
-
-var _drawer = _interopRequireDefault(require("./drawer"));
-
-var Custom = function Custom() {
-  var _useStore = (0, _context.useStore)(),
-      state = _useStore.state,
-      dispatch = _useStore.dispatch;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1]; // 是否正在高级筛选
-
-
-  var isOnSearch = (0, _react.useMemo)(function () {
-    return (0, _utils.getIsHas)(state.complexFilterValues);
-  }, [state.complexFilterValues]);
-
-  var handleClick = function handleClick() {
-    dispatch({
-      type: 'changeComplexDrawer',
-      complexDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.complexDrawer), {}, {
-        visible: true
-      })
-    });
-    setVisible(!visible);
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('filter_item filter_item_more', {
-      active: isOnSearch
-    }),
-    onClick: handleClick
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_item_value"
-  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    type: "lmweb-filter",
-    className: "addonBefore"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "checked"
-  }, "\u9AD8\u7EA7\u7B5B\u9009"))), /*#__PURE__*/_react.default.createElement(_drawer.default, null));
-};
-
-var _default = Custom;
-exports.default = _default;

package/es/CkFilter/complexFilter/saveModal.js

@@ -1,148 +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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var Save = function Save(_ref) {
-  var state = _ref.state,
-      dispatch = _ref.dispatch;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      visible = _useState2[0],
-      setVisible = _useState2[1];
-
-  var _Form$useForm = _linkmoreDesign.Form.useForm(),
-      _Form$useForm2 = (0, _slicedToArray2.default)(_Form$useForm, 1),
-      form = _Form$useForm2[0];
-
-  var onClose = function onClose() {
-    setVisible(false);
-    form.resetFields();
-  };
-
-  var onSave = /*#__PURE__*/function () {
-    var _ref2 = (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, _objectSpread2.default)({
-                filterValues: (0, _objectSpread2.default)({}, state.complexDrawer.data)
-              }, val);
-
-              if (!nValue.value) {
-                Object.assign(nValue, {
-                  value: "diy".concat(Date.now())
-                });
-              }
-
-              onClose();
-              dispatch({
-                type: 'changeComplexDrawer',
-                complexDrawer: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state.complexDrawer), {}, {
-                  visible: false
-                })
-              });
-              _context.next = 12;
-              break;
-
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context["catch"](0);
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[0, 10]]);
-    }));
-
-    return function onSave() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  var modalProps = {
-    title: "保存查询",
-    size: 'small',
-    visible: visible,
-    onOk: function onOk() {
-      return onSave();
-    },
-    onCancel: function onCancel() {
-      return onClose();
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
-    onClick: function onClick() {
-      return setVisible(true);
-    },
-    size: "small"
-  }, "\u4FDD\u5B58\u67E5\u8BE2"), /*#__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: {
-      default: false
-    },
-    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;