@para-ui/core 3.0.111-rc → 3.0.111

package/Stepper/index.js

@@ -1,5 +1,5 @@
-import { _ as _typeof } from '../_verture/typeof-ef74f13b.js';
-import { _ as __rest } from '../_verture/tslib.es6-9e8a62ad.js';
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import RcSteps from 'rc-steps';
@@ -13,8 +13,9 @@ import Seven from '@para-ui/icons/Seven';
 import Eight from '@para-ui/icons/Eight';
 import Nine from '@para-ui/icons/Nine';
 import Check from '@para-ui/icons/Check';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-d26faf32.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
 import clsx from 'clsx';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 //默认图标
 var Icons = {
@@ -30,6 +31,9 @@ var Icons = {
   'done': jsx(Check, {})
 };
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/26 下午2:57\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-stepper {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  display: flex;\n  width: 100%;\n  text-align: initial;\n}\n.paraui-v3-stepper .component-stepper-item {\n  position: relative;\n  display: inline-block;\n  flex: 1;\n  vertical-align: top;\n}\n.paraui-v3-stepper .component-stepper-item-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  outline: none;\n}\n.paraui-v3-stepper .component-stepper-item:last-child > .component-stepper-item-container > .component-stepper-item-tail,\n.paraui-v3-stepper .component-stepper-item:last-child > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  display: none;\n}\n.paraui-v3-stepper .component-stepper-item-icon,\n.paraui-v3-stepper .component-stepper-item-content {\n  display: block;\n  vertical-align: top;\n}\n.paraui-v3-stepper .component-stepper-item-icon {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  width: 30px;\n  height: 30px;\n  font-size: 16px;\n  line-height: 30px;\n  text-align: center;\n  border-radius: 50%;\n  background-color: rgba(171, 176, 185, 0.12);\n  transition: background-color 0.3s, border-color 0.3s;\n}\n.paraui-v3-stepper .component-stepper-item-icon .component-stepper-icon {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: rgba(46, 55, 67, 0.7);\n  vertical-align: middle;\n}\n.paraui-v3-stepper .component-stepper-item-icon .component-stepper-icon svg {\n  color: inherit;\n}\n.paraui-v3-stepper .component-stepper-item-tail {\n  position: absolute;\n  top: 12px;\n  left: 0;\n  width: 100%;\n  padding: 0 10px;\n}\n.paraui-v3-stepper .component-stepper-item-tail::after {\n  display: inline-block;\n  width: 100%;\n  height: 1px;\n  border-radius: 1px;\n  transition: background 0.3s;\n  content: \"\";\n}\n.paraui-v3-stepper .component-stepper-item-title {\n  display: inline-block;\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 30px;\n}\n.paraui-v3-stepper .component-stepper-item-title::after {\n  position: absolute;\n  display: block;\n  height: 1px;\n  content: \"\";\n  top: 15px;\n  left: calc(50% + 30px);\n  right: calc(-50% + 30px);\n}\n.paraui-v3-stepper .component-stepper-item-subtitle {\n  display: inline;\n  margin-left: 8px;\n  color: rgb(46, 55, 67);\n  font-weight: normal;\n  font-size: 14px;\n}\n.paraui-v3-stepper .component-stepper-item-description {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-stepper .component-stepper-item-wait .component-stepper-item-icon {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-stepper .component-stepper-item-wait .component-stepper-item-icon > .component-stepper-icon {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-stepper .component-stepper-item-wait .component-stepper-item-icon > .component-stepper-icon .component-stepper-icon-dot {\n  background: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-stepper .component-stepper-item-wait > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title {\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-stepper .component-stepper-item-wait > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  border-top: 1px dashed rgba(171, 176, 185, 0.4);\n  height: 0;\n  background: transparent;\n}\n.paraui-v3-stepper .component-stepper-item-wait > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-description {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-wait > .component-stepper-item-container > .component-stepper-item-tail::after {\n  border-left: 1px dashed rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-stepper .component-stepper-item-process .component-stepper-item-icon {\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-stepper .component-stepper-item-process .component-stepper-item-icon > .component-stepper-icon {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-process .component-stepper-item-icon > .component-stepper-icon .component-stepper-icon-dot {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  background: linear-gradient(90deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250));\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-description {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-tail::after {\n  background: linear-gradient(180deg, rgb(61, 102, 248), rgb(119, 147, 249) 74%, rgb(216, 223, 250));\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-icon {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-icon .component-stepper-icon {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-stepper .component-stepper-item-process > .component-stepper-item-container > .component-stepper-item-title {\n  font-weight: 400;\n}\n.paraui-v3-stepper .component-stepper-item-finish .component-stepper-item-icon {\n  background-color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-stepper .component-stepper-item-finish .component-stepper-item-icon > .component-stepper-icon {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-stepper .component-stepper-item-finish .component-stepper-item-icon > .component-stepper-icon .component-stepper-icon-dot {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-finish > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-stepper .component-stepper-item-finish > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-stepper .component-stepper-item-finish > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-description {\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-stepper .component-stepper-item-finish > .component-stepper-item-container > .component-stepper-item-tail::after {\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-stepper .component-stepper-item-error .component-stepper-item-icon {\n  background-color: rgb(255, 255, 255);\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error .component-stepper-item-icon > .component-stepper-icon {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error .component-stepper-item-icon > .component-stepper-icon .component-stepper-icon-dot {\n  background: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-stepper .component-stepper-item-error > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-description {\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-error > .component-stepper-item-container > .component-stepper-item-tail::after {\n  background-color: rgba(248, 249, 251, 0.8);\n}\n.paraui-v3-stepper .component-stepper-item.component-stepper-next-error .component-stepper-item-title::after {\n  background: rgb(235, 96, 84);\n}\n.paraui-v3-stepper .component-stepper-item-disabled {\n  cursor: not-allowed;\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] {\n  cursor: pointer;\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] .component-stepper-item-title,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] .component-stepper-item-subtitle,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] .component-stepper-item-description,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button] .component-stepper-item-icon .component-stepper-icon {\n  transition: color 0.3s;\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button]:hover .component-stepper-item-title,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button]:hover .component-stepper-item-subtitle,\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active) > .component-stepper-item-container[role=button]:hover .component-stepper-item-description {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active):not(.component-stepper-item-process) > .component-stepper-item-container[role=button]:hover .component-stepper-item-icon {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper .component-stepper-item:not(.component-stepper-item-active):not(.component-stepper-item-process) > .component-stepper-item-container[role=button]:hover .component-stepper-item-icon .component-stepper-icon {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-stepper .component-stepper-item-custom > .component-stepper-item-container > .component-stepper-item-icon {\n  height: auto;\n  border: 0;\n}\n.paraui-v3-stepper .component-stepper-item-custom > .component-stepper-item-container > .component-stepper-item-icon > .component-stepper-icon {\n  top: 0;\n  left: 0;\n  width: 30px;\n  height: 30px;\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 50%;\n}\n.paraui-v3-stepper .component-stepper-item-custom.component-stepper-item-process .component-stepper-item-icon > .component-stepper-icon {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item {\n  white-space: nowrap;\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item:first-child {\n  padding-left: 0;\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item:last-child .component-stepper-item-title {\n  padding-right: 0;\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item-tail {\n  display: none;\n}\n.paraui-v3-stepper.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item-description {\n  max-width: 140px;\n  white-space: normal;\n}\n.paraui-v3-stepper.component-stepper:not(.component-stepper-vertical) .component-stepper-item-custom .component-stepper-item-icon {\n  width: auto;\n  background: none;\n}\n.paraui-v3-stepper.component-stepper:not(.component-stepper-vertical) .component-stepper-item-custom.component-stepper-item-process .component-stepper-item-icon {\n  background: rgb(54, 102, 214);\n}\n.paraui-v3-stepper.component-stepper:not(.component-stepper-vertical) .component-stepper-item-custom.component-stepper-item-finish .component-stepper-item-icon {\n  background: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-stepper.component-stepper-small.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item {\n  padding-left: 12px;\n}\n.paraui-v3-stepper.component-stepper-small.component-stepper-horizontal:not(.component-stepper-label-vertical) .component-stepper-item:first-child {\n  padding-left: 0;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-icon {\n  width: 24px;\n  height: 24px;\n  margin: 0 8px 0 0;\n  font-size: 12px;\n  line-height: 24px;\n  text-align: center;\n  border-radius: 24px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-title {\n  padding-right: 12px;\n  font-size: 14px;\n  line-height: 24px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-title::after {\n  top: 12px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-description {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-tail {\n  top: 8px;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-custom .component-stepper-item-icon {\n  width: inherit;\n  height: inherit;\n  line-height: inherit;\n  background: none;\n  border: 0;\n  border-radius: 0;\n}\n.paraui-v3-stepper.component-stepper-small .component-stepper-item-custom .component-stepper-item-icon > .component-stepper-icon {\n  font-size: 24px;\n  line-height: 24px;\n  transform: none;\n}\n.paraui-v3-stepper.component-stepper-vertical {\n  display: flex;\n  flex-direction: column;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item {\n  display: block;\n  flex: 1 0 auto;\n  padding-left: 0;\n  overflow: visible;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item .component-stepper-item-icon {\n  float: left;\n  margin-right: 16px;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item .component-stepper-item-content {\n  display: block;\n  min-height: 68px;\n  overflow: hidden;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item .component-stepper-item-title {\n  line-height: 32px;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item .component-stepper-item-description {\n  padding-bottom: 12px;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item > .component-stepper-item-container {\n  flex-direction: row;\n  align-items: flex-start;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item > .component-stepper-item-container > .component-stepper-item-tail {\n  position: absolute;\n  top: 0;\n  left: 15px;\n  width: 1px;\n  height: 100%;\n  padding: 36px 0 6px;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item > .component-stepper-item-container > .component-stepper-item-tail::after {\n  width: 1px;\n  height: 100%;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item:not(:last-child) > .component-stepper-item-container > .component-stepper-item-tail {\n  display: block;\n}\n.paraui-v3-stepper.component-stepper-vertical > .component-stepper-item > .component-stepper-item-container > .component-stepper-item-content > .component-stepper-item-title::after {\n  display: none;\n}\n.paraui-v3-stepper.component-stepper-vertical.component-stepper-small .component-stepper-item-container .component-stepper-item-tail {\n  position: absolute;\n  top: 0;\n  left: 12px;\n  padding: 30px 0 6px;\n}\n.paraui-v3-stepper.component-stepper-vertical.component-stepper-small .component-stepper-item-container .component-stepper-item-title {\n  line-height: 24px;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item {\n  overflow: visible;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-tail {\n  margin-left: 58px;\n  padding: 3.5px 24px;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-content {\n  display: block;\n  width: 116px;\n  margin-top: 8px;\n  text-align: center;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-icon {\n  display: inline-block;\n  margin-left: 42px;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-title {\n  padding-right: 0;\n  padding-left: 0;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-title::after {\n  display: none;\n}\n.paraui-v3-stepper.component-stepper-label-vertical .component-stepper-item-subtitle {\n  display: block;\n  margin-bottom: 4px;\n  margin-left: 0;\n  line-height: 1.5715;\n}\n.paraui-v3-stepper.component-stepper-label-vertical.component-stepper-small:not(.component-stepper-dot) .component-stepper-item-icon {\n  margin-left: 46px;\n}";
+styleInject(css_248z);
+
 //steps
 var Stepper = function Stepper(props) {
   var _props$current = props.current,

package/Styles/theme.scss

@@ -3,4 +3,72 @@
 * @date 2021/10/20 下午2:08
 * @description color
 */
-@import "./theme/theme-shrcb";
+// 组件库前缀
+$prefixCls: 'paraui-v3';
+// rc组件前缀
+$rcPrefixCls: 'component';
+
+//导航&主题色
+$A1: rgba(28, 41, 60, 1);
+$A2: rgba(34, 62, 103, 1);
+$A3: linear-gradient(180deg, rgba(241, 241, 244, 1), rgba(243, 243, 243, 1));
+$A4: rgba(255, 255, 255, 0.6);
+$A5: rgba(54, 102, 214, 1);
+//辅助色
+$B1: linear-gradient(90deg, rgba(61, 102, 248, 1), rgba(119, 147, 249, 1) 74%, rgba(216, 223, 250, 1));
+$B2: rgba(54, 102, 214, 0.8);
+$B3: rgba(54, 102, 214, 0.4);
+$B4: rgba(54, 102, 214, 0.2);
+$B5: rgba(54, 102, 214, 0.05);
+$B6: rgba(171, 176, 185, 0.4);
+$B7: rgba(171, 176, 185, 0.2);
+$B8: rgba(171, 176, 185, 0.12);
+$B9: rgba(248, 249, 251, 0.8);
+$B10: rgba(255, 255, 255, 1);
+$B11: rgba(243, 246, 252, 1);
+$B12: rgba(254, 249, 245, 1);
+$B13: rgba(253, 246, 245, 1);
+$B14: rgba(245, 251, 242, 1);
+//状态色
+$C1: rgba(235, 96, 84, 1);
+$C2: rgba(235, 96, 84, 0.05);
+$C3: rgba(83, 195, 27, 1);
+$C4: rgba(83, 195, 27, 0.05);
+$C5: rgba(255, 161, 80, 1);
+$C6: rgba(255, 161, 80, 0.05);
+$C7: rgba(235, 96, 84, 0.8);
+//文字色
+$D1: rgba(46, 55, 67, 1);
+$D2: rgba(46, 55, 67, 0.7);
+$D3: rgba(46, 55, 67, 0.4);
+//字体
+$font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
+$large: 18px;
+$medium: 16px;
+$small: 14px;
+$smallest: 12px;
+$normal: 400;
+$bold: 700;
+$light: 300;
+// 实色
+$Z1: rgba(248, 249, 251, 1);
+$Z2: rgba(237, 241, 249, 1);
+$Z3: rgba(227, 234, 247, 1);
+$Z4: rgba(245, 246, 247, 1);
+$Z5: rgba(243, 246, 252, 1);
+$Z6: rgba(253, 246, 245, 1);
+$Z7: rgba(245, 251, 242, 1);
+$Z8: rgba(254, 249, 245, 1);
+$Z9: rgba(236, 238, 240, 1);
+$Z10: rgba(79, 89, 105, 1);
+$Z11: rgba(249, 250, 251, 1);
+
+//阴影
+$boxShadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.40);
+$boxShadowLeft: inset -10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
+$boxShadowRight: inset 10px 0 10px -8px rgba(0, 0, 0, 0.1); // 表格固定列
+$radius: 4px;
+
+//全局弹窗index,往body里面插入的,比如toolTip,popover这类
+$ZIndexBody: 1500;
+

package/Switch/index.js

@@ -1,21 +1,25 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-d7016ad3.js';
-import { _ as __rest } from '../_verture/tslib.es6-9e8a62ad.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import RcSwitch from 'rc-switch';
 import clsx from 'clsx';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import Label from '../Label/index.js';
-import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-d26faf32.js';
-import '../_verture/typeof-ef74f13b.js';
+import { $ as $prefixCls, a as $rcPrefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-498dd2b1.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';
-import '../_verture/slicedToArray-e838a33c.js';
-import '../_verture/unsupportedIterableToArray-6655197b.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'react';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Help';
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/3 下午5:58\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-switch {\n  position: relative;\n  display: inline-block;\n  min-width: 32px;\n  height: 18px;\n  vertical-align: middle;\n  background-color: transparent;\n  border: 0;\n  border-radius: 100px;\n  cursor: pointer;\n  transition: all 0.2s;\n  user-select: none;\n}\n.paraui-v3-switch:before {\n  position: absolute;\n  top: 2px;\n  left: 0;\n  width: 100%;\n  height: 14px;\n  border-radius: 100px;\n  background-color: rgba(171, 176, 185, 0.4);\n  content: \"\";\n  transition: all 0.2s;\n}\n.paraui-v3-switch:focus {\n  outline: 0;\n  box-shadow: none;\n}\n.paraui-v3-switch.component-switch-checked:focus {\n  box-shadow: none;\n}\n.paraui-v3-switch:focus:hover {\n  box-shadow: none;\n}\n.paraui-v3-switch.component-switch-checked:before {\n  background-color: rgba(54, 102, 214, 0.2);\n}\n.paraui-v3-switch-loading, .paraui-v3-switch.component-switch-disabled {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n.paraui-v3-switch-loading *, .paraui-v3-switch.component-switch-disabled * {\n  box-shadow: none;\n  cursor: not-allowed;\n}\n.paraui-v3-switch .component-switch-inner {\n  display: block;\n  margin: 0 7px 0 25px;\n  color: rgb(255, 255, 255);\n  font-size: 14px;\n  transition: margin 0.2s;\n}\n.paraui-v3-switch.component-switch-checked .component-switch-inner {\n  margin: 0 25px 0 7px;\n}\n.paraui-v3-switch .component-switch-handle {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 18px;\n  height: 18px;\n  transition: all 0.2s ease-in-out;\n}\n.paraui-v3-switch .component-switch-handle::before {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: #8996AA;\n  border-radius: 9px;\n  box-shadow: none;\n  transition: all 0.2s ease-in-out;\n  content: \"\";\n}\n.paraui-v3-switch.component-switch-checked .component-switch-handle {\n  left: calc(100% - 18px);\n}\n.paraui-v3-switch.component-switch-checked .component-switch-handle::before {\n  background-color: rgb(54, 102, 214);\n}\n.paraui-v3-switch:not(.paraui-v3-switch-disabled):active .component-switch-handle::before {\n  right: -30%;\n  left: 0;\n}\n.paraui-v3-switch:not(.paraui-v3-switch-disabled):active.component-switch-checked .component-switch-handle::before {\n  right: 0;\n  left: -30%;\n}\n.paraui-v3-switch .component-switch-loading-icon {\n  position: relative;\n  top: 1px;\n  color: rgb(54, 102, 214);\n  vertical-align: top;\n  animation: switchLoadingCircle 1s infinite linear;\n}\n.paraui-v3-switch.component-switch-checked .component-switch-loading-icon {\n  color: rgb(255, 255, 255);\n}\n.paraui-v3-switch-small {\n  min-width: 28px;\n  height: 14px;\n  line-height: 14px;\n}\n.paraui-v3-switch-small .component-switch-inner {\n  margin: 0 5px 0 18px;\n  font-size: 14px;\n}\n.paraui-v3-switch-small .component-switch-handle {\n  width: 12px;\n  height: 12px;\n  top: 3px;\n  left: 2px;\n}\n.paraui-v3-switch-small .component-switch-loading-icon {\n  top: 1.5px;\n  font-size: 9px;\n}\n.paraui-v3-switch-small.component-switch-checked .component-switch-inner {\n  margin: 0 18px 0 5px;\n}\n.paraui-v3-switch-small.component-switch-checked .component-switch-handle {\n  left: calc(100% - 12px - 2px);\n}\n@keyframes switchLoadingCircle {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.paraui-v3-switch-label {\n  display: inline-flex;\n}\n.paraui-v3-switch-label .component-switch-text {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v3-switch-label-top {\n  flex-direction: column-reverse;\n  align-items: flex-start;\n}\n.paraui-v3-switch-label-top .component-switch-text {\n  margin-bottom: 8px;\n}\n.paraui-v3-switch-label-bottom {\n  flex-direction: column;\n  align-items: flex-start;\n}\n.paraui-v3-switch-label-bottom .component-switch-text {\n  margin-top: 8px;\n  margin-bottom: 0;\n}\n.paraui-v3-switch-label-start {\n  flex-direction: row-reverse;\n  align-items: center;\n}\n.paraui-v3-switch-label-start .component-switch-text {\n  margin-right: 8px;\n  margin-bottom: 0;\n}\n.paraui-v3-switch-label-end {\n  flex-direction: row;\n  align-items: center;\n}\n.paraui-v3-switch-label-end .component-switch-text {\n  margin-left: 8px;\n  margin-bottom: 0;\n}";
+styleInject(css_248z);
+
 //Switch 开关
 var Switch = function Switch(props) {
   props.compact;

package/Table/index.js

@@ -1,12 +1,13 @@
-import { _ as _typeof } from '../_verture/typeof-ef74f13b.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-037466a3.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-e838a33c.js';
-import { r as regenerator } from '../_verture/index-67a00291.js';
-import { _ as __rest, a as __awaiter } from '../_verture/tslib.es6-9e8a62ad.js';
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { r as regenerator } from '../_verture/index-beef914f.js';
+import { _ as __rest, a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
 import { Get, Post, DeepClone, GetBrowserClass, Cancel, ArrayToObject } from '@paraview/lib';
-import { $ as $prefixCls } from '../_verture/constant-d26faf32.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { Popover } from '../Popover/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { Button } from '../Button/index.js';
@@ -15,28 +16,28 @@ import Screen from '@para-ui/icons/ScreenF';
 import SolidArrowUp from '@para-ui/icons/UpTriangleF';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';
 import Panel from '@para-ui/icons/Panel';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-8394ec71.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import Empty from '../Empty/index.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-d7016ad3.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
 import { Radio } from '../Radio/index.js';
 import OperateBtn from '../OperateBtn/index.js';
 import Down from '@para-ui/icons/Down';
 import Refresh from '@para-ui/icons/Refresh';
 import { Pagination } from '../Pagination/index.js';
 import { Loading } from '../Loading/index.js';
-import { u as useGlobalProps } from '../_verture/useGlobalProps-c2be96c7.js';
-import '../_verture/unsupportedIterableToArray-6655197b.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
-import '../_verture/usePopupContainer-6fa1cc58.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
-import '../_verture/index-59046762.js';
+import '../_verture/index-77f9e0fb.js';
 import 'rc-dropdown';
 import 'dayjs';
 import '@para-ui/core/GlobalContext';
@@ -173,6 +174,9 @@ var closest = function closest(el, selector) {
   return el;
 };
 
+var css_248z$7 = ".table-head-element {\n  display: table-header-group;\n}";
+styleInject(css_248z$7);
+
 var TableHeadElement = function TableHeadElement(props) {
   var className = props.className,
     style = props.style,
@@ -191,6 +195,9 @@ var TableHeadElement = function TableHeadElement(props) {
   }));
 };
 
+var css_248z$6 = ".tr-element {\n  display: table-row;\n  outline: 0;\n  vertical-align: middle;\n}";
+styleInject(css_248z$6);
+
 var TrElement = function TrElement(props) {
   var className = props.className,
     style = props.style,
@@ -209,6 +216,9 @@ var TrElement = function TrElement(props) {
   }));
 };
 
+var css_248z$5 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.th-element {\n  letter-spacing: 0.01071em;\n  line-height: 1.43;\n  padding: 0;\n  font-weight: 700;\n  font-size: 14px;\n  background-color: rgb(248, 249, 251);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.12);\n  height: 100%;\n}\n.th-element.th-element-draggable {\n  position: relative;\n}\n.th-element:first-child {\n  border-top-left-radius: 4px;\n}\n.th-element:last-child {\n  border-top-right-radius: 4px;\n}\n.th-element:hover {\n  background-color: rgb(237, 241, 249);\n}\n.th-element.table-operate.table-operate-small {\n  width: 112px;\n}\n.th-element.table-operate.table-operate-small > .table-header-box {\n  width: 112px;\n}\n.th-element > .th-element-draggable-box {\n  width: 6px;\n  height: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n.th-element:hover > .th-element-draggable-box {\n  background-color: rgba(54, 102, 214, 0.2);\n  cursor: ew-resize;\n}";
+styleInject(css_248z$5);
+
 var ThElement = function ThElement(props) {
   var className = props.className,
     style = props.style,
@@ -1006,6 +1016,9 @@ var TableHead$1 = function TableHead(props) {
   }));
 };
 
