@qsxy/element-plus-react 1.0.0-next.2 → 1.0.0-next.22

package/dist/Select/SelectDropdown.js

@@ -1,194 +1,284 @@
-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, _templateObject2, _templateObject3;
+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 trim from 'lodash/trim';
+import React, { Children, cloneElement, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import { Divider } from "../Divider";
+import Icon from "../Icon/Icon";
+import Input from "../Input/Input";
+import Scrollbar from "../Scrollbar/Scrollbar";
+import { isEmpty, 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,
+    _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,
+    noMatchText = props.noMatchText,
+    noDataText = props.noDataText,
+    searchInstance = props.searchInstance,
+    createItem = props.createItem,
+    setCreateItem = props.setCreateItem,
+    createInputRef = props.createInputRef,
+    onChoose = props.onChoose,
+    popperInstRef = props.popperInstRef,
+    contentRef = props.contentRef;
+  var _useClassNames = useClassNames('select'),
+    b = _useClassNames.b,
+    e = _useClassNames.e,
+    be = _useClassNames.be,
+    is = _useClassNames.is;
+  var ulRef = useRef(null);
+  var remoteSearchRef = useRef(null);
 
-// 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];
+  // 搜索关键词
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    searchText = _useState4[0],
+    setSearchText = _useState4[1];
+  // const [remoteSearch, setRemoteSearch] = useState('');
+  // const remoteSearch = useMemo(() => searchInstance.current?.getValue(), [searchInstance]);
+
+  /** 搜索时 */
+  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();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchText]);
-  const onClearSearch = (0, import_react.useCallback)((event) => {
-    event == null ? void 0 : event.stopPropagation();
-    setSearchText("");
+
+  /** 清除搜索关键词 */
+  var onClearSearch = useCallback(function (event) {
+    event === null || event === void 0 || event.stopPropagation();
+    setSearchText('');
   }, []);
-  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("");
-      }
-      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;
-        }
+
+  /** 搜索 */
+  var onSearch = useCallback(function (val) {
+    var keywords = trim(val + '');
+    if (keywords === searchText) {
+      return;
+    } else if (isEmpty(keywords)) {
+      setSearchText('');
+    }
+    setSearchText(keywords);
+  }, [searchText]);
+
+  /** 搜索 */
+  var onRemote = useCallback(function (val) {
+    remoteMethod === null || remoteMethod === void 0 || remoteMethod(val);
+  }, [remoteMethod]);
+  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 {
-        return true;
+        var _p$label2;
+        var regex = new RegExp(searchText, 'gi');
+        var res = null !== ((_p$label2 = p.label) !== null && _p$label2 !== void 0 ? _p$label2 : p.value.toString()).match(regex);
+        return res;
       }
-    },
-    [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"
-      });
+    } 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',
+    //     });
+    // }
   }, []);
