linkmore-design 1.0.3

package/es/Filter/index.js

@@ -0,0 +1,174 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/space/style");
+
+var _space = _interopRequireDefault(require("antd/es/space"));
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _context = _interopRequireDefault(require("./context"));
+
+var _remember = _interopRequireDefault(require("./remember"));
+
+var _baseFilter = _interopRequireDefault(require("./baseFilter"));
+
+var _ComplexFilter = _interopRequireDefault(require("./complex/ComplexFilter"));
+
+var initialState = {
+  // 选中的数据(用于筛选记忆), {field: {...item}, ...}
+  checked: {},
+  // 抛出的值(用于查询)：对象结构{field: value, ...}
+  checkValue: {}
+};
+/*
+  checked: []
+  checkValue：{ [field]: value }
+*/
+
+var reducer = function reducer(state, action) {
+  var checked = action.checked,
+      checkValue = action.checkValue;
+
+  switch (action.type) {
+    case 'changeChecked':
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+        checked: checked
+      });
+
+    case 'changeCheckValue':
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state), {}, {
+        checkValue: checkValue
+      });
+
+    default:
+      throw new Error();
+  }
+};
+
+var allList = [{
+  id: '1',
+  value: 'all',
+  label: '全部',
+  isEdit: false
+}, {
+  id: '2',
+  value: 's1',
+  label: '锦绣2021',
+  isEdit: false
+}, {
+  id: '3',
+  value: 's2',
+  label: '战略备料',
+  isEdit: false
+}, {
+  id: '4',
+  value: 's3',
+  label: '无供应商物料',
+  isEdit: false
+}];
+/*
+  data: 用来获取/展示最新数据(所有下拉框的数据)
+  useList: 用来保留结构(不含动态获取的下拉框数据)
+*/
+
+var Index = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var data = props.data,
+      getChange = props.getChange,
+      _props$rememberList = props.rememberList,
+      rememberList = _props$rememberList === void 0 ? allList : _props$rememberList,
+      custom = props.custom,
+      remember = props.remember,
+      defaultValue = props.defaultValue,
+      complex = props.complex;
+
+  var _useReducer = (0, _react.useReducer)(reducer, initialState),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var inputRef = (0, _react.useRef)(); // 输入框输入筛选
+
+  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 onSearch = function onSearch(params) {
+    getChange === null || getChange === void 0 ? void 0 : getChange(params); // 清空基础筛选
+
+    dispatch({
+      type: 'changeCheckValue',
+      checkValue: ''
+    });
+    inputRef.current.state.value = '';
+  }; // 设置过滤项的值
+
+
+  var setFilterValue = function setFilterValue(obj) {
+    var checkValue = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.checkValue), obj);
+    dispatch({
+      type: 'changeCheckValue',
+      checkValue: checkValue
+    });
+  };
+
+  _react.default.useImperativeHandle(ref, function () {
+    return {
+      setFilterValue: setFilterValue
+    };
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+    value: (0, _objectSpread3.default)({
+      dispatch: dispatch,
+      state: state
+    }, props)
+  }, /*#__PURE__*/_react.default.createElement(_space.default, {
+    className: "lm_filter"
+  }, remember && /*#__PURE__*/_react.default.createElement(_remember.default, {
+    defaultValue: defaultValue,
+    type: remember,
+    list: rememberList,
+    onChange: searchEvent
+  }), custom === null || custom === void 0 ? void 0 : custom(searchEvent), (remember || custom) && /*#__PURE__*/_react.default.createElement("div", {
+    className: "line"
+  }), /*#__PURE__*/_react.default.createElement(_input.default, {
+    ref: inputRef,
+    prefix: /*#__PURE__*/_react.default.createElement(_icons.SearchOutlined, null),
+    placeholder: "\u8BF7\u8F93\u5165",
+    onSearch: function onSearch(val) {
+      return searchEvent(val, 'search');
+    }
+  }), /*#__PURE__*/_react.default.createElement(_baseFilter.default, null), complex && /*#__PURE__*/_react.default.createElement(_ComplexFilter.default, {
+    data: data,
+    onSearch: onSearch
+  })));
+});
+var _default = Index;
+exports.default = _default;

