@para-ui/core 3.0.1 → 3.0.2-beta

package/Selector/index.js

@@ -9,6 +9,7 @@ import { Checkbox } from '../Checkbox/index.js';
 import { Popover } from '../Popover/index.js';
 import { Loading } from '../Loading/index.js';
 import CloseIcon from '@para-ui/icons/Close';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import { Search } from '../Search/index.js';
 import { Breadcrumbs } from '../Breadcrumbs/index.js';
@@ -41,7 +42,7 @@ import '@para-ui/icons/Down';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/More';
 
-var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-selector-node {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-selector-node:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-selector-node > .paraui-selector-node-left {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  overflow: hidden;\n  padding-right: 16px;\n}\n.paraui-selector-node > .paraui-selector-node-left > .paraui-radio {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n.paraui-selector-node > .paraui-selector-node-left > .paraui-radio .paraui-radio-box {\n  top: 0;\n}\n.paraui-selector-node > .paraui-selector-node-left > .paraui-check-box {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n}\n.paraui-selector-node > .paraui-selector-node-left > .paraui-check-box .paraui-checkbox-box {\n  top: 0;\n}\n.paraui-selector-node > .paraui-selector-node-left > .node-img {\n  display: inline-block;\n  width: 30px;\n  height: 30px;\n  margin-right: 8px;\n}\n.paraui-selector-node > .paraui-selector-node-left > .node-img img {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n}\n.paraui-selector-node.paraui-selector-node-branch {\n  height: 36px;\n  padding: 0 16px;\n}\n.paraui-selector-node.paraui-selector-node-branch > .paraui-selector-node-left > .main-title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-selector-node.paraui-selector-node-branch > .paraui-selector-node-left > .sub-title {\n  margin-left: 8px;\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-selector-node.paraui-selector-node-branch > .paraui-selector-node-left > .tag {\n  margin-left: 8px;\n  background-color: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 0px 6px;\n  white-space: nowrap;\n  height: 17px;\n}\n.paraui-selector-node.paraui-selector-node-leaf {\n  padding: 6px 16px;\n  height: 48px;\n}\n.paraui-selector-node.paraui-selector-node-leaf > .paraui-selector-node-left > .title-box {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-selector-node.paraui-selector-node-leaf > .paraui-selector-node-left > .title-box > .main-title-box {\n  display: flex;\n  white-space: nowrap;\n}\n.paraui-selector-node.paraui-selector-node-leaf > .paraui-selector-node-left > .title-box > .main-title-box > .main-title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-selector-node.paraui-selector-node-leaf > .paraui-selector-node-left > .title-box > .main-title-box > .tag {\n  margin-left: 8px;\n  background-color: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 1px 6px;\n  white-space: nowrap;\n}\n.paraui-selector-node.paraui-selector-node-leaf > .paraui-selector-node-left > .title-box > .sub-title {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-selector-node > .paraui-selector-node-right {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.paraui-selector-node > .paraui-selector-node-right > .detail {\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-selector-node > .paraui-selector-node-right > .detail:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-selector-node > .paraui-selector-node-right > .line {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n  margin: 0 8px;\n  content: \"\";\n  display: inline-block;\n  height: 12px;\n}\n.paraui-selector-node > .paraui-selector-node-right > .lower-child {\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-selector-node > .paraui-selector-node-right > .lower-child:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-selector-node > .paraui-selector-node-right > .close {\n  display: flex;\n  align-items: center;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-selector-node > .paraui-selector-node-right > .close:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-selector-node > .paraui-selector-node-right > .close:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-selector-node > .paraui-selector-node-right > .close > svg {\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-selector-node.paraui-selector-node-edit > .paraui-selector-node-right > .detail, .paraui-selector-node.paraui-selector-node-edit > .paraui-selector-node-right > .lower-child {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-selector-node.paraui-selector-node-edit > .paraui-selector-node-right > .detail:hover, .paraui-selector-node.paraui-selector-node-edit > .paraui-selector-node-right > .lower-child:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-selector-node.paraui-selector-node-disabled {\n  cursor: not-allowed;\n}\n.paraui-selector-node.paraui-selector-node-disabled.paraui-selector-node-branch > .paraui-selector-node-left > .main-title {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-selector-node.paraui-selector-node-disabled.paraui-selector-node-leaf > .paraui-selector-node-left > .title-box > .main-title-box > .main-title {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-selector-node.paraui-selector-node-disabled > .paraui-selector-node-right > .lower-child {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-selector-detail-popover-content.paraui-selector-detail-popover-content-loading {\n  min-width: 100px;\n  min-height: 50px;\n}";
+var css_248z$3 = "@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-selector-node {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v3-selector-node:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-selector-node > .selector-node-left {\n  display: flex;\n  align-items: center;\n  flex: 1;\n  overflow: hidden;\n  padding-right: 16px;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-radio {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  padding: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-radio .radio-box {\n  top: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-check {\n  margin-right: 8px;\n  display: flex;\n  align-items: center;\n  padding: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .selector-node-check .checkbox-box {\n  top: 0;\n}\n.paraui-v3-selector-node > .selector-node-left > .node-img {\n  display: inline-block;\n  width: 30px;\n  height: 30px;\n  margin-right: 8px;\n}\n.paraui-v3-selector-node > .selector-node-left > .node-img img {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch {\n  height: 36px;\n  padding: 0 16px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .main-title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .sub-title {\n  margin-left: 8px;\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  height: 20px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-branch > .selector-node-left > .tag {\n  margin-left: 8px;\n  background-color: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 0px 6px;\n  white-space: nowrap;\n  height: 17px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf {\n  padding: 6px 16px;\n  height: 48px;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box {\n  flex: 1;\n  overflow: hidden;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box {\n  display: flex;\n  white-space: nowrap;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .tag {\n  margin-left: 8px;\n  background-color: rgba(54, 102, 214, 0.05);\n  color: rgb(54, 102, 214);\n  border-radius: 2px;\n  font-size: 12px;\n  padding: 1px 6px;\n  white-space: nowrap;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .sub-title {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-selector-node > .selector-node-right {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.paraui-v3-selector-node > .selector-node-right > .detail {\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .detail:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .line {\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n  margin: 0 8px;\n  content: \"\";\n  display: inline-block;\n  height: 12px;\n}\n.paraui-v3-selector-node > .selector-node-right > .lower-child {\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .lower-child:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .close {\n  display: flex;\n  align-items: center;\n  color: rgb(54, 102, 214);\n  white-space: nowrap;\n  padding: 0 4px;\n  cursor: pointer;\n  height: 24px;\n  line-height: 24px;\n  border-radius: 2px;\n}\n.paraui-v3-selector-node > .selector-node-right > .close:hover {\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-selector-node > .selector-node-right > .close:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-node > .selector-node-right > .close > svg {\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .detail, .paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .lower-child {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .detail:hover, .paraui-v3-selector-node.paraui-v3-selector-node-edit > .selector-node-right > .lower-child:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled.paraui-v3-selector-node-branch > .selector-node-left > .main-title {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled.paraui-v3-selector-node-leaf > .selector-node-left > .title-box > .main-title-box > .main-title {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-node.paraui-v3-selector-node-disabled > .selector-node-right > .lower-child {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n\n.paraui-v3-selector-detail .selector-detail-popover-content.selector-detail-popover-content-loading {\n  min-width: 100px;\n  min-height: 50px;\n}";
 styleInject(css_248z$3);
 
 var SelectorNode = function SelectorNode(props) {
@@ -136,13 +137,13 @@ var SelectorNode = function SelectorNode(props) {
 
             case 5:
               setDetailDomLoading(true);
-              detailRef.current && detailRef.current.classList.add('paraui-selector-detail-popover-content-loading');
+              detailRef.current && detailRef.current.classList.add('selector-detail-popover-content-loading');
               _context.next = 9;
               return detailRender();
 
             case 9:
               Dom = _context.sent;
-              detailRef.current && detailRef.current.classList.remove('paraui-selector-detail-popover-content-loading');
+              detailRef.current && detailRef.current.classList.remove('selector-detail-popover-content-loading');
               setDetailDomLoading(false);
               setDetailDom(Dom);
 
@@ -175,11 +176,13 @@ var SelectorNode = function SelectorNode(props) {
   var handSelectDom = function handSelectDom() {
     if (selectMode === 'radio') return jsx(Radio, {
       size: "small",
+      className: 'selector-node-radio',
       checked: checked,
       disabled: disabled
     });
     if (selectMode === 'check') return jsx(Checkbox, {
       size: "small",
+      className: 'selector-node-check',
       checked: checked,
       disabled: disabled,
       indeterminate: indeterminate
@@ -191,7 +194,7 @@ var SelectorNode = function SelectorNode(props) {
 
   var handDetailDom = function handDetailDom() {
     return jsxs("div", Object.assign({
-      className: "paraui-selector-detail-popover-content",
+      className: "selector-detail-popover-content",
       ref: detailRef
     }, {
       children: [detailDom, detailDomLoading && jsx(Loading, {})]
@@ -206,6 +209,7 @@ var SelectorNode = function SelectorNode(props) {
       content: handDetailDom(),
       trigger: 'hover',
       placement: 'bottomRight',
+      overlayClassName: $prefixCls + '-selector-detail',
       onVisibleChange: onVisibleChange
     }, {
       children: jsx("span", Object.assign({
@@ -266,10 +270,10 @@ var SelectorNode = function SelectorNode(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-selector-node';
-    str += ' paraui-selector-node-' + useCase;
-    str += ' paraui-selector-node-' + nodeMode;
-    if (disabled) str += ' paraui-selector-node-disabled';
+    var str = $prefixCls + '-selector-node';
+    str += " ".concat($prefixCls, "-selector-node-").concat(useCase);
+    str += " ".concat($prefixCls, "-selector-node-").concat(nodeMode);
+    if (disabled) str += " ".concat($prefixCls, "-selector-node-disabled");
     if (className) str += ' ' + className;
     return str;
   };
@@ -280,11 +284,11 @@ var SelectorNode = function SelectorNode(props) {
     onClick: onClickNode
   }, {
     children: [jsxs("div", Object.assign({
-      className: "paraui-selector-node-left"
+      className: "selector-node-left"
     }, {
       children: [handSelectDom(), handImg(), handNodeLeft()]
     })), jsxs("div", Object.assign({
-      className: "paraui-selector-node-right"
+      className: "selector-node-right"
     }, {
       children: [handDetail(), detail && child && jsx("span", {
         className: "line"
@@ -326,15 +330,14 @@ var localeJson = {
   en: en
 };
 
-var css_248z$2 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-selector-main {\n  padding: 16px 0 0 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n.paraui-selector-main > .paraui-search {\n  padding: 0 16px;\n  margin-bottom: 16px;\n}\n.paraui-selector-main > .paraui-selector-main-box {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content > .nav-box {\n  padding: 0 16px;\n  margin-bottom: 12px;\n  line-height: 0;\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content > .paraui-selector-main-list {\n  flex: 1;\n  overflow-y: auto;\n  padding-bottom: 16px;\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content > .paraui-selector-main-list > .paraui-selector-main-list-no-data {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content > .paraui-selector-main-list > .paraui-selector-all-check + .paraui-selector-group-title.paraui-selector-group-title-first {\n  margin-top: 4px;\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content > .paraui-selector-main-list > .paraui-selector-group-title {\n  padding: 0 12px;\n  margin-top: 24px;\n  margin-bottom: 12px;\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content > .paraui-selector-main-list > .paraui-selector-group-title.paraui-selector-group-title-first {\n  margin-top: 0;\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content > .paraui-selector-main-list > .paraui-selector-main-list-more {\n  padding: 0 16px;\n  cursor: pointer;\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  line-height: 36px;\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content > .paraui-selector-main-list > .paraui-selector-main-list-more:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content.paraui-selector-main-search-content {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: white;\n}\n.paraui-selector-main > .paraui-selector-main-box > .paraui-selector-main-content.paraui-selector-main-search-content > .paraui-selector-main-list {\n  padding-bottom: 16px;\n}\n.paraui-selector-main.paraui-selector-main-select > .paraui-selector-main-box > .paraui-selector-main-content > .paraui-selector-main-list > .paraui-selector-main-list-more {\n  padding-left: 38px;\n}\n.paraui-selector-main.paraui-selector-main-show-search > .paraui-selector-main-box {\n  height: calc(100% - 52px);\n}\n.paraui-selector-main.paraui-selector-main-show-search > .paraui-selector-main-box > .paraui-selector-main-content.paraui-selector-main-list-box {\n  display: none;\n}\n.paraui-selector-main.paraui-selector-main-search > .paraui-selector-main-box {\n  height: calc(100% - 52px);\n}";
+var css_248z$2 = "@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-selector-main {\n  padding: 16px 0 0 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n.paraui-v3-selector-main > .selectot-main-search {\n  padding: 0 16px;\n  margin-bottom: 16px;\n}\n.paraui-v3-selector-main > .selector-main-box {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .nav-box {\n  padding: 0 16px;\n  margin-bottom: 12px;\n  line-height: 0;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list {\n  flex: 1;\n  overflow-y: auto;\n  padding-bottom: 16px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-no-data {\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-all-check + .selector-group-title.selector-group-title-first {\n  margin-top: 4px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-group-title {\n  padding: 0 12px;\n  margin-top: 24px;\n  margin-bottom: 12px;\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-group-title.selector-group-title-first {\n  margin-top: 0;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n  padding: 0 16px;\n  cursor: pointer;\n  font-size: 14px;\n  color: rgb(54, 102, 214);\n  line-height: 36px;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: white;\n}\n.paraui-v3-selector-main > .selector-main-box > .selector-main-content.selector-main-search-content > .selector-main-list {\n  padding-bottom: 16px;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-select > .selector-main-box > .selector-main-content > .selector-main-list > .selector-main-list-more {\n  padding-left: 38px;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-show-search > .selector-main-box {\n  height: calc(100% - 52px);\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-show-search > .selector-main-box > .selector-main-content.selector-main-list-box {\n  display: none;\n}\n.paraui-v3-selector-main.paraui-v3-selector-main-search > .selector-main-box {\n  height: calc(100% - 52px);\n}";
 styleInject(css_248z$2);
 
 var SelectorMainContent = function SelectorMainContent(props) {
   var className = props.className,
-      value = props.value,
-      _props$rowKey = props.rowKey,
-      rowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
-      _props$nodeMode = props.nodeMode,
+      value = props.value;
+      props.rowKey;
+      var _props$nodeMode = props.nodeMode,
       nodeMode = _props$nodeMode === void 0 ? 'branch' : _props$nodeMode,
       selectMode = props.selectMode,
       _props$loadMore = props.loadMore,
@@ -399,7 +402,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
 
     for (var i = 0, l = list.length; i < l; i++) {
       var item = list[i];
-      var key = item[rowKey];
+      var key = item.key;
       var disabledItem = handDisabled(item);
 
       if (disabledItem) {
@@ -468,7 +471,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
       selectMode: 'check'
     }, checkJson, {
       onSelect: onAllCheckCom,
-      className: 'paraui-selector-all-check'
+      className: 'selector-all-check'
     }));
   };
   /** 点击查看更多 */
@@ -483,7 +486,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
   var handLoadMore = function handLoadMore() {
     if (!loadMore) return null;
     return jsx("div", Object.assign({
-      className: "paraui-selector-main-list-more",
+      className: "selector-main-list-more",
       onClick: clickLoad
     }, {
       children: jsx("span", Object.assign({
@@ -500,7 +503,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
 
   var handCheck = function handCheck(item) {
     var bol = false;
-    if (value && value[item[rowKey]]) bol = true;
+    if (value && value[item.key]) bol = true;
     return bol;
   };
   /** 处理每个节点的配置 */
@@ -603,8 +606,8 @@ var SelectorMainContent = function SelectorMainContent(props) {
         children: groupType.map(function (item, index) {
           var type = item.value;
           var listData = listCom[type] || [];
-          var str = 'paraui-selector-group-title';
-          if (index === 0) str += ' paraui-selector-group-title-first';
+          var str = 'selector-group-title';
+          if (index === 0) str += ' selector-group-title-first';
           return jsxs(Fragment$1, {
             children: [listData.length > 0 && jsx("div", Object.assign({
               className: str
@@ -646,7 +649,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
     if ((list === null || list === void 0 ? void 0 : list.length) === 0 && !loading) {
       // 空状态
       return jsx("div", Object.assign({
-        className: "paraui-selector-main-list-no-data"
+        className: "selector-main-list-no-data"
       }, {
         children: jsx(Empty, Object.assign({}, emptyProps, {
           size: (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) || "small"
@@ -660,9 +663,9 @@ var SelectorMainContent = function SelectorMainContent(props) {
   };
 
   var handClass = function handClass() {
-    var str = 'paraui-selector-main-content';
+    var str = 'selector-main-content';
     if (className) str += ' ' + className;
-    if (disabled) str += ' paraui-selector-main-content-disabled';
+    if (disabled) str += ' selector-main-content-disabled';
     return str;
   };
 
@@ -670,7 +673,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
     className: handClass()
   }, {
     children: [handBreadcrumbs(), jsx("div", Object.assign({
-      className: "paraui-selector-main-list"
+      className: "selector-main-list"
     }, {
       children: handContent()
     }))]
@@ -750,6 +753,12 @@ var SelectorMain = function SelectorMain(props) {
   var onClickRightIcon = function onClickRightIcon() {
     onSearchCom(true);
   };
+  /** 点击清除按钮 */
+
+
+  var onClear = function onClear() {
+    onSearchCom();
+  };
   /** 向外抛出搜索事件 */
 
 
@@ -771,6 +780,7 @@ var SelectorMain = function SelectorMain(props) {
 
     return jsx(Fragment, {
       children: search && jsx(Search, {
+        className: 'selectot-main-search',
         value: searchStr,
         rightIconExist: true,
         showBtn: false,
@@ -778,6 +788,7 @@ var SelectorMain = function SelectorMain(props) {
         btnType: "inside",
         onChange: changeSearch,
         onEnter: onEnterSearch,
+        onClear: onClear,
         placeholder: searchPlaceholder || intl({
           id: 'pleaseEnter'
         }),
@@ -790,7 +801,7 @@ var SelectorMain = function SelectorMain(props) {
 
   var handListDom = function handListDom() {
     return jsx(SelectorMainContent, {
-      className: "paraui-selector-main-list-box",
+      className: "selector-main-list-box",
       value: value,
       rowKey: rowKey,
       nodeMode: nodeMode,
@@ -821,7 +832,7 @@ var SelectorMain = function SelectorMain(props) {
   var handSearchList = function handSearchList() {
     if (!showSearch) return;
     return jsx(SelectorMainContent, {
-      className: 'paraui-selector-main-search-content',
+      className: 'selector-main-search-content',
       value: value,
       rowKey: rowKey,
       nodeMode: nodeMode,
@@ -850,12 +861,12 @@ var SelectorMain = function SelectorMain(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-selector-main';
+    var str = $prefixCls + '-selector-main';
     if (className) str += ' ' + className;
-    if (selectMode === 'check') str += ' paraui-selector-main-select';
-    if (showSearch) str += ' paraui-selector-main-show-search';
-    if (search) str += ' paraui-selector-main-search';
-    if (disabled === true) str += ' paraui-selector-main-disabled';
+    if (selectMode === 'check') str += " ".concat($prefixCls, "-selector-main-select");
+    if (showSearch) str += " ".concat($prefixCls, "-selector-main-show-search");
+    if (search) str += " ".concat($prefixCls, "-selector-main-search");
+    if (disabled === true) str += " ".concat($prefixCls, "-selector-main-disabled");
     return str;
   };
 
@@ -864,14 +875,14 @@ var SelectorMain = function SelectorMain(props) {
     style: style
   }, {
     children: [handSearchDom(), jsxs("div", Object.assign({
-      className: "paraui-selector-main-box"
+      className: "selector-main-box"
     }, {
       children: [handListDom(), handSearchList(), handLoading()]
     }))]
   }));
 };
 
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-selector-data.paraui-selector-data-node > .paraui-selector-data-node-box {\n  padding: 24px 0 16px 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.paraui-selector-data.paraui-selector-data-node > .paraui-selector-data-node-box > .title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  padding: 0 16px;\n  margin-bottom: 16px;\n}\n.paraui-selector-data.paraui-selector-data-node > .paraui-selector-data-node-box > .title > .title-content {\n  margin-left: 8px;\n}\n.paraui-selector-data.paraui-selector-data-node > .paraui-selector-data-node-box > .content {\n  overflow-y: auto;\n}\n.paraui-selector-data.paraui-selector-data-tag > .paraui-selector-data-tag-box {\n  padding-top: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paraui-selector-data.paraui-selector-data-tag > .paraui-selector-data-tag-box > .title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  padding: 0 16px;\n}\n.paraui-selector-data.paraui-selector-data-tag > .paraui-selector-data-tag-box > .content {\n  padding: 0 16px 12px 16px;\n  overflow: auto;\n}\n.paraui-selector-data.paraui-selector-data-tag > .paraui-selector-data-tag-box > .content > .content-tag {\n  display: inline-flex;\n  height: 24px;\n  align-items: center;\n  padding: 0 8px;\n  border-radius: 2px;\n  background-color: rgba(171, 176, 185, 0.2);\n  margin-right: 8px;\n  margin-top: 6px;\n}\n.paraui-selector-data.paraui-selector-data-tag > .paraui-selector-data-tag-box > .content > .content-tag > span {\n  font-size: 12px;\n  color: rgb(46, 55, 67);\n}\n.paraui-selector-data.paraui-selector-data-tag > .paraui-selector-data-tag-box > .content > .content-tag > svg {\n  font-size: 16px;\n  margin-left: 4px;\n  color: rgba(46, 55, 67, 0.7);\n  cursor: pointer;\n}";
+var css_248z$1 = "@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-selector-data.paraui-v3-selector-data-node > .selector-data-node-box {\n  padding: 24px 0 16px 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-node > .selector-data-node-box > .title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  padding: 0 16px;\n  margin-bottom: 16px;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-node > .selector-data-node-box > .title > .title-content {\n  margin-left: 8px;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-node > .selector-data-node-box > .content {\n  overflow-y: auto;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box {\n  padding-top: 12px;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .title {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  padding: 0 16px;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .content {\n  padding: 0 16px 12px 16px;\n  overflow: auto;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .content > .content-tag {\n  display: inline-flex;\n  height: 24px;\n  align-items: center;\n  padding: 0 8px;\n  border-radius: 2px;\n  background-color: rgba(171, 176, 185, 0.2);\n  margin-right: 8px;\n  margin-top: 6px;\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .content > .content-tag > span {\n  font-size: 12px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-data.paraui-v3-selector-data-tag > .selector-data-tag-box > .content > .content-tag > svg {\n  font-size: 16px;\n  margin-left: 4px;\n  color: rgba(46, 55, 67, 0.7);\n  cursor: pointer;\n}";
 styleInject(css_248z$1);
 
 var SelectorData = function SelectorData(props) {
@@ -1045,7 +1056,7 @@ var SelectorData = function SelectorData(props) {
 
   var handContentNode = function handContentNode() {
     return jsxs("div", Object.assign({
-      className: "paraui-selector-data-node-box"
+      className: "selector-data-node-box"
     }, {
       children: [handTitle(), jsx("div", Object.assign({
         className: "content"
@@ -1058,7 +1069,7 @@ var SelectorData = function SelectorData(props) {
 
   var handContentTag = function handContentTag() {
     return jsxs("div", Object.assign({
-      className: "paraui-selector-data-tag-box"
+      className: "selector-data-tag-box"
     }, {
       children: [handTitle(), jsx("div", Object.assign({
         className: "content"
@@ -1082,9 +1093,9 @@ var SelectorData = function SelectorData(props) {
   };
 
   var handClass = function handClass() {
-    var str = 'paraui-selector-data';
-    if (layout) str += ' paraui-selector-data-' + layout;
-    if (disabled === true) str += ' paraui-selector-data-disabled';
+    var str = $prefixCls + '-selector-data';
+    if (layout) str += " ".concat($prefixCls, "-selector-data-").concat(layout);
+    if (disabled === true) str += " ".concat($prefixCls, "-selector-data-disabled");
     if (className) str += ' ' + className;
     return str;
   };
@@ -1120,7 +1131,7 @@ var reqFunc = function reqFunc(obj) {
   }
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-selector {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  display: flex;\n  height: 100%;\n  width: 100%;\n}\n.paraui-selector.paraui-selector-lr > .paraui-selector-main {\n  width: 50%;\n}\n.paraui-selector.paraui-selector-lr > .paraui-selector-data {\n  width: 50%;\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-selector.paraui-selector-tb {\n  flex-direction: column;\n}\n.paraui-selector.paraui-selector-tb > .paraui-selector-data {\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n  max-height: 106px;\n}\n.paraui-selector.paraui-selector-tb > .paraui-selector-main {\n  overflow-y: auto;\n  height: auto;\n  flex: 1;\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-selector {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  display: flex;\n  height: 100%;\n  width: 100%;\n}\n.paraui-v3-selector.paraui-v3-selector-lr > .paraui-v3-selector-main {\n  width: 50%;\n}\n.paraui-v3-selector.paraui-v3-selector-lr > .paraui-v3-selector-data {\n  width: 50%;\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-selector.paraui-v3-selector-tb {\n  flex-direction: column;\n}\n.paraui-v3-selector.paraui-v3-selector-tb > .paraui-v3-selector-data {\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n  max-height: 106px;\n}\n.paraui-v3-selector.paraui-v3-selector-tb > .paraui-v3-selector-main {\n  overflow-y: auto;\n  height: auto;\n  flex: 1;\n}";
 styleInject(css_248z);
 
 var handFieldConfig = function handFieldConfig(fieldConfig, rowKey) {
@@ -1400,17 +1411,18 @@ var Selector = function Selector(props) {
       data: item
     }; // 如果外部存在节点回调
 
-    if (props.handNodeInfo) itemData = props.handNodeInfo(itemData);
+    if (props.handNodeInfo) itemData = props.handNodeInfo(itemData, bol);
     return itemData;
   };
   /**
    * 转换树结构 记录原始数据,跟处理过的数据
    * @param arr 数据源
-   * @param bol true不生成树
+   * @param notTree true不生成树
+   * @param isSearch 是否搜索
    * */
 
 
-  var convertTree = function convertTree(arr, bol) {
+  var convertTree = function convertTree(arr, notTree, isSearch) {
     var handArr = [];
     var json = {}; // 生成mappingd对象
 
@@ -1418,7 +1430,7 @@ var Selector = function Selector(props) {
       for (var i = 0, l = list.length; i < l; i++) {
         var item = list[i];
         var keyStr = item[rowKey];
-        var itemData = handNodeData(item);
+        var itemData = handNodeData(item, !!isSearch);
         json[keyStr] = itemData;
         var childrenName = fieldConfigHand.children;
         constData.current.jsonDataCopy[keyStr] = item; // 原始数据
@@ -1440,7 +1452,7 @@ var Selector = function Selector(props) {
       var item = json[keyStr];
       var parentId = item.parentId || '';
 
-      if (bol) {
+      if (notTree) {
         handArr.push(item);
         continue;
       }
@@ -1596,7 +1608,7 @@ var Selector = function Selector(props) {
     var json = ArrayToObject(selectorFieldConfigHand.key, handVal);
     constData.current.selectValueJson = json;
     setValueJsonCom(json);
-    setValueCom(handVal);
+    setValueCom(_toConsumableArray(handVal));
   };
   /** 点击下级,添加面包屑 */
 
@@ -2013,7 +2025,7 @@ var Selector = function Selector(props) {
 
             case 9:
               result = _context4.sent;
-              arr = convertTree(result || [], true);
+              arr = convertTree(result || [], true, true);
               setSearchList(arr);
               setSearchLoading(false);
 
@@ -2073,11 +2085,11 @@ var Selector = function Selector(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-selector';
+    var str = "".concat($prefixCls, "-selector");
     if (className) str += ' ' + className;
-    if (layout) str += ' paraui-selector-' + layout;
-    if (selectMode) str += ' paraui-selector-' + selectMode;
-    if (disabled === true) str += ' paraui-selector-disabled';
+    if (layout) str += " ".concat($prefixCls, "-selector-").concat(layout);
+    if (selectMode) str += " ".concat($prefixCls, "-selector-").concat(selectMode);
+    if (disabled === true) str += " ".concat($prefixCls, "-selector-disabled");
     return str;
   };
 

package/Selector/interface.d.ts

@@ -28,13 +28,13 @@ export interface SelectorAnyJson {
     /** 类型 */
     type?: string;
     /** 图片 */
-    img?: string;
+    img?: ReactNode;
     /** 主标题, 默认label */
-    mainTitle?: string;
+    mainTitle?: ReactNode;
     /** 辅助信息 */
-    subTitle?: string;
+    subTitle?: ReactNode;
     /** 标签 */
-    tag?: string;
+    tag?: ReactNode;
     /** 下级字段 */
     children?: SelectorAnyJson[];
     /** 禁用 */
@@ -325,8 +325,8 @@ export interface SelectorProps {
     fieldConfig?: SelectorFieldConfigProps;
     /** 返回数据字段配置,对应数据字段 */
     backDataFieldConfig?: SelectorFieldConfigProps;
-    /** 处理节点信息 */
-    handNodeInfo?: (item: SelectorAnyJson) => SelectorAnyJson;
+    /** 处理节点信息 isSearch是否搜索 */
+    handNodeInfo?: (item: SelectorAnyJson, isSearch: boolean) => SelectorAnyJson;
     /** 处理选中数据的节点信息 */
     handSelectorNodeInfo?: (item: SelectorAnyJson) => SelectorAnyJson;
     /** 处理请求参数 */

package/SelectorPicker/index.d.ts

@@ -4,10 +4,11 @@
  * @description 选择器选择
  */
 import React from 'react';
+import { HelperTextDetailProps } from "../HelperText";
 import { LabelTooltipProps } from "../Label";
 import { SelectorProps } from "../Selector/interface";
 import './index.scss';
-export interface SelectorPickerProps {
+export interface SelectorPickerProps extends HelperTextDetailProps {
     /** className */
     className?: string;
     /** label */
@@ -16,10 +17,6 @@ export interface SelectorPickerProps {
     labelTooltip?: LabelTooltipProps;
     /** 是否必填 */
     required?: boolean;
-    /** 错误状态 */
-    error?: boolean;
-    /** 辅助文本 */
-    helperText?: React.ReactNode;
     /** 尺寸 */
     size?: 'large' | 'medium' | 'small';
     /** 是否禁用 */

package/SelectorPicker/index.js

@@ -12,6 +12,7 @@ import CloseCircle from '@para-ui/icons/CloseCircle';
 import Down from '@para-ui/icons/Down';
 import CloseIcon from '@para-ui/icons/Close';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import '../Help/index.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Tooltip/index.js';
@@ -43,7 +44,7 @@ import '@para-ui/icons/More';
 import '../Empty/index.js';
 import '@para-ui/icons/Refresh';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-selector-picker-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 36px;\n  padding: 0 42px 0 12px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-selector-picker-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 42px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-arrow {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-clear {\n  position: absolute;\n  top: 9px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding-top: 5px;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-single {\n  padding-top: 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-single .paraui-selector-picker-single-content {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item .paraui-selector-picker-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  height: 24px;\n  margin: 0 8px 5px 0;\n  max-width: 100%;\n  color: rgb(46, 55, 67);\n  line-height: 24px;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item .paraui-selector-picker-item-content {\n  display: inline-block;\n  margin-right: 4px;\n  overflow: hidden;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item .paraui-selector-picker-item .paraui-selector-picker-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-selector-picker-wrapper .paraui-selector-picker-overflow-item .paraui-selector-picker-item .paraui-selector-picker-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-selector-picker-focused .paraui-selector-picker-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-selector-picker-focused .paraui-selector-picker-wrapper .paraui-selector-picker-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-selector-picker-disabled {\n  cursor: not-allowed;\n}\n.paraui-selector-picker-disabled .paraui-selector-picker-wrapper {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  pointer-events: none;\n}\n.paraui-selector-picker-error .paraui-selector-picker-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-selector-picker-error .paraui-selector-picker-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-selector-picker-clear .paraui-selector-picker-wrapper:hover .paraui-selector-picker-arrow {\n  opacity: 0;\n}\n.paraui-selector-picker-clear .paraui-selector-picker-wrapper:hover .paraui-selector-picker-clear {\n  opacity: 1;\n}\n.paraui-selector-picker-dropdown .paraui-selector {\n  border: 0;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/8/2 5:57 PM\n* @description\n*/\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-selector-picker > .selector-picker-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 36px;\n  padding: 0 42px 0 12px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 42px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear {\n  position: absolute;\n  top: 9px;\n  right: 12px;\n  opacity: 0;\n  line-height: 0;\n  cursor: pointer;\n  transition: 0.3s;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding-top: 5px;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single {\n  padding-top: 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow.selector-picker-overflow-single > .selector-picker-single-content {\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item {\n  display: inline-flex;\n  align-items: center;\n  padding: 0 12px;\n  height: 24px;\n  margin: 0 8px 5px 0;\n  max-width: 100%;\n  color: rgb(46, 55, 67);\n  line-height: 24px;\n  background-color: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  user-select: none;\n  transition: 0.3s;\n  cursor: default;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-content {\n  display: inline-block;\n  margin-right: 4px;\n  overflow: hidden;\n  font-size: 12px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-v3-selector-picker > .selector-picker-wrapper > .selector-picker-overflow > .selector-picker-overflow-item > .selector-picker-item > .selector-picker-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-focused > .selector-picker-wrapper > .selector-picker-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-disabled > .selector-picker-wrapper {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-color: rgba(171, 176, 185, 0.4);\n  pointer-events: none;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-error > .selector-picker-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-arrow {\n  opacity: 0;\n}\n.paraui-v3-selector-picker.paraui-v3-selector-picker-clear > .selector-picker-wrapper:hover > .selector-picker-clear {\n  opacity: 1;\n}\n.paraui-v3-selector-picker-dropdown .paraui-v3-selector {\n  border: 0;\n}";
 styleInject(css_248z);
 
 var SelectorPicker = function SelectorPicker(props) {
@@ -58,6 +59,7 @@ var SelectorPicker = function SelectorPicker(props) {
       labelTooltip = props.labelTooltip,
       _props$error = props.error,
       error = _props$error === void 0 ? false : _props$error,
+      hideErrorDom = props.hideErrorDom,
       helperText = props.helperText,
       _props$size = props.size,
       size = _props$size === void 0 ? 'medium' : _props$size,
@@ -89,7 +91,7 @@ var SelectorPicker = function SelectorPicker(props) {
       setOpen = _useState4[1]; // 显示下拉
 
 
-  var prefixCls = 'paraui-selector-picker';
+  var prefixCls = $prefixCls + '-selector-picker';
   /** 改变事件 val绑定值, node处理过的数据 rowData原始数据 */
 
   var onChangeCom = function onChangeCom(val, node, rowData) {
@@ -167,17 +169,17 @@ var SelectorPicker = function SelectorPicker(props) {
     var labelStr = selectorFieldConfigHand.mainTitle || '';
     var val = selectorFieldConfigHand.key || '';
     return jsx("div", Object.assign({
-      className: "".concat(prefixCls, "-overflow-item")
+      className: "selector-picker-overflow-item"
     }, {
       children: jsxs("span", Object.assign({
-        className: "".concat(prefixCls, "-item")
+        className: "selector-picker-item"
       }, {
         children: [jsx("span", Object.assign({
-          className: "".concat(prefixCls, "-item-content")
+          className: "selector-picker-item-content"
         }, {
           children: item[labelStr] || item[val]
         })), jsx("span", Object.assign({
-          className: "".concat(prefixCls, "-item-remove"),
+          className: "selector-picker-item-remove",
           onClick: function onClick(e) {
             return handleTagRemove === null || handleTagRemove === void 0 ? void 0 : handleTagRemove(item, index, e);
           }
@@ -198,7 +200,7 @@ var SelectorPicker = function SelectorPicker(props) {
     if (!multiple) {
       //单选
       return jsx("span", Object.assign({
-        className: "".concat(prefixCls, "-single-content")
+        className: "selector-picker-single-content"
       }, {
         children: (_a = list[0]) === null || _a === void 0 ? void 0 : _a.label
       }));
@@ -218,13 +220,13 @@ var SelectorPicker = function SelectorPicker(props) {
 
 
     var renderOverTag = (overList === null || overList === void 0 ? void 0 : overList.length) ? jsx("div", Object.assign({
-      className: "".concat(prefixCls, "-overflow-item")
+      className: "selector-picker-overflow-item"
     }, {
       children: jsx("span", Object.assign({
-        className: "".concat(prefixCls, "-item")
+        className: "selector-picker-item"
       }, {
         children: jsx("span", Object.assign({
-          className: "".concat(prefixCls, "-item-content")
+          className: "selector-picker-item-content"
         }, {
           children: "+".concat(overList === null || overList === void 0 ? void 0 : overList.length)
         }))
@@ -262,16 +264,16 @@ var SelectorPicker = function SelectorPicker(props) {
 
   var renderAnchor = function renderAnchor() {
     var list = handComVal();
-    var overflowCls = clsx("".concat(prefixCls, "-overflow"), !multiple && "".concat(prefixCls, "-overflow-single")); //清除图标
+    var overflowCls = clsx("selector-picker-overflow", !multiple && "selector-picker-overflow-single"); //清除图标
 
     var clearBtn = allowClear && list.length ? jsx("span", Object.assign({
-      className: "".concat(prefixCls, "-clear"),
+      className: "selector-picker-clear",
       onClick: handleAllClear
     }, {
       children: jsx(CloseCircle, {})
     })) : null;
     return jsxs("div", Object.assign({
-      className: "".concat(prefixCls, "-wrapper"),
+      className: "selector-picker-wrapper",
       onClick: openSelector
     }, {
       children: [jsx("div", Object.assign({
@@ -279,11 +281,11 @@ var SelectorPicker = function SelectorPicker(props) {
       }, {
         children: tagMemo()
       })), jsx("span", Object.assign({
-        className: "".concat(prefixCls, "-arrow")
+        className: "selector-picker-arrow"
       }, {
         children: jsx(Down, {})
       })), clearBtn, !list.length && jsx("span", Object.assign({
-        className: "".concat(prefixCls, "-placeholder")
+        className: "selector-picker-placeholder"
       }, {
         children: placeholder
       }))]
@@ -303,12 +305,13 @@ var SelectorPicker = function SelectorPicker(props) {
       onVisibleChange: function onVisibleChange(vis) {
         return setOpen(vis);
       },
-      overlayClassName: 'paraui-selector-picker-dropdown'
+      overlayClassName: $prefixCls + '-selector-picker-dropdown'
     }, {
       children: renderAnchor()
     })), jsx(HelperText, {
       error: error,
-      helperText: helperText
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
     })]
   }));
 };