@para-ui/core 3.0.0 → 3.0.1

package/Button/index.d.ts

@@ -35,6 +35,10 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<any> {
     endIcon?: React.ReactNode;
     /** 前置图标 */
     startIcon?: React.ReactNode;
+    /** 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 */
+    href?: string;
+    /** target */
+    target?: string;
     [name: string]: any;
 }
 export interface IconButtonProps extends React.ButtonHTMLAttributes<any> {
@@ -59,6 +63,10 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<any> {
     disabled?: boolean;
     /** content */
     children?: React.ReactNode;
+    /** 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 */
+    href?: string;
+    /** target */
+    target?: string;
     [name: string]: any;
 }
 declare const InternalButton: FunctionComponent<ButtonProps>;

package/Button/index.js

@@ -29,7 +29,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n@keyframes loadingSpin {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-button {\n  border: 0;\n  cursor: pointer;\n  display: inline-flex;\n  outline: 0;\n  position: relative;\n  align-items: center;\n  user-select: none;\n  vertical-align: middle;\n  justify-content: center;\n  text-decoration: none;\n  background-color: transparent;\n  appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  padding: 0 16px;\n  line-height: 1.5715;\n  border-radius: 4px;\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  white-space: nowrap;\n  color: rgb(255, 255, 255);\n  box-sizing: border-box;\n  letter-spacing: 0.02857em;\n  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-button-label {\n  width: 100%;\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n}\n.paraui-button-icon {\n  display: inherit;\n  margin-right: 4px;\n}\n.paraui-button-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-button-icon-end {\n  margin-right: 0;\n  margin-left: 4px;\n}\n.paraui-button-icon-loading {\n  animation: loadingSpin 1s infinite linear;\n}\n.paraui-button-loading {\n  pointer-events: none;\n}\n.paraui-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n  box-shadow: none;\n}\n.paraui-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n  box-shadow: none;\n}\n.paraui-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-contained.paraui-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-button-contained.paraui-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n}\n.paraui-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  background-color: rgb(255, 255, 255);\n  box-shadow: none;\n}\n.paraui-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-outlined.paraui-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-button-outlined.paraui-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-button-text {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  color: rgb(54, 102, 214);\n  background-color: transparent;\n  border: none;\n}\n.paraui-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n  box-shadow: none;\n}\n.paraui-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: none;\n}\n.paraui-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-button-text.paraui-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-button-text.paraui-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-button-large {\n  height: 36px;\n}\n.paraui-button-medium {\n  height: 32px;\n}\n.paraui-button-small {\n  height: 28px;\n}\n.paraui-button--disabled {\n  display: inline-block;\n}\n\n.paraui-icon-button {\n  flex: 0 0 auto;\n  overflow: visible;\n  text-align: center;\n  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  padding: 0;\n  border-radius: 4px;\n}\n.paraui-icon-button-loading {\n  pointer-events: none;\n}\n.paraui-icon-button-loading .loading-icon {\n  display: inline-flex;\n  animation: loadingSpin 1s infinite linear;\n}\n.paraui-icon-button .paraui-icon {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-icon-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n  box-shadow: none;\n}\n.paraui-icon-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n  box-shadow: none;\n}\n.paraui-icon-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-icon-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-icon-button-contained.paraui-icon-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-icon-button-contained.paraui-icon-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-icon-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n}\n.paraui-icon-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-icon-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-icon-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-icon-button-outlined.paraui-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-icon-button-text {\n  color: rgb(54, 102, 214);\n}\n.paraui-icon-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n}\n.paraui-icon-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-icon-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-icon-button-text.paraui-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-icon-button-text.paraui-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-icon-button-text.paraui-icon-button-large {\n  width: auto;\n  height: auto;\n}\n.paraui-icon-button-text.paraui-icon-button-large svg {\n  font-size: 28px;\n}\n.paraui-icon-button-text.paraui-icon-button-medium {\n  width: auto;\n  height: auto;\n}\n.paraui-icon-button-text.paraui-icon-button-medium svg {\n  font-size: 24px;\n}\n.paraui-icon-button-text.paraui-icon-button-small {\n  width: auto;\n  height: auto;\n}\n.paraui-icon-button-text.paraui-icon-button-small svg {\n  font-size: 20px;\n}\n.paraui-icon-button-large {\n  width: 36px;\n  height: 36px;\n}\n.paraui-icon-button-medium {\n  width: 32px;\n  height: 32px;\n}\n.paraui-icon-button-small {\n  width: 28px;\n  height: 28px;\n}\n\n.paraui-button-split {\n  display: inline-block;\n}\n.paraui-button-split .paraui-button-split--active {\n  color: rgb(54, 102, 214);\n  box-shadow: none;\n}\n.paraui-button-split-list {\n  padding: 8px 0;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-button-split-list ul .split-li {\n  min-width: 140px;\n  padding: 11px 12px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n}\n.paraui-button-split-list ul .split-li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-split-list ul .split-li.split-li--active {\n  color: rgb(54, 102, 214);\n}\n.paraui-button-split-list ul .split-li.split-li--active:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-split-list ul .split-li.split-li--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-button-split-list ul .split-li.split-li--disabled:hover {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-button-split-list ul .split-li-group:not(:first-child) {\n  position: relative;\n  margin-top: 16px;\n}\n.paraui-button-split-list ul .split-li-group:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -8px;\n  left: 8px;\n  right: 8px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/21 下午5:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n@keyframes loadingSpin {\n  0% {\n    transform: rotate(0);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.paraui-button {\n  border: 0;\n  cursor: pointer;\n  display: inline-flex;\n  outline: 0;\n  position: relative;\n  align-items: center;\n  user-select: none;\n  vertical-align: middle;\n  justify-content: center;\n  text-decoration: none;\n  background-color: transparent;\n  appearance: none;\n  -webkit-tap-highlight-color: transparent;\n  padding: 0 16px;\n  line-height: 1.5715;\n  border-radius: 4px;\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  white-space: nowrap;\n  color: rgb(255, 255, 255);\n  box-sizing: border-box;\n  letter-spacing: 0.02857em;\n  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.paraui-button-label {\n  width: 100%;\n  display: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n}\n.paraui-button-icon {\n  display: inherit;\n  margin-right: 4px;\n}\n.paraui-button-icon svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-button-icon-end {\n  margin-right: 0;\n  margin-left: 4px;\n}\n.paraui-button-icon-loading {\n  animation: loadingSpin 1s infinite linear;\n}\n.paraui-button-loading {\n  pointer-events: none;\n}\n.paraui-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n  box-shadow: none;\n}\n.paraui-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n  box-shadow: none;\n}\n.paraui-button-contained.paraui-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-button-contained.paraui-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-contained.paraui-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-button-contained.paraui-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n}\n.paraui-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  background-color: rgb(255, 255, 255);\n  box-shadow: none;\n}\n.paraui-button-outlined.paraui-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-button-outlined.paraui-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-outlined.paraui-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-button-outlined.paraui-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-button-text {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  color: rgb(54, 102, 214);\n  background-color: transparent;\n  border: none;\n}\n.paraui-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n  box-shadow: none;\n}\n.paraui-button-text.paraui-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-button-text.paraui-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: transparent;\n  border: none;\n}\n.paraui-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-button-text.paraui-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-button-text.paraui-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-button-large {\n  height: 36px;\n}\n.paraui-button-medium {\n  height: 32px;\n}\n.paraui-button-small {\n  height: 28px;\n}\n.paraui-button--disabled {\n  display: inline-block;\n}\n\n.paraui-icon-button {\n  flex: 0 0 auto;\n  overflow: visible;\n  text-align: center;\n  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  padding: 0;\n  border-radius: 4px;\n}\n.paraui-icon-button-loading {\n  pointer-events: none;\n}\n.paraui-icon-button-loading .loading-icon {\n  display: inline-flex;\n  animation: loadingSpin 1s infinite linear;\n}\n.paraui-icon-button .paraui-icon {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-icon-button-contained {\n  color: rgb(255, 255, 255);\n  background-color: rgb(54, 102, 214);\n  box-shadow: none;\n}\n.paraui-icon-button-contained:hover {\n  background-color: rgba(54, 102, 214, 0.8);\n  box-shadow: none;\n}\n.paraui-icon-button-contained.paraui-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-icon-button-contained.paraui-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-icon-button-contained[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-icon-button-contained[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-icon-button-contained.paraui-icon-button-dangerous {\n  background-color: rgb(235, 96, 84);\n}\n.paraui-icon-button-contained.paraui-icon-button-dangerous:hover {\n  background-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-icon-button-outlined {\n  color: rgba(46, 55, 67, 0.7);\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n}\n.paraui-icon-button-outlined:hover {\n  color: rgb(54, 102, 214);\n  border-color: rgba(54, 102, 214, 0.2);\n  box-shadow: none;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-icon-button-outlined.paraui-button-link-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-icon-button-outlined.paraui-button-link-disabled:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-icon-button-outlined[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  box-shadow: none;\n  cursor: default;\n  pointer-events: none;\n}\n.paraui-icon-button-outlined[disabled]:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-icon-button-outlined.paraui-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-icon-button-outlined.paraui-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n  border-color: rgba(235, 96, 84, 0.8);\n}\n.paraui-icon-button-text {\n  color: rgb(54, 102, 214);\n}\n.paraui-icon-button-text:hover {\n  color: rgba(54, 102, 214, 0.8);\n  background-color: transparent;\n}\n.paraui-icon-button-text.paraui-button-link-disabled {\n  pointer-events: none;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-icon-button-text.paraui-button-link-disabled:hover {\n  background-color: transparent;\n}\n.paraui-icon-button-text[disabled] {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-icon-button-text[disabled]:hover {\n  background-color: transparent;\n}\n.paraui-icon-button-text.paraui-icon-button-dangerous {\n  color: rgb(235, 96, 84);\n}\n.paraui-icon-button-text.paraui-icon-button-dangerous:hover {\n  color: rgba(235, 96, 84, 0.8);\n}\n.paraui-icon-button-text.paraui-icon-button-large {\n  width: auto;\n  height: auto;\n}\n.paraui-icon-button-text.paraui-icon-button-large svg {\n  font-size: 28px;\n}\n.paraui-icon-button-text.paraui-icon-button-medium {\n  width: auto;\n  height: auto;\n}\n.paraui-icon-button-text.paraui-icon-button-medium svg {\n  font-size: 24px;\n}\n.paraui-icon-button-text.paraui-icon-button-small {\n  width: auto;\n  height: auto;\n}\n.paraui-icon-button-text.paraui-icon-button-small svg {\n  font-size: 20px;\n}\n.paraui-icon-button-large {\n  width: 36px;\n  height: 36px;\n}\n.paraui-icon-button-medium {\n  width: 32px;\n  height: 32px;\n}\n.paraui-icon-button-small {\n  width: 28px;\n  height: 28px;\n}\n\n.paraui-button-split {\n  display: inline-block;\n}\n.paraui-button-split .paraui-button-split--active {\n  color: rgb(54, 102, 214);\n  box-shadow: none;\n}\n.paraui-button-split-list {\n  padding: 8px 0;\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-button-split-list ul .split-li {\n  min-width: 140px;\n  padding: 11px 12px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1;\n  cursor: pointer;\n  transition: background-color 0.3s, color 0.3s;\n}\n.paraui-button-split-list ul .split-li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-split-list ul .split-li.split-li--active {\n  color: rgb(54, 102, 214);\n}\n.paraui-button-split-list ul .split-li.split-li--active:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-button-split-list ul .split-li.split-li--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-button-split-list ul .split-li.split-li--disabled:hover {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-button-split-list ul .split-li-group:not(:first-child) {\n  position: relative;\n  margin-top: 16px;\n}\n.paraui-button-split-list ul .split-li-group:not(:first-child):before {\n  content: \"\";\n  position: absolute;\n  top: -8px;\n  left: 8px;\n  right: 8px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}";
 styleInject(css_248z);
 
 function SplitButton(props) {
@@ -170,16 +170,19 @@ var InternalButton = function InternalButton(props) {
       TooltipProps = props.TooltipProps,
       _props$danger = props.danger,
       danger = _props$danger === void 0 ? false : _props$danger,
-      restProps = __rest(props, ["variant", "size", "className", "disabled", "children", "startIcon", "endIcon", "loading", "toolTipTitle", "TooltipProps", "danger"]);
+      href = props.href,
+      target = props.target,
+      restProps = __rest(props, ["variant", "size", "className", "disabled", "children", "startIcon", "endIcon", "loading", "toolTipTitle", "TooltipProps", "danger", "href", "target"]);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       hasLoading = _useState2[0],
-      setHasLoading = _useState2[1]; //cls
+      setHasLoading = _useState2[1];
 
+  var isLinkBtn = ('href' in props); //cls
 
   var makeCls = function makeCls() {
-    return clsx('paraui-button', className, "paraui-button-".concat(variant), "paraui-button-".concat(size), hasLoading && 'paraui-button-loading', danger && !disabled && 'paraui-button-dangerous');
+    return clsx('paraui-button', className, "paraui-button-".concat(variant), "paraui-button-".concat(size), hasLoading && 'paraui-button-loading', danger && !disabled && 'paraui-button-dangerous', isLinkBtn && 'paraui-button-link', isLinkBtn && disabled && 'paraui-button-link-disabled');
   }; //渲染按钮图标
 
 
@@ -232,17 +235,33 @@ var InternalButton = function InternalButton(props) {
   }; //按钮
 
 
-  var renderButton = jsxs("button", Object.assign({}, restProps, {
-    disabled: disabled,
-    type: "button",
-    className: makeCls()
-  }, {
-    children: [renderBtnIcon('start'), children && jsx("span", Object.assign({
-      className: 'paraui-button-label'
+  var renderButton = function renderButton() {
+    if (isLinkBtn) {
+      return jsxs("a", Object.assign({}, restProps, {
+        href: href,
+        target: target,
+        className: makeCls()
+      }, {
+        children: [renderBtnIcon('start'), children && jsx("span", Object.assign({
+          className: 'paraui-button-label'
+        }, {
+          children: children
+        })), renderBtnIcon('end')]
+      }));
+    }
+
+    return jsxs("button", Object.assign({}, restProps, {
+      disabled: disabled,
+      type: "button",
+      className: makeCls()
     }, {
-      children: children
-    })), renderBtnIcon('end')]
-  }));
+      children: [renderBtnIcon('start'), children && jsx("span", Object.assign({
+        className: 'paraui-button-label'
+      }, {
+        children: children
+      })), renderBtnIcon('end')]
+    }));
+  };
 
   useEffect(function () {
     setHasLoading(!!loading);
@@ -253,9 +272,9 @@ var InternalButton = function InternalButton(props) {
     children: jsx("span", Object.assign({
       className: 'paraui-button--disabled'
     }, {
-      children: renderButton
+      children: renderButton()
     }))
-  })) : renderButton;
+  })) : renderButton();
 }; //icon button
 
 
@@ -275,12 +294,20 @@ var IconButton = function IconButton(props) {
       TooltipProps = props.TooltipProps,
       _props$danger2 = props.danger,
       danger = _props$danger2 === void 0 ? false : _props$danger2,
-      restProps = __rest(props, ["variant", "size", "toolTipTitle", "children", "className", "disabled", "loading", "TooltipProps", "danger"]);
+      href = props.href,
+      target = props.target,
+      restProps = __rest(props, ["variant", "size", "toolTipTitle", "children", "className", "disabled", "loading", "TooltipProps", "danger", "href", "target"]);
 
   var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       hasLoading = _useState4[0],
-      setHasLoading = _useState4[1]; //tooltip title
+      setHasLoading = _useState4[1];
+
+  var isLinkBtn = ('href' in props); //cls
+
+  var makeCls = function makeCls() {
+    return clsx('paraui-button paraui-icon-button', className, "paraui-icon-button-".concat(variant), "paraui-icon-button-".concat(size), hasLoading && 'paraui-icon-button-loading', danger && !disabled && 'paraui-icon-button-dangerous', isLinkBtn && 'paraui-button-link', isLinkBtn && disabled && 'paraui-button-link-disabled');
+  }; //tooltip title
 
 
   var generateTooltipTitle = function generateTooltipTitle() {
@@ -319,13 +346,25 @@ var IconButton = function IconButton(props) {
   }; //icon button
 
 
-  var renderIconButton = jsx("button", Object.assign({}, restProps, {
-    disabled: disabled,
-    type: "button",
-    className: clsx('paraui-button paraui-icon-button', className, "paraui-icon-button-".concat(variant), "paraui-icon-button-".concat(size), hasLoading && 'paraui-icon-button-loading', danger && !disabled && 'paraui-icon-button-dangerous')
-  }, {
-    children: renderIcon()
-  }));
+  var renderIconButton = function renderIconButton() {
+    if (isLinkBtn) {
+      return jsx("a", Object.assign({}, restProps, {
+        href: href,
+        target: target,
+        className: makeCls()
+      }, {
+        children: renderIcon()
+      }));
+    }
+
+    return jsx("button", Object.assign({}, restProps, {
+      disabled: disabled,
+      type: "button",
+      className: makeCls()
+    }, {
+      children: renderIcon()
+    }));
+  };
 
   useEffect(function () {
     setHasLoading(!!loading);
@@ -336,9 +375,9 @@ var IconButton = function IconButton(props) {
     children: disabled ? jsx("span", Object.assign({
       className: 'paraui-button--disabled'
     }, {
-      children: renderIconButton
-    })) : renderIconButton
-  }), +hasLoading) : renderIconButton;
+      children: renderIconButton()
+    })) : renderIconButton()
+  }), +hasLoading) : renderIconButton();
 };
 
 var Button = InternalButton;

package/ComboSelect/index.js

@@ -7,9 +7,11 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-ce3860a0.js';
+import { T as Tree } from '../_verture/index-5bb4b5d7.js';
 import { Button } from '../Button/index.js';
 import { Dropdown } from '../Dropdown/index.js';
+import { Popover } from '../Popover/index.js';
+import AutoTips from '../AutoTips/index.js';
 import clsx from 'clsx';
 import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
 import { DeepClone } from '@paraview/lib';
@@ -21,14 +23,12 @@ import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import '../_verture/index-342379c6.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
-import '../Popover/index.js';
+import '../Checkbox/index.js';
+import '../Help/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import '../Checkbox/index.js';
-import '../Help/index.js';
 import '@para-ui/icons/Help';
-import '../AutoTips/index.js';
 import '@para-ui/icons/ScreenF';
 import '@para-ui/icons/UpTriangleF';
 import '@para-ui/icons/DownTriangleF';
@@ -132,7 +132,8 @@ var en = {
   cancel: 'Cancel',
   ok: 'Ok',
   fullPath: 'Full path',
-  pleaseSelect: 'Please select'
+  pleaseSelect: 'Please select',
+  selected: 'selected'
 };
 
 var zh = {
@@ -140,7 +141,8 @@ var zh = {
   cancel: '取消',
   ok: '确定',
   fullPath: '完整路径',
-  pleaseSelect: '请选择'
+  pleaseSelect: '请选择',
+  selected: '已选中'
 };
 
 var localeJson = {
@@ -148,7 +150,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-comboselect .paraui-comboselect-wrapper {\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-height: 36px;\n  padding: 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-comboselect .paraui-comboselect-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 12px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-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-comboselect .paraui-comboselect-wrapper .paraui-comboselect-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding: 5px 30px 0 0;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-single {\n  padding: 0 30px 0 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-single .paraui-comboselect-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-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-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-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-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-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--disabled .paraui-comboselect-item-remove {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--unclosable .paraui-comboselect-item-content {\n  margin-right: 0;\n}\n.paraui-comboselect-focused .paraui-comboselect-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-comboselect-focused .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-disabled {\n  cursor: not-allowed;\n}\n.paraui-comboselect-disabled .paraui-comboselect-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-comboselect-large .paraui-comboselect-wrapper {\n  min-height: 40px;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .parui-comboselect-item {\n  min-height: 28px;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  top: 19px;\n}\n.paraui-comboselect-large.paraui-comboselect-focused .paraui-select-arrow {\n  top: 4px;\n}\n.paraui-comboselect-error .paraui-comboselect-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-comboselect-error .paraui-comboselect-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-comboselect-clear .paraui-comboselect-wrapper:hover .paraui-comboselect-arrow {\n  opacity: 0;\n}\n.paraui-comboselect-clear .paraui-comboselect-wrapper:hover .paraui-comboselect-clear {\n  opacity: 1;\n}\n.paraui-comboselect-disable-popup {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-wrapper {\n  border: none;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: default;\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-wrapper:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-disable-popover {\n  position: relative;\n}\n.paraui-comboselect-popover .paraui-comboselect-popover-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-popover-wrapper {\n  position: relative;\n  color: initial;\n  overflow: hidden;\n}\n.paraui-comboselect-popover .paraui-comboselect-search, .paraui-comboselect-disable-popover .paraui-comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 18px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-search-icon, .paraui-comboselect-disable-popover .paraui-comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-comboselect-popover .paraui-comboselect-search-icon svg, .paraui-comboselect-disable-popover .paraui-comboselect-search-icon svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-popover .paraui-comboselect-search-input, .paraui-comboselect-disable-popover .paraui-comboselect-search-input {\n  flex: auto;\n  margin-left: 10px;\n  border: none;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-comboselect-popover .paraui-comboselect-search-input::placeholder, .paraui-comboselect-disable-popover .paraui-comboselect-search-input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-comboselect-popover .paraui-comboselect-table, .paraui-comboselect-disable-popover .paraui-comboselect-table {\n  height: 100%;\n  padding-bottom: 10px;\n}\n.paraui-comboselect-popover .paraui-comboselect-table .paraui-table, .paraui-comboselect-disable-popover .paraui-comboselect-table .paraui-table {\n  box-shadow: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-tree, .paraui-comboselect-disable-popover .paraui-comboselect-tree {\n  height: 100%;\n  padding: 6px 7px;\n}\n.paraui-comboselect-popover .paraui-comboselect-tree .paraui-tree-empty, .paraui-comboselect-disable-popover .paraui-comboselect-tree .paraui-tree-empty {\n  height: 100%;\n  padding: 52px 0 73px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-actions, .paraui-comboselect-disable-popover .paraui-comboselect-actions {\n  display: flex;\n  align-items: center;\n  padding: 8px 20px 8px 0;\n  justify-content: flex-end;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-actions button + button, .paraui-comboselect-disable-popover .paraui-comboselect-actions button + button {\n  margin-left: 10px;\n}\n.paraui-comboselect-popover .paraui-comboselect-fullPath, .paraui-comboselect-disable-popover .paraui-comboselect-fullPath {\n  height: 34px;\n  line-height: 34px;\n  padding: 0 12px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-comboselect-popover .paraui-comboselect-fullPath span, .paraui-comboselect-disable-popover .paraui-comboselect-fullPath span {\n  display: inline-block;\n  height: 100%;\n  padding-right: 10px;\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-list, .paraui-comboselect-disable-popover .paraui-comboselect-list {\n  padding: 8px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-empty, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-empty {\n  padding: 50px 0 72px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode {\n  width: 100%;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-switcher, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-switcher {\n  display: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-checkbox, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-checkbox {\n  display: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper {\n  width: 100%;\n  margin: 0;\n  padding: 6px 28px 6px 12px;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper:hover, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper {\n  position: relative;\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after {\n  position: absolute;\n  content: \" \";\n  width: 5px;\n  height: 10px;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n  border: 2px solid rgb(54, 102, 214);\n  border-top: 0;\n  border-left: 0;\n  border-bottom-right-radius: 2px;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-comboselect-popover .paraui-comboselect-list-single .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after, .paraui-comboselect-disable-popover .paraui-comboselect-list-single .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after {\n  display: none;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/18 上午10:16\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-comboselect .paraui-comboselect-wrapper {\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-height: 36px;\n  padding: 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-comboselect .paraui-comboselect-wrapper:hover {\n  border-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-placeholder {\n  position: absolute;\n  top: 50%;\n  left: 12px;\n  right: 12px;\n  transform: translateY(-50%);\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.4);\n  white-space: nowrap;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  position: absolute;\n  top: 7px;\n  right: 12px;\n  line-height: 0;\n  transition: 0.3s;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-arrow svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-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-comboselect .paraui-comboselect-wrapper .paraui-comboselect-clear svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow {\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex: auto;\n  flex-wrap: wrap;\n  padding: 5px 30px 0 0;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-single {\n  padding: 0 30px 0 0;\n  align-items: center;\n  overflow: hidden;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-single .paraui-comboselect-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-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item {\n  flex: none;\n  max-width: 100%;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-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-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-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-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-item-remove {\n  display: inline-flex;\n  cursor: pointer;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item .paraui-comboselect-item-remove svg {\n  font-size: 16px;\n  color: inherit;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--disabled {\n  color: rgba(46, 55, 67, 0.4);\n  background-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--disabled .paraui-comboselect-item-remove {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-comboselect .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .paraui-comboselect-item--unclosable .paraui-comboselect-item-content {\n  margin-right: 0;\n}\n.paraui-comboselect-focused .paraui-comboselect-wrapper {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-comboselect-focused .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-disabled {\n  cursor: not-allowed;\n}\n.paraui-comboselect-disabled .paraui-comboselect-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-comboselect-large .paraui-comboselect-wrapper {\n  min-height: 40px;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper .paraui-comboselect-overflow-item .parui-comboselect-item {\n  min-height: 28px;\n}\n.paraui-comboselect-large .paraui-comboselect-wrapper .paraui-comboselect-arrow {\n  top: 19px;\n}\n.paraui-comboselect-large.paraui-comboselect-focused .paraui-select-arrow {\n  top: 4px;\n}\n.paraui-comboselect-error .paraui-comboselect-wrapper {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-comboselect-error .paraui-comboselect-wrapper:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-comboselect-clear .paraui-comboselect-wrapper:hover .paraui-comboselect-arrow {\n  opacity: 0;\n}\n.paraui-comboselect-clear .paraui-comboselect-wrapper:hover .paraui-comboselect-clear {\n  opacity: 1;\n}\n.paraui-comboselect-disable-popup {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-wrapper {\n  border: none;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n  cursor: default;\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-wrapper:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-comboselect-disable-popup .paraui-comboselect-disable-popover {\n  position: relative;\n}\n.paraui-comboselect-popover .paraui-comboselect-popover-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-popover-wrapper {\n  position: relative;\n  color: initial;\n  overflow: hidden;\n}\n.paraui-comboselect-popover .paraui-comboselect-search, .paraui-comboselect-disable-popover .paraui-comboselect-search {\n  display: flex;\n  align-items: center;\n  height: 40px;\n  padding: 0 18px;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-search-icon, .paraui-comboselect-disable-popover .paraui-comboselect-search-icon {\n  line-height: 0;\n  cursor: pointer;\n}\n.paraui-comboselect-popover .paraui-comboselect-search-icon svg, .paraui-comboselect-disable-popover .paraui-comboselect-search-icon svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-popover .paraui-comboselect-search-input, .paraui-comboselect-disable-popover .paraui-comboselect-search-input {\n  width: 100%;\n  flex: auto;\n  margin-left: 10px;\n  border: none;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-comboselect-popover .paraui-comboselect-search-input::placeholder, .paraui-comboselect-disable-popover .paraui-comboselect-search-input::placeholder {\n  color: rgba(46, 55, 67, 0.4);\n  font-size: 14px;\n}\n.paraui-comboselect-popover .paraui-comboselect-table, .paraui-comboselect-disable-popover .paraui-comboselect-table {\n  height: 100%;\n  padding-bottom: 10px;\n}\n.paraui-comboselect-popover .paraui-comboselect-table .paraui-table, .paraui-comboselect-disable-popover .paraui-comboselect-table .paraui-table {\n  box-shadow: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-tree, .paraui-comboselect-disable-popover .paraui-comboselect-tree {\n  height: 100%;\n  padding: 6px 7px;\n}\n.paraui-comboselect-popover .paraui-comboselect-tree .paraui-tree-empty, .paraui-comboselect-disable-popover .paraui-comboselect-tree .paraui-tree-empty {\n  height: 100%;\n  padding: 52px 0 73px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-actions, .paraui-comboselect-disable-popover .paraui-comboselect-actions {\n  display: flex;\n  align-items: center;\n  padding: 8px 20px 8px 0;\n  justify-content: flex-end;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-actions button + button, .paraui-comboselect-disable-popover .paraui-comboselect-actions button + button {\n  margin-left: 10px;\n}\n.paraui-comboselect-popover .paraui-comboselect-fullPath, .paraui-comboselect-disable-popover .paraui-comboselect-fullPath {\n  height: 34px;\n  line-height: 34px;\n  padding: 0 12px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-comboselect-popover .paraui-comboselect-fullPath span, .paraui-comboselect-disable-popover .paraui-comboselect-fullPath span {\n  display: inline-block;\n  height: 100%;\n  padding-right: 10px;\n  border-right: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-comboselect-popover .paraui-comboselect-list, .paraui-comboselect-disable-popover .paraui-comboselect-list {\n  padding: 8px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-empty, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-empty {\n  padding: 50px 0 72px 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode {\n  width: 100%;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-switcher, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-switcher {\n  display: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-checkbox, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-checkbox {\n  display: none;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper {\n  width: 100%;\n  margin: 0;\n  padding: 6px 28px 6px 12px;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper:hover, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode .paraui-tree-node-content-wrapper:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 0;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper {\n  position: relative;\n  color: rgb(54, 102, 214);\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after {\n  position: absolute;\n  content: \" \";\n  width: 5px;\n  height: 10px;\n  right: 12px;\n  top: 50%;\n  transform: translateY(-50%) rotate(45deg);\n  border: 2px solid rgb(54, 102, 214);\n  border-top: 0;\n  border-left: 0;\n  border-bottom-right-radius: 2px;\n}\n.paraui-comboselect-popover .paraui-comboselect-list .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover, .paraui-comboselect-disable-popover .paraui-comboselect-list .paraui-tree-treenode-disabled .paraui-tree-node-content-wrapper:hover {\n  background-color: transparent;\n}\n.paraui-comboselect-popover .paraui-comboselect-list-single .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after, .paraui-comboselect-disable-popover .paraui-comboselect-list-single .paraui-tree-treenode-checkbox-checked .paraui-tree-node-content-wrapper::after {\n  display: none;\n}\n.paraui-comboselect-more-popover {\n  padding-left: 12px;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper {\n  width: 300px;\n  padding: 12px;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-title {\n  display: block;\n  margin-bottom: 5px;\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-content {\n  max-height: 300px;\n  overflow-y: auto;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-item {\n  display: flex;\n  align-items: center;\n  height: 36px;\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-item-text {\n  display: inline-block;\n  max-width: calc(100% - 25px);\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-item-remove {\n  display: inline-flex;\n  margin-left: auto;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-item-remove .paraui-icon {\n  font-size: 20px;\n  color: rgb(46, 55, 67);\n  cursor: pointer;\n}\n.paraui-comboselect-more-popover .paraui-comboselect-more-wrapper .paraui-comboselect-more-item-remove .paraui-icon:hover {\n  color: rgb(54, 102, 214);\n}";
 styleInject(css_248z);
 
 var ComboSelect = function ComboSelect(props) {
@@ -228,7 +230,8 @@ var ComboSelect = function ComboSelect(props) {
       optionRender = props.optionRender,
       getOptionLabel = props.getOptionLabel,
       _props$dropdownMatchS = props.dropdownMatchSelectWidth,
-      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS;
+      dropdownMatchSelectWidth = _props$dropdownMatchS === void 0 ? true : _props$dropdownMatchS,
+      getPopupContainer = props.getPopupContainer;
 
   var _React$useContext = React__default.useContext(GlobalContext),
       language = _React$useContext.language,
@@ -280,6 +283,18 @@ var ComboSelect = function ComboSelect(props) {
       setInRefresh = _useState14[1]; //内部刷新组件
 
 
+  var _useState15 = useState(false),
+      _useState16 = _slicedToArray(_useState15, 2),
+      openMore = _useState16[0],
+      setOpenMore = _useState16[1]; //显示更过选中
+
+
+  var _useState17 = useState([]),
+      _useState18 = _slicedToArray(_useState17, 2),
+      moreTagList = _useState18[0],
+      setMoreTagList = _useState18[1]; //更多tag列表
+
+
   var originValueRef = useRef([]); // 保存value
 
   var hasPopup = useRef(false); //显示弹框标识
@@ -288,12 +303,6 @@ var ComboSelect = function ComboSelect(props) {
 
   var emptyParamsRef = useRef({}); //空参数常量
 
-  var _useState15 = useState(0),
-      _useState16 = _slicedToArray(_useState15, 2),
-      refreshToolTip = _useState16[0],
-      setRefreshToolTip = _useState16[1]; //仅刷新tooltip
-
-
   var mergedReplaceF = getReplaceField(mode, replaceFields, TableProps, TreeProps); //替换字段
 
   var _mergedReplaceF$key = mergedReplaceF.key,
@@ -343,6 +352,7 @@ var ComboSelect = function ComboSelect(props) {
   var clearSelectorData = function clearSelectorData() {
     setCheckKeys([]);
     setCheckList([]);
+    setMoreTagList([]);
   }; //处理选中
 
 
@@ -513,23 +523,22 @@ var ComboSelect = function ComboSelect(props) {
 
   var handleSelect = function handleSelect(selectedKeys, info) {
     setFullPath(info.node);
-  }; //渲染placeholder
-
-
-  var renderPlaceholder = function renderPlaceholder() {
-    return !(checkList === null || checkList === void 0 ? void 0 : checkList.length) && jsx("span", Object.assign({
-      className: 'paraui-comboselect-placeholder'
-    }, {
-      children: placeholder !== null && placeholder !== void 0 ? placeholder : intl({
-        id: 'pleaseSelect'
-      })
-    }));
   }; //渲染搜索
 
 
   var renderSearch = function renderSearch() {
+    var _setPopoverWH = setPopoverWH(),
+        width = _setPopoverWH.width,
+        minWidth = _setPopoverWH.minWidth,
+        maxWidth = _setPopoverWH.maxWidth;
+
     return jsxs("div", Object.assign({
-      className: 'paraui-comboselect-search'
+      className: 'paraui-comboselect-search',
+      style: {
+        width: width,
+        minWidth: minWidth,
+        maxWidth: maxWidth
+      }
     }, {
       children: [jsx("span", Object.assign({
         className: 'paraui-comboselect-search-icon',
@@ -616,7 +625,15 @@ var ComboSelect = function ComboSelect(props) {
     evt.stopPropagation();
     clearSelectorData();
     handlePopoverClose();
+    setOpenMore(false);
     onChange === null || onChange === void 0 ? void 0 : onChange(checkable ? [] : {});
+  }; //显示更多
+
+
+  var handleOpenMore = function handleOpenMore(e) {
+    e.stopPropagation();
+    setOpenMore(true);
+    handlePopoverClose();
   }; //暴露给外部的行为
 
 
@@ -675,14 +692,14 @@ var ComboSelect = function ComboSelect(props) {
       }
     };
 
-    if (!disablePopup) {
+    if (!disablePopup && open) {
       var doc = ownerDocument(selectRef.current);
       doc.addEventListener('mousedown', handleMouseDown);
       return function () {
         doc.removeEventListener('mousedown', handleMouseDown);
       };
     }
-  }, []); //tag memo
+  }, [open]); //tag memo
 
   var tagMemo = useMemo(function () {
     var _a;
@@ -708,6 +725,10 @@ var ComboSelect = function ComboSelect(props) {
         overList = checkList.slice(maxCount); //超出
 
         realShowList = checkList.slice(0, maxCount);
+        setMoreTagList(overList);
+      } else {
+        setMoreTagList([]);
+        setOpenMore(false);
       }
     } //超出tag渲染
 
@@ -717,7 +738,8 @@ var ComboSelect = function ComboSelect(props) {
         className: 'paraui-comboselect-overflow-item'
       }, {
         children: jsx("span", Object.assign({
-          className: 'paraui-comboselect-item'
+          className: 'paraui-comboselect-item',
+          onClick: handleOpenMore
         }, {
           children: jsx("span", Object.assign({
             className: 'paraui-comboselect-item-content'
@@ -725,7 +747,7 @@ var ComboSelect = function ComboSelect(props) {
             children: "+".concat(overList === null || overList === void 0 ? void 0 : overList.length)
           }))
         }))
-      }), Math.random()) : null;
+      })) : null;
     }; //渲染tag item
 
 
@@ -868,6 +890,7 @@ var ComboSelect = function ComboSelect(props) {
       'paraui-comboselect-list': mode === 'list',
       'paraui-comboselect-list-single': mode === 'list' && !checkable
     });
+    console.log(reqOpts);
     return jsx("div", Object.assign({
       className: treeCls
     }, {
@@ -887,14 +910,7 @@ var ComboSelect = function ComboSelect(props) {
         onCheck: handleTreeCheck,
         onSelect: handleSelect,
         titleRender: _titleRender,
-        refresh: refresh !== null && refresh !== void 0 ? refresh : inRefresh,
-        onMounted: function onMounted() {
-          if (isRemoteLoadRef.current) {
-            setTimeout(function () {
-              setRefreshToolTip(Math.random());
-            });
-          }
-        }
+        refresh: refresh !== null && refresh !== void 0 ? refresh : inRefresh
       }))
     }));
   }, [checkKeys, refresh, params, inRefresh, open]); //组合选择器输入框
@@ -917,7 +933,13 @@ var ComboSelect = function ComboSelect(props) {
       onClick: handleAllClear
     }, {
       children: jsx(CloseCircle, {})
-    })), renderPlaceholder()]
+    })), !(checkList === null || checkList === void 0 ? void 0 : checkList.length) && jsx("span", Object.assign({
+      className: 'paraui-comboselect-placeholder'
+    }, {
+      children: placeholder !== null && placeholder !== void 0 ? placeholder : intl({
+        id: 'pleaseSelect'
+      })
+    }))]
   })); //渲染label
 
 
@@ -955,6 +977,51 @@ var ComboSelect = function ComboSelect(props) {
         children: [mode === 'table' ? tableMemo : treeMemo, open && renderFullPath(), showPopoverActions && renderActions()]
       }))]
     }));
+  }; //popover 渲染更多节点
+
+
+  var renderPopoverMore = function renderPopoverMore() {
+    var generateMoreTag = function generateMoreTag() {
+      if (!(moreTagList === null || moreTagList === void 0 ? void 0 : moreTagList.length)) return null;
+      return moreTagList.map(function (item, idx) {
+        return jsxs("div", Object.assign({
+          className: "paraui-comboselect-more-item"
+        }, {
+          children: [jsx("span", Object.assign({
+            className: "paraui-comboselect-more-item-text"
+          }, {
+            children: jsx(AutoTips, {
+              children: item[outputTitle]
+            })
+          })), jsx("span", Object.assign({
+            className: 'paraui-comboselect-more-item-remove',
+            onClick: function onClick(e) {
+              return handleRemoveTagClick(e, item);
+            }
+          }, {
+            children: jsx(CloseIcon, {})
+          }))]
+        }), idx);
+      });
+    };
+
+    return jsxs("div", Object.assign({
+      className: "paraui-comboselect-more-wrapper"
+    }, {
+      children: [jsx("span", Object.assign({
+        className: "paraui-comboselect-more-title"
+      }, {
+        children: jsxs("span", {
+          children: [intl({
+            id: 'selected'
+          }), " ( ".concat(moreTagList.length, " )")]
+        })
+      })), jsx("div", Object.assign({
+        className: "paraui-comboselect-more-content"
+      }, {
+        children: generateMoreTag()
+      }))]
+    }));
   }; //popover 模式
 
 
@@ -964,11 +1031,23 @@ var ComboSelect = function ComboSelect(props) {
       visible: open,
       placement: placement,
       trigger: ['click'],
-      overlayClassName: clsx('paraui-comboselect-popover', popoverClassName)
+      overlayClassName: clsx('paraui-comboselect-popover', popoverClassName),
+      getPopupContainer: getPopupContainer
     }, {
-      children: comboSelectorInput
+      children: jsx(Popover, Object.assign({
+        visible: openMore,
+        destroyTooltipOnHide: true,
+        placement: "rightTop",
+        content: renderPopoverMore(),
+        onVisibleChange: function onVisibleChange() {
+          return setOpenMore(false);
+        },
+        overlayClassName: 'paraui-comboselect-more-popover'
+      }, {
+        children: comboSelectorInput
+      }))
     }));
-  }, [open, checkKeys, inputValue, refresh, params, fullPath, inRefresh, hasAllClear, helperText, language, locale, refreshToolTip]);
+  }, [open, checkKeys, inputValue, refresh, params, fullPath, inRefresh, hasAllClear, helperText, language, locale, openMore, moreTagList]);
   return jsxs("div", Object.assign({
     className: makeSelectCls(),
     style: style

package/ComboSelect/interface.d.ts

@@ -140,4 +140,6 @@ export interface ComboSelectProps {
     getOptionLabel?: (nodeData: TreeNodeProps) => string;
     /** 下拉匹配选择框宽度 */
     dropdownMatchSelectWidth?: boolean | number;
+    /** 浮层渲染容器，默认body */
+    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
 }

package/ComboSelect/lang/en_US.d.ts

@@ -4,5 +4,6 @@ declare const _default: {
     ok: string;
     fullPath: string;
     pleaseSelect: string;
+    selected: string;
 };
 export default _default;

package/ComboSelect/lang/index.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
         ok: string;
         fullPath: string;
         pleaseSelect: string;
+        selected: string;
     };
     en: {
         searchPlaceholder: string;
@@ -12,6 +13,7 @@ declare const _default: {
         ok: string;
         fullPath: string;
         pleaseSelect: string;
+        selected: string;
     };
 };
 export default _default;

package/ComboSelect/lang/zh_CN.d.ts

@@ -4,5 +4,6 @@ declare const _default: {
     ok: string;
     fullPath: string;
     pleaseSelect: string;
+    selected: string;
 };
 export default _default;