@qsxy/element-plus-react 1.0.0-next.8 → 1.0.2

package/dist/Select/SelectDropdown.js

@@ -1,194 +1,216 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var _templateObject;
+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); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import classNames from 'classnames';
+import React, { Children, cloneElement, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useConfigProvider } from "../ConfigProvider/ConfigProviderContext";
+import Scrollbar from "../Scrollbar/Scrollbar";
+import { isNotEmpty } from "../Util";
+import { useClassNames } from "../hooks";
+import Option from "./Option";
+import { SelectContext } from "./SelectContext";
+var SelectDropdown = /*#__PURE__*/forwardRef(function (props, ref) {
+  var value = props.value,
+    filterable = props.filterable,
+    allowCreate = props.allowCreate,
+    _props$multiple = props.multiple,
+    multiple = _props$multiple === void 0 ? false : _props$multiple,
+    filterMethod = props.filterMethod,
+    _props$remote = props.remote,
+    remote = _props$remote === void 0 ? false : _props$remote,
+    remoteMethod = props.remoteMethod,
+    loadingText = props.loadingText,
+    loadingIcon = props.loadingIcon,
+    noMatchText = props.noMatchText,
+    noDataText = props.noDataText,
+    searchText = props.inputValue,
+    setInputValue = props.setInputValue,
+    onChoose = props.onChoose,
+    popperInstRef = props.popperInstRef,
+    contentRef = props.contentRef,
+    header = props.header,
+    footer = props.footer;
+  var _useClassNames = useClassNames('select'),
+    b = _useClassNames.b,
+    e = _useClassNames.e,
+    be = _useClassNames.be,
+    is = _useClassNames.is;
+  var ulRef = useRef(null);
+  var _useConfigProvider = useConfigProvider(),
+    locale = _useConfigProvider.locale;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
 
-// src/Select/SelectDropdown.tsx
-var SelectDropdown_exports = {};
-__export(SelectDropdown_exports, {
-  default: () => SelectDropdown_default
-});
-module.exports = __toCommonJS(SelectDropdown_exports);
-var import_classnames = __toESM(require("classnames"));
-var import_trim = __toESM(require("lodash/trim"));
-var import_react = __toESM(require("react"));
-var import_scroll_into_view_if_needed = __toESM(require("scroll-into-view-if-needed"));
-var import_Divider = require("../Divider");
-var import_Icon = require("../Icon");
-var import_Input = require("../Input");
-var import_Scrollbar = require("../Scrollbar");
-var import_Util = require("../Util");
-var import_hooks = require("../hooks");
-var import_Option = __toESM(require("./Option"));
-var import_SelectContext = require("./SelectContext");
-var SelectDropdown = (0, import_react.forwardRef)((props, ref) => {
-  const {
-    value,
-    filterable,
-    multiple = false,
-    filterMethod,
-    loadingText,
-    noMatchText,
-    noDataText,
-    searchInstance,
-    createItem,
-    setCreateItem,
-    createInputRef,
-    onChoose,
-    popperInstRef,
-    contentRef
-  } = props;
-  const { b, e, be, is } = (0, import_hooks.useClassNames)("select");
-  const ulRef = (0, import_react.useRef)(null);
-  const [hover, setHover] = (0, import_react.useState)(value);
-  const [searchText, setSearchText] = (0, import_react.useState)("");
-  (0, import_react.useEffect)(() => {
-    var _a;
+  // 下拉项高亮
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    hover = _useState2[0],
+    setHover = _useState2[1];
+
+  /** 搜索时 */
+  useEffect(function () {
     if (popperInstRef.current && popperInstRef.current.update) {
-      (_a = popperInstRef.current) == null ? void 0 : _a.update();
+      var _popperInstRef$curren;
+      (_popperInstRef$curren = popperInstRef.current) === null || _popperInstRef$curren === void 0 || _popperInstRef$curren.update();
+    }
+    if (filterable && remote) {
+      remoteMethod === null || remoteMethod === void 0 || remoteMethod(searchText);
     }
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchText]);
-  const onClearSearch = (0, import_react.useCallback)((event) => {
-    event == null ? void 0 : event.stopPropagation();
-    setSearchText("");
+  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;
+      }
+    } else {
+      return true;
+    }
+  }, [filterMethod, searchText]);
+  var scrollToSelected = useCallback(function () {
+    // const node = ulRef.current?.querySelectorAll('.selected');
+    // if (node && node.length > 0) {
+    //     scrollIntoView(node[0], {
+    //         scrollMode: 'if-needed',
+    //         block: 'center',
+    //     });
+    // }
   }, []);
-  const onSearch = (0, import_react.useCallback)(
-    (val) => {
-      const keywords = (0, import_trim.default)(val + "");
-      if (keywords === searchText) {
-        return;
-      } else if ((0, import_Util.isEmpty)(keywords)) {
-        setSearchText("");
+
+  // useEffect(() => {
+  //     if (remoteSearch == '') {
+  //         remoteMethod?.('');
+  //     }
+  // }, [remoteSearch]);
+
+  useImperativeHandle(ref, function () {
+    return {
+      clear: function clear() {
+        remoteMethod === null || remoteMethod === void 0 || remoteMethod('');
+      },
+      hover: setHover,
+      scrollToSelected: scrollToSelected
+    };
+  });
+  var loading = useMemo(function () {
+    if (loadingIcon) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: be('dropdown', 'loading')
+      }, loadingIcon);
+    } else if (loadingText) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: be('dropdown', 'empty')
+      }, loadingText);
+    }
+  }, [be, loadingIcon, loadingText]);
+  var options = useMemo(function () {
+    // 正在创建新的选项
+    if (filterable && allowCreate && isNotEmpty(searchText)) {
+      // 单选时的创建项显示在下拉项里
+      if (!multiple && value === searchText) {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, searchText && !multiple && /*#__PURE__*/React.createElement(Option, {
+          value: searchText,
+          label: searchText
+        }), props.children);
       }
-      setSearchText(keywords);
-    },
-    [searchText]
-  );
-  const filterAction = (0, import_react.useCallback)(
-    (p) => {
-      if ((0, import_Util.isNotEmpty)(searchText) && (0, import_Util.isNotEmpty)(p.value)) {
-        if (filterMethod) {
-          const filterResult = filterMethod(p.label ?? p.value.toString(), searchText);
-          return filterResult;
-        } else {
-          const regex = new RegExp(searchText, "gi");
-          const res = null !== (p.label ?? p.value.toString()).match(regex);
-          return res;
+      return /*#__PURE__*/React.createElement(Option, {
+        value: searchText,
+        label: searchText,
+        onClick: function onClick() {
+          if (multiple) {
+            setInputValue('');
+          }
         }
-      } else {
-        return true;
-      }
-    },
-    [filterMethod, searchText]
-  );
-  const scrollToSelected = (0, import_react.useCallback)(() => {
-    var _a;
-    const node = (_a = ulRef.current) == null ? void 0 : _a.querySelectorAll(".selected");
-    if (node && node.length > 0) {
-      (0, import_scroll_into_view_if_needed.default)(node[0], {
-        scrollMode: "if-needed",
-        block: "center"
       });
     }
-  }, []);
-  (0, import_react.useImperativeHandle)(ref, () => ({
-    clear: () => setSearchText(""),
-    hover: setHover,
-    scrollToSelected
-  }));
-  const loading = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_Option.default, { className: "no-data", value: "" }, loadingText),
-    [loadingText]
-  );
-  const options = (0, import_react.useMemo)(() => {
-    if ((0, import_Util.isNotEmpty)(searchText)) {
-      let match = false;
-      return props.children ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, import_react.Children.toArray(props.children).map((item) => {
-        let nodeType = item == null ? void 0 : item.type;
-        nodeType = (nodeType == null ? void 0 : nodeType.displayName) || nodeType;
-        if (nodeType === "Select.Option") {
+    // 搜索
+    if (filterable && !remote && isNotEmpty(searchText)) {
+      var match = false;
+      return props.children ? /*#__PURE__*/React.createElement(React.Fragment, null, Children.toArray(props.children).map(function (item) {
+        var _nodeType;
+        var nodeType = item === null || item === void 0 ? void 0 : item.type;
+        nodeType = ((_nodeType = nodeType) === null || _nodeType === void 0 ? void 0 : _nodeType.displayName) || nodeType;
+        if (nodeType === 'ElOption') {
           if (filterAction(item.props)) {
             match = true;
             return item;
           }
-        } else if (nodeType === "OptionGroup") {
+        } else if (nodeType === 'ElOptionGroup') {
           if (item.props.children) {
-            const matchChildren = import_react.Children.toArray(item.props.children).filter(
-              (item1) => {
-                if (filterAction(item1.props)) {
-                  match = true;
-                  return item1;
-                }
+            var matchChildren = Children.toArray(item.props.children).filter(function (item1) {
+              if (filterAction(item1.props)) {
+                match = true;
+                return item1;
               }
-            );
-            return matchChildren.length > 0 ? (0, import_react.cloneElement)(item, item.props, matchChildren) : null;
+            });
+            return matchChildren.length > 0 ? /*#__PURE__*/cloneElement(item, item.props, matchChildren) : null;
           } else {
             return null;
           }
         }
-      }), !match && /* @__PURE__ */ import_react.default.createElement(import_Option.default, { className: "no-data", value: "", key: "noMatchText" }, noMatchText)) : null;
-    } else if ((0, import_Util.isNotEmpty)(createItem)) {
-      if (!multiple && value === createItem) {
-        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, createItem && !multiple && /* @__PURE__ */ import_react.default.createElement(import_Option.default, { value: createItem, label: createItem }), props.children);
-      }
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_Option.default,
-        {
-          value: createItem,
-          label: createItem,
-          onClick: () => {
-            if (multiple) {
-              setCreateItem("");
-              if (createInputRef.current) {
-                createInputRef.current.value = "";
-              }
-            }
-          }
-        }
-      );
+
+        // if (filterAction(item.props)) {
+        //     match = true;
+        //     return item;
+        // }
+      }), !match && /*#__PURE__*/React.createElement("div", {
+        className: be('dropdown', 'empty')
+      }, noMatchText)) : null;
     } else {
-      if (import_react.Children.count(props.children) > 0) {
+      if (Children.count(props.children) > 0) {
         return props.children;
       } else {
-        return /* @__PURE__ */ import_react.default.createElement(import_Option.default, { className: "no-data", value: "" }, noDataText);
+        return /*#__PURE__*/React.createElement("div", {
+          className: be('dropdown', 'empty')
+        }, remote ? noMatchText : noDataText);
       }
     }
-  }, [searchText, createItem, props.children, noMatchText, filterAction, multiple, value, setCreateItem, createInputRef, noDataText]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(b`dorpdown`, is({ multiple })), onClick: (event) => event.stopPropagation(), ref: contentRef }, /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, filterable && /* @__PURE__ */ import_react.default.createElement("div", { className: e`search`, onClick: (event) => event.stopPropagation() }, /* @__PURE__ */ import_react.default.createElement(
-    import_Input.Input,
-    {
-      ref: searchInstance,
-      placeholder: "请输入关键词",
-      clearable: true,
-      plain: true,
-      debounceInput: true,
-      onClear: onClearSearch,
-      onChange: onSearch,
-      prefix: /* @__PURE__ */ import_react.default.createElement(import_Icon.Icon, { prefix: "fal", name: "search" })
+  }, [filterable, allowCreate, searchText, remote, multiple, value, props.children, setInputValue, noMatchText, filterAction, be, noDataText]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(_templateObject || (_templateObject = _taggedTemplateLiteral(["dorpdown"]))), is({
+      multiple: multiple
+    }), {
+      'custom-header': header,
+      'custom-footer': footer
+    }),
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    },
+    ref: contentRef
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, header ? /*#__PURE__*/React.createElement("div", {
+    className: be('dropdown', 'header')
+  }, header) : null, /*#__PURE__*/React.createElement(SelectContext.Provider, {
+    value: {
+      value: value,
+      onChoose: onChoose,
+      hover: hover,
+      setHover: setHover,
+      multiple: multiple
+    }
+  }, /*#__PURE__*/React.createElement(Scrollbar, {
+    wrapClass: be('dropdown', 'wrap'),
+    wrapStyle: {
+      display: props.loading ? 'none' : undefined
     }
-  ), /* @__PURE__ */ import_react.default.createElement(import_Divider.Divider, { style: { margin: 0 } })), /* @__PURE__ */ import_react.default.createElement(import_SelectContext.SelectContext.Provider, { value: { value, onChoose, hover, setHover, multiple } }, /* @__PURE__ */ import_react.default.createElement(import_Scrollbar.Scrollbar, { wrapClass: be("dropdown", "wrap") }, /* @__PURE__ */ import_react.default.createElement("ul", { className: be("dropdown", "list"), ref: ulRef }, props.loading ? loading : options)))));
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: be('dropdown', 'list'),
+    ref: ulRef
+  }, options)), props.loading ? loading : null), footer ? /*#__PURE__*/React.createElement("div", {
+    className: be('dropdown', 'footer')
+  }, footer) : null));
 });
