@para-ui/core 4.0.0-rc.3 → 4.0.0-rc.5

package/Select/index.js

@@ -1,12 +1,8 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.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-e9007d6a.js';
+import { D as Dropdown } from '../_verture/index-da9097d3.js';
 import { UUID, DeepClone } from '@paraview/lib';
 import GlobalContext from '@para-ui/core/GlobalContext';
 import CloseIcon from '@para-ui/icons/Close';
@@ -14,16 +10,15 @@ import CloseCircleF from '@para-ui/icons/CloseCircleF';
 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 { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
 import { Popover } from '../Popover/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import HelperText from '../HelperText/index.js';
-import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1e416658.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'clsx';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Help/index.js';
@@ -32,7 +27,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/icons/LoadingF';
 
@@ -47,8 +42,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-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-v4-select > .select-content {\n  line-height: 0;\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  padding-right: 10px;\n  position: relative;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-select > .select-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-select > .select-content:hover > .select-svg > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .select-label-placeholder {\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\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-v4-select > .select-content > .select-label-placeholder > .select-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-select > .select-content > .select-svg {\n  position: absolute;\n  right: 10px;\n  top: 0;\n  z-index: 2;\n}\n.paraui-v4-select > .select-content > .select-svg > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n  opacity: 0;\n}\n.paraui-v4-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-v4-select > .select-content > .select-svg > .clean-up-icon > svg {\n  font-size: 16px;\n  transition: all 0.3s;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .radio-select-content {\n  padding-left: 10px;\n  font-size: 14px;\n  line-height: 1.43;\n  color: rgb(29, 33, 38);\n  word-break: break-all;\n}\n.paraui-v4-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(29, 33, 38);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v4-select > .select-content > .check-select-content {\n  padding-left: 10px;\n  overflow: hidden;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item {\n  display: inline-block;\n  background-color: rgb(234, 236, 241);\n  border-radius: 4px;\n  padding: 0 10px;\n  color: rgb(29, 33, 38);\n  margin-right: 4px;\n  vertical-align: top;\n  max-width: 100%;\n  white-space: nowrap;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n  max-width: none;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-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-v4-select > .select-content > .check-select-content > .check-select-content-item > svg {\n  cursor: pointer;\n  margin-left: 4px;\n  color: rgb(29, 33, 38);\n  font-size: 16px;\n  position: relative;\n  z-index: 10;\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n  max-width: none;\n}\n.paraui-v4-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(29, 33, 38);\n  font-size: 14px;\n  cursor: pointer;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n  opacity: 1;\n  transition: all 0.3s;\n}\n.paraui-v4-select.paraui-v4-select-allow-clear.paraui-v4-select-value.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-small > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-medium > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content {\n  height: inherit;\n  min-height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-over-line.paraui-v4-select-large > .select-content > .check-select-content {\n  height: 100%;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content .select-label-placeholder {\n  padding-right: 38px;\n}\n.paraui-v4-select.paraui-v4-select-show-select > .select-content > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content {\n  background-color: rgb(247, 248, 250);\n  cursor: not-allowed;\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content:hover > .select-svg > svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .radio-select-content {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select.paraui-v4-select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n  max-width: 100%;\n}\n.paraui-v4-select.paraui-v4-select-error > .select-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .select-svg > svg {\n  transform: rotate(180deg);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-select.paraui-v4-select-open > .select-content > .check-select-content > .check-search-outside {\n  display: inline-block;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-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-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-small > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content {\n  height: 28px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .select-svg {\n  top: 4px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 26px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 20px;\n  line-height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-v4-select.paraui-v4-select-medium > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content {\n  height: 32px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .select-svg {\n  top: 6px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .radio-select-content {\n  padding-bottom: 5px;\n  padding-top: 5px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content {\n  padding-bottom: 3px;\n  height: 30px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item {\n  margin-top: 3px;\n  height: 24px;\n  line-height: 24px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 3px;\n}\n.paraui-v4-select.paraui-v4-select-large > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 4px;\n  height: 22px;\n}\n\n.paraui-v4-select-popover.component-dropdown {\n  /*&.paraui-v4-select-popover-small {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-popover-medium {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-popover-large {\n    & > .select-popover-content {\n      & > .select-popover-search {\n        height: 30px;\n      }\n\n      & > .select-popover-list {\n        & .select-popover-list-item {\n          height: 30px;\n          line-height: 30px;\n        }\n\n        & > .select-popover-list-group {\n          & .select-popover-list-group-label {\n            height: 30px;\n            line-height: 30px;\n          }\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content {\n  padding: 4px 0;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n  padding-top: 0px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n  margin-top: 20px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search {\n  display: flex;\n  align-items: center;\n  padding: 0 10px;\n  border-bottom: 1px solid;\n  border-color: rgb(234, 236, 241);\n  height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input {\n  border: 0;\n  outline: none;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  height: 100%;\n  line-height: 1.43;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n  font-size: 14px;\n  opacity: 1;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-clear {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-reveal {\n  display: none;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-moz-placeholder {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-ms-input-placeholder { /* Internet Explorer 10-11 */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-input-placeholder { /* Microsoft Edge */\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n  cursor: pointer;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n  height: 100px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n  display: flex;\n  cursor: pointer;\n  padding: 0 10px;\n  align-items: center;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-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(29, 33, 38);\n  font-size: 14px;\n}\n.paraui-v4-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-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-svg > svg {\n  font-size: 18px;\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-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(46, 101, 230);\n}\n.paraui-v4-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-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-keydown {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-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-v4-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: rgb(161, 168, 179) !important;\n}\n.paraui-v4-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 10px;\n  color: rgb(161, 168, 179);\n  font-size: 12px;\n  height: 30px;\n  line-height: 30px;\n}\n.paraui-v4-select-popover.component-dropdown .select-popover-content > .select-popover-list > .select-nodata {\n  text-align: center;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  margin-top: 16px;\n  margin-bottom: 29px;\n}\n.paraui-v4-select-more-popover {\n  /*// 小\n  &.paraui-v4-select-more-popover-small {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 28px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 28px;\n        }\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-select-more-popover-medium {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 32px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 32px;\n        }\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-select-more-popover-large {\n    & .select-more {\n      & > .select-more-title {\n        line-height: 36px;\n      }\n\n      & > .select-more-content {\n        & > .select-more-content-item {\n          line-height: 36px;\n        }\n      }\n    }\n  }*/\n}\n.paraui-v4-select-more-popover .select-more {\n  width: 290px;\n  padding: 4px 0;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-title {\n  font-size: 12px;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n  padding: 0 10px;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  line-height: 30px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n  flex: 1;\n  overflow: hidden;\n  display: inline-block;\n  font-size: 14px;\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n  font-size: 18px;\n  position: relative;\n  cursor: pointer;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n  color: rgb(46, 101, 230);\n  border-radius: 2px;\n}";
@@ -60,17 +55,17 @@ styleInject(css_248z);
  * @param fontFamily 字体类型
  * @param text 文本
  */
-var textSize = function textSize(fontSize, fontFamily, text) {
-  var span = document.createElement('span');
+const textSize = (fontSize, fontFamily, text) => {
+  const span = document.createElement('span');
   span.id = 'referenceSpan';
-  var result = {};
+  const 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');
+  const isExists = document.getElementById('referenceSpan');
   if (isExists) {
     document.body.removeChild(isExists);
   }
@@ -85,147 +80,149 @@ var textSize = function textSize(fontSize, fontFamily, text) {
   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,
-    disabledTooltip = _useGlobalProps.disabledTooltip,
-    _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("".concat($prefixCls, "-select-").concat(UUID())),
-    _useState2 = _slicedToArray(_useState, 1),
-    classOne = _useState2[0]; // 唯一class
-  var _useState3 = useState("select-popover-".concat(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);
-  constData.valueCom = _toConsumableArray(valueCom);
-  constData.listCom = listCom;
-  constData.searchModel = searchModel;
-  constData.openMore = openMore;
-  useEffect(function () {
+const useDidMountEffect = (func, deps) => {
+  const didMount = React__default.useRef(false);
+  React__default.useEffect(() => {
+    if (didMount.current) func();else didMount.current = true;
+    // eslint-disable-next-line
+  }, deps);
+};
+const Select = props => {
+  const {
+    className,
+    style,
+    showSelect = true,
+    allowClear = false,
+    emptyProps,
+    size = 'large',
+    labelMode = 'outside',
+    labelTooltip,
+    placeholder = '',
+    searchPlaceholder,
+    label = '',
+    input = false,
+    disabled = false,
+    disabledTooltip,
+    multiple = false,
+    required = false,
+    labelSign,
+    error = false,
+    hideErrorDom,
+    helperText = '',
+    list,
+    showName = 'label',
+    showValue = 'value',
+    childrenName = 'children',
+    value,
+    onChange,
+    overLine = false,
+    search = false,
+    searchModel = 'inside',
+    selectPopoverClassName,
+    morePopoverClassName,
+    fetchSuggestions,
+    searchInputProps,
+    onEnter,
+    onEnterInput,
+    onClear,
+    getPopupContainer,
+    renderContent,
+    selectCheckIcon = true
+  } = useGlobalProps(props, 'Select');
+  /**
+   * 处理初始化数据,让list支持传入字符串
+   * 把数组转换成,组件能接收的格式
+   * */
+  const handList = arr => {
+    const handArr = [];
+    for (let i = 0, l = arr.length; i < l; i++) {
+      const item = arr[i];
+      if (typeof item === 'object' && item !== null) {
+        handArr.push(item);
+      } else {
+        const obj = {};
+        obj[showName] = item;
+        obj[showValue] = item;
+        handArr.push(obj);
+      }
+    }
+    return handArr;
+  };
+  const handleInitValue = () => {
+    let valArr = [];
     if (props.defaultValue !== undefined) {
       if (props.multiple) {
         // 多选
-        setValueCom(DeepClone(props.defaultValue || []));
+        valArr = DeepClone(props.defaultValue || []);
       } else {
         // 单选
-        setValueCom(props.defaultValue === '' ? [] : [props.defaultValue]);
+        valArr = props.defaultValue === '' ? [] : [props.defaultValue];
       }
     }
-    return function () {
+    if (value !== undefined) {
+      if (multiple) {
+        // 多选
+        valArr = DeepClone(value || []);
+      } else {
+        // 单选
+        valArr = value === '' ? [] : [value];
+      }
+    }
+    return valArr;
+  };
+  const handleIntlList = () => {
+    const listHand = handList(list);
+    const json = {};
+    for (let i = 0, l = listHand.length; i < l; i++) {
+      const item = listHand[i];
+      if (item[childrenName] && item[childrenName].length > 0) {
+        const childArr = item[childrenName];
+        for (let j = 0, k = childArr.length; j < k; j++) {
+          const childItem = childArr[j];
+          const key = childItem[showValue];
+          json[key] = childItem;
+        }
+      } else {
+        const key = item[showValue];
+        json[key] = item;
+      }
+    }
+    return json;
+  };
+  const posDom = useRef(null);
+  const [classOne] = useState("".concat($prefixCls, "-select-").concat(UUID())); // 唯一class
+  const [classOneSelect] = useState("select-popover-".concat(UUID())); // 唯一class
+  const [open, setOpen] = useState(false); // 是否打开下拉框
+  const [showText, setShowText] = useState(false); // 是否显示lable,placeholder, true不显示
+  const [valueCom, setValueCom] = useState(handleInitValue()); // 值
+  const [listCom, setListCom] = useState([]); // 下拉框渲染
+  const [listJson, setListJson] = useState(handleIntlList()); // 下拉选项对象
+  const [morePos, setMorePos] = useState(null); // 超出在原始位置
+  const [openMore, setOpenMore] = useState(false); // 显示更多
+  const [searchValue, setSearchValue] = useState(''); // 搜索值
+  const [overLineCom, setOverLineCom] = useState(false); // 超出是否换行
+  const [loading, setLoading] = useState(false); // 下拉加载loading
+  const [emptyBol, setEmptyBol] = useState(false); // 延迟显示空状态
+  const textDom = useRef(null);
+  const [constData] = useState({}); // 不变的常量 多行 不换行定时器  搜索定时器
+  const {
+    language,
+    locale
+  } = React__default.useContext(GlobalContext);
+  const intl = useFormatMessage('Select', localeJson);
+  constData.valueCom = [...valueCom];
+  constData.listCom = listCom;
+  constData.searchModel = searchModel;
+  constData.openMore = openMore;
+  useEffect(() => {
+    return () => {
       clearTimeout(constData.searchTimer);
       clearTimeout(constData.timer);
       clearTimeout(constData.scrollTimer);
     };
   }, []);
   // 赋值value
-  useEffect(function () {
+  useDidMountEffect(() => {
     if (value !== undefined) {
       if (multiple) {
         // 多选
@@ -236,40 +233,23 @@ var Select = function Select(props) {
       }
     }
   }, [value, multiple]);
-  useEffect(function () {
+  useEffect(() => {
     changeSize();
   }, [valueCom, value]);
   // 判断组件超出是换行,还是不换行
-  useEffect(function () {
+  useEffect(() => {
     if (searchModel === 'outside') {
       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);
+  useDidMountEffect(() => {
+    setListJson(handleIntlList());
   }, [list]);
   // 多行,不换行计算
-  useEffect(function () {
+  useEffect(() => {
     // 多行不换行计算
     if (!overLineCom && multiple) {
       window.addEventListener('resize', changeSize);
@@ -277,12 +257,12 @@ var Select = function Select(props) {
       //setMorePos(constData.valueCom.length)
       window.removeEventListener('resize', changeSize);
     }
-    return function () {
+    return () => {
       window.removeEventListener('resize', changeSize);
     };
   }, [overLineCom, multiple]);
   // 计算是否显示label,placehold
-  useEffect(function () {
+  useEffect(() => {
     if (valueCom && valueCom.length > 0) {
       setShowText(true); // 有值不显示label,placehold
     } else {
@@ -293,25 +273,25 @@ var Select = function Select(props) {
     }
   }, [search, searchValue, searchModel, valueCom, input]);
   // 筛选下拉框数据
-  useEffect(function () {
+  useEffect(() => {
     if (!open) return;
     setLoading(true);
     if (props.fetchSuggestions) {
-      props.fetchSuggestions(searchValue, function (data) {
-        var listHand = handList(data);
+      props.fetchSuggestions(searchValue, data => {
+        const listHand = handList(data);
         handSelectList(listHand, true);
         setLoading(false);
       });
     } else {
-      var listHand = handList(list);
+      const listHand = handList(list);
       handSelectList(listHand);
       setLoading(false);
     }
   }, [search, searchValue, list, open]);
-  useEffect(function () {
+  useEffect(() => {
     if (open) {
       clearTimeout(constData.openTimer);
-      constData.openTimer = setTimeout(function () {
+      constData.openTimer = setTimeout(() => {
         inputFocus();
         //window.addEventListener('click', clickCom);
         window.addEventListener('keydown', keydownCom);
@@ -321,14 +301,14 @@ var Select = function Select(props) {
       //window.removeEventListener('click', clickCom);
       window.removeEventListener('keydown', keydownCom);
     }
-    return function () {
+    return () => {
       clearTimeout(constData.openTimer);
       //window.removeEventListener('click', clickCom);
       window.removeEventListener('keydown', keydownCom);
     };
   }, [open]);
   // 是否计算搜索框长度
-  useEffect(function () {
+  useEffect(() => {
     if (disabled === true) return;
     if (multiple && searchModel === 'outside') handInputLength(searchValue);
   }, [searchValue, multiple, disabled, searchModel, input]);
@@ -336,13 +316,13 @@ var Select = function Select(props) {
    * 多选 不换行 计算
    * @param index 数组下标
    */
-  var handMultiline = function handMultiline(index) {
+  const handMultiline = index => {
     if (index === null || index === 0) return;
     if (index === undefined) index = constData.valueCom.length;
-    var boxDom = document.querySelector(".".concat(classOne, " > .select-content > .check-select-content"));
+    const boxDom = document.querySelector(".".concat(classOne, " > .select-content > .check-select-content"));
     if (!boxDom) return;
     if (boxDom.scrollHeight > boxDom.clientHeight) {
-      var num = Number(index) - 1;
+      const num = Number(index) - 1;
       // 超出
       setMorePos(num);
       handMultiline(num);
@@ -352,52 +332,33 @@ var Select = function Select(props) {
     }
   };
   // 多选 不换行
-  var changeSize = function changeSize() {
+  const changeSize = () => {
     if (constData.valueCom.length === 0) return setMorePos(null);
     clearTimeout(constData.timer);
-    constData.timer = setTimeout(function () {
+    constData.timer = setTimeout(() => {
       setMorePos(constData.valueCom.length);
       handMultiline();
     }, 50);
   };
-  /**
-   * 处理初始化数据,让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];
+  const handSelectList = (listData, customSearch) => {
+    const arr = [];
+    const listDeep = [...listData];
+    for (let i = 0, l = listDeep.length; i < l; i++) {
+      const 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];
+        const childArr = item[childrenName];
+        const handChildArr = [];
+        for (let j = 0, k = childArr.length; j < k; j++) {
+          const childItem = childArr[j];
           if (customSearch) {
             handChildArr.push(childItem);
           } else {
-            var bol = handShowItem(childItem);
+            const bol = handShowItem(childItem);
             if (bol) handChildArr.push(childItem);
           }
         }
@@ -410,8 +371,8 @@ var Select = function Select(props) {
         if (customSearch) {
           arr.push(item);
         } else {
-          var _bol = handShowItem(item);
-          if (_bol) arr.push(item);
+          const bol = handShowItem(item);
+          if (bol) arr.push(item);
         }
       }
     }
@@ -420,8 +381,8 @@ var Select = function Select(props) {
     setEmptyBol(arr.length === 0);
   };
   // 输入框的到焦点
-  var inputFocus = function inputFocus() {
-    var inputDom = textDom && textDom.current;
+  const inputFocus = () => {
+    const inputDom = textDom && textDom.current;
     if (constData.searchModel === 'inside') return;
     inputDom && inputDom.focus({
       preventScroll: true
@@ -432,8 +393,8 @@ var Select = function Select(props) {
    * @param el 当前元素
    * @param selector 查找元素class
    */
-  var closest = function closest(el, selector) {
-    var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
+  const closest = (el, selector) => {
+    const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
     while (el) {
       if (matchesSelector.call(el, selector)) {
         break;
@@ -447,11 +408,11 @@ var Select = function Select(props) {
    * @param item 详细信息
    * @return boolean
    */
-  var handShowItem = function handShowItem(item) {
-    var bol = true;
+  const handShowItem = item => {
+    let bol = true;
     if (searchValue.trim() === '') return bol;
     // 按显示名来
-    var name = item[showName];
+    let name = item[showName];
     if (name && (typeof name === 'number' || typeof name === 'string')) {
       name = name.toString();
       if (name.toLowerCase().indexOf(searchValue.trim().toLowerCase()) === -1) {
@@ -463,25 +424,25 @@ var Select = function Select(props) {
     return bol;
   };
   // 显示下拉框
-  var clickSelect = function clickSelect() {
+  const clickSelect = () => {
     if (disabled === true) return;
     setOpen(true);
   };
   // 关闭下拉框
-  var handleClose = function handleClose() {
+  const handleClose = () => {
     setOpen(false);
   };
   /**
    * 点击显示更多
    * @param e 点击元素
    */
-  var clickMore = function clickMore(e) {
+  const clickMore = e => {
     setOpenMore(true);
     setOpen(false);
     e.stopPropagation();
   };
   // 关闭显示更多
-  var handleCloseMore = function handleCloseMore() {
+  const handleCloseMore = () => {
     if (constData.openMore) setOpenMore(false);
   };
   /**
@@ -490,32 +451,30 @@ var Select = function Select(props) {
    * @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 = constData.valueCom.indexOf(val);
-        if (index !== -1) {
-          // 存在 去除
-          constData.valueCom.splice(index, 1);
-        } else {
-          constData.valueCom.push(val);
-        }
-        if (props.value === undefined) setValueCom(_toConsumableArray(constData.valueCom));
-        onChange && onChange(_toConsumableArray(constData.valueCom), e);
-        if (enter) onEnter && onEnter(_toConsumableArray(constData.valueCom));
-        inputFocus();
+  const clickItem = (item, enter) => e => {
+    const val = item[showValue];
+    if (typeof disabled === 'object' && disabled.indexOf(val) !== -1) return;
+    if (multiple) {
+      // 多选
+      const index = constData.valueCom.indexOf(val);
+      if (index !== -1) {
+        // 存在 去除
+        constData.valueCom.splice(index, 1);
       } else {
-        // 单选
-        if (props.value === undefined) setValueCom([val]);
-        onChange && onChange(val, e);
-        if (enter) onEnter && onEnter(val);
-        handleClose();
-        setSearchValue('');
+        constData.valueCom.push(val);
       }
-    };
+      if (props.value === undefined) setValueCom([...constData.valueCom]);
+      onChange && onChange([...constData.valueCom], e);
+      if (enter) onEnter && onEnter([...constData.valueCom]);
+      inputFocus();
+    } else {
+      // 单选
+      if (props.value === undefined) setValueCom([val]);
+      onChange && onChange(val, e);
+      if (enter) onEnter && onEnter(val);
+      handleClose();
+      setSearchValue('');
+    }
   };
   /**
    * 多选删除index
@@ -523,16 +482,16 @@ var Select = function Select(props) {
    * @param val 值
    * @param e 元素
    */
-  var delItem = function delItem(item, val) {
-    return function (e) {
-      if (!item) item = _defineProperty({}, showValue, val);
-      clickItem(item)(e);
-      e.stopPropagation();
+  const delItem = (item, val) => e => {
+    if (!item) item = {
+      [showValue]: val
     };
+    clickItem(item)(e);
+    e.stopPropagation();
   };
   // 处理下拉框class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-select");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-select");
     if (multiple && !overLineCom) str += " ".concat(classOne); // 多选 超出不换行
     if (className) str += " ".concat(className);
     if (size) str += " ".concat($prefixCls, "-select-").concat(size);
@@ -547,8 +506,8 @@ var Select = function Select(props) {
     return str;
   };
   // 处理下拉弹框class
-  var handleClassPopover = function handleClassPopover() {
-    var str = "".concat($prefixCls, "-select-popover ").concat($prefixCls, "-scrollbar-small");
+  const handleClassPopover = () => {
+    let 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");
@@ -559,8 +518,8 @@ var Select = function Select(props) {
     return str;
   };
   // 处理下拉框更多class
-  var handleClassMorePopover = function handleClassMorePopover() {
-    var str = "".concat($prefixCls, "-select-more-popover ").concat($prefixCls, "-scrollbar-small");
+  const handleClassMorePopover = () => {
+    let str = "".concat($prefixCls, "-select-more-popover ").concat($prefixCls, "-scrollbar-small");
     if (size) str += " ".concat($prefixCls, "-select-more-popover-").concat(size);
     if (morePopoverClassName) str += " ".concat(morePopoverClassName);
     return str;
@@ -569,7 +528,7 @@ var Select = function Select(props) {
    * 改变搜索输入框
    * @param e 搜索框元素
    */
-  var changeSearch = function changeSearch(e) {
+  const changeSearch = e => {
     setSearchValue(e.target.value);
     searchInputProps && searchInputProps.onChange && searchInputProps.onChange(e);
   };
@@ -577,20 +536,20 @@ var Select = function Select(props) {
    * 回车搜索输入框
    * @param e 搜索框元素
    */
-  var onKeyDownSearch = function onKeyDownSearch(e) {
+  const onKeyDownSearch = e => {
     if (e.keyCode === 13) {
       onEnterInput && onEnterInput(searchValue);
-      var selectDom = document.querySelector(".".concat(classOneSelect, " .select-popover-list"));
+      const selectDom = document.querySelector(".".concat(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;
+        const hoverDom = selectDom.querySelector('.select-popover-list-item-hover');
+        const keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
+        const operateDom = keydownDom || hoverDom;
         if (operateDom) return;
       }
       if (props.input && searchValue.trim() !== '') {
-        var arr = '';
+        let arr = '';
         if (multiple) {
-          arr = [].concat(_toConsumableArray(valueCom), [searchValue]);
+          arr = [...valueCom, searchValue];
         } else {
           arr = searchValue;
         }
@@ -605,14 +564,14 @@ var Select = function Select(props) {
    * 多选框设置input框长度
    * @param text 文本
    */
-  var handInputLength = function handInputLength(text) {
-    var inputDom = textDom && textDom.current;
+  const handInputLength = text => {
+    const 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;
+    const style = window.getComputedStyle(inputDom);
+    const fontFamily = style.fontFamily;
+    const fontSize = style.fontSize;
+    const results = textSize(fontSize, fontFamily, text);
+    let width = results.width;
     if (width < 10) width = 10;
     inputDom.style.width = "".concat(width, "px");
   };
@@ -626,14 +585,16 @@ var Select = function Select(props) {
    *     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';
+  const handKeydown = config => {
+    const {
+      selectDom,
+      keyCode,
+      currentKeydownDom
+    } = config;
+    let brotherDom = null;
+    let type = 'nextSibling';
+    let classSelectStr = '.select-popover-list > div';
+    let classGroupStr = '.select-popover-list-item';
     if (keyCode === 38) {
       // 上
       type = 'previousSibling';
@@ -652,7 +613,7 @@ var Select = function Select(props) {
           if (!brotherDom) brotherDom = selectDom.querySelector(classSelectStr);
         }
       } else {
-        var parentNode = currentKeydownDom.parentNode;
+        const parentNode = currentKeydownDom.parentNode;
         if (parentNode && parentNode.className && parentNode.className.indexOf('select-popover-list-group') !== -1) {
           // 组元素最后元素, 设置父级兄弟节点, 没有父级,设置最后或者第一节点
           brotherDom = currentKeydownDom.parentNode; // 组元素
@@ -667,7 +628,7 @@ var Select = function Select(props) {
     if (brotherDom) {
       // 兄弟是组列表
       if (brotherDom.className.indexOf('select-popover-list-group') !== -1) {
-        var currentDom = brotherDom.querySelector(classGroupStr);
+        const currentDom = brotherDom.querySelector(classGroupStr);
         if (currentDom) {
           currentDom.classList.add('select-popover-list-item-keydown');
           domClientTop(currentDom, selectDom);
@@ -683,11 +644,11 @@ var Select = function Select(props) {
    * @param currentDom 当前元素
    * @param selectDom 可见页面
    */
-  var domClientTop = function domClientTop(currentDom, selectDom) {
+  const domClientTop = (currentDom, selectDom) => {
     clearTimeout(constData.scrollTimer);
-    var clientHeight = selectDom.clientHeight; // 可见区域的高度
-    var top = currentDom.offsetTop + currentDom.clientHeight;
-    var difference = top - clientHeight;
+    const clientHeight = selectDom.clientHeight; // 可见区域的高度
+    const top = currentDom.offsetTop + currentDom.clientHeight;
+    const difference = top - clientHeight;
     constData.scroll = true;
     if (difference > 0) {
       selectDom.scrollTop = difference;
@@ -695,7 +656,7 @@ var Select = function Select(props) {
       selectDom.scrollTop = 0;
     }
     // 防止滚动触发hover效果
-    constData.scrollTimer = setTimeout(function () {
+    constData.scrollTimer = setTimeout(() => {
       constData.scroll = false;
     }, 100);
   };
@@ -703,19 +664,19 @@ var Select = function Select(props) {
    * 键盘事件
    * @param e 键盘信息
    */
-  var keydownCom = function keydownCom(e) {
-    var selectDom = document.querySelector(".".concat(classOneSelect, " .select-popover-list"));
+  const keydownCom = e => {
+    const selectDom = document.querySelector(".".concat(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元素
+    const selectItemDom = selectDom.querySelector('.select-popover-list-item-select');
+    const hoverDom = selectDom.querySelector('.select-popover-list-item-hover');
+    const keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
+    let currentKeydownDom = selectItemDom; // 选中,hover,keydown元素
     if (hoverDom) currentKeydownDom = hoverDom;
     // 回车
     if (e.keyCode === 13) {
-      var operateDom = keydownDom || hoverDom;
+      const operateDom = keydownDom || hoverDom;
       if (operateDom) {
-        var val = operateDom.dataset.val;
+        const val = operateDom.dataset.val;
         clickItem(listJson[val], true)({
           target: keydownDom
         });
@@ -730,17 +691,17 @@ var Select = function Select(props) {
     // 下
     if (e.keyCode === 40) {
       handKeydown({
-        selectDom: selectDom,
+        selectDom,
         keyCode: e.keyCode,
-        currentKeydownDom: currentKeydownDom
+        currentKeydownDom
       });
     }
     // 上
     if (e.keyCode === 38) {
       handKeydown({
-        selectDom: selectDom,
+        selectDom,
         keyCode: e.keyCode,
-        currentKeydownDom: currentKeydownDom
+        currentKeydownDom
       });
     }
   };
@@ -748,30 +709,30 @@ var Select = function Select(props) {
    * 鼠标移入
    * @param e 移入元素
    */
-  var mouseEnter = function mouseEnter(e) {
+  const mouseEnter = e => {
     if (constData.scroll) return;
-    var target = closest(e.target, '.select-popover-list-item');
+    const target = closest(e.target, '.select-popover-list-item');
     if (!target) return;
     target.classList.add('select-popover-list-item-hover');
     // 鼠标移入清除所有keydown
-    var selectDom = document.querySelector(".".concat(classOneSelect));
-    var keydownDom = selectDom.querySelector('.select-popover-list-item-keydown');
+    const selectDom = document.querySelector(".".concat(classOneSelect));
+    const 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');
+  const mouseLeave = e => {
+    const 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';
+  const OutLabelMemo = useMemo(() => {
+    const bol = Boolean(label || required || labelSign);
+    const handLabelClass = () => {
+      let str = 'select-label';
       if (labelTooltip && labelTooltip.className) {
         str += " ".concat(labelTooltip.className);
       }
@@ -788,8 +749,8 @@ var Select = function Select(props) {
     });
   }, [labelMode, label, labelSign, required, labelTooltip]);
   // 内标题memo
-  var InsideMemo = useMemo(function () {
-    var handInsideContent = function handInsideContent() {
+  const InsideMemo = useMemo(() => {
+    const handInsideContent = () => {
       if (labelMode === 'outside') return placeholder;
       return jsxs(Fragment, {
         children: [label || placeholder, required && jsx("span", Object.assign({
@@ -812,9 +773,9 @@ var Select = function Select(props) {
   /**
    * 处理搜索框
    * */
-  var handInput = function handInput(type) {
+  const handInput = type => {
     if (disabled === true) return null;
-    var str = "".concat(type, "-search-outside");
+    const str = "".concat(type, "-search-outside");
     if (searchModel === 'outside') {
       return jsx("input", Object.assign({}, searchInputProps, {
         className: str,
@@ -827,12 +788,12 @@ var Select = function Select(props) {
     return null;
   };
   // 单选内容
-  var RadioMemo = useMemo(function () {
-    var handContent = function handContent() {
+  const RadioMemo = useMemo(() => {
+    const 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);
+      const val = listJson[valueCom[0]] && listJson[valueCom[0]][showName] || valueCom[0];
+      const renderContentVal = renderContent && renderContent(listJson[valueCom[0]], false);
       if (overLineCom) return renderContentVal || val;
       return jsx(AutoTips, Object.assign({
         placement: 'top-start'
@@ -851,24 +812,23 @@ var Select = function Select(props) {
     });
   }, [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);
+  const CheckMemo = useMemo(() => {
+    const handContent = index => {
+      const val = listJson[valueCom[index]] && listJson[valueCom[index]][showName] || valueCom[index];
+      const 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) {
+        children: [valueCom && valueCom.map((item, index) => {
           if (morePos !== null && morePos <= index) return null;
-          var isClose = true;
-          if (disabled === true || _typeof(disabled) === 'object' && disabled.indexOf(valueCom[index]) !== -1) {
+          let isClose = true;
+          if (disabled === true || typeof disabled === 'object' && disabled.indexOf(valueCom[index]) !== -1) {
             isClose = false; // 禁用不显示×
           }
-
-          var str = 'check-select-content-item check-select-content-item-select';
+          let str = 'check-select-content-item check-select-content-item-select';
           if (!isClose) str += ' check-select-content-item-noclose';
           return jsxs("div", Object.assign({
             className: str
@@ -883,7 +843,7 @@ var Select = function Select(props) {
               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",
@@ -894,20 +854,20 @@ var Select = function Select(props) {
               })
             }));
           }
-        }(), handInput('check')]
+        })(), handInput('check')]
       }))
     });
   }, [multiple, showText, valueCom, morePos, listJson, disabled, onChange, searchValue, search, searchModel, input, searchInputProps, renderContent]);
-  var clickClean = function clickClean(e) {
+  const clickClean = e => {
     e.stopPropagation();
-    var val = '';
-    var valCom = [];
+    let val = '';
+    const valCom = [];
     if (multiple) {
       val = [];
       // 判断多选的时候,有部分数据被禁用,禁用的数据不可删除
       if (disabled instanceof Array) {
-        for (var i = 0, l = valueCom.length; i < l; i++) {
-          var valueComItem = valueCom[i];
+        for (let i = 0, l = valueCom.length; i < l; i++) {
+          const valueComItem = valueCom[i];
           if (disabled.indexOf(valueComItem) !== -1) {
             val.push(valueComItem);
             valCom.push(valueComItem);
@@ -923,7 +883,7 @@ var Select = function Select(props) {
     onClear && onClear();
   };
   // 清空内容
-  var clearRender = function clearRender() {
+  const clearRender = () => {
     if (valueCom.length > 0 && disabled !== true && allowClear) {
       return jsx("span", Object.assign({
         className: "clean-up-icon",
@@ -933,10 +893,10 @@ var Select = function Select(props) {
       }));
     }
   };
-  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]], 'more');
+  const morePopoverContent = () => {
+    const handContent = index => {
+      const val = listJson[valueCom[index]] && listJson[valueCom[index]][showName] || valueCom[index];
+      const renderContentVal = renderContent && renderContent(listJson[valueCom[index]], 'more');
       return renderContentVal || val;
     };
     return jsxs("div", Object.assign({
@@ -953,13 +913,12 @@ var Select = function Select(props) {
       })), jsx("div", Object.assign({
         className: "select-more-content"
       }, {
-        children: valueCom && valueCom.map(function (item, index) {
+        children: valueCom && valueCom.map((item, index) => {
           if (morePos !== null && morePos > index) return null;
-          var isClose = true;
-          if (disabled === true || _typeof(disabled) === 'object' && disabled.indexOf(valueCom[index]) !== -1) {
+          let 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"
           }, {
@@ -978,7 +937,7 @@ var Select = function Select(props) {
     }));
   };
   // 主体内容
-  var ContentMemo = useMemo(function () {
+  const ContentMemo = useMemo(() => {
     return jsx(Popover, Object.assign({
       placement: "rightTop",
       visible: openMore,
@@ -1000,15 +959,15 @@ var Select = function Select(props) {
     }));
   }, [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';
+  const SelectPopoverListMemo = useMemo(() => {
+    const handClass = () => {
+      let 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);
+    const handContent = item => {
+      const val = item[showName] || item[showValue];
+      const renderContentVal = renderContent && renderContent(item, true);
       return jsxs(Fragment, {
         children: [jsx("span", Object.assign({
           className: "select-popover-list-item-label"
@@ -1032,9 +991,9 @@ var Select = function Select(props) {
       }
     }, {
       children: [listCom && listCom.length > 0 ? jsx(Fragment, {
-        children: listCom.map(function (item, index) {
+        children: listCom.map((item, index) => {
           if (item[childrenName] && item[childrenName].length > 0) {
-            var childrenList = item[childrenName];
+            const childrenList = item[childrenName];
             return jsxs("div", Object.assign({
               className: "select-popover-list-group"
             }, {
@@ -1042,11 +1001,11 @@ var Select = function Select(props) {
                 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';
+              })), childrenList.map((childItem, childIndex) => {
+                const val = childItem[showValue];
+                let classStrItem = 'select-popover-list-item';
                 if (valueCom.indexOf(val) !== -1) classStrItem += ' select-popover-list-item-select'; // 选中的样式
-                if (_typeof(disabled) === 'object' && disabled.indexOf(val) !== -1) {
+                if (typeof disabled === 'object' && disabled.indexOf(val) !== -1) {
                   // 禁用
                   classStrItem += ' select-popover-list-item-disabled';
                 }
@@ -1062,10 +1021,10 @@ var Select = function Select(props) {
               })]
             }), index);
           }
-          var val = item[showValue];
-          var classStrItem = 'select-popover-list-item';
+          const val = item[showValue];
+          let classStrItem = 'select-popover-list-item';
           if (valueCom.indexOf(val) !== -1) classStrItem += ' select-popover-list-item-select'; // 选中的样式
-          if (_typeof(disabled) === 'object' && disabled.indexOf(val) !== -1) {
+          if (typeof disabled === 'object' && disabled.indexOf(val) !== -1) {
             // 禁用
             classStrItem += ' select-popover-list-item-disabled';
           }
@@ -1089,10 +1048,10 @@ var Select = function Select(props) {
     }));
   }, [listCom, showName, showValue, valueCom, onChange, multiple, loading, language, locale, emptyProps, emptyBol, renderContent, selectCheckIcon]);
   // 下拉框popover memo
-  var SelectPopoverMemo = useMemo(function () {
+  const SelectPopoverMemo = useMemo(() => {
     if (!showSelect) return '';
-    var handSelectPopoverMemoClass = function handSelectPopoverMemoClass() {
-      var classStr = "select-popover-content ".concat(classOneSelect);
+    const handSelectPopoverMemoClass = () => {
+      let classStr = "select-popover-content ".concat(classOneSelect);
       if (search && searchModel === 'inside') classStr += ' select-popover-content-search';
       return classStr;
     };
@@ -1118,7 +1077,7 @@ var Select = function Select(props) {
     }));
   }, [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() {
+  const handDropdown = () => {
     return jsx(Dropdown, Object.assign({
       visible: open,
       placement: 'bottomLeft',
@@ -1128,7 +1087,7 @@ var Select = function Select(props) {
       }),
       overlayClassName: handleClassPopover(),
       getPopupContainer: getPopupContainer,
-      onVisibleChange: function onVisibleChange(bol) {
+      onVisibleChange: bol => {
         if (!bol) setOpen(false);
       }
     }, {