linkmore-design 1.0.50 → 1.0.54

package/es/LmFilter/components/EmptyFilter.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _icon_placeholder = _interopRequireDefault(require("../icon_placeholder.png"));
+
+var EmptyFilter = function EmptyFilter() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_empty"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _icon_placeholder.default,
+    alt: "empty",
+    width: 81
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_empty_text"
+  }, "\u6682\u65E0\u6570\u636E"));
+};
+
+var _default = EmptyFilter;
+exports.default = _default;

package/es/LmFilter/components/InputFilter.js

@@ -0,0 +1,52 @@
+"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 = exports.InputFilter = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+var InputFilter = function InputFilter(_ref) {
+  var instance = _ref.instance;
+  var _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? '' : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible;
+  var inputRef = (0, _react.useRef)(null);
+
+  var onChange = function onChange(val) {
+    return setFilterValue(val);
+  };
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      var _inputRef$current;
+
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
+        cursor: 'all'
+      }); // 若开启了 Dropdown => destroyPopupOnHide=true 无需重置操作 反之需开启
+      // inputRef.current?.setValue?.('');
+      // handleFilter('');
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    defaultValue: filterValue,
+    ref: inputRef,
+    onSearch: onChange
+  })));
+};
+
+exports.InputFilter = InputFilter;
+var _default = InputFilter;
+exports.default = _default;

package/es/LmFilter/components/InputSearchClose.js

@@ -0,0 +1,74 @@
+"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _hooks = require("../hooks");
+
+var _excluded = ["value", "onChange", "onSearch"];
+// 搜索输入框, 增加Ref关闭功能
+var InputSearchClose = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var inputRef = (0, _react.useRef)(null);
+  var value = props.value,
+      onChange = props.onChange,
+      onSearch = props.onSearch,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+
+  var _useState = (0, _react.useState)(value),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      aliveValue = _useState2[0],
+      setAliveValue = _useState2[1];
+
+  var delayedQuery = (0, _hooks.useDelayedFn)(500); // 内容改变触发 => 延迟触发
+
+  var handleChange = function handleChange(e) {
+    e === null || e === void 0 ? void 0 : e.persist();
+    setAliveValue === null || setAliveValue === void 0 ? void 0 : setAliveValue(e.target.value);
+    delayedQuery(function () {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+    });
+  }; // 搜索触发 => 立即触发 & 解除上一次的延迟触发
+
+
+  var handleSearch = function handleSearch(val) {
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch(val);
+    delayedQuery.cancel();
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, inputRef.current), {}, {
+      setValue: function setValue(val) {
+        return setAliveValue(val);
+      }
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, (0, _extends2.default)({
+    ref: inputRef,
+    allowClear: true,
+    size: "small",
+    placeholder: "\u8BF7\u8F93\u5165",
+    value: aliveValue,
+    onSearch: handleSearch,
+    onChange: handleChange
+  }, resetProps));
+});
+var _default = InputSearchClose;
+exports.default = _default;

package/es/LmFilter/components/SelectFilter.js

@@ -0,0 +1,113 @@
+"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"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+var _EmptyFilter = _interopRequireDefault(require("./EmptyFilter"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _hooks = require("../hooks");
+
+var _excluded = ["item"];
+
+var SelectFilter = function SelectFilter(_ref) {
+  var instance = _ref.instance,
+      itemProps = _ref.item;
+  var _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? '' : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible;
+  var _itemProps$data = itemProps.data,
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data;
+  var delayedFn = (0, _hooks.useDelayedFn)();
+  var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
+
+  var _useState = (0, _react.useState)(filters),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]);
+
+  var handleFilter = function handleFilter() {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    console.log('val', val);
+    var serachValues = filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    });
+    setOptions(serachValues);
+  }; // 单选事件
+
+
+  var onChange = function onChange(e, obj) {
+    e.preventDefault();
+    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj);
+  }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
+
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      delayedFn(function () {
+        var _inputRef$current, _inputRef$current$foc;
+
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current, {
+          cursor: 'all'
+        });
+      }); // 若开启了 Dropdown => destroyPopupOnHide=true 无需重置操作 反之需开启
+      // inputRef.current?.setValue?.('');
+      // handleFilter('');
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    onSearch: handleFilter,
+    onChange: handleFilter
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref2) {
+    var item = _ref2.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: item.value === (filterValue === null || filterValue === void 0 ? void 0 : filterValue.value)
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item-content"
+    }, item.label));
+  }), !options.length && /*#__PURE__*/_react.default.createElement(_EmptyFilter.default, null)));
+};
+
+var _default = SelectFilter;
+exports.default = _default;

package/es/LmFilter/components/fuzzySearch.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var FuzzySearch = function FuzzySearch(_ref) {
+  var instance = _ref.instance;
+  var inputRef = (0, _react.useRef)(null);
+  var state = instance.state,
+      dispatch = instance.dispatch,
+      size = instance.size,
+      placeholder = instance.placeholder;
+
+  var onSearch = function onSearch(val) {// dispatch();
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_search"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    ref: inputRef,
+    allowClear: true,
+    size: size,
+    placeholder: placeholder,
+    onSearch: onSearch
+  }));
+};
+
+var _default = FuzzySearch;
+exports.default = _default;

package/es/LmFilter/components/index.js