+var css_248z$4 = ".table-body-element {\n  display: table-row-group;\n}";
+styleInject(css_248z$4);
+
 var TableBodyElement = function TableBodyElement(props) {
   var className = props.className,
     style = props.style,
@@ -1024,6 +1037,9 @@ var TableBodyElement = function TableBodyElement(props) {
   }));
 };
 
+var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.td-element {\n  letter-spacing: 0.01071em;\n  padding: 0 8px;\n  font-weight: 400;\n  font-size: 14px;\n  white-space: nowrap;\n  border: 0;\n  line-height: 1.43;\n}\n.td-element.table-operate {\n  /* position: sticky;\n   right: 0;*/\n}";
+styleInject(css_248z$3);
+
 var TdElement = function TdElement(props) {
   var className = props.className,
     style = props.style,
@@ -1702,6 +1718,9 @@ var TableHead = function TableHead(props) {
   }));
 };
 
+var css_248z$2 = ".table-container {\n  overflow-x: auto;\n}";
+styleInject(css_248z$2);
+
 var TableContainer = function TableContainer(props) {
   var cRef = props.cRef,
     className = props.className,
@@ -1722,6 +1741,9 @@ var TableContainer = function TableContainer(props) {
   }));
 };
 
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.table-element {\n  width: 100%;\n  display: table;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n.table-element.table-element-fixed-column > .table-body-element > .tr-element > .td-element {\n  position: sticky;\n}\n.table-element > .table-head-element > .tr-element > .th-element {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  height: 100%;\n  width: 30px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(100%);\n  content: \"\";\n  transition: box-shadow 0.3s;\n  pointer-events: none;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  height: 100%;\n  width: 30px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: translate(-100%);\n  content: \"\";\n  transition: box-shadow 0.3s;\n  pointer-events: none;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left {\n  z-index: 11;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right {\n  z-index: 11;\n}\n.table-element > .table-body-element > .tr-element > .td-element {\n  z-index: 1;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  height: 100%;\n  width: 30px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(100%);\n  content: \"\";\n  transition: box-shadow 0.3s;\n  pointer-events: none;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  height: 100%;\n  width: 30px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: translate(-100%);\n  content: \"\";\n  transition: box-shadow 0.3s;\n  pointer-events: none;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left {\n  z-index: 2;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right {\n  z-index: 2;\n}\n\n.table-scroll-left .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, 0.1);\n}\n.table-scroll-left .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, 0.1);\n}\n\n.table-scroll-right .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  box-shadow: inset 10px 0 10px -8px rgba(0, 0, 0, 0.1);\n}\n.table-scroll-right .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  box-shadow: inset 10px 0 10px -8px rgba(0, 0, 0, 0.1);\n}\n\n.table-scroll-middle .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  box-shadow: inset 10px 0 10px -8px rgba(0, 0, 0, 0.1);\n}\n.table-scroll-middle .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, 0.1);\n}\n.table-scroll-middle .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  box-shadow: inset 10px 0 10px -8px rgba(0, 0, 0, 0.1);\n}\n.table-scroll-middle .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  box-shadow: inset -10px 0 10px -8px rgba(0, 0, 0, 0.1);\n}";
+styleInject(css_248z$1);
+
 var TableElement = function TableElement(props) {
   var className = props.className,
     style = props.style,
@@ -1742,6 +1764,9 @@ var TableElement = function TableElement(props) {
   }));
 };
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-table {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: white;\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  position: relative;\n}\n.paraui-v3-table.paraui-v3-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v3-table.paraui-v3-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-radio.paraui-v3-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check.paraui-v3-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table .paraui-v3-empty {\n  overflow: hidden;\n}\n.paraui-v3-table.paraui-v3-table-load.paraui-v3-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v3-table.paraui-v3-table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-v3-table.paraui-v3-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load-more.paraui-v3-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v3-table > .table-contain > table > .table-head > tr th {\n  height: 50px;\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box {\n  height: 49px;\n  line-height: 49px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(235, 96, 84);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n  max-width: calc(100% - 40px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums {\n  width: 56px;\n  cursor: pointer;\n  border-left: 1px solid rgba(171, 176, 185, 0.12);\n  right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 55px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(249, 250, 251);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(237, 241, 249);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  position: relative;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n  padding-left: 8px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v3-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(54, 102, 214);\n  z-index: 1000;\n}\n.paraui-v3-table > .table-pagination {\n  width: 100%;\n  height: 60px;\n  padding-right: 10px;\n  display: flex;\n  align-items: flex-end;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right {\n  display: flex;\n  height: 32px;\n  align-items: center;\n  color: rgba(46, 55, 67, 0.7);\n  line-height: 32px;\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right .all-select {\n  margin-left: 12px;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right .line {\n  width: 1px;\n  height: 12px;\n  background-color: rgba(171, 176, 185, 0.2);\n  margin: 0 12px;\n}\n.paraui-v3-table > .table-pagination .table-pagination-right .check-number {\n  width: 65px;\n  display: inline-block;\n}\n.paraui-v3-table > .table-pagination .table-pagination-com {\n  flex: 1;\n  justify-content: flex-end;\n}\n.paraui-v3-table > .table-pagination .refresh-btn {\n  margin-left: 16px;\n}\n\n.paraui-v3-table-show-colums-popover > .component-popover-content {\n  width: 200px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select.filter-select-none {\n  text-align: center;\n  padding: 20px 0;\n}\n.paraui-v3-filter-popover.paraui-v3-filter-popover-default > .component-popover-content {\n  width: 200px;\n}";
+styleInject(css_248z);
+
 var Table = function Table(propsInit) {
   var props = useGlobalProps(propsInit, 'Table');
   // 判断浏览器

package/Tabs/index.js

@@ -1,5 +1,5 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-d7016ad3.js';
-import { _ as __rest } from '../_verture/tslib.es6-9e8a62ad.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import React__default, { createElement } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import RcTabs, { TabPane } from 'rc-tabs';
@@ -9,11 +9,12 @@ import CloseIcon from '@para-ui/icons/Close';
 import { PopConfirm } from '../PopConfirm/index.js';
 import Help from '../Help/index.js';
 import clsx from 'clsx';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-8394ec71.js';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-d26faf32.js';
-import '../_verture/typeof-ef74f13b.js';
-import '../_verture/slicedToArray-e838a33c.js';
-import '../_verture/unsupportedIterableToArray-6655197b.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/typeof-498dd2b1.js';
+import '../_verture/slicedToArray-76060636.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '@para-ui/icons/CheckCircleF';
 import '@para-ui/icons/WarningCircle';
 import '@para-ui/icons/CloseCircleF';
@@ -25,9 +26,9 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Down';
-import '../_verture/index-59046762.js';
+import '../_verture/index-77f9e0fb.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-6fa1cc58.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
 import '@para-ui/core/GlobalContext';
@@ -46,6 +47,9 @@ var localeJson = {
   en: en
 };
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:29\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:39\n* @description\n*/\n.paraui-v3-tabs-small > .component-tabs-nav .component-tabs-tab {\n  padding: 8px 0;\n  font-size: 14px;\n}\n\n.paraui-v3-tabs-large > .component-tabs-nav .component-tabs-tab {\n  padding: 16px 0;\n  font-size: 16px;\n}\n\n.paraui-v3-tabs-card.paraui-v3-tabs-small > .component-tabs-nav .component-tabs-tab {\n  padding: 6px 16px;\n}\n\n.paraui-v3-tabs-card.paraui-v3-tabs-large > .component-tabs-nav .component-tabs-tab {\n  padding: 7px 16px 6px;\n}\n\n/**\n* @author Hanz\n* @date 2022/5/30 上午10:44\n* @description\n*/\n.paraui-v3-tabs.component-tabs-top, .paraui-v3-tabs.component-tabs-bottom {\n  flex-direction: column;\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav {\n  margin: 0 0 16px 0;\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav::before, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n  position: absolute;\n  right: 0;\n  left: 0;\n  border-bottom: 1px solid rgba(171, 176, 185, 0.2);\n  content: \"\";\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n  height: 1px;\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n  transition: width 0.3s, left 0.3s, right 0.3s;\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  top: 0;\n  bottom: 0;\n  width: 30px;\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n  left: 0;\n  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  right: 0;\n  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-left::before {\n  opacity: 1;\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-right::after {\n  opacity: 1;\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav::before, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav::before {\n  bottom: 0;\n}\n.paraui-v3-tabs.component-tabs-top > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-top > div > .component-tabs-nav .component-tabs-ink-bar {\n  bottom: 0;\n}\n.paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav {\n  order: 1;\n  margin-top: 16px;\n  margin-bottom: 0;\n}\n.paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav::before, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav::before {\n  top: 0;\n}\n.paraui-v3-tabs.component-tabs-bottom > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-nav .component-tabs-ink-bar {\n  top: 0;\n}\n.paraui-v3-tabs.component-tabs-bottom > .component-tabs-content-holder, .paraui-v3-tabs.component-tabs-bottom > div > .component-tabs-content-holder {\n  order: 0;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav {\n  flex-direction: column;\n  min-width: 50px;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab {\n  padding: 0 12px;\n  text-align: center;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin: 8px 0 0 0;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap {\n  flex-direction: column;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  right: 0;\n  left: 0;\n  height: 30px;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::before {\n  top: 0;\n  box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  bottom: 0;\n  box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08);\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-top::before {\n  opacity: 1;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-wrap.component-tabs-nav-wrap-ping-bottom::after {\n  opacity: 1;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n  width: 1px;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar-animated, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar-animated {\n  transition: height 0.3s, top 0.3s;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-list, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-list, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-list, .paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-nav-operations, .paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-nav-operations, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-nav-operations, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-nav-operations {\n  flex: 1 0 auto;\n  flex-direction: column;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-nav .component-tabs-ink-bar {\n  right: 0;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-content-holder, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-content-holder {\n  margin-left: -1px;\n  border-left: 1px solid #f0f0f0;\n}\n.paraui-v3-tabs.component-tabs-left > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v3-tabs.component-tabs-left > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n  padding-left: 24px;\n}\n.paraui-v3-tabs.component-tabs-right > .component-tabs-nav, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav {\n  order: 1;\n}\n.paraui-v3-tabs.component-tabs-right > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-nav .component-tabs-ink-bar {\n  left: 0;\n}\n.paraui-v3-tabs.component-tabs-right > .component-tabs-content-holder, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-content-holder {\n  order: 0;\n  margin-right: -1px;\n  border-right: 1px solid #f0f0f0;\n}\n.paraui-v3-tabs.component-tabs-right > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane, .paraui-v3-tabs.component-tabs-right > div > .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n  padding-right: 24px;\n}\n\n.component-tabs-dropdown {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  color: rgba(0, 0, 0, 0.85);\n  font-size: 14px;\n  font-variant: tabular-nums;\n  line-height: 1.5715;\n  list-style: none;\n  font-feature-settings: \"tnum\";\n  position: absolute;\n  top: -9999px;\n  left: -9999px;\n  z-index: 1050;\n  display: block;\n}\n.component-tabs-dropdown.component-tabs-dropdown-hidden {\n  display: none;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu {\n  max-height: 200px;\n  margin: 0;\n  padding: 4px 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  text-align: left;\n  list-style-type: none;\n  background-color: rgb(255, 255, 255);\n  background-clip: padding-box;\n  border-radius: 4px;\n  outline: none;\n  box-shadow: 0px 2px 8px 0px rgba(171, 176, 185, 0.4);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item {\n  display: flex;\n  align-items: center;\n  min-width: 140px;\n  margin: 0;\n  padding: 7px 12px;\n  overflow: hidden;\n  color: rgb(46, 55, 67);\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help {\n  display: inline-flex;\n  flex-direction: row-reverse;\n  align-items: center;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v3-help {\n  display: inline-flex;\n  margin-left: 4px;\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v3-help svg {\n  color: inherit;\n  font-size: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item .component-tabs-tab-help .paraui-v3-help:hover {\n  color: rgb(54, 102, 214);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item > span {\n  flex: 1;\n  white-space: nowrap;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove {\n  flex: none;\n  margin-left: 12px;\n  margin-top: 2px;\n  color: rgb(46, 55, 67);\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove svg {\n  color: inherit;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-remove:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item:hover {\n  background: #f5f5f5;\n}\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled,\n.component-tabs-dropdown .component-tabs-dropdown-menu-item-disabled:hover {\n  color: rgba(46, 55, 67, 0.4);\n  background: transparent;\n  cursor: not-allowed;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tabs-slide-up-leave {\n  animation-duration: 0.2s;\n  animation-fill-mode: both;\n  animation-play-state: paused;\n}\n\n.component-tabs-slide-up-enter.component-tabs-slide-up-enter-active,\n.component-tabs-slide-up-appear.component-tabs-slide-up-appear-active {\n  animation-name: componentTabsSlideUpIn;\n  animation-play-state: running;\n}\n\n.component-tabs-slide-up-leave.component-tabs-slide-up-leave-active {\n  animation-name: componentTabsSlideUpOut;\n  animation-play-state: running;\n  pointer-events: none;\n}\n\n.component-tabs-slide-up-enter,\n.component-tabs-slide-up-appear {\n  opacity: 0;\n  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.component-tabs-slide-up-leave {\n  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n}\n\n@keyframes componentTabsSlideUpIn {\n  0% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n  100% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n}\n@keyframes componentTabsSlideUpOut {\n  0% {\n    transform: scaleY(1);\n    transform-origin: 0% 0%;\n    opacity: 1;\n  }\n  100% {\n    transform: scaleY(0.8);\n    transform-origin: 0% 0%;\n    opacity: 0;\n  }\n}\n.paraui-v3-tabs {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  display: flex;\n  background-color: rgb(255, 255, 255);\n  overflow: hidden;\n  flex-shrink: 0;\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav {\n  position: relative;\n  display: flex;\n  flex: none;\n  align-items: center;\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap {\n  position: relative;\n  display: flex;\n  flex: auto;\n  align-self: stretch;\n  overflow: hidden;\n  white-space: nowrap;\n  transform: translate(0);\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::before, .paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-wrap::after, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-wrap::after {\n  position: absolute;\n  z-index: 1;\n  opacity: 0;\n  transition: opacity 0.3s;\n  content: \"\";\n  pointer-events: none;\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-list, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-list {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  transition: transform 0.3s;\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations {\n  display: flex;\n  align-self: stretch;\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-operations-hidden, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-operations-hidden {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more {\n  position: relative;\n  padding: 8px 12px;\n  background: transparent;\n  border: 0;\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more svg, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-more::after, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-more::after {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  height: 5px;\n  transform: translateY(100%);\n  content: \"\";\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add {\n  min-width: 40px;\n  margin-left: 2px;\n  padding: 0 8px;\n  background-color: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  color: rgba(46, 55, 67, 0.7);\n  outline: none;\n  cursor: pointer;\n  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add svg, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add svg {\n  color: inherit;\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add:hover, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add:active, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add:active, .paraui-v3-tabs.component-tabs > .component-tabs-nav .component-tabs-nav-add:focus, .paraui-v3-tabs.component-tabs > div > .component-tabs-nav .component-tabs-nav-add:focus {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tabs .component-tabs-extra-content {\n  flex: none;\n}\n.paraui-v3-tabs.paraui-v3-tabs-centered > .component-tabs-nav .component-tabs-nav-wrap, .paraui-v3-tabs.paraui-v3-tabs-centered > div > .component-tabs-nav .component-tabs-nav-wrap {\n  justify-content: center;\n}\n.paraui-v3-tabs .component-tabs-ink-bar {\n  position: absolute;\n  background: rgb(54, 102, 214);\n  pointer-events: none;\n}\n.paraui-v3-tabs .component-tabs-tab {\n  position: relative;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  height: 40px;\n  padding: 0 12px;\n  font-size: 14px;\n  background: transparent;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n}\n.paraui-v3-tabs .component-tabs-tab-btn:focus,\n.paraui-v3-tabs .component-tabs-tab-remove:focus,\n.paraui-v3-tabs .component-tabs-tab-btn:active,\n.paraui-v3-tabs .component-tabs-tab-remove:active {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tabs .component-tabs-tab-btn {\n  outline: none;\n  transition: all 0.3s;\n}\n.paraui-v3-tabs .component-tabs-tab-btn .component-tabs-tab-help {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: center;\n}\n.paraui-v3-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v3-help {\n  display: inline-flex;\n  margin-left: 4px;\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v3-help svg {\n  margin-right: 0;\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-tabs .component-tabs-tab-btn .component-tabs-tab-help .paraui-v3-help:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tabs .component-tabs-tab-remove {\n  display: inline-flex;\n  flex: none;\n  margin-right: -4px;\n  margin-left: 4px;\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  background: transparent;\n  border: none;\n  outline: none;\n  cursor: pointer;\n  transition: all 0.3s;\n}\n.paraui-v3-tabs .component-tabs-tab-remove svg {\n  color: inherit;\n  font-size: inherit;\n}\n.paraui-v3-tabs .component-tabs-tab-remove span {\n  display: inline-flex;\n}\n.paraui-v3-tabs .component-tabs-tab-remove:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-tabs .component-tabs-tab:hover {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-tabs .component-tabs-tab:hover .paraui-v3-help {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-tabs .component-tabs-tab:hover .component-tabs-tab-remove {\n  color: inherit;\n}\n.paraui-v3-tabs .component-tabs-tab.component-tabs-tab-active {\n  color: rgb(54, 102, 214);\n  font-weight: 400;\n  text-shadow: 0 0 0.25px currentcolor;\n}\n.paraui-v3-tabs .component-tabs-tab.component-tabs-tab-active .component-tabs-tab-btn {\n  color: inherit;\n}\n.paraui-v3-tabs .component-tabs-tab.component-tabs-tab-disabled {\n  color: rgba(46, 55, 67, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-tabs .component-tabs-tab.component-tabs-tab-disabled .component-tabs-tab-btn:focus,\n.paraui-v3-tabs .component-tabs-tab.component-tabs-tab-disabled .component-tabs-tab-remove:focus,\n.paraui-v3-tabs .component-tabs-tab.component-tabs-tab-disabled .component-tabs-tab-btn:active,\n.paraui-v3-tabs .component-tabs-tab.component-tabs-tab-disabled .component-tabs-tab-remove:active {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-tabs .component-tabs-tab .component-tabs-tab-remove svg {\n  margin: 0;\n}\n.paraui-v3-tabs .component-tabs-tab svg {\n  margin-right: 12px;\n}\n.paraui-v3-tabs .component-tabs-tab + .component-tabs-tab {\n  margin: 0;\n}\n.paraui-v3-tabs .component-tabs-content {\n  display: flex;\n  width: 100%;\n}\n.paraui-v3-tabs .component-tabs-content-holder {\n  flex: auto;\n  min-width: 0;\n  min-height: 0;\n}\n.paraui-v3-tabs .component-tabs-content-animated {\n  transition: margin 0.3s;\n}\n.paraui-v3-tabs .component-tabs-tabpane {\n  flex: none;\n  width: 100%;\n  outline: none;\n}\n.paraui-v3-tabs.paraui-v3-tabs-editable-line .component-tabs-nav .component-tabs-nav-add, .paraui-v3-tabs.paraui-v3-tabs-track .component-tabs-nav .component-tabs-nav-add {\n  min-width: initial;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  align-self: center;\n  margin-left: 12px;\n  padding: 0;\n  background-color: rgba(248, 249, 251, 0.8);\n  border-color: rgba(171, 176, 185, 0.2);\n  border-radius: 2px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track {\n  display: inline-flex;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track .component-tabs-nav {\n  height: 40px;\n  background-color: rgba(171, 176, 185, 0.12);\n  border-radius: 4px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track .component-tabs-nav .component-tabs-nav-add {\n  margin-right: 4px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track .component-tabs-nav:before {\n  display: none;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track .component-tabs-nav .component-tabs-ink-bar {\n  visibility: hidden;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track .component-tabs-nav .component-tabs-tab {\n  height: 28px;\n  margin: 6px 4px;\n  padding: 0 8px;\n  border-radius: 4px;\n  transition: 0.3s;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n  color: rgb(54, 102, 214);\n  text-shadow: none;\n  background-color: rgb(255, 255, 255);\n  font-weight: 400;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin: 6px 4px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track.component-tabs-left .component-tabs-nav, .paraui-v3-tabs.paraui-v3-tabs-track.component-tabs-right .component-tabs-nav {\n  height: auto;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track.component-tabs-left .component-tabs-content-holder, .paraui-v3-tabs.paraui-v3-tabs-track.component-tabs-right .component-tabs-content-holder {\n  border-left: 0;\n  border-right: 0;\n}\n.paraui-v3-tabs.paraui-v3-tabs-track .component-tabs-content-holder > .component-tabs-content > .component-tabs-tabpane {\n  padding: 0;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card > .component-tabs-nav .component-tabs-tab, .paraui-v3-tabs.paraui-v3-tabs-card > div > .component-tabs-nav .component-tabs-tab {\n  margin: 0;\n  padding: 0 12px;\n  background: rgb(255, 255, 255);\n  border: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-tabs.paraui-v3-tabs-card > .component-tabs-nav .component-tabs-tab:hover .component-tabs-tab-remove, .paraui-v3-tabs.paraui-v3-tabs-card > div > .component-tabs-nav .component-tabs-tab:hover .component-tabs-tab-remove {\n  color: inherit;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove, .paraui-v3-tabs.paraui-v3-tabs-card > div > .component-tabs-nav .component-tabs-tab .component-tabs-tab-remove {\n  margin-left: 8px;\n  font-size: 14px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card > .component-tabs-nav .component-tabs-tab-active, .paraui-v3-tabs.paraui-v3-tabs-card > div > .component-tabs-nav .component-tabs-tab-active {\n  color: rgb(54, 102, 214);\n  background: rgb(255, 255, 255);\n}\n.paraui-v3-tabs.paraui-v3-tabs-card > .component-tabs-nav .component-tabs-ink-bar, .paraui-v3-tabs.paraui-v3-tabs-card > div > .component-tabs-nav .component-tabs-ink-bar {\n  visibility: hidden;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin-left: 0;\n  border-left: 0;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:first-child {\n  border-top-left-radius: 4px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab:nth-last-child(2) {\n  border-top-right-radius: 4px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-top > .component-tabs-nav .component-tabs-tab-active, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-top > div > .component-tabs-nav .component-tabs-tab-active {\n  border-bottom-color: rgb(255, 255, 255);\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-bottom > .component-tabs-nav .component-tabs-tab-active, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-bottom > div > .component-tabs-nav .component-tabs-tab-active {\n  border-top-color: rgb(255, 255, 255);\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab + .component-tabs-tab {\n  margin-top: 0;\n  border-top: 0;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab {\n  margin-left: 0;\n  margin-top: 2px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-left > .component-tabs-nav .component-tabs-tab-active, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-left > div > .component-tabs-nav .component-tabs-tab-active {\n  border-right-color: rgb(255, 255, 255);\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-right > .component-tabs-nav .component-tabs-tab-active, .paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-right > div > .component-tabs-nav .component-tabs-tab-active {\n  border-left-color: rgb(255, 255, 255);\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-right .component-tabs-nav .component-tabs-nav-add {\n  margin-left: 0;\n  margin-top: 2px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card.component-tabs-left .component-tabs-nav .component-tabs-nav-add {\n  margin-left: 0;\n  margin-top: 2px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card-container > .component-tabs-nav:before {\n  display: none;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card-container > .component-tabs-nav .component-tabs-tab {\n  border: 0;\n  transition: 0.3s;\n}\n.paraui-v3-tabs.paraui-v3-tabs-card-container > .component-tabs-nav .component-tabs-tab.component-tabs-tab-active {\n  border-radius: 4px 4px 0 0;\n  background-color: rgb(248, 249, 251);\n}\n.paraui-v3-tabs.paraui-v3-tabs-card-container .component-tabs-content {\n  margin-top: -16px;\n  padding: 16px;\n  background-color: rgb(248, 249, 251);\n  border-radius: 0 0 4px 4px;\n}\n.paraui-v3-tabs.paraui-v3-tabs-no-child:not(.paraui-v3-tabs-card-container) .component-tabs-nav {\n  margin: 0;\n}";
+styleInject(css_248z);
+
 //tabs
 var Tabs = function Tabs(props) {
   var _clsx;

package/Tag/index.js

@@ -1,21 +1,25 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-d7016ad3.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-e838a33c.js';
-import { _ as __rest } from '../_verture/tslib.es6-9e8a62ad.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import CloseIcon from '@para-ui/icons/Close';
 import clsx from 'clsx';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-037466a3.js';
-import { _ as _typeof } from '../_verture/typeof-ef74f13b.js';
-import { $ as $prefixCls } from '../_verture/constant-d26faf32.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
+import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import AutoTips from '../AutoTips/index.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import Plus from '@para-ui/icons/Plus';
-import '../_verture/unsupportedIterableToArray-6655197b.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@paraview/lib';
 
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/1/12 上午9:43\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tag {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  max-width: 100%;\n  height: 24px;\n  margin: 0 8px 8px 0;\n  padding: 0 12px;\n  font-size: 12px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  background: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  /*&.paraui-v3-tag-small {\n    line-height: 24px;\n\n    &.paraui-v3-tag-bordered {\n      line-height: 22px;\n    }\n  }*/\n}\n.paraui-v3-tag.paraui-v3-tag-bordered {\n  border: 1px solid rgba(171, 176, 185, 0.2);\n  line-height: 22px;\n}\n.paraui-v3-tag.paraui-v3-tag-large {\n  line-height: 28px;\n}\n.paraui-v3-tag.paraui-v3-tag-large.paraui-v3-tag-bordered {\n  line-height: 26px;\n}\n.paraui-v3-tag > svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-tag .tag-close-icon {\n  margin-left: 4px;\n  color: inherit;\n  font-size: 16px;\n  cursor: pointer;\n}\n.paraui-v3-tag .tag-close-icon:hover {\n  color: inherit;\n}\n.paraui-v3-tag > svg + .paraui-v3-auto-tips {\n  margin-left: 4px;\n}\n.paraui-v3-tag.paraui-v3-tag-has-color, .paraui-v3-tag.paraui-v3-tag-has-color svg, .paraui-v3-tag.paraui-v3-tag-has-color svg:hover {\n  color: inherit;\n}\n.paraui-v3-tag.paraui-v3-tag-blue {\n  color: rgb(54, 102, 214);\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-tag.paraui-v3-tag-green {\n  color: rgb(83, 195, 27);\n  background-color: rgba(83, 195, 27, 0.05);\n}\n.paraui-v3-tag.paraui-v3-tag-yellow {\n  color: rgb(255, 161, 80);\n  background-color: rgba(255, 161, 80, 0.05);\n}\n.paraui-v3-tag.paraui-v3-tag-red {\n  color: rgb(235, 96, 84);\n  background-color: rgba(235, 96, 84, 0.05);\n}\n.paraui-v3-tag.paraui-v3-tag-hidden {\n  display: none;\n}\n\n.paraui-v3-tag-group {\n  display: flex;\n  align-items: center;\n  flex-flow: row wrap;\n}\n.paraui-v3-tag-group .tag-group-input {\n  width: 78px;\n  height: 24px;\n  align-self: flex-start;\n  font-size: 12px;\n  color: rgb(46, 55, 67);\n  text-indent: 8px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n.paraui-v3-tag-group .tag-group-input .tag-group-input-large {\n  height: 28px;\n}\n.paraui-v3-tag-group .tag-group-new .tag-group-new-icon {\n  padding: 0 5px;\n}";
+styleInject(css_248z);
+
 //tag group
 var TagGroup = function TagGroup(props) {
   var className = props.className,

package/TextEditor/index.js

@@ -1,15 +1,16 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-e838a33c.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect, useImperativeHandle, useMemo } from 'react';
 import Label from '../Label/index.js';
 import { Toolbar, Editor } from '@wangeditor/editor-for-react';
 import { i18nChangeLanguage } from '@wangeditor/editor';
 import HelperText from '../HelperText/index.js';
-import { $ as $prefixCls } from '../_verture/constant-d26faf32.js';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-8394ec71.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import { UUID } from '@paraview/lib';
-import '../_verture/unsupportedIterableToArray-6655197b.js';
-import '../_verture/tslib.es6-9e8a62ad.js';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import '../_verture/unsupportedIterableToArray-cb478f24.js';
+import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Help/index.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
@@ -63,6 +64,12 @@ var localeJson = {
   en: en
 };
 
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-text-editor .w-e-full-screen-container {\n  z-index: 1000;\n}\n.paraui-v3-text-editor .text-editor-content {\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n  padding: 1px 0;\n  background-color: #fff;\n}\n.paraui-v3-text-editor .text-editor-content > div:nth-child(1) {\n  border-bottom: 1px solid rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-editor .text-editor-content div[contenteditable=false] {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-editor .text-editor-content div[contenteditable=false]:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n  cursor: not-allowed;\n}\n.paraui-v3-text-editor .preview-mode > div:nth-child(1) {\n  border-bottom: none;\n}";
+styleInject(css_248z$1);
+
+var css_248z = ":root,\n:host {\n  --w-e-textarea-bg-color: #fff;\n  --w-e-textarea-color: #333;\n  --w-e-textarea-border-color: #ccc;\n  --w-e-textarea-slight-border-color: #e8e8e8;\n  --w-e-textarea-slight-color: #d4d4d4;\n  --w-e-textarea-slight-bg-color: #f5f2f0;\n  --w-e-textarea-selected-border-color: #B4D5FF;\n  --w-e-textarea-handler-bg-color: #4290f7;\n  --w-e-toolbar-color: #595959;\n  --w-e-toolbar-bg-color: #fff;\n  --w-e-toolbar-active-color: #333;\n  --w-e-toolbar-active-bg-color: #f1f1f1;\n  --w-e-toolbar-disabled-color: #999;\n  --w-e-toolbar-border-color: #e8e8e8;\n  --w-e-modal-button-bg-color: #fafafa;\n  --w-e-modal-button-border-color: #d9d9d9;\n}\n\n.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;opacity:0;padding:5px 10px;position:absolute;text-align:center;top:40px;transition:opacity .6s;visibility:hidden;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:\"\";opacity:0;position:absolute;top:30px;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{font-feature-settings:\"tnum\";background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color);font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}\n.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [contenteditable=false] .w-e-image-container:hover{box-shadow:none}\n\n.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}\n.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}\n\n.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}";
+styleInject(css_248z);
+
 var TextEditor = /*#__PURE__*/forwardRef(function (props, ref) {
   var intl = useFormatMessage('TextEditor', localeJson);
   var style = props.style,