linkmore-design 1.1.32 → 1.1.33

package/lib/Filter/baseFilter/Popover.js

@@ -1,72 +1,97 @@
 "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/popover/style");
+
 var _popover = _interopRequireDefault(require("antd/es/popover"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 require("antd/es/button/style");
+
 var _button = _interopRequireDefault(require("antd/es/button"));
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _IconFont = _interopRequireDefault(require("../../IconFont"));
+
 var _icons = require("@ant-design/icons");
+
 var _components = require("../components");
+
 var _context = _interopRequireDefault(require("../context"));
+
 var _popContext = _interopRequireDefault(require("../popContext"));
+
 // 单个组件的下拉框
 var Index = function Index(props) {
   var item = props.item,
-    content = props.content,
-    children = props.children,
-    config = props.config,
-    getChange = props.getChange;
+      content = props.content,
+      children = props.children,
+      config = props.config,
+      getChange = props.getChange;
   var toggle = item.toggle,
-    title = item.title,
-    type = item.type,
-    field = item.field,
-    data = item.data;
+      title = item.title,
+      type = item.type,
+      field = item.field,
+      data = item.data;
+
   var _useContext = (0, _react.useContext)(_context.default),
-    state = _useContext.state;
-  var checkValue = state.checkValue;
-  // 清除筛选多选状态： 暂时的解决方案，后续要更改
+      state = _useContext.state;
+
+  var checkValue = state.checkValue; // 清除筛选多选状态： 暂时的解决方案，后续要更改
+
   var _useState = (0, _react.useState)(field),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    useKey = _useState2[0],
-    setKey = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    useVisible = _useState4[0],
-    setVisible = _useState4[1]; // 控制弹出层显隐
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      useKey = _useState2[0],
+      setKey = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      useVisible = _useState4[0],
+      setVisible = _useState4[1]; // 控制弹出层显隐
   // 选中的值
+
+
   var useValue = (0, _react.useMemo)(function () {
     return checkValue[field];
   }, [checkValue]);
+
   var handleClick = function handleClick(visible) {
     setVisible(visible);
-  };
+  }; // 数字
+
 
-  // 数字
   var showTitle = function showTitle() {
     if (toggle) return null;
     if (!useValue && typeof useValue !== 'number') return null;
+
     if (Array.isArray(useValue)) {
       if (type === 'date') return true;
       return useValue.length > 0 ? "(".concat(useValue === null || useValue === void 0 ? void 0 : useValue.length, ")") : null;
     }
+
     return true;
-  };
+  }; // 显示值
+
 
-  // 显示值
   var showValue = function showValue() {
     var _data$find, _data$find2;
+
     var result = showTitle();
+
     if (result) {
       if (useValue || typeof useValue === 'number') {
         switch (type) {
@@ -74,36 +99,44 @@ var Index = function Index(props) {
             return ((_data$find = data.find(function (v) {
               return v.value === useValue;
             })) === null || _data$find === void 0 ? void 0 : _data$find.label) || '';
+
           case 'checkbox':
             return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_data$find2 = data.find(function (v) {
               return v.value === useValue[0];
             })) === null || _data$find2 === void 0 ? void 0 : _data$find2.label) || '', (useValue === null || useValue === void 0 ? void 0 : useValue.length) > 1 ? "\u3001+".concat((useValue === null || useValue === void 0 ? void 0 : useValue.length) - 1, "...") : null);
+
           case 'tree':
             return useValue.title;
+
           case 'date':
             return Array.isArray(useValue) ? "".concat(useValue[0], " \u81F3 ").concat(useValue[1]) : useValue;
+
           case 'input':
             return useValue;
+
           default:
             break;
         }
       }
     }
+
     return null;
-  };
+  }; // 文字
+
 
-  // 文字
   var showLabel = function showLabel() {
     return "".concat(title, "\uFF1A");
-  };
+  }; // 选中时触发
+
 
-  // 选中时触发
   var onChange = function onChange(v, obj, mode) {
     type !== 'checkbox' ? setVisible(false) : '';
+
     if (toggle) {
       getChange === null || getChange === void 0 ? void 0 : getChange(v);
       return;
     }
+
     var params = {
       field: field,
       value: v,
@@ -111,28 +144,35 @@ var Index = function Index(props) {
     };
     getChange === null || getChange === void 0 ? void 0 : getChange(params, mode);
   };
+
   var contentDom = function contentDom() {
     switch (type) {
       case 'input':
         return /*#__PURE__*/_react.default.createElement(_components.Input, null);
+
       case 'select':
         return /*#__PURE__*/_react.default.createElement(_components.Select, null);
+
       case 'checkbox':
         return /*#__PURE__*/_react.default.createElement(_components.Checkbox, {
           key: useKey
         });
+
       case 'tree':
         return /*#__PURE__*/_react.default.createElement(_components.Tree, null);
+
       case 'date':
         return /*#__PURE__*/_react.default.createElement(_components.DatePicker, null);
+
       default:
         return /*#__PURE__*/_react.default.createElement(_components.Select, null);
     }
-  };
+  }; // 清空筛选项
+
 
