linkmore-design 1.0.62 → 1.0.63

package/es/LmEditTable/EditTable.js

@@ -1,7 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 
@@ -55,13 +53,15 @@ var __rest = this && this.__rest || function (s, e) {
 import { PlusCircleOutlined } from '@ant-design/icons';
 import moment from 'moment';
 import { arrayMove } from '@dnd-kit/sortable';
-import { Button, Checkbox, IconFont, Input, InputNumber, Radio, Select, Table, Switch, DatePicker } from 'linkmore-design';
+import { Button, Checkbox, IconFont, Input, InputNumber, Radio, Select, Table, Switch, DatePicker, Form } from 'linkmore-design';
 import { get, set } from 'lodash';
 import React, { forwardRef, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, memo, useCallback } from 'react';
 import { produce } from 'immer';
 import DndContainer from './DndContainer';
 import SortableBox from './sortableBox';
+import SortableBoxCol from './sortableBoxCol';
 import SortableItem from './sortableItem';
+import ColSortableItem from './sortableItemCol';
 import DragHandle from './DragHandle';
 import UploadOss from '../UploadOss';
 var UploadBtn = UploadOss.UploadBtn;
@@ -71,11 +71,11 @@ var EditableRow = function EditableRow(_a) {
   var index = _a.index,
       props = __rest(_a, ["index"]);
 
-  var _Form$useForm = _Form.useForm(),
+  var _Form$useForm = Form.useForm(),
       _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
       form = _Form$useForm2[0];
 
-  return /*#__PURE__*/React.createElement(_Form, {
+  return /*#__PURE__*/React.createElement(Form, {
     form: form,
     component: false
   }, /*#__PURE__*/React.createElement(EditableContext.Provider, {
@@ -87,11 +87,11 @@ var EditableSortRow = function EditableSortRow(_a) {
   var index = _a.index,
       props = __rest(_a, ["index"]);
 
-  var _Form$useForm3 = _Form.useForm(),
+  var _Form$useForm3 = Form.useForm(),
       _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
       form = _Form$useForm4[0];
 
-  return /*#__PURE__*/React.createElement(_Form, {
+  return /*#__PURE__*/React.createElement(Form, {
     form: form,
     component: false
   }, /*#__PURE__*/React.createElement(EditableContext.Provider, {
@@ -251,7 +251,8 @@ var EditableCell = function EditableCell(props) {
       clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
 
   var _col$componentProps = col.componentProps,
-      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps; // const checkCellRef = useRef(null)
+      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps,
+      dataIndex = col.dataIndex; // const checkCellRef = useRef(null)
   // const focusCapturedRef = useRef(false);
   // const curValue = useMemo(() => {
   //   return record?.dataIndex
@@ -282,35 +283,51 @@ var EditableCell = function EditableCell(props) {
 
             case 6:
               values = _context.t0;
-              console.log(Object.assign(Object.assign({
-                record: record
-              }, values), _defineProperty({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), 'vvvv');
-              console.time('testForEach');
-              handleSave(Object.assign(Object.assign(Object.assign({}, record), values), _defineProperty({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])));
-              console.timeEnd('testForEach');
-              _context.next = 13;
+
+              // console.time('testForEach');
+
+              /** 如果属于中有唯一性，并且当前的值与唯一值不一致，则改变其他的 */
+              if (componentProps.isOnlyValue !== undefined && values[dataIndex] !== record[dataIndex] && ![undefined, null].includes(values[dataIndex])) {
+                handleSave(Object.assign(Object.assign(Object.assign({}, record), values), _defineProperty({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])), {
+                  only: {
+                    key: dataIndex,
+                    value: componentProps.isOnlyValue
+                  }
+                });
+              } else {
+                handleSave(Object.assign(Object.assign(Object.assign({}, record), values), _defineProperty({}, rowKey, record === null || record === void 0 ? void 0 : record[rowKey])));
+              } // console.timeEnd('testForEach');
+
+
+              _context.next = 10;
               return form.validateFields();
 
-            case 13:
-              _context.next = 17;
+            case 10:
+              _context.next = 14;
               break;
 
-            case 15:
-              _context.prev = 15;
+            case 12:
+              _context.prev = 12;
               _context.t1 = _context["catch"](0);
 
-            case 17:
+            case 14:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[0, 15]]);
+      }, _callee, null, [[0, 12]]);
     }));
   }; // 触发保存
 
 
   var handleFormItemChange = function handleFormItemChange(e) {
-    save === null || save === void 0 ? void 0 : save();
+    save === null || save === void 0 ? void 0 : save(); // const { dataIndex } = col
+    // if (componentProps.isOnlyValue !== undefined) {
+    //   console.log(777)
+    //   handleCopy?.(dataIndex, componentProps.isOnlyValue)
+    // } else {
+    //   save?.()
+    // }
   };
   /** 快捷刷子，把当前的所有列的值，刷成当前的选中的列 */
 
@@ -331,13 +348,13 @@ var EditableCell = function EditableCell(props) {
           // ref={checkCellRef}
           placeholder: "\u8BF7\u8F93\u5165"
         }, componentProps, {
-          addonBefore: componentProps.addonBefore ? /*#__PURE__*/React.createElement(_Form.Item, {
+          addonBefore: componentProps.addonBefore ? /*#__PURE__*/React.createElement(Form.Item, {
             name: [col.dataIndex, 'addonBeforeValue'],
             noStyle: true
           }, /*#__PURE__*/React.cloneElement(componentProps.addonBefore, {
             onChange: handleFormItemChange
           })) : null,
-          addonAfter: componentProps.addonAfter ? /*#__PURE__*/React.createElement(_Form.Item, {
+          addonAfter: componentProps.addonAfter ? /*#__PURE__*/React.createElement(Form.Item, {
             name: [col.dataIndex, 'addonAfterValue'],
             noStyle: true
           }, /*#__PURE__*/React.cloneElement(componentProps.addonAfter, {
@@ -458,7 +475,9 @@ var EditableCell = function EditableCell(props) {
     var childNode = children;
 
     if (isEdit && editable) {
-      childNode = /*#__PURE__*/React.createElement(_Form.Item, Object.assign({
+      childNode = /*#__PURE__*/React.createElement(Form.Item, Object.assign({
+        errorPlacement: "right",
+        valuePropName: editable === 'switch' ? 'checked' : 'value',
         style: {
           margin: 0
         }
@@ -467,7 +486,8 @@ var EditableCell = function EditableCell(props) {
       }), Control(editable));
 
       if (editable === 'input' && ((componentProps === null || componentProps === void 0 ? void 0 : componentProps.addonBefore) || (componentProps === null || componentProps === void 0 ? void 0 : componentProps.addonAfter))) {
-        childNode = /*#__PURE__*/React.createElement(_Form.Item, Object.assign({
+        childNode = /*#__PURE__*/React.createElement(Form.Item, Object.assign({
+          errorPlacement: "right",
           style: {
             margin: 0
           }
@@ -486,9 +506,17 @@ var EditableCell = function EditableCell(props) {
     var editable = col.editable,
         dataIndex = col.dataIndex;
 
-    if (isEdit && editable && record[dataIndex] || isHoverEdit && editable && record[dataIndex]) {
+    if (isEdit && editable) {
       form.setFieldsValue(_defineProperty({}, dataIndex, editable === 'date' ? moment(record[dataIndex]) : record[dataIndex]));
-    }
+    } // if (
+    //   (isEdit && editable && record[dataIndex]) ||
+    //   (isHoverEdit && editable && record[dataIndex])
+    // ) {
+    //   form.setFieldsValue({
+    //     [dataIndex]: editable === 'date' ? moment(record[dataIndex]) : record[dataIndex],
+    //   })
+    // }
+
   }, [record]); // const isOpenEdit = (isEdit && focusCapturedRef.current) || (isHoverEdit && focusCapturedRef.current);
   // const classNames = cx({
   //   'lm_base_editTable_cell': true,
@@ -539,9 +567,11 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       useQuickOpetate = props.useQuickOpetate,
       rowSelection = props.rowSelection,
       sortOpen = props.sortOpen,
+      colSortOpen = props.colSortOpen,
+      filterChange = props.filterChange,
       _props$size = props.size,
       size = _props$size === void 0 ? 'small' : _props$size,
-      resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "size"]);
+      resetProps = __rest(props, ["value", "columns", "isEdit", "isAdd", "onChange", "rowKey", "rowHoverEdit", "isUseForm", "isHoverEdit", "useQuickOpetate", "rowSelection", "sortOpen", "colSortOpen", "filterChange", "size"]);
 
   var _useState = useState([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -582,6 +612,22 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     } else {
       setDataSource(arrayMove(cloneArr, oldIndex, newIndex));
     }
+  };
+
+  var onColSortEnd = function onColSortEnd(active, over) {
+    console.log(active, over, 2223);
+    var oldIndex = columns.findIndex(function (item) {
+      return item.dataIndex === active;
+    });
+    var newIndex = columns.findIndex(function (item) {
+      return item.dataIndex === over;
+    });
+    console.log(arrayMove(columns, oldIndex, newIndex), 222);
+    filterChange === null || filterChange === void 0 ? void 0 : filterChange(arrayMove(columns, oldIndex, newIndex).map(function (item, index) {
+      return Object.assign(Object.assign({}, item), {
+        order: index
+      });
+    }));
   }; // 删除
 
 
@@ -640,26 +686,36 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
     (_a = rowSelection === null || rowSelection === void 0 ? void 0 : rowSelection.onChange) === null || _a === void 0 ? void 0 : _a.call(rowSelection, selectRows);
   };
 
-  var handleSave = function handleSave(row) {
+  var handleSave = function handleSave(row, options) {
     var res = produce(dataSourceRef.current, function (draft) {
-      var index = draft.findIndex(function (item) {
-        return row[_rowKey] === item[_rowKey];
-      });
+      if (options === null || options === void 0 ? void 0 : options.only) {
+        var _ref2 = options === null || options === void 0 ? void 0 : options.only,
+            key = _ref2.key,
+            value = _ref2.value;
+
+        draft.forEach(function (item, index) {
+          if (row[_rowKey] === item[_rowKey]) {
+            draft[index] = row;
+          } else {
+            draft[index][key] = value;
+          }
+        });
+      } else {
+        var index = draft.findIndex(function (item) {
+          return row[_rowKey] === item[_rowKey];
+        });
 
-      if (index !== -1) {
-        draft[index] = row;
+        if (index !== -1) {
+          draft[index] = row;
+        }
       }
     });
-    console.time('b');
-    console.log(res, 'rrrr');
 
     if (onChange) {
       onChange === null || onChange === void 0 ? void 0 : onChange(res);
     } else {
       setDataSource(res);
     }
-
-    console.timeEnd('b');
   };
 
   var reWriteOriginSource = function reWriteOriginSource(rowKey, rowValue, dataIndex, nextValue) {
@@ -838,10 +894,39 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       items: (_b = dataSourceRef.current) === null || _b === void 0 ? void 0 : _b.map(function (item) {
         return item[_rowKey];
       })
-    }, /*#__PURE__*/React.createElement("tbody", Object.assign({}, props)))) // <tbody {...props} />
-    ;
+    }, /*#__PURE__*/React.createElement("tbody", Object.assign({}, props))));
   }, [sortEditTable]);
+  var colDraggableContainer = useCallback(function (_a) {
+    var props = __rest(_a, []);
+
+    return /*#__PURE__*/React.createElement("tr", null, React.Children.map(props.children, function (child) {
+      var _a, _b;
+
+      if ((_b = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.fixed) {
+        return child;
+      }
+
+      return /*#__PURE__*/React.createElement(ColSortableItem, {
+        id: child.key
+      }, child);
+    }));
+  }, [columns]);
   var config = useMemo(function () {
+    var component = {
+      body: Object.assign({
+        row: sortOpen ? EditableSortRow : EditableRow,
+        cell: EditableCell
+      }, sortOpen ? {
+        wrapper: DraggableContainer
+      } : {})
+    };
+
+    if (colSortOpen) {
+      component['header'] = {
+        row: colDraggableContainer
+      };
+    }
+
     return Object.assign({
       pagination: false,
       tableLayout: 'fixed',
@@ -851,17 +936,9 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
       rowKey: function rowKey(record) {
         return record[_rowKey] || record.index || Math.random();
       },
-      components: {
-        body: Object.assign({
-          row: sortOpen ? EditableSortRow : EditableRow,
-          cell: EditableCell // wrapper: DraggableContainer
-
-        }, sortOpen ? {
-          wrapper: DraggableContainer
-        } : {})
-      }
+      components: component
     }, resetProps);
-  }, [resultColumns, dataSource, sortOpen, size]);
+  }, [resultColumns, dataSource, sortOpen, colSortOpen, size]);
   useEffect(function () {
     setDataSource(defaultData === null || defaultData === void 0 ? void 0 : defaultData.map(function (v, idx) {
       return Object.assign(Object.assign({}, v), _defineProperty({}, _rowKey, v[_rowKey] || "v".concat(idx + 1)));
@@ -877,7 +954,48 @@ var EditTable = /*#__PURE__*/forwardRef(function (props, ref) {
   });
   var isShowAddAction = useMemo(function () {
     return isEdit && isAdd || isHoverEdit && isAdd;
-  }, [isEdit, isAdd, isHoverEdit]); // @ts-ignore
+  }, [isEdit, isAdd, isHoverEdit]);
+
+  if (colSortOpen) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "lm_editTable_warpper"
+    }, /*#__PURE__*/React.createElement(DndContainer, {
+      move: onColSortEnd
+    }, /*#__PURE__*/React.createElement(SortableBoxCol, {
+      items: columns.reduce(function (acc, item) {
+        return [].concat(_toConsumableArray(acc), [item.dataIndex]);
+      }, [])
+    }, /*#__PURE__*/React.createElement(Table, Object.assign({}, config, {
+      size: size || 'small',
+      columns: resultColumns,
+      rowClassName: "editable-row",
+      bordered: true,
+      pagination: false,
+      // components={tableComponents}
+      rowSelection: !rowSelection ? undefined : {
+        fixed: true,
+        type: 'checkbox',
+        columnWidth: 36,
+        selectedRowKeys: localRowSelectList.map(function (v) {
+          return v[_rowKey];
+        }),
+        onChange: function onChange(selectedRowKeys, selectedRows) {
+          editTableRowChange(selectedRows);
+        }
+      },
+      dataSource: dataSource
+    })))), isShowAddAction && /*#__PURE__*/React.createElement(Button, {
+      className: "lm_editTable_add_bar",
+      type: "dashed",
+      onClick: handleAdd,
+      style: {
+        marginTop: 8
+      }
+    }, /*#__PURE__*/React.createElement(PlusCircleOutlined, {
+      className: "lmweb-plus"
+    }), "\u65B0\u589E"));
+  } // @ts-ignore
+
 
   return /*#__PURE__*/React.createElement("div", {
     className: "lm_editTable_warpper"

package/es/LmEditTable/sortableBoxCol.d.ts

@@ -0,0 +1,5 @@
+declare const SortableBox: ({ items, children }: {
+    items: any;
+    children: any;
+}) => JSX.Element;
+export default SortableBox;

package/es/LmEditTable/sortableBoxCol.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SortableContext, horizontalListSortingStrategy } from '@dnd-kit/sortable';
+
+var SortableBox = function SortableBox(_ref) {
+  var items = _ref.items,
+      children = _ref.children;
+  return /*#__PURE__*/React.createElement(SortableContext, {
+    items: items,
+    strategy: horizontalListSortingStrategy
+  }, children);
+};
+
+export default SortableBox;

package/es/LmEditTable/sortableItemCol.d.ts

@@ -0,0 +1 @@
+export default function SortableItem(props: any): JSX.Element;

package/es/LmEditTable/sortableItemCol.js

@@ -0,0 +1,48 @@
+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 { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+var Item = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var children = _a.children,
+      props = __rest(_a, ["children"]);
+
+  return /*#__PURE__*/React.createElement("th", Object.assign({}, props, {
+    ref: ref
+  }), children);
+});
+export default function SortableItem(props) {
+  var _useSortable = useSortable({
+    id: props.id
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    position: 'relative',
+    transform: CSS.Translate.toString(transform),
+    transition: transition,
+    padding: 0,
+    touchAction: 'none',
+    height: '40px',
+    cursor: 'move'
+  };
+  return /*#__PURE__*/React.createElement(Item, Object.assign({
+    ref: setNodeRef,
+    style: style
+  }, attributes, listeners, props));
+}

package/es/LmFilter/clearFilter/index.js

@@ -14,13 +14,11 @@ var _linkmoreDesign = require("linkmore-design");
 var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
   var instance = _ref.instance;
   var state = instance.state,
-      dispatch = instance.dispatch;
+      dispatch = instance.dispatch,
+      onClearChange = instance.onClearChange;
 
   var handleClear = function handleClear() {
-    console.log('state', state);
-    dispatch({
-      type: 'reset'
-    });
+    onClearChange();
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {

package/es/LmFilter/complexFilter/drawer.js

@@ -188,20 +188,32 @@ var ListItemChecked = function ListItemChecked(_ref) {
 
 
 var ListGroup = function ListGroup(_ref2) {
-  var instance = _ref2.instance;
+  var instance = _ref2.instance,
+      filterItemData = _ref2.filterItemData;
   var state = instance.state,
       dispatch = instance.dispatch,
       dataSource = instance.dataSource;
+  var inputRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(function () {
     return dataSource;
   }),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       options = _useState2[0],
-      setOptions = _useState2[1];
+      setOptions = _useState2[1]; // 未过滤的筛选项
+
+
+  var getNotFilters = (0, _react.useCallback)(function () {
+    return dataSource === null || dataSource === void 0 ? void 0 : dataSource.filter(function (v) {
+      return !(filterItemData === null || filterItemData === void 0 ? void 0 : filterItemData.some(function (s) {
+        return s.field === v.field;
+      }));
+    });
+  }, [dataSource, filterItemData]);
 
   var handleSearch = function handleSearch(val) {
-    setOptions(dataSource.filter(function (v) {
+    var arr = getNotFilters();
+    setOptions(arr.filter(function (v) {
       var _v$title;
 
       return ((_v$title = v.title) === null || _v$title === void 0 ? void 0 : _v$title.indexOf(val)) > -1;
@@ -228,6 +240,12 @@ var ListGroup = function ListGroup(_ref2) {
     });
   };
 
+  (0, _react.useEffect)(function () {
+    var _inputRef$current, _inputRef$current$inp;
+
+    var val = ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$inp = _inputRef$current.input) === null || _inputRef$current$inp === void 0 ? void 0 : _inputRef$current$inp.value) || '';
+    handleSearch(val);
+  }, [filterItemData]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "list_group"
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -235,6 +253,7 @@ var ListGroup = function ListGroup(_ref2) {
   }, "\u9009\u62E9\u67E5\u8BE2\u9879"), /*#__PURE__*/_react.default.createElement("div", {
     className: "list_group_search"
   }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input.Search, {
+    ref: inputRef,
     allowClear: true,
     size: "default",
     placeholder: "\u8BF7\u8F93\u5165",
@@ -359,7 +378,8 @@ var ComplexDrawer = function ComplexDrawer(_ref5) {
       item: item
     }));
   })), /*#__PURE__*/_react.default.createElement(ListGroup, {
-    instance: instance
+    instance: instance,
+    filterItemData: filterItemData
   })), /*#__PURE__*/_react.default.createElement(_valueDrawer.default, {
     instance: instance
   })));

package/es/LmFilter/components/CheckboxFilter.js

@@ -171,7 +171,7 @@ var CheckboxFilter = function CheckboxFilter(_ref) {
       }
     }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
       value: item.value,
-      className: "filter_item-content"
+      className: "filter_item_content"
     }, item.label));
   }), !options.length && /*#__PURE__*/_react.default.createElement(_EmptyFilter.default, null)), /*#__PURE__*/_react.default.createElement("div", {
     className: "filter_footer"

package/es/LmFilter/components/CustomSelectFilter.js

@@ -0,0 +1,128 @@
+"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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _hooks = require("../hooks");
+
+var _excluded = ["item"];
+
+// 自定义筛选使用
+var CustomSelect = function CustomSelect(_ref) {
+  var instance = _ref.instance;
+  var _instance$filters = instance.filters,
+      filters = _instance$filters === void 0 ? [] : _instance$filters,
+      _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? '' : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  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] : '';
+    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.value);
+  };
+
+  var handleAdd = function handleAdd(e) {
+    setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+  }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
+
+
+  (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'
+        });
+      });
+    }
+  }, [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
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item_content"
+    }, item.label), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item_operate"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "icon_hover"
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-edit"
+    })), item.default && /*#__PURE__*/_react.default.createElement("div", null, "\u9ED8\u8BA4")));
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item last_item",
+    onClick: function onClick(e) {
+      return handleAdd(e);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item-content"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-plus"
+  }), "\u65B0\u589E\u81EA\u5B9A\u4E49\u67E5\u8BE2"))));
+};
+
+var _default = CustomSelect;
+exports.default = _default;