linkmore-design 1.1.32 → 1.1.34

package/es/LmSelect/GhostSelect.js

@@ -2,16 +2,20 @@ import "antd/es/cascader/style";
 import _Cascader from "antd/es/cascader";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 import { useEvent } from '../hooks';
 import { useControllableValue } from 'ahooks';
 import cn from 'classnames';
@@ -20,7 +24,9 @@ import React, { useMemo, useRef, useState } from 'react';
 import IconFont from '../IconFont';
 import VirtualList from '../VirtualList';
 import { getArray, getIsHas, onStringSearch, render } from './utils';
+
 var imgEmpty = require('./icon_placeholder.png');
+
 var FilterEmpty = function FilterEmpty() {
   return /*#__PURE__*/React.createElement("div", {
     className: "filter_empty"
@@ -31,34 +37,37 @@ var FilterEmpty = function FilterEmpty() {
   }), /*#__PURE__*/React.createElement("div", {
     className: "filter_empty_text"
   }, "\u6682\u65E0\u6570\u636E"));
-};
-// 下拉单选过滤器
+}; // 下拉单选过滤器
+
+
 var SelectFilter = function SelectFilter(_ref) {
   var _ref$filters = _ref.filters,
-    filters = _ref$filters === void 0 ? [] : _ref$filters,
-    getFilterValue = _ref.getFilterValue,
-    setFilterValue = _ref.setFilterValue;
-  var inputRef = useRef(null);
-  // 搜索后的筛选项
+      filters = _ref$filters === void 0 ? [] : _ref$filters,
+      getFilterValue = _ref.getFilterValue,
+      setFilterValue = _ref.setFilterValue;
+  var inputRef = useRef(null); // 搜索后的筛选项
+
   var _useState = useState(filters),
-    _useState2 = _slicedToArray(_useState, 2),
-    options = _useState2[0],
-    setOptions = _useState2[1];
-  // 是否存在搜索, 当数据大于8时存在搜索
+      _useState2 = _slicedToArray(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
   var isSearch = useMemo(function () {
     return filters.length > 8;
-  }, [filters.length]);
-  // 搜索
+  }, [filters.length]); // 搜索
+
   var handleFilter = useEvent(function (val) {
     return setOptions(filters.filter(function (v) {
       return onStringSearch(val, v.label);
     }));
-  });
-  // 单选事件
+  }); // 单选事件
+
   var onChange = function onChange(e, item) {
     e.preventDefault();
     setFilterValue(item.value);
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: "filter_dropdown"
   }, isSearch && /*#__PURE__*/React.createElement("div", {
@@ -79,7 +88,8 @@ var SelectFilter = function SelectFilter(_ref) {
     className: "filter_list"
   }, function (_a) {
     var item = _a.item,
-      resetProps = __rest(_a, ["item"]);
+        resetProps = __rest(_a, ["item"]);
+
     return /*#__PURE__*/React.createElement("div", Object.assign({}, resetProps, {
       className: cn('filter_item', {
         checked: item.value === getFilterValue
@@ -91,47 +101,50 @@ var SelectFilter = function SelectFilter(_ref) {
       className: "filter_item-content"
     }, item.label));
   }), !options.length && /*#__PURE__*/React.createElement(FilterEmpty, null)));
-};
-// 下拉多选过滤器: 要过滤的数据, 当前选中项, 触发过滤, 过滤前的数据
+}; // 下拉多选过滤器: 要过滤的数据, 当前选中项, 触发过滤, 过滤前的数据
+
+
 var CheckboxFilter = function CheckboxFilter(_ref2) {
   var _ref2$filters = _ref2.filters,
-    filters = _ref2$filters === void 0 ? [] : _ref2$filters,
-    _ref2$getFilterValue = _ref2.getFilterValue,
-    getFilterValue = _ref2$getFilterValue === void 0 ? [] : _ref2$getFilterValue,
-    setFilterValue = _ref2.setFilterValue;
+      filters = _ref2$filters === void 0 ? [] : _ref2$filters,
+      _ref2$getFilterValue = _ref2.getFilterValue,
+      getFilterValue = _ref2$getFilterValue === void 0 ? [] : _ref2$getFilterValue,
+      setFilterValue = _ref2.setFilterValue;
   var onValuesChange = useEvent(function (checkedValues) {
     return setFilterValue(checkedValues, false);
-  });
-  // 父组件和子组件同步checked状态
+  }); // 父组件和子组件同步checked状态
+
   var _useControllableValue = useControllableValue({
-      value: getFilterValue,
-      onChange: onValuesChange
-    }),
-    _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
-    checkedValues = _useControllableValue2[0],
-    setCheckedValues = _useControllableValue2[1];
-  // 搜索后的筛选项：[{value: '', ... }, ...]
+    value: getFilterValue,
+    onChange: onValuesChange
+  }),
+      _useControllableValue2 = _slicedToArray(_useControllableValue, 2),
+      checkedValues = _useControllableValue2[0],
+      setCheckedValues = _useControllableValue2[1]; // 搜索后的筛选项：[{value: '', ... }, ...]
+
+
   var _useState3 = useState(filters),
