@para-ui/core 3.0.0 → 3.0.2

package/MultiBox/index.js

@@ -8,6 +8,7 @@ import Label from '../Label/index.js';
 import HelperText from '../HelperText/index.js';
 import Plus from '@para-ui/icons/Plus';
 import Delete from '@para-ui/icons/Delete';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@paraview/lib';
@@ -28,7 +29,7 @@ import 'rc-dropdown';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-multi-box {\n  display: inline-block;\n  width: 100%;\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}\n.paraui-multi-box > .multi-box-content {\n  line-height: 0;\n}\n.paraui-multi-box > .multi-box-content > .multi-box-content-item {\n  padding-bottom: 15px;\n  display: flex;\n}\n.paraui-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n  width: calc(100% - 30px);\n  display: flex;\n}\n.paraui-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .text-field {\n  width: calc(50% - 10px);\n}\n.paraui-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .text-field > .paraui-helper-text {\n  display: none;\n}\n.paraui-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > span {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n}\n.paraui-multi-box > .multi-box-content > .multi-box-content-item > .single-box-content-item-svg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  cursor: pointer;\n}\n.paraui-multi-box > .multi-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgba(171, 176, 185, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-multi-box > .multi-box-add > svg {\n  font-size: 24px;\n}\n.paraui-multi-box > .multi-box-add:hover {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-multi-box.multi-box-small > .multi-box-add {\n  height: 28px;\n}\n.paraui-multi-box.multi-box-medium > .multi-box-add {\n  height: 32px;\n}\n.paraui-multi-box.multi-box-large > .multi-box-add {\n  height: 36px;\n}\n.paraui-multi-box.multi-box-disabled > .multi-box-content > .multi-box-content-item > .single-box-content-item-svg {\n  cursor: not-allowed;\n}\n.paraui-multi-box.multi-box-disabled > .multi-box-content > .multi-box-content-item > .single-box-content-item-svg > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-multi-box.multi-box-disabled > .multi-box-add {\n  border-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-multi-box.multi-box-disabled > .multi-box-add > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-multi-box.multi-box-disabled > .multi-box-add:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  color: rgba(46, 55, 67, 0.7);\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-multi-box {\n  display: inline-block;\n  width: 100%;\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}\n.paraui-v3-multi-box > .multi-box-content {\n  line-height: 0;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item {\n  padding-bottom: 15px;\n  display: flex;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input {\n  width: calc(100% - 30px);\n  display: flex;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > .multi-box-text-field {\n  width: calc(50% - 10px);\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .multi-box-content-item-input > span {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n}\n.paraui-v3-multi-box > .multi-box-content > .multi-box-content-item > .single-box-content-item-svg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  cursor: pointer;\n}\n.paraui-v3-multi-box > .multi-box-add {\n  text-align: center;\n  border: 1px dashed;\n  border-color: rgba(171, 176, 185, 0.4);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 4px;\n  cursor: pointer;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-multi-box > .multi-box-add > svg {\n  font-size: 24px;\n}\n.paraui-v3-multi-box > .multi-box-add:hover {\n  border-color: rgb(54, 102, 214);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-small > .multi-box-add {\n  height: 28px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-medium > .multi-box-add {\n  height: 32px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-large > .multi-box-add {\n  height: 36px;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .single-box-content-item-svg {\n  cursor: not-allowed;\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-content > .multi-box-content-item > .single-box-content-item-svg > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add {\n  border-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add > svg {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-multi-box.paraui-v3-multi-box-disabled > .multi-box-add:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  color: rgba(46, 55, 67, 0.7);\n}";
 styleInject(css_248z);
 
 var MultiBox = function MultiBox(props) {
@@ -50,6 +51,7 @@ var MultiBox = function MultiBox(props) {
       required = _props$required === void 0 ? false : _props$required,
       _props$error = props.error,
       error = _props$error === void 0 ? false : _props$error,
+      hideErrorDom = props.hideErrorDom,
       _props$helperText = props.helperText,
       helperText = _props$helperText === void 0 ? '' : _props$helperText,
       value = props.value,
@@ -165,11 +167,11 @@ var MultiBox = function MultiBox(props) {
 
 
   var handClass = function handClass() {
-    var str = 'paraui-multi-box multi-box';
+    var str = $prefixCls + '-multi-box multi-box';
     if (className) str += ' ' + className;
-    if (size) str += ' multi-box-' + size;
-    if (error) str += ' multi-box-error';
-    if (disabled) str += ' multi-box-disabled';
+    if (size) str += " ".concat($prefixCls, "-multi-box-").concat(size);
+    if (error) str += " ".concat($prefixCls, "-multi-box-error");
+    if (disabled) str += " ".concat($prefixCls, "-multi-box-disabled");
     return str;
   };
 
@@ -188,20 +190,24 @@ var MultiBox = function MultiBox(props) {
             className: "multi-box-content-item-input"
           }, {
             children: [jsx(TextField, {
+              className: 'multi-box-text-field',
               size: size,
               disabled: disabled,
               placeholder: placeholderKey,
               value: item[replaceFieldsCom.key || ''],
+              hideErrorDom: true,
               onChange: changeValue(replaceFieldsCom.key || '', index),
               fetchSuggestions: fetchSuggestionsKey ? fetchSuggestions('key') : undefined,
               onSelect: selectValue(replaceFieldsCom.key || '', index)
             }), jsx("span", {
               children: ":"
             }), jsx(TextField, {
+              className: 'multi-box-text-field',
               size: size,
               disabled: disabled,
               placeholder: placeholderValue,
               value: item[replaceFieldsCom.value || ''],
+              hideErrorDom: true,
               onChange: changeValue(replaceFieldsCom.value || '', index),
               fetchSuggestions: fetchSuggestionsValue ? fetchSuggestions('value') : undefined,
               onSelect: selectValue(replaceFieldsCom.value || '', index)
@@ -223,7 +229,8 @@ var MultiBox = function MultiBox(props) {
     })), jsx(HelperText, {
       className: "multi-box-error-text",
       error: error,
-      helperText: helperText
+      helperText: helperText,
+      hideErrorDom: hideErrorDom
     })]
   }));
 };

package/Notification/index.js

@@ -7,9 +7,10 @@ import CompleteIcon from '@para-ui/icons/CheckCircleF';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircleFilled from '@para-ui/icons/CloseCircleF';
 import clsx from 'clsx';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\n * @description 通知提醒框\n */\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-notification {\n  position: fixed;\n  margin: 0 24px 0 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  z-index: 9999;\n}\n.paraui-notification-topLeft, .paraui-notification-bottomLeft {\n  margin-right: 0;\n  margin-left: 24px;\n}\n.paraui-notification-topLeft .paraui-notification-fade-enter.paraui-notification-fade-enter-active, .paraui-notification-bottomLeft .paraui-notification-fade-enter.paraui-notification-fade-enter-active, .paraui-notification-topLeft .paraui-notification-fade-appear.paraui-notification-fade-appear-active, .paraui-notification-bottomLeft .paraui-notification-fade-appear.paraui-notification-fade-appear-active {\n  animation-name: NotificationLeftFadeIn;\n}\n.paraui-notification-hook-holder, .paraui-notification-notice {\n  position: relative;\n  width: 430px;\n  max-width: calc(100vw - 48px);\n  margin-bottom: 16px;\n  margin-left: auto;\n  overflow: hidden;\n  word-wrap: break-word;\n  background: rgb(255, 255, 255);\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-notification-topLeft .paraui-notification-hook-holder, .paraui-notification-topLeft .paraui-notification-notice, .paraui-notification-bottomLeft .paraui-notification-hook-holder, .paraui-notification-bottomLeft .paraui-notification-notice {\n  margin-right: auto;\n  margin-left: 0;\n}\n.paraui-notification-hook-holder > .paraui-notification-notice {\n  margin-bottom: 0;\n  box-shadow: none;\n}\n.paraui-notification-notice {\n  padding: 20px;\n  line-height: 1.5715;\n}\n.paraui-notification-notice-content {\n  position: relative;\n}\n.paraui-notification-notice-message {\n  margin-bottom: 8px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 24px;\n}\n.paraui-notification-notice-message-single-line-auto-margin {\n  display: block;\n  width: calc(264px - 100%);\n  max-width: 4px;\n  background-color: transparent;\n  pointer-events: none;\n}\n.paraui-notification-notice-message-single-line-auto-margin::before {\n  display: block;\n  content: \"\";\n}\n.paraui-notification-notice-description {\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-notification-notice-closable .paraui-notification-notice-message {\n  padding-right: 24px;\n}\n.paraui-notification-notice-with-icon .paraui-notification-notice-message {\n  margin-bottom: 4px;\n  margin-left: 24px;\n}\n.paraui-notification-notice-with-icon .paraui-notification-notice-description {\n  margin-left: 24px;\n}\n.paraui-notification .paraui-notification-notice-icon {\n  position: absolute;\n  top: 4px;\n  font-size: 16px;\n  line-height: 24px;\n}\n.paraui-notification .paraui-notification-notice-icon-success {\n  color: rgb(83, 195, 27);\n}\n.paraui-notification .paraui-notification-notice-icon-info {\n  color: rgb(54, 102, 214);\n}\n.paraui-notification .paraui-notification-notice-icon-warning {\n  color: rgb(255, 161, 80);\n}\n.paraui-notification .paraui-notification-notice-icon-error {\n  color: rgb(235, 96, 84);\n}\n.paraui-notification-notice-close {\n  position: absolute;\n  top: 16px;\n  right: 22px;\n  color: rgba(46, 55, 67, 0.7);\n  outline: none;\n}\n.paraui-notification-notice-close:hover {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-notification .paraui-notification-close-icon {\n  font-size: 18px;\n  cursor: pointer;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-notification-notice-btn {\n  float: right;\n  margin-top: 16px;\n}\n.paraui-notification .notification-fade-effect {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n}\n.paraui-notification-fade-enter, .paraui-notification-fade-appear {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  opacity: 0;\n  animation-play-state: paused;\n}\n.paraui-notification-fade-leave {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.paraui-notification-fade-enter.paraui-notification-fade-enter-active, .paraui-notification-fade-appear.paraui-notification-fade-appear-active {\n  animation-name: NotificationFadeIn;\n  animation-play-state: running;\n}\n.paraui-notification-fade-leave.paraui-notification-fade-leave-active {\n  animation-name: NotificationFadeOut;\n  animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n  0% {\n    left: 430px;\n    opacity: 0;\n  }\n  100% {\n    left: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationLeftFadeIn {\n  0% {\n    right: 430px;\n    opacity: 0;\n  }\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationFadeOut {\n  0% {\n    max-height: 150px;\n    margin-bottom: 16px;\n    opacity: 1;\n  }\n  100% {\n    max-height: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n * @author Hanz\n * @date 2022/1/13 上午10:30\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-notification {\n  position: fixed;\n  margin: 0 24px 0 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  z-index: 9999;\n}\n.paraui-v3-notification-topLeft, .paraui-v3-notification-bottomLeft {\n  margin-right: 0;\n  margin-left: 24px;\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-topLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active, .paraui-v3-notification-bottomLeft .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n  animation-name: NotificationLeftFadeIn;\n}\n.paraui-v3-notification-hook-holder, .paraui-v3-notification-notice {\n  position: relative;\n  width: 430px;\n  max-width: calc(100vw - 48px);\n  margin-bottom: 16px;\n  margin-left: auto;\n  overflow: hidden;\n  word-wrap: break-word;\n  background: rgb(255, 255, 255);\n  border-radius: 4px;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-notification-topLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-topLeft .paraui-v3-notification-notice, .paraui-v3-notification-bottomLeft .paraui-v3-notification-hook-holder, .paraui-v3-notification-bottomLeft .paraui-v3-notification-notice {\n  margin-right: auto;\n  margin-left: 0;\n}\n.paraui-v3-notification-hook-holder > .paraui-v3-notification-notice {\n  margin-bottom: 0;\n  box-shadow: none;\n}\n.paraui-v3-notification-notice {\n  padding: 20px;\n  line-height: 1.5715;\n}\n.paraui-v3-notification-notice-content {\n  position: relative;\n}\n.paraui-v3-notification-notice-message {\n  margin-bottom: 8px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 24px;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin {\n  display: block;\n  width: calc(264px - 100%);\n  max-width: 4px;\n  background-color: transparent;\n  pointer-events: none;\n}\n.paraui-v3-notification-notice-message-single-line-auto-margin::before {\n  display: block;\n  content: \"\";\n}\n.paraui-v3-notification-notice-description {\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-notification-notice-closable .paraui-v3-notification-notice-message {\n  padding-right: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-message {\n  margin-bottom: 4px;\n  margin-left: 24px;\n}\n.paraui-v3-notification-notice-with-icon .paraui-v3-notification-notice-description {\n  margin-left: 24px;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon {\n  position: absolute;\n  top: 4px;\n  font-size: 16px;\n  line-height: 24px;\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-success {\n  color: rgb(83, 195, 27);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-info {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-warning {\n  color: rgb(255, 161, 80);\n}\n.paraui-v3-notification .paraui-v3-notification-notice-icon-error {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-notification-notice-close {\n  position: absolute;\n  top: 16px;\n  right: 22px;\n  color: rgba(46, 55, 67, 0.7);\n  outline: none;\n}\n.paraui-v3-notification-notice-close:hover {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification .paraui-v3-notification-close-icon {\n  font-size: 18px;\n  cursor: pointer;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-notification-notice-btn {\n  float: right;\n  margin-top: 16px;\n}\n.paraui-v3-notification .notification-fade-effect {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n}\n.paraui-v3-notification-fade-enter, .paraui-v3-notification-fade-appear {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  opacity: 0;\n  animation-play-state: paused;\n}\n.paraui-v3-notification-fade-leave {\n  animation-duration: 0.24s;\n  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n.paraui-v3-notification-fade-enter.paraui-v3-notification-fade-enter-active, .paraui-v3-notification-fade-appear.paraui-v3-notification-fade-appear-active {\n  animation-name: NotificationFadeIn;\n  animation-play-state: running;\n}\n.paraui-v3-notification-fade-leave.paraui-v3-notification-fade-leave-active {\n  animation-name: NotificationFadeOut;\n  animation-play-state: running;\n}\n@keyframes NotificationFadeIn {\n  0% {\n    left: 430px;\n    opacity: 0;\n  }\n  100% {\n    left: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationLeftFadeIn {\n  0% {\n    right: 430px;\n    opacity: 0;\n  }\n  100% {\n    right: 0;\n    opacity: 1;\n  }\n}\n@keyframes NotificationFadeOut {\n  0% {\n    max-height: 150px;\n    margin-bottom: 16px;\n    opacity: 1;\n  }\n  100% {\n    max-height: 0;\n    margin-bottom: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    opacity: 0;\n  }\n}";
 styleInject(css_248z);
 
 var notificationInstance = {}; // 默认值
@@ -114,7 +115,7 @@ function getNotificationInstance(args, callback) {
       getContainer = _args$getContainer === void 0 ? defaultGetContainer : _args$getContainer,
       _args$closeIcon = args.closeIcon,
       closeIcon = _args$closeIcon === void 0 ? defaultCloseIcon : _args$closeIcon;
-  var prefixCls = 'paraui-notification';
+  var prefixCls = "".concat($prefixCls, "-notification");
   var cacheKey = "".concat(prefixCls, "-").concat(placement);
   var cacheInstance = notificationInstance[cacheKey];
 

package/OperateBtn/index.js

@@ -7,6 +7,7 @@ import More from '@para-ui/icons/More';
 import { Button } from '../Button/index.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/typeof-498dd2b1.js';
 import 'clsx';
@@ -21,7 +22,7 @@ import 'rc-dropdown';
 import '../_verture/useFormatMessage-ac9d6acf.js';
 import '@para-ui/core/GlobalContext';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/4/13 10:48 AM\n* @description 表格操作按钮\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-operate-btn {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.paraui-operate-btn > .paraui-operate-btn-line {\n  display: inline-block;\n  width: 1px;\n  background-color: rgba(54, 102, 214, 0.2);\n  margin: 0 12px;\n}\n.paraui-operate-btn.paraui-operate-btn-small > .paraui-operate-btn-line {\n  height: 12px;\n}\n.paraui-operate-btn.paraui-operate-btn-small button svg {\n  font-size: 18px;\n}\n.paraui-operate-btn.paraui-operate-btn-medium > .paraui-operate-btn-line {\n  height: 14px;\n}\n.paraui-operate-btn.paraui-operate-btn-medium button svg {\n  font-size: 24px;\n}\n.paraui-operate-btn.paraui-operate-btn-large > .paraui-operate-btn-line {\n  height: 16px;\n}\n.paraui-operate-btn.paraui-operate-btn-large button > svg {\n  font-size: 28px;\n}\n\n.paraui-operate-btn-popover .paraui-operate-btn-list {\n  padding: 8px 0;\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item {\n  padding: 0 12px;\n  max-width: 120px;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  line-height: 36px;\n  text-align: left;\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item-disabled {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-operate-btn-popover .paraui-operate-btn-list > .paraui-operate-btn-list-item-danger {\n  color: rgb(235, 96, 84);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2022/4/13 10:48 AM\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-operate-btn {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-operate-btn > .operate-btn-line {\n  display: inline-block;\n  width: 1px;\n  background-color: rgba(54, 102, 214, 0.2);\n  margin: 0 12px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-small > .operate-btn-line {\n  height: 12px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-small button svg {\n  font-size: 18px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-medium > .operate-btn-line {\n  height: 14px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-medium button svg {\n  font-size: 24px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-large > .operate-btn-line {\n  height: 16px;\n}\n.paraui-v3-operate-btn.paraui-v3-operate-btn-large button > svg {\n  font-size: 28px;\n}\n\n.paraui-v3-operate-btn-popover .operate-btn-list {\n  padding: 8px 0;\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item {\n  padding: 0 12px;\n  max-width: 120px;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  line-height: 36px;\n  text-align: left;\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item-disabled {\n  cursor: not-allowed;\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-operate-btn-popover .operate-btn-list > .operate-btn-list-item-danger {\n  color: rgb(235, 96, 84);\n}";
 styleInject(css_248z);
 
 var OperateBtn = function OperateBtn(props) {
@@ -149,7 +150,7 @@ var OperateBtn = function OperateBtn(props) {
 
 
   var handClassPopover = function handClassPopover() {
-    var str = 'paraui-operate-btn-popover';
+    var str = $prefixCls + '-operate-btn-popover';
     if (popoverClassName) str += ' ' + popoverClassName;
     return str;
   };
@@ -158,15 +159,15 @@ var OperateBtn = function OperateBtn(props) {
     var arr = (list === null || list === void 0 ? void 0 : list.slice(showNum, list === null || list === void 0 ? void 0 : list.length)) || [];
 
     var handPopoverClass = function handPopoverClass(item) {
-      var str = 'paraui-operate-btn-list-item';
-      if (item.disabled) str += ' paraui-operate-btn-list-item-disabled';
-      if (item.danger) str += ' paraui-operate-btn-list-item-danger';
+      var str = 'operate-btn-list-item';
+      if (item.disabled) str += ' operate-btn-list-item-disabled';
+      if (item.danger) str += ' operate-btn-list-item-danger';
       if (item.className) str += ' ' + className;
       return str;
     };
 
     return jsx("div", Object.assign({
-      className: "paraui-operate-btn-list"
+      className: "operate-btn-list"
     }, {
       children: arr.map(function (item, index) {
         return jsx("div", Object.assign({
@@ -196,10 +197,11 @@ var OperateBtn = function OperateBtn(props) {
           variant: 'text',
           toolTipTitle: !openMoreCom && '更多',
           TooltipProps: {
-            placement: placement
+            placement: placement,
+            arrow: false
           },
           onClick: clickMore,
-          className: 'paraui-operate-btn-more'
+          className: 'operate-btn-more'
         }, {
           children: jsx(More, {})
         }))
@@ -208,9 +210,9 @@ var OperateBtn = function OperateBtn(props) {
   };
 
   var handClass = function handClass() {
-    var str = 'paraui-operate-btn';
+    var str = $prefixCls + '-operate-btn';
     if (className) str += ' ' + className;
-    if (size) str += ' paraui-operate-btn-' + size;
+    if (size) str += " ".concat($prefixCls, "-operate-btn-").concat(size);
     return str;
   };
 
@@ -241,7 +243,8 @@ var OperateBtn = function OperateBtn(props) {
           variant: 'text',
           toolTipTitle: item.toolTipTitle || item.label || '',
           TooltipProps: {
-            placement: item.placement || placement
+            placement: item.placement || placement,
+            arrow: false
           },
           loading: handLoadStatus(item, index),
           disabled: item.disabled,
@@ -250,7 +253,7 @@ var OperateBtn = function OperateBtn(props) {
         }, {
           children: item.icon
         })), bol && jsx("span", {
-          className: 'paraui-operate-btn-line'
+          className: 'operate-btn-line'
         })]
       }, index);
     }), moreRender()]

package/PageHeader/index.js

@@ -7,6 +7,7 @@ import Down from '@para-ui/icons/Down';
 import * as iconList from '@para-ui/icons';
 import More from '@para-ui/icons/More';
 import { UUID, DeepClone } from '@paraview/lib';
+import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
 import { Button } from '../Button/index.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
@@ -69,12 +70,11 @@ var MenuItemPopper = function MenuItemPopper(props) {
   var mouseEnterItem = function mouseEnterItem(item, index) {
     return function (e) {
       // 防止火狐浏览器一直重绘,死循环,不触发点击事件了
-      if (timerJson.lastItem && timerJson.lastItem.path === item.path) {
-        return;
-      }
-
-      timerJson.lastItem = item;
 
+      /*if (timerJson.lastItem && timerJson.lastItem.path === item.path) {
+          return;
+      }
+      timerJson.lastItem = item;*/
       (function (event) {
         clearTimeout(timerJson.leaveTimer);
         timerJson.leaveTimer = setTimeout(function () {
@@ -247,8 +247,7 @@ var MenuItemPopper = function MenuItemPopper(props) {
 };
 
 var HorizontalMenu = function HorizontalMenu(props) {
-  var _props$list2 = props.list,
-      list = _props$list2 === void 0 ? [] : _props$list2,
+  var list = props.list,
       _props$selectMenu2 = props.selectMenu,
       selectMenu = _props$selectMenu2 === void 0 ? '' : _props$selectMenu2,
       onClickMenu = props.onClickMenu,
@@ -316,7 +315,7 @@ var HorizontalMenu = function HorizontalMenu(props) {
     if (selectMenu !== selectMenuCom) setSelectMenuCom(selectMenu);
   }, [selectMenu]);
   useEffect(function () {
-    handList(list);
+    handList(list || []);
     changeSize();
     window.addEventListener("resize", changeSize);
     return function () {
@@ -330,7 +329,7 @@ var HorizontalMenu = function HorizontalMenu(props) {
     clearTimeout(timerJson.timerResize);
     handleCloseMore();
     timerJson.timerResize = setTimeout(function () {
-      setMorePos(list.length);
+      setMorePos((list || []).length);
       handMultiline();
     }, 100);
   };
@@ -342,7 +341,7 @@ var HorizontalMenu = function HorizontalMenu(props) {
 
   var handMultiline = function handMultiline(index) {
     if (index === null || index === 0) return;
-    if (index === undefined) index = list.length;
+    if (index === undefined) index = (list || []).length;
     var boxDom = document.querySelector('.' + classOne);
     if (!boxDom) return;
 
@@ -353,7 +352,7 @@ var HorizontalMenu = function HorizontalMenu(props) {
       handMultiline(num);
     } else {
       // 一行
-      if (list.length <= index) handleCloseMore();
+      if ((list || []).length <= index) handleCloseMore();
     }
   }; // 关闭显示更多
 
@@ -528,8 +527,8 @@ var HorizontalMenu = function HorizontalMenu(props) {
     clearTimeout(timerJson.leaveTimer);
     var childListHand = [];
 
-    for (var i = Number(morePos), l = list.length; i < l; i++) {
-      childListHand.push(list[i]);
+    for (var i = Number(morePos), l = (list || []).length; i < l; i++) {
+      childListHand.push((list || [])[i]);
     }
 
     setOpenChildIndex(morePos);
@@ -559,7 +558,7 @@ var HorizontalMenu = function HorizontalMenu(props) {
   return jsxs("div", Object.assign({
     className: handClass()
   }, {
-    children: [list.map(function (item, index) {
+    children: [(list || []).map(function (item, index) {
       if (morePos !== null && morePos <= index) return null;
       var icon = handIcon(item);
       var arrow = handArrow(item);
@@ -568,7 +567,7 @@ var HorizontalMenu = function HorizontalMenu(props) {
         trigger: 'hover',
         placement: "bottom-start",
         content: MenuItemPopperMemo,
-        overlayClassName: 'paraui-horizontal-menu-popper',
+        overlayClassName: $prefixCls + '-horizontal-menu-popper',
         onVisibleChange: onVisibleChange
       }, {
         children: jsxs("div", Object.assign({
@@ -594,13 +593,13 @@ var HorizontalMenu = function HorizontalMenu(props) {
         }))
       }), index);
     }), function () {
-      if (morePos !== null && list.length > morePos) {
+      if (morePos !== null && (list || []).length > morePos) {
         return jsx(Popover, Object.assign({
           visible: openChildIndex === morePos,
           trigger: 'hover',
           placement: "bottom-start",
           content: MenuItemPopperMemo,
-          overlayClassName: 'paraui-horizontal-menu-popper',
+          overlayClassName: $prefixCls + '-horizontal-menu-popper',
           onVisibleChange: onVisibleChange
         }, {
           children: jsx("div", Object.assign({
@@ -811,7 +810,7 @@ var Language = function Language(props) {
       visible: showDialog,
       placement: "bottom-start",
       content: selectPopover(),
-      overlayClassName: 'paraui-horizontal-meun-right-popover menu-popover',
+      overlayClassName: $prefixCls + '-horizontal-meun-right-popover',
       onVisibleChange: onVisibleChange
     }, {
       children: jsx("div", Object.assign({
@@ -1057,7 +1056,7 @@ var User = function User(props) {
       visible: showDialog,
       placement: "bottom-start",
       content: selectPopover(),
-      overlayClassName: 'paraui-horizontal-meun-right-popover menu-popover',
+      overlayClassName: $prefixCls + '-horizontal-meun-right-popover',
       onVisibleChange: onVisibleChange
     }, {
       children: jsx("div", Object.assign({
@@ -1085,7 +1084,7 @@ var HorizontalMeunRight = function HorizontalMeunRight(props) {
    */
 
   var handClass = function handClass() {
-    var str = 'paraui-horizontal-meun-right';
+    var str = 'horizontal-meun-right';
     if (className) str += ' ' + className;
     return str;
   };
@@ -1119,7 +1118,7 @@ var HorizontalMeunRight = function HorizontalMeunRight(props) {
   });
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-page-header {\n  width: 100%;\n  height: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  justify-content: space-between;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  padding: 0 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-page-header > .paraui-page-header-left {\n  white-space: nowrap;\n  display: flex;\n  justify-content: left;\n  align-items: center;\n}\n.paraui-page-header > .menu-box {\n  width: 100%;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list {\n  width: 100%;\n  height: 100%;\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n  padding: 0 20px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n  white-space: nowrap;\n  float: left;\n  cursor: pointer;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n  margin-right: 5px;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  white-space: nowrap;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgba(46, 55, 67, 0.7);\n  margin-left: 2px;\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right {\n  height: 100%;\n  display: flex;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .back-btn {\n  padding: 0 12px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .back-btn > button {\n  width: 100%;\n  white-space: nowrap;\n  padding: 0 10px 0 14px;\n  line-height: 14px;\n  font-size: 14px;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .back-btn > button svg {\n  color: white;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language {\n  height: 100%;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item {\n  display: flex;\n  padding: 0 12px;\n  cursor: pointer;\n  align-items: center;\n  height: 100%;\n  position: relative;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item:hover > .language-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item:hover > .language-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item:hover > .language-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item > .language-item-icon {\n  display: flex;\n  align-items: center;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language .language-item > .language-item-label {\n  font-size: 14px;\n  line-height: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  white-space: nowrap;\n  margin-left: 5px;\n  display: inline-block;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language.language-select .language-item > .language-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .language.language-select .language-item > .language-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list {\n  display: flex;\n  height: 100%;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item {\n  display: flex;\n  padding: 0 12px;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n  position: relative;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(235, 96, 84);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n  position: relative;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n  font-size: 14px;\n  line-height: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  width: 100%;\n  white-space: nowrap;\n  margin-left: 5px;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo {\n  display: flex;\n  padding: 0 12px;\n  align-items: center;\n  height: 100%;\n  cursor: pointer;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo.logo-show-dialog {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo > img {\n  height: 36px;\n  width: 36px;\n  border-radius: 50%;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo > .label {\n  font-size: 14px;\n  line-height: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  white-space: nowrap;\n  margin-left: 12px;\n  max-width: 160px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo > .arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: 5px;\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 18px;\n}\n.paraui-page-header .paraui-horizontal-meun-right > .logo > .arrow > svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 18px;\n}\n\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 140px;\n  height: 40px;\n  line-height: 40px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 5px;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  font-size: 20px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  font-size: 20px;\n  transition: all 0.3s;\n  color: rgba(46, 55, 67, 0.7);\n  transform: rotate(270deg);\n  position: relative;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n  padding-left: 5px;\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-menu-popper .menu-item-popper-child {\n  position: absolute;\n  transform: none !important;\n  left: 100% !important;\n  top: 0;\n}\n.paraui-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: white;\n}\n\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n  height: 36px;\n  line-height: 36px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .label {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n  color: rgb(54, 102, 214);\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-page-header {\n  width: 100%;\n  height: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  justify-content: space-between;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  padding: 0 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header > .page-header-left {\n  white-space: nowrap;\n  display: flex;\n  justify-content: left;\n  align-items: center;\n}\n.paraui-v3-page-header > .menu-box {\n  width: 100%;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list {\n  width: 100%;\n  height: 100%;\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n  padding: 0 20px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n  white-space: nowrap;\n  float: left;\n  cursor: pointer;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover > .menu-item-arrow svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n  margin-right: 5px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  white-space: nowrap;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgba(46, 55, 67, 0.7);\n  margin-left: 2px;\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover > .menu-item-arrow svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right {\n  height: 100%;\n  display: flex;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn {\n  padding: 0 12px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button {\n  width: 100%;\n  white-space: nowrap;\n  padding: 0 10px 0 14px;\n  line-height: 14px;\n  font-size: 14px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .back-btn > button svg {\n  color: white;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language {\n  height: 100%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item {\n  display: flex;\n  padding: 0 12px;\n  cursor: pointer;\n  align-items: center;\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item:hover > .language-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon {\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language .language-item > .language-item-label {\n  font-size: 14px;\n  line-height: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  white-space: nowrap;\n  margin-left: 5px;\n  display: inline-block;\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .language.language-select .language-item > .language-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list {\n  display: flex;\n  height: 100%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item {\n  display: flex;\n  padding: 0 12px;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n  position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(235, 96, 84);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover > .btn-list-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n  position: relative;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n  font-size: 14px;\n  line-height: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  width: 100%;\n  white-space: nowrap;\n  margin-left: 5px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo {\n  display: flex;\n  padding: 0 12px;\n  align-items: center;\n  height: 100%;\n  cursor: pointer;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo.logo-show-dialog {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > img {\n  height: 36px;\n  width: 36px;\n  border-radius: 50%;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  white-space: nowrap;\n  margin-left: 12px;\n  max-width: 160px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: 5px;\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 18px;\n}\n.paraui-v3-page-header .horizontal-meun-right > .logo > .arrow > svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 18px;\n}\n\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 140px;\n  height: 40px;\n  line-height: 40px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  font-size: 20px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  font-size: 20px;\n  transition: all 0.3s;\n  color: rgba(46, 55, 67, 0.7);\n  transform: rotate(270deg);\n  position: relative;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n  padding-left: 5px;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v3-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child {\n  position: absolute;\n  transform: none !important;\n  left: 100% !important;\n  top: 0;\n}\n.paraui-v3-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  background-color: white;\n}\n\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n  height: 36px;\n  line-height: 36px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover > .label {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n  font-size: 18px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n  color: rgb(54, 102, 214);\n}";
 styleInject(css_248z);
 
 var PageHeader = function PageHeader(props) {
@@ -1132,7 +1131,7 @@ var PageHeader = function PageHeader(props) {
       style = props.style;
   var LeftMemo = useMemo(function () {
     return leftRender && jsx("div", Object.assign({
-      className: 'paraui-page-header-left'
+      className: 'page-header-left'
     }, {
       children: leftRender
     }));
@@ -1155,7 +1154,7 @@ var PageHeader = function PageHeader(props) {
    */
 
   var handClass = function handClass() {
-    var str = 'paraui-page-header';
+    var str = $prefixCls + '-page-header';
     if (className) str += ' ' + className;
     return str;
   };

package/Pagination/index.js

@@ -10,6 +10,7 @@ import Select from '../Select/index.js';
 import { TextField } from '../TextField/index.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-ac9d6acf.js';
 import GlobalContext from '@para-ui/core/GlobalContext';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-bf34e6fa.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/defineProperty-0590dc61.js';
 import '../_verture/toConsumableArray-f8047a75.js';
@@ -61,7 +62,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/10/26 13:57\n* @description 分页样式\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-pagination {\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  color: rgba(46, 55, 67, 0.7);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  opacity: 1;\n}\n.paraui-pagination.paraui-pagination-over {\n  overflow: hidden;\n  height: 32px;\n  opacity: 0;\n  transition: all 0.3s;\n}\n.paraui-pagination > .total-num {\n  margin-right: 24px;\n}\n.paraui-pagination > .current-page {\n  margin-right: 24px;\n}\n.paraui-pagination > .current-page > .current-page-num {\n  color: rgb(46, 55, 67);\n  margin-right: 4px;\n  margin-left: 4px;\n}\n.paraui-pagination > .current-page > .current-page-sign {\n  margin-right: 3px;\n}\n.paraui-pagination > .page-line-memo {\n  margin-right: 24px;\n}\n.paraui-pagination > .page-line-memo > span {\n  display: inline-block;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n.paraui-pagination > .page-line-memo .paraui-select {\n  min-width: 80px;\n  width: inherit;\n  vertical-align: middle;\n}\n.paraui-pagination > .page-line-memo .paraui-select > .paraui-helper-text {\n  display: none;\n}\n.paraui-pagination > .pagination-content {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  height: 32px;\n  line-height: 30px;\n  padding: 0 12px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-pagination > .pagination-content > .left-page, .paraui-pagination > .pagination-content > .right-page {\n  display: inline-block;\n}\n.paraui-pagination > .pagination-content > .left-page > div, .paraui-pagination > .pagination-content > .right-page > div {\n  display: inline-block;\n  line-height: 0;\n  vertical-align: top;\n  cursor: pointer;\n  width: 20px;\n  height: 20px;\n  border-radius: 2px;\n  margin-right: 8px;\n  position: relative;\n  top: 5px;\n}\n.paraui-pagination > .pagination-content > .left-page > div.disabled-btn, .paraui-pagination > .pagination-content > .right-page > div.disabled-btn {\n  cursor: not-allowed;\n}\n.paraui-pagination > .pagination-content > .left-page > div.disabled-btn > svg, .paraui-pagination > .pagination-content > .right-page > div.disabled-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-pagination > .pagination-content > .left-page > div.disabled-btn:hover, .paraui-pagination > .pagination-content > .right-page > div.disabled-btn:hover {\n  background-color: white;\n}\n.paraui-pagination > .pagination-content > .left-page > div.disabled-btn:hover > svg, .paraui-pagination > .pagination-content > .right-page > div.disabled-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-pagination > .pagination-content > .left-page > div:last-child, .paraui-pagination > .pagination-content > .right-page > div:last-child {\n  margin-right: 0;\n}\n.paraui-pagination > .pagination-content > .left-page > div:hover, .paraui-pagination > .pagination-content > .right-page > div:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-pagination > .pagination-content > .left-page > div:hover > svg, .paraui-pagination > .pagination-content > .right-page > div:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-pagination > .pagination-content > .left-page > div > svg, .paraui-pagination > .pagination-content > .right-page > div > svg {\n  font-size: 16px;\n  position: relative;\n  top: 2px;\n  left: 2px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-pagination > .pagination-content > .left-page {\n  margin-right: 8px;\n}\n.paraui-pagination > .pagination-content > .rc-pagination {\n  height: 100%;\n  display: inline-block;\n  box-shadow: none;\n  vertical-align: top;\n  line-height: 30px;\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li {\n  min-width: 20px;\n  height: 20px;\n  line-height: 20px;\n  display: inline-block;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 2px;\n  padding: 0 5px;\n  margin: 0 3px;\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li:first-child, .paraui-pagination > .pagination-content > .rc-pagination > li:last-child {\n  display: none;\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li.rc-pagination-next {\n  display: none;\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-pagination > .pagination-content > .rc-pagination > li.rc-pagination-item-active {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-pagination > .pagination-content > .right-page {\n  margin-left: 8px;\n}\n.paraui-pagination > .skip-page-memo {\n  margin-left: 24px;\n  display: flex;\n  align-items: center;\n}\n.paraui-pagination > .skip-page-memo > span {\n  margin-right: 8px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field {\n  width: 58px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field .right-icon {\n  margin-right: 8px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 8px;\n  padding-right: 4px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding: 0 8px;\n}\n.paraui-pagination > .skip-page-memo > .paraui-text-field > .paraui-helper-text {\n  display: none;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/10/26 13:57\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-pagination {\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  color: rgba(46, 55, 67, 0.7);\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  opacity: 1;\n}\n.paraui-v3-pagination.paraui-v3-pagination-over {\n  overflow: hidden;\n  height: 32px;\n  opacity: 0;\n  transition: all 0.3s;\n}\n.paraui-v3-pagination > .total-num {\n  margin-right: 24px;\n}\n.paraui-v3-pagination > .current-page {\n  margin-right: 24px;\n}\n.paraui-v3-pagination > .current-page > .current-page-num {\n  color: rgb(46, 55, 67);\n  margin-right: 4px;\n  margin-left: 4px;\n}\n.paraui-v3-pagination > .current-page > .current-page-sign {\n  margin-right: 3px;\n}\n.paraui-v3-pagination > .page-line-memo {\n  margin-right: 24px;\n}\n.paraui-v3-pagination > .page-line-memo > span {\n  display: inline-block;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n.paraui-v3-pagination > .page-line-memo .page-line-select {\n  min-width: 80px;\n  width: inherit;\n  vertical-align: middle;\n}\n.paraui-v3-pagination > .pagination-content {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  height: 32px;\n  line-height: 30px;\n  padding: 0 12px;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-pagination > .pagination-content > .left-page, .paraui-v3-pagination > .pagination-content > .right-page {\n  display: inline-block;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div, .paraui-v3-pagination > .pagination-content > .right-page > div {\n  display: inline-block;\n  line-height: 0;\n  vertical-align: top;\n  cursor: pointer;\n  width: 20px;\n  height: 20px;\n  border-radius: 2px;\n  margin-right: 8px;\n  position: relative;\n  top: 5px;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn {\n  cursor: not-allowed;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn > svg, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn:hover, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn:hover {\n  background-color: white;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div.disabled-btn:hover > svg, .paraui-v3-pagination > .pagination-content > .right-page > div.disabled-btn:hover > svg {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:last-child, .paraui-v3-pagination > .pagination-content > .right-page > div:last-child {\n  margin-right: 0;\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:hover, .paraui-v3-pagination > .pagination-content > .right-page > div:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div:hover > svg, .paraui-v3-pagination > .pagination-content > .right-page > div:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .left-page > div > svg, .paraui-v3-pagination > .pagination-content > .right-page > div > svg {\n  font-size: 16px;\n  position: relative;\n  top: 2px;\n  left: 2px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-pagination > .pagination-content > .left-page {\n  margin-right: 8px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination {\n  height: 100%;\n  display: inline-block;\n  box-shadow: none;\n  vertical-align: top;\n  line-height: 30px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li {\n  min-width: 20px;\n  height: 20px;\n  line-height: 20px;\n  display: inline-block;\n  text-align: center;\n  cursor: pointer;\n  border-radius: 2px;\n  padding: 0 5px;\n  margin: 0 3px;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li:first-child, .paraui-v3-pagination > .pagination-content > .component-pagination > li:last-child, .paraui-v3-pagination > .pagination-content > .component-pagination > li.component-pagination-next {\n  display: none;\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .component-pagination > li.component-pagination-item-active {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-pagination > .pagination-content > .right-page {\n  margin-left: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo {\n  margin-left: 24px;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-pagination > .skip-page-memo > span {\n  margin-right: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field {\n  width: 58px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .right-icon {\n  margin-right: 8px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 8px;\n  padding-right: 4px;\n}\n.paraui-v3-pagination > .skip-page-memo > .skip-page-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding: 0 8px;\n}";
 styleInject(css_248z);
 
 var Pagination = function Pagination(props) {
@@ -219,7 +220,7 @@ var Pagination = function Pagination(props) {
     clearTimeout(constData.timerClass);
     var current = refDom.current;
     if (!current) return;
-    current.classList.add('paraui-pagination-over');
+    current.classList.add($prefixCls + '-pagination-over');
     constData.timer = setTimeout(function () {
       if (!current) return;
       var skipDom = current.querySelector('.skip-page-memo'); // 简单模式,不存在跳转
@@ -236,7 +237,7 @@ var Pagination = function Pagination(props) {
       }
 
       constData.timerClass = setTimeout(function () {
-        current.classList.remove('paraui-pagination-over');
+        current.classList.remove($prefixCls + '-pagination-over');
       }, 200);
     }, 200);
   }; // 点击每页行数下拉
@@ -345,9 +346,11 @@ var Pagination = function Pagination(props) {
           id: 'linePerPage'
         })
       }), jsx(Select, {
+        className: 'page-line-select',
         size: "medium",
         value: currentRowsPerPageCom,
         list: rowsPerPageCom,
+        hideErrorDom: true,
         onChange: clickRowsPerPage,
         allowClear: false
       })]
@@ -403,6 +406,7 @@ var Pagination = function Pagination(props) {
           children: jsx(NavigateBefore, {})
         }))]
       })), typeCom === 'complex' && jsx(PaginationCom, {
+        prefixCls: $rcPrefixCls + '-pagination',
         current: pageCom,
         pageSize: currentRowsPerPageCom,
         total: total,
@@ -438,6 +442,7 @@ var Pagination = function Pagination(props) {
           id: 'jumpTo'
         })
       }), jsx(TextField, {
+        className: 'skip-page-text-field',
         size: "medium",
         type: "number",
         value: skipValue || '',
@@ -445,6 +450,7 @@ var Pagination = function Pagination(props) {
         rightIcon: intl({
           id: 'page'
         }),
+        hideErrorDom: true,
         onKeyDown: keyPress,
         onKeyUp: keyUp
       })]
@@ -452,7 +458,7 @@ var Pagination = function Pagination(props) {
   }, [skipValue, totalPage, language, locale]); // 处理class
 
   var handClass = function handClass() {
-    var str = 'paraui-pagination';
+    var str = $prefixCls + '-pagination';
     if (className) str += ' ' + className;
     return str;
   };