linkmore-design 1.0.78 → 1.0.81

package/es/CkFilter/baseFilter/filterMenu.js

@@ -1,226 +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 _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 _classnames = _interopRequireDefault(require("classnames"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _IconFont = _interopRequireDefault(require("../../IconFont"));
-
-var _filterTypes = _interopRequireDefault(require("../components/filterTypes"));
-
-var _context = require("../context");
-
-var _utils = require("../utils");
-
-// 过滤菜单
-var FilterMenu = function FilterMenu(props) {
-  var field = props.field,
-      title = props.title,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'checkbox' : _props$type,
-      _props$dateType = props.dateType,
-      dateType = _props$dateType === void 0 ? 'date' : _props$dateType,
-      data = props.data,
-      comProps = props.props;
-
-  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 filterValue = (0, _react.useMemo)(function () {
-    return state.filterValues[field];
-  }, [state.filterValues]); // 判断是否正在过滤,普通过滤 && 嵌套过滤
-
-  var isFiltering = (0, _react.useMemo)(function () {
-    return (0, _utils.getIsHas)(filterValue) || (0, _utils.getIsHas)(state.nestedFilterValues[field]);
-  }, [filterValue, state.nestedFilterValues]); // 设置过滤的内容 filterType: 'single' 存在时 单个勾选时触发, 默认按钮触发
-
-  var setFilterValue = (0, _react.useCallback)(function (val, filterType) {
-    var _state$instance$onCha, _state$instance;
-
-    // 嵌套结构时触发
-    if (filterType === 'children') {
-      dispatch({
-        type: 'changeNestedDrawer',
-        nestedDrawer: {
-          visible: true,
-          data: val,
-          field: field
-        }
-      });
-      setVisible(false);
-      return;
-    }
-
-    var nValue = (0, _objectSpread2.default)({}, state.filterValues); // 嵌套结构单选时删除嵌套数据
-
-    if (type === 'nested') {
-      data.forEach(function (element) {
-        delete nValue[element.value];
-      });
-      var resetValue = (0, _objectSpread2.default)({}, state.nestedFilterValues);
-      delete resetValue[field];
-      dispatch({
-        type: 'changeNestedFilterValues',
-        nestedFilterValues: resetValue
-      });
-    }
-
-    (0, _utils.getIsHas)(val) ? nValue[field] = val : delete nValue[field];
-    dispatch({
-      type: 'changeFilterValues',
-      filterValues: nValue
-    }); // 触发外部查询, 单击时不关闭菜单
-
-    (_state$instance$onCha = (_state$instance = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance, nValue, state.customFilterValues);
-    dispatch({
-      type: 'changeComplexFilterValues',
-      complexFilterValues: {}
-    });
-    !filterType && setVisible(false);
-  }, [dispatch, field, state.filterValues, state.instance]); // 展示的内容
-
-  var checkedValue = (0, _react.useMemo)(function () {
-    if (type === 'date') {
-      var obj = {
-        props: comProps,
-        dateType: dateType,
-        getFilterValue: filterValue,
-        setFilterValue: setFilterValue
-      };
-      return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({
-        type: "datePicker"
-      }, obj));
-    } // 是否存在嵌套结构
-
-
-    if ((0, _utils.getIsHas)(state.nestedFilterValues[field])) {
-      return state.nestedFilterValues[field].label;
-    }
-
-    if (!isFiltering) return '全部'; // select & checkbox
-
-    if (['select', 'checkbox', 'nested'].includes(type)) {
-      var findItem = data.find(function (v) {
-        return Array.isArray(filterValue) ? filterValue.includes(v.value) : filterValue === v.value;
-      });
-
-      if (!findItem) {
-        setFilterValue(type === 'checkbox' ? [] : '');
-        return '全部';
-      }
-
-      var filterLabel = findItem.label;
-
-      if (Array.isArray(filterValue)) {
-        if (filterValue.length > 1) {
-          return "".concat(filterLabel, "\u3001+").concat(filterValue.length - 1, "...");
-        }
-
-        return filterLabel;
-      }
-
-      return filterLabel;
-    }
-
-    return filterValue;
-  }, [comProps, data, isFiltering, setFilterValue, type, filterValue, state.nestedFilterValues, field]); // 下拉组件渲染
-
-  var FilterControl = function FilterControl() {
-    var obj = {
-      filters: data,
-      getFilterValue: filterValue,
-      setFilterValue: setFilterValue
-    };
-    return (0, _utils.render)(function () {
-      return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({
-        type: type
-      }, obj));
-    });
-  }; // 清除筛选项
-
-
-  var handleClear = function handleClear(e) {
-    if (isFiltering) {
-      e.stopPropagation();
-      setFilterValue(type === 'checkbox' ? [] : '');
-    }
-  };
-
-  if (['cascader'].includes(type)) {
-    return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({}, props, {
-      itemProps: comProps,
-      filters: data,
-      isFiltering: isFiltering,
-      getFilterValue: filterValue,
-      setFilterValue: setFilterValue,
-      handleClear: handleClear
-    }));
-  }
-
-  if (type === 'date') {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('filter_item', {
-        isfiltering: isFiltering || visible,
-        active: !isFiltering && visible
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter_item_label"
-    }, title, ":"), /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter_item_value"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "checked"
-    }, checkedValue))));
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
-    trigger: ['click'],
-    visible: visible,
-    placement: "bottomLeft",
-    overlay: FilterControl,
-    onVisibleChange: function onVisibleChange(v) {
-      return setVisible(v);
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('filter_item', {
-      isfiltering: isFiltering || visible,
-      active: !isFiltering && visible
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_item_label"
-  }, title, ":"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_item_value"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "checked"
-  }, checkedValue), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    type: isFiltering ? 'lmweb-close-circle-fill' : 'lmweb-down',
-    className: "addonAfter",
-    onClick: handleClear
-  })))));
-};
-
-var _default = FilterMenu;
-exports.default = _default;