-  // 清空筛选项
   var handleClear = function handleClear(e) {
     e === null || e === void 0 ? void 0 : e.stopPropagation();
+
     if (type === 'checkbox') {
       var nKey = field + Date.now();
       setKey(nKey); // 重新渲染
@@ -141,6 +181,7 @@ var Index = function Index(props) {
     var v = type === 'checkbox' ? [] : '';
     onChange(v, (0, _objectSpread2.default)({}, item), 'and');
   };
+
   return /*#__PURE__*/_react.default.createElement(_popContext.default.Provider, {
     value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
       onChange: onChange
@@ -167,5 +208,6 @@ var Index = function Index(props) {
     className: "label_text"
   }, /*#__PURE__*/_react.default.createElement("span", null, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null)))));
 };
+
 var _default = Index;
 exports.default = _default;

package/lib/Filter/baseFilter/ToggleFilter.js

@@ -1,27 +1,38 @@
 "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;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _icons = require("@ant-design/icons");
+
 var _Popover = _interopRequireDefault(require("../Popover"));
+
 var _context = _interopRequireDefault(require("../context"));
+
 var ToggleFilter = function ToggleFilter(_ref) {
   var useList = _ref.useList,
-    setList = _ref.setList;
+      setList = _ref.setList;
+
   var _useContext = (0, _react.useContext)(_context.default),
-    state = _useContext.state,
-    dispatch = _useContext.dispatch,
-    getChange = _useContext.getChange;
+      state = _useContext.state,
+      dispatch = _useContext.dispatch,
+      getChange = _useContext.getChange; // 触发筛选
+
 
-  // 触发筛选
   var searchEvent = function searchEvent(value, field) {
     var checkValue = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.checkValue), {}, (0, _defineProperty2.default)({}, field, value));
     dispatch({
@@ -29,29 +40,32 @@ var ToggleFilter = function ToggleFilter(_ref) {
       checkValue: checkValue
     });
     getChange === null || getChange === void 0 ? void 0 : getChange(checkValue);
-  };
+  }; // 搜索条件展示
+
 
-  // 搜索条件展示
   var resetList = function resetList(value) {
     var fixed = !value.fixed;
     var nValue = useList.map(function (v) {
       var obj = fixed ? useList.find(function (o) {
         return o.field === v.field;
       }) : v;
+
       if (v.field === value.field) {
         return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, obj), {}, {
           fixed: fixed
         });
       }
+
       return v;
     });
     searchEvent(value.type === 'checkbox' ? [] : '', value.field);
     setList(nValue);
-  };
+  }; // 置顶
+
 
-  // 置顶
   var handleTop = function handleTop(e, item) {
     e.stopPropagation();
+
     if (!item.fixed) {
       resetList(item);
     } else {
@@ -61,6 +75,7 @@ var ToggleFilter = function ToggleFilter(_ref) {
       setList([item].concat((0, _toConsumableArray2.default)(nValue)));
     }
   };
+
   var more = (0, _react.useMemo)(function () {
     return {
       toggle: true,
@@ -91,5 +106,6 @@ var ToggleFilter = function ToggleFilter(_ref) {
     getChange: resetList
   }));
 };
+
 var _default = ToggleFilter;
 exports.default = _default;

package/lib/Filter/baseFilter/index.js

@@ -1,44 +1,60 @@
 "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;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _context2 = _interopRequireDefault(require("../context"));
+
 var _Popover = _interopRequireDefault(require("./Popover"));
+
 var _ToggleFilter = _interopRequireDefault(require("./ToggleFilter"));
+
 var BaseFilter = function BaseFilter() {
   var _useContext = (0, _react.useContext)(_context2.default),
-    state = _useContext.state,
-    dispatch = _useContext.dispatch,
-    data = _useContext.data,
-    getChange = _useContext.getChange;
-  var _useState = (0, _react.useState)(data),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    useList = _useState2[0],
-    setList = _useState2[1]; // 页面展示的搜索项
+      state = _useContext.state,
+      dispatch = _useContext.dispatch,
+      data = _useContext.data,
+      getChange = _useContext.getChange;
 
+  var _useState = (0, _react.useState)(data),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      useList = _useState2[0],
+      setList = _useState2[1]; // 页面展示的搜索项
   // 下拉框改变事件
+
+
   var onChange = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_ref) {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(_ref) {
       var field, value, mapItem, checkValue, checked;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      return _regenerator.default.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
               field = _ref.field, value = _ref.value, mapItem = _ref.mapItem;
               checkValue = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.checkValue), {}, (0, _defineProperty2.default)({}, field, value)); // 关联筛选
+
               if (mapItem.relation) {
                 delete checkValue[mapItem.relation];
               }
+
               checked = (0, _objectSpread4.default)((0, _objectSpread4.default)({}, state.checked), {}, (0, _defineProperty2.default)({}, field, mapItem));
               dispatch({
                 type: 'changeCheckValue',
@@ -49,6 +65,7 @@ var BaseFilter = function BaseFilter() {
                 checked: checked
               });
               getChange === null || getChange === void 0 ? void 0 : getChange(checkValue);
+
             case 7:
             case "end":
               return _context.stop();
@@ -56,10 +73,12 @@ var BaseFilter = function BaseFilter() {
         }
       }, _callee);
     }));