-    _useState4 = _slicedToArray(_useState3, 2),
-    options = _useState4[0],
-    setOptions = _useState4[1];
-  // 是否存在搜索, 当数据大于8时存在搜索
+      _useState4 = _slicedToArray(_useState3, 2),
+      options = _useState4[0],
+      setOptions = _useState4[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
   var isSearch = useMemo(function () {
     return filters.length > 8;
-  }, [filters.length]);
-  // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
+  }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
+
   var checkAll = useMemo(function () {
     var isLen = checkedValues.length >= options.length;
     return isLen && options.every(function (_ref3) {
       var value = _ref3.value;
       return checkedValues.includes(value);
     });
-  }, [checkedValues.length, options]);
-  // 是否半选: 存在选中的数据 && 未全选
+  }, [checkedValues.length, options]); // 是否半选: 存在选中的数据 && 未全选
+
   var indeterminate = useMemo(function () {
     return checkedValues.length && !checkAll;
-  }, [checkedValues.length, checkAll]);
-  // 全选事件
+  }, [checkedValues.length, checkAll]); // 全选事件
+
   var onCheckAllChange = function onCheckAllChange(e) {
     var nValue = checkAll ? checkedValues.filter(function (v) {
       return !options.some(function (_ref4) {
@@ -142,14 +155,15 @@ var CheckboxFilter = function CheckboxFilter(_ref2) {
       return v.value;
     })))));
     setCheckedValues(nValue);
-  };
-  // 搜索
+  }; // 搜索
+
+
   var handleFilter = useEvent(function (val) {
     return setOptions(filters.filter(function (v) {
       return onStringSearch(val, v.label);
     }));
-  });
-  // 单选事件
+  }); // 单选事件
+
   var onChange = function onChange(e, item) {
     e.preventDefault();
     e.stopPropagation();
@@ -158,6 +172,7 @@ var CheckboxFilter = function CheckboxFilter(_ref2) {
     }) : [].concat(_toConsumableArray(checkedValues), [item.value]);
     setCheckedValues(arr || undefined);
   };