-var SelectDropdown_default = SelectDropdown;
+export default SelectDropdown;

package/dist/Select/index.d.ts

@@ -1,3 +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';

package/dist/Select/index.js

@@ -1,42 +1,3 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Select/index.ts
-var Select_exports = {};
-__export(Select_exports, {
-  Option: () => import_Option.default,
-  Select: () => import_Select.default
-});
-module.exports = __toCommonJS(Select_exports);
-var import_Option = __toESM(require("./Option"));
-var import_Select = __toESM(require("./Select"));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Option,
-  Select
-});
+export { default as Option } from "./Option";
+export { default as OptionGroup } from "./OptionGroup";
+export { default as Select } from "./Select";

package/dist/Select/typings.d.ts

@@ -1,14 +1,11 @@
 import React, { RefObject } from 'react';
-import { InputRef } from '../Input';
+import { IconName } from '../Icon';
 import { PopperOptionRef, PopperOptions } from '../Popper';
 import { AnimationEventProps, BaseProps, FormControlBaseProps, NativeProps, TypeAttributes } from '../types/common';
-export type ValueType = string | number | (string | number)[];
+export type OptionValue = string | number | boolean;
+export type ValueType = OptionValue | OptionValue[];
 export type SelectRef = {
-    inputInstance?: RefObject<InputRef>;
-    searchInstance?: RefObject<InputRef>;
     popperInstRef: RefObject<PopperOptionRef>;
-    label: string;
-    setLabel: (label: string) => void;
     getValue: () => ValueType;
     setValue: (value: ValueType) => void;
     onClear: (event?: any) => void;
@@ -24,6 +21,8 @@ export interface SelectProps<V = ValueType> extends Omit<FormControlBaseProps<V>
     valueKey?: string;
     /** 是否可以清空选项 */
     clearable?: boolean;
+    /** 自定义清除图标 */
+    clearIcon?: IconName;
     /** 占位符 */
     placeholder?: string;
     /** 是否可搜索 */
@@ -31,15 +30,19 @@ export interface SelectProps<V = ValueType> extends Omit<FormControlBaseProps<V>
     /** 自定义搜索方法 */
     filterMethod?: (val: ValueType, searchText: string) => boolean;
     /** 选项为空时显示的文字 */
-    noDataText?: React.ReactElement | string;
+    noDataText?: string;
     /** 搜索条件无匹配时显示的文字 */
-    noMatchText?: React.ReactElement | string;
+    noMatchText?: string;
     /** 是否正在从远程获取数据 */
     loading?: boolean;
     /** 远程加载时显示的文字 */
-    loadingText?: React.ReactElement | string;
+    loadingText?: string;
+    /** 远程加载时显示的图标 */
+    loadingIcon?: React.ReactElement;
     /**  */
     max?: boolean;
+    /** 下拉菜单的内容是否有箭头 */
+    showArrow?: boolean;
     /**  */
     required?: boolean;
     /** 表单校验错误提示 */
@@ -68,19 +71,57 @@ export interface SelectProps<V = ValueType> extends Omit<FormControlBaseProps<V>
     size?: TypeAttributes.Size;
     /** 是否追加到body下 */
     appendToBody?: boolean;
+    /** 其中的选项是否从服务器远程加载 */
+    remote?: boolean;
+    /** 自定义搜索方法 */
+    remoteMethod?: (searchText: string) => void;
+    /** 远程搜索方法显示后缀图标 */
+    remoteShowSuffix?: boolean;
+    /** 自定义后缀图标组件 */
+    suffixIcon?: IconName;
+    /** 标签类型 */
+    tagType?: TypeAttributes.Appearance;
+    /** 标签效果 */
+    tagEffect?: 'light' | 'dark' | 'plain';
+    labelFormat?: (index: number, value: OptionValue, label?: OptionValue) => React.ReactElement;
     /** 选中值发生变化时触发 */
-    onChange?: (value: ValueType, label?: string | (string | number)[]) => void;
-    /** 数据加载成功时调用 */
-    onLoadSuccess?: (value: ValueType, label?: (string | number | undefined)[]) => void;
+    onChange?: (value: ValueType, data?: OptionData | OptionData[]) => void;
+    /** 下拉框出现/隐藏时触发   */
+    onVisibleChange?: (visible: boolean) => void;
+    /** 多选模式下移除tag时触发/隐藏时触发   */
+    onRemoveTag?: (tagValue: any) => void;
+    /** 可清空的单选模式下用户点击清空按钮时触发  */
+    onClear?: () => void;
+    /** 对于不可搜索的 Select，是否在输入框获得焦点后自动弹出选项菜单 */
+    automaticDropdown?: boolean;
+    /** 下拉列表顶部的内容 */
+    header?: React.ReactElement;
+    /** 下拉列表底部的内容 */
+    footer?: React.ReactElement;
+    /** 作为 Select 组件的内容时 */
+    tag?: (params: {
+        data: OptionData[];
+        selectDisabled: boolean;
+        deleteTag: (event: React.MouseEvent<HTMLElement, MouseEvent>, tag: OptionData) => void;
+    }) => React.ReactElement;
 }
 export interface SelectOptionProps extends BaseProps, NativeProps {
     /** 选项的值 */
-    value: string | number;
+    value: OptionValue;
     /** 选项的标签，若不设置则默认与 value 相同 */
-    label?: string;
+    label?: OptionValue;
+    /** option 的附加数据，会传递到 onClick 事件的参数 data 中 */
+    data?: any;
     /** 是否禁用该选项 */
     disabled?: boolean;
-    onClick?: (value: ValueType, label: string, e: Event) => void;
+    onClick?: (value: ValueType, data: OptionData) => void;
+}
+export interface OptionData {
+    index?: number;
+    value: OptionValue;
+    label: OptionValue;
+    disabled?: boolean;
+    data?: any;
 }
 export interface SelectOptionGroupProps extends BaseProps<React.ReactElement<SelectOptionProps> | React.ReactElement<SelectOptionProps>[]>, NativeProps {
     /** 分组的组名 */
@@ -90,13 +131,15 @@ export interface SelectOptionGroupProps extends BaseProps<React.ReactElement<Sel
 }
 export interface SelectDropdownProps extends SelectProps {
     value: ValueType;
-    searchInstance: RefObject<InputRef>;
-    createItem: string;
-    setCreateItem: (createItem: string) => void;
-    onChoose: (val: string, text: string, event: any) => void;
+    inputValue: string;
+    setInputValue: (value: string) => void;
+    onChoose: (val: string, data: OptionData, event: any) => void;
     contentRef: RefObject<HTMLDivElement>;
-    createInputRef: RefObject<HTMLInputElement>;
     popperInstRef: RefObject<PopperOptionRef>;
+    /** 下拉列表顶部的内容 */
+    header?: React.ReactElement;
+    /** 下拉列表底部的内容 */
+    footer?: React.ReactElement;
 }
 export interface SelectDropdownRef {
     clear: () => void;

package/dist/Select/typings.js

@@ -1,17 +1 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/Select/typings.ts
-var typings_exports = {};
-module.exports = __toCommonJS(typings_exports);
+export {};