linkmore-design 1.0.30 → 1.0.31

package/es/Filter/remember.js

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