+
   return /*#__PURE__*/React.createElement("div", {
     className: "select_dropdown"
   }, /*#__PURE__*/React.createElement("div", {
@@ -169,6 +184,7 @@ var CheckboxFilter = function CheckboxFilter(_ref2) {
     onSearch: handleFilter,
     onChange: function onChange(e) {
       var _a;
+
       return handleFilter((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value);
     }
   }), /*#__PURE__*/React.createElement("div", {
@@ -188,7 +204,8 @@ var CheckboxFilter = function CheckboxFilter(_ref2) {
     className: "filter_list"
   }, function (_a) {
     var item = _a.item,
-      resetProps = __rest(_a, ["item"]);
+        resetProps = __rest(_a, ["item"]);
+
     return /*#__PURE__*/React.createElement("div", Object.assign({}, resetProps, {
       className: cn('filter_item', {
         checked: checkedValues.includes(item.value)
@@ -201,56 +218,65 @@ var CheckboxFilter = function CheckboxFilter(_ref2) {
       className: "filter_item-content"
     }, item.label));
   }), !options.length && /*#__PURE__*/React.createElement(FilterEmpty, null)));
-};
-// 级联选择器
+}; // 级联选择器
+
+
 var CascaderFilter = function CascaderFilter(props) {
   var title = props.title,
-    filters = props.filters,
-    getFilterValue = props.getFilterValue,
-    setFilterValue = props.setFilterValue,
-    _props$itemProps = props.itemProps,
-    itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
-    isFiltering = props.isFiltering;
+      filters = props.filters,
+      getFilterValue = props.getFilterValue,
+      setFilterValue = props.setFilterValue,
+      _props$itemProps = props.itemProps,
+      itemProps = _props$itemProps === void 0 ? {} : _props$itemProps,
+      isFiltering = props.isFiltering;
+
   var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    visible = _useState6[0],
-    setVisible = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      visible = _useState6[0],
+      setVisible = _useState6[1];
+
   var _useState7 = useState(filters),
-    _useState8 = _slicedToArray(_useState7, 2),
-    options = _useState8[0],
-    setOptions = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      options = _useState8[0],
+      setOptions = _useState8[1];
+
   var _useState9 = useState('全部'),
-    _useState10 = _slicedToArray(_useState9, 2),
-    text = _useState10[0],
-    setText = _useState10[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      text = _useState10[0],
+      setText = _useState10[1];
+
   var _useState11 = useState(getFilterValue || itemProps.multiple ? [] : ''),
-    _useState12 = _slicedToArray(_useState11, 2),
-    checkedValues = _useState12[0],
-    setCheckedValues = _useState12[1];
-  // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
+      _useState12 = _slicedToArray(_useState11, 2),
+      checkedValues = _useState12[0],
+      setCheckedValues = _useState12[1]; // const isSearch = useMemo(() => filters.length > 8, [filters.length]);
+
+
   var handleFilter = useEvent(function (val) {
     return setOptions(filters.filter(function (v) {
       return onStringSearch(val, v.label);
     }));
-  });
-  // 重置级联弹框
+  }); // 重置级联弹框
+
   var dropdownRender = function dropdownRender(menus) {
-    var inputRef = useRef(null);
-    // 确定
+    var inputRef = useRef(null); // 确定
+
     var handleSure = function handleSure() {
       setFilterValue(itemProps.multiple ? checkedValues.map(function (v) {
         return v[v.length - 1];
       }) : checkedValues);
       setVisible(false);
-    };
-    // 取消
+    }; // 取消
+
+
     var handleReset = function handleReset() {
       if (inputRef.current) {
         inputRef.current.input.value = '';
       }
+
       setFilterValue(undefined);
       setCheckedValues(itemProps.multiple ? [] : '');
     };
+
     return /*#__PURE__*/React.createElement("div", {
       className: "filter_cascader_container filter_dropdown"
     }, /*#__PURE__*/React.createElement("div", {
@@ -275,6 +301,7 @@ var CascaderFilter = function CascaderFilter(props) {
       onClick: handleSure
     }, "\u786E\u5B9A")));
   };
+
   var onChange = function onChange(item, selectedOptions) {
     if (!item.length) {
       setText('全部');
@@ -282,6 +309,7 @@ var CascaderFilter = function CascaderFilter(props) {
       setFilterValue(undefined);
       return;
     }
+
     if (itemProps.multiple) {
       var arr = [];
       selectedOptions.map(function (vals) {
@@ -302,6 +330,7 @@ var CascaderFilter = function CascaderFilter(props) {
       setCheckedValues(item);
     }
   };
+
   var handleClear = function handleClear(e) {
     if (isFiltering) {
       e.stopPropagation();
@@ -310,6 +339,7 @@ var CascaderFilter = function CascaderFilter(props) {
       setFilterValue(undefined);
     }
   };
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Cascader, Object.assign({}, itemProps, {
     options: options,
     value: checkedValues,
@@ -337,37 +367,46 @@ var CascaderFilter = function CascaderFilter(props) {
     onClick: handleClear
   })))));
 };
+
 var FilterComp = function FilterComp(props) {
   var type = props.type,
-    resetProps = __rest(props, ["type"]);
+      resetProps = __rest(props, ["type"]);
+
   switch (type) {
     case 'select':
       return /*#__PURE__*/React.createElement(SelectFilter, Object.assign({}, resetProps));
+
     case 'checkbox':
       return /*#__PURE__*/React.createElement(CheckboxFilter, Object.assign({}, resetProps));
+
     case 'cascader':
       return /*#__PURE__*/React.createElement(CascaderFilter, Object.assign({}, resetProps));
+
     default:
       return /*#__PURE__*/React.createElement(SelectFilter, Object.assign({}, resetProps));
   }
 };
+
 var Index = function Index(props) {
   var className = props.className,
-    dropdownClassName = props.dropdownClassName,
-    title = props.title,
-    type = props.type,
-    options = props.options,
-    children = props.children,
-    style = props.style,
-    comProps = props.props;
+      dropdownClassName = props.dropdownClassName,
+      title = props.title,
+      type = props.type,
+      options = props.options,
+      children = props.children,
+      style = props.style,
+      comProps = props.props;
+
   var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    visible = _useState14[0],
-    setVisible = _useState14[1];
+      _useState14 = _slicedToArray(_useState13, 2),
+      visible = _useState14[0],
+      setVisible = _useState14[1];
+
   var _useState15 = useState(),
-    _useState16 = _slicedToArray(_useState15, 2),
-    value = _useState16[0],
-    setValue = _useState16[1];
+      _useState16 = _slicedToArray(_useState15, 2),
+      value = _useState16[0],
+      setValue = _useState16[1];
+
   var data = useMemo(function () {
     if (options) return options;
     return getArray(children).map(function (item) {
@@ -376,43 +415,51 @@ var Index = function Index(props) {
         value: item.props.value
       };
     });
-  }, [options, children]);
-  // 判断是否正在过滤,普通过滤 && 嵌套过滤
+  }, [options, children]); // 判断是否正在过滤,普通过滤 && 嵌套过滤
+
   var isFiltering = useMemo(function () {
     return getIsHas(value);
-  }, [value]);
-  // 设置过滤的内容 filterType: 'single' 存在时 单个勾选时触发, 默认按钮触发
+  }, [value]); // 设置过滤的内容 filterType: 'single' 存在时 单个勾选时触发, 默认按钮触发
+
   var setFilterValue = useEvent(function (val) {
     var close = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
     var _a;
+
     setValue(val);
     (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val);
     close && setVisible(false);
-  });
-  // 展示的内容
+  }); // 展示的内容
+
   var checkedValue = useMemo(function () {
-    if (!isFiltering) return '全部';
-    // select & checkbox
+    if (!isFiltering) return '全部'; // select & checkbox
+
     if (['select', 'checkbox'].includes(type)) {
       var findItem = data.find(function (v) {
         return Array.isArray(value) ? value.includes(v.value) : value === v.value;
       });
+
       if (!findItem) {
         setFilterValue(type === 'checkbox' ? [] : '');
         return '全部';
       }
+
       var filterLabel = findItem.label;
+
       if (Array.isArray(value)) {
         if (value.length > 1) {
           return "".concat(filterLabel, "\u3001+").concat(value.length - 1, "...");
         }
+
         return filterLabel;
       }
+
       return filterLabel;
     }
+
     return value;
-  }, [comProps, data, isFiltering, setFilterValue, type, value]);
-  // 下拉组件渲染
+  }, [comProps, data, isFiltering, setFilterValue, type, value]); // 下拉组件渲染
+
   var FilterControl = function FilterControl() {
     var obj = {
       filters: data,
@@ -424,14 +471,16 @@ var Index = function Index(props) {
         type: type
       }, obj));
     }());
