@para-ui/core 3.0.85 → 4.0.0-alpha

package/Select/index.js

@@ -1,16 +1,16 @@
-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 { _ 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-77f9e0fb.js';
+import { D as Dropdown } from '../_verture/index-e9007d6a.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 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';
@@ -18,31 +18,32 @@ 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 { 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-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.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';
-import '../Tooltip/index.js';
+import '@para-ui/icons/Help';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '@para-ui/icons/Help';
+import '@para-ui/icons/Forbid';
 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'
+  searchPlaceholder: 'Please enter',
+  more: 'More'
 };
 
 var zh = {
-  searchPlaceholder: '请输入搜索名',
-  selected: '已选中'
+  searchPlaceholder: '请输入',
+  more: '更多'
 };
 
 var localeJson = {
@@ -50,7 +51,7 @@ var localeJson = {
   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  z-index: 10;\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 > input::-ms-clear {\n  display: none;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-reveal {\n  display: none;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-moz-placeholder {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-moz-placeholder {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input:-ms-input-placeholder { /* Internet Explorer 10-11 */\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::-ms-input-placeholder { /* Microsoft Edge */\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}";
+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(87, 131, 235);\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(87, 131, 235);\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.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-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 > .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.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  padding: 4px 0;\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  background-color: rgb(234, 236, 241);\n  color: rgb(87, 131, 235);\n  border-radius: 2px;\n}";
 styleInject(css_248z);
 
 /**
@@ -107,6 +108,7 @@ var Select = function Select(props) {
     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,
@@ -190,17 +192,22 @@ var Select = function Select(props) {
     _useState24 = _slicedToArray(_useState23, 2),
     loading = _useState24[0],
     setLoading = _useState24[1]; // 下拉加载loading
-  // const [emptyBol, setEmptyBol] = useState<boolean>(false); // 延迟显示空状态
+  var _useState25 = useState(false),
+    _useState26 = _slicedToArray(_useState25, 2),
+    emptyBol = _useState26[0],
+    setEmptyBol = _useState26[1]; // 延迟显示空状态
   var textDom = useRef(null);
-  var _useState25 = useState({}),
-    _useState26 = _slicedToArray(_useState25, 1),
-    constData = _useState26[0]; // 不变的常量 多行 不换行定时器  搜索定时器
+  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 () {
     if (props.defaultValue !== undefined) {
       if (props.multiple) {
@@ -229,11 +236,14 @@ var Select = function Select(props) {
       }
     }
   }, [value, multiple]);
+  useEffect(function () {
+    changeSize();
+  }, [valueCom, value]);
   // 判断组件超出是换行,还是不换行
   useEffect(function () {
-    if (searchModel === 'outside' && input) {
+    if (searchModel === 'outside') {
       if (multiple) return setOverLineCom(true); // 多选,输入框在框里面,超出必须换行
-      // return setOverLineCom(false); // 单选不换行
+      //return setOverLineCom(false); // 单选不换行
     }
 
     setOverLineCom(overLine);
@@ -258,29 +268,19 @@ var Select = function Select(props) {
     }
     setListJson(json);
   }, [list]);
-  useEffect(function () {
-    if (multiple) {
-      if (!overLineCom) {
-        // 不换行
-        setMorePos(valueCom.length);
-      }
-    }
-  }, [overLineCom, multiple, valueCom]);
   // 多行,不换行计算
   useEffect(function () {
     // 多行不换行计算
-    if (!overLineCom) {
-      setTimeout(function () {
-        handMultiline(valueCom.length);
-      });
+    if (!overLineCom && multiple) {
       window.addEventListener("resize", changeSize);
     } else {
-      setMorePos(valueCom.length);
+      //setMorePos(constData.valueCom.length)
+      window.removeEventListener("resize", changeSize);
     }
     return function () {
       window.removeEventListener("resize", changeSize);
     };
-  }, [valueCom, overLineCom]);
+  }, [overLineCom, multiple]);
   // 计算是否显示label,placehold
   useEffect(function () {
     if (valueCom && valueCom.length > 0) {
@@ -308,10 +308,10 @@ var Select = function Select(props) {
       setLoading(false);
     }
   }, [search, searchValue, list, open]);
-  // 搜索框自动得到焦点
   useEffect(function () {
     if (open) {
-      setTimeout(function () {
+      clearTimeout(constData.openTimer);
+      constData.openTimer = setTimeout(function () {
         inputFocus();
         window.addEventListener("click", clickCom);
         window.addEventListener("keydown", keydownCom);
@@ -322,6 +322,7 @@ var Select = function Select(props) {
       window.removeEventListener("keydown", keydownCom);
     }
     return function () {
+      clearTimeout(constData.openTimer);
       window.removeEventListener("click", clickCom);
       window.removeEventListener("keydown", keydownCom);
     };
@@ -331,6 +332,34 @@ var Select = function Select(props) {
     if (disabled === true) return;
     if (multiple && searchModel === 'outside') handInputLength(searchValue);
   }, [searchValue, multiple, disabled, searchModel, input]);
+  /**
+   * 多选 不换行 计算
+   * @param index 数组下标
+   */
+  var handMultiline = function handMultiline(index) {
+    if (index === null || index === 0) return;
+    if (index === undefined) index = constData.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 (constData.valueCom.length <= index) handleCloseMore();
+    }
+  };
+  // 多选 不换行
+  var changeSize = function changeSize() {
+    if (constData.valueCom.length === 0) return setMorePos(null);
+    clearTimeout(constData.timer);
+    constData.timer = setTimeout(function () {
+      setMorePos(constData.valueCom.length);
+      handMultiline();
+    }, 50);
+  };
   /**
    * 处理初始化数据,让list支持传入字符串
    * 把数组转换成,组件能接收的格式
@@ -388,6 +417,7 @@ var Select = function Select(props) {
     }
     setListCom(arr);
     setLoading(false);
+    setEmptyBol(arr.length === 0);
   };
   // 输入框的到焦点
   var inputFocus = function inputFocus() {
@@ -427,37 +457,18 @@ var Select = function Select(props) {
    */
   var handShowItem = function handShowItem(item) {
     var bol = true;
+    if (searchValue.trim() === '') return bol;
     // 按显示名来
     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);
+    if (name && (typeof name === 'number' || typeof name === 'string')) {
+      name = name.toString();
+      if (name.toLowerCase().indexOf(searchValue.trim().toLowerCase()) === -1) {
+        bol = false;
+      }
     } else {
-      // 一行
-      if (valueCom.length <= index) handleCloseMore();
+      bol = false;
     }
-  };
-  // 多选 不换行
-  var changeSize = function changeSize() {
-    clearTimeout(constData.timer);
-    constData.timer = setTimeout(function () {
-      setMorePos(valueCom.length);
-      handMultiline();
-    }, 100);
+    return bol;
   };
   // 显示下拉框
   var clickSelect = function clickSelect() {
@@ -479,7 +490,7 @@ var Select = function Select(props) {
   };
   // 关闭显示更多
   var handleCloseMore = function handleCloseMore() {
-    setOpenMore(false);
+    if (constData.openMore) setOpenMore(false);
   };
   /**
    * 点击选项
@@ -493,16 +504,16 @@ var Select = function Select(props) {
       if (_typeof(disabled) === 'object' && disabled.indexOf(val) !== -1) return;
       if (multiple) {
         // 多选
-        var index = valueCom.indexOf(val);
+        var index = constData.valueCom.indexOf(val);
         if (index !== -1) {
           // 存在 去除
-          valueCom.splice(index, 1);
+          constData.valueCom.splice(index, 1);
         } else {
-          valueCom.push(val);
+          constData.valueCom.push(val);
         }
-        if (props.value === undefined) setValueCom(_toConsumableArray(valueCom));
-        onChange && onChange(_toConsumableArray(valueCom), e);
-        if (enter) onEnter && onEnter(_toConsumableArray(valueCom));
+        if (props.value === undefined) setValueCom(_toConsumableArray(constData.valueCom));
+        onChange && onChange(_toConsumableArray(constData.valueCom), e);
+        if (enter) onEnter && onEnter(_toConsumableArray(constData.valueCom));
         inputFocus();
       } else {
         // 单选
@@ -831,9 +842,11 @@ var Select = function Select(props) {
       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, {
+      return jsx(AutoTips, Object.assign({
+        placement: "top-start"
+      }, {
         children: renderContentVal || val
-      });
+      }));
     };
     return jsx(Fragment, {
       children: !multiple && jsxs(Fragment, {
@@ -863,13 +876,17 @@ var Select = function Select(props) {
             isClose = false; // 禁用不显示×
           }
 
+          var str = 'check-select-content-item check-select-content-item-select';
+          if (!isClose) str += ' check-select-content-item-noclose';
           return jsxs("div", Object.assign({
-            className: isClose ? 'check-select-content-item' : 'check-select-content-item check-select-content-item-noclose'
+            className: str
           }, {
             children: [jsx("span", {
-              children: jsx(AutoTips, {
+              children: jsx(AutoTips, Object.assign({
+                placement: "top-start"
+              }, {
                 children: handContent(index)
-              })
+              }))
             }), isClose && jsx(CloseIcon, {
               onClick: delItem(listJson[valueCom[index]], valueCom[index])
             })]
@@ -920,29 +937,27 @@ var Select = function Select(props) {
         className: "clean-up-icon",
         onClick: clickClean
       }, {
-        children: jsx(CloseCircle, {})
+        children: jsx(CloseCircleF, {})
       }));
     }
   };
   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);
+      var renderContentVal = renderContent && renderContent(listJson[valueCom[index]], 'more');
       return renderContentVal || val;
     };
     return jsxs("div", Object.assign({
       className: "select-more"
     }, {
-      children: [jsxs("div", Object.assign({
+      children: [jsx("div", Object.assign({
         className: "select-more-title"
       }, {
-        children: [jsx("span", {
+        children: jsx("span", {
           children: intl({
-            id: 'selected'
+            id: 'more'
           })
-        }), jsxs("span", {
-          children: ["(", valueCom.length - Number(morePos), ")"]
-        })]
+        })
       })), jsx("div", Object.assign({
         className: "select-more-content"
       }, {
@@ -957,9 +972,11 @@ var Select = function Select(props) {
             className: "select-more-content-item"
           }, {
             children: [jsx("span", {
-              children: jsx(AutoTips, {
+              children: jsx(AutoTips, Object.assign({
+                placement: "top-start"
+              }, {
                 children: handContent(index)
-              })
+              }))
             }), isClose && jsx(CloseIcon, {
               onClick: delItem(listJson[valueCom[index]], valueCom[index])
             })]
@@ -1004,9 +1021,11 @@ var Select = function Select(props) {
         children: [jsx("span", Object.assign({
           className: "select-popover-list-item-label"
         }, {
-          children: jsx(AutoTips, {
+          children: jsx(AutoTips, Object.assign({
+            placement: "top-start"
+          }, {
             children: renderContentVal || val
-          })
+          }))
         })), multiple && selectCheckIcon && jsx("span", Object.assign({
           className: "select-popover-list-item-svg"
         }, {
@@ -1068,7 +1087,7 @@ var Select = function Select(props) {
             children: handContent(item)
           }), index);
         })
-      }) : !loading && jsx("div", Object.assign({
+      }) : !loading && emptyBol && jsx("div", Object.assign({
         className: "select-nodata"
       }, {
         children: jsx(Empty, Object.assign({}, emptyProps, {
@@ -1076,7 +1095,7 @@ var Select = function Select(props) {
         }))
       })), loading && jsx(Loading, {})]
     }));
-  }, [listCom, showName, showValue, valueCom, onChange, multiple, loading, language, locale, emptyProps, renderContent, selectCheckIcon]);
+  }, [listCom, showName, showValue, valueCom, onChange, multiple, loading, language, locale, emptyProps, emptyBol, renderContent, selectCheckIcon]);
   // 下拉框popover memo
   var SelectPopoverMemo = useMemo(function () {
     if (!showSelect) return '';
@@ -1105,7 +1124,7 @@ var Select = function Select(props) {
         })), jsx(SearchIcon, {})]
       })), SelectPopoverListMemo]
     }));
-  }, [open, posDom, listCom, childrenName, showValue, showName, valueCom, searchValue, search, classOneSelect, searchModel, multiple, searchPlaceholder, showSelect, loading, searchInputProps, language, locale, emptyProps, renderContent, selectCheckIcon]);
+  }, [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({
@@ -1118,7 +1137,11 @@ var Select = function Select(props) {
       overlayClassName: handleClassPopover(),
       getPopupContainer: getPopupContainer
     }, {
-      children: ContentMemo
+      children: disabledTooltip ? jsx(Tooltip, Object.assign({
+        disabled: true
+      }, disabledTooltip, {
+        children: ContentMemo
+      })) : ContentMemo
     }));
   };
   return jsxs("div", Object.assign({

package/Select/lang/en_US.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
     searchPlaceholder: string;
-    selected: string;
+    more: string;
 };
 export default _default;

package/Select/lang/index.d.ts

@@ -1,11 +1,11 @@
 declare const _default: {
     zh: {
         searchPlaceholder: string;
-        selected: string;
+        more: string;
     };
     en: {
         searchPlaceholder: string;
-        selected: string;
+        more: string;
     };
 };
 export default _default;

package/Select/lang/zh_CN.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
     searchPlaceholder: string;
-    selected: string;
+    more: string;
 };
 export default _default;

package/SelectInput/index.js

@@ -1,11 +1,11 @@
 import { jsx } from 'react/jsx-runtime';
 import Select from '../Select/index.js';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
-import '../_verture/defineProperty-62acccfc.js';
-import '../_verture/typeof-498dd2b1.js';
-import '../_verture/toConsumableArray-81040c9e.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import '../_verture/defineProperty-1d116156.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/toConsumableArray-8f4c9589.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/slicedToArray-76060636.js';
+import '../_verture/slicedToArray-a8206399.js';
 import 'react';
 import '../Empty/index.js';
 import 'clsx';
@@ -19,14 +19,15 @@ import '../Help/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Help';
-import '../_verture/index-77f9e0fb.js';
+import '../_verture/index-e9007d6a.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
 import '@para-ui/icons/Close';
-import '@para-ui/icons/CloseCircle';
+import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Down';
 import '@para-ui/icons/Check';
 import '@para-ui/icons/Search';