linkmore-design 1.1.18 → 1.1.19-beta.1

package/es/LmSelect/GhostSelect.js

@@ -2,20 +2,16 @@ 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';
@@ -24,9 +20,7 @@ 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"
@@ -37,37 +31,34 @@ 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", {
@@ -88,8 +79,7 @@ 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
@@ -101,50 +91,47 @@ 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) {
@@ -155,15 +142,14 @@ 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();
@@ -172,7 +158,6 @@ 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", {
@@ -184,7 +169,6 @@ 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", {
@@ -204,8 +188,7 @@ 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)
@@ -218,65 +201,56 @@ 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", {
@@ -301,7 +275,6 @@ var CascaderFilter = function CascaderFilter(props) {
       onClick: handleSure
     }, "\u786E\u5B9A")));
   };
-
   var onChange = function onChange(item, selectedOptions) {
     if (!item.length) {
       setText('全部');
@@ -309,7 +282,6 @@ var CascaderFilter = function CascaderFilter(props) {
       setFilterValue(undefined);
       return;
     }
-
     if (itemProps.multiple) {
       var arr = [];
       selectedOptions.map(function (vals) {
@@ -330,7 +302,6 @@ var CascaderFilter = function CascaderFilter(props) {
       setCheckedValues(item);
     }
   };
-
   var handleClear = function handleClear(e) {
     if (isFiltering) {
       e.stopPropagation();
@@ -339,7 +310,6 @@ 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,
@@ -367,46 +337,37 @@ 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) {
@@ -415,51 +376,43 @@ 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,
@@ -471,16 +424,14 @@ 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,
@@ -491,7 +442,6 @@ var Index = function Index(props) {
       handleClear: handleClear
     }));
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: cn('lm_select_dropdown_base', className),
     style: style
@@ -519,5 +469,4 @@ var Index = function Index(props) {
     onClick: handleClear
   })))));
 };
-
 export default Index;

package/es/LmSelect/NormalSelect.js

@@ -1,27 +1,23 @@
 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: '请选择',
@@ -33,53 +29,47 @@ 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,30 +1,24 @@
 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;