@@ -0,0 +1,97 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DropdownFIlter = _interopRequireDefault(require("./DropdownFIlter"));
+
+var _utils = require("../utils");
+
+var _excluded = ["instance", "item", "value", "onChange", "options"],
+    _excluded2 = ["getFilterValue", "setFilterValue"];
+
+// 下拉筛选组件
+
+/*
+ * 筛选组件使用时只传入 instance, item
+ * 其余参数皆为单独使用时传入
+*/
+var FilterControl = /*#__PURE__*/_react.default.memo(function (props) {
+  var instance = props.instance,
+      item = props.item,
+      value = props.value,
+      onChange = props.onChange,
+      options = props.options,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var getFilterValue = instance.getFilterValue,
+      _setFilterValue = instance.setFilterValue,
+      resetInstanceProps = (0, _objectWithoutProperties2.default)(instance, _excluded2); // 重组item值
+
+  var resetItem = (0, _react.useMemo)(function () {
+    var data = item.data;
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), resetProps), {}, {
+      data: data || options
+    });
+  }, [item, resetProps, options]); // 单独使用时的缓存数据(非受控模式) 默认值: [] || ''
+
+  var _useState = (0, _react.useState)(function () {
+    return (0, _utils.getValueForType)(resetItem.type);
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      aliveValue = _useState2[0],
+      setAliveValue = _useState2[1]; // 单独使用时将值转换为行数据
+
+
+  var transformFilterValue = (0, _react.useMemo)(function () {
+    // 检查是否受控模式
+    var nValue = value || aliveValue;
+    var getOptions = (resetItem === null || resetItem === void 0 ? void 0 : resetItem.data) || [];
+
+    if (!Array.isArray((0, _utils.getValueForType)(resetItem.type))) {
+      return (getOptions === null || getOptions === void 0 ? void 0 : getOptions.find(function (v) {
+        return v.value === nValue;
+      })) || '';
+    } else {
+      return (getOptions === null || getOptions === void 0 ? void 0 : getOptions.filter(function (v) {
+        return nValue.includes(v.value);
+      })) || [];
+    }
+  }, [value, aliveValue, resetItem.data, resetItem.type]); // 单独使用时抛出选中的值: val => obj || Array
+
+  var handleChange = function handleChange(val) {
+    var nValue = Array.isArray(val) ? val.map(function (v) {
+      return v.value;
+    }) : val.value;
+    setAliveValue === null || setAliveValue === void 0 ? void 0 : setAliveValue(nValue);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
+  }; // 重组instance
+
+
+  var resetInstance = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetInstanceProps), {}, {
+    filterValue: (getFilterValue === null || getFilterValue === void 0 ? void 0 : getFilterValue(resetItem)) || transformFilterValue,
+    setFilterValue: function setFilterValue(val) {
+      return (_setFilterValue || handleChange)(val, resetItem.field);
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_DropdownFIlter.default, {
+    instance: resetInstance,
+    item: resetItem
+  });
+});
+
+var _default = FilterControl;
+exports.default = _default;

package/es/LmFilter/customFilter/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var LmFilterCustom = function LmFilterCustom(e) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "LmFilterCustom");
+};
+
+var _default = LmFilterCustom;
+exports.default = _default;

package/es/LmFilter/filterFns/index.js

@@ -0,0 +1,54 @@
+"use strict";
+
+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/esm/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectDestructuringEmpty"));
+
+var _utils = require("../utils");
+
+// 核心参数集合
+var CoreOptions = function CoreOptions(_ref) {
+  var state = _ref.state,
+      dispatch = _ref.dispatch,
+      props = _ref.props;
+  (0, _objectDestructuringEmpty2.default)(props); // 设置筛选的值 item => Object || Array => [{label: '',  value: ''}, ...]
+
+  var setFilterValue = function setFilterValue(item, field) {
+    var basicFilter = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, state.basicFilter), {}, (0, _defineProperty2.default)({}, field, item));
+
+    if (!(0, _utils.getIsHas)(item)) {
+      delete basicFilter[field];
+    }
+
+    ;
+    dispatch({
+      type: 'changeBasicFilter',
+      basicFilter: basicFilter
+    });
+  }; // 根据字段查找过滤的数据, 不存在时返回默认值
+
+
+  var getFilterValue = function getFilterValue(_ref2) {
+    var field = _ref2.field,
+        type = _ref2.type;
+    var defaultValue = (0, _utils.getValueForType)(type);
+    return state.basicFilter[field] || defaultValue;
+  };
+
+  return {
+    setFilterValue: setFilterValue,
+    getFilterValue: getFilterValue
+  };
+};
+
+var _default = CoreOptions;
+exports.default = _default;

package/es/LmFilter/hooks/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _useDelayedFn = require("./useDelayedFn");
+
+Object.keys(_useDelayedFn).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useDelayedFn[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _useDelayedFn[key];
+    }
+  });
+});

package/es/LmFilter/hooks/useDelayedFn.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDelayedFn = exports.default = void 0;
+
+var _react = require("react");
+
+var _lodash = require("lodash");
+
+// 延迟/防抖加载函数, 默认延迟200ms
+var useDelayedFn = function useDelayedFn() {
+  var wait = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
+  var delayedQuery = (0, _react.useCallback)((0, _lodash.debounce)(function (fn) {
+    if (typeof fn === 'function') {
+      fn === null || fn === void 0 ? void 0 : fn();
+    } else {
+      fn;
+    }
+  }, wait), []);
+  return delayedQuery;
+};
+
+exports.useDelayedFn = useDelayedFn;
+var _default = useDelayedFn;
+exports.default = _default;

package/es/LmFilter/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _LmFilter = _interopRequireDefault(require("./LmFilter"));
+
+var _components = _interopRequireDefault(require("./components"));
+
+_LmFilter.default.FilterControl = _components.default;
+var _default = _LmFilter.default;
+exports.default = _default;

package/es/LmFilter/style/index.js

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