@para-ui/core 3.0.86 → 4.0.0-alpha

package/TextEditor/index.js

@@ -1,11 +1,11 @@
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.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-66aa48a1.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { UUID } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
@@ -15,6 +15,7 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/Help';
 
 /**
@@ -49,7 +50,7 @@ var TOOL_BAR_CONFIG = ["headerSelect", "blockquote", "|", "bold", "underline", "
   menuKeys: ["insertVideo", "uploadVideo"]
 }, "insertTable", "codeBlock", "divider", "|", "undo", "redo", "|", "fullScreen"];
 
-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}";
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-text-editor .w-e-max-length-info {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-editor .w-e-bar-item > button:hover {\n  background: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-text-editor .w-e-bar-item-menus-container .w-e-bar-item {\n  padding-left: 0;\n  padding-right: 0;\n  display: flex;\n}\n.paraui-v4-text-editor .w-e-bar-item-menus-container .w-e-bar-item > button {\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n}\n.paraui-v4-text-editor .w-e-bar-item-menus-container .w-e-bar-item > button:hover {\n  background: rgb(247, 248, 250);\n  border-radius: 2px;\n}\n.paraui-v4-text-editor .w-e-full-screen-container {\n  z-index: 1000;\n}\n.paraui-v4-text-editor .text-editor-content {\n  border: 1px solid rgb(212, 218, 227);\n  border-radius: 4px;\n  padding: 1px 0;\n  background-color: #fff;\n}\n.paraui-v4-text-editor .text-editor-content > div:nth-child(1) {\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-text-editor .text-editor-content div[contenteditable=false] {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-text-editor .text-editor-content div[contenteditable=false]:hover {\n  border-color: rgb(212, 218, 227);\n  cursor: not-allowed;\n}\n.paraui-v4-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}";

package/TextField/index.d.ts

@@ -5,6 +5,7 @@
  */
 import React, { FunctionComponent, ReactNode } from 'react';
 import { LabelTooltipProps } from '../Label';