package/es/Filter/popContext.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var context = /*#__PURE__*/_react.default.createContext({});
+
+var _default = context;
+exports.default = _default;

package/es/Filter/remember.js

@@ -0,0 +1,137 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/row/style");
+
+var _row = _interopRequireDefault(require("antd/es/row"));
+
+require("antd/es/col/style");
+
+var _col = _interopRequireDefault(require("antd/es/col"));
+
+require("antd/es/divider/style");
+
+var _divider = _interopRequireDefault(require("antd/es/divider"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+require("antd/es/select/style");
+
+var _select = _interopRequireDefault(require("antd/es/select"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _icons = require("@ant-design/icons");
+
+var _editFilter = _interopRequireDefault(require("./edit/editFilter"));
+
+/* eslint-disable no-unused-vars */
+var Option = _select.default.Option;
+
+var Index = function Index(props) {
+  var type = props.type,
+      list = props.list,
+      onChange = props.onChange,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? 'all' : _props$defaultValue;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      useVisible = _useState2[0],
+      setVisible = _useState2[1]; // eslint-disable-next-line no-unused-vars
+
+
+  var _useState3 = (0, _react.useState)(list.map(function (v) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, v), {}, {
+      isEdit: false
+    });
+  })),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      useSaveList = _useState4[0],
+      setSaveList = _useState4[1];
+
+  var editList = function editList(e, item) {
+    e === null || e === void 0 ? void 0 : e.stopPropagation();
+    setVisible(true);
+    console.log('item', item);
+  }; // 创建筛选
+
+
+  var editFilter = function editFilter() {
+    setVisible(true);
+  };
+
+  var onClose = function onClose() {
+    setVisible(false);
+  };
+
+  var handleChange = function handleChange(e) {
+    onChange === null || onChange === void 0 ? void 0 : onChange(e, 'levelSelect');
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, type === 'select' ? /*#__PURE__*/_react.default.createElement(_select.default, {
+    dropdownClassName: "first_select",
+    defaultValue: defaultValue,
+    dropdownMatchSelectWidth: false,
+    style: {
+      width: 112
+    },
+    onChange: handleChange
+  }, useSaveList === null || useSaveList === void 0 ? void 0 : useSaveList.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(Option, {
+      key: item.value,
+      value: item.value
+    }, item.label);
+  })) : /*#__PURE__*/_react.default.createElement(_select.default, {
+    dropdownClassName: "first_select",
+    defaultValue: defaultValue,
+    dropdownMatchSelectWidth: false,
+    style: {
+      width: 112
+    },
+    dropdownRender: function dropdownRender(menu) {
+      return /*#__PURE__*/_react.default.createElement("div", null, menu, /*#__PURE__*/_react.default.createElement(_divider.default, {
+        style: {
+          margin: '4px 0'
+        }
+      }), /*#__PURE__*/_react.default.createElement("div", {
+        className: "add_more"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        onClick: editFilter
+      }, /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null), "\u521B\u5EFA\u6211\u7684\u7B5B\u9009")));
+    }
+  }, useSaveList === null || useSaveList === void 0 ? void 0 : useSaveList.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(Option, {
+      value: item.value,
+      key: item.value
+    }, /*#__PURE__*/_react.default.createElement(_row.default, {
+      justify: "space-between",
+      className: "item_nowarp"
+    }, /*#__PURE__*/_react.default.createElement(_col.default, {
+      className: "item_label",
+      title: item.label
+    }, item.label), item.value !== 'all' && /*#__PURE__*/_react.default.createElement(_col.default, {
+      className: "item_icon"
+    }, /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, {
+      onClick: function onClick(e) {
+        return editList(e, item);
+      }
+    }))));
+  })), /*#__PURE__*/_react.default.createElement(_editFilter.default, {
+    visible: useVisible,
+    onClose: onClose
+  }));
+};
+
+var _default = Index;
+exports.default = _default;

package/es/Filter/style/index.js

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