@para-ui/core 3.0.55 → 3.0.56

package/Select/index.js

@@ -0,0 +1,1146 @@
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import React__default, { useRef, useState, useEffect, useMemo } from 'react';
+import Empty from '../Empty/index.js';
+import Label from '../Label/index.js';
+import { D as Dropdown } from '../_verture/index-77f9e0fb.js';
+import { UUID, DeepClone } from '@paraview/lib';
+import GlobalContext from '@para-ui/core/GlobalContext';
+import CloseIcon from '@para-ui/icons/Close';
+import CloseCircle from '@para-ui/icons/CloseCircle';
+import Down from '@para-ui/icons/Down';
+import Check from '@para-ui/icons/Check';
+import SearchIcon from '@para-ui/icons/Search';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import AutoTips from '../AutoTips/index.js';
+import { Loading } from '../Loading/index.js';
+import { Popover } from '../Popover/index.js';
+import HelperText from '../HelperText/index.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import 'clsx';
+import '../Help/index.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Help';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-87febeb9.js';
+import 'dayjs';
+import '@para-ui/icons/LoadingF';
+
+var en = {
+  searchPlaceholder: 'Please enter a search name',
+  selected: 'Selected'
+};
+
+var zh = {
+  searchPlaceholder: '请输入搜索名',
+  selected: '已选中'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-select {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: inline-block;\n  vertical-align: top;\n  width: 100%;\n}\n.paraui-v3-select > .select-content {\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgba(171, 176, 185, 0.4);\n  padding-right: 12px;\n  position: relative;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-select > .select-content:hover {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content:hover > .select-svg > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 12px;\n  color: rgba(46, 55, 67, 0.4);\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 1;\n}\n.paraui-v3-select > .select-content > .select-label-placeholder > .select-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-select > .select-content > .select-svg {\n  position: absolute;\n  right: 12px;\n  top: 0;\n  z-index: 2;\n}\n.paraui-v3-select > .select-content > .select-svg > svg {\n  font-size: 20px;\n  transition: all 0.3s;\n  color: rgba(46, 55, 67, 0.7);\n  opacity: 0;\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-select > .select-content > .radio-select-content {\n  padding-left: 12px;\n  font-size: 14px;\n  line-height: 1.43;\n  color: rgb(46, 55, 67);\n  word-break: break-all;\n}\n.paraui-v3-select > .select-content > .radio-search-outside {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n  padding: 0 30px 0 10px;\n  font-size: 14px;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v3-select > .select-content > .check-select-content {\n  padding-left: 12px;\n  overflow: hidden;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item {\n  display: inline-block;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  padding: 0 12px 0 12px;\n  color: rgb(46, 55, 67);\n  margin-right: 8px;\n  vertical-align: top;\n  max-width: 100%;\n  white-space: nowrap;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n  max-width: none;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > span {\n  display: inline-block;\n  height: 100%;\n  vertical-align: top;\n  max-width: calc(100% - 20px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg {\n  cursor: pointer;\n  margin-left: 8px;\n  color: rgb(46, 55, 67);\n  font-size: 16px;\n  position: relative;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n  max-width: none;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-search-outside {\n  width: 10px;\n  max-width: 100% !important;\n  display: none;\n  border: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  cursor: pointer;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear > .select-content {\n  padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n  opacity: 1;\n  transition: all 0.3s;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-small > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-small > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-medium > .select-content {\n  height: inherit;\n  min-height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-medium > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-large > .select-content {\n  height: inherit;\n  min-height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-large > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content {\n  padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-show-select > .select-content > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content {\n  background-color: rgba(171, 176, 185, 0.12);\n  cursor: not-allowed;\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content:hover > .select-svg > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select.paraui-v3-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n  max-width: 100%;\n}\n.paraui-v3-select.paraui-v3-select-error > .select-content {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .select-svg > svg {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select.paraui-v3-select-open > .select-content > .check-select-content > .check-search-outside {\n  display: inline-block;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content {\n  height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .select-svg {\n  top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v3-select.paraui-v3-select-small > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content {\n  height: 32px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .select-svg {\n  top: 6px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .radio-select-content {\n  padding-bottom: 5px;\n  padding-top: 5px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content {\n  padding-bottom: 4px;\n  height: 30px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 4px;\n  height: 22px;\n  line-height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-medium > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 4px;\n  height: 22px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content {\n  height: 36px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-label-placeholder {\n  line-height: 34px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .select-svg {\n  top: 8px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .radio-select-content {\n  padding-bottom: 7px;\n  padding-top: 7px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content {\n  padding-bottom: 5px;\n  height: 34px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 5px;\n  height: 24px;\n  line-height: 24px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 3px;\n}\n.paraui-v3-select.paraui-v3-select-large > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 5px;\n  height: 24px;\n}\n\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n  padding-top: 0px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n  margin-top: 58px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n  display: flex;\n  align-items: center;\n  padding: 0 12px;\n  border-bottom: 1px solid;\n  border-color: rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n  border: 0;\n  outline: none;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n  font-size: 14px;\n  opacity: 1;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 20px;\n  cursor: pointer;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n  padding: 8px 0;\n  max-height: 300px;\n  overflow: auto;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n  height: 100px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n  display: flex;\n  cursor: pointer;\n  padding: 0 12px;\n  align-items: center;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg {\n  line-height: 0;\n  display: none;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n  font-size: 20px;\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-select > .select-popover-list-item-svg {\n  display: inline-block;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover > .select-popover-list-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown > .select-popover-list-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled > .select-popover-list-item-label {\n  color: rgba(46, 55, 67, 0.4) !important;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  display: inline-block;\n  width: 100%;\n  padding: 0 12px;\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-item {\n  padding-left: 20px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n  text-align: center;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  margin-top: 50px;\n  margin-bottom: 72px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-search {\n  height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list .select-popover-list-item {\n  height: 28px;\n  line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  height: 28px;\n  line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-search {\n  height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list .select-popover-list-item {\n  height: 32px;\n  line-height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  line-height: 32px;\n  height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-search {\n  height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list .select-popover-list-item {\n  height: 36px;\n  line-height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  height: 36px;\n  line-height: 36px;\n}\n\n.paraui-v3-select-more-popover {\n  padding-left: 16px;\n}\n.paraui-v3-select-more-popover .select-more {\n  width: 300px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-title {\n  font-size: 14px;\n  padding: 0 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content {\n  max-height: 300px;\n  overflow: auto;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n  padding: 0 12px;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n  width: calc(100% - 25px);\n  display: inline-block;\n  font-size: 14px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n  font-size: 20px;\n  position: relative;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-title {\n  line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n  line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-title {\n  line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n  line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-title {\n  line-height: 36px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-content > .select-more-content-item {\n  line-height: 36px;\n}";
+styleInject(css_248z);
+
+/**
+ * 计算文本长度
+ * @param fontSize 字体大小
+ * @param fontFamily 字体类型
+ * @param text 文本
+ */
+var textSize = function textSize(fontSize, fontFamily, text) {
+  var span = document.createElement("span");
+  span.id = 'referenceSpan';
+  var result = {};
+  result.width = span.offsetWidth;
+  result.height = span.offsetHeight;
+  span.style.visibility = "hidden";
+  span.style.fontSize = fontSize;
+  span.style.fontFamily = fontFamily;
+  span.style.display = "inline-block";
+  var isExists = document.getElementById("referenceSpan");
+  if (isExists) {
+    document.body.removeChild(isExists);
+  }
+  document.body.appendChild(span);
+  if (typeof span.textContent != "undefined") {
+    span.textContent = text;
+  } else {
+    span.innerText = text;
+  }
+  result.width = parseFloat(window.getComputedStyle(span).width) - result.width;
+  result.height = parseFloat(window.getComputedStyle(span).height) - result.height;
+  document.body.removeChild(span);
+  return result;
+};
+var Select = function Select(props) {
+  var _useGlobalProps = useGlobalProps(props, 'Select'),
+    className = _useGlobalProps.className,
+    style = _useGlobalProps.style,
+    _useGlobalProps$showS = _useGlobalProps.showSelect,
+    showSelect = _useGlobalProps$showS === void 0 ? true : _useGlobalProps$showS,
+    _useGlobalProps$allow = _useGlobalProps.allowClear,
+    allowClear = _useGlobalProps$allow === void 0 ? false : _useGlobalProps$allow,
+    emptyProps = _useGlobalProps.emptyProps,
+    _useGlobalProps$size = _useGlobalProps.size,
+    size = _useGlobalProps$size === void 0 ? 'large' : _useGlobalProps$size,
+    _useGlobalProps$label = _useGlobalProps.labelMode,
+    labelMode = _useGlobalProps$label === void 0 ? 'outside' : _useGlobalProps$label,
+    labelTooltip = _useGlobalProps.labelTooltip,
+    _useGlobalProps$place = _useGlobalProps.placeholder,
+    placeholder = _useGlobalProps$place === void 0 ? '' : _useGlobalProps$place,
+    searchPlaceholder = _useGlobalProps.searchPlaceholder,
+    _useGlobalProps$label2 = _useGlobalProps.label,
+    label = _useGlobalProps$label2 === void 0 ? '' : _useGlobalProps$label2,
+    _useGlobalProps$input = _useGlobalProps.input,
+    input = _useGlobalProps$input === void 0 ? false : _useGlobalProps$input,
+    _useGlobalProps$disab = _useGlobalProps.disabled,
+    disabled = _useGlobalProps$disab === void 0 ? false : _useGlobalProps$disab,
+    _useGlobalProps$multi = _useGlobalProps.multiple,
+    multiple = _useGlobalProps$multi === void 0 ? false : _useGlobalProps$multi,
+    _useGlobalProps$requi = _useGlobalProps.required,
+    required = _useGlobalProps$requi === void 0 ? false : _useGlobalProps$requi,
+    labelSign = _useGlobalProps.labelSign,
+    _useGlobalProps$error = _useGlobalProps.error,
+    error = _useGlobalProps$error === void 0 ? false : _useGlobalProps$error,
+    hideErrorDom = _useGlobalProps.hideErrorDom,
+    _useGlobalProps$helpe = _useGlobalProps.helperText,
+    helperText = _useGlobalProps$helpe === void 0 ? '' : _useGlobalProps$helpe,
+    list = _useGlobalProps.list,
+    _useGlobalProps$showN = _useGlobalProps.showName,
+    showName = _useGlobalProps$showN === void 0 ? 'label' : _useGlobalProps$showN,
+    _useGlobalProps$showV = _useGlobalProps.showValue,
+    showValue = _useGlobalProps$showV === void 0 ? 'value' : _useGlobalProps$showV,
+    _useGlobalProps$child = _useGlobalProps.childrenName,
+    childrenName = _useGlobalProps$child === void 0 ? 'children' : _useGlobalProps$child,
+    value = _useGlobalProps.value,
+    onChange = _useGlobalProps.onChange,
+    _useGlobalProps$overL = _useGlobalProps.overLine,
+    overLine = _useGlobalProps$overL === void 0 ? false : _useGlobalProps$overL,
+    _useGlobalProps$searc = _useGlobalProps.search,
+    search = _useGlobalProps$searc === void 0 ? false : _useGlobalProps$searc,
+    _useGlobalProps$searc2 = _useGlobalProps.searchModel,
+    searchModel = _useGlobalProps$searc2 === void 0 ? 'inside' : _useGlobalProps$searc2,
+    selectPopoverClassName = _useGlobalProps.selectPopoverClassName,
+    morePopoverClassName = _useGlobalProps.morePopoverClassName;
+    _useGlobalProps.fetchSuggestions;
+    var searchInputProps = _useGlobalProps.searchInputProps,
+    onEnter = _useGlobalProps.onEnter,
+    onEnterInput = _useGlobalProps.onEnterInput,
+    onClear = _useGlobalProps.onClear,
+    getPopupContainer = _useGlobalProps.getPopupContainer,
+    renderContent = _useGlobalProps.renderContent,
+    _useGlobalProps$selec = _useGlobalProps.selectCheckIcon,
+    selectCheckIcon = _useGlobalProps$selec === void 0 ? true : _useGlobalProps$selec;
+  var posDom = useRef(null);
+  var _useState = useState($prefixCls + '-select-' + UUID()),
+    _useState2 = _slicedToArray(_useState, 1),
+    classOne = _useState2[0]; // 唯一class
+  var _useState3 = useState('select-popover-' + UUID()),
+    _useState4 = _slicedToArray(_useState3, 1),
+    classOneSelect = _useState4[0]; // 唯一class
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    open = _useState6[0],
+    setOpen = _useState6[1]; // 是否打开下拉框
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    showText = _useState8[0],
+    setShowText = _useState8[1]; // 是否显示lable,placeholder, true不显示
+  var _useState9 = useState([]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    valueCom = _useState10[0],
+    setValueCom = _useState10[1]; // 值
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2),
+    listCom = _useState12[0],
+    setListCom = _useState12[1]; // 下拉框渲染
+  var _useState13 = useState({}),
+    _useState14 = _slicedToArray(_useState13, 2),
+    listJson = _useState14[0],
+    setListJson = _useState14[1]; // 下拉选项对象
+  var _useState15 = useState(null),
+    _useState16 = _slicedToArray(_useState15, 2),
+    morePos = _useState16[0],
+    setMorePos = _useState16[1]; // 超出在原始位置
+  var _useState17 = useState(false),
+    _useState18 = _slicedToArray(_useState17, 2),
+    openMore = _useState18[0],
+    setOpenMore = _useState18[1]; // 显示更多
+  var _useState19 = useState(''),
+    _useState20 = _slicedToArray(_useState19, 2),
+    searchValue = _useState20[0],
+    setSearchValue = _useState20[1]; // 搜索值
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2),
+    overLineCom = _useState22[0],
+    setOverLineCom = _useState22[1]; // 超出是否换行
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    loading = _useState24[0],
+    setLoading = _useState24[1]; // 下拉加载loading
+  var _useState25 = useState(false),
+    _useState26 = _slicedToArray(_useState25, 2),
+    emptyBol = _useState26[0],
+    setEmptyBol = _useState26[1]; // 延迟显示空状态
+  var textDom = useRef(null);
+  var _useState27 = useState({}),
+    _useState28 = _slicedToArray(_useState27, 1),
+    constData = _useState28[0]; // 不变的常量 多行 不换行定时器  搜索定时器
+  var _React$useContext = React__default.useContext(GlobalContext),
+    language = _React$useContext.language,
+    locale = _React$useContext.locale;
+  var intl = useFormatMessage('Select', localeJson);
+  useEffect(function () {
+    if (props.defaultValue !== undefined) {
+      if (props.multiple) {
+        // 多选
+        setValueCom(DeepClone(props.defaultValue || []));
+      } else {
+        // 单选
+        setValueCom(props.defaultValue === '' ? [] : [props.defaultValue]);
+      }
+    }
+    return function () {
+      clearTimeout(constData.searchTimer);
+      clearTimeout(constData.timer);
+      clearTimeout(constData.scrollTimer);
+      clearTimeout(constData.timerEmpty);
+    };
+  }, []);
+  // 赋值value
+  useEffect(function () {
+    if (value !== undefined) {
+      if (multiple) {
+        // 多选
+        setValueCom(DeepClone(value || []));
+      } else {
+        // 单选
+        setValueCom(value === '' ? [] : [value]);
+      }
+    }
+  }, [value, multiple]);
+  // 判断组件超出是换行,还是不换行
+  useEffect(function () {
+    if (searchModel === 'outside' && input) {
+      if (multiple) return setOverLineCom(true); // 多选,输入框在框里面,超出必须换行
+      // return setOverLineCom(false); // 单选不换行
+    }
+
+    setOverLineCom(overLine);
+  }, [overLine, searchModel, multiple, input]);
+  // 计算下拉选项,处理下拉选项json
+  useEffect(function () {
+    var listHand = handList(list);
+    var json = {};
+    for (var i = 0, l = listHand.length; i < l; i++) {
+      var item = listHand[i];
+      if (item[childrenName] && item[childrenName].length > 0) {
+        var childArr = item[childrenName];
+        for (var j = 0, k = childArr.length; j < k; j++) {
+          var childItem = childArr[j];
+          var key = childItem[showValue];
+          json[key] = childItem;
+        }
+      } else {
+        var _key = item[showValue];
+        json[_key] = item;
+      }
+    }
+    setListJson(json);
+  }, [list]);
+  useEffect(function () {
+    if (multiple) {
+      if (!overLineCom) {
+        // 不换行
+        setMorePos(valueCom.length);
+      }
+    }
+  }, [overLineCom, multiple, valueCom]);
+  // 多行,不换行计算
+  useEffect(function () {
+    // 多行不换行计算
+    if (!overLineCom) {
+      setTimeout(function () {
+        handMultiline(valueCom.length);
+      });
+      window.addEventListener("resize", changeSize);
+    } else {
+      setMorePos(valueCom.length);
+    }
+    return function () {
+      window.removeEventListener("resize", changeSize);
+    };
+  }, [valueCom, overLineCom]);
+  // 计算是否显示label,placehold
+  useEffect(function () {
+    if (valueCom && valueCom.length > 0) {
+      setShowText(true); // 有值不显示label,placehold
+    } else {
+      setShowText(false);
+      if (searchModel === 'outside') {
+        setShowText(searchValue !== '');
+      }
+    }
+  }, [search, searchValue, searchModel, valueCom, input]);
+  // 筛选下拉框数据
+  useEffect(function () {
+    if (!open) return;
+    clearTimeout(constData.searchTimer);
+    constData.searchTimer = setTimeout(function () {
+      setLoading(true);
+      if (props.fetchSuggestions) {
+        props.fetchSuggestions && props.fetchSuggestions(searchValue, function (data) {
+          var listHand = handList(data);
+          handSelectList(listHand, true);
+        });
+      } else {
+        var listHand = handList(list);
+        handSelectList(listHand);
+      }
+    }, 100);
+    // 延迟显示下拉框空状态
+    clearTimeout(constData.timerEmpty);
+    setEmptyBol(false);
+    constData.timerEmpty = setTimeout(function () {
+      constData.emptyBol = true;
+      setEmptyBol(true);
+    }, 200);
+  }, [search, searchValue, list, open]);
+  useEffect(function () {
+    if (open) {
+      setTimeout(function () {
+        inputFocus();
+        window.addEventListener("click", clickCom);
+        window.addEventListener("keydown", keydownCom);
+      });
+    } else {
+      setSearchValue('');
+      window.removeEventListener("click", clickCom);
+      window.removeEventListener("keydown", keydownCom);
+    }
+    return function () {
+      window.removeEventListener("click", clickCom);
+      window.removeEventListener("keydown", keydownCom);
+    };
+  }, [open]);
+  // 搜索框有值,显示下拉框
+  useEffect(function () {
+    if (searchValue) setOpen(true);
+  }, [searchValue]);
+  // 是否计算搜索框长度
+  useEffect(function () {
+    if (disabled === true) return;
+    if (multiple && searchModel === 'outside') handInputLength(searchValue);
+  }, [searchValue, multiple, disabled, searchModel, input]);
+  /**
+   * 处理初始化数据,让list支持传入字符串
+   * 把数组转换成,组件能接收的格式
+   * */
+  var handList = function handList(arr) {
+    var handArr = [];
+    for (var i = 0, l = arr.length; i < l; i++) {
+      var item = arr[i];
+      if (_typeof(item) === 'object' && item !== null) {
+        handArr.push(item);
+      } else {
+        var obj = {};
+        obj[showName] = item;
+        obj[showValue] = item;
+        handArr.push(obj);
+      }
+    }
+    return handArr;
+  };
+  /**
+   * 处理下拉内容
+   * @param listData 数据源
+   * @param customSearch 是否自定义搜索
+   * */
+  var handSelectList = function handSelectList(listData, customSearch) {
+    var arr = [];
+    var listDeep = _toConsumableArray(listData);
+    for (var i = 0, l = listDeep.length; i < l; i++) {
+      var item = listDeep[i];
+      if (item[childrenName] && item[childrenName].length > 0) {
+        var childArr = item[childrenName];
+        var handChildArr = [];
+        for (var j = 0, k = childArr.length; j < k; j++) {
+          var childItem = childArr[j];
+          if (customSearch) {
+            handChildArr.push(childItem);
+          } else {
+            var bol = handShowItem(childItem);
+            if (bol) handChildArr.push(childItem);
+          }
+        }
+        // 存在二级
+        if (handChildArr.length > 0) {
+          item[childrenName] = handChildArr;
+          arr.push(item);
+        }
+      } else {
+        if (customSearch) {
+          arr.push(item);
+        } else {
+          var _bol = handShowItem(item);
+          if (_bol) arr.push(item);
+        }
+      }
+    }
+    setListCom(arr);
+    setLoading(false);
+  };
+  // 输入框的到焦点
+  var inputFocus = function inputFocus() {
+    var inputDom = textDom && textDom.current;
+    inputDom && inputDom.focus({
+      preventScroll: true
+    });
+  };
+  /**
+   * 查找元素
+   * @param el 当前元素
+   * @param selector 查找元素class
+   */
+  var closest = function closest(el, selector) {
+    var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
+    while (el) {
+      if (matchesSelector.call(el, selector)) {
+        break;
+      }
+      el = el.parentElement;
+    }
+    return el;
+  };
+  /**
+   * 全局点击判断是否需要关闭
+   * @param e 当前点击元素
+   */
+  var clickCom = function clickCom(e) {
+    var bol = closest(e.target, '.' + classOneSelect); // 是否存在下拉当中
+    if (!bol) setOpen(false);
+  };
+  /**
+   * 判断是否显示
+   * @param item 详细信息
+   * @return boolean
+   */
+  var handShowItem = function handShowItem(item) {
+    var bol = true;
+    // 按显示名来
+    var name = item[showName];
+    if (name && typeof name === 'string' && name.toLowerCase().indexOf(searchValue.trim().toLowerCase()) === -1) bol = false;
+    return bol;
+  };
+  /**
+   * 多选 不换行 计算
+   * @param index 数组下标
+   */
+  var handMultiline = function handMultiline(index) {
+    if (index === null || index === 0) return;
+    if (index === undefined) index = valueCom.length;
+    var boxDom = document.querySelector('.' + classOne + ' > .select-content > .check-select-content');
+    if (!boxDom) return;
+    if (boxDom.scrollHeight > boxDom.clientHeight) {
+      var num = Number(index) - 1;
+      // 超出
+      setMorePos(num);
+      handMultiline(num);
+    } else {
+      // 一行
+      if (valueCom.length <= index) handleCloseMore();
+    }
+  };
+  // 多选 不换行
+  var changeSize = function changeSize() {
+    clearTimeout(constData.timer);
+    constData.timer = setTimeout(function () {
+      setMorePos(valueCom.length);
+      handMultiline();
+    }, 100);
+  };
+  // 显示下拉框
+  var clickSelect = function clickSelect() {
+    if (disabled === true) return;
+    setOpen(true);
+  };
+  // 关闭下拉框
+  var handleClose = function handleClose() {
+    setOpen(false);
+  };
+  /**
+   * 点击显示更多
+   * @param e 点击元素
+   */
+  var clickMore = function clickMore(e) {
+    setOpenMore(true);
+    setOpen(false);
+    e.stopPropagation();
+  };
+  // 关闭显示更多
+  var handleCloseMore = function handleCloseMore() {
+    setOpenMore(false);
+  };
+  /**
+   * 点击选项
+   * @param item 当前选项信息
+   * @param enter 是否回车
+   * @param e 元素
+   */
+  var clickItem = function clickItem(item, enter) {
+    return function (e) {
+      var val = item[showValue];
+      if (_typeof(disabled) === 'object' && disabled.indexOf(val) !== -1) return;
+      if (multiple) {
+        // 多选
+        var index = valueCom.indexOf(val);
+        if (index !== -1) {
+          // 存在 去除
+          valueCom.splice(index, 1);
+        } else {
+          valueCom.push(val);
+        }
+        if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
+        onChange && onChange(_toConsumableArray(valueCom), e);
+        if (enter) onEnter && onEnter(_toConsumableArray(valueCom));
+        inputFocus();
+      } else {
+        // 单选
+        if (props.value === undefined) setValueCom([val]);
+        onChange && onChange(val, e);
+        if (enter) onEnter && onEnter(val);
+        handleClose();
+        setSearchValue('');
+      }
+    };
+  };
+  /**
+   * 多选删除index
+   * @param item 当前选项信息
+   * @param val 值
+   * @param e 元素
+   */
+  var delItem = function delItem(item, val) {
+    return function (e) {
+      if (!item) item = _defineProperty({}, showValue, val);
+      clickItem(item)(e);
+      e.stopPropagation();
+    };
+  };
+  // 处理下拉框class
+  var handClass = function handClass() {
+    var str = "".concat($prefixCls, "-select");
+    if (multiple && !overLineCom) str += ' ' + classOne; // 多选 超出不换行
+    if (className) str += ' ' + className;
+    if (size) str += " ".concat($prefixCls, "-select-").concat(size);
+    if (error) str += " ".concat($prefixCls, "-select-error");
+    if (disabled === true) str += " ".concat($prefixCls, "-select-disabled");
+    if (open) str += " ".concat($prefixCls, "-select-open");
+    if (multiple) str += " ".concat($prefixCls, "-select-multiple");
+    if (overLineCom) str += " ".concat($prefixCls, "-select-over-line"); // 可输入,换行
+    if (showSelect) str += " ".concat($prefixCls, "-select-show-select");
+    if (valueCom.length > 0) str += " ".concat($prefixCls, "-select-value");
+    if (allowClear) str += " ".concat($prefixCls, "-select-allow-clear");
+    return str;
+  };
+  // 处理下拉弹框class
+  var handleClassPopover = function handleClassPopover() {
+    var str = "".concat($prefixCls, "-select-popover ").concat($prefixCls, "-scrollbar-small");
+    if (size) str += " ".concat($prefixCls, "-select-popover-").concat(size);
+    if (multiple) {
+      str += " ".concat($prefixCls, "-select-popover-multiple");
+    } else {
+      str += " ".concat($prefixCls, "-select-popover-radio");
+    }
+    if (selectPopoverClassName) str += ' ' + selectPopoverClassName;
+    return str;
+  };
+  // 处理下拉框更多class
+  var handleClassMorePopover = function handleClassMorePopover() {
+    var str = "".concat($prefixCls, "-select-more-popover ").concat($prefixCls, "-scrollbar-small");
+    if (size) str += " ".concat($prefixCls, "-select-more-popover-").concat(size);
+    if (morePopoverClassName) str += ' ' + morePopoverClassName;
+    return str;
+  };
+  /**
+   * 改变搜索输入框
+   * @param e 搜索框元素
+   */
+  var changeSearch = function changeSearch(e) {
+    setSearchValue(e.target.value);
+    searchInputProps && searchInputProps.onChange && searchInputProps.onChange(e);
+  };
+  /**
+   * 回车搜索输入框
+   * @param e 搜索框元素
+   */
+  var onKeyDownSearch = function onKeyDownSearch(e) {
+    if (e.keyCode === 13) {
+      onEnterInput && onEnterInput(searchValue);
+      var selectDom = document.querySelector('.' + classOneSelect + ' .select-popover-list');
+      if (selectDom) {
+        var hoverDom = selectDom.querySelector('.select-popover-list-item-hover');
+        var keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
+        var operateDom = keydownDom || hoverDom;
+        if (operateDom) return;
+      }
+      if (props.input && searchValue.trim() !== '') {
+        var arr = '';
+        if (multiple) {
+          arr = [].concat(_toConsumableArray(valueCom), [searchValue]);
+        } else {
+          arr = searchValue;
+        }
+        if (props.value === undefined) setValueCom(arr);
+        onChange && onChange(arr, e);
+        setSearchValue('');
+      }
+    }
+    searchInputProps && searchInputProps.onKeyDown && searchInputProps.onKeyDown(e);
+  };
+  /**
+   * 多选框设置input框长度
+   * @param text 文本
+   */
+  var handInputLength = function handInputLength(text) {
+    var inputDom = textDom && textDom.current;
+    if (!inputDom) return null;
+    var style = window.getComputedStyle(inputDom);
+    var fontFamily = style.fontFamily;
+    var fontSize = style.fontSize;
+    var results = textSize(fontSize, fontFamily, text);
+    var width = results.width;
+    if (width < 10) width = 10;
+    inputDom.style.width = width + 'px';
+  };
+  /**
+   * 处理键盘事件 上/下
+   * @param config
+   * 例:
+   * {
+   *     selectDom: 外容器
+   *     keyCode: 键盘code
+   *     currentDom: 当前元素
+   * }
+   */
+  var handKeydown = function handKeydown(config) {
+    var selectDom = config.selectDom,
+      keyCode = config.keyCode,
+      currentKeydownDom = config.currentKeydownDom;
+    var brotherDom = null;
+    var type = 'nextSibling';
+    var classSelectStr = '.select-popover-list > div';
+    var classGroupStr = '.select-popover-list-item';
+    if (keyCode === 38) {
+      // 上
+      type = 'previousSibling';
+      classSelectStr = '.select-popover-list > div:last-child';
+      classGroupStr = '.select-popover-list-item:last-child';
+    }
+    if (!currentKeydownDom) {
+      brotherDom = selectDom.querySelector(classSelectStr); // 初始节点
+    } else {
+      brotherDom = currentKeydownDom[type];
+      if (brotherDom) {
+        if (brotherDom.className.indexOf('select-popover-list-group-label') !== -1) {
+          // 存在标题元素
+          brotherDom = currentKeydownDom.parentNode; // 组元素
+          brotherDom = brotherDom[type]; // 组元素兄弟节点
+          if (!brotherDom) brotherDom = selectDom.querySelector(classSelectStr);
+        }
+      } else {
+        var parentNode = currentKeydownDom.parentNode;
+        if (parentNode && parentNode.className && parentNode.className.indexOf('select-popover-list-group') !== -1) {
+          // 组元素最后元素, 设置父级兄弟节点, 没有父级,设置最后或者第一节点
+          brotherDom = currentKeydownDom.parentNode; // 组元素
+          brotherDom = brotherDom[type]; // 组元素兄弟节点
+          if (!brotherDom) brotherDom = selectDom.querySelector(classSelectStr);
+        } else {
+          // 不存在兄弟节点,设置最后一个或第一个
+          brotherDom = selectDom.querySelector(classSelectStr);
+        }
+      }
+    }
+    if (brotherDom) {
+      // 兄弟是组列表
+      if (brotherDom.className.indexOf('select-popover-list-group') !== -1) {
+        var currentDom = brotherDom.querySelector(classGroupStr);
+        if (currentDom) {
+          currentDom.classList.add("select-popover-list-item-keydown");
+          domClientTop(currentDom, selectDom);
+        }
+      } else {
+        brotherDom.classList.add("select-popover-list-item-keydown");
+        domClientTop(brotherDom, selectDom);
+      }
+    }
+  };
+  /**
+   * 设置当前上下选中的元素是否在当前可见页面里面
+   * @param currentDom 当前元素
+   * @param selectDom 可见页面
+   */
+  var domClientTop = function domClientTop(currentDom, selectDom) {
+    clearTimeout(constData.scrollTimer);
+    var clientHeight = selectDom.clientHeight; // 可见区域的高度
+    var top = currentDom.offsetTop + currentDom.clientHeight;
+    var difference = top - clientHeight;
+    constData.scroll = true;
+    if (difference > 0) {
+      selectDom.scrollTop = difference;
+    } else {
+      selectDom.scrollTop = 0;
+    }
+    // 防止滚动触发hover效果
+    constData.scrollTimer = setTimeout(function () {
+      constData.scroll = false;
+    }, 100);
+  };
+  /**
+   * 键盘事件
+   * @param e 键盘信息
+   */
+  var keydownCom = function keydownCom(e) {
+    var selectDom = document.querySelector('.' + classOneSelect + ' .select-popover-list');
+    if (!selectDom) return;
+    var selectItemDom = selectDom.querySelector('.select-popover-list-item-select');
+    var hoverDom = selectDom.querySelector('.select-popover-list-item-hover');
+    var keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
+    var currentKeydownDom = selectItemDom; // 选中,hover,keydown元素
+    if (hoverDom) currentKeydownDom = hoverDom;
+    // 回车
+    if (e.keyCode === 13) {
+      var operateDom = keydownDom || hoverDom;
+      if (operateDom) {
+        var val = operateDom.dataset.val;
+        clickItem(listJson[val], true)({
+          target: keydownDom
+        });
+      } else {
+        onEnter && onEnter(value);
+      }
+    }
+    if (keydownDom) {
+      currentKeydownDom = keydownDom;
+      keydownDom.classList.remove("select-popover-list-item-keydown");
+    }
+    // 下
+    if (e.keyCode === 40) {
+      handKeydown({
+        selectDom: selectDom,
+        keyCode: e.keyCode,
+        currentKeydownDom: currentKeydownDom
+      });
+    }
+    // 上
+    if (e.keyCode === 38) {
+      handKeydown({
+        selectDom: selectDom,
+        keyCode: e.keyCode,
+        currentKeydownDom: currentKeydownDom
+      });
+    }
+  };
+  /**
+   * 鼠标移入
+   * @param e 移入元素
+   */
+  var mouseEnter = function mouseEnter(e) {
+    if (constData.scroll) return;
+    var target = closest(e.target, '.select-popover-list-item');
+    if (!target) return;
+    target.classList.add("select-popover-list-item-hover");
+    // 鼠标移入清除所有keydown
+    var selectDom = document.querySelector('.' + classOneSelect);
+    var keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
+    if (keydownDom) keydownDom.classList.remove("select-popover-list-item-keydown");
+  };
+  /**
+   * 鼠标移出
+   * @param e 移出元素
+   */
+  var mouseLeave = function mouseLeave(e) {
+    var target = closest(e.target, '.select-popover-list-item');
+    if (!target) return;
+    target.classList.remove("select-popover-list-item-hover");
+  };
+  // 外标题memo
+  var OutLabelMemo = useMemo(function () {
+    var bol = Boolean(label || required || labelSign);
+    var handLabelClass = function handLabelClass() {
+      var str = 'select-label';
+      if (labelTooltip && labelTooltip.className) {
+        str += ' ' + labelTooltip.className;
+      }
+      return str;
+    };
+    return jsx(Fragment, {
+      children: labelMode === 'outside' && bol && jsx(Label, Object.assign({
+        label: label,
+        required: required,
+        labelSign: labelSign
+      }, labelTooltip, {
+        className: handLabelClass()
+      }))
+    });
+  }, [labelMode, label, labelSign, required, labelTooltip]);
+  // 内标题memo
+  var InsideMemo = useMemo(function () {
+    var handInsideContent = function handInsideContent() {
+      if (labelMode === 'outside') return placeholder;
+      return jsxs(Fragment, {
+        children: [label || placeholder, required && jsx("span", Object.assign({
+          className: "select-required"
+        }, {
+          children: "*"
+        })), labelSign && jsx("span", {
+          children: labelSign
+        })]
+      });
+    };
+    return jsx(Fragment, {
+      children: !showText && jsx("span", Object.assign({
+        className: "select-label-placeholder"
+      }, {
+        children: handInsideContent()
+      }))
+    });
+  }, [showText, labelMode, placeholder, label, labelSign, required]);
+  /**
+   * 处理搜索框
+   * */
+  var handInput = function handInput(type) {
+    if (disabled === true) return null;
+    var str = "".concat(type, "-search-outside");
+    if (searchModel === 'outside') {
+      return jsx("input", Object.assign({}, searchInputProps, {
+        className: str,
+        value: searchValue,
+        onChange: changeSearch,
+        onKeyDown: onKeyDownSearch,
+        ref: textDom
+      }));
+    }
+    return null;
+  };
+  // 单选内容
+  var RadioMemo = useMemo(function () {
+    var handContent = function handContent() {
+      // 有搜索值且(输入框在内容里面或者有输入赋值)
+      if (searchValue !== '' && (searchModel === 'outside' || input)) return null;
+      var val = listJson[valueCom[0]] && listJson[valueCom[0]][showName] || valueCom[0];
+      var renderContentVal = renderContent && renderContent(listJson[valueCom[0]], false);
+      if (overLineCom) return renderContentVal || val;
+      return jsx(AutoTips, {
+        children: renderContentVal || val
+      });
+    };
+    return jsx(Fragment, {
+      children: !multiple && jsxs(Fragment, {
+        children: [jsx("div", Object.assign({
+          className: "radio-select-content"
+        }, {
+          children: handContent()
+        })), handInput('radio')]
+      })
+    });
+  }, [multiple, showText, overLineCom, listJson, valueCom, showName, search, searchModel, searchValue, disabled, input, searchInputProps, renderContent]);
+  // 多选内容
+  var CheckMemo = useMemo(function () {
+    var handContent = function handContent(index) {
+      var val = listJson[valueCom[index]] && listJson[valueCom[index]][showName] || valueCom[index];
+      var renderContentVal = renderContent && renderContent(listJson[valueCom[index]], false);
+      return renderContentVal || val;
+    };
+    return jsx(Fragment, {
+      children: multiple && jsxs("div", Object.assign({
+        className: "check-select-content"
+      }, {
+        children: [valueCom && valueCom.map(function (item, index) {
+          if (morePos !== null && morePos <= index) return null;
+          var isClose = true;
+          if (disabled === true || _typeof(disabled) === 'object' && disabled.indexOf(valueCom[index]) !== -1) {
+            isClose = false; // 禁用不显示×
+          }
+
+          return jsxs("div", Object.assign({
+            className: isClose ? 'check-select-content-item' : 'check-select-content-item check-select-content-item-noclose'
+          }, {
+            children: [jsx("span", {
+              children: jsx(AutoTips, {
+                children: handContent(index)
+              })
+            }), isClose && jsx(CloseIcon, {
+              onClick: delItem(listJson[valueCom[index]], valueCom[index])
+            })]
+          }), index);
+        }), function () {
+          if (morePos !== null && valueCom.length > morePos) {
+            return jsx("div", Object.assign({
+              className: "check-select-content-item check-select-content-item-more",
+              onClick: clickMore
+            }, {
+              children: jsxs("span", {
+                children: ["+", valueCom.length - morePos]
+              })
+            }));
+          }
+        }(), handInput('check')]
+      }))
+    });
+  }, [multiple, showText, valueCom, morePos, listJson, disabled, onChange, searchValue, search, searchModel, input, searchInputProps, renderContent]);
+  var clickClean = function clickClean(e) {
+    e.stopPropagation();
+    var val = '';
+    var valCom = [];
+    if (multiple) {
+      val = [];
+      // 判断多选的时候,有部分数据被禁用,禁用的数据不可删除
+      if (disabled instanceof Array) {
+        for (var i = 0, l = valueCom.length; i < l; i++) {
+          var valueComItem = valueCom[i];
+          if (disabled.indexOf(valueComItem) !== -1) {
+            val.push(valueComItem);
+            valCom.push(valueComItem);
+          }
+        }
+      }
+    }
+    if (props.value === undefined) {
+      setValueCom(valCom);
+    }
+    onChange && onChange(val, e);
+    setOpen(false);
+    onClear && onClear();
+  };
+  // 清空内容
+  var clearRender = function clearRender() {
+    if (valueCom.length > 0 && disabled !== true && allowClear) {
+      return jsx("span", Object.assign({
+        className: "clean-up-icon",
+        onClick: clickClean
+      }, {
+        children: jsx(CloseCircle, {})
+      }));
+    }
+  };
+  var morePopoverContent = function morePopoverContent() {
+    var handContent = function handContent(index) {
+      var val = listJson[valueCom[index]] && listJson[valueCom[index]][showName] || valueCom[index];
+      var renderContentVal = renderContent && renderContent(listJson[valueCom[index]], false);
+      return renderContentVal || val;
+    };
+    return jsxs("div", Object.assign({
+      className: "select-more"
+    }, {
+      children: [jsxs("div", Object.assign({
+        className: "select-more-title"
+      }, {
+        children: [jsx("span", {
+          children: intl({
+            id: 'selected'
+          })
+        }), jsxs("span", {
+          children: ["(", valueCom.length - Number(morePos), ")"]
+        })]
+      })), jsx("div", Object.assign({
+        className: "select-more-content"
+      }, {
+        children: valueCom && valueCom.map(function (item, index) {
+          if (morePos !== null && morePos > index) return null;
+          var isClose = true;
+          if (disabled === true || _typeof(disabled) === 'object' && disabled.indexOf(valueCom[index]) !== -1) {
+            isClose = false; // 禁用不显示×
+          }
+
+          return jsxs("div", Object.assign({
+            className: "select-more-content-item"
+          }, {
+            children: [jsx("span", {
+              children: jsx(AutoTips, {
+                children: handContent(index)
+              })
+            }), isClose && jsx(CloseIcon, {
+              onClick: delItem(listJson[valueCom[index]], valueCom[index])
+            })]
+          }), index);
+        })
+      }))]
+    }));
+  };
+  // 主体内容
+  var ContentMemo = useMemo(function () {
+    return jsx(Popover, Object.assign({
+      placement: "rightTop",
+      visible: openMore,
+      content: morePopoverContent(),
+      onVisibleChange: handleCloseMore,
+      overlayClassName: handleClassMorePopover()
+    }, {
+      children: jsxs("div", Object.assign({
+        className: "select-content",
+        onClick: clickSelect,
+        ref: posDom
+      }, {
+        children: [InsideMemo, jsxs("span", Object.assign({
+          className: "select-svg"
+        }, {
+          children: [jsx(Down, {}), clearRender()]
+        })), RadioMemo, CheckMemo]
+      }))
+    }));
+  }, [posDom, showText, labelMode, placeholder, label, labelSign, required, overLineCom, listJson, valueCom, showName, multiple, morePos, disabled, onChange, searchValue, searchModel, input, showSelect, searchInputProps, allowClear, onClear, openMore, renderContent]);
+  // 下拉框popover 列表
+  var SelectPopoverListMemo = useMemo(function () {
+    var handClass = function handClass() {
+      var str = 'select-popover-list';
+      if (loading) str += ' select-popover-list-loading';
+      return str;
+    };
+    var handContent = function handContent(item) {
+      var val = item[showName] || item[showValue];
+      var renderContentVal = renderContent && renderContent(item, true);
+      return jsxs(Fragment, {
+        children: [jsx("span", Object.assign({
+          className: "select-popover-list-item-label"
+        }, {
+          children: jsx(AutoTips, {
+            children: renderContentVal || val
+          })
+        })), multiple && selectCheckIcon && jsx("span", Object.assign({
+          className: "select-popover-list-item-svg"
+        }, {
+          children: jsx(Check, {})
+        }))]
+      });
+    };
+    return jsxs("div", Object.assign({
+      className: handClass()
+    }, {
+      children: [listCom && listCom.length > 0 ? jsx(Fragment, {
+        children: listCom.map(function (item, index) {
+          if (item[childrenName] && item[childrenName].length > 0) {
+            var childrenList = item[childrenName];
+            return jsxs("div", Object.assign({
+              className: "select-popover-list-group"
+            }, {
+              children: [jsx("span", Object.assign({
+                className: "select-popover-list-group-label"
+              }, {
+                children: item[showName] || item[showValue]
+              })), childrenList.map(function (childItem, childIndex) {
+                var val = childItem[showValue];
+                var classStrItem = 'select-popover-list-item';
+                if (valueCom.indexOf(val) !== -1) classStrItem += ' select-popover-list-item-select'; // 选中的样式
+                if (_typeof(disabled) === 'object' && disabled.indexOf(val) !== -1) {
+                  // 禁用
+                  classStrItem += ' select-popover-list-item-disabled';
+                }
+                return jsx("div", Object.assign({
+                  onClick: clickItem(childItem),
+                  className: classStrItem,
+                  onMouseEnter: mouseEnter,
+                  onMouseLeave: mouseLeave,
+                  "data-val": val
+                }, {
+                  children: handContent(childItem)
+                }), childIndex);
+              })]
+            }), index);
+          }
+          var val = item[showValue];
+          var classStrItem = 'select-popover-list-item';
+          if (valueCom.indexOf(val) !== -1) classStrItem += ' select-popover-list-item-select'; // 选中的样式
+          if (_typeof(disabled) === 'object' && disabled.indexOf(val) !== -1) {
+            // 禁用
+            classStrItem += ' select-popover-list-item-disabled';
+          }
+          return jsx("div", Object.assign({
+            onClick: clickItem(item),
+            className: classStrItem,
+            onMouseEnter: mouseEnter,
+            onMouseLeave: mouseLeave,
+            "data-val": val
+          }, {
+            children: handContent(item)
+          }), index);
+        })
+      }) : !loading && emptyBol && jsx("div", Object.assign({
+        className: "select-nodata"
+      }, {
+        children: jsx(Empty, Object.assign({}, emptyProps, {
+          size: (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) || "small"
+        }))
+      })), loading && jsx(Loading, {})]
+    }));
+  }, [listCom, showName, showValue, valueCom, onChange, multiple, loading, language, locale, emptyProps, emptyBol, renderContent, selectCheckIcon]);
+  // 下拉框popover memo
+  var SelectPopoverMemo = useMemo(function () {
+    if (!showSelect) return '';
+    var handSelectPopoverMemoClass = function handSelectPopoverMemoClass() {
+      var classStr = 'select-popover-content ' + classOneSelect;
+      if (search && searchModel === 'inside') classStr += ' select-popover-content-search';
+      return classStr;
+    };
+    return jsxs("div", Object.assign({
+      style: {
+        width: (posDom && posDom.current ? posDom.current.offsetWidth : 0) + 'px'
+      },
+      className: handSelectPopoverMemoClass()
+    }, {
+      children: [search && searchModel === 'inside' && jsxs("div", Object.assign({
+        className: "select-popover-search"
+      }, {
+        children: [jsx("input", Object.assign({}, searchInputProps, {
+          placeholder: searchPlaceholder || intl({
+            id: 'searchPlaceholder'
+          }),
+          value: searchValue,
+          onChange: changeSearch,
+          onKeyDown: onKeyDownSearch,
+          ref: textDom
+        })), jsx(SearchIcon, {})]
+      })), SelectPopoverListMemo]
+    }));
+  }, [open, posDom, listCom, childrenName, showValue, showName, valueCom, searchValue, search, classOneSelect, searchModel, multiple, searchPlaceholder, showSelect, loading, searchInputProps, language, locale, emptyProps, emptyBol, renderContent, selectCheckIcon]);
+  /** 处理下拉内容 */
+  var handDropdown = function handDropdown() {
+    return jsx(Dropdown, Object.assign({
+      visible: open,
+      placement: 'bottomLeft',
+      trigger: ['click'],
+      overlay: jsx(Fragment, {
+        children: SelectPopoverMemo
+      }),
+      overlayClassName: handleClassPopover(),
+      getPopupContainer: getPopupContainer
+    }, {
+      children: ContentMemo
+    }));
+  };
+  return jsxs("div", Object.assign({
+    className: handClass(),
+    style: style
+  }, {
+    children: [OutLabelMemo, handDropdown(), jsx(HelperText, {
+      className: "select-error-text",
+      error: error,
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
+    })]
+  }));
+};
+
+export { Select as default };