package/es/CkFilter/baseFilter/index.js

@@ -1,94 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _context = require("../context");
-
-var _utils = require("../utils");
-
-var _filterMenu = _interopRequireDefault(require("./filterMenu"));
-
-var _moreFilters = _interopRequireDefault(require("./moreFilters"));
-
-var _NestedFilter = _interopRequireDefault(require("./NestedFilter"));
-
-/* 二级筛选：基础过滤
- * data
- *
- */
-var Filter = function Filter() {
-  var _data$filter, _data$filter$sort;
-
-  var inputRef = (0, _react.useRef)(null);
-
-  var _useStore = (0, _context.useStore)(),
-      state = _useStore.state,
-      dispatch = _useStore.dispatch;
-
-  var _state$instance = state.instance,
-      data = _state$instance.data,
-      onChange = _state$instance.onChange,
-      placeholder = _state$instance.placeholder,
-      searchKey = _state$instance.searchKey,
-      search = _state$instance.search,
-      filter = _state$instance.filter,
-      size = _state$instance.size,
-      isMore = state.isMore,
-      filterValues = state.filterValues,
-      visibleFields = state.visibleFields,
-      orderFields = state.orderFields,
-      customFilterValues = state.customFilterValues,
-      complexFilterValues = state.complexFilterValues;
-
-  var handleFilter = function handleFilter(val) {
-    var nValue = (0, _objectSpread2.default)({}, filterValues);
-
-    if (!(0, _utils.getIsHas)(val) && !(0, _utils.getIsHas)(nValue[searchKey])) {
-      return false;
-    }
-
-    (0, _utils.getIsHas)(val) ? nValue[searchKey] = val : delete nValue[searchKey];
-    dispatch({
-      type: 'changeFilterValues',
-      filterValues: nValue
-    });
-    onChange === null || onChange === void 0 ? void 0 : onChange(nValue, customFilterValues);
-    return false;
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, search && /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_search"
-  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
-    ref: inputRef,
-    allowClear: true,
-    size: size,
-    placeholder: placeholder,
-    onSearch: handleFilter
-  })), filter && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data === null || data === void 0 ? void 0 : (_data$filter = data.filter(function (v) {
-    return visibleFields.includes(v.field);
-  })) === null || _data$filter === void 0 ? void 0 : (_data$filter$sort = _data$filter.sort(function (a, b) {
-    return orderFields.indexOf(a.field) - orderFields.indexOf(b.field);
-  })) === null || _data$filter$sort === void 0 ? void 0 : _data$filter$sort.map(function (v) {
-    return /*#__PURE__*/_react.default.createElement(_filterMenu.default, (0, _extends2.default)({
-      key: v.field
-    }, v));
-  })), /*#__PURE__*/_react.default.createElement(_NestedFilter.default, null));
-};
-
-var _default = Filter;
-exports.default = _default;