-  };
-  // 清除筛选项
+  }; // 清除筛选项
+
+
   var handleClear = function handleClear(e) {
     if (isFiltering) {
       e.stopPropagation();
       setFilterValue(type === 'checkbox' ? [] : '');
     }
   };
+
   if (['cascader'].includes(type)) {
     return /*#__PURE__*/React.createElement(FilterComp, Object.assign({}, props, {
       itemProps: comProps,
@@ -442,6 +491,7 @@ var Index = function Index(props) {
       handleClear: handleClear
     }));
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: cn('lm_select_dropdown_base', className),
     style: style
@@ -469,4 +519,5 @@ var Index = function Index(props) {
     onClick: handleClear
   })))));
 };
+
 export default Index;

package/es/LmSelect/NormalSelect.js

@@ -1,23 +1,27 @@
 import "antd/es/select/style";
 import _Select from "antd/es/select";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 import { useEvent } from '../hooks';
 import classNames from 'classnames';
 import React, { forwardRef, useMemo } from 'react';
 import { useCheckboxOptions } from './useCheckboxOptions';
 import { getOptions } from './utils';
-var prefixCls = 'lm_select';
-// 不同类型Select, 不同的默认配置
+var prefixCls = 'lm_select'; // 不同类型Select, 不同的默认配置
+
 var config = {
   select: {
     placeholder: '请选择',
@@ -29,47 +33,53 @@ var config = {
     size: 'middle'
   },
   cascader: {}
-};
-// 基于 antd 的 Select 组件
+}; // 基于 antd 的 Select 组件
+
 var NormalSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-    className = props.className,
