@qsxy/element-plus-react 1.0.2 → 1.0.3

package/dist/Notification/Notification.js

@@ -2,10 +2,10 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -15,9 +15,10 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
+import Icon from "../Icon/Icon";
 import Transition from "../Transition/Transition";
 import { PopupManager, mergeDefaultProps } from "../Util";
-import { EVENT_CODE, TypeMap } from "../config/Constants";
+import { EVENT_CODE, TypeComponentsMap } from "../config/Constants";
 import { useClassNames } from "../hooks";
 var Notification = /*#__PURE__*/forwardRef(function (props, ref) {
   props = mergeDefaultProps({
@@ -48,6 +49,7 @@ var Notification = /*#__PURE__*/forwardRef(function (props, ref) {
     afterLeave = _props.afterLeave;
   var _useClassNames = useClassNames(classPrefix),
     b = _useClassNames.b,
+    m = _useClassNames.m,
     e = _useClassNames.e;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -61,7 +63,12 @@ var Notification = /*#__PURE__*/forwardRef(function (props, ref) {
   var timer = useRef(null);
   var notificationRef = useRef(null);
   var contentRef = useRef(null);
-  var verticalProperty = position.startsWith('top') ? 'top' : 'bottom';
+  var horizontalProperty = useMemo(function () {
+    return position.endsWith('right') ? 'right' : 'left';
+  }, [position]);
+  var verticalProperty = useMemo(function () {
+    return position.startsWith('top') ? 'top' : 'bottom';
+  }, [position]);
   var handleClose = useCallback(function () {
     setVisible(false);
     onClose === null || onClose === void 0 || onClose();
@@ -124,20 +131,20 @@ var Notification = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [visible]);
-
-  /** 前缀图标 */
-  var typeClass = useMemo(function () {
-    var _type = !iconClass && type;
-    return _type && TypeMap[_type] ? b("icon-".concat(TypeMap[_type]), false) : '';
-  }, [b, iconClass, type]);
+  var positionStyle = useMemo(function () {
+    return _defineProperty(_defineProperty({}, verticalProperty, "".concat(offset, "px")), "zIndex", PopupManager.nextZIndex());
+  }, [offset, verticalProperty]);
 
   /** 关闭图标 */
+  // const closeIcon = useMemo(() => showClose && <div className={classNames(e`closeBtn`, b('icon-close', false))} onClick={handleClose} />, [showClose, e, b, handleClose]);
   var closeIcon = useMemo(function () {
-    return showClose && /*#__PURE__*/React.createElement("div", {
-      className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["closeBtn"]))), b('icon-close', false)),
+    return showClose && /*#__PURE__*/React.createElement(Icon, {
+      name: "xmark",
+      prefix: "fal",
+      className: classNames(e(_templateObject || (_templateObject = _taggedTemplateLiteral(["closeBtn"])))),
       onClick: handleClose
     });
-  }, [showClose, e, b, handleClose]);
+  }, [showClose, e, handleClose]);
   return /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Transition, {
     nodeRef: notificationRef,
     name: b('notification-fade', false),
@@ -146,19 +153,19 @@ var Notification = /*#__PURE__*/forwardRef(function (props, ref) {
     afterLeave: afterLeave
   }, /*#__PURE__*/React.createElement("div", {
     ref: notificationRef,
-    className: classNames(b(), position.indexOf('right') > 1 ? 'right' : 'left', props.className),
-    style: _objectSpread(_defineProperty(_defineProperty({}, verticalProperty, offset), "zIndex", PopupManager.nextZIndex()), props.style)
+    className: classNames(b(), horizontalProperty, props.className),
+    style: _objectSpread(_objectSpread({}, props.style), positionStyle)
     // 鼠标悬浮停止自动关闭
     ,
     onMouseEnter: clearTimer,
     onMouseLeave: startTimer,
     onClick: props.onClick
-  }, (type || iconClass) && /*#__PURE__*/React.createElement("i", {
-    className: classNames(e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["icon"]))), typeClass, iconClass)
+  }, (type || iconClass) && /*#__PURE__*/React.createElement(Icon, {
+    name: TypeComponentsMap[type],
+    prefix: "fas",
+    className: classNames(e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["icon"]))), _defineProperty({}, m(type), type && TypeComponentsMap[type]), iconClass)
   }), /*#__PURE__*/React.createElement("div", {
-    className: classNames(e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["group"]))), {
-      'is-with-icon': typeClass || iconClass
-    })
+    className: classNames(e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["group"]))))
   }, /*#__PURE__*/React.createElement("h2", {
     className: e(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["title"])))
   }, title), /*#__PURE__*/React.createElement("div", {

package/dist/Select/SelectContext.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { RefObject } from 'react';
 import { OptionData, OptionValue, ValueType } from './typings';
 export interface SelectContextProps {
     value: ValueType;
@@ -6,5 +6,6 @@ export interface SelectContextProps {
     setHover: (value: ValueType) => void;
     onChoose: (value: OptionValue, data: OptionData, e: any) => void;
     multiple: boolean;
+    cachedOptions: RefObject<Map<OptionValue, OptionData>>;
 }
 export declare const SelectContext: import("react").Context<SelectContextProps>;

package/dist/Select/SelectContext.js

@@ -5,5 +5,6 @@ export var SelectContext = /*#__PURE__*/createContext({
   hover: '',
   setHover: noop,
   onChoose: noop,
-  multiple: false
+  multiple: false,
+  cachedOptions: null
 });

package/dist/Select/SelectCore.js

@@ -51,6 +51,7 @@ var SelectCore = /*#__PURE__*/forwardRef(function (props, ref) {
     value = _props.value,
     setValue = _props.setValue,
     disabled = _props.disabled,
+    plain = _props.plain,
     size = _props.size,
     multiValue = _props.multiValue,
     multiOptionData = _props.multiOptionData,
@@ -72,7 +73,8 @@ var SelectCore = /*#__PURE__*/forwardRef(function (props, ref) {
     handleCompositionStart = _props.handleCompositionStart,
     handleCompositionUpdate = _props.handleCompositionUpdate,
     handleCompositionEnd = _props.handleCompositionEnd,
-    tag = _props.tag;
+    tag = _props.tag,
+    cachedOptions = _props.cachedOptions;
   var b = nsSelect.b,
     e = nsSelect.e,
     m = nsSelect.m,
@@ -89,7 +91,9 @@ var SelectCore = /*#__PURE__*/forwardRef(function (props, ref) {
       setValue: setValue,
       onClear: onClear,
       clear: onClear,
-      setVisible: setVisible
+      setVisible: setVisible,
+      cachedOptions: cachedOptions,
+      onChoose: onChoose
     };
   });
   return /*#__PURE__*/React.createElement("div", {
@@ -108,9 +112,10 @@ var SelectCore = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: wrapperRef,
     className: classNames(e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["wrapper"]))), is({
       disabled: disabled,
-      filterable: filterable
+      filterable: filterable,
+      plain: plain
     })),
-    style: props.style,
+    style: append || prepend ? props.style : {},
     onClick: toggleMenu
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames(e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["selection"]))), is({
@@ -215,7 +220,7 @@ var SelectCore = /*#__PURE__*/forwardRef(function (props, ref) {
     className: classNames(e(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["selected-item"]))), e(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["placeholder"]))), is({
       transparent: isEmpty(label) || visible && !inputValue
     }))
-  }, isNotEmpty(value) && typeof value === 'string' && labelFormat ? labelFormat === null || labelFormat === void 0 ? void 0 : labelFormat(-1, value, placeholder) : /*#__PURE__*/React.createElement("span", null, placeholder))), /*#__PURE__*/React.createElement("div", {
+  }, isNotEmpty(value) && typeof value === 'string' && labelFormat ? labelFormat === null || labelFormat === void 0 ? void 0 : labelFormat(-1, value, placeholder) : /*#__PURE__*/React.createElement("span", null, placeholder))), !plain && /*#__PURE__*/React.createElement("div", {
     ref: suffixWrapperRef,
     className: classNames(e(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["suffix"]))), is(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["hidden-clear"]))))
   }, iconComponent ? /*#__PURE__*/React.createElement(Icon, {
@@ -244,7 +249,7 @@ var SelectCore = /*#__PURE__*/forwardRef(function (props, ref) {
     afterLeave: handleAfterLeave,
     placement: 'bottom-start',
     transitionAppear: true,
-    unmountOnExit: true,
+    unmountOnExit: props.unmountOnExit,
     showArrow: showArrow
   }, transitionProps, popperProps), /*#__PURE__*/React.createElement(SelectDropdown, _extends({
     ref: selectDropdownRef,
@@ -255,7 +260,8 @@ var SelectCore = /*#__PURE__*/forwardRef(function (props, ref) {
     contentRef: contentRef,
     popperInstRef: popperInstRef
   }, _props, {
-    onClear: props.onClear
+    onClear: props.onClear,
+    cachedOptions: cachedOptions
   }), props.children)));
 });
 SelectCore.displayName = 'SelectCore';