package/es/CkFilter/baseFilter/moreFilters.js

@@ -1,237 +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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _linkmoreDesign = require("linkmore-design");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _IconFont = _interopRequireDefault(require("../../IconFont"));
-
-var _filterTypes = _interopRequireDefault(require("../components/filterTypes"));
-
-var _context = require("../context");
-
-var _utils = require("../utils");
-
-var MoreFilters = function MoreFilters() {
-  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 setFilterValue = (0, _react.useCallback)(function (item, type) {
-    // 单选操作: 显隐/过滤
-    if (!type) {
-      // 是否显示, 取反
-      var isVisible = state.visibleFields.includes(item.field);
-      var nValue = isVisible ? state.visibleFields.filter(function (v) {
-        return v !== item.field;
-      }) : [].concat((0, _toConsumableArray2.default)(state.visibleFields), [item.field]);
-      dispatch({
-        type: 'changeVisibleFields',
-        visibleFields: nValue
-      });
-      dispatch({
-        type: 'changeOrderFields',
-        orderFields: [].concat((0, _toConsumableArray2.default)(nValue), (0, _toConsumableArray2.default)(state.orderFields.filter(function (v) {
-          return !nValue.includes(v);
-        })))
-      }); // 收起时，仅当存在筛选条件时, 才会触发筛选改变事件
-
-      if (isVisible && (0, _utils.getIsHas)(state.filterValues[item.field])) {
-        var _state$instance$onCha, _state$instance;
-
-        var filterValues = (0, _objectSpread2.default)({}, state.filterValues);
-        delete filterValues[item.field];
-        dispatch({
-          type: 'changeFilterValues',
-          filterValues: filterValues
-        });
-        (_state$instance$onCha = (_state$instance = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance, filterValues, state.customFilterValues); // 触发外部查询事件
-      }
-    }
-
-    if (type === 'sure') {
-      var _state$instance$onCha2, _state$instance2;
-
-      var flag = false; // 是否触发查询
-
-      dispatch({
-        type: 'changeVisibleFields',
-        visibleFields: item
-      }); // 收起时，仅当存在筛选条件时, 才会触发筛选改变事件
-
-      var _filterValues = (0, _objectSpread2.default)({}, state.filterValues);
-
-      Object.keys(_filterValues).forEach(function (v) {
-        if (!item.includes(v)) {
-          flag = true;
-          delete _filterValues[v];
-        }
-      });
-      dispatch({
-        type: 'changeFilterValues',
-        filterValues: _filterValues
-      });
-      flag && ((_state$instance$onCha2 = (_state$instance2 = state.instance).onChange) === null || _state$instance$onCha2 === void 0 ? void 0 : _state$instance$onCha2.call(_state$instance2, _filterValues, state.customFilterValues)); // 触发外部查询事件
-    } // 重置操作: 输入框的内容不重置
-
-
-    if (type === 'reset') {
-      var _state$instance$onCha3, _state$instance3;
-
-      var searchKey = state.instance.searchKey;
-      var searchValue = state.filterValues[searchKey];
-      var obj = state.originProps.filterValues || {};
-      (0, _utils.getIsHas)(searchValue) ? obj[searchKey] = searchValue : delete obj[searchKey];
-      var visileData = state.originProps.data.filter(function (v) {
-        v.fixed && (0, _utils.getIsHas)(v === null || v === void 0 ? void 0 : v.value) && (obj[v.field] = v.value);
-        return v.fixed;
-      });
-      var options = {
-        filterValues: obj,
-        visibleFields: state.isMore ? visileData.map(function (v) {
-          return v.field;
-        }) : state.originProps.data.map(function (v) {
-          return v.field;
-        }),
-        orderFields: state.originProps.data.sort(function (a, b) {
-          return !!b.fixed - !!a.fixed;
-        }).map(function (v) {
-          return v.field;
-        })
-      };
-      dispatch({
-        type: 'initOptions',
-        options: options
-      });
-      (_state$instance$onCha3 = (_state$instance3 = state.instance).onChange) === null || _state$instance$onCha3 === void 0 ? void 0 : _state$instance$onCha3.call(_state$instance3, obj, state.customFilterValues); // 触发外部查询事件
-    }
-
-    if (type === 'top') {
-      dispatch({
-        type: 'changeOrderFields',
-        orderFields: [item.field].concat((0, _toConsumableArray2.default)(state.orderFields.filter(function (v) {
-          return v !== item.field;
-        })))
-      });
-    }
-
-    if (type === 'move') {
-      var cloneArr = (0, _toConsumableArray2.default)(state.orderFields);
-      var oldIndex = cloneArr.findIndex(function (v) {
-        return v === item.active;
-      });
-      var newIndex = cloneArr.findIndex(function (v) {
-        return v === item.over;
-      }); // 在新位置增加数据
-
-      cloneArr.splice(newIndex, 0, cloneArr.splice(oldIndex, 1)[0]);
-      dispatch({
-        type: 'changeOrderFields',
-        orderFields: cloneArr
-      });
-    } // 全选操作
-
-
-    if (['show', 'hidden'].includes(type)) {
-      var fixed = type === 'show';
-      dispatch({
-        type: 'changeVisibleFields',
-        visibleFields: fixed ? item.map(function (v) {
-          return v.field;
-        }) : []
-      }); // 收起时，仅当存在筛选条件时, 才会触发筛选改变事件
-
-      if (!fixed && (0, _utils.getIsHas)(state.filterValues)) {
-        var _searchKey = state.instance.searchKey;
-        var _searchValue = state.filterValues[_searchKey];
-        var searchObj = (0, _defineProperty2.default)({}, _searchKey, _searchValue); // 判断是否存在选中的筛选数据
-
-        if (JSON.stringify(searchObj) !== JSON.stringify(state.filterValues)) {
-          var _state$instance$onCha4, _state$instance4;
-
-          var _obj = {};
-          (0, _utils.getIsHas)(_searchValue) && (_obj[_searchKey] = _searchValue);
-          dispatch({
-            type: 'changeFilterValues',
-            filterValues: _obj
-          });
-          (_state$instance$onCha4 = (_state$instance4 = state.instance).onChange) === null || _state$instance$onCha4 === void 0 ? void 0 : _state$instance$onCha4.call(_state$instance4, _obj, state.customFilterValues); // 触发外部查询事件
-        }
-      }
-    } // 人性化设计,位置不变无需收起
-
-
-    if (!['top', 'move'].includes(type)) {
-      setVisible(false); // 收起下拉选项框
-    }
-  }, [dispatch, state]);
-  var FilterControl = (0, _react.useCallback)(function () {
-    var _state$instance$data;
-
-    var obj = {
-      filters: (_state$instance$data = state.instance.data) === null || _state$instance$data === void 0 ? void 0 : _state$instance$data.sort(function (a, b) {
-        return state.orderFields.indexOf(a.field) - state.orderFields.indexOf(b.field);
-      }),
-      getFilterValue: state.visibleFields,
-      setFilterValue: setFilterValue
-    };
-    return (0, _utils.render)(function () {
-      return /*#__PURE__*/_react.default.createElement(_filterTypes.default, (0, _extends2.default)({
-        type: "more"
-      }, obj));
-    });
-  }, [setFilterValue, state.instance.data, state.orderFields, state.visibleFields]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Dropdown, {
-    trigger: ['click'],
-    visible: visible,
-    placement: "bottomLeft",
-    overlay: FilterControl,
-    onVisibleChange: function onVisibleChange(v) {
-      return setVisible(v);
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('filter_item filter_item_more', {
-      isfiltering: visible,
-      active: visible
-    })
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "filter_item_value"
-  }, /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    type: "lmweb-plus-circle",
-    className: "addonBefore"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "checked"
-  }, "\u66F4\u591A\u7B5B\u9009"), /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    type: "lmweb-down",
-    className: "addonAfter"
-  })))));
-};
-
-var _default = MoreFilters;
-exports.default = _default;