@para-ui/core 3.0.0 → 3.0.2

package/Search/index.js

@@ -4,6 +4,7 @@ import { useState, useEffect } from 'react';
 import { TextField } from '../TextField/index.js';
 import { Button } from '../Button/index.js';
 import SearchIcon from '@para-ui/icons/Search';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -30,7 +31,7 @@ import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Down';
 import '../_verture/useFormatMessage-ac9d6acf.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-search {\n  display: flex;\n  width: 100%;\n}\n.paraui-search > .paraui-text-field {\n  padding: 0;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: none;\n  margin-right: 8px;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-after {\n  padding: 0;\n  background-color: white;\n}\n.paraui-search > .paraui-text-field > .text-field-content > .text-field-content-after .paraui-button {\n  border: 0;\n}\n.paraui-search > .paraui-text-field > .paraui-helper-text {\n  display: none;\n}\n.paraui-search.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-search.paraui-search-value > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-search .paraui-button > .paraui-button-icon {\n  margin-right: 0;\n}\n.paraui-search .paraui-button > .paraui-button-icon > svg {\n  font-size: 16px;\n}\n.paraui-search .paraui-button > .paraui-button-label {\n  margin-left: 4px;\n}\n.paraui-search.search-outside > .paraui-button {\n  margin-left: 16px;\n}\n.paraui-search.search-inside .paraui-button {\n  padding: 0 8px;\n}\n.paraui-search.search-inside .paraui-button svg {\n  font-size: 20px;\n}\n.paraui-search.search-btntext .paraui-button svg {\n  font-size: 16px;\n}\n.paraui-search.search-small > .paraui-text-field > .text-field-content > .text-field-content-after .paraui-button {\n  height: 26px;\n}\n.paraui-search.search-small.search-inside.no-search-btntext .paraui-button svg {\n  font-size: 16px;\n}\n.paraui-search.search-small.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-search.search-small.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 4px;\n}\n.paraui-search.search-medium > .paraui-text-field > .text-field-content > .text-field-content-after .paraui-button {\n  height: 30px;\n}\n.paraui-search.search-medium.search-inside.no-search-btntext .paraui-button svg {\n  font-size: 18px;\n}\n.paraui-search.search-medium.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 18px;\n}\n.paraui-search.search-medium.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 6px;\n}\n.paraui-search.search-large > .paraui-text-field > .text-field-content > .text-field-content-after .paraui-button {\n  height: 34px;\n}\n.paraui-search.search-large.search-inside.no-search-btntext .paraui-button svg {\n  font-size: 20px;\n}\n.paraui-search.search-large.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 20px;\n}\n.paraui-search.search-large.paraui-search-right-icon-exist > .paraui-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\n*/\n.paraui-v3-search {\n  display: flex;\n  width: 100%;\n}\n.paraui-v3-search > .search-text-field {\n  padding: 0;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: none;\n  margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .right-icon:hover > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after {\n  padding: 0;\n  background-color: white;\n}\n.paraui-v3-search > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  border: 0;\n}\n.paraui-v3-search.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-v3-search.paraui-v3-search-value > .search-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon {\n  margin-right: 0;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search .search-button > .paraui-v3-button-label {\n  margin-left: 4px;\n}\n.paraui-v3-search.paraui-v3-search-outside > .search-button {\n  margin-left: 16px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button {\n  padding: 0 8px;\n}\n.paraui-v3-search.paraui-v3-search-inside .search-button svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-btntext .search-button svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 26px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-inside.paraui-v3-search-no-btntext .search-button svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 16px;\n}\n.paraui-v3-search.paraui-v3-search-small.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 4px;\n}\n.paraui-v3-search.paraui-v3-search-medium > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 30px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-inside.search-no-btntext .search-button svg {\n  font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 18px;\n}\n.paraui-v3-search.paraui-v3-search-medium.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 6px;\n}\n.paraui-v3-search.paraui-v3-search-large > .search-text-field > .text-field-content > .text-field-content-after .search-button {\n  height: 34px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-inside.search-no-btntext .search-button svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .right-icon > svg {\n  font-size: 20px;\n}\n.paraui-v3-search.paraui-v3-search-large.paraui-v3-search-right-icon-exist > .search-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  margin-right: 8px;\n}";
 styleInject(css_248z);
 
 var Search = function Search(props) {
@@ -150,6 +151,7 @@ var Search = function Search(props) {
   var buttonDom = function buttonDom() {
     if (showBtn && btnType === 'inside') {
       return jsx(Button, Object.assign({
+        className: 'search-button',
         size: size,
         startIcon: searchBtnIcon(),
         variant: 'outlined',
@@ -168,14 +170,14 @@ var Search = function Search(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-search';
+    var str = "".concat($prefixCls, "-search");
     if (className) str += ' ' + className;
-    if (size) str += ' search-' + size;
-    if (btnType) str += ' search-' + btnType;
-    if (showBtn) str += ' search-showbtn';
-    if (btnText) str += ' search-btntext';else str += ' no-search-btntext';
-    if (valueCom) str += ' paraui-search-value';
-    if (rightIconExist) str += ' paraui-search-right-icon-exist';
+    if (size) str += " ".concat($prefixCls, "-search-").concat(size);
+    if (btnType) str += " ".concat($prefixCls, "-search-").concat(btnType);
+    if (showBtn) str += " ".concat($prefixCls, "-search-showbtn");
+    if (btnText) str += " ".concat($prefixCls, "-search-btntext");else str += " ".concat($prefixCls, "-search-no-btntext");
+    if (valueCom) str += " ".concat($prefixCls, "-search-value");
+    if (rightIconExist) str += " ".concat($prefixCls, "-search-right-icon-exist");
     return str;
   };
 
@@ -192,10 +194,12 @@ var Search = function Search(props) {
     style: style
   }, {
     children: [jsx(TextField, {
+      className: 'search-text-field',
       size: size,
       placeholder: placeholder,
       value: handValue(),
       rightIcon: clearIcon(),
+      hideErrorDom: true,
       onClickIcon: clickRightIcon,
       onChange: changeInput,
       onBlur: onBlur,
@@ -207,6 +211,7 @@ var Search = function Search(props) {
       allowClear: allowClear,
       onClear: onClear
     }), showBtn && btnType === 'outside' && jsx(Button, Object.assign({
+      className: 'search-button',
       size: size,
       startIcon: searchBtnIcon(),
       variant: 'contained',

package/Select/index.d.ts

@@ -6,8 +6,9 @@
 import React, { FunctionComponent, ReactNode } from 'react';
 import { EmptyProps } from "../Empty";
 import { LabelTooltipProps } from "../Label";
+import { HelperTextDetailProps } from "../HelperText";
 import './index.scss';
-export interface SelectProps {
+export interface SelectProps extends HelperTextDetailProps {
     /** 样式class */
     className?: string;
     /** style */
@@ -38,10 +39,6 @@ export interface SelectProps {
     multiple?: boolean;
     /** 是否必填 */
     required?: boolean;
-    /** 是否错误模式 */
-    error?: boolean;
-    /** 错误文本 */
-    helperText?: ReactNode;
     /** 下拉选项 {label: ReactNode, value: any, children: any[]}*/
     list: any[];
     /** 显示名字段 */
@@ -80,6 +77,8 @@ export interface SelectProps {
     onEnterInput?: (val: string) => void;
     /** 点击清空内容回调 */
     onClear?: () => void;
+    /** 浮层渲染容器，默认body */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
     [name: string]: any;
 }
 declare const Select: FunctionComponent<SelectProps>;

package/Select/index.js

@@ -20,6 +20,7 @@ import { Loading } from '../Loading/index.js';
 import { Popover } from '../Popover/index.js';
 import HelperText from '../HelperText/index.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import 'clsx';
 import '../Help/index.js';
@@ -46,7 +47,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-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-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-select > .select-content:hover {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-select > .select-content:hover > .select-svg > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-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-select > .select-content > .select-label-placeholder > .select-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-select > .select-content > .select-svg {\n  position: absolute;\n  right: 12px;\n  top: 0;\n  z-index: 2;\n}\n.paraui-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-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-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-select > .select-content > .select-svg > .clean-up-icon:hover > svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-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-select > .select-content > .radio-search-outside {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\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-select > .select-content > .check-select-content {\n  padding-left: 12px;\n  height: 100%;\n  overflow: hidden;\n}\n.paraui-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-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-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n  max-width: none;\n}\n.paraui-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-select > .select-content > .check-select-content > .check-select-content-item > svg {\n  cursor: pointer;\n  margin-left: 8px;\n  color: rgb(46, 55, 67);\n  font-size: 16px;\n  position: relative;\n}\n.paraui-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n  max-width: none;\n}\n.paraui-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-select.paraui-select-allow-clear > .select-content {\n  padding-right: 40px;\n}\n.paraui-select.paraui-select-allow-clear.paraui-select-value > .select-content:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-select.paraui-select-allow-clear.paraui-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n  opacity: 1;\n  transition: all 0.3s;\n}\n.paraui-select.select-over-line.select-small > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-select.select-over-line.select-medium > .select-content {\n  height: inherit;\n  min-height: 32px;\n}\n.paraui-select.select-over-line.select-large > .select-content {\n  height: inherit;\n  min-height: 36px;\n}\n.paraui-select.select-show-select > .select-content {\n  padding-right: 40px;\n}\n.paraui-select.select-show-select > .select-content > .select-svg > svg {\n  opacity: 1;\n}\n.paraui-select.select-disabled > .select-content {\n  background-color: rgba(171, 176, 185, 0.12);\n  cursor: not-allowed;\n}\n.paraui-select.select-disabled > .select-content:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-select.select-disabled > .select-content:hover > .select-svg > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-select.select-disabled > .select-content > .check-select-content > .check-select-content-item > span {\n  max-width: 100%;\n}\n.paraui-select.select-error > .select-content {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-select.select-open > .select-content {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-select.select-open > .select-content > .select-svg > svg {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-select.select-open > .select-content > .check-select-content > .check-search-outside {\n  display: inline-block;\n}\n.paraui-select.select-small > .select-content {\n  height: 28px;\n}\n.paraui-select.select-small > .select-content > .select-label-placeholder {\n  line-height: 26px;\n}\n.paraui-select.select-small > .select-content > .select-svg {\n  top: 3px;\n}\n.paraui-select.select-small > .select-content > .radio-select-content {\n  padding-bottom: 3px;\n  padding-top: 3px;\n}\n.paraui-select.select-small > .select-content > .check-select-content {\n  padding-bottom: 3px;\n}\n.paraui-select.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-select.select-small > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 2px;\n}\n.paraui-select.select-small > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 3px;\n  height: 20px;\n}\n.paraui-select.select-medium > .select-content {\n  height: 32px;\n}\n.paraui-select.select-medium > .select-content > .select-label-placeholder {\n  line-height: 30px;\n}\n.paraui-select.select-medium > .select-content > .select-svg {\n  top: 6px;\n}\n.paraui-select.select-medium > .select-content > .radio-select-content {\n  padding-bottom: 5px;\n  padding-top: 5px;\n}\n.paraui-select.select-medium > .select-content > .check-select-content {\n  padding-bottom: 4px;\n}\n.paraui-select.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-select.select-medium > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 3px;\n}\n.paraui-select.select-medium > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 4px;\n  height: 22px;\n}\n.paraui-select.select-large > .select-content {\n  height: 36px;\n}\n.paraui-select.select-large > .select-content > .select-label-placeholder {\n  line-height: 34px;\n}\n.paraui-select.select-large > .select-content > .select-svg {\n  top: 8px;\n}\n.paraui-select.select-large > .select-content > .radio-select-content {\n  padding-bottom: 7px;\n  padding-top: 7px;\n}\n.paraui-select.select-large > .select-content > .check-select-content {\n  padding-bottom: 5px;\n}\n.paraui-select.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-select.select-large > .select-content > .check-select-content > .check-select-content-item > svg {\n  top: 3px;\n}\n.paraui-select.select-large > .select-content > .check-select-content > .check-search-outside {\n  margin-top: 5px;\n  height: 24px;\n}\n\n.paraui-select-popover.paraui-dropdown .select-popover-content.select-popover-content-search > .select-popover-list {\n  padding-top: 0px;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content.select-popover-content-search > .select-popover-list > .select-nodata {\n  margin-top: 58px;\n}\n.paraui-select-popover.paraui-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-select-popover.paraui-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}\n.paraui-select-popover.paraui-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-select-popover.paraui-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-select-popover.paraui-dropdown .select-popover-content > .select-popover-list {\n  padding: 8px 0;\n  max-height: 300px;\n  overflow: auto;\n}\n.paraui-select-popover.paraui-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n  height: 100px;\n}\n.paraui-select-popover.paraui-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-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n  width: calc(100% - 25px);\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-select-popover.paraui-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-select-popover.paraui-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-select-popover.paraui-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-select-popover.paraui-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-select-popover.paraui-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-select-popover.paraui-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-select-popover.paraui-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-select-popover.paraui-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-select-popover.paraui-dropdown .select-popover-content > .select-popover-list .select-popover-list-item.select-popover-list-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-select-popover.paraui-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-select-popover.paraui-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-select-popover.paraui-dropdown .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-item {\n  padding-left: 20px;\n}\n.paraui-select-popover.paraui-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-select-popover.paraui-dropdown.paraui-select-popover-radio > .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n  width: 100%;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-small > .select-popover-content > .select-popover-search {\n  height: 28px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-small > .select-popover-content > .select-popover-list .select-popover-list-item {\n  height: 28px;\n  line-height: 28px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-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-select-popover.paraui-dropdown.paraui-select-popover-medium > .select-popover-content > .select-popover-search {\n  height: 32px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-medium > .select-popover-content > .select-popover-list .select-popover-list-item {\n  height: 32px;\n  line-height: 32px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-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-select-popover.paraui-dropdown.paraui-select-popover-large > .select-popover-content > .select-popover-search {\n  height: 36px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-select-popover-large > .select-popover-content > .select-popover-list .select-popover-list-item {\n  height: 36px;\n  line-height: 36px;\n}\n.paraui-select-popover.paraui-dropdown.paraui-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-select-more-popover {\n  padding-left: 16px;\n}\n.paraui-select-more-popover .select-more {\n  width: 300px;\n}\n.paraui-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-select-more-popover .select-more > .select-more-content {\n  max-height: 300px;\n  overflow: auto;\n}\n.paraui-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-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-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-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-select-more-popover.paraui-select-more-popover-small .select-more > .select-more-title {\n  line-height: 28px;\n}\n.paraui-select-more-popover.paraui-select-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n  line-height: 28px;\n}\n.paraui-select-more-popover.paraui-select-more-popover-medium .select-more > .select-more-title {\n  line-height: 32px;\n}\n.paraui-select-more-popover.paraui-select-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n  line-height: 32px;\n}\n.paraui-select-more-popover.paraui-select-more-popover-large .select-more > .select-more-title {\n  line-height: 36px;\n}\n.paraui-select-more-popover.paraui-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 Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author linhd\n* @date 2022/8/12 5:28 PM\n* @description 全局css前缀\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  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  height: 100%;\n  overflow: hidden;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item {\n  display: inline-block;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  padding: 0 12px 0 12px;\n  color: rgb(46, 55, 67);\n  margin-right: 8px;\n  vertical-align: top;\n  max-width: 100%;\n  white-space: nowrap;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more {\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-more > span {\n  max-width: none;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > span {\n  display: inline-block;\n  height: 100%;\n  vertical-align: top;\n  max-width: calc(100% - 20px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg {\n  cursor: pointer;\n  margin-left: 8px;\n  color: rgb(46, 55, 67);\n  font-size: 16px;\n  position: relative;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-select-content-item.check-select-content-item-noclose > span {\n  max-width: none;\n}\n.paraui-v3-select > .select-content > .check-select-content > .check-search-outside {\n  width: 10px;\n  max-width: 100% !important;\n  display: none;\n  border: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  cursor: pointer;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear > .select-content {\n  padding-right: 40px;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > svg {\n  opacity: 0;\n  transition: all 0s;\n}\n.paraui-v3-select.paraui-v3-select-allow-clear.paraui-v3-select-value > .select-content:hover > .select-svg > .clean-up-icon {\n  opacity: 1;\n  transition: all 0.3s;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-small > .select-content {\n  height: inherit;\n  min-height: 28px;\n}\n.paraui-v3-select.paraui-v3-select-over-line.paraui-v3-select-medium > .select-content {\n  height: inherit;\n  min-height: 32px;\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-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}\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}\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}\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}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > input::placeholder {\n  font-size: 14px;\n  opacity: 1;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-search > svg {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 20px;\n  cursor: pointer;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list {\n  padding: 8px 0;\n  max-height: 300px;\n  overflow: auto;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list.select-popover-list-loading {\n  height: 100px;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item {\n  display: flex;\n  cursor: pointer;\n  padding: 0 12px;\n  align-items: center;\n}\n.paraui-v3-select-popover.component-dropdown .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n  width: calc(100% - 25px);\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-radio > .select-popover-content > .select-popover-list .select-popover-list-item > .select-popover-list-item-label {\n  width: 100%;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-search {\n  height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list .select-popover-list-item {\n  height: 28px;\n  line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-small > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  height: 28px;\n  line-height: 28px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-search {\n  height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list .select-popover-list-item {\n  height: 32px;\n  line-height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-medium > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  line-height: 32px;\n  height: 32px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-search {\n  height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list .select-popover-list-item {\n  height: 36px;\n  line-height: 36px;\n}\n.paraui-v3-select-popover.component-dropdown.paraui-v3-select-popover-large > .select-popover-content > .select-popover-list > .select-popover-list-group .select-popover-list-group-label {\n  height: 36px;\n  line-height: 36px;\n}\n\n.paraui-v3-select-more-popover {\n  padding-left: 16px;\n}\n.paraui-v3-select-more-popover .select-more {\n  width: 300px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-title {\n  font-size: 14px;\n  padding: 0 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content {\n  max-height: 300px;\n  overflow: auto;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item {\n  padding: 0 12px;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > span {\n  width: calc(100% - 25px);\n  display: inline-block;\n  font-size: 14px;\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg {\n  font-size: 20px;\n  position: relative;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-select-more-popover .select-more > .select-more-content > .select-more-content-item > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-title {\n  line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-small .select-more > .select-more-content > .select-more-content-item {\n  line-height: 28px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-title {\n  line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-medium .select-more > .select-more-content > .select-more-content-item {\n  line-height: 32px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-title {\n  line-height: 36px;\n}\n.paraui-v3-select-more-popover.paraui-v3-select-more-popover-large .select-more > .select-more-content > .select-more-content-item {\n  line-height: 36px;\n}";
 styleInject(css_248z);
 
 /**
@@ -116,6 +117,7 @@ var Select = function Select(props) {
       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,
@@ -139,11 +141,12 @@ var Select = function Select(props) {
       var searchInputProps = _useGlobalProps.searchInputProps,
       onEnter = _useGlobalProps.onEnter,
       onEnterInput = _useGlobalProps.onEnterInput,
-      onClear = _useGlobalProps.onClear;
+      onClear = _useGlobalProps.onClear,
+      getPopupContainer = _useGlobalProps.getPopupContainer;
 
   var posDom = useRef(null);
 
-  var _useState = useState('select-' + UUID()),
+  var _useState = useState($prefixCls + '-select-' + UUID()),
       _useState2 = _slicedToArray(_useState, 1),
       classOne = _useState2[0]; // 唯一class
 
@@ -609,32 +612,32 @@ var Select = function Select(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-select select';
+    var str = "".concat($prefixCls, "-select");
     if (multiple && !overLineCom) str += ' ' + classOne; // 多选 超出不换行
 
     if (className) str += ' ' + className;
-    if (size) str += ' select-' + size;
-    if (error) str += ' select-error';
-    if (disabled === true) str += ' select-disabled';
-    if (open) str += ' select-open';
-    if (multiple) str += ' select-multiple';
-    if (overLineCom) str += ' select-over-line'; // 可输入,换行
-
-    if (showSelect) str += ' select-show-select';
-    if (valueCom.length > 0) str += ' paraui-select-value';
-    if (allowClear) str += ' paraui-select-allow-clear';
+    if (size) str += " ".concat($prefixCls, "-select-").concat(size);
+    if (error) str += " ".concat($prefixCls, "-select-error");
+    if (disabled === true) str += " ".concat($prefixCls, "-select-disabled");
+    if (open) str += " ".concat($prefixCls, "-select-open");
+    if (multiple) str += " ".concat($prefixCls, "-select-multiple");
+    if (overLineCom) str += " ".concat($prefixCls, "-select-over-line"); // 可输入,换行
+
+    if (showSelect) str += " ".concat($prefixCls, "-select-show-select");
+    if (valueCom.length > 0) str += " ".concat($prefixCls, "-select-value");
+    if (allowClear) str += " ".concat($prefixCls, "-select-allow-clear");
     return str;
   }; // 处理下拉弹框class
 
 
   var handleClassPopover = function handleClassPopover() {
-    var str = 'paraui-select-popover paraui-scrollbar-small';
-    if (size) str += ' paraui-select-popover-' + size;
+    var str = "".concat($prefixCls, "-select-popover ").concat($prefixCls, "-scrollbar-small");
+    if (size) str += " ".concat($prefixCls, "-select-popover-").concat(size);
 
     if (multiple) {
-      str += ' paraui-select-popover-multiple';
+      str += " ".concat($prefixCls, "-select-popover-multiple");
     } else {
-      str += ' paraui-select-popover-radio';
+      str += " ".concat($prefixCls, "-select-popover-radio");
     }
 
     if (selectPopoverClassName) str += ' ' + selectPopoverClassName;
@@ -643,8 +646,8 @@ var Select = function Select(props) {
 
 
   var handleClassMorePopover = function handleClassMorePopover() {
-    var str = 'paraui-select-more-popover paraui-scrollbar-small';
-    if (size) str += ' paraui-select-more-popover-' + size;
+    var str = "".concat($prefixCls, "-select-more-popover ").concat($prefixCls, "-scrollbar-small");
+    if (size) str += " ".concat($prefixCls, "-select-more-popover-").concat(size);
     if (morePopoverClassName) str += ' ' + morePopoverClassName;
     return str;
   };
@@ -1267,7 +1270,8 @@ var Select = function Select(props) {
       overlay: jsx(Fragment, {
         children: SelectPopoverMemo
       }),
-      overlayClassName: handleClassPopover()
+      overlayClassName: handleClassPopover(),
+      getPopupContainer: getPopupContainer
     }, {
       children: ContentMemo
     }));
@@ -1280,7 +1284,8 @@ var Select = function Select(props) {
     children: [OutLabelMemo, handDropdown(), jsx(HelperText, {
       className: "select-error-text",
       error: error,
-      helperText: helperText
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
     })]
   }));
 };

package/SelectInput/index.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import Select from '../Select/index.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import '../_verture/defineProperty-0590dc61.js';
 import '../_verture/toConsumableArray-f8047a75.js';
 import '../_verture/slicedToArray-d7722f4b.js';
@@ -9,8 +10,8 @@ import '../Empty/index.js';
 import 'clsx';
 import '../_verture/useFormatMessage-ac9d6acf.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/style-inject.es-300983ab.js';
 import '../_verture/useGlobalProps-af9a2af6.js';
+import '../_verture/style-inject.es-300983ab.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -34,7 +35,7 @@ import '../HelperText/index.js';
 
 var SelectInput = function SelectInput(props) {
   var handClass = function handClass() {
-    var str = 'paraui-select-input';
+    var str = $prefixCls + '-select-input';
     if (props.className) str += ' ' + props.className;
     return str;
   };

package/Selector/index.d.ts

@@ -3,25 +3,9 @@
  * @date 2022/7/20 11:22 AM
  * @description 选择器
  */
-import React, { FunctionComponent } from 'react';
+import { FunctionComponent } from 'react';
+import { SelectorFieldConfigProps, SelectorProps } from './interface';
 import './index.scss';
-export interface SelectorProps {
-    /** className */
-    className?: string;
-    /** 样式 */
-    style?: React.CSSProperties;
-    /** 布局方式 左右 / 上下 / 无选中数据 */
-    layout?: 'lr' | 'tb';
-    /** 请求上下文 */
-    ctx?: string;
-    /** 请求地址 */
-    url?: string;
-    /** 本地数据源 */
-    data?: any;
-    /** 叶子节点是否可选,如用户,默认可选 */
-    leafNodeCheck?: boolean;
-    /** 分支/层级节点是否可选,如组织,默认可选 */
-    branchNodeCheck?: boolean;
-}
+export declare const handFieldConfig: (fieldConfig?: SelectorFieldConfigProps, rowKey?: string) => SelectorFieldConfigProps;
 declare const Selector: FunctionComponent<SelectorProps>;
 export default Selector;