package/dist/Select/SelectDropdown.js

@@ -35,7 +35,8 @@ var SelectDropdown = /*#__PURE__*/forwardRef(function (props, ref) {
     popperInstRef = props.popperInstRef,
     contentRef = props.contentRef,
     header = props.header,
-    footer = props.footer;
+    footer = props.footer,
+    cachedOptions = props.cachedOptions;
   var _useClassNames = useClassNames('select'),
     b = _useClassNames.b,
     e = _useClassNames.e,
@@ -62,25 +63,27 @@ var SelectDropdown = /*#__PURE__*/forwardRef(function (props, ref) {
     if (filterable && remote) {
       remoteMethod === null || remoteMethod === void 0 || remoteMethod(searchText);
     }
+    if (filterable && filterMethod) {
+      filterMethod === null || filterMethod === void 0 || filterMethod(searchText);
+    }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchText]);
   var filterAction = useCallback(function (p) {
     if (isNotEmpty(searchText) && isNotEmpty(p.value)) {
-      if (filterMethod) {
-        var _p$label;
-        var filterResult = filterMethod((_p$label = p.label) !== null && _p$label !== void 0 ? _p$label : p.value.toString(), searchText);
-        return filterResult;
-      } else {
-        var _ref, _p$label2;
-        var regex = new RegExp(searchText, 'gi');
-        var res = null !== "".concat((_ref = (_p$label2 = p.label) !== null && _p$label2 !== void 0 ? _p$label2 : p.value) !== null && _ref !== void 0 ? _ref : '').match(regex);
-        return res;
-      }
+      var _ref, _p$label;
+      // if (filterMethod) {
+      //     const filterResult = filterMethod(p.label ?? p.value.toString(), searchText);
+      //     return filterResult;
+      // } else {
+      // }
+      var regex = new RegExp(searchText, 'gi');
+      var res = null !== "".concat((_ref = (_p$label = p.label) !== null && _p$label !== void 0 ? _p$label : p.value) !== null && _ref !== void 0 ? _ref : '').match(regex);
+      return res;
     } else {
       return true;
     }
-  }, [filterMethod, searchText]);
+  }, [searchText]);
   var scrollToSelected = useCallback(function () {
     // const node = ulRef.current?.querySelectorAll('.selected');
     // if (node && node.length > 0) {
@@ -138,7 +141,7 @@ var SelectDropdown = /*#__PURE__*/forwardRef(function (props, ref) {
       });
     }
     // 搜索
-    if (filterable && !remote && isNotEmpty(searchText)) {
+    if (filterable && !remote && isNotEmpty(searchText) && !filterMethod) {
       var match = false;
       return props.children ? /*#__PURE__*/React.createElement(React.Fragment, null, Children.toArray(props.children).map(function (item) {
         var _nodeType;
@@ -161,6 +164,10 @@ var SelectDropdown = /*#__PURE__*/forwardRef(function (props, ref) {
           } else {
             return null;
           }
+        } else if (nodeType === 'ElTree') {
+          // filterAction(item.props);
+          match = true;
+          return item;
         }
 
         // if (filterAction(item.props)) {
@@ -179,7 +186,7 @@ var SelectDropdown = /*#__PURE__*/forwardRef(function (props, ref) {
         }, remote ? noMatchText : noDataText);
       }
     }
-  }, [filterable, allowCreate, searchText, remote, multiple, value, props.children, setInputValue, noMatchText, filterAction, be, noDataText]);
+  }, [filterable, allowCreate, searchText, remote, filterMethod, multiple, value, props.children, setInputValue, be, noMatchText, filterAction, noDataText]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(b(_templateObject || (_templateObject = _taggedTemplateLiteral(["dorpdown"]))), is({
       multiple: multiple
@@ -199,7 +206,8 @@ var SelectDropdown = /*#__PURE__*/forwardRef(function (props, ref) {
       onChoose: onChoose,
       hover: hover,
       setHover: setHover,
-      multiple: multiple
+      multiple: multiple,
+      cachedOptions: cachedOptions
     }
   }, /*#__PURE__*/React.createElement(Scrollbar, {
     wrapClass: be('dropdown', 'wrap'),

package/dist/Select/index.d.ts

@@ -1,4 +1,4 @@
 export { default as Option } from './Option';
 export { default as OptionGroup } from './OptionGroup';
 export { default as Select } from './Select';
-export type { SelectOptionGroupProps, SelectOptionProps, SelectProps, SelectRef } from './typings';
+export type { OptionData, SelectOptionGroupProps, SelectOptionProps, SelectProps, SelectRef } from './typings';

package/dist/Select/typings.d.ts

@@ -10,6 +10,8 @@ export type SelectRef = {
     setValue: (value: ValueType) => void;
     onClear: (event?: any) => void;
     setVisible: (value: boolean) => void;
+    cachedOptions: React.RefObject<Map<OptionValue, OptionData>>;
+    onChoose: <T = any>(val: string, data: OptionData<T>, event?: any) => ValueType;
 };
 type Child = React.ReactElement<SelectOptionGroupProps | SelectOptionProps> | React.ReactElement<SelectOptionGroupProps | SelectOptionProps>[];
 export interface SelectProps<V = ValueType> extends Omit<FormControlBaseProps<V>, 'onChange'>, BaseProps<Child | Child[]>, NativeProps, AnimationEventProps, PopperOptions {
@@ -28,7 +30,7 @@ export interface SelectProps<V = ValueType> extends Omit<FormControlBaseProps<V>
     /** 是否可搜索 */
     filterable?: boolean;
     /** 自定义搜索方法 */
-    filterMethod?: (val: ValueType, searchText: string) => boolean;
+    filterMethod?: (searchText: string) => void;
     /** 选项为空时显示的文字 */
     noDataText?: string;
     /** 搜索条件无匹配时显示的文字 */
@@ -85,7 +87,7 @@ export interface SelectProps<V = ValueType> extends Omit<FormControlBaseProps<V>
     tagEffect?: 'light' | 'dark' | 'plain';
     labelFormat?: (index: number, value: OptionValue, label?: OptionValue) => React.ReactElement;
     /** 选中值发生变化时触发 */
-    onChange?: (value: ValueType, data?: OptionData | OptionData[]) => void;
+    onChange?: <T = any>(value: ValueType, data?: OptionData<T> | OptionData<T>[]) => void;
     /** 下拉框出现/隐藏时触发   */
     onVisibleChange?: (visible: boolean) => void;
     /** 多选模式下移除tag时触发/隐藏时触发   */
@@ -99,11 +101,12 @@ export interface SelectProps<V = ValueType> extends Omit<FormControlBaseProps<V>
     /** 下拉列表底部的内容 */
     footer?: React.ReactElement;
     /** 作为 Select 组件的内容时 */
-    tag?: (params: {
-        data: OptionData[];
+    tag?: <T = any>(params: {
+        data: OptionData<T>[];
         selectDisabled: boolean;
-        deleteTag: (event: React.MouseEvent<HTMLElement, MouseEvent>, tag: OptionData) => void;
+        deleteTag: (event: React.MouseEvent<HTMLElement, MouseEvent>, tag: OptionData<T>) => void;
     }) => React.ReactElement;
+    unmountOnExit?: boolean;
 }
 export interface SelectOptionProps extends BaseProps, NativeProps {
     /** 选项的值 */
@@ -114,14 +117,14 @@ export interface SelectOptionProps extends BaseProps, NativeProps {
     data?: any;
     /** 是否禁用该选项 */
     disabled?: boolean;
-    onClick?: (value: ValueType, data: OptionData) => void;
+    onClick?: <T = any>(value: ValueType, data: OptionData<T>) => void;
 }
-export interface OptionData {
+export interface OptionData<T = any> {
     index?: number;
     value: OptionValue;
     label: OptionValue;
     disabled?: boolean;
-    data?: any;
+    data?: T;
 }
 export interface SelectOptionGroupProps extends BaseProps<React.ReactElement<SelectOptionProps> | React.ReactElement<SelectOptionProps>[]>, NativeProps {
     /** 分组的组名 */
@@ -133,13 +136,14 @@ export interface SelectDropdownProps extends SelectProps {
     value: ValueType;
     inputValue: string;
     setInputValue: (value: string) => void;
-    onChoose: (val: string, data: OptionData, event: any) => void;
+    onChoose: <T = any>(val: string, data: OptionData<T>, event: any) => void;
     contentRef: RefObject<HTMLDivElement>;
     popperInstRef: RefObject<PopperOptionRef>;
     /** 下拉列表顶部的内容 */
     header?: React.ReactElement;
     /** 下拉列表底部的内容 */
     footer?: React.ReactElement;
+    cachedOptions: React.RefObject<Map<OptionValue, OptionData>>;
 }
 export interface SelectDropdownRef {
     clear: () => void;

package/dist/Select/useSelect.d.ts

@@ -34,7 +34,7 @@ declare const useSelect: (props: SelectProps) => {
     clearable: boolean;
     clearIcon: import("..").IconName;
     multiple: boolean;
-    onChange: (value: ValueType, data?: OptionData | OptionData[]) => void;
+    onChange: <T = any>(value: ValueType, data?: OptionData<T> | OptionData<T>[]) => void;
     allowCreate: boolean;
     onEnter: (node?: HTMLElement | Text) => void;
     afterLeave: (node?: HTMLElement | Text) => void;
@@ -47,10 +47,10 @@ declare const useSelect: (props: SelectProps) => {
     setValue: (value: ValueType) => void;
     disabled: boolean;
     size: import("..").TypeAttributes.Size;
-    optionData: OptionData[];
+    optionData: OptionData<any>[];
     multiValue: OptionValue[];
-    multiOptionData: OptionData[];
-    selected: OptionData | OptionData[];
+    multiOptionData: OptionData<any>[];
+    selected: OptionData<any> | OptionData<any>[];
     label: string;
     visible: boolean;
     setVisible: React.Dispatch<React.SetStateAction<boolean>>;
@@ -59,10 +59,10 @@ declare const useSelect: (props: SelectProps) => {
     shouldShowPlaceholder: boolean;
     handleEnter: (node: any) => void;
     handleAfterLeave: (node?: any) => void;
-    toggleMenu: (event: React.MouseEvent<HTMLSpanElement>) => void;
+    toggleMenu: (event?: React.MouseEvent<HTMLSpanElement>) => void;
     onCloseTag: (event: React.MouseEvent<HTMLElement, MouseEvent>, item: OptionData) => void;
     onClear: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onChoose: (val: string, data: OptionData, event?: any) => void;
+    onChoose: (val: string, data: OptionData, event?: any) => string | OptionValue[];
     labelFormat: (index: number, value: OptionValue, label?: OptionValue) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     iconComponent: import("..").IconName;
     iconReverse: string;
@@ -71,8 +71,9 @@ declare const useSelect: (props: SelectProps) => {
     handleCompositionStart: (event: React.CompositionEvent<HTMLInputElement>) => void;
     handleCompositionUpdate: (event: React.CompositionEvent<HTMLInputElement>) => void;
     handleCompositionEnd: (event: React.CompositionEvent<HTMLInputElement>) => void;
+    cachedOptions: React.MutableRefObject<Map<OptionValue, OptionData<any>>>;
     valueKey?: string;
-    filterMethod?: (val: ValueType, searchText: string) => boolean;
+    filterMethod?: (searchText: string) => void;
     noDataText?: string;
     noMatchText?: string;
     loading?: boolean;
@@ -95,14 +96,16 @@ declare const useSelect: (props: SelectProps) => {
     remoteMethod?: (searchText: string) => void;
     tagType?: import("..").TypeAttributes.Appearance;
     tagEffect?: "light" | "dark" | "plain";
+    /** 获取所有的option组件 */
     automaticDropdown?: boolean;
     header?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     footer?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    tag?: (params: {
-        data: OptionData[];
+    tag?: <T_1 = any>(params: {
+        data: OptionData<T_1>[];
         selectDisabled: boolean;
-        deleteTag: (event: React.MouseEvent<HTMLElement, MouseEvent>, tag: OptionData) => void;
+        deleteTag: (event: React.MouseEvent<HTMLElement, MouseEvent>, tag: OptionData<T_1>) => void;
     }) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    unmountOnExit?: boolean;
     name?: string;
     readOnly?: boolean;
     defaultValue?: ValueType;

package/dist/Select/useSelect.js

@@ -108,23 +108,21 @@ var useSelect = function useSelect(props) {
   var size = useSize(props.size);
 
   // 单选框显示文本
-  var _useState = useState(null),
+  // const [selected, setSelected] = useState<OptionData | OptionData[]>(null);
+
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    selected = _useState2[0],
-    setSelected = _useState2[1];
-  var _useState3 = useState(false),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState({}),
     _useState4 = _slicedToArray(_useState3, 2),
-    visible = _useState4[0],
-    setVisible = _useState4[1];
-  var _useState5 = useState({}),
-    _useState6 = _slicedToArray(_useState5, 2),
-    popperStyle = _useState6[0],
-    setPopperStyle = _useState6[1];
+    popperStyle = _useState4[0],
+    setPopperStyle = _useState4[1];
   // 多选时input框高度
-  var _useState7 = useState(''),
-    _useState8 = _slicedToArray(_useState7, 2),
-    inputValue = _useState8[0],
-    setInputValue = _useState8[1];
+  var _useState5 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputValue = _useState6[0],
+    setInputValue = _useState6[1];
   var cachedOptions = useRef(new Map());
 
   /** 获取所有的option组件 */
@@ -172,6 +170,15 @@ var useSelect = function useSelect(props) {
     }
     return [];
   }, [multiValue, multiple, optionData]);
+  var selected = useMemo(function () {
+    if (multiple) {
+      return multiOptionData;
+    } else {
+      return [].concat(_toConsumableArray(optionData), _toConsumableArray(Array.from(cachedOptions.current.values()))).find(function (item) {
+        return item.value === value;
+      });
+    }
+  }, [multiple, multiOptionData, optionData, value]);
   var label = useMemo(function () {
     if (!multiple && selected && !Array.isArray(selected)) {
       var _selected$label;
@@ -191,7 +198,7 @@ var useSelect = function useSelect(props) {
         lng: locale
       });
     }
-    if (!_placeholder) {
+    if (props.placeholder) {
       _placeholder = props.placeholder;
     }
     return multiple || isEmpty(label) ? _placeholder : label;
@@ -313,7 +320,7 @@ var useSelect = function useSelect(props) {
    * @returns
    */
   var toggleMenu = useCallback(function (event) {
-    event.preventDefault();
+    event === null || event === void 0 || event.preventDefault();
     event === null || event === void 0 || event.stopPropagation();
     if (disabled) {
       setVisible(false);
@@ -347,7 +354,7 @@ var useSelect = function useSelect(props) {
     event.stopPropagation();
     event.preventDefault();
     setValue(multiple ? [] : '');
-    setSelected(null);
+    // setSelected(null);
     (_selectDropdownRef$cu3 = selectDropdownRef.current) === null || _selectDropdownRef$cu3 === void 0 || _selectDropdownRef$cu3.hover('');
     onChange === null || onChange === void 0 || onChange(multiple ? [] : '');
     onClearProp === null || onClearProp === void 0 || onClearProp();
@@ -358,7 +365,7 @@ var useSelect = function useSelect(props) {
 
   /** 选中项回调 */
   var onChoose = useCallback(function (val, data, event) {
-    event.preventDefault();
+    event === null || event === void 0 || event.preventDefault();
     if (isNotEmpty(val)) {
       var result = val;
       var multiData = [];
@@ -374,9 +381,10 @@ var useSelect = function useSelect(props) {
           result = [].concat(_toConsumableArray(multiValue), [val]);
           multiData = [].concat(_toConsumableArray(multiOptionData), [data]);
         }
-        setSelected(multiData);
+        // setSelected(multiData);
       } else {
-        setSelected(data);
+        setInputValue('');
+        // setSelected(data);
       }
       if (allowCreate && isNotEmpty(inputValue)) {
         var _inputRef$current;
@@ -395,6 +403,7 @@ var useSelect = function useSelect(props) {
       setValue(result);
       onChange === null || onChange === void 0 || onChange(result, multiple ? multiData : data);
       !multiple && toggleMenu(event);
+      return result;
     } else {
       setVisible(false);
     }
@@ -439,19 +448,17 @@ var useSelect = function useSelect(props) {
       return;
     }
     if (multiple && Array.isArray(value)) {
-      setSelected(multiOptionData.filter(function (item) {
-        return value.includes(item.value);
-      }));
+      // setSelected(multiOptionData.filter(item => value.includes(item.value)));
       initedRef.current = true;
     } else {
       if (isNotEmpty(value)) {
         var data = optionData.find(function (item) {
           return item.value === value;
         });
-        setSelected(data);
+        // setSelected(data);
         initedRef.current = true;
       } else {
-        setSelected(null);
+        // setSelected(null);
         initedRef.current = true;
       }
     }
@@ -510,7 +517,8 @@ var useSelect = function useSelect(props) {
     remote: remote,
     handleCompositionStart: handleCompositionStart,
     handleCompositionUpdate: handleCompositionUpdate,
-    handleCompositionEnd: handleCompositionEnd
+    handleCompositionEnd: handleCompositionEnd,
+    cachedOptions: cachedOptions
   });
 };
 export default useSelect;

package/dist/Space/Space.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SpaceProps } from './typings';
+declare const Space: React.MemoExoticComponent<React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>>>;
+export default Space;