@para-ui/core 4.0.0-rc.3 → 4.0.0-rc.4

package/Badge/index.js

@@ -4,7 +4,7 @@ import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import clsx from 'clsx';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-badge {\n  display: inline-block;\n  line-height: 1;\n  position: relative;\n}\n.paraui-v4-badge > .pos-box {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  transform-origin: 100% 0%;\n  height: 16px;\n  display: inline-block;\n  background-color: rgb(244, 66, 66);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-badge > .pos-box.dot {\n  border-radius: 50%;\n  width: 8px;\n  height: 8px;\n}\n.paraui-v4-badge > .pos-box.number, .paraui-v4-badge > .pos-box.text {\n  border-radius: 8px;\n  font-size: 12px;\n  min-width: 16px;\n  text-align: center;\n  line-height: 16px;\n  padding: 0 4px;\n  max-width: 60px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-badge > .pos-box.number > span, .paraui-v4-badge > .pos-box.text > span {\n  transform: scale(0.83);\n  display: inline-block;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-badge {\n  display: inline-block;\n  line-height: 1;\n  position: relative;\n}\n.paraui-v4-badge > .pos-box {\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%);\n  transform-origin: 100% 0%;\n  height: 12px;\n  display: inline-block;\n  background-color: rgb(244, 66, 66);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-badge > .pos-box.dot {\n  border-radius: 50%;\n  width: 8px;\n  height: 8px;\n}\n.paraui-v4-badge > .pos-box.number, .paraui-v4-badge > .pos-box.text {\n  border-radius: 8px;\n  font-size: 12px;\n  min-width: 12px;\n  text-align: center;\n  line-height: 12px;\n  padding: 0 3px;\n  max-width: 60px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-badge > .pos-box.number > span, .paraui-v4-badge > .pos-box.text > span {\n  transform: scale(0.8);\n  display: inline-block;\n}";
 styleInject(css_248z);
 
 var Badge = function Badge(props) {

package/Cascader/index.js

@@ -1,5 +1,5 @@
-import { C as Cascader } from '../_verture/index-f48d5ce6.js';
-export { C as default } from '../_verture/index-f48d5ce6.js';
+import { C as Cascader } from '../_verture/index-5a7e2438.js';
+export { C as default } from '../_verture/index-5a7e2438.js';
 import '../_verture/defineProperty-1d116156.js';
 import '../_verture/typeof-adeedc13.js';
 import '../_verture/toConsumableArray-8f4c9589.js';

package/ComboSelect/index.js

@@ -10,14 +10,14 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-de8f4428.js';
+import { T as Tree } from '../_verture/index-b1f80962.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-e9007d6a.js';
 import { Popover } from '../Popover/index.js';
 import AutoTips from '../AutoTips/index.js';
 import { Tooltip } from '../Tooltip/index.js';
 import clsx from 'clsx';
-import { g as getReplaceField, i as isRemoteLoad, d as debounce, t as toArray, a as getOverlaySize } from '../_verture/utils-06d86594.js';
+import { g as getReplaceField, i as isRemoteLoad, d as debounce, t as toArray, a as getOverlaySize } from '../_verture/utils-418da0a4.js';
 import { DeepClone, ArrayToObject } from '@paraview/lib';
 import GlobalContext from '@para-ui/core/GlobalContext';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';

package/ComboSelect/utils.d.ts

@@ -3,13 +3,8 @@ export declare const toArray: (list: any) => any[];
 export declare const isRemoteLoad: (mode: string, props: any) => boolean;
 export declare const getOverlaySize: (mode: string, isRemoteLoad?: boolean, maxHeight?: number, height?: number) => {
     height: string;
-    width?: undefined;
 } | {
     [x: string]: string;
     height?: undefined;
-    width?: undefined;
-} | {
-    width: string;
-    height: string;
 };
 export declare function debounce<T extends (...args: any[]) => any>(func: T, delay: number): T;

package/Drawer/index.js

@@ -30,8 +30,8 @@ var en = {
 };
 
 var zh = {
-  cancel: '取消',
-  ok: '确定'
+  cancel: '取 消',
+  ok: '确 定'
 };
 
 var localeJson = {

package/DynamicMultiBox/index.js

@@ -73,14 +73,14 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-de8f4428.js';
+import '../_verture/index-b1f80962.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
-import '../_verture/utils-06d86594.js';
+import '../_verture/utils-418da0a4.js';
 import '../Search/index.js';
 import 'rc-picker/es/generate/dayjs';
 import '../Tag/index.js';

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-56601c94.js';
+import { F as FormItem, l as localeJson, v as validate } from '../_verture/index-9331b116.js';
 import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -70,14 +70,14 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-de8f4428.js';
+import '../_verture/index-b1f80962.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
-import '../_verture/utils-06d86594.js';
+import '../_verture/utils-418da0a4.js';
 import '../Search/index.js';
 
 /**

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-56601c94.js';
+export { F as default } from '../_verture/index-9331b116.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-0d9802f7.js';
@@ -70,12 +70,12 @@ import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleLeft';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-de8f4428.js';
+import '../_verture/index-b1f80962.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';
 import '@para-ui/icons/MoreCircle';
-import '../_verture/utils-06d86594.js';
+import '../_verture/utils-418da0a4.js';
 import '../Search/index.js';

package/Message/index.js

@@ -11,7 +11,7 @@ import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-message-box {\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v4-message-box--message-float {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\n.paraui-v4-message-box .message-no-close .msg-text {\n  width: 384px;\n  margin-right: 0;\n}\n.paraui-v4-message-box .msg-icon {\n  position: absolute;\n  top: 11px;\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v4-message-box .msg-icon svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-text {\n  display: inline-block;\n  width: 352px;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 24px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.paraui-v4-message-box .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v4-message-box .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v4-message-box .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v4-message-box .msg-close {\n  width: 18px;\n  height: 18px;\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: 16px;\n  top: 11px;\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v4-message-box .msg-close svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-item-fill .msg-wrapper {\n  width: 100%;\n}\n.paraui-v4-message-box .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 40px;\n  padding: 10px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title {\n  padding: 16px 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-icon {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-close {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-info {\n  background-color: rgb(240, 245, 255);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-message-box .msg-warn {\n  background-color: rgb(255, 246, 235);\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close:hover {\n  background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-message-box .msg-error {\n  background-color: rgb(255, 235, 235);\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close:hover {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-message-box .msg-success {\n  background-color: rgb(232, 252, 239);\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close:hover {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-message-box .message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/11/1 下午5:48\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-message-box {\n  /*从上到下进入*/\n  /*从上到下*/\n}\n.paraui-v4-message-box--message-float {\n  position: fixed;\n  top: 3%;\n  left: 0;\n  z-index: 9999;\n  text-align: center;\n  width: 100%;\n  pointer-events: none;\n}\n.paraui-v4-message-box .message-no-close .msg-text {\n  max-width: 384px;\n  margin-right: 0;\n}\n.paraui-v4-message-box .msg-icon {\n  position: absolute;\n  top: 11px;\n  left: 16px;\n  line-height: 0;\n}\n.paraui-v4-message-box .msg-icon svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-text {\n  display: inline-block;\n  max-width: 352px;\n  word-wrap: break-word;\n  margin-right: 32px;\n  margin-left: 24px;\n  line-height: 20px;\n  word-break: break-all;\n}\n.paraui-v4-message-box .msg-text--title {\n  font-weight: 700;\n}\n.paraui-v4-message-box .msg-text--noicon {\n  margin-left: 0;\n}\n.paraui-v4-message-box .msg-text .msg-desc {\n  display: block;\n  margin-top: 8px;\n  font-weight: 400;\n  word-wrap: break-word;\n}\n.paraui-v4-message-box .msg-close {\n  width: 18px;\n  height: 18px;\n  border-radius: 2px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  right: 16px;\n  top: 11px;\n  cursor: pointer;\n  line-height: 0;\n  pointer-events: auto;\n}\n.paraui-v4-message-box .msg-close svg {\n  font-size: 18px;\n  color: currentColor;\n}\n.paraui-v4-message-box .msg-item-fill .msg-wrapper {\n  width: 100%;\n}\n.paraui-v4-message-box .msg-wrapper {\n  position: relative;\n  display: inline-block;\n  margin: 10px auto;\n  min-height: 40px;\n  padding: 10px 16px;\n  border-radius: 4px;\n  font-size: 14px;\n  text-align: left;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title {\n  padding: 16px 16px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-icon {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-wrapper.msg-wrapper-title .msg-close {\n  top: 17px;\n}\n.paraui-v4-message-box .msg-info {\n  background-color: rgb(240, 245, 255);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-message-box .msg-info .msg-close:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-message-box .msg-warn {\n  background-color: rgb(255, 246, 235);\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close {\n  color: rgb(255, 147, 38);\n}\n.paraui-v4-message-box .msg-warn .msg-close:hover {\n  background-color: rgba(255, 147, 38, 0.1);\n}\n.paraui-v4-message-box .msg-error {\n  background-color: rgb(255, 235, 235);\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close {\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-message-box .msg-error .msg-close:hover {\n  background-color: rgba(244, 66, 66, 0.1);\n}\n.paraui-v4-message-box .msg-success {\n  background-color: rgb(232, 252, 239);\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close {\n  color: rgb(19, 191, 76);\n}\n.paraui-v4-message-box .msg-success .msg-close:hover {\n  background-color: rgba(19, 191, 76, 0.1);\n}\n.paraui-v4-message-box .message-fadeInDown {\n  animation-duration: 0.5s;\n  animation-name: messageFadeInDown;\n}\n@keyframes messageFadeInDown {\n  from {\n    opacity: 0;\n    transform: translate(0, -50px); /* 标准语法 */\n  }\n  to {\n    opacity: 1;\n    transform: translate(0, 0); /* 标准语法 */\n  }\n}";
 styleInject(css_248z);
 
 //图标map

package/PageHeader/index.js

@@ -1207,7 +1207,7 @@ var HorizontalMeunRight = function HorizontalMeunRight(props) {
   });
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-page-header {\n  width: 100%;\n  height: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  justify-content: space-between;\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  padding: 0 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-page-header > .page-header-left {\n  white-space: nowrap;\n  display: flex;\n  justify-content: left;\n  align-items: center;\n  padding-right: 12px;\n}\n.paraui-v4-page-header > .menu-box {\n  width: 100%;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list {\n  width: 100%;\n  height: 100%;\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n  white-space: nowrap;\n  float: left;\n  cursor: pointer;\n  text-decoration: none;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .menu-item-icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .menu-item-label {\n    color: $NA5;\n  }\n\n  & > .menu-item-arrow {\n    color: $NA5;\n\n    svg {\n      color: $NA5;\n    }\n  }*/\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n  margin-right: 4px;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n  white-space: nowrap;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n  margin-left: 2px;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .menu-item-icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .menu-item-label {\n    color: $NA5;\n  }\n\n  & > .menu-item-arrow {\n    color: $NA5;\n\n    svg {\n      color: $NA5;\n    }\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right {\n  height: 100%;\n  display: flex;\n}\n.paraui-v4-page-header .horizontal-meun-right > .back-btn {\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 10px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .icon {\n    & > svg {\n      color: $NP1;\n    }\n  }\n\n  & > .label {\n    color: $NP1;\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .icon {\n  margin-right: 4px;\n  line-height: 0;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .icon svg {\n  font-size: 18px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .label {\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .language {\n  height: 100%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item {\n  display: flex;\n  padding: 0 10px;\n  cursor: pointer;\n  align-items: center;\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .language-item-icon {\n    & > svg {\n      color: $NP1;\n    }\n  }\n\n  & > .language-item-label {\n    color: $NA5;\n  }\n\n  & > .language-item-arrow {\n    & > svg {\n      color: $NA5;\n    }\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-icon {\n  line-height: 0;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n  font-size: 18px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  white-space: nowrap;\n  margin-left: 4px;\n  display: inline-block;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language.language-select {\n  /*& .language-item {\n    & > .language-item-icon {\n      & > svg {\n        color: $NP1;\n      }\n    }\n\n    & > .language-item-label {\n      color: $NP1;\n    }\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list {\n  display: flex;\n  height: 100%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item {\n  display: flex;\n  padding: 0 10px;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n  position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: -1px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: rgb(244, 66, 66);\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .btn-list-item-icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .btn-list-item-label {\n    color: $NA5;\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n  font-size: 18px;\n  color: rgb(29, 33, 38);\n  position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  white-space: nowrap;\n  margin-left: 4px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo {\n  display: flex;\n  padding: 0 10px;\n  align-items: center;\n  height: 100%;\n  cursor: pointer;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo.logo-show-dialog {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > img {\n  height: 32px;\n  width: 32px;\n  border-radius: 50%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  font-weight: 700;\n  white-space: nowrap;\n  max-width: 160px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: 4px;\n  color: rgb(29, 33, 38);\n  font-size: 18px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .arrow > svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n  color: rgb(29, 33, 38);\n  padding: 4px 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 140px;\n  height: 30px;\n  line-height: 30px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  text-decoration: none;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .menu-item-icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .menu-item-label {\n    color: $NA5;\n  }\n\n  & > .menu-item-arrow {\n    & > svg {\n      color: $NA5;\n    }\n  }*/\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 4px;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  font-size: 18px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(29, 33, 38);\n  transform: rotate(270deg);\n  position: relative;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n  padding-left: 4px;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper-child {\n  position: absolute;\n  transform: none !important;\n  left: 100% !important;\n  top: 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  border-radius: 4px;\n  background-color: white;\n}\n\n.paraui-v4-horizontal-meun-right-popover.paraui-v4-horizontal-meun-right-popover-children:after {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  top: 0;\n  right: -8px;\n  z-index: -1;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box {\n  padding: 4px 0;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n  height: 30px;\n  line-height: 30px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .label {\n    color: $NA5;\n  }*/\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n  font-size: 18px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon-right {\n  margin-left: 10px;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n  color: rgb(46, 101, 230);\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-page-header {\n  width: 100%;\n  height: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  display: flex;\n  justify-content: space-between;\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  padding: 0 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-page-header > .page-header-left {\n  white-space: nowrap;\n  display: flex;\n  justify-content: left;\n  align-items: center;\n  padding-right: 12px;\n}\n.paraui-v4-page-header > .menu-box {\n  width: 100%;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list {\n  width: 100%;\n  height: 100%;\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item {\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  position: relative;\n  white-space: nowrap;\n  float: left;\n  cursor: pointer;\n  text-decoration: none;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .menu-item-icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .menu-item-label {\n    color: $NA5;\n  }\n\n  & > .menu-item-arrow {\n    color: $NA5;\n\n    svg {\n      color: $NA5;\n    }\n  }*/\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-icon > svg {\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n  margin-right: 4px;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-label {\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n  white-space: nowrap;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item > .menu-item-arrow > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n  margin-left: 2px;\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-select > .menu-item-arrow svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-page-header > .menu-box > .horizontal-menu-list > .horizontal-menu-list-item.horizontal-menu-list-item-hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .menu-item-icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .menu-item-label {\n    color: $NA5;\n  }\n\n  & > .menu-item-arrow {\n    color: $NA5;\n\n    svg {\n      color: $NA5;\n    }\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right {\n  height: 100%;\n  display: flex;\n}\n.paraui-v4-page-header .horizontal-meun-right > .back-btn {\n  padding: 0 10px;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 10px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .icon {\n    & > svg {\n      color: $NP1;\n    }\n  }\n\n  & > .label {\n    color: $NP1;\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .icon {\n  margin-right: 4px;\n  line-height: 0;\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .icon svg {\n  font-size: 18px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .help-btn > .label {\n  white-space: nowrap;\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .language {\n  height: 100%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item {\n  display: flex;\n  padding: 0 10px;\n  cursor: pointer;\n  align-items: center;\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .language-item-icon {\n    & > svg {\n      color: $NP1;\n    }\n  }\n\n  & > .language-item-label {\n    color: $NA5;\n  }\n\n  & > .language-item-arrow {\n    & > svg {\n      color: $NA5;\n    }\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-icon {\n  line-height: 0;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-icon > svg {\n  font-size: 18px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-page-header .horizontal-meun-right > .language .language-item > .language-item-label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  white-space: nowrap;\n  margin-left: 4px;\n  display: inline-block;\n}\n.paraui-v4-page-header .horizontal-meun-right > .language.language-select {\n  /*& .language-item {\n    & > .language-item-icon {\n      & > svg {\n        color: $NP1;\n      }\n    }\n\n    & > .language-item-label {\n      color: $NP1;\n    }\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list {\n  display: flex;\n  height: 100%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item {\n  display: flex;\n  padding: 0 10px;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon {\n  position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item.btn-list-item-sign > .btn-list-item-icon:after {\n  content: \"\";\n  position: absolute;\n  top: -2px;\n  right: -1px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background-color: rgb(244, 66, 66);\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .btn-list-item-icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .btn-list-item-label {\n    color: $NA5;\n  }*/\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg {\n  font-size: 18px;\n  color: rgb(29, 33, 38);\n  position: relative;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-page-header .horizontal-meun-right > .btn-list > .btn-list-item > .btn-list-item-label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  white-space: nowrap;\n  margin-left: 4px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo {\n  display: flex;\n  padding: 0 10px;\n  align-items: center;\n  height: 100%;\n  cursor: pointer;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo.logo-show-dialog {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > img {\n  height: 32px;\n  width: 32px;\n  border-radius: 50%;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  font-weight: 700;\n  white-space: nowrap;\n  max-width: 160px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: 4px;\n  color: rgb(29, 33, 38);\n  font-size: 18px;\n}\n.paraui-v4-page-header .horizontal-meun-right > .logo > .arrow > svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content {\n  color: rgb(29, 33, 38);\n  padding: 4px 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item {\n  position: relative;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content {\n  width: 140px;\n  height: 30px;\n  line-height: 30px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n  text-decoration: none;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .menu-item-icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .menu-item-label {\n    color: $NA5;\n  }\n\n  & > .menu-item-arrow {\n    & > svg {\n      color: $NA5;\n    }\n  }*/\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: 4px;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  font-size: 18px;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  font-size: 18px;\n  transition: all 0.3s;\n  color: rgb(92, 101, 115);\n  transform: rotate(270deg);\n  position: relative;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-arrow > .opacity-pos-svg {\n  opacity: 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item > .menu-item-popper-content-item-content > .menu-item-popper {\n  padding-left: 4px;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg, .paraui-v4-horizontal-menu-popper.menu-item-popper > .menu-item-popper-content > .menu-item-popper-content-item.menu-item-popper-content-item-select > .menu-item-popper-content-item-content > .menu-item-arrow > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper-child {\n  position: absolute;\n  transform: none !important;\n  left: 100% !important;\n  top: 0;\n}\n.paraui-v4-horizontal-menu-popper .menu-item-popper-child > .menu-item-popper-content {\n  box-shadow: 0px 2px 8px 0px rgb(234, 236, 241);\n  border-radius: 4px;\n  background-color: white;\n}\n\n.paraui-v4-horizontal-meun-right-popover.paraui-v4-horizontal-meun-right-popover-children:after {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  top: 0;\n  right: -8px;\n  z-index: -1;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box {\n  padding: 4px 0;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item {\n  height: 30px;\n  line-height: 30px;\n  padding: 0 10px;\n  display: flex;\n  cursor: pointer;\n  align-items: center;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item:hover {\n  background-color: rgb(247, 248, 250);\n  /*& > .icon {\n    & > svg {\n      color: $NA5;\n    }\n  }\n\n  & > .label {\n    color: $NA5;\n  }*/\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg {\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon > svg:after {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  content: \"\";\n  z-index: 1;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .label {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  width: 100%;\n  white-space: nowrap;\n  text-align: left;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item > .icon-right {\n  margin-left: 10px;\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .icon > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-horizontal-meun-right-popover .menu-popover-box > .menu-popover-item.menu-popover-item-select > .label {\n  color: rgb(46, 101, 230);\n}";
 styleInject(css_248z);
 
 var PageHeader = function PageHeader(props) {

package/PopConfirm/index.js

@@ -33,8 +33,8 @@ var en = {
 };
 
 var zh = {
-  cancel: '取消',
-  ok: '确认'
+  cancel: '取 消',
+  ok: '确 认'
 };
 
 var localeJson = {

package/Querying/index.js

@@ -455,24 +455,19 @@ var SmallSearch = function SmallSearch() {
     xmlns: "http://www.w3.org/2000/svg",
     width: "100%",
     height: "100%",
-    viewBox: "0 0 120 120"
+    viewBox: "0 0 120 80"
   }, {
     children: jsxs("g", Object.assign({
       id: "\u6570\u636E\u67E5\u8BE2\u4E2D-\u5C0F",
-      transform: "translate(-1048 -245)"
+      transform: "translate(-1048 -265)"
     }, {
-      children: [jsx("g", Object.assign({
-        id: "\u8FB9\u7F18\u6846",
-        transform: "translate(1048 245)"
-      }, {
-        children: jsx("rect", {
-          id: "\u8FB9\u7F18\u6846-2",
-          "data-name": "\u8FB9\u7F18\u6846",
-          width: "120",
-          height: "120",
-          fill: "none"
-        })
-      })), jsxs("g", Object.assign({
+      children: [jsx("rect", {
+        id: "safe",
+        width: "120",
+        height: "80",
+        transform: "translate(1048 265)",
+        fill: "none"
+      }), jsxs("g", Object.assign({
         id: "\u63D2\u753B",
         transform: "translate(823.877 167.068)"
       }, {
@@ -485,13 +480,12 @@ var SmallSearch = function SmallSearch() {
             "data-name": "\u8DEF\u5F84 18536",
             d: "M3.723,0H99.067a3.723,3.723,0,0,1,3.723,3.723v56.8a3.723,3.723,0,0,1-3.723,3.723H3.723A3.723,3.723,0,0,1,0,60.521V3.723A3.723,3.723,0,0,1,3.723,0Z",
             transform: "translate(0.057 0.215)",
-            fill: "#dde7ff"
+            fill: "#d5e0fa"
           }), jsx("path", {
             id: "\u8DEF\u5F84_18540",
             "data-name": "\u8DEF\u5F84 18540",
             d: "M3.723,0H99.067a3.723,3.723,0,0,1,3.723,3.723V7.215H0V3.723A3.723,3.723,0,0,1,3.723,0Z",
-            transform: "translate(0 0)",
-            fill: "#6487d9"
+            fill: "#5783eb"
           }), jsx("rect", {
             id: "\u77E9\u5F62_139",
             "data-name": "\u77E9\u5F62 139",
@@ -531,7 +525,7 @@ var SmallSearch = function SmallSearch() {
             id: "\u8DEF\u5F84_18537",
             "data-name": "\u8DEF\u5F84 18537",
             d: "M3.723,0H99.067a3.723,3.723,0,0,1,3.723,3.723V7.215H0V3.723A3.723,3.723,0,0,1,3.723,0Z",
-            fill: "#3666d6"
+            fill: "#2e65e6"
           }), jsx("rect", {
             id: "\u77E9\u5F62_139-2",
             "data-name": "\u77E9\u5F62 139",
@@ -578,7 +572,7 @@ var SmallSearch = function SmallSearch() {
           height: "2.102",
           rx: "1.051",
           transform: "translate(250.008 106.066)",
-          fill: "#fff",
+          fill: "#f0f5ff",
           opacity: "0.4"
         }), jsx("rect", {
           id: "\u77E9\u5F62_19933",
@@ -587,7 +581,7 @@ var SmallSearch = function SmallSearch() {
           height: "14.291",
           rx: "2",
           transform: "translate(236.978 116.574)",
-          fill: "#dde7ff"
+          fill: "#d5e0fa"
         }), jsx("rect", {
           id: "\u77E9\u5F62_19935",
           "data-name": "\u77E9\u5F62 19935",
@@ -595,7 +589,7 @@ var SmallSearch = function SmallSearch() {
           height: "3.363",
           rx: "1.681",
           transform: "translate(236.978 138.01)",
-          fill: "#dde7ff"
+          fill: "#d5e0fa"
         }), jsx("rect", {
           id: "\u77E9\u5F62_19936",
           "data-name": "\u77E9\u5F62 19936",
@@ -603,7 +597,7 @@ var SmallSearch = function SmallSearch() {
           height: "3.363",
           rx: "1.681",
           transform: "translate(236.978 143.894)",
-          fill: "#dde7ff"
+          fill: "#d5e0fa"
         }), jsx("rect", {
           id: "\u77E9\u5F62_19938",
           "data-name": "\u77E9\u5F62 19938",
@@ -611,7 +605,7 @@ var SmallSearch = function SmallSearch() {
           height: "3.363",
           rx: "1.681",
           transform: "translate(236.978 149.778)",
-          fill: "#dde7ff"
+          fill: "#d5e0fa"
         }), jsx("rect", {
           id: "\u77E9\u5F62_19939",
           "data-name": "\u77E9\u5F62 19939",
@@ -619,17 +613,17 @@ var SmallSearch = function SmallSearch() {
           height: "3.363",
           rx: "1.681",
           transform: "translate(236.978 155.663)",
-          fill: "#dde7ff"
+          fill: "#d5e0fa"
         }), jsx("path", {
           id: "\u8DEF\u5F84_17905",
           "data-name": "\u8DEF\u5F84 17905",
-          d: "M15.38,16.6l-5.26-5.674V12.2H9.1V9.83h6.211a2.188,2.188,0,1,1,0,4.375h-.363l-.943-1.019h1.3a1.164,1.164,0,0,0,0-2.329H11.436l4.415,4.749.9.994Zm-2.663-2.4H10.123v2.4H9.1v-3.41h2.659l.95,1.023Z",
+          d: "M15.38,16.6l-5.26-5.674V12.2H9.1V9.83h6.211a2.188,2.188,0,1,1,0,4.375h-.363l-.943-1.019h1.3a1.164,1.164,0,1,0,0-2.329H11.436l4.415,4.749.9.994Zm-2.663-2.4H10.123v2.4H9.1V13.19h2.659l.95,1.023Z",
           transform: "translate(231.243 110.503)",
-          fill: "#3666d6"
+          fill: "#2e65e6"
         }), jsxs("g", Object.assign({
           id: "\u7EC4_19234",
           "data-name": "\u7EC4 19234",
-          transform: "matrix(0.819, -0.574, 0.574, 0.819, 283.948, 133.735)"
+          transform: "translate(283.948 133.735) rotate(-35.025)"
         }, {
           children: [jsx("rect", {
             id: "\u77E9\u5F62_19826",
@@ -637,7 +631,7 @@ var SmallSearch = function SmallSearch() {
             width: "2.131",
             height: "8.599",
             transform: "translate(9.208 19.557)",
-            fill: "#939fba"
+            fill: "#a1a8b3"
           }), jsx("circle", {
             id: "\u692D\u5706_10118",
             "data-name": "\u692D\u5706 10118",
@@ -645,7 +639,7 @@ var SmallSearch = function SmallSearch() {
             cy: "10.273",
             r: "10.273",
             transform: "translate(0 0)",
-            fill: "#3666d6"
+            fill: "#2e65e6"
           }), jsx("circle", {
             id: "\u692D\u5706_10119",
             "data-name": "\u692D\u5706 10119",
@@ -653,7 +647,7 @@ var SmallSearch = function SmallSearch() {
             cy: "8.142",
             r: "8.142",
             transform: "translate(2.131 2.131)",
-            fill: "#e2e9ff"
+            fill: "#d5e0fa"
           }), jsx("path", {
             id: "\u8DEF\u5F84_17675",
             "data-name": "\u8DEF\u5F84 17675",
@@ -661,8 +655,8 @@ var SmallSearch = function SmallSearch() {
             transform: "matrix(0.848, 0.53, -0.53, 0.848, 6.564, 4.538)",
             fill: "none",
             stroke: "#fff",
-            strokeLinecap: "round",
-            strokeWidth: "3"
+            "stroke-linecap": "round",
+            "stroke-width": "1"
           }), jsx("rect", {
             id: "\u77E9\u5F62_19827",
             "data-name": "\u77E9\u5F62 19827",
@@ -670,21 +664,21 @@ var SmallSearch = function SmallSearch() {
             height: "12.86",
             rx: "1.598",
             transform: "translate(8.675 26.329)",
-            fill: "#3666d6"
+            fill: "#2e65e6"
           }), jsx("rect", {
             id: "\u77E9\u5F62_19828",
             "data-name": "\u77E9\u5F62 19828",
             width: "3.196",
             height: "0.609",
             transform: "translate(8.675 27.851)",
-            fill: "#ffa150"
+            fill: "#ff9326"
           }), jsx("rect", {
             id: "\u77E9\u5F62_19829",
             "data-name": "\u77E9\u5F62 19829",
             width: "3.196",
             height: "0.609",
             transform: "translate(8.675 37.135)",
-            fill: "#ffa150"
+            fill: "#ff9326"
           })]
         }))]
       }))]
@@ -705,7 +699,7 @@ var localeJson = {
   en: en
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-querying {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-querying > .querying-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-querying > .querying-image img {\n  width: 100%;\n}\n.paraui-v4-querying .querying-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-querying .querying-image-small {\n  width: 120px;\n  height: 120px;\n}\n.paraui-v4-querying > .querying-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-querying.paraui-v4-querying-large > .querying-description {\n  margin-top: 20px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n  margin-top: 10px;\n  font-size: 14px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/4/2 上午10:55\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-querying {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n}\n.paraui-v4-querying > .querying-image {\n  line-height: 0;\n  overflow: hidden;\n}\n.paraui-v4-querying > .querying-image img {\n  width: 100%;\n}\n.paraui-v4-querying .querying-image-large {\n  width: 334px;\n  height: 238px;\n}\n.paraui-v4-querying .querying-image-small {\n  width: 120px;\n  height: 80px;\n}\n.paraui-v4-querying > .querying-description {\n  line-height: 17px;\n  font-size: 14px;\n  font-weight: 400;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-querying.paraui-v4-querying-large > .querying-description {\n  margin-top: 20px;\n}\n.paraui-v4-querying.paraui-v4-querying-small > .querying-description {\n  margin-top: 10px;\n  font-size: 14px;\n}";
 styleInject(css_248z);
 
 var imageMap = {

package/Search/index.js

@@ -31,7 +31,7 @@ import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-search .search-text-field .text-field-content .text-field-content-within .right-icon svg {\n  font-size: 18px;\n}\n.paraui-v4-search .search-text-field .text-field-content .text-field-content-within .right-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content {\n  border-radius: 14px;\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .right-icon {\n  margin-right: 16px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content {\n  border-radius: 14px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .right-icon {\n  margin-right: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content {\n  border-radius: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .right-icon {\n  margin-right: 16px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-search {\n  display: flex;\n  width: 100%;\n}\n.paraui-v4-search .search-text-field .text-field-content .text-field-content-within .right-icon svg {\n  font-size: 18px;\n}\n.paraui-v4-search .search-text-field .text-field-content .text-field-content-within .right-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content {\n  border-radius: 14px;\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-small.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .right-icon {\n  margin-right: 16px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content {\n  border-radius: 14px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-medium.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .right-icon {\n  margin-right: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content {\n  border-radius: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input input {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .text-field-content-within-input .text-field-label-placeholder {\n  padding-left: 16px;\n}\n.paraui-v4-search.paraui-v4-search-large.paraui-v4-search-radius .search-text-field .text-field-content .text-field-content-within .right-icon {\n  margin-right: 16px;\n}";
 styleInject(css_248z);
 
 var Search = function Search(props) {