+
     return function onChange(_x) {
       return _ref2.apply(this, arguments);
     };
   }();
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, useList === null || useList === void 0 ? void 0 : useList.filter(function (v) {
     return !!v.fixed;
   }).map(function (item) {
@@ -76,5 +95,6 @@ var BaseFilter = function BaseFilter() {
     setList: setList
   }));
 };
+
 var _default = BaseFilter;
 exports.default = _default;

package/lib/Filter/complex/ComplexFilter.js

@@ -1,50 +1,76 @@
 "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/drawer/style");
+
 var _drawer = _interopRequireDefault(require("antd/es/drawer"));
+
 require("antd/es/list/style");
+
 var _list = _interopRequireDefault(require("antd/es/list"));
+
 require("antd/es/input/style");
+
 var _input = _interopRequireDefault(require("antd/es/input"));
+
 require("antd/es/space/style");
+
 var _space = _interopRequireDefault(require("antd/es/space"));
+
 require("antd/es/button/style");
+
 var _button = _interopRequireDefault(require("antd/es/button"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _icons = require("@ant-design/icons");
+
 var _ComplexItem = _interopRequireDefault(require("./ComplexItem"));
+
 var Index = function Index(props) {
   var inputRef = _react.default.useRef();
+
   var data = props.data,
-    onSearch = props.onSearch;
+      onSearch = props.onSearch;
+
   var _useState = (0, _react.useState)('complex'),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    useKey = _useState2[0],
-    setKey = _useState2[1];
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      useKey = _useState2[0],
+      setKey = _useState2[1];
+
   var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    useVisible = _useState4[0],
-    setVisible = _useState4[1];
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      useVisible = _useState4[0],
+      setVisible = _useState4[1];
+
   var _useState5 = (0, _react.useState)(data),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    useData = _useState6[0],
-    setData = _useState6[1];
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      useData = _useState6[0],
+      setData = _useState6[1];
+
   var _useState7 = (0, _react.useState)({}),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    useCheckValue = _useState8[0],
-    setCheckValue = _useState8[1]; // 选中的数据
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      useCheckValue = _useState8[0],
+      setCheckValue = _useState8[1]; // 选中的数据
+
 
   var onPressEnter = function onPressEnter(e) {
     var value = e.target.value;
+
     if (value.trim()) {
       var nValue = data.map(function (v) {
         var hidden = v.title.indexOf(value) < 0;
@@ -57,16 +83,19 @@ var Index = function Index(props) {
       setData(data);
     }
   };
+
   var getChange = function getChange(_ref) {
     var field = _ref.field,
-      value = _ref.value;
+        value = _ref.value;
     var nValue = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, useCheckValue), {}, (0, _defineProperty2.default)({}, field, value));
     setCheckValue(nValue);
   };
+
   var onSearchEvent = function onSearchEvent() {
     onSearch(useCheckValue);
     setVisible(false);
   };
+
   var resetEvent = function resetEvent() {
     setKey(Date.now());
     setCheckValue({});
@@ -74,6 +103,7 @@ var Index = function Index(props) {
     onSearch('');
     inputRef.current.state.value = '';
   };
+
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_button.default, {
     type: "link",
     onClick: function onClick() {
@@ -108,11 +138,12 @@ var Index = function Index(props) {
       return /*#__PURE__*/_react.default.createElement(_ComplexItem.default, {
         key: item.field,
         data: item,
-        onChange: getChange
-        // style={{ display: item.show ? 'block' : 'none' }}
+        onChange: getChange // style={{ display: item.show ? 'block' : 'none' }}
+
       });
     }
   })));
 };
+
 var _default = Index;
 exports.default = _default;