-  (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") {
+
+  // useEffect(() => {
+  //     if (remoteSearch == '') {
+  //         remoteMethod?.('');
+  //     }
+  // }, [remoteSearch]);
+
+  useImperativeHandle(ref, function () {
+    return {
+      clear: function clear() {
+        setSearchText('');
+        remoteMethod === null || remoteMethod === void 0 || remoteMethod('');
+      },
+      onEnter: function onEnter() {
+        setTimeout(function () {
+          var _searchInstance$curre, _remoteSearchRef$curr;
+          (_searchInstance$curre = searchInstance.current) === null || _searchInstance$curre === void 0 || _searchInstance$curre.focus();
+          (_remoteSearchRef$curr = remoteSearchRef.current) === null || _remoteSearchRef$curr === void 0 || _remoteSearchRef$curr.focus();
+        }, 500);
+      },
+      hover: setHover,
+      scrollToSelected: scrollToSelected
+    };
+  });
+  var loading = useMemo(function () {
+    return /*#__PURE__*/React.createElement(Option, {
+      className: "no-data",
+      value: ""
+    }, loadingText);
+  }, [loadingText]);
+  var options = useMemo(function () {
+    // 搜索
+    if (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 === 'Select.Option') {
           if (filterAction(item.props)) {
             match = true;
             return item;
           }
-        } else if (nodeType === "OptionGroup") {
+        } else if (nodeType === 'OptionGroup') {
           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 (filterAction(item.props)) {
+        //     match = true;
+        //     return item;
+        // }
+      }), !match && /*#__PURE__*/React.createElement(Option, {
+        className: "no-data",
+        value: "",
+        key: 'noMatchText'
+      }, noMatchText)) : null;
+    }
+    // 正在创建新的选项
+    else if (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,
-        {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, createItem && !multiple && /*#__PURE__*/React.createElement(Option, {
           value: createItem,
-          label: createItem,
-          onClick: () => {
-            if (multiple) {
-              setCreateItem("");
-              if (createInputRef.current) {
-                createInputRef.current.value = "";
-              }
+          label: createItem
+        }), props.children);
+      }
+      return /*#__PURE__*/React.createElement(Option, {
+        value: createItem,
+        label: createItem,
+        onClick: function onClick() {
+          if (multiple) {
+            setCreateItem('');
+            if (createInputRef.current) {
+              createInputRef.current.value = '';
             }
           }
         }
-      );
+      });
     } 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(Option, {
+          className: "no-data",
+          value: ""
+        }, 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" })
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(b(_templateObject || (_templateObject = _taggedTemplateLiteral(["dorpdown"]))), is({
+      multiple: multiple
+    })),
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    },
+    ref: contentRef
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, filterable && !remote ? /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["search"]))),
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Input, {
+    ref: searchInstance,
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD",
+    clearable: true,
+    plain: true
+    // debounceInput
+    ,
+    onClear: onClearSearch,
+    onChange: onSearch,
+    prefix: /*#__PURE__*/React.createElement(Icon, {
+      prefix: "fal",
+      name: "search"
+    })
+  }), /*#__PURE__*/React.createElement(Divider, {
+    style: {
+      margin: 0
+    }
+  })) : null, filterable && remote ? /*#__PURE__*/React.createElement("div", {
+    className: e(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["search"]))),
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement(Input, {
+    ref: remoteSearchRef
+    // value={remoteSearch}
+    ,
+    placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u8BCD",
+    clearable: true,
+    plain: true,
+    debounceInput: true,
+    onClear: function onClear() {
+      return onRemote('');
+    },
+    onChange: onRemote,
+    prefix: /*#__PURE__*/React.createElement(Icon, {
+      prefix: "fal",
+      name: "search"
+    })
+  }), /*#__PURE__*/React.createElement(Divider, {
+    style: {
+      margin: 0
+    }
+  })) : null, /*#__PURE__*/React.createElement(SelectContext.Provider, {
+    value: {
+      value: value,
+      onChoose: onChoose,
+      hover: hover,
+      setHover: setHover,
+      multiple: multiple
     }
-  ), /* @__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(Scrollbar, {
+    wrapClass: be('dropdown', 'wrap')
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: be('dropdown', 'list'),
+    ref: ulRef
+  }, props.loading ? loading : options)))));
 });
-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,5 +1,5 @@
 import React, { RefObject } from 'react';
-import { InputRef } from '../Input';
+import { InputRef } from '../Input/typings';
 import { PopperOptionRef, PopperOptions } from '../Popper';
 import { AnimationEventProps, BaseProps, FormControlBaseProps, NativeProps, TypeAttributes } from '../types/common';
 export type ValueType = string | number | (string | number)[];
@@ -7,7 +7,7 @@ export type SelectRef = {
     inputInstance?: RefObject<InputRef>;
     searchInstance?: RefObject<InputRef>;
     popperInstRef: RefObject<PopperOptionRef>;
-    label: string;
+    selectedLabel: string | string[];
     setLabel: (label: string) => void;
     getValue: () => ValueType;
     setValue: (value: ValueType) => void;
@@ -16,43 +16,92 @@ export type SelectRef = {
 };
 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 {
+    /** 是否多选 */
     multiple?: boolean;
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 作为 value 唯一标识的键名，绑定值为对象类型时必填 */
     valueKey?: string;
+    /** 是否可以清空选项 */
     clearable?: boolean;
+    /** 占位符 */
     placeholder?: string;
+    /** 是否可搜索 */
     filterable?: boolean;
+    /** 自定义搜索方法 */
     filterMethod?: (val: ValueType, searchText: string) => boolean;
+    /** 选项为空时显示的文字 */
     noDataText?: React.ReactElement | string;
+    /** 搜索条件无匹配时显示的文字 */
     noMatchText?: React.ReactElement | string;
+    /** 是否正在从远程获取数据 */
     loading?: boolean;
+    /** 远程加载时显示的文字 */
     loadingText?: React.ReactElement | string;
+    /**  */
     max?: boolean;
+    /** 下拉菜单的内容是否有箭头 */
+    showArrow?: boolean;
+    /**  */
     required?: boolean;
+    /** 表单校验错误提示 */
     error?: boolean;
+    /** 表单校验警告提示 */
     warning?: boolean;
+    /** 下拉项最大宽度 */
     maxWidth?: number;
+    /** 多选时是否将选中值按文字的形式展示 */
     collapseTags?: boolean;
+    /** 需要显示的 Tag 的最大数量 只有当 collapseTags 设置为 true 时才会生效。 */
     maxCollapseTags?: number;
+    /** 当鼠标悬停于折叠标签的文本时，是否显示所有选中的标签。 要使用此属性，collapseTags属性必须设定为 true */
     collapseTagsTooltip?: boolean;
+    /** 鼠标悬停于折叠标签的文本格式化函数， 要使用此属性，collapseTags属性必须设定为 true*/
     collapseTips?: (collapseNum: number, total: number) => string;
+    /** 是否允许用户创建新条目 */
     allowCreate?: boolean;
+    /** 是否纯文本模式，即无边框 */
     plain?: boolean;
+    /** 输入框前置内容，只对 type="text" 有效 */
     prepend?: React.ReactElement<any> | string | number;
+    /** 输入框后置内容，只对 type="text" 有效 */
     append?: React.ReactElement | string | number;
+    /** 尺寸 */
     size?: TypeAttributes.Size;
+    /** 是否追加到body下 */
     appendToBody?: boolean;
+    /** 其中的选项是否从服务器远程加载 */
+    remote?: boolean;
+    /** 自定义搜索方法 */
+    remoteMethod?: (searchText: string) => void;
+    /** 标签类型 */
+    tagType?: TypeAttributes.Appearance;
+    /** 标签效果 */
+    tagEffect?: 'light' | 'dark' | 'plain';
+    /** 选中值发生变化时触发 */
     onChange?: (value: ValueType, label?: string | (string | number)[]) => void;
+    /** 下拉框出现/隐藏时触发   */
+    onVisibleChange?: (visible: boolean) => void;
+    /** 多选模式下移除tag时触发/隐藏时触发   */
+    onRemoveTag?: (tagValue: any) => void;
+    /** 可清空的单选模式下用户点击清空按钮时触发  */
+    onClear?: () => void;
+    /** 数据加载成功时调用 */
     onLoadSuccess?: (value: ValueType, label?: (string | number | undefined)[]) => void;
 }
 export interface SelectOptionProps extends BaseProps, NativeProps {
+    /** 选项的值 */
     value: string | number;
+    /** 选项的标签，若不设置则默认与 value 相同 */
     label?: string;
+    /** 是否禁用该选项 */
     disabled?: boolean;
     onClick?: (value: ValueType, label: string, e: Event) => void;
 }
 export interface SelectOptionGroupProps extends BaseProps<React.ReactElement<SelectOptionProps> | React.ReactElement<SelectOptionProps>[]>, NativeProps {
+    /** 分组的组名 */
     label: string;
+    /** 是否将该分组下所有选项置为禁用 */
     disabled?: boolean;
 }
 export interface SelectDropdownProps extends SelectProps {
@@ -67,6 +116,7 @@ export interface SelectDropdownProps extends SelectProps {
 }
 export interface SelectDropdownRef {
     clear: () => void;
+    onEnter: () => void;
     hover: (value: ValueType) => void;
     scrollToSelected: () => 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 {};