-    dropdownClassName = props.dropdownClassName,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'select' : _props$type,
-    options = props.options,
-    showSearch = props.showSearch,
-    others = __rest(props, ["children", "className", "dropdownClassName", "type", "options", "showSearch"]);
+      className = props.className,
+      dropdownClassName = props.dropdownClassName,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'select' : _props$type,
+      options = props.options,
+      showSearch = props.showSearch,
+      others = __rest(props, ["children", "className", "dropdownClassName", "type", "options", "showSearch"]);
+
   var _React$useState = React.useState(others.defaultValue || []),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    checkedValues = _React$useState2[0],
-    setCheckedValues = _React$useState2[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      checkedValues = _React$useState2[0],
+      setCheckedValues = _React$useState2[1];
+
   var _React$useState3 = React.useState(''),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    search = _React$useState4[0],
-    setSearch = _React$useState4[1];
-  // 支持options和children渲染，优先级options > children, 计算时需要把children转换为options
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      search = _React$useState4[0],
+      setSearch = _React$useState4[1]; // 支持options和children渲染，优先级options > children, 计算时需要把children转换为options
+
+
   var renderOptions = useMemo(function () {
     return options || getOptions(children);
   }, [options, children]);
   var onChange = useEvent(function (v) {
     var _a;
+
     setCheckedValues(v);
     (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, v, renderOptions === null || renderOptions === void 0 ? void 0 : renderOptions.filter(function (item) {
       if (typeof v === 'boolean') {
         return v === item.value;
       }
+
       return v === null || v === void 0 ? void 0 : v.includes(item.value);
     }));
   });
   var isSearch = useMemo(function () {
     return showSearch || renderOptions.length > 8;
-  }, [renderOptions.length, showSearch]);
-  // 获取dropdown
+  }, [renderOptions.length, showSearch]); // 获取dropdown
+
   var _dropdownRender = useCheckboxOptions(renderOptions, {
     value: checkedValues,
     onChange: onChange
   }, search);
+
   return /*#__PURE__*/React.createElement(_Select, Object.assign({
     allowClear: true,
     showArrow: true,

package/es/LmSelect/index.js

@@ -1,24 +1,30 @@
 import "antd/es/select/style";
 import _Select from "antd/es/select";
+
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
+
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
+
 import React, { forwardRef } from 'react';
 import GhostSelect from './GhostSelect';
 import NormalSelect from './NormalSelect';
 var CLMSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var ghost = props.ghost,
-    others = __rest(props, ["ghost"]);
+      others = __rest(props, ["ghost"]);
+
   if (ghost) {
     return /*#__PURE__*/React.createElement(GhostSelect, Object.assign({}, others));
   }
+
   return /*#__PURE__*/React.createElement(NormalSelect, Object.assign({}, others));
 });
 var LMSelect = CLMSelect;