+import { TooltipProps } from '../Tooltip';
 import { HelperTextDetailProps } from "../HelperText";
 import './index.scss';
 export interface TextFieldProps extends HelperTextDetailProps {
@@ -28,6 +29,10 @@ export interface TextFieldProps extends HelperTextDetailProps {
     placeholder?: ReactNode;
     /** 是否禁用 */
     disabled?: boolean;
+    /**
+     * 禁用提示
+     */
+    disabledTooltip?: TooltipProps;
     /** 多行 */
     multiline?: boolean;
     /** 前缀 */

package/TextField/index.js

@@ -1,5 +1,5 @@
-import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
@@ -7,28 +7,29 @@ import Label from '../Label/index.js';
 import { UUID } from '@paraview/lib';
 import VisibilityOff from '@para-ui/icons/PreviewClose';
 import Visibility from '@para-ui/icons/PreviewOpen';
-import CloseCircle from '@para-ui/icons/CloseCircle';
+import CloseCircleF from '@para-ui/icons/CloseCircleF';
 import AutoTips from '../AutoTips/index.js';
 import { Loading } from '../Loading/index.js';
+import { Tooltip } from '../Tooltip/index.js';
 import HelperText from '../HelperText/index.js';
 import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
-import { D as Dropdown } from '../_verture/index-77f9e0fb.js';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { D as Dropdown } from '../_verture/index-e9007d6a.js';
+import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../Help/index.js';
-import '../Tooltip/index.js';
+import '@para-ui/icons/Help';
+import 'clsx';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
-import 'clsx';
-import '@para-ui/icons/Help';
+import '@para-ui/icons/Forbid';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/core/GlobalContext';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-text-field {\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: inline-block;\n  width: 100%;\n}\n.paraui-v3-text-field > .text-field-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgba(171, 176, 185, 0.4);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v3-text-field > .text-field-content:hover {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before {\n  color: rgb(46, 55, 67);\n  padding: 0 12px;\n  border-right: 1px solid rgba(171, 176, 185, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-before svg {\n  font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 12px;\n  cursor: pointer;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 16px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 12px;\n  cursor: pointer;\n  color: rgba(46, 55, 67, 0.7);\n  position: relative;\n  z-index: 1;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n  color: rgba(54, 102, 214, 0.8);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n  color: rgba(46, 55, 67, 0.7);\n  font-size: 20px;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .length-limit {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  width: 100%;\n  line-height: 0;\n  position: relative;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n  -moz-appearance: textfield;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  width: 100% !important;\n  padding: 12px;\n  resize: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n  display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n  display: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n  background-color: transparent;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 12px;\n  color: rgba(46, 55, 67, 0.4);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n  pointer-events: none;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n  margin-left: 2px;\n  color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after {\n  color: rgb(46, 55, 67);\n  padding: 0 12px;\n  border-left: 1px solid rgba(171, 176, 185, 0.4);\n  background-color: rgba(171, 176, 185, 0.12);\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n}\n.paraui-v3-text-field > .text-field-content > .text-field-content-after svg {\n  font-size: 20px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n  display: none;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  position: absolute;\n  height: 22px;\n  bottom: 0;\n  border-radius: 4px;\n  width: calc(100% - 12px);\n  background: white;\n  justify-content: flex-end;\n  padding-bottom: 8px;\n  margin-right: 0;\n  left: 0;\n}\n.paraui-v3-text-field.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  padding-top: 12px;\n  line-height: 1;\n  height: calc(100% - 24px);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content {\n  background-color: rgba(171, 176, 185, 0.12);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content:hover {\n  border-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-before {\n  background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  cursor: not-allowed;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled > .text-field-content > .text-field-content-after {\n  background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-disabled.paraui-v3-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  background-color: transparent;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-error > .text-field-content:hover {\n  border-color: rgb(235, 96, 84);\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit > .text-field-content:hover {\n  border-color: rgb(235, 96, 84) !important;\n}\n.paraui-v3-text-field.paraui-v3-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  padding-bottom: 25px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-focus > .text-field-content {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content {\n  height: 28px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-before {\n  line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-small > .text-field-content .text-field-content-after {\n  line-height: 26px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content {\n  height: 32px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-before {\n  line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 8px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-medium > .text-field-content .text-field-content-after {\n  line-height: 30px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content {\n  height: 36px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-before {\n  line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 10px 12px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-large > .text-field-content .text-field-content-after {\n  line-height: 34px;\n}\n.paraui-v3-text-field.paraui-v3-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  resize: both;\n}\n\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content {\n  max-height: 300px;\n  overflow: auto;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n  display: flex;\n  cursor: pointer;\n  color: rgb(46, 55, 67);\n  padding: 0 12px;\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n  background-color: rgba(171, 176, 185, 0.12);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n  height: 100px;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-small > .text-field-select-content > .text-field-select-content-item {\n  line-height: 28px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-medium > .text-field-select-content > .text-field-select-content-item {\n  line-height: 32px;\n}\n.paraui-v3-text-field-select.component-dropdown.paraui-v3-text-field-select-large > .text-field-select-content > .text-field-select-content-item {\n  line-height: 36px;\n}\n.paraui-v3-text-field-select.paraui-v3-text-field-select-data.component-tooltip {\n  padding: 8px 0;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-text-field {\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: inline-block;\n  width: 100%;\n}\n.paraui-v4-text-field > .text-field-content {\n  border: 1px solid;\n  border-radius: 4px;\n  border-color: rgb(212, 218, 227);\n  display: flex;\n  width: 100%;\n  position: relative;\n  background-color: rgb(255, 255, 255);\n}\n.paraui-v4-text-field > .text-field-content:hover {\n  border-color: rgb(87, 131, 235);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-before {\n  color: rgb(92, 101, 115);\n  padding: 0 10px;\n  border-bottom-left-radius: 4px;\n  border-top-left-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-before:after {\n  position: absolute;\n  content: \"\";\n  right: 0;\n  width: 1px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-before svg {\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within {\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within:hover > .clean-up-icon {\n  display: flex;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .clean-up-icon {\n  height: 100%;\n  align-items: center;\n  margin-right: 10px;\n  cursor: pointer;\n  display: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .clean-up-icon svg {\n  color: rgb(161, 168, 179);\n  font-size: 16px;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .clean-up-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .right-icon {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 10px;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  position: relative;\n  z-index: 1;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .right-icon.right-icon-password:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .right-icon svg {\n  color: rgb(92, 101, 115);\n  font-size: 18px;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .length-limit {\n  display: flex;\n  height: 100%;\n  align-items: center;\n  margin-right: 10px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  width: 100%;\n  line-height: 0;\n  position: relative;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-outer-spin-button,\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input input[type=number] {\n  -moz-appearance: textfield;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  width: 100% !important;\n  padding: 10px;\n  resize: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n  border: 0;\n  border-radius: 4px;\n  background: transparent;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-clear, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-clear {\n  display: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input::-ms-reveal, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea::-ms-reveal {\n  display: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > input:disabled, .paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea:disabled {\n  background-color: transparent;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  width: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 100%;\n  padding: 0 10px;\n  color: rgb(161, 168, 179);\n  cursor: text;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n  pointer-events: none;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder > .text-field-required {\n  margin-left: 2px;\n  color: rgb(244, 66, 66);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-after {\n  color: rgb(92, 101, 115);\n  padding: 0 10px;\n  border-bottom-right-radius: 4px;\n  border-top-right-radius: 4px;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-after:after {\n  position: absolute;\n  content: \"\";\n  left: 0;\n  width: 1px;\n  background-color: rgb(212, 218, 227);\n}\n.paraui-v4-text-field > .text-field-content > .text-field-content-after svg {\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-text-field.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .clean-up-icon {\n  display: none;\n}\n.paraui-v4-text-field.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  position: absolute;\n  height: 22px;\n  bottom: 0;\n  border-radius: 4px;\n  width: calc(100% - 10px);\n  background: white;\n  justify-content: flex-end;\n  padding-bottom: 2px;\n  margin-right: 0;\n  left: 0;\n}\n.paraui-v4-text-field.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  padding-top: 10px;\n  line-height: 1;\n  height: calc(100% - 24px);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content:hover {\n  border-color: rgb(212, 218, 227);\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-before {\n  background-color: transparent;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  cursor: not-allowed;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > input, .paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  cursor: not-allowed;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled > .text-field-content > .text-field-content-after {\n  background-color: transparent;\n}\n.paraui-v4-text-field.paraui-v4-text-field-disabled.paraui-v4-text-field-multiline > .text-field-content .text-field-content-within > .length-limit {\n  background-color: transparent;\n}\n.paraui-v4-text-field.paraui-v4-text-field-error > .text-field-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-text-field.paraui-v4-text-field-error > .text-field-content:hover {\n  border-color: rgb(244, 66, 66);\n}\n.paraui-v4-text-field.paraui-v4-text-field-limit > .text-field-content {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-text-field.paraui-v4-text-field-limit > .text-field-content:hover {\n  border-color: rgb(244, 66, 66) !important;\n}\n.paraui-v4-text-field.paraui-v4-text-field-limit-length > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  padding-bottom: 25px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-focus > .text-field-content {\n  border-color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content {\n  height: 28px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-before {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-before:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 10px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content .text-field-content-after {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-small > .text-field-content .text-field-content-after:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content {\n  height: 28px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-before {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-before:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 10px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content .text-field-content-after {\n  line-height: 26px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-medium > .text-field-content .text-field-content-after:after {\n  top: 5px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content {\n  height: 32px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-before {\n  line-height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-before:after {\n  top: 7px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input {\n  height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > input {\n  padding: 6px 10px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content > .text-field-content-within > .text-field-content-within-input > .text-field-label-placeholder {\n  line-height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content .text-field-content-after {\n  line-height: 30px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-large > .text-field-content .text-field-content-after:after {\n  top: 7px;\n  height: 16px;\n}\n.paraui-v4-text-field.paraui-v4-text-field-resize > .text-field-content > .text-field-content-within > .text-field-content-within-input > textarea {\n  resize: both;\n}\n\n.paraui-v4-text-field-select.component-dropdown {\n  /*// 小\n  &.paraui-v4-text-field-select-small {\n    & > .text-field-select-content {\n      & > .text-field-select-content-item {\n        line-height: 28px;\n      }\n    }\n  }\n\n  // 中\n  &.paraui-v4-text-field-select-medium {\n    & > .text-field-select-content {\n      & > .text-field-select-content-item {\n        line-height: 32px;\n      }\n    }\n  }\n\n  // 大\n  &.paraui-v4-text-field-select-large {\n    & > .text-field-select-content {\n      & > .text-field-select-content-item {\n        line-height: 36px;\n      }\n    }\n  }*/\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content {\n  max-height: 320px;\n  overflow: auto;\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item {\n  display: flex;\n  cursor: pointer;\n  color: rgb(29, 33, 38);\n  padding: 0 10px;\n  line-height: 30px;\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content > .text-field-select-content-item.text-field-select-content-item-keydown {\n  background-color: rgb(247, 248, 250);\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-text-field-select.component-dropdown > .text-field-select-content.text-field-select-content-loading {\n  height: 100px;\n  position: relative;\n  overflow: hidden;\n}\n.paraui-v4-text-field-select.paraui-v4-text-field-select-data.component-tooltip {\n  padding: 8px 0;\n}";
 styleInject(css_248z);
 
 // true:数值型的，false：非数值型
@@ -50,13 +51,14 @@ var TextField = function TextField(props) {
     labelTooltip = _a.labelTooltip,
     _a$disabled = _a.disabled,
     disabled = _a$disabled === void 0 ? false : _a$disabled,
+    disabledTooltip = _a.disabledTooltip,
     _a$multiline = _a.multiline,
     multiline = _a$multiline === void 0 ? false : _a$multiline,
     _a$required = _a.required,
     required = _a$required === void 0 ? false : _a$required,
     labelSign = _a.labelSign,
     _a$rows = _a.rows,
-    rows = _a$rows === void 0 ? 2 : _a$rows,
+    rows = _a$rows === void 0 ? 4 : _a$rows,
     _a$error = _a.error,
     error = _a$error === void 0 ? false : _a$error,
     hideErrorDom = _a.hideErrorDom,
@@ -95,7 +97,7 @@ var TextField = function TextField(props) {
     onClickAddonAfter = _a.onClickAddonAfter,
     onSelect = _a.onSelect,
     onClear = _a.onClear,
-    otherProps = __rest(_a, ["className", "style", "size", "labelMode", "placeholder", "label", "labelTooltip", "disabled", "multiline", "required", "labelSign", "rows", "error", "hideErrorDom", "helperText", "addonBefore", "addonAfter", "defaultValue", "value", "type", "onClickIcon", "rightIcon", "showRightIcon", "allowClear", "limitLength", "fetchSuggestions", "selectPopoverClass", "renderSelectItem", "showSelectName", "resize", "searchEmpty", "onBlur", "onFocus", "onChange", "onKeydown", "onKeyUp", "onEnter", "onClickAddonBefore", "onClickAddonAfter", "onSelect", "onClear"]);
+    otherProps = __rest(_a, ["className", "style", "size", "labelMode", "placeholder", "label", "labelTooltip", "disabled", "disabledTooltip", "multiline", "required", "labelSign", "rows", "error", "hideErrorDom", "helperText", "addonBefore", "addonAfter", "defaultValue", "value", "type", "onClickIcon", "rightIcon", "showRightIcon", "allowClear", "limitLength", "fetchSuggestions", "selectPopoverClass", "renderSelectItem", "showSelectName", "resize", "searchEmpty", "onBlur", "onFocus", "onChange", "onKeydown", "onKeyUp", "onEnter", "onClickAddonBefore", "onClickAddonAfter", "onSelect", "onClear"]);
   var _useState = useState('text-field-select-content-' + UUID()),
     _useState2 = _slicedToArray(_useState, 1),
     classSearchOne = _useState2[0]; // 唯一class
@@ -192,7 +194,7 @@ var TextField = function TextField(props) {
   };
   // 点击内标题 / placeholder
   /*const clickPlaceholder = () => {
-      if (disabled) return;
+      if (disabled || isFocus) return;
       setShowText(false);
       const dom: any = inputDom && inputDom.current;
       dom.focus();
@@ -455,7 +457,7 @@ var TextField = function TextField(props) {
         className: "clean-up-icon",
         onClick: clickClean
       }, {
-        children: jsx(CloseCircle, {})
+        children: jsx(CloseCircleF, {})
       }));
     }
   };
@@ -473,20 +475,23 @@ var TextField = function TextField(props) {
         })]
       });
     };
-    return jsxs("div", Object.assign({
-      className: "text-field-content-within",
-      ref: selectPosDom
-    }, {
-      children: [jsxs("div", Object.assign({
-        className: "text-field-content-within-input"
+    var contentRender = function contentRender() {
+      return jsxs("div", Object.assign({
+        className: "text-field-content-within",
+        ref: selectPosDom
       }, {
-        children: [renderInputDom(), !handValue() && jsx("span", Object.assign({
-          className: "text-field-label-placeholder" /*onClick={clickPlaceholder}*/
+        children: [jsxs("div", Object.assign({
+          className: "text-field-content-within-input"
         }, {
-          children: handPlaceholderCon()
-        }))]
-      })), clearRender(), limitMemo, rightIconMemo]
-    }));
+          children: [renderInputDom(), !handValue() && jsx("span", Object.assign({
+            className: "text-field-label-placeholder" /*onClick={clickPlaceholder}*/
+          }, {
+            children: handPlaceholderCon()
+          }))]
+        })), clearRender(), limitMemo, rightIconMemo]
+      }));
+    };
+    return contentRender();
   }, [showText, isFocus, typeCom, valueCom, limitMemo, rightIconMemo, labelMode, placeholder, label, disabled, multiline, rows, otherProps, onChange, fetchSuggestions, onClickIcon, allowClear, onClear]);
   // 搜索下拉内容
   var selectContentMemo = useMemo(function () {
@@ -580,11 +585,8 @@ var TextField = function TextField(props) {
   var clickAfter = function clickAfter(event) {
     onClickAddonAfter && onClickAddonAfter(event);
   };
-  return jsxs("div", Object.assign({
-    className: handClass(),
-    style: style
-  }, {
-    children: [outSideMemo, jsxs("div", Object.assign({
+  var contentRender = function contentRender() {
+    return jsxs("div", Object.assign({
       className: "text-field-content"
     }, {
       children: [addonBefore && jsx("div", Object.assign({
@@ -592,13 +594,29 @@ var TextField = function TextField(props) {
         onClick: clickBefore
       }, {
         children: addonBefore
-      })), fetchSuggestions ? searchContentMemo : contentMemo, addonAfter && jsx("div", Object.assign({
+      })), fetchSuggestions && !disabled ? searchContentMemo : contentMemo, addonAfter && jsx("div", Object.assign({
         className: "text-field-content-after",
         onClick: clickAfter
       }, {
         children: addonAfter
       }))]
-    })), jsx(HelperText, {
+    }));
+  };
+  var handleContentRender = function handleContentRender() {
+    if (disabledTooltip) {
+      return jsx(Tooltip, Object.assign({
+        disabled: true
+      }, disabledTooltip, {
+        children: contentRender()
+      }));
+    }
+    return contentRender();
+  };
+  return jsxs("div", Object.assign({
+    className: handClass(),
+    style: style
+  }, {
+    children: [outSideMemo, handleContentRender(), jsx(HelperText, {
       className: "text-field-error-text",
       error: error,
       helperText: helperText,

package/TimePicker/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Dayjs } from 'dayjs';
 import { PickerTimeProps, RangePickerTimeProps } from '../DatePicker/generatePicker';
+import { TooltipProps } from "../Tooltip";
 export interface TimePickerLocale {
     placeholder?: string;
     rangePlaceholder?: [string, string];
@@ -12,6 +13,10 @@ declare const RangePicker: React.ForwardRefExoticComponent<TimeRangePickerProps
 export interface TimePickerProps extends Omit<PickerTimeProps<Dayjs>, 'picker'> {
     addon?: () => React.ReactNode;
     popupClassName?: string;
+    /**
+     * 禁用提示
+     */
+    disabledTooltip?: TooltipProps;
 }
 declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<any>>;
 type MergedTimePicker = typeof TimePicker & {

package/TimePicker/index.js

@@ -2,35 +2,36 @@ import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import DatePicker from '../DatePicker/index.js';
+import { Tooltip } from '../Tooltip/index.js';
 import 'rc-picker/es/generate/dayjs';
 import '../Button/index.js';
-import '../_verture/typeof-498dd2b1.js';
-import '../_verture/slicedToArray-76060636.js';
+import '../_verture/typeof-adeedc13.js';
+import '../_verture/slicedToArray-a8206399.js';
 import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import 'clsx';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
-import '../Tooltip/index.js';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import '../_verture/constant-66aa48a1.js';
-import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Down';
-import '../_verture/index-77f9e0fb.js';
+import '../_verture/constant-0d9802f7.js';
+import '../_verture/style-inject.es-300983ab.js';
+import '../_verture/index-e9007d6a.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-87febeb9.js';
 import 'dayjs';
 import '@paraview/lib';
 import '../_verture/useFormatMessage-703f8b20.js';
 import '@para-ui/core/GlobalContext';
+import '../AutoTips/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
 import '../Tag/index.js';
-import '../_verture/defineProperty-62acccfc.js';
+import '../_verture/defineProperty-1d116156.js';
 import '@para-ui/icons/Close';
-import '../_verture/toConsumableArray-81040c9e.js';
-import '../AutoTips/index.js';
+import '@para-ui/icons/EditOutline';
+import '../_verture/toConsumableArray-8f4c9589.js';
 import '@para-ui/icons/Plus';
 import 'rc-picker';
-import '@para-ui/icons/CloseCircle';
+import '@para-ui/icons/CloseCircleF';
 import '@para-ui/icons/Calendar';
 import '@para-ui/icons/Time';
 import 'rc-picker/lib/locale/en_US';
@@ -52,11 +53,13 @@ var RangePicker = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     ref: ref
   }));
 });
-var TimePicker = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
-  var addon = _a.addon,
-    renderExtraFooter = _a.renderExtraFooter,
-    popupClassName = _a.popupClassName,
-    restProps = __rest(_a, ["addon", "renderExtraFooter", "popupClassName"]);
+var TimePicker = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+  var addon = props.addon,
+    renderExtraFooter = props.renderExtraFooter,
+    popupClassName = props.popupClassName,
+    disabled = props.disabled,
+    disabledTooltip = props.disabledTooltip,
+    restProps = __rest(props, ["addon", "renderExtraFooter", "popupClassName", "disabled", "disabledTooltip"]);
   var internalRenderExtraFooter = React__default.useMemo(function () {
     if (renderExtraFooter) {
       return renderExtraFooter;
@@ -66,12 +69,25 @@ var TimePicker = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
     }
     return undefined;
   }, [addon, renderExtraFooter]);
-  return jsx(InternalTimePicker, Object.assign({}, restProps, {
-    dropdownClassName: popupClassName,
-    mode: undefined,
-    ref: ref,
-    renderExtraFooter: internalRenderExtraFooter
-  }));
+  var renderPicker = function renderPicker() {
+    var component = jsx(InternalTimePicker, Object.assign({}, restProps, {
+      disabled: disabled,
+      picker: 'time',
+      dropdownClassName: popupClassName,
+      mode: undefined,
+      ref: ref,
+      renderExtraFooter: internalRenderExtraFooter
+    }));
+    if (disabled && disabledTooltip) {
+      return jsx(Tooltip, Object.assign({
+        disabled: true
+      }, disabledTooltip, {
+        children: component
+      }));
+    }
+    return component;
+  };
+  return renderPicker();
 });
 TimePicker.displayName = 'TimePicker';
 TimePicker.TimeRangePicker = RangePicker;

package/Timeline/TimelineItem.d.ts

@@ -3,7 +3,7 @@
  * @date 2022/6/9 下午7:27
  * @description
  */
-import React, { ReactNode } from 'react';
+import React, { ReactNode } from "react";
 export interface TimelineItemProps {
     /** item cls */
     className?: string;

package/Timeline/index.d.ts

@@ -3,9 +3,9 @@
  * @date 2022/6/9 下午7:21
  * @description Timeline
  */
-import React from 'react';
-import { TimelineItemProps } from './TimelineItem';
-import './index.scss';
+import React from "react";
+import { TimelineItemProps } from "./TimelineItem";
+import "./index.scss";
 export interface TimelineProps {
     /** cls */
     className?: string;
@@ -18,8 +18,8 @@ export interface TimelineProps {
     /** 节点排序 */
     reverse?: boolean;
     /** 改变时间轴和内容的相对位置 */
-    mode?: 'left' | 'alternate' | 'right';
-    align?: 'left' | 'alternate' | 'right';
+    mode?: "left" | "alternate" | "right" | "double";
+    align?: "left" | "alternate" | "right" | "double";
     /** timeline item */
     data?: TimelineItemProps[];
     [name: string]: any;

package/Timeline/index.js

@@ -1,11 +1,11 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
 import { _ as __rest } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import clsx from 'clsx';
-import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { a as $rcPrefixCls, $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/typeof-498dd2b1.js';
+import '../_verture/typeof-adeedc13.js';
 
 //TimelineItem
 var TimelineItem = function TimelineItem(props) {
@@ -49,7 +49,7 @@ var TimelineItem = function TimelineItem(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/9 下午8:00\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-timeline {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  line-height: 1.5715;\n  list-style: none;\n}\n.paraui-v3-timeline .component-timeline-item {\n  position: relative;\n  margin: 0;\n  min-height: 70px;\n  padding-bottom: 20px;\n  font-size: 14px;\n  list-style: none;\n}\n.paraui-v3-timeline .component-timeline-item-disabled .component-timeline-item-head:not(.component-timeline-item-head-custom) {\n  background-color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-timeline .component-timeline-item-disabled .component-timeline-item-head svg {\n  color: rgba(171, 176, 185, 0.4);\n}\n.paraui-v3-timeline .component-timeline-item-disabled .component-timeline-item-content {\n  color: rgba(46, 55, 67, 0.4);\n}\n.paraui-v3-timeline .component-timeline-item-tail {\n  position: absolute;\n  top: 16px;\n  bottom: 8px;\n  left: 3.5px;\n  border-left: 1px solid rgba(171, 176, 185, 0.2);\n}\n.paraui-v3-timeline .component-timeline-item-pending .component-timeline-item-head {\n  font-size: 12px;\n  background-color: transparent;\n}\n.paraui-v3-timeline .component-timeline-item-pending .component-timeline-item-tail {\n  display: none;\n}\n.paraui-v3-timeline .component-timeline-item-head {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: rgb(54, 102, 214);\n  border-radius: 100px;\n}\n.paraui-v3-timeline .component-timeline-item-head-custom {\n  position: absolute;\n  top: 5.5px;\n  left: 5px;\n  width: auto;\n  height: auto;\n  margin-top: 0;\n  padding: 3px 1px;\n  line-height: 1;\n  text-align: center;\n  border: 0;\n  border-radius: 0;\n  background-color: transparent;\n  transform: translate(-50%, -50%);\n}\n.paraui-v3-timeline .component-timeline-item-content {\n  position: relative;\n  top: -7px;\n  margin: 0 0 0 20px;\n  word-break: break-word;\n}\n.paraui-v3-timeline .component-timeline-item-last > .component-timeline-item-tail {\n  display: none;\n}\n.paraui-v3-timeline .component-timeline-item-last > .component-timeline-item-content {\n  min-height: 48px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head-custom {\n  left: 50%;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head {\n  margin-left: -4px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-head-custom,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-head-custom {\n  margin-left: 1px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-left .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-left .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-left .component-timeline-item-content {\n  left: calc(50% - 4px);\n  width: calc(50% - 14px);\n  text-align: left;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-alternate .component-timeline-item-right .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-content,\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-right .component-timeline-item-content {\n  width: calc(50% - 12px);\n  margin: 0;\n  text-align: right;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-tail,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-head,\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-head-custom {\n  left: calc(100% - 4px - 2px);\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-right .component-timeline-item-right .component-timeline-item-content {\n  width: calc(100% - 18px);\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-pending .component-timeline-item-last .component-timeline-item-tail {\n  display: block;\n  height: calc(100% - 14px);\n  border-left: 2px dotted #f0f0f0;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-reverse .component-timeline-item-last .component-timeline-item-tail {\n  display: none;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-reverse .component-timeline-item-pending .component-timeline-item-tail {\n  top: 15px;\n  display: block;\n  height: calc(100% - 15px);\n  border-left: 2px dotted #f0f0f0;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-reverse .component-timeline-item-pending .component-timeline-item-content {\n  min-height: 48px;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-label {\n  position: absolute;\n  top: -7.001px;\n  width: calc(50% - 12px);\n  text-align: right;\n}\n\n.paraui-v3-timeline.paraui-v3-timeline-label .component-timeline-item-right .component-timeline-item-label {\n  left: calc(50% + 14px);\n  width: calc(50% - 14px);\n  text-align: left;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/6/9 下午8:00\n* @description\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-timeline {\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  line-height: 1.5715;\n  list-style: none;\n}\n.paraui-v4-timeline .component-timeline-item {\n  position: relative;\n  margin: 0;\n  min-height: 70px;\n  padding-bottom: 20px;\n  font-size: 14px;\n  list-style: none;\n}\n.paraui-v4-timeline .component-timeline-item-disabled .component-timeline-item-head:not(.component-timeline-item-head-custom) {\n  background-color: rgb(161, 168, 179);\n}\n.paraui-v4-timeline .component-timeline-item-disabled .component-timeline-item-head svg {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-timeline .component-timeline-item-disabled .component-timeline-item-content {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-timeline .component-timeline-item-tail {\n  position: absolute;\n  top: 16px;\n  bottom: 8px;\n  left: 3.5px;\n  border-left: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-timeline .component-timeline-item-pending .component-timeline-item-head {\n  font-size: 12px;\n  background-color: transparent;\n}\n.paraui-v4-timeline .component-timeline-item-pending .component-timeline-item-tail {\n  display: none;\n}\n.paraui-v4-timeline .component-timeline-item-head {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n  background-color: rgb(46, 101, 230);\n  border-radius: 100px;\n}\n.paraui-v4-timeline .component-timeline-item-head-custom {\n  position: absolute;\n  top: 5.5px;\n  left: 5px;\n  width: auto;\n  height: auto;\n  margin-top: 0;\n  padding: 3px 1px;\n  line-height: 1;\n  text-align: center;\n  border: 0;\n  border-radius: 0;\n  background-color: transparent;\n  transform: translate(-50%, -50%);\n}\n.paraui-v4-timeline .component-timeline-item-content {\n  position: relative;\n  top: -7px;\n  margin: 0 0 0 20px;\n  word-break: break-word;\n}\n.paraui-v4-timeline .component-timeline-item-last > .component-timeline-item-tail {\n  display: none;\n}\n.paraui-v4-timeline .component-timeline-item-last > .component-timeline-item-content {\n  min-height: 48px;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-tail,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-tail,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-tail,\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-head-custom,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-head-custom,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-head-custom {\n  left: 50%;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-double .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-head {\n  margin-left: -4px;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-head-custom,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-head-custom,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-head-custom {\n  margin-left: 1px;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-left .component-timeline-item-content,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-left .component-timeline-item-content,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-left .component-timeline-item-content {\n  left: calc(50% - 4px);\n  width: calc(50% - 14px);\n  text-align: left;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-double .component-timeline-item-double .component-timeline-item-content,\n.paraui-v4-timeline.paraui-v4-timeline-double .component-timeline-item-double .component-timeline-item-content,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-double .component-timeline-item-content {\n  left: calc(50% - 4px);\n  width: calc(50% - 14px);\n  text-align: left;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-right .component-timeline-item-content,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-right .component-timeline-item-content,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-right .component-timeline-item-content {\n  width: calc(50% - 12px);\n  margin: 0;\n  text-align: right;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-right .component-timeline-item-tail,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-right .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-right .component-timeline-item-head-custom {\n  left: calc(100% - 4px - 2px);\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-right .component-timeline-item-content {\n  width: calc(100% - 18px);\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-pending .component-timeline-item-last .component-timeline-item-tail {\n  display: block;\n  height: calc(100% - 14px);\n  border-left: 2px dotted #f0f0f0;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-reverse .component-timeline-item-last .component-timeline-item-tail {\n  display: none;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-reverse .component-timeline-item-pending .component-timeline-item-tail {\n  top: 15px;\n  display: block;\n  height: calc(100% - 15px);\n  border-left: 2px dotted #f0f0f0;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-reverse .component-timeline-item-pending .component-timeline-item-content {\n  min-height: 48px;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-label {\n  position: absolute;\n  top: -7.001px;\n  width: calc(50% - 12px);\n  text-align: right;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-right .component-timeline-item-label {\n  left: calc(50% + 14px);\n  width: calc(50% - 14px);\n  text-align: left;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-tail,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-tail,\n.paraui-v4-timeline.paraui-v4-timeline-double .component-timeline-item-tail,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-tail,\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-double .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-head,\n.paraui-v4-timeline.paraui-v4-timeline-alternate .component-timeline-item-head-custom,\n.paraui-v4-timeline.paraui-v4-timeline-right .component-timeline-item-head-custom,\n.paraui-v4-timeline.paraui-v4-timeline-label .component-timeline-item-head-custom {\n  left: 50%;\n}\n\n.paraui-v4-timeline.paraui-v4-timeline-double .component-timeline-item-label {\n  position: absolute;\n  inset-block-start: -6px;\n  width: calc(50% - 14px);\n  text-align: end;\n}";
 styleInject(css_248z);
 
 //Timeline
@@ -63,13 +63,13 @@ var Timeline = function Timeline(props) {
     _props$reverse = props.reverse,
     reverse = _props$reverse === void 0 ? false : _props$reverse,
     _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'left' : _props$mode,
+    mode = _props$mode === void 0 ? "left" : _props$mode,
     align = props.align,
     data = props.data,
     restProps = __rest(props, ["pending", "pendingDot", "children", "className", "reverse", "mode", "align", "data"]);
   var prefixCls = "".concat($prefixCls, "-timeline");
   var innerMode = align !== null && align !== void 0 ? align : mode; //时间轴和内容相对位置
-  var pendingNode = typeof pending === 'boolean' ? null : pending; //是否有幽灵节点
+  var pendingNode = typeof pending === "boolean" ? null : pending; //是否有幽灵节点
   //pending节点项
   var pendingItem = pending ? jsx(TimelineItem, Object.assign({
     pending: !!pending,
@@ -86,15 +86,16 @@ var Timeline = function Timeline(props) {
   //position cls
   var getPositionCls = function getPositionCls(ele, idx) {
     var _a, _b, _c;
-    if (innerMode === 'alternate') {
-      if (((_a = ele === null || ele === void 0 ? void 0 : ele.props) === null || _a === void 0 ? void 0 : _a.position) === 'right') return "".concat($rcPrefixCls, "-timeline-item-right");
-      if (((_b = ele === null || ele === void 0 ? void 0 : ele.props) === null || _b === void 0 ? void 0 : _b.position) === 'left') return "".concat($rcPrefixCls, "-timeline-item-left");
+    if (innerMode === "alternate") {
+      if (((_a = ele === null || ele === void 0 ? void 0 : ele.props) === null || _a === void 0 ? void 0 : _a.position) === "right") return "".concat($rcPrefixCls, "-timeline-item-right");
+      if (((_b = ele === null || ele === void 0 ? void 0 : ele.props) === null || _b === void 0 ? void 0 : _b.position) === "left") return "".concat($rcPrefixCls, "-timeline-item-left");
       return idx % 2 === 0 ? "".concat($rcPrefixCls, "-timeline-item-left") : "".concat($rcPrefixCls, "-timeline-item-right");
     }
-    if (innerMode === 'left') return "".concat($rcPrefixCls, "-timeline-item-left");
-    if (innerMode === 'right') return "".concat($rcPrefixCls, "-timeline-item-right");
-    if (((_c = ele === null || ele === void 0 ? void 0 : ele.props) === null || _c === void 0 ? void 0 : _c.position) === 'right') return "".concat($rcPrefixCls, "-timeline-item-right");
-    return '';
+    if (innerMode === "left") return "".concat($rcPrefixCls, "-timeline-item-left");
+    if (innerMode === "right") return "".concat($rcPrefixCls, "-timeline-item-right");
+    if (innerMode === "double") return "".concat($rcPrefixCls, "-timeline-item-double");
+    if (((_c = ele === null || ele === void 0 ? void 0 : ele.props) === null || _c === void 0 ? void 0 : _c.position) === "right") return "".concat($rcPrefixCls, "-timeline-item-right");
+    return "";
   };
   //实际渲染项
   var truthyItems = timeLineItems.filter(function (item) {
@@ -103,8 +104,8 @@ var Timeline = function Timeline(props) {
   var itemsCount = React__default.Children.count(truthyItems);
   var lastCls = "".concat($rcPrefixCls, "-timeline-item-last");
   var items = React__default.Children.map(truthyItems, function (ele, idx) {
-    var pendingClass = idx === itemsCount - 2 ? lastCls : '';
-    var readyClass = idx === itemsCount - 1 ? lastCls : '';
+    var pendingClass = idx === itemsCount - 2 ? lastCls : "";
+    var readyClass = idx === itemsCount - 1 ? lastCls : "";
     return /*#__PURE__*/React__default.cloneElement(ele, {
       className: clsx([ele.props.className, !reverse && !!pending ? pendingClass : readyClass, getPositionCls(ele, idx)])
     });
@@ -126,10 +127,12 @@ var Timeline = function Timeline(props) {
         content = item.content,
         _item$disabled = item.disabled,
         disabled = _item$disabled === void 0 ? false : _item$disabled,
-        className = item.className;
-      var pendingClass = idx === itemsCount - 2 ? lastCls : '';
-      var readyClass = idx === itemsCount - 1 ? lastCls : '';
+        className = item.className,
+        label = item.label;
+      var pendingClass = idx === itemsCount - 2 ? lastCls : "";
+      var readyClass = idx === itemsCount - 1 ? lastCls : "";
       return jsx(TimelineItem, Object.assign({
+        label: innerMode === 'double' && label,
         dot: dotIcon,
         className: clsx([className, _defineProperty({}, "".concat($rcPrefixCls, "-timeline-item-disabled"), disabled), !reverse && !!pending ? pendingClass : readyClass, getPositionCls(null, idx)])
       }, {