@para-ui/core 5.0.0-beta.1 → 5.0.0-beta.10

package/lib/InputNumber/index.d.ts

@@ -1,8 +1,8 @@
-import { default as React, FunctionComponent, ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { LabelTooltipProps } from '../Label';
 import { HelperTextDetailProps } from '../HelperText';
 import { TooltipProps } from '../Tooltip';
-export interface InputNumberProps extends HelperTextDetailProps {
+export interface InputNumberProps<Clearable extends boolean = false> extends HelperTextDetailProps {
     /** 样式class */
     className?: string;
     /** style */
@@ -47,6 +47,12 @@ export interface InputNumberProps extends HelperTextDetailProps {
     autoFocus?: boolean;
     /** 只读 */
     readOnly?: boolean;
+    /**
+     * 是否允许清空（清空后 onChange 回传 null）；
+     * 默认 false 时 onChange 入参收敛为 number，清空操作会被组件内部拦截并在失焦时回填上一次有效值；
+     * 显式 true 时 onChange 入参为 number | null，沿用历史行为
+     */
+    clearable?: Clearable;
     /** 指定输入框展示值的格式 */
     formatter?: (value: number | string, info: {
         userTyping: boolean;
@@ -55,15 +61,15 @@ export interface InputNumberProps extends HelperTextDetailProps {
     /** 指定从 formatter 里转换回数字的方式，和 formatter 搭配使用 */
     parser?: (displayValue: string) => number;
     /** 默认值 不受控 */
-    defaultValue?: number | null;
+    defaultValue?: Clearable extends true ? number | null : number | undefined;
     /** 默认值 受控 */
-    value?: number | null;
+    value?: Clearable extends true ? number | null : number | undefined;
     /** 前缀 */
     addonBefore?: ReactNode;
     /** 后缀 */
     addonAfter?: ReactNode;
-    /** 改变事件 number / null */
-    onChange?: (value: number | null) => void;
+    /** 改变事件 number（默认）或 number | null（clearable=true） */
+    onChange?: (value: Clearable extends true ? number | null : number) => void;
     /** 回车事件 */
     onEnter?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     /** 失去焦点 */
@@ -73,5 +79,5 @@ export interface InputNumberProps extends HelperTextDetailProps {
     /** name */
     name?: string;
 }
-export declare const InputNumber: FunctionComponent<InputNumberProps>;
+export declare function InputNumber<C extends boolean = false>(props: InputNumberProps<C>): JSX.Element;
 export default InputNumber;

package/lib/InputNumber/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const n=require("../_virtual/jsx-runtime.js"),l=require("react"),xe=require("rc-input-number"),fe=require("@para-ui/icons/Up"),pe=require("@para-ui/icons/Down"),be=require("../Label/index.js"),je=require("../HelperText/index.js"),T=require("../Tooltip/index.js"),s=require("../GlobalContext/constant.js");;/* empty css            */const z=o=>{const{className:q,style:G,step:h=1,min:i,max:u,size:g="large",placeholder:B="",label:m,labelTooltip:x,labelMode:R="outside",labelSign:a,btnMode:v="tb",disabled:d=!1,disabledTooltip:F,disabledTooltipAdd:J,disabledTooltipReduce:K,readOnly:f=!1,disabledAdd:M=!1,disabledReduce:P=!1,required:p=!1,error:V=!1,hideErrorDom:Q,helperText:U="",keyboard:W=!0,autoFocus:X=!1,formatter:Y,parser:Z,value:b,onChange:k,onEnter:ee,onBlur:S,onFocus:w,addonBefore:C,addonAfter:E,...ne}=o,[_,A]=l.useState(!1),[$,N]=l.useState(),D=l.useRef(null);l.useEffect(()=>{o.defaultValue!==void 0&&N(o.defaultValue)},[]),l.useEffect(()=>{b!==void 0&&N(b)},[b]);const I=()=>o.value===void 0?$:b,te=()=>{if(d||f)return;D?.current?.focus()},se=e=>{A(!0),w&&w(e)},re=e=>{A(!1),S&&S(e)},L=(e,...r)=>{const t=Math.pow(10,12),c=r.map(me=>Math.round(me*t)).reduce(e)/t;return parseFloat(c.toFixed(12))},O=e=>()=>{if(e==="add"&&(d||M||f)||e==="reduce"&&(d||P||f))return;const r=$===void 0?0:Number($);let t;if(e==="add"){if(u!==void 0&&r>=u)return;t=L((j,c)=>j+c,r,h),u!==void 0&&t>u&&(t=u)}else{if(i!==void 0&&r<=i)return;t=L((j,c)=>j-c,r,h),i!==void 0&&t<i&&(t=i)}y(t)},y=e=>{o.value===void 0&&N(e),k&&k(e)},oe=l.useMemo(()=>{if(R==="outside"&&!!(p||a||m)){const r=()=>{let t="input-number-label";return x&&x.className&&(t+=` ${x.className}`),t};return n.jsxRuntimeExports.jsx(be.default,{label:m,required:p,labelSign:a,...x,className:r()})}},[R,m,a,p]),ie=()=>{const e=I();if(_||e!=null)return;const r=()=>R==="outside"?B:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[m||B,p&&n.jsxRuntimeExports.jsx("span",{className:"input-number-required",children:"*"}),a&&n.jsxRuntimeExports.jsx("span",{children:a})]});return n.jsxRuntimeExports.jsx("span",{className:"input-number-label-placeholder",onClick:te,children:r()})},ue=()=>{if(E)return n.jsxRuntimeExports.jsx("div",{className:"input-number-content-after",children:E})},le=()=>{if(C)return n.jsxRuntimeExports.jsx("div",{className:"input-number-content-before",children:C})},ae=()=>v==="none"?null:n.jsxRuntimeExports.jsxs("div",{className:"input-number-btn",children:[n.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,placement:"top-end",...J,children:n.jsxRuntimeExports.jsx("span",{className:"tb-btn-top",onClick:O("add"),children:n.jsxRuntimeExports.jsx(fe,{})})}),n.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,placement:"bottom-end",...K,children:n.jsxRuntimeExports.jsx("span",{className:"tb-btn-bottom",onClick:O("reduce"),children:n.jsxRuntimeExports.jsx(pe,{})})})]}),H=()=>n.jsxRuntimeExports.jsxs("div",{className:"input-number-content",children:[le(),n.jsxRuntimeExports.jsxs("div",{className:"input-number-content-within",children:[n.jsxRuntimeExports.jsx(xe,{ref:D,step:h,min:i,max:u,keyboard:W,disabled:d,value:I()??void 0,defaultValue:o.defaultValue===null?void 0:o.defaultValue,autoFocus:X,readOnly:f,formatter:Y,parser:Z,prefixCls:s.$rcPrefixCls,onChange:y,onFocus:se,onBlur:re,onPressEnter:ee,...ne}),ie()]}),ue(),ae()]}),de=()=>F?n.jsxRuntimeExports.jsx(T.Tooltip,{disabled:!0,...F,children:H()}):H(),ce=()=>{let e=`${s.$prefixCls}-input-number `;return q&&(e+=` ${q}`),g&&(e+=` ${s.$prefixCls}-input-number-${g}`),v&&(e+=` ${s.$prefixCls}-input-number-${v==="none"?"none":"tb"}`),_&&(e+=` ${s.$prefixCls}-input-number-focus`),d&&(e+=` ${s.$prefixCls}-input-number-disabled`),M&&(e+=` ${s.$prefixCls}-input-number-disabled-add`),P&&(e+=` ${s.$prefixCls}-input-number-disabled-reduce`),V&&(e+=` ${s.$prefixCls}-input-number-error`),E&&(e+=` ${s.$prefixCls}-input-number-after`),C&&(e+=` ${s.$prefixCls}-input-number-before`),e};return n.jsxRuntimeExports.jsxs("div",{className:ce(),style:G,children:[oe,de(),n.jsxRuntimeExports.jsx(je.default,{className:"input-number-error-text",error:V,helperText:U,hideErrorDom:Q})]})};exports.InputNumber=z;exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const n=require("../_virtual/jsx-runtime.js"),i=require("react"),pe=require("rc-input-number"),be=require("../node_modules/@para-ui/icons/Up/index.js"),je=require("../node_modules/@para-ui/icons/Down/index.js"),he=require("../Label/index.js"),ve=require("../HelperText/index.js"),q=require("../Tooltip/index.js"),u=require("../GlobalContext/constant.js");;/* empty css            */function G(s){const{className:g,style:J,step:R=1,min:o,max:l,size:B="large",placeholder:F="",label:p,labelTooltip:b,labelMode:C="outside",labelSign:d,btnMode:E="tb",disabled:c=!1,disabledTooltip:M,disabledTooltipAdd:K,disabledTooltipReduce:Q,readOnly:j=!1,disabledAdd:P=!1,disabledReduce:S=!1,required:h=!1,error:k=!1,hideErrorDom:W,helperText:X="",keyboard:Y=!0,autoFocus:Z=!1,formatter:ee,parser:ne,value:a,clearable:w=!1,onChange:_,onEnter:te,onBlur:A,onFocus:D,addonBefore:$,addonAfter:N,...re}=s,[I,L]=i.useState(!1),[T,f]=i.useState(),V=i.useRef(null),m=i.useRef(void 0);i.useEffect(()=>{s.defaultValue!==void 0&&s.defaultValue!==null?(f(s.defaultValue),m.current=s.defaultValue):s.defaultValue!==void 0&&f(s.defaultValue)},[]),i.useEffect(()=>{a!==void 0&&(f(a),a!==null&&(m.current=a))},[a]);const O=()=>s.value===void 0?T:a,se=()=>{if(c||j)return;V?.current?.focus()},ue=e=>{L(!0),D&&D(e)},ie=e=>{if(L(!1),!w){const r=V.current;if(r&&r.value===""&&m.current!==void 0){const t=m.current;s.value===void 0?f(t):r.value=String(t)}}A&&A(e)},y=(e,...r)=>{const t=Math.pow(10,12),x=r.map(xe=>Math.round(xe*t)).reduce(e)/t;return parseFloat(x.toFixed(12))},H=e=>()=>{if(e==="add"&&(c||P||j)||e==="reduce"&&(c||S||j))return;const r=T===void 0?0:Number(T);let t;if(e==="add"){if(l!==void 0&&r>=l)return;t=y((v,x)=>v+x,r,R),l!==void 0&&t>l&&(t=l)}else{if(o!==void 0&&r<=o)return;t=y((v,x)=>v-x,r,R),o!==void 0&&t<o&&(t=o)}z(t)},z=e=>{!w&&e===null||(e!=null&&(m.current=e),s.value===void 0&&f(e),_&&_(e))},oe=i.useMemo(()=>{if(C==="outside"&&!!(h||d||p)){const r=()=>{let t="input-number-label";return b&&b.className&&(t+=` ${b.className}`),t};return n.jsxRuntimeExports.jsx(he.default,{label:p,required:h,labelSign:d,...b,className:r()})}},[C,p,d,h]),le=()=>{const e=O();if(I||e!=null)return;const r=()=>C==="outside"?F:n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[p||F,h&&n.jsxRuntimeExports.jsx("span",{className:"input-number-required",children:"*"}),d&&n.jsxRuntimeExports.jsx("span",{children:d})]});return n.jsxRuntimeExports.jsx("span",{className:"input-number-label-placeholder",onClick:se,children:r()})},ae=()=>{if(N)return n.jsxRuntimeExports.jsx("div",{className:"input-number-content-after",children:N})},de=()=>{if($)return n.jsxRuntimeExports.jsx("div",{className:"input-number-content-before",children:$})},ce=()=>E==="none"?null:n.jsxRuntimeExports.jsxs("div",{className:"input-number-btn",children:[n.jsxRuntimeExports.jsx(q.Tooltip,{disabled:!0,placement:"top-end",...K,children:n.jsxRuntimeExports.jsx("span",{className:"tb-btn-top",onClick:H("add"),children:n.jsxRuntimeExports.jsx(be.Up,{})})}),n.jsxRuntimeExports.jsx(q.Tooltip,{disabled:!0,placement:"bottom-end",...Q,children:n.jsxRuntimeExports.jsx("span",{className:"tb-btn-bottom",onClick:H("reduce"),children:n.jsxRuntimeExports.jsx(je.Down,{})})})]}),U=()=>n.jsxRuntimeExports.jsxs("div",{className:"input-number-content",children:[de(),n.jsxRuntimeExports.jsxs("div",{className:"input-number-content-within",children:[n.jsxRuntimeExports.jsx(pe,{ref:V,step:R,min:o,max:l,keyboard:Y,disabled:c,value:O()??void 0,defaultValue:s.defaultValue===null?void 0:s.defaultValue,autoFocus:Z,readOnly:j,formatter:ee,parser:ne,prefixCls:u.$rcPrefixCls,onChange:z,onFocus:ue,onBlur:ie,onPressEnter:te,...re}),le()]}),ae(),ce()]}),fe=()=>M?n.jsxRuntimeExports.jsx(q.Tooltip,{disabled:!0,...M,children:U()}):U(),me=()=>{let e=`${u.$prefixCls}-input-number `;return g&&(e+=` ${g}`),B&&(e+=` ${u.$prefixCls}-input-number-${B}`),E&&(e+=` ${u.$prefixCls}-input-number-${E==="none"?"none":"tb"}`),I&&(e+=` ${u.$prefixCls}-input-number-focus`),c&&(e+=` ${u.$prefixCls}-input-number-disabled`),P&&(e+=` ${u.$prefixCls}-input-number-disabled-add`),S&&(e+=` ${u.$prefixCls}-input-number-disabled-reduce`),k&&(e+=` ${u.$prefixCls}-input-number-error`),N&&(e+=` ${u.$prefixCls}-input-number-after`),$&&(e+=` ${u.$prefixCls}-input-number-before`),e};return n.jsxRuntimeExports.jsxs("div",{className:me(),style:J,children:[oe,fe(),n.jsxRuntimeExports.jsx(ve.default,{className:"input-number-error-text",error:k,helperText:X,hideErrorDom:W})]})}exports.InputNumber=G;exports.default=G;
 //# sourceMappingURL=index.js.map

package/lib/Loading/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),n=require("react"),c=require("@para-ui/icons/LoadingF"),d=require("../GlobalContext/constant.js");;/* empty css            */const i=o=>{const{className:s,style:a,opacity:u=.7}=o,e=n.useRef(null);n.useEffect(()=>{e&&e.current&&e.current.parentNode&&(e.current.parentNode.style.position||(e.current.parentNode.style.position="relative"))},[]);const l=()=>{let r=`${d.$prefixCls}-loading`;return s&&(r+=` ${s}`),r};return t.jsxRuntimeExports.jsxs("div",{className:l(),style:a,ref:e,children:[t.jsxRuntimeExports.jsx("div",{className:"loading-box",children:t.jsxRuntimeExports.jsx(c,{})}),t.jsxRuntimeExports.jsx("div",{className:"loading-mask",style:{opacity:u}})]})};exports.Loading=i;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../_virtual/jsx-runtime.js"),n=require("react"),c=require("../node_modules/@para-ui/icons/LoadingF/index.js"),d=require("../GlobalContext/constant.js");;/* empty css            */const i=o=>{const{className:t,style:a,opacity:u=.7}=o,e=n.useRef(null);n.useEffect(()=>{e&&e.current&&e.current.parentNode&&(e.current.parentNode.style.position||(e.current.parentNode.style.position="relative"))},[]);const l=()=>{let r=`${d.$prefixCls}-loading`;return t&&(r+=` ${t}`),r};return s.jsxRuntimeExports.jsxs("div",{className:l(),style:a,ref:e,children:[s.jsxRuntimeExports.jsx("div",{className:"loading-box",children:s.jsxRuntimeExports.jsx(c.LoadingF,{})}),s.jsxRuntimeExports.jsx("div",{className:"loading-mask",style:{opacity:u}})]})};exports.Loading=i;exports.default=i;
 //# sourceMappingURL=index.js.map

package/lib/Menu/footerExpansion.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../_virtual/jsx-runtime.js"),d=require("@para-ui/icons/IndentRightFill"),E=require("@para-ui/icons/IndentLeftFill"),l=p=>{const{expansion:s=!0,expandIcon:r,shrinkIcon:t,customizeContent:o,clickExpansion:i,version:c,render:u,className:x}=p,a=()=>{i&&i(!s)},m=()=>{if(u)return u;if(o)return o;const e=()=>s?r||n.jsxRuntimeExports.jsx("span",{className:"icon",children:n.jsxRuntimeExports.jsx(E,{onClick:a})}):t||n.jsxRuntimeExports.jsx("span",{className:"icon",children:n.jsxRuntimeExports.jsx(d,{onClick:a})});return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[e(),s&&c&&n.jsxRuntimeExports.jsx("span",{className:"version",children:c})]})},j=()=>{let e="footer-expansion";return x&&(e+=` ${x}`),s||(e+=" footer-expansion-shrink"),e};return n.jsxRuntimeExports.jsx("div",{className:j(),children:m()})};exports.FooterExpansion=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../_virtual/jsx-runtime.js"),j=require("../node_modules/@para-ui/icons/IndentRightFill/index.js"),f=require("../node_modules/@para-ui/icons/IndentLeftFill/index.js"),l=p=>{const{expansion:s=!0,expandIcon:t,shrinkIcon:r,customizeContent:i,clickExpansion:o,version:x,render:c,className:a}=p,u=()=>{o&&o(!s)},d=()=>{if(c)return c;if(i)return i;const e=()=>s?t||n.jsxRuntimeExports.jsx("span",{className:"icon",children:n.jsxRuntimeExports.jsx(f.IndentLeftFill,{onClick:u})}):r||n.jsxRuntimeExports.jsx("span",{className:"icon",children:n.jsxRuntimeExports.jsx(j.IndentRightFill,{onClick:u})});return n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[e(),s&&x&&n.jsxRuntimeExports.jsx("span",{className:"version",children:x})]})},m=()=>{let e="footer-expansion";return a&&(e+=` ${a}`),s||(e+=" footer-expansion-shrink"),e};return n.jsxRuntimeExports.jsx("div",{className:m(),children:d()})};exports.FooterExpansion=l;exports.default=l;
 //# sourceMappingURL=footerExpansion.js.map

package/lib/Menu/index.d.ts

@@ -2,3 +2,4 @@ import { FunctionComponent } from 'react';
 import { MenuProps } from './interface';
 export declare const Menu: FunctionComponent<MenuProps>;
 export default Menu;
+export type * from './interface';

package/lib/Menu/style/index.css

@@ -1 +1 @@
-.paraui-v4-vertical-menu{width:100%;height:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo{width:100%;display:inline-block;padding:20px 16px 0 16px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo.menu-logo-shrink{padding:20px 0 0}.paraui-v4-vertical-menu>.vertical-menu-list{overflow:hidden;height:100%;position:relative}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span>svg{transform:rotate(180deg);font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{cursor:pointer;display:flex;border-radius:4px;text-decoration:none}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon{width:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{font-size:14px;width:100%;white-space:nowrap;font-weight:400;display:flex;align-items:center;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon{opacity:0;line-height:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open>.vertical-menu-list-item-content>.menu-item-arrow>svg{transform:rotate(180deg)}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span>svg{font-size:18px}.paraui-v4-vertical-menu>.footer-expansion{display:flex;align-items:center;width:100%;padding-bottom:16px;white-space:nowrap;height:48px;padding-left:16px}.paraui-v4-vertical-menu>.footer-expansion>.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:32px;height:32px;border-radius:4px}.paraui-v4-vertical-menu>.footer-expansion>.icon svg{font-size:24px}.paraui-v4-vertical-menu>.footer-expansion>.version{font-size:14px;width:calc(100% - 32px);text-align:right;padding-right:20px;padding-left:12px}.paraui-v4-vertical-menu>.footer-expansion.footer-expansion-shrink{justify-content:center;padding-left:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child{margin-bottom:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{display:flex;justify-content:center;align-items:center;border-radius:4px;position:relative}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{position:relative;font-size:20px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{position:absolute;height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 1px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list{padding:24px 16px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:40px;height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:20px;top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list{padding:24px 12px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:36px;height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:18px;top:1px}.paraui-v4-vertical-menu-item-popper{padding-left:8px;z-index:1500}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content{box-shadow:1px 1px 10px 2px rgba(212,218,227,.4);border-radius:4px;border:1px solid rgba(212,218,227,.4);padding:4px 0;max-height:320px;overflow-y:auto;overflow-x:hidden}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:200px;padding:0px 10px;display:flex;cursor:pointer;text-decoration:none;height:30px;line-height:30px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;content:""}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{width:16px;display:none;justify-content:center;align-items:center;margin-right:12px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{font-size:20px;position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{font-size:14px;width:100%;font-weight:400;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis;flex:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s;position:relative;transform:rotate(270deg)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{position:relative;z-index:10;opacity:0;line-height:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-deep{background-color:#1c293c}.paraui-v4-vertical-menu-deep>.menu-logo{color:#fff}.paraui-v4-vertical-menu-deep>.menu-logo svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#223666}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon{background:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon svg{color:#fff}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.footer-expansion>.version{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-light{background:#f7f8fa}.paraui-v4-vertical-menu-light>.menu-logo{color:#2e65e6}.paraui-v4-vertical-menu-light>.menu-logo svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon{background:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon svg{color:#1d2126}.paraui-v4-vertical-menu-light>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.footer-expansion>.version{color:#1d2126}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content{background-color:#1c293c;color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#223666}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#223666}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:rgba(255,255,255,.5)}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content{background-color:#fff;color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#eaecf1}
+.paraui-v4-vertical-menu{width:100%;height:100%;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo{width:100%;display:inline-block;padding:20px 16px 0 16px;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;font-size:14px;font-weight:400}.paraui-v4-vertical-menu>.menu-logo.menu-logo-shrink{padding:20px 0 0}.paraui-v4-vertical-menu>.vertical-menu-list{overflow:hidden;height:100%;position:relative}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-top>span>svg{transform:rotate(180deg);font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll{transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item:last-child{margin-bottom:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{cursor:pointer;display:flex;border-radius:4px;text-decoration:none}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon{width:20px;margin-right:10px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{font-size:18px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{font-size:14px;width:100%;white-space:nowrap;font-weight:400;display:flex;align-items:center;overflow:hidden}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon{opacity:0;line-height:0}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-open>.vertical-menu-list-item-content>.menu-item-arrow>svg{transform:rotate(180deg)}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span{width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer}.paraui-v4-vertical-menu>.vertical-menu-list>.scroll-bottom>span>svg{font-size:18px}.paraui-v4-vertical-menu>.footer-expansion{display:flex;align-items:center;width:100%;padding-bottom:16px;white-space:nowrap;height:48px;padding-left:16px}.paraui-v4-vertical-menu>.footer-expansion>.icon{display:flex;align-items:center;justify-content:center;cursor:pointer;width:32px;height:32px;border-radius:4px}.paraui-v4-vertical-menu>.footer-expansion>.icon svg{font-size:24px}.paraui-v4-vertical-menu>.footer-expansion>.version{font-size:14px;width:calc(100% - 32px);text-align:right;padding-right:20px;padding-left:12px}.paraui-v4-vertical-menu>.footer-expansion.footer-expansion-shrink{justify-content:center;padding-left:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box{height:100%;overflow:hidden}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink{display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:last-child{margin-bottom:0}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{display:flex;justify-content:center;align-items:center;border-radius:4px;position:relative}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{position:relative;font-size:20px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{position:absolute;height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 1px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list{padding:24px 16px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:8px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:40px;height:40px;line-height:40px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-large.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:20px;top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list{padding:24px 12px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item{margin-bottom:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.li-collapse>div>div>.vertical-menu-list-item:first-child{margin-top:4px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content{height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list{padding:24px 0px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{width:36px;height:36px;line-height:36px}.paraui-v4-vertical-menu.paraui-v4-vertical-menu-small.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>.menu-item-shrink-badge{left:18px;top:1px}.paraui-v4-vertical-menu-item-popper{padding-left:8px;z-index:1500}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content{box-shadow:1px 1px 10px 2px rgba(212,218,227,.4);border-radius:4px;border:1px solid rgba(212,218,227,.4);padding:4px 0;max-height:320px;overflow-y:auto;overflow-x:hidden}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item{position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:200px;padding:0px 10px;display:flex;cursor:pointer;text-decoration:none;height:30px;line-height:30px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;content:""}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon{width:16px;display:none;justify-content:center;align-items:center;margin-right:12px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{font-size:20px;position:relative}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{font-size:14px;width:100%;font-weight:400;white-space:nowrap;overflow:hidden;display:flex;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-label{overflow:hidden;text-overflow:ellipsis;flex:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge{height:16px;min-width:16px;color:#fff;background:#2e65e6;border-radius:8px;margin-left:10px;margin-right:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content>.menu-item-badge>span{height:16px;line-height:16px;transform:scale(0.8)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{width:16px;display:flex;justify-content:center;align-items:center}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{font-size:16px;transition:all .3s;position:relative;transform:rotate(270deg)}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg:after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.opacity-pos-svg{opacity:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{position:relative;z-index:10;opacity:0;line-height:0}.paraui-v4-vertical-menu-item-popper>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-deep{background-color:#1c293c}.paraui-v4-vertical-menu-deep>.menu-logo{color:#fff}.paraui-v4-vertical-menu-deep>.menu-logo svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#223666}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-deep>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon{background:#223666}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon svg{color:#fff}.paraui-v4-vertical-menu-deep>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-deep>.footer-expansion>.version{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#fff}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-deep.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#223666}.paraui-v4-vertical-menu-light{background:#f7f8fa}.paraui-v4-vertical-menu-light>.menu-logo{color:#2e65e6}.paraui-v4-vertical-menu-light>.menu-logo svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-top>span:hover>svg,.paraui-v4-vertical-menu-light>.vertical-menu-list>.scroll-bottom>span:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item>.vertical-menu-list-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-last>.vertical-menu-list-item-content,.paraui-v4-vertical-menu-light>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item.vertical-menu-list-item-select-retract>.vertical-menu-list-item-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon{background:#eaecf1}.paraui-v4-vertical-menu-light>.footer-expansion>.icon svg{color:#1d2126}.paraui-v4-vertical-menu-light>.footer-expansion>.icon:hover svg{color:#2e65e6}.paraui-v4-vertical-menu-light>.footer-expansion>.version{color:#1d2126}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink:hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-select>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content{background-color:#eaecf1;color:#2e65e6}.paraui-v4-vertical-menu-light.paraui-v4-vertical-menu-shrink>.vertical-menu-list>.vertical-menu-list-box>.vertical-menu-list-box-srcoll .vertical-menu-list-item-shrink.vertical-menu-list-item-shrink-hover>.vertical-menu-list-item-shrink-content>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content{background-color:#1c293c;color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#223666}.paraui-v4-vertical-menu-item-popper-deep>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#223666}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content{background-color:rgba(29,33,38,.9)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content{width:inherit;height:inherit;line-height:inherit;padding:2px 12px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:none}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:rgba(0,0,0,0)}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow{display:flex;margin-left:8px}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon{opacity:1}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#fff}.paraui-v4-vertical-menu-item-popper-light.paraui-v4-vertical-menu-item-popper-tooltip.paraui-v4-vertical-menu-item-popper-tooltip>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:hsla(0,0%,100%,.5)}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content{background-color:#fff;color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content:hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-icon>svg{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-content{color:#1d2126}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon>svg{color:#5c6573}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content>.menu-item-arrow>.jump-icon:hover>svg{color:#2e65e6}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item>.menu-item-popper-content-item-content.menu-item-popper-content-item-hover{background-color:#eaecf1}.paraui-v4-vertical-menu-item-popper-light>.menu-item-popper-content>.menu-item-popper-content-item.menu-item-popper-content-item-select>.menu-item-popper-content-item-content{background-color:#eaecf1}

package/lib/Menu/verticalMenuList.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../_virtual/jsx-runtime.js"),i=require("react"),Re=require("react-dom"),Ce=require("../CollapseBox/index.js"),H=require("@para-ui/icons/Down"),Te=require("@para-ui/icons"),de=require("@paraview/lib"),F=require("../GlobalContext/constant.js"),he=require("../AutoTips/index.js");function be(a){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const x in a)if(x!=="default"){const d=Object.getOwnPropertyDescriptor(a,x);Object.defineProperty(u,x,d.get?d:{enumerable:!0,get:()=>a[x]})}}return u.default=a,Object.freeze(u)}const ue=be(Te),ae=a=>{let u="div";return(!a||a.length===0)&&(u="a"),u},me=(a=[],u,x)=>!a||a.length===0?{href:x||`#${u}`}:{},fe=a=>{const{label:u,type:x="router",path:d,href:E,icon:b,children:m,className:_,level:f=1,badge:v,selectMenu:L="",idMenuLast:g,onClickMenu:j,shrinkOthers:R=!0,jumpIcon:C,onClickJump:k}=a,[M,$]=i.useState(!1);i.useEffect(()=>{const s=g?.[L||""];s&&s.indexOf(d||"")!==-1&&s.length>1?$(!0):R&&$(!1)},[g,L,d]);const I=s=>{if(m&&m.length>0)return j&&j(!1),$(!M);j&&j(a),s.preventDefault()},w=()=>{if(b){const s=ue[b];return s?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:s()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:b})}},O=s=>{s.stopPropagation(),s.preventDefault(),k?.(a)},N=()=>m&&m.length>0?t.jsxRuntimeExports.jsx(H,{}):C?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:O,children:C}):t.jsxRuntimeExports.jsx(H,{className:"opacity-pos-svg"}),D=()=>{if(v!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:v})})},S=()=>{let s="vertical-menu-list-item";M&&(s+=" vertical-menu-list-item-open"),_&&(s+=` ${_}`);const l=g?.[L||""];if(l){const B=l.indexOf(d||"");B!==-1&&(s+=" vertical-menu-list-item-select",B===l.length-1&&(s+=" vertical-menu-list-item-select-last"),M||(s+=" vertical-menu-list-item-select-retract"))}return s},J=()=>{const s={paddingRight:"12px",paddingLeft:"0px"},l=typeof f=="number"?f:1;return l>=0&&(s.paddingLeft=`${(l-1)*26+12}px`),s},h=i.useMemo(()=>{const s=ae(m);return t.jsxRuntimeExports.jsxs(s,{onClick:I,className:"vertical-menu-list-item-content",style:J(),...me(m,d,E),children:[w(),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:u})}),D()]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:N()})]})},[m,j,M,f,b,u,d,E,C]),y=i.useMemo(()=>t.jsxRuntimeExports.jsx(Ce.default,{in:M,className:"li-collapse",timeout:"auto",unmountOnExit:!0,children:m&&m.length>0&&m.map((s,l)=>t.jsxRuntimeExports.jsx(fe,{...s,jumpIcon:C||s.jumpIcon,onClickJump:k,level:f+1,idMenuLast:g,selectMenu:L,onClickMenu:j,shrinkOthers:R},l))}),[M,m,f,g,L,j,R,C]);return t.jsxRuntimeExports.jsxs("div",{className:S(),children:[h,y]})},je=a=>{const{size:u="large",open:x=!1,anchorEl:d,idMenuLast:E,selectMenu:b="",onClickMenu:m,list:_=[],onMouseEnter:f,onMouseLeave:v,onMouseEnterBus:L,onMouseLeaveBus:g,level:j=1,color:R,className:C,jumpIcon:k,onClickJump:M}=a,[$,I]=i.useState(!1),[w,O]=i.useState(""),[N,D]=i.useState([]),[S,J]=i.useState({}),[h]=i.useState({}),y=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(h.leaveBox),clearTimeout(h.closeTimer),clearTimeout(h.styleTimer)},[]),i.useEffect(()=>{s()},[x,d]);const s=()=>{clearTimeout(h.styleTimer),h.styleTimer=setTimeout(()=>{if(d&&x&&y.current){const n=document.querySelector(`[data-menu-id=${d}]`);if(!n)return;const c=n.getBoundingClientRect();let p=c.top;j!==1&&(p=p-4);const G=document.body.clientHeight,K=y.current.clientHeight;K+p>G&&(p=p-(K+p-G)-20),p<0&&(p=0),J({position:"absolute",left:"0",top:"0",transform:`translate3d(${c.right}px, ${p}px, 0px)`})}})},l=()=>{let n=`${F.$prefixCls}-vertical-menu-item-popper`;return R&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${R}`),u&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${u}`),R==="deep"?n+=` ${F.$prefixCls}-scrollbar-small-deep`:n+=` ${F.$prefixCls}-scrollbar-small`,k&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-jump-icon`),C&&(n+=` ${C}`),n},B=n=>{let c="menu-item-popper-content-item";const p=E?.[b||""];return p&&p.indexOf(n.path||"")!==-1&&(c+=" menu-item-popper-content-item-select"),c},X=n=>{if(n){const c=ue[n];return c?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:c()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:n})}},A=n=>c=>{c.stopPropagation(),c.preventDefault(),M?.(n)},z=(n,c)=>n&&n.length>0?t.jsxRuntimeExports.jsx(H,{}):k?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:A(c),children:k}):t.jsxRuntimeExports.jsx(H,{className:"opacity-pos-svg"}),V=n=>{if(n.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:n.badge})})},Z=n=>c=>{c.preventDefault(),!(n.children&&n.children.length>0)&&m&&m(n)},ee=()=>{j==1?f&&f():L&&L()},te=()=>{clearTimeout(h.leaveBox),h.leaveBox=setTimeout(()=>{j===1?v&&v():g&&g()},50)},Y=()=>{clearTimeout(h.leaveBox)},ne=()=>{I(!1),O(""),D([]),v&&v()},se=n=>c=>{re(c.target),I(!1),clearTimeout(h.closeTimer),h.closeTimer=setTimeout(()=>{(n.children||[]).length>0?(I(!0),O(c.target.getAttribute("data-menu-id")||""),D(n.children||[])):(I(!1),O(""),D([]))})},U=n=>c=>{},re=n=>{if(y){const p=y.current?.querySelector(".menu-item-popper-content-item-hover");p&&p.classList.remove("menu-item-popper-content-item-hover")}n&&n.classList.add("menu-item-popper-content-item-hover")},oe=i.useMemo(()=>t.jsxRuntimeExports.jsx("div",{className:"menu-item-popper-content",onMouseEnter:ee,onMouseLeave:te,ref:y,children:_.map((n,c)=>{const p=ae(n.children);return t.jsxRuntimeExports.jsx("div",{className:B(n),onMouseEnter:se(n),onMouseLeave:U(),children:t.jsxRuntimeExports.jsxs(p,{className:"menu-item-popper-content-item-content","data-menu-id":n._paraui_menu_id,onClick:Z(n),...me(n.children,n.path,n.href),children:[X(n.icon),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:n.label})}),V(n)]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:z(n.children,n)})]})},c)})}),[_,m,E,b,m,f,v,j,M,k]),ie=()=>t.jsxRuntimeExports.jsx("div",{className:l(),style:S,children:oe}),W=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:Re.createPortal(t.jsxRuntimeExports.jsx(ie,{}),document.getElementsByTagName("body")[0])}),[S,_,m,E,b,m,f,v,j,C,R,u,M,k]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[W,$&&t.jsxRuntimeExports.jsx(je,{size:u,open:$,anchorEl:w,list:N,idMenuLast:E,selectMenu:b,onClickMenu:m,onMouseEnter:f,onMouseLeave:v,onMouseEnterBus:Y,onMouseLeaveBus:ne,color:R,level:j+1,jumpIcon:k,onClickJump:M})]})},ce=a=>{if(!a)return 0;try{const u=a.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(u&&u[2])}catch{}return 0},ve=a=>{const{list:u,expansion:x=!0,selectMenu:d="",onClickMenu:E,className:b,shrinkOthers:m=!0,size:_="large",jumpIcon:f,onClickJump:v,color:L}=a,[g,j]=i.useState([]),[R,C]=i.useState(!1),[k,M]=i.useState(null),[$,I]=i.useState(""),[w,O]=i.useState([]),[N,D]=i.useState(""),[S,J]=i.useState({}),[h,y]=i.useState({prev:!1,next:!1}),[s]=i.useState({}),l=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(s.arrowTimer),clearTimeout(s.leaveTimer),clearTimeout(s.enterTimer)},[]),i.useEffect(()=>{const e=u||[],r=[];for(let o=0,T=e.length;o<T;o++){const Q=e[o];r.push({...Q})}Z(r)},[u]),i.useEffect(()=>{B()},[g]),i.useEffect(()=>{d!==N&&D(d),B()},[d]);const B=()=>{clearTimeout(s.arrowTimer),s.arrowTimer=setTimeout(()=>{if(!l.current)return;const{min:e,max:r}=V(),o=ce(l.current.style.transform);y({prev:o!==e,next:o>r})},300)},X=e=>{if(!l.current)return;l.current.style.transition="none";const{deltaY:r}=e;let o=ce(l.current.style.transform);o-=r,z(o)},A=e=>()=>{if(!l.current)return;const r=100;let o=ce(l.current.style.transform);switch(e){case"next":o-=r;break;case"prev":o+=r;break}z(o)},z=e=>{if(!l.current)return;const{min:r,max:o}=V();e>r&&(e=r),e<o&&(e=o),y({prev:e!==r,next:e>o}),l.current.style.transform=`translate3d(0, ${e}px, 0)`,l.current.style.transition="all .3s"},V=()=>{if(!l.current||!l.current.parentNode)return{min:0,max:0};const e=l.current.parentNode.getBoundingClientRect().height,r=0;let o=-(l.current.getBoundingClientRect().height-e);return e>l.current.getBoundingClientRect().height&&(o=0),{min:r,max:o}},Z=e=>{const r={},o={},T=(Q,pe)=>{for(let le=0,Me=Q.length;le<Me;le++){const P=Q[le],q=P.path||"";if(P._paraui_menu_id=`_paraui_menu_id_${de.UUID()}`,pe){const xe=de.DeepClone(r[pe.path||""]||[]);xe.push(q),r[q]=[...xe]}else r[q]=[q],P._paraui_menu_first=!0;P.children&&P.children.length>0?T(P.children,P):o[q]=r[q]}};T(e),J(o),j(e)},ee=(e,r)=>o=>{C(!1),clearTimeout(s.enterTimer),s.enterTimer=setTimeout(()=>{clearTimeout(s.leaveTimer);let T=[e];e.children&&e.children.length>0&&(T=e.children),M(r),I(o.target.getAttribute("data-menu-id")||""),O(T),C(!0)})},te=e=>r=>{Y()},Y=()=>{clearTimeout(s.leaveTimer),s.leaveTimer=setTimeout(()=>{U()},50)},ne=()=>{clearTimeout(s.leaveTimer)},se=()=>{Y()},U=()=>{C(!1),I(""),O([]),M(null)},re=e=>{const{icon:r,label:o}=e;if(r){const T=ue[r];return T?T():r}return typeof o=="string"?o[0]:o},oe=e=>{if(e.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-shrink-badge",children:t.jsxRuntimeExports.jsx("span",{children:e.badge})})},ie=e=>r=>{if(!e.children||e.children.length===0){const o={...e};delete o._paraui_menu_id,E&&E(o)}r.preventDefault()},W=e=>{if(e===!1)return B();U();const r={...e};delete r._paraui_menu_id,E&&E(r)},n=(e,r)=>{let o="vertical-menu-list-item-shrink";const T=S?.[N||""];return T&&T.indexOf(e.path||"")!==-1&&(o+=" vertical-menu-list-item-shrink-select"),k===r&&(o+=" vertical-menu-list-item-shrink-hover"),o},c=()=>{let e="vertical-menu-list";return b&&(e+=` ${b}`),e},p=i.useMemo(()=>{if(x)return g.map((e,r)=>i.createElement(fe,{...e,key:r,level:1,jumpIcon:e.jumpIcon||f,onClickJump:e.onClickJump||v,idMenuLast:S,selectMenu:N,onClickMenu:W,shrinkOthers:m}))},[x,g,S,N,E,m,f,v]),G=i.useMemo(()=>x?null:g.map((e,r)=>{const o=ae(e.children);return t.jsxRuntimeExports.jsx(o,{className:n(e,r),onMouseEnter:ee(e,r),onMouseLeave:te(),"data-menu-id":e._paraui_menu_id,onClick:ie(e),...me(e.children,e.path,e.href),children:t.jsxRuntimeExports.jsxs("span",{className:"vertical-menu-list-item-shrink-content",children:[re(e),oe(e)]})},r)}),[x,g,S,N,k]),K=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:h.prev&&t.jsxRuntimeExports.jsx("div",{className:"scroll-top",children:t.jsxRuntimeExports.jsx("span",{onClick:A("prev"),children:t.jsxRuntimeExports.jsx(H,{})})})}),[h]),Ee=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:h.next&&t.jsxRuntimeExports.jsx("div",{className:"scroll-bottom",children:t.jsxRuntimeExports.jsx("span",{onClick:A("next"),children:t.jsxRuntimeExports.jsx(H,{})})})}),[h]),ge=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:R&&t.jsxRuntimeExports.jsx(je,{open:R,anchorEl:$,list:w,idMenuLast:S,selectMenu:N,onClickMenu:W,onMouseEnter:ne,onMouseLeave:se,color:L,level:1,size:_,jumpIcon:f,onClickJump:v})}),[R,$,w,S,N,E,s,L,_,f,v]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:c(),onWheel:X,children:[K,t.jsxRuntimeExports.jsx("div",{className:"vertical-menu-list-box",children:t.jsxRuntimeExports.jsxs("div",{className:"vertical-menu-list-box-srcoll",ref:l,children:[p,G]})}),Ee]}),ge]})};exports.VerticalMenuList=ve;exports.default=ve;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../_virtual/jsx-runtime.js"),i=require("react"),Re=require("react-dom"),Ce=require("../CollapseBox/index.js"),H=require("../node_modules/@para-ui/icons/Down/index.js"),ue=require("../node_modules/@para-ui/icons/index.js"),de=require("@paraview/lib"),F=require("../GlobalContext/constant.js"),he=require("../AutoTips/index.js"),ae=x=>{let m="div";return(!x||x.length===0)&&(m="a"),m},me=(x=[],m,T)=>!x||x.length===0?{href:T||`#${m}`}:{},fe=x=>{const{label:m,type:T="router",path:j,href:E,icon:k,children:u,className:y,level:d=1,badge:f,selectMenu:L="",idMenuLast:v,onClickMenu:h,shrinkOthers:g=!0,jumpIcon:R,onClickJump:N}=x,[M,_]=i.useState(!1);i.useEffect(()=>{const s=v?.[L||""];s&&s.indexOf(j||"")!==-1&&s.length>1?_(!0):g&&_(!1)},[v,L,j]);const I=s=>{if(u&&u.length>0)return h&&h(!1),_(!M);h&&h(x),s.preventDefault()},P=()=>{if(k){const s=ue[k];return s?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:s()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:k})}},B=s=>{s.stopPropagation(),s.preventDefault(),N?.(x)},b=()=>u&&u.length>0?t.jsxRuntimeExports.jsx(H.Down,{}):R?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:B,children:R}):t.jsxRuntimeExports.jsx(H.Down,{className:"opacity-pos-svg"}),O=()=>{if(f!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:f})})},S=()=>{let s="vertical-menu-list-item";M&&(s+=" vertical-menu-list-item-open"),y&&(s+=` ${y}`);const l=v?.[L||""];if(l){const D=l.indexOf(j||"");D!==-1&&(s+=" vertical-menu-list-item-select",D===l.length-1&&(s+=" vertical-menu-list-item-select-last"),M||(s+=" vertical-menu-list-item-select-retract"))}return s},J=()=>{const s={paddingRight:"12px",paddingLeft:"0px"},l=typeof d=="number"?d:1;return l>=0&&(s.paddingLeft=`${(l-1)*26+12}px`),s},p=i.useMemo(()=>{const s=ae(u);return t.jsxRuntimeExports.jsxs(s,{onClick:I,className:"vertical-menu-list-item-content",style:J(),...me(u,j,E),children:[P(),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:m})}),O()]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:b()})]})},[u,h,M,d,k,m,j,E,R]),$=i.useMemo(()=>t.jsxRuntimeExports.jsx(Ce.default,{in:M,className:"li-collapse",timeout:"auto",unmountOnExit:!0,children:u&&u.length>0&&u.map((s,l)=>t.jsxRuntimeExports.jsx(fe,{...s,jumpIcon:R||s.jumpIcon,onClickJump:N,level:d+1,idMenuLast:v,selectMenu:L,onClickMenu:h,shrinkOthers:g},l))}),[M,u,d,v,L,h,g,R]);return t.jsxRuntimeExports.jsxs("div",{className:S(),children:[p,$]})},je=x=>{const{size:m="large",open:T=!1,anchorEl:j,idMenuLast:E,selectMenu:k="",onClickMenu:u,list:y=[],onMouseEnter:d,onMouseLeave:f,onMouseEnterBus:L,onMouseLeaveBus:v,level:h=1,color:g,className:R,jumpIcon:N,onClickJump:M}=x,[_,I]=i.useState(!1),[P,B]=i.useState(""),[b,O]=i.useState([]),[S,J]=i.useState({}),[p]=i.useState({}),$=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(p.leaveBox),clearTimeout(p.closeTimer),clearTimeout(p.styleTimer)},[]),i.useEffect(()=>{s()},[T,j]);const s=()=>{clearTimeout(p.styleTimer),p.styleTimer=setTimeout(()=>{if(j&&T&&$.current){const n=document.querySelector(`[data-menu-id=${j}]`);if(!n)return;const c=n.getBoundingClientRect();let a=c.top;h!==1&&(a=a-4);const G=document.body.clientHeight,K=$.current.clientHeight;K+a>G&&(a=a-(K+a-G)-20),a<0&&(a=0),J({position:"absolute",left:"0",top:"0",transform:`translate3d(${c.right}px, ${a}px, 0px)`})}})},l=()=>{let n=`${F.$prefixCls}-vertical-menu-item-popper`;return g&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${g}`),m&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-${m}`),g==="deep"?n+=` ${F.$prefixCls}-scrollbar-small-deep`:n+=` ${F.$prefixCls}-scrollbar-small`,N&&(n+=` ${F.$prefixCls}-vertical-menu-item-popper-jump-icon`),R&&(n+=` ${R}`),n},D=n=>{let c="menu-item-popper-content-item";const a=E?.[k||""];return a&&a.indexOf(n.path||"")!==-1&&(c+=" menu-item-popper-content-item-select"),c},X=n=>{if(n){const c=ue[n];return c?t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:c()}):t.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:n})}},A=n=>c=>{c.stopPropagation(),c.preventDefault(),M?.(n)},V=(n,c)=>n&&n.length>0?t.jsxRuntimeExports.jsx(H.Down,{}):N?t.jsxRuntimeExports.jsx("span",{className:"jump-icon",onClick:A(c),children:N}):t.jsxRuntimeExports.jsx(H.Down,{className:"opacity-pos-svg"}),Y=n=>{if(n.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-badge",children:t.jsxRuntimeExports.jsx("span",{children:n.badge})})},Z=n=>c=>{c.preventDefault(),!(n.children&&n.children.length>0)&&u&&u(n)},ee=()=>{h==1?d&&d():L&&L()},te=()=>{clearTimeout(p.leaveBox),p.leaveBox=setTimeout(()=>{h===1?f&&f():v&&v()},50)},z=()=>{clearTimeout(p.leaveBox)},ne=()=>{I(!1),B(""),O([]),f&&f()},se=n=>c=>{re(c.target),I(!1),clearTimeout(p.closeTimer),p.closeTimer=setTimeout(()=>{(n.children||[]).length>0?(I(!0),B(c.target.getAttribute("data-menu-id")||""),O(n.children||[])):(I(!1),B(""),O([]))})},U=n=>c=>{},re=n=>{if($){const a=$.current?.querySelector(".menu-item-popper-content-item-hover");a&&a.classList.remove("menu-item-popper-content-item-hover")}n&&n.classList.add("menu-item-popper-content-item-hover")},oe=i.useMemo(()=>t.jsxRuntimeExports.jsx("div",{className:"menu-item-popper-content",onMouseEnter:ee,onMouseLeave:te,ref:$,children:y.map((n,c)=>{const a=ae(n.children);return t.jsxRuntimeExports.jsx("div",{className:D(n),onMouseEnter:se(n),onMouseLeave:U(),children:t.jsxRuntimeExports.jsxs(a,{className:"menu-item-popper-content-item-content","data-menu-id":n._paraui_menu_id,onClick:Z(n),...me(n.children,n.path,n.href),children:[X(n.icon),t.jsxRuntimeExports.jsxs("div",{className:"menu-item-content",children:[t.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.jsxRuntimeExports.jsx(he.default,{children:n.label})}),Y(n)]}),t.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:V(n.children,n)})]})},c)})}),[y,u,E,k,u,d,f,h,M,N]),ie=()=>t.jsxRuntimeExports.jsx("div",{className:l(),style:S,children:oe}),W=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:Re.createPortal(t.jsxRuntimeExports.jsx(ie,{}),document.getElementsByTagName("body")[0])}),[S,y,u,E,k,u,d,f,h,R,g,m,M,N]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[W,_&&t.jsxRuntimeExports.jsx(je,{size:m,open:_,anchorEl:P,list:b,idMenuLast:E,selectMenu:k,onClickMenu:u,onMouseEnter:d,onMouseLeave:f,onMouseEnterBus:z,onMouseLeaveBus:ne,color:g,level:h+1,jumpIcon:N,onClickJump:M})]})},ce=x=>{if(!x)return 0;try{const m=x.match(/translate3d\((.*)px, (.*)px, (.*)px\)/);return Number(m&&m[2])}catch{}return 0},Ee=x=>{const{list:m,expansion:T=!0,selectMenu:j="",onClickMenu:E,className:k,shrinkOthers:u=!0,size:y="large",jumpIcon:d,onClickJump:f,color:L}=x,[v,h]=i.useState([]),[g,R]=i.useState(!1),[N,M]=i.useState(null),[_,I]=i.useState(""),[P,B]=i.useState([]),[b,O]=i.useState(""),[S,J]=i.useState({}),[p,$]=i.useState({prev:!1,next:!1}),[s]=i.useState({}),l=i.useRef(null);i.useEffect(()=>()=>{clearTimeout(s.arrowTimer),clearTimeout(s.leaveTimer),clearTimeout(s.enterTimer)},[]),i.useEffect(()=>{const e=m||[],r=[];for(let o=0,C=e.length;o<C;o++){const Q=e[o];r.push({...Q})}Z(r)},[m]),i.useEffect(()=>{D()},[v]),i.useEffect(()=>{j!==b&&O(j),D()},[j]);const D=()=>{clearTimeout(s.arrowTimer),s.arrowTimer=setTimeout(()=>{if(!l.current)return;const{min:e,max:r}=Y(),o=ce(l.current.style.transform);$({prev:o!==e,next:o>r})},300)},X=e=>{if(!l.current)return;l.current.style.transition="none";const{deltaY:r}=e;let o=ce(l.current.style.transform);o-=r,V(o)},A=e=>()=>{if(!l.current)return;const r=100;let o=ce(l.current.style.transform);switch(e){case"next":o-=r;break;case"prev":o+=r;break}V(o)},V=e=>{if(!l.current)return;const{min:r,max:o}=Y();e>r&&(e=r),e<o&&(e=o),$({prev:e!==r,next:e>o}),l.current.style.transform=`translate3d(0, ${e}px, 0)`,l.current.style.transition="all .3s"},Y=()=>{if(!l.current||!l.current.parentNode)return{min:0,max:0};const e=l.current.parentNode.getBoundingClientRect().height,r=0;let o=-(l.current.getBoundingClientRect().height-e);return e>l.current.getBoundingClientRect().height&&(o=0),{min:r,max:o}},Z=e=>{const r={},o={},C=(Q,pe)=>{for(let le=0,ge=Q.length;le<ge;le++){const w=Q[le],q=w.path||"";if(w._paraui_menu_id=`_paraui_menu_id_${de.UUID()}`,pe){const xe=de.DeepClone(r[pe.path||""]||[]);xe.push(q),r[q]=[...xe]}else r[q]=[q],w._paraui_menu_first=!0;w.children&&w.children.length>0?C(w.children,w):o[q]=r[q]}};C(e),J(o),h(e)},ee=(e,r)=>o=>{R(!1),clearTimeout(s.enterTimer),s.enterTimer=setTimeout(()=>{clearTimeout(s.leaveTimer);let C=[e];e.children&&e.children.length>0&&(C=e.children),M(r),I(o.target.getAttribute("data-menu-id")||""),B(C),R(!0)})},te=e=>r=>{z()},z=()=>{clearTimeout(s.leaveTimer),s.leaveTimer=setTimeout(()=>{U()},50)},ne=()=>{clearTimeout(s.leaveTimer)},se=()=>{z()},U=()=>{R(!1),I(""),B([]),M(null)},re=e=>{const{icon:r,label:o}=e;if(r){const C=ue[r];return C?C():r}return typeof o=="string"?o[0]:o},oe=e=>{if(e.badge!==void 0)return t.jsxRuntimeExports.jsx("div",{className:"menu-item-shrink-badge",children:t.jsxRuntimeExports.jsx("span",{children:e.badge})})},ie=e=>r=>{if(!e.children||e.children.length===0){const o={...e};delete o._paraui_menu_id,E&&E(o)}r.preventDefault()},W=e=>{if(e===!1)return D();U();const r={...e};delete r._paraui_menu_id,E&&E(r)},n=(e,r)=>{let o="vertical-menu-list-item-shrink";const C=S?.[b||""];return C&&C.indexOf(e.path||"")!==-1&&(o+=" vertical-menu-list-item-shrink-select"),N===r&&(o+=" vertical-menu-list-item-shrink-hover"),o},c=()=>{let e="vertical-menu-list";return k&&(e+=` ${k}`),e},a=i.useMemo(()=>{if(T)return v.map((e,r)=>i.createElement(fe,{...e,key:r,level:1,jumpIcon:e.jumpIcon||d,onClickJump:e.onClickJump||f,idMenuLast:S,selectMenu:b,onClickMenu:W,shrinkOthers:u}))},[T,v,S,b,E,u,d,f]),G=i.useMemo(()=>T?null:v.map((e,r)=>{const o=ae(e.children);return t.jsxRuntimeExports.jsx(o,{className:n(e,r),onMouseEnter:ee(e,r),onMouseLeave:te(),"data-menu-id":e._paraui_menu_id,onClick:ie(e),...me(e.children,e.path,e.href),children:t.jsxRuntimeExports.jsxs("span",{className:"vertical-menu-list-item-shrink-content",children:[re(e),oe(e)]})},r)}),[T,v,S,b,N]),K=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:p.prev&&t.jsxRuntimeExports.jsx("div",{className:"scroll-top",children:t.jsxRuntimeExports.jsx("span",{onClick:A("prev"),children:t.jsxRuntimeExports.jsx(H.Down,{})})})}),[p]),ve=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:p.next&&t.jsxRuntimeExports.jsx("div",{className:"scroll-bottom",children:t.jsxRuntimeExports.jsx("span",{onClick:A("next"),children:t.jsxRuntimeExports.jsx(H.Down,{})})})}),[p]),Me=i.useMemo(()=>t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:g&&t.jsxRuntimeExports.jsx(je,{open:g,anchorEl:_,list:P,idMenuLast:S,selectMenu:b,onClickMenu:W,onMouseEnter:ne,onMouseLeave:se,color:L,level:1,size:y,jumpIcon:d,onClickJump:f})}),[g,_,P,S,b,E,s,L,y,d,f]);return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:c(),onWheel:X,children:[K,t.jsxRuntimeExports.jsx("div",{className:"vertical-menu-list-box",children:t.jsxRuntimeExports.jsxs("div",{className:"vertical-menu-list-box-srcoll",ref:l,children:[a,G]})}),ve]}),Me]})};exports.VerticalMenuList=Ee;exports.default=Ee;
 //# sourceMappingURL=verticalMenuList.js.map

package/lib/Message/index.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const f=require("../_virtual/jsx-runtime.js"),S=require("react"),y=require("react-dom"),$=require("@para-ui/icons/WarningCircleF"),b=require("@para-ui/icons/CheckCircleF"),R=require("@para-ui/icons/Close"),L=require("@para-ui/icons/CloseCircleF"),v=require("../GlobalContext/constant.js");;/* empty css            */const w={info:f.jsxRuntimeExports.jsx($,{}),warn:f.jsxRuntimeExports.jsx($,{}),error:f.jsxRuntimeExports.jsx(L,{}),success:f.jsxRuntimeExports.jsx(b,{})},N=()=>window===window.top?window:window.top,T=({icon:e,text:s,id:o,type:c,html:n,close:l,desc:i,hideIcon:m})=>{let t=document.createElement("div");t.className="msg-item",t.id=o||"",t.innerHTML=`<div class="msg-wrapper message-fadeInDown ${l?"message-close":"message-no-close"} msg-${c}">
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const f=require("../_virtual/jsx-runtime.js"),I=require("react"),y=require("react-dom"),v=require("../node_modules/@para-ui/icons/WarningCircleF/index.js"),b=require("../node_modules/@para-ui/icons/CheckCircleF/index.js"),R=require("../node_modules/@para-ui/icons/Close/index.js"),L=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),w=require("../GlobalContext/constant.js");;/* empty css            */const $={info:f.jsxRuntimeExports.jsx(v.WarningCircleF,{}),warn:f.jsxRuntimeExports.jsx(v.WarningCircleF,{}),error:f.jsxRuntimeExports.jsx(L.CloseCircleF,{}),success:f.jsxRuntimeExports.jsx(b.CheckCircleF,{})},N=()=>{try{return window===window.top?window:window.top}catch{return window}},T=({icon:e,text:s,id:o,type:i,html:n,close:l,desc:c,hideIcon:d})=>{let t=document.createElement("div");t.className="msg-item",t.id=o||"",t.innerHTML=`<div class="msg-wrapper message-fadeInDown ${l?"message-close":"message-no-close"} msg-${i}">
                 ${e?'<div class="msg-icon"></div>':""}
                 <div class="msg-text"></div>
                 ${l?'<div class="msg-close"></div>':""}
                 </div>
-    `;const u=t.querySelector(".msg-wrapper"),a=t.querySelector(".msg-text");if(!a||!u)return t;if(n?a.innerHTML=s:a.textContent=s,i){const r=document.createElement("span");r.className="msg-desc",r.textContent=i||"",a.classList.add("msg-text--title"),u.classList.add("msg-wrapper-title"),a.appendChild(r)}m&&a.classList.add("msg-text--noicon");const g=t.querySelector(".msg-close");return g&&g.addEventListener("click",()=>{document.querySelector(`#${o}`)&&(t?.parentNode?.removeChild(t),t=null)}),t},B=e=>{const{className:s,style:o,type:c}=e,n=q(),l=_();let i=M(e.className||"");return s&&(i+=` ${s}`),S.useEffect(()=>{const m=document.getElementById(n);return E(m,{...e,id:l,icon:w[c]},0,!1,!0),()=>{const t=document.querySelector(`#${l}`);t&&m?.removeChild(t)}},[...Object.values(e)]),f.jsxRuntimeExports.jsx("div",{id:n,className:i,style:o})},q=()=>`msgbox_${String(Math.random()*1e5|0+new Date().getTime())}`,x=q(),D=()=>f.jsxRuntimeExports.jsx("div",{className:`${v.$prefixCls}-message-box`,id:x}),E=(e,{icon:s,text:o,id:c,type:n,html:l,close:i,desc:m,hideIcon:t},u,a,g)=>{const r=T({id:c,text:o,icon:s,type:n,html:l,close:i,desc:m,hideIcon:t});g&&r&&r.classList.add("msg-item-fill"),e?.appendChild(r);const C=document.querySelector(`#${c} .msg-icon`);C&&s&&!t&&y.render(s,C);const p=document.querySelector(`#${c} .msg-close`);p&&y.render(f.jsxRuntimeExports.jsx(R,{}),p),a&&setTimeout(()=>{document.querySelector(`#${r.id}`)&&e?.removeChild(r)},u)},h=(e,s,o,c)=>{const n=()=>N().__msg_conf__||{};let l=w[o],i="",m="",t=!1,u,a=!1,g=n().maxCount??1/0,r=n().duration??s,C="";const p=!isNaN(r)&&r>0;typeof e=="string"?i=e:typeof e=="object"&&(i=e.text||"",m=e.desc,l=e.icon||w[o],t=e.html||!1,a=e.hideIcon||!1,e.maxCount>0&&(g=e.maxCount||1/0)),typeof e=="object"&&typeof e.close=="boolean"?u=e.close:u=!p;let d=document.getElementById(c);d||(d=document.createElement("div"),d.id=c,document.body.appendChild(d)),d.className=M(C),d.className+=` ${v.$prefixCls}-message-box--message-float`;const I=_();E(d,{id:I,text:i,icon:l,type:o,html:t,close:u,desc:m,hideIcon:a},r,p),F(d,g)},M=e=>`${v.$prefixCls}-message-box${e?` ${e}`:""}`,_=()=>`msgitem_${String(Math.random()*1e5|0+new Date().getTime())}`,F=(e,s)=>{if(!e||!e.children?.length)return;const o=e.children,c=o.length;if(c>s)for(let n=0;n<c;n++)n<s&&o[n]&&o[n].parentNode?.removeChild(o[n])},j=e=>{const s=document.getElementById(e);s&&(s.innerHTML="")},W=(e={})=>{const s=N();s.__msg_conf__=e},H={info:(e,s=5e3)=>h(e,s,"info",x),warn:(e,s=5e3)=>h(e,s,"warn",x),error:(e,s=5e3)=>h(e,s,"error",x),success:(e,s=5e3)=>h(e,s,"success",x),clear:()=>j(x),destroyAll:()=>j(x),config:e=>W(e)};exports.Message=H;exports.MessageBar=B;exports.default=D;
+    `;const u=t.querySelector(".msg-wrapper"),a=t.querySelector(".msg-text");if(!a||!u)return t;if(n?a.innerHTML=s:a.textContent=s,c){const r=document.createElement("span");r.className="msg-desc",r.textContent=c||"",a.classList.add("msg-text--title"),u.classList.add("msg-wrapper-title"),a.appendChild(r)}d&&a.classList.add("msg-text--noicon");const g=t.querySelector(".msg-close");return g&&g.addEventListener("click",()=>{document.querySelector(`#${o}`)&&(t?.parentNode?.removeChild(t),t=null)}),t},B=e=>{const{className:s,style:o,type:i}=e,n=q(),l=_();let c=M(e.className||"");return s&&(c+=` ${s}`),I.useEffect(()=>{const d=document.getElementById(n);return E(d,{...e,id:l,icon:$[i]},0,!1,!0),()=>{const t=document.querySelector(`#${l}`);t&&d?.removeChild(t)}},[...Object.values(e)]),f.jsxRuntimeExports.jsx("div",{id:n,className:c,style:o})},q=()=>`msgbox_${String(Math.random()*1e5|0+new Date().getTime())}`,x=q(),D=()=>f.jsxRuntimeExports.jsx("div",{className:`${w.$prefixCls}-message-box`,id:x}),E=(e,{icon:s,text:o,id:i,type:n,html:l,close:c,desc:d,hideIcon:t},u,a,g)=>{const r=T({id:i,text:o,icon:s,type:n,html:l,close:c,desc:d,hideIcon:t});g&&r&&r.classList.add("msg-item-fill"),e?.appendChild(r);const C=document.querySelector(`#${i} .msg-icon`);C&&s&&!t&&y.render(s,C);const p=document.querySelector(`#${i} .msg-close`);p&&y.render(f.jsxRuntimeExports.jsx(R.Close,{}),p),a&&setTimeout(()=>{document.querySelector(`#${r.id}`)&&e?.removeChild(r)},u)},h=(e,s,o,i)=>{const n=()=>N().__msg_conf__||{};let l=$[o],c="",d="",t=!1,u,a=!1,g=n().maxCount??1/0,r=n().duration??s,C="";const p=!isNaN(r)&&r>0;typeof e=="string"?c=e:typeof e=="object"&&(c=e.text||"",d=e.desc,l=e.icon||$[o],t=e.html||!1,a=e.hideIcon||!1,e.maxCount>0&&(g=e.maxCount||1/0)),typeof e=="object"&&typeof e.close=="boolean"?u=e.close:u=!p;let m=document.getElementById(i);m||(m=document.createElement("div"),m.id=i,document.body.appendChild(m)),m.className=M(C),m.className+=` ${w.$prefixCls}-message-box--message-float`;const S=_();E(m,{id:S,text:c,icon:l,type:o,html:t,close:u,desc:d,hideIcon:a},r,p),F(m,g)},M=e=>`${w.$prefixCls}-message-box${e?` ${e}`:""}`,_=()=>`msgitem_${String(Math.random()*1e5|0+new Date().getTime())}`,F=(e,s)=>{if(!e||!e.children?.length)return;const o=e.children,i=o.length;if(i>s)for(let n=0;n<i;n++)n<s&&o[n]&&o[n].parentNode?.removeChild(o[n])},j=e=>{const s=document.getElementById(e);s&&(s.innerHTML="")},W=(e={})=>{const s=N();s.__msg_conf__=e},H={info:(e,s=5e3)=>h(e,s,"info",x),warn:(e,s=5e3)=>h(e,s,"warn",x),error:(e,s=5e3)=>h(e,s,"error",x),success:(e,s=5e3)=>h(e,s,"success",x),clear:()=>j(x),destroyAll:()=>j(x),config:e=>W(e)};exports.Message=H;exports.MessageBar=B;exports.default=D;
 //# sourceMappingURL=index.js.map

package/lib/Modal/Confirm/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const t=require("../../_virtual/jsx-runtime.js"),h=require("react-dom"),B=require("../index.js"),M=require("@para-ui/icons/Close"),F=require("@para-ui/icons/CheckCircleF"),x=require("@para-ui/icons/WarningCircleF"),O=require("@para-ui/icons/CloseCircleF"),C=require("clsx"),m=require("../../Button/index.js"),P=require("@paraview/lib");require("../../GlobalContext/index.js");const z=require("../../GlobalContext/constant.js");;/* empty css            */const $=require("../../GlobalContext/confirmLocale.js"),D={success:t.jsxRuntimeExports.jsx(F,{}),warn:t.jsxRuntimeExports.jsx(x,{}),warning:t.jsxRuntimeExports.jsx(x,{}),error:t.jsxRuntimeExports.jsx(O,{}),info:t.jsxRuntimeExports.jsx(x,{})},I=e=>{const{type:n="warning",title:o,content:s,icon:r,okText:l,cancelText:c,onOk:R,onCancel:E,className:y,showCancel:q=!0,closable:N=!1,okButtonProps:k,cancelButtonProps:v,resolveFn:d,callback:b,destroy:j,actions:f,showActions:w=!0,...g}=e,T=`${z.$prefixCls}-confirm`,u=()=>{E?.(),d?.(!1),j?.()},p=()=>{R?.(),d?.(!0),b?.(),j?.()},A=()=>w?f?t.jsxRuntimeExports.jsx("div",{className:"confirm-content-actions",children:f}):t.jsxRuntimeExports.jsxs("div",{className:"confirm-content-actions",children:[q&&t.jsxRuntimeExports.jsx(m.Button,{variant:"outlined",size:"small",onClick:u,...v,children:c}),t.jsxRuntimeExports.jsx(m.Button,{variant:"contained",size:"small",onClick:p,...k,children:l})]}):null;return t.jsxRuntimeExports.jsx(B.Modal,{bodyStyle:{minHeight:"auto"},...g,onOk:p,onCancel:u,title:"",footer:"",size:"auto",hideHeader:!0,showActions:!1,className:C(T,y),children:t.jsxRuntimeExports.jsx("div",{className:"confirm-wrapper",children:t.jsxRuntimeExports.jsxs("div",{className:"confirm-content",children:[N&&t.jsxRuntimeExports.jsx(m.Button.IconButton,{variant:"outlined",size:"small",className:"confirm-content-close",onClick:u,children:t.jsxRuntimeExports.jsx(M,{})}),t.jsxRuntimeExports.jsx("span",{className:C("confirm-content-icon",`confirm-content-icon--${n}`),children:r||D[n]}),t.jsxRuntimeExports.jsxs("div",{className:"confirm-content-body",children:[o&&t.jsxRuntimeExports.jsx("span",{className:"confirm-body-title",children:o}),t.jsxRuntimeExports.jsx("div",{className:"confirm-body-desc",children:s})]}),A()]})})})},i=new Map,L=(e,n,o)=>{const s=document.createElement("div"),r=e.uuid||P.UUID();e.uuid&&s.setAttribute("data-confirm-cid",e.uuid),document.body.appendChild(s);const l=()=>{h.unmountComponentAtNode(s)&&s.parentNode&&s.parentNode.removeChild(s),i.delete(r)};i.set(r,l),setTimeout(()=>{const c=$.getConfirmLocale();h.render(t.jsxRuntimeExports.jsx(I,{...e,okText:e.okText??c.ok,cancelText:e.cancelText??c.cancel,open:!0,resolveFn:n,callback:o,destroy:l}),s)})},a=(e,n,o)=>{let s={type:n};return typeof e=="string"?s.content=e:s={...e,type:n},new Promise(r=>{L(s,r,o)})},S=e=>{if(e){const n=i.get(e);n&&n(),i.delete(e);return}i.forEach(n=>{n&&n()}),i.clear()},H={info:(e,n)=>a(e,"info",n),warn:(e,n)=>a(e,"warn",n),error:(e,n)=>a(e,"error",n),success:(e,n)=>a(e,"success",n),destroyAll:S};exports.Confirm=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const t=require("../../_virtual/jsx-runtime.js"),C=require("react-dom"),T=require("../index.js"),A=require("../../node_modules/@para-ui/icons/Close/index.js"),B=require("../../node_modules/@para-ui/icons/CheckCircleF/index.js"),x=require("../../node_modules/@para-ui/icons/WarningCircleF/index.js"),M=require("../../node_modules/@para-ui/icons/CloseCircleF/index.js"),h=require("clsx"),m=require("../../Button/index.js"),O=require("@paraview/lib");require("../../GlobalContext/index.js");const P=require("../../GlobalContext/constant.js");;/* empty css            */const z=require("../../GlobalContext/confirmLocale.js"),D={success:t.jsxRuntimeExports.jsx(B.CheckCircleF,{}),warn:t.jsxRuntimeExports.jsx(x.WarningCircleF,{}),warning:t.jsxRuntimeExports.jsx(x.WarningCircleF,{}),error:t.jsxRuntimeExports.jsx(M.CloseCircleF,{}),info:t.jsxRuntimeExports.jsx(x.WarningCircleF,{})},L=e=>{const{type:n="warning",title:o,content:s,icon:r,okText:l,cancelText:c,onOk:R,onCancel:E,className:q,showCancel:y=!0,closable:N=!1,okButtonProps:k,cancelButtonProps:v,resolveFn:d,callback:b,destroy:j,actions:f,showActions:w=!0,...g}=e,$=`${P.$prefixCls}-confirm`,u=()=>{E?.(),d?.(!1),j?.()},p=()=>{R?.(),d?.(!0),b?.(),j?.()},F=()=>w?f?t.jsxRuntimeExports.jsx("div",{className:"confirm-content-actions",children:f}):t.jsxRuntimeExports.jsxs("div",{className:"confirm-content-actions",children:[y&&t.jsxRuntimeExports.jsx(m.Button,{variant:"outlined",size:"small",onClick:u,...v,children:c}),t.jsxRuntimeExports.jsx(m.Button,{variant:"contained",size:"small",onClick:p,...k,children:l})]}):null;return t.jsxRuntimeExports.jsx(T.Modal,{bodyStyle:{minHeight:"auto"},...g,onOk:p,onCancel:u,title:"",footer:"",size:"auto",hideHeader:!0,showActions:!1,className:h($,q),children:t.jsxRuntimeExports.jsx("div",{className:"confirm-wrapper",children:t.jsxRuntimeExports.jsxs("div",{className:"confirm-content",children:[N&&t.jsxRuntimeExports.jsx(m.Button.IconButton,{variant:"outlined",size:"small",className:"confirm-content-close",onClick:u,children:t.jsxRuntimeExports.jsx(A.Close,{})}),t.jsxRuntimeExports.jsx("span",{className:h("confirm-content-icon",`confirm-content-icon--${n}`),children:r||D[n]}),t.jsxRuntimeExports.jsxs("div",{className:"confirm-content-body",children:[o&&t.jsxRuntimeExports.jsx("span",{className:"confirm-body-title",children:o}),t.jsxRuntimeExports.jsx("div",{className:"confirm-body-desc",children:s})]}),F()]})})})},i=new Map,S=(e,n,o)=>{const s=document.createElement("div"),r=e.uuid||O.UUID();e.uuid&&s.setAttribute("data-confirm-cid",e.uuid),document.body.appendChild(s);const l=()=>{C.unmountComponentAtNode(s)&&s.parentNode&&s.parentNode.removeChild(s),i.delete(r)};i.set(r,l),setTimeout(()=>{const c=z.getConfirmLocale();C.render(t.jsxRuntimeExports.jsx(L,{...e,okText:e.okText??c.ok,cancelText:e.cancelText??c.cancel,open:!0,resolveFn:n,callback:o,destroy:l}),s)})},a=(e,n,o)=>{let s={type:n};return typeof e=="string"?s.content=e:s={...e,type:n},new Promise(r=>{S(s,r,o)})},W=e=>{if(e){const n=i.get(e);n&&n(),i.delete(e);return}i.forEach(n=>{n&&n()}),i.clear()},H={info:(e,n)=>a(e,"info",n),warn:(e,n)=>a(e,"warn",n),error:(e,n)=>a(e,"error",n),success:(e,n)=>a(e,"success",n),destroyAll:W};exports.Confirm=H;
 //# sourceMappingURL=index.js.map

package/lib/Modal/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),p=require("react"),le=require("rc-dialog"),u=require("../Button/index.js"),ae=require("@para-ui/icons/Close"),ce=require("../GlobalContext/useFormatMessage.js"),ue=require("./lang/index.js"),me=require("./Confirm/index.js"),C=require("clsx"),k=require("../GlobalContext/constant.js"),de=require("../AutoTips/index.js");;/* empty css            */let m;const xe=s=>{m={x:s.pageX,y:s.pageY},setTimeout(()=>{m=null},100)};window.document.documentElement&&document.documentElement.addEventListener("click",xe,!0);const y=s=>{const{open:E,visible:$=!1,closeIcon:b,centered:S=!0,focusTriggerAfterClose:R=!0,title:w,footer:q,showActions:z=!0,actions:N,header:d,hideHeader:B=!1,showCancel:M=!0,maskClosable:v=!1,disableBackdropClick:F=!0,keyboard:H=!1,disableEscapeKeyDown:T=!0,fullScreen:A,customizeSize:P,style:I,bodyStyle:_,contentWidth:O,contentHeight:x,contentStyle:f,size:o="md",children:D,closable:L=!0,mask:h=!0,...W}=s,K=A||o==="fullScreen",g=ce.default("Modal",ue.default),e=`${k.$prefixCls}-modal`,l=n=>{s.onCancel?.(n)},X=n=>{s.onOk?.(n)},Y=()=>{const n={sm:`${e}-sm`,md:`${e}-md`,lg:`${e}-lg`,auto:`${e}-auto`,fullScreen:`${e}-fullscreen`};if(!f)return K?n.fullScreen:n[o]},G=()=>!o||o==="fullScreen"||o==="auto"?void 0:{sm:{width:430,maxHeight:118},md:{width:486,maxHeight:478},lg:{width:948,maxHeight:478}}[o],J=()=>h?`${e}-with-mask`:`${e}-without-mask`,Q=()=>({...P,...I}),U=()=>{const{maxHeight:n,width:a}=G()||{};return{maxHeight:x||n||"calc(100vh - 142px)",width:O||a,height:x,..._,...f}},V=()=>{if(B)return null;if(d)return d;const n=L&&t.jsxRuntimeExports.jsx(u.Button.IconButton,{onClick:l,className:`${e}-close`,variant:"outlined",size:"small",children:b||t.jsxRuntimeExports.jsx(ae,{className:`${e}-close-icon`})});return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(de.default,{className:`${e}-title-text`,children:w}),n]})},Z=()=>{if(!z)return null;const{okText:n,cancelText:a,okButtonProps:ne,cancelButtonProps:se,confirmLoading:oe=!1}=s,re=t.jsxRuntimeExports.jsx(u.Button,{variant:"contained",size:"large",loading:oe,onClick:X,...ne,children:n??g({id:"ok"})}),j=[M&&t.jsxRuntimeExports.jsx(u.Button,{variant:"outlined",size:"large",onClick:l,...se,children:a??g({id:"cancel"})}),re],i=N??q;if(typeof i=="function"){const r=i(j);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:Array.isArray(r)?r.map((c,ie)=>t.jsxRuntimeExports.jsx(p.Fragment,{children:c},ie)):r})}else if(i)return i;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:j.map((r,c)=>t.jsxRuntimeExports.jsx(p.Fragment,{children:r},c))})},ee=C(s.wrapClassName,{[`${e}-centered`]:S}),te=C(s.className,`${k.$prefixCls}-scrollbar-small`,Y(),J());return t.jsxRuntimeExports.jsx(le,{...W,mask:h,visible:E??$,title:V(),footer:Z(),style:Q(),bodyStyle:U(),prefixCls:e,className:te,wrapClassName:ee,mousePosition:m,onClose:l,closable:!1,closeIcon:null,maskClosable:!F||v,keyboard:!T||H,focusTriggerAfterClose:R,transitionName:`${e}-zoom`,maskTransitionName:`${e}-fade`,children:D})};exports.Confirm=me.Confirm;exports.Modal=y;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const t=require("../_virtual/jsx-runtime.js"),p=require("react"),le=require("rc-dialog"),u=require("../Button/index.js"),ae=require("../node_modules/@para-ui/icons/Close/index.js"),ce=require("../GlobalContext/useFormatMessage.js"),ue=require("./lang/index.js"),me=require("./Confirm/index.js"),C=require("clsx"),k=require("../GlobalContext/constant.js"),de=require("../AutoTips/index.js");;/* empty css            */let m;const xe=s=>{m={x:s.pageX,y:s.pageY},setTimeout(()=>{m=null},100)};window.document.documentElement&&document.documentElement.addEventListener("click",xe,!0);const $=s=>{const{open:y,visible:E=!1,closeIcon:b,centered:S=!0,focusTriggerAfterClose:R=!0,title:w,footer:q,showActions:z=!0,actions:N,header:d,hideHeader:B=!1,showCancel:M=!0,maskClosable:v=!1,disableBackdropClick:F=!0,keyboard:H=!1,disableEscapeKeyDown:T=!0,fullScreen:A,customizeSize:P,style:_,bodyStyle:I,contentWidth:O,contentHeight:x,contentStyle:f,size:o="md",children:D,closable:L=!0,mask:h=!0,...W}=s,K=A||o==="fullScreen",g=ce.default("Modal",ue.default),e=`${k.$prefixCls}-modal`,l=n=>{s.onCancel?.(n)},X=n=>{s.onOk?.(n)},Y=()=>{const n={sm:`${e}-sm`,md:`${e}-md`,lg:`${e}-lg`,auto:`${e}-auto`,fullScreen:`${e}-fullscreen`};if(!f)return K?n.fullScreen:n[o]},G=()=>!o||o==="fullScreen"||o==="auto"?void 0:{sm:{width:430,maxHeight:118},md:{width:486,maxHeight:478},lg:{width:948,maxHeight:478}}[o],J=()=>h?`${e}-with-mask`:`${e}-without-mask`,Q=()=>({...P,..._}),U=()=>{const{maxHeight:n,width:a}=G()||{};return{maxHeight:x||n||"calc(100vh - 142px)",width:O||a,height:x,...I,...f}},V=()=>{if(B)return null;if(d)return d;const n=L&&t.jsxRuntimeExports.jsx(u.Button.IconButton,{onClick:l,className:`${e}-close`,variant:"outlined",size:"small",children:b||t.jsxRuntimeExports.jsx(ae.Close,{className:`${e}-close-icon`})});return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(de.default,{className:`${e}-title-text`,children:w}),n]})},Z=()=>{if(!z)return null;const{okText:n,cancelText:a,okButtonProps:ne,cancelButtonProps:se,confirmLoading:oe=!1}=s,re=t.jsxRuntimeExports.jsx(u.Button,{variant:"contained",size:"large",loading:oe,onClick:X,...ne,children:n??g({id:"ok"})}),j=[M&&t.jsxRuntimeExports.jsx(u.Button,{variant:"outlined",size:"large",onClick:l,...se,children:a??g({id:"cancel"})}),re],i=N??q;if(typeof i=="function"){const r=i(j);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:Array.isArray(r)?r.map((c,ie)=>t.jsxRuntimeExports.jsx(p.Fragment,{children:c},ie)):r})}else if(i)return i;return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:j.map((r,c)=>t.jsxRuntimeExports.jsx(p.Fragment,{children:r},c))})},ee=C(s.wrapClassName,{[`${e}-centered`]:S}),te=C(s.className,`${k.$prefixCls}-scrollbar-small`,Y(),J());return t.jsxRuntimeExports.jsx(le,{...W,mask:h,visible:y??E,title:V(),footer:Z(),style:Q(),bodyStyle:U(),prefixCls:e,className:te,wrapClassName:ee,mousePosition:m,onClose:l,closable:!1,closeIcon:null,maskClosable:!F||v,keyboard:!T||H,focusTriggerAfterClose:R,transitionName:`${e}-zoom`,maskTransitionName:`${e}-fade`,children:D})};exports.Confirm=me.Confirm;exports.Modal=$;exports.default=$;
 //# sourceMappingURL=index.js.map

package/lib/MultiBox/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const r=require("../_virtual/jsx-runtime.js"),x=require("react"),B=require("../TextField/index.js"),se=require("../Label/index.js"),re=require("../HelperText/index.js"),le=require("@para-ui/icons/Delete"),oe=require("@para-ui/icons/PlusCircleF"),f=require("../GlobalContext/constant.js"),ae=require("../GlobalContext/useFormatMessage.js"),ie=require("./lang/index.js"),ne=require("../Tooltip/index.js");;/* empty css            */const O=n=>{const{className:y,style:K,size:m="large",placeholderKey:P="",placeholderValue:L="",label:C="",labelTooltip:p,labelSign:R,disabled:o=!1,disabledTooltip:b,required:D=!1,error:I=!1,hideErrorDom:z,separator:h=":",helperText:d="",value:j,replaceFields:v,onChange:i,fetchSuggestionsKey:E,fetchSuggestionsValue:g,keyOtherProps:N,valueOtherProps:T}=n,q=!!(d&&typeof d=="string"),H=d instanceof Array,w=ae.default("MultiBox",ie.default),[l,c]=x.useState([]),[a,G]=x.useState({key:"label",value:"value"});x.useEffect(()=>{n.defaultValue!==void 0&&c([...n.defaultValue])},[]),x.useEffect(()=>{j!==void 0&&c([...j])},[j]),x.useEffect(()=>{if(v){const t={...a,...v};G(t)}},[v]);const $=(t,e)=>{let s={error:!1,helperText:""};if(H){const u=d[t];u&&u[e]&&(s={error:!0,helperText:u[e]})}return s},J=()=>{o!==!0&&(l.push({}),n.value===void 0&&c([...l]),i&&i(l))},Q=t=>()=>{o!==!0&&(l.splice(t,1),n.value===void 0&&c([...l]),i&&i(l))},S=(t,e)=>s=>{l[e][t]=s.target.value,n.value===void 0&&c([...l]),i&&i(l)},U=()=>{if(!C&&!R)return null;const t=()=>{let e="multi-box-label";return p&&p.className&&(e+=` ${p.className}`),e};return r.jsxRuntimeExports.jsx(se.default,{label:C,required:D,labelSign:R,...p,className:t()})},W=(t,e)=>{const s=t[a.key||""]||"",u=t[a.value||""]||"",ee=o instanceof Array?o[e]?.[s]:o,te=o instanceof Array?o[e]?.[u]:o,A=$(e,a.key||""),M=$(e,a.value||"");let _="multi-box-content-item-input";return(A.error||M.error)&&(_+=" multi-box-content-item-input-error"),r.jsxRuntimeExports.jsxs("div",{className:_,children:[r.jsxRuntimeExports.jsx(B.TextField,{className:"multi-box-text-field",size:m,disabled:ee,placeholder:P,value:s,...A,onChange:S(a.key||"",e),fetchSuggestions:E?V("key"):void 0,onSelect:k(a.key||"",e),...N&&N(e,s)}),h&&r.jsxRuntimeExports.jsx("span",{className:"multi-box-separator",children:h}),r.jsxRuntimeExports.jsx(B.TextField,{className:"multi-box-text-field",size:m,disabled:te,placeholder:L,value:u,...M,onChange:S(a.value||"",e),fetchSuggestions:g?V("value"):void 0,onSelect:k(a.value||"",e),...T&&T(e,u)})]})},X=()=>r.jsxRuntimeExports.jsx("div",{className:"multi-box-content",children:l.map((t,e)=>r.jsxRuntimeExports.jsxs("div",{className:"multi-box-content-item",children:[W(t,e),o!==!0&&r.jsxRuntimeExports.jsx("div",{className:"opera-box",children:r.jsxRuntimeExports.jsx("span",{className:"del-box",onClick:Q(e),children:r.jsxRuntimeExports.jsx(le,{})})})]},e))}),V=t=>(e,s)=>{t==="key"?E&&E(e,s):g&&g(e,s)},k=(t,e)=>s=>{typeof s=="object"&&s!==null?l[e][t]=s.value:l[e][t]=s,n.value===void 0&&c([...l]),i&&i(l)},Y=()=>{let t=`${f.$prefixCls}-multi-box multi-box`;return y&&(t+=` ${y}`),m&&(t+=` ${f.$prefixCls}-multi-box-${m}`),I&&(t+=` ${f.$prefixCls}-multi-box-error`),o===!0&&(t+=` ${f.$prefixCls}-multi-box-disabled`),h&&(t+=` ${f.$prefixCls}-multi-box-separator`),t},F=()=>r.jsxRuntimeExports.jsxs("div",{className:"multi-box-add",onClick:J,children:[r.jsxRuntimeExports.jsx(oe,{}),r.jsxRuntimeExports.jsx("span",{children:w({id:"add"})})]}),Z=()=>b?r.jsxRuntimeExports.jsx(ne.Tooltip,{disabled:!0,placement:b.placement||"top",...b,children:F()}):F();return r.jsxRuntimeExports.jsxs("div",{className:Y(),style:K,children:[U(),X(),Z(),r.jsxRuntimeExports.jsx(re.default,{className:"multi-box-error-text",error:q,helperText:q?d:void 0,hideErrorDom:z})]})};exports.MultiBox=O;exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const r=require("../_virtual/jsx-runtime.js"),x=require("react"),B=require("../TextField/index.js"),se=require("../Label/index.js"),re=require("../HelperText/index.js"),le=require("../node_modules/@para-ui/icons/Delete/index.js"),oe=require("../node_modules/@para-ui/icons/PlusCircleF/index.js"),f=require("../GlobalContext/constant.js"),ie=require("../GlobalContext/useFormatMessage.js"),ae=require("./lang/index.js"),ne=require("../Tooltip/index.js");;/* empty css            */const O=n=>{const{className:y,style:K,size:m="large",placeholderKey:P="",placeholderValue:L="",label:C="",labelTooltip:p,labelSign:R,disabled:o=!1,disabledTooltip:b,required:D=!1,error:I=!1,hideErrorDom:z,separator:h=":",helperText:d="",value:j,replaceFields:v,onChange:a,fetchSuggestionsKey:E,fetchSuggestionsValue:g,keyOtherProps:N,valueOtherProps:$}=n,T=!!(d&&typeof d=="string"),H=d instanceof Array,w=ie.default("MultiBox",ae.default),[l,c]=x.useState([]),[i,G]=x.useState({key:"label",value:"value"});x.useEffect(()=>{n.defaultValue!==void 0&&c([...n.defaultValue])},[]),x.useEffect(()=>{j!==void 0&&c([...j])},[j]),x.useEffect(()=>{if(v){const t={...i,...v};G(t)}},[v]);const q=(t,e)=>{let s={error:!1,helperText:""};if(H){const u=d[t];u&&u[e]&&(s={error:!0,helperText:u[e]})}return s},J=()=>{o!==!0&&(l.push({}),n.value===void 0&&c([...l]),a&&a(l))},Q=t=>()=>{o!==!0&&(l.splice(t,1),n.value===void 0&&c([...l]),a&&a(l))},S=(t,e)=>s=>{l[e][t]=s.target.value,n.value===void 0&&c([...l]),a&&a(l)},U=()=>{if(!C&&!R)return null;const t=()=>{let e="multi-box-label";return p&&p.className&&(e+=` ${p.className}`),e};return r.jsxRuntimeExports.jsx(se.default,{label:C,required:D,labelSign:R,...p,className:t()})},W=(t,e)=>{const s=t[i.key||""]||"",u=t[i.value||""]||"",ee=o instanceof Array?o[e]?.[s]:o,te=o instanceof Array?o[e]?.[u]:o,A=q(e,i.key||""),M=q(e,i.value||"");let _="multi-box-content-item-input";return(A.error||M.error)&&(_+=" multi-box-content-item-input-error"),r.jsxRuntimeExports.jsxs("div",{className:_,children:[r.jsxRuntimeExports.jsx(B.TextField,{className:"multi-box-text-field",size:m,disabled:ee,placeholder:P,value:s,...A,onChange:S(i.key||"",e),fetchSuggestions:E?V("key"):void 0,onSelect:k(i.key||"",e),...N&&N(e,s)}),h&&r.jsxRuntimeExports.jsx("span",{className:"multi-box-separator",children:h}),r.jsxRuntimeExports.jsx(B.TextField,{className:"multi-box-text-field",size:m,disabled:te,placeholder:L,value:u,...M,onChange:S(i.value||"",e),fetchSuggestions:g?V("value"):void 0,onSelect:k(i.value||"",e),...$&&$(e,u)})]})},X=()=>r.jsxRuntimeExports.jsx("div",{className:"multi-box-content",children:l.map((t,e)=>r.jsxRuntimeExports.jsxs("div",{className:"multi-box-content-item",children:[W(t,e),o!==!0&&r.jsxRuntimeExports.jsx("div",{className:"opera-box",children:r.jsxRuntimeExports.jsx("span",{className:"del-box",onClick:Q(e),children:r.jsxRuntimeExports.jsx(le.Delete,{})})})]},e))}),V=t=>(e,s)=>{t==="key"?E&&E(e,s):g&&g(e,s)},k=(t,e)=>s=>{typeof s=="object"&&s!==null?l[e][t]=s.value:l[e][t]=s,n.value===void 0&&c([...l]),a&&a(l)},Y=()=>{let t=`${f.$prefixCls}-multi-box multi-box`;return y&&(t+=` ${y}`),m&&(t+=` ${f.$prefixCls}-multi-box-${m}`),I&&(t+=` ${f.$prefixCls}-multi-box-error`),o===!0&&(t+=` ${f.$prefixCls}-multi-box-disabled`),h&&(t+=` ${f.$prefixCls}-multi-box-separator`),t},F=()=>r.jsxRuntimeExports.jsxs("div",{className:"multi-box-add",onClick:J,children:[r.jsxRuntimeExports.jsx(oe.PlusCircleF,{}),r.jsxRuntimeExports.jsx("span",{children:w({id:"add"})})]}),Z=()=>b?r.jsxRuntimeExports.jsx(ne.Tooltip,{disabled:!0,placement:b.placement||"top",...b,children:F()}):F();return r.jsxRuntimeExports.jsxs("div",{className:Y(),style:K,children:[U(),X(),Z(),r.jsxRuntimeExports.jsx(re.default,{className:"multi-box-error-text",error:T,helperText:T?d:void 0,hideErrorDom:z})]})};exports.MultiBox=O;exports.default=O;
 //# sourceMappingURL=index.js.map

package/lib/Notification/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const a=require("../_virtual/jsx-runtime.js"),F=require("react"),L=require("rc-notification"),v=require("@para-ui/icons/WarningCircleF"),M=require("@para-ui/icons/CheckCircleF"),N=require("@para-ui/icons/Close"),O=require("@para-ui/icons/CloseCircleF"),C=require("clsx"),R=require("../GlobalContext/constant.js");;/* empty css            */const m={};let b=5,E=20,y=20,I=20,q=20,w="topRight",k;const S=`${R.$prefixCls}-notification`;let h=a.jsxRuntimeExports.jsx(N,{className:`${S}-close-icon`});const _=!1;let P;function A(t){const{duration:e,placement:o,bottom:i,top:s,left:n,right:r,getContainer:u,closeIcon:f}=t;e!==void 0&&(b=e),o!==void 0&&(w=o),i!==void 0&&(y=i),s!==void 0&&(E=s),n!==void 0&&(I=n),r!==void 0&&(q=r),u!==void 0&&(k=u),f!==void 0&&(h=f),t.maxCount!==void 0&&(P=t.maxCount)}function B(t,e=E,o=y,i=I,s=q){let n;switch(t){case"topLeft":n={left:i,top:e,bottom:"auto"};break;case"topRight":n={right:s,top:e,bottom:"auto"};break;case"bottomLeft":n={left:i,top:"auto",bottom:o};break;default:n={right:s,top:"auto",bottom:o};break}return n}function D(t,e){const{placement:o=w,top:i,bottom:s,left:n,right:r,getContainer:u=k,closeIcon:f=h}=t,c=`${R.$prefixCls}-notification`,$=`${c}-${o}`,p=m[$];if(p){Promise.resolve(p).then(d=>{e({prefixCls:`${c}-notice`,instance:d})});return}const g=a.jsxRuntimeExports.jsx("span",{className:`${c}-close-x`,children:f||a.jsxRuntimeExports.jsx(N,{className:`${c}-close-icon`})}),j=C(`${c}-${o}`,{[`${c}-rtl`]:_===!0});m[$]=new Promise(d=>{L.newInstance({prefixCls:c,className:j,style:B(o,i,s,n,r),getContainer:u,closeIcon:g,maxCount:P},l=>{d(l),e({prefixCls:`${c}-notice`,instance:l})})})}const G={success:M,info:v,error:O,warning:v};function W(t,e){const{duration:o,icon:i,type:s,description:n,message:r,btn:u,onClose:f,onClick:c,key:$,style:p,className:g,closeIcon:j=h}=t,d=o===void 0?b:o;let l=null;i?l=a.jsxRuntimeExports.jsx("span",{className:`${e}-icon`,children:i}):s&&(l=F.createElement(G[s]||null,{className:`${e}-icon ${e}-icon-${s}`}));const T=!n&&l?a.jsxRuntimeExports.jsx("span",{className:`${e}-message-single-line-auto-margin`}):null;return{content:a.jsxRuntimeExports.jsxs("div",{className:`${l?`${e}-with-icon`:""} ${n?"":`${e}-without-description`}`,children:[l,a.jsxRuntimeExports.jsxs("div",{className:`${e}-message ${r?"":"msg-none"}`,children:[T,r]}),n&&a.jsxRuntimeExports.jsx("div",{className:`${e}-description ${r?"":"msg-none"}`,children:n}),u?a.jsxRuntimeExports.jsx("span",{className:`${e}-btn`,children:u}):null]}),duration:d,closable:!0,onClose:f,onClick:c,key:$,style:p||{},className:C(g,{[`${e}-${s}`]:!!s}),closeIcon:j}}function z(t){D(t,({prefixCls:e,instance:o})=>{o.notice(W(t,e))})}const x={open:z,close(t){Object.keys(m).forEach(e=>Promise.resolve(m[e]).then(o=>{o.removeNotice(t)}))},config:A,destroy(){Object.keys(m).forEach(t=>{Promise.resolve(m[t]).then(e=>{e.destroy()}),delete m[t]})}};["success","info","warning","error"].forEach(t=>{x[t]=e=>x.open({...e,type:t})});x.warn=x.warning;exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const a=require("../_virtual/jsx-runtime.js"),F=require("react"),L=require("rc-notification"),v=require("../node_modules/@para-ui/icons/WarningCircleF/index.js"),M=require("../node_modules/@para-ui/icons/CheckCircleF/index.js"),N=require("../node_modules/@para-ui/icons/Close/index.js"),O=require("../node_modules/@para-ui/icons/CloseCircleF/index.js"),C=require("clsx"),R=require("../GlobalContext/constant.js");;/* empty css            */const d={};let b=5,E=20,y=20,I=20,q=20,w="topRight",k;const S=`${R.$prefixCls}-notification`;let h=a.jsxRuntimeExports.jsx(N.Close,{className:`${S}-close-icon`});const W=!1;let P;function _(t){const{duration:e,placement:o,bottom:i,top:s,left:n,right:r,getContainer:u,closeIcon:m}=t;e!==void 0&&(b=e),o!==void 0&&(w=o),i!==void 0&&(y=i),s!==void 0&&(E=s),n!==void 0&&(I=n),r!==void 0&&(q=r),u!==void 0&&(k=u),m!==void 0&&(h=m),t.maxCount!==void 0&&(P=t.maxCount)}function A(t,e=E,o=y,i=I,s=q){let n;switch(t){case"topLeft":n={left:i,top:e,bottom:"auto"};break;case"topRight":n={right:s,top:e,bottom:"auto"};break;case"bottomLeft":n={left:i,top:"auto",bottom:o};break;default:n={right:s,top:"auto",bottom:o};break}return n}function B(t,e){const{placement:o=w,top:i,bottom:s,left:n,right:r,getContainer:u=k,closeIcon:m=h}=t,c=`${R.$prefixCls}-notification`,$=`${c}-${o}`,p=d[$];if(p){Promise.resolve(p).then(f=>{e({prefixCls:`${c}-notice`,instance:f})});return}const g=a.jsxRuntimeExports.jsx("span",{className:`${c}-close-x`,children:m||a.jsxRuntimeExports.jsx(N.Close,{className:`${c}-close-icon`})}),j=C(`${c}-${o}`,{[`${c}-rtl`]:W===!0});d[$]=new Promise(f=>{L.newInstance({prefixCls:c,className:j,style:A(o,i,s,n,r),getContainer:u,closeIcon:g,maxCount:P},l=>{f(l),e({prefixCls:`${c}-notice`,instance:l})})})}const D={success:M.CheckCircleF,info:v.WarningCircleF,error:O.CloseCircleF,warning:v.WarningCircleF};function G(t,e){const{duration:o,icon:i,type:s,description:n,message:r,btn:u,onClose:m,onClick:c,key:$,style:p,className:g,closeIcon:j=h}=t,f=o===void 0?b:o;let l=null;i?l=a.jsxRuntimeExports.jsx("span",{className:`${e}-icon`,children:i}):s&&(l=F.createElement(D[s]||null,{className:`${e}-icon ${e}-icon-${s}`}));const T=!n&&l?a.jsxRuntimeExports.jsx("span",{className:`${e}-message-single-line-auto-margin`}):null;return{content:a.jsxRuntimeExports.jsxs("div",{className:`${l?`${e}-with-icon`:""} ${n?"":`${e}-without-description`}`,children:[l,a.jsxRuntimeExports.jsxs("div",{className:`${e}-message ${r?"":"msg-none"}`,children:[T,r]}),n&&a.jsxRuntimeExports.jsx("div",{className:`${e}-description ${r?"":"msg-none"}`,children:n}),u?a.jsxRuntimeExports.jsx("span",{className:`${e}-btn`,children:u}):null]}),duration:f,closable:!0,onClose:m,onClick:c,key:$,style:p||{},className:C(g,{[`${e}-${s}`]:!!s}),closeIcon:j}}function z(t){B(t,({prefixCls:e,instance:o})=>{o.notice(G(t,e))})}const x={open:z,close(t){Object.keys(d).forEach(e=>Promise.resolve(d[e]).then(o=>{o.removeNotice(t)}))},config:_,destroy(){Object.keys(d).forEach(t=>{Promise.resolve(d[t]).then(e=>{e.destroy()}),delete d[t]})}};["success","info","warning","error"].forEach(t=>{x[t]=e=>x.open({...e,type:t})});x.warn=x.warning;exports.default=x;
 //# sourceMappingURL=index.js.map

package/lib/OperateBtn/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../_virtual/jsx-runtime.js"),u=require("react"),I=require("@para-ui/icons/More"),R=require("../Button/index.js"),S=require("../Tooltip/index.js"),w=require("../Popover/index.js"),F=require("../PopConfirm/index.js"),O=require("../AutoTips/index.js"),d=require("../GlobalContext/constant.js"),K=require("../GlobalContext/useFormatMessage.js"),L=require("./lang/index.js"),E=require("clsx");;/* empty css            */const z=T=>{const{className:P="",style:x,size:q="small",list:l,showNum:a=3,popoverClassName:j,placement:N="bottom-end",clickCloseMore:k=!0,onClick:f,loadingMapping:c,key:m="key"}=T;K.default("OperateBtn",L.default);const[y,M]=u.useState(!1),[i,b]=u.useState({}),g=(e,o)=>async n=>{if(n.stopPropagation(),e.disabled||C(e,o))return;k&&h();const t=e[m],r=c&&c[t];r===void 0&&(i[o]=!0,b({...i}));let p;e.onClick?p=await e.onClick(e,n):f&&(p=await f(e,n)),r===void 0&&(i[o]=p,b({...i}))},h=e=>{M(!!e)},C=(e,o)=>{let n;const t=e[m];return n=c&&c[t],n===void 0&&(n=i[o]),n},B=()=>{let e=`${d.$prefixCls}-operate-btn-popover`;return j&&(e+=` ${j}`),e},v=(e,o)=>e.popConfirmProps?s.jsxRuntimeExports.jsx(F.PopConfirm,{...e.popConfirmProps,children:o}):o,$=()=>{const e=l?.slice(a,l?.length)||[],o=t=>E("operate-btn-list-item",t.className,{"operate-btn-list-item-disabled":t.disabled,"operate-btn-list-item-danger":t.danger}),n=(t,r,p)=>s.jsxRuntimeExports.jsx("div",{className:o(t),onClick:g(t,p+a),style:x,children:r});return s.jsxRuntimeExports.jsx("div",{className:"operate-btn-list",children:e.map((t,r)=>t.disabled?s.jsxRuntimeExports.jsx(S.Tooltip,{disabled:!0,title:t.toolTipTitle,children:n(t,t.label||t.toolTipTitle,r)},r):s.jsxRuntimeExports.jsx(u.Fragment,{children:v(t,n(t,s.jsxRuntimeExports.jsx(O.default,{tipMaxWidth:"none",children:t.label||t.toolTipTitle}),r))},r))})},_=()=>s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:l&&l.length>a+1&&s.jsxRuntimeExports.jsx(w.Popover,{placement:"bottom-end",visible:y,content:$(),onVisibleChange:h,overlayClassName:B(),trigger:"hover",children:s.jsxRuntimeExports.jsx(R.Button.IconButton,{variant:"text",className:"operate-btn-more",onClick:e=>{e.stopPropagation()},children:s.jsxRuntimeExports.jsx(I,{})})})});return s.jsxRuntimeExports.jsxs("div",{className:E(`${d.$prefixCls}-operate-btn`,P,`${d.$prefixCls}-operate-btn-${q}`),style:x,children:[l?.map((e,o)=>{let n=!0;if(l.length>a+1){if(a<o+1)return null}else l.length===o+1&&(n=!1);return s.jsxRuntimeExports.jsxs(u.Fragment,{children:[s.jsxRuntimeExports.jsx(R.Button.IconButton,{className:e.className,style:e.style,variant:"text",toolTipTitle:e.toolTipTitle||e.label||"",TooltipProps:{placement:e.placement||N,arrow:!1},loading:C(e,o),disabled:e.disabled,danger:e.danger,onClick:g(e,o),children:v(e,e.icon)}),n&&s.jsxRuntimeExports.jsx("span",{className:"operate-btn-line"})]},o)}),_()]})};exports.default=z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../_virtual/jsx-runtime.js"),u=require("react"),I=require("../node_modules/@para-ui/icons/More/index.js"),R=require("../Button/index.js"),S=require("../Tooltip/index.js"),w=require("../Popover/index.js"),F=require("../PopConfirm/index.js"),O=require("../AutoTips/index.js"),d=require("../GlobalContext/constant.js"),K=require("../GlobalContext/useFormatMessage.js"),L=require("./lang/index.js"),E=require("clsx");;/* empty css            */const z=T=>{const{className:P="",style:x,size:q="small",list:l,showNum:a=3,popoverClassName:j,placement:N="bottom-end",clickCloseMore:k=!0,onClick:f,loadingMapping:c,key:m="key"}=T;K.default("OperateBtn",L.default);const[y,M]=u.useState(!1),[i,b]=u.useState({}),g=(e,o)=>async n=>{if(n.stopPropagation(),e.disabled||C(e,o))return;k&&h();const t=e[m],r=c&&c[t];r===void 0&&(i[o]=!0,b({...i}));let p;e.onClick?p=await e.onClick(e,n):f&&(p=await f(e,n)),r===void 0&&(i[o]=p,b({...i}))},h=e=>{M(!!e)},C=(e,o)=>{let n;const t=e[m];return n=c&&c[t],n===void 0&&(n=i[o]),n},B=()=>{let e=`${d.$prefixCls}-operate-btn-popover`;return j&&(e+=` ${j}`),e},v=(e,o)=>e.popConfirmProps?s.jsxRuntimeExports.jsx(F.PopConfirm,{...e.popConfirmProps,children:o}):o,$=()=>{const e=l?.slice(a,l?.length)||[],o=t=>E("operate-btn-list-item",t.className,{"operate-btn-list-item-disabled":t.disabled,"operate-btn-list-item-danger":t.danger}),n=(t,r,p)=>s.jsxRuntimeExports.jsx("div",{className:o(t),onClick:g(t,p+a),style:x,children:r});return s.jsxRuntimeExports.jsx("div",{className:"operate-btn-list",children:e.map((t,r)=>t.disabled?s.jsxRuntimeExports.jsx(S.Tooltip,{disabled:!0,title:t.toolTipTitle,children:n(t,t.label||t.toolTipTitle,r)},r):s.jsxRuntimeExports.jsx(u.Fragment,{children:v(t,n(t,s.jsxRuntimeExports.jsx(O.default,{tipMaxWidth:"none",children:t.label||t.toolTipTitle}),r))},r))})},_=()=>s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:l&&l.length>a+1&&s.jsxRuntimeExports.jsx(w.Popover,{placement:"bottom-end",visible:y,content:$(),onVisibleChange:h,overlayClassName:B(),trigger:"hover",children:s.jsxRuntimeExports.jsx(R.Button.IconButton,{variant:"text",className:"operate-btn-more",onClick:e=>{e.stopPropagation()},children:s.jsxRuntimeExports.jsx(I.More,{})})})});return s.jsxRuntimeExports.jsxs("div",{className:E(`${d.$prefixCls}-operate-btn`,P,`${d.$prefixCls}-operate-btn-${q}`),style:x,children:[l?.map((e,o)=>{let n=!0;if(l.length>a+1){if(a<o+1)return null}else l.length===o+1&&(n=!1);return s.jsxRuntimeExports.jsxs(u.Fragment,{children:[s.jsxRuntimeExports.jsx(R.Button.IconButton,{className:e.className,style:e.style,variant:"text",toolTipTitle:e.toolTipTitle||e.label||"",TooltipProps:{placement:e.placement||N,arrow:!1},loading:C(e,o),disabled:e.disabled,danger:e.danger,onClick:g(e,o),children:v(e,e.icon)}),n&&s.jsxRuntimeExports.jsx("span",{className:"operate-btn-line"})]},o)}),_()]})};exports.default=z;
 //# sourceMappingURL=index.js.map

package/lib/PageHeader/horizontalMeun.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../_virtual/jsx-runtime.js"),i=require("react"),Q=require("../Popover/index.js"),W=require("@para-ui/icons/Down"),ue=require("@para-ui/icons"),ae=require("@para-ui/icons/More"),me=require("@paraview/lib"),U=require("../GlobalContext/constant.js");function he(u){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const c in u)if(c!=="default"){const a=Object.getOwnPropertyDescriptor(u,c);Object.defineProperty(r,c,a.get?a:{enumerable:!0,get:()=>u[c]})}}return r.default=u,Object.freeze(r)}const X=he(ue),Y=u=>{let r="div";return(!u||u.length===0)&&(r="a"),r},Z=(u=[],r,c)=>!u||u.length===0?{href:c||`#${r}`}:{},ee=u=>{const{idMenuLast:r,selectMenu:c="",onClickMenu:a,list:z=[],onMouseEnter:b,onMouseLeave:f,level:v=1,className:E}=u,[M,N]=i.useState(null),[C,T]=i.useState(null),[R,g]=i.useState([]),[x]=i.useState({});i.useEffect(()=>()=>{clearTimeout(x.leaveTimer)},[]);const S=(t,o)=>p=>{x.leaveTimer&&clearTimeout(x.leaveTimer),x.leaveTimer=setTimeout(()=>{let j=[t];t.children&&t.children.length>0&&(j=t.children);const P=p.target;T(P),g(j),N(o)},50)},_=(t,o)=>()=>{x.leaveTimer&&clearTimeout(x.leaveTimer),x.leaveTimer=setTimeout(()=>{N(null),T(null),g([])})},D=t=>o=>{o.preventDefault(),!(t.children&&t.children.length>0)&&(a&&a(t),f&&f())},$=t=>{const o=t.icon;if(o){if(typeof o=="string"){const p=X[o];if(p)return p()}return o}return null},h=t=>{const o=t.children;return o&&o.length>0?s.jsxRuntimeExports.jsx(W,{}):null},I=t=>{let o="menu-item-popper-content-item";const p=r&&r[c];return p&&p.indexOf(t.path)!==-1&&(o+=" menu-item-popper-content-item-select"),o},d=()=>{let t="menu-item-popper";return v!==1&&(t+=" menu-item-popper-child"),E&&(t+=` ${E}`),t},k=i.useCallback((t,o)=>s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:t.children&&t.children.length>0&&M===o&&s.jsxRuntimeExports.jsx(ee,{open:M===o,anchorEl:C,list:R,idMenuLast:r,selectMenu:c,onClickMenu:a,onMouseEnter:b,onMouseLeave:f,level:v+1})}),[M,C,R,r,c,a,b,f,v]),O=i.useMemo(()=>s.jsxRuntimeExports.jsx("div",{className:"menu-item-popper-content",children:z.map((t,o)=>{const p=$(t),j=h(t),P=Y(t.children);return s.jsxRuntimeExports.jsx("div",{className:I(t),onMouseLeave:_(),onMouseEnter:S(t,o),children:s.jsxRuntimeExports.jsxs(P,{className:"menu-item-popper-content-item-content",onClick:D(t),...Z(t.children,t.path,t.href),children:[p&&s.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:p}),s.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:t.label}),j&&s.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:j}),k(t,o)]})},o)})}),[z,a,M,C,R,r,c,a,b,f,v]);return s.jsxRuntimeExports.jsx("div",{className:d(),children:O})},te=u=>{const{list:r,selectMenu:c="",onClickMenu:a,className:z,moreCustomize:b}=u,[f,v]=i.useState(!1),[E,M]=i.useState(null),[N,C]=i.useState(null),[T,R]=i.useState([]),[g,x]=i.useState(""),[S,_]=i.useState({}),[D,$]=i.useState({}),[h,I]=i.useState(null),[d]=i.useState({}),k=i.useRef(null);i.useEffect(()=>{c!==g&&x(c)},[c]),i.useEffect(()=>(o(r||[]),O(),window.addEventListener("resize",O),()=>{window.removeEventListener("resize",O),d.timerResize&&clearTimeout(d.timerResize)}),[r]);const O=()=>{d.timerResize&&clearTimeout(d.timerResize),d.timerResize=setTimeout(()=>{I((r||[]).length),t()},100)},t=e=>{if(e===null||e===0)return;e===void 0&&(e=(r||[]).length);const n=k.current;if(n)if(n.scrollHeight>n.clientHeight){const l=Number(e)-1;I(l),t(l)}else(r||[]).length<=e},o=e=>{const n={},l={},m={},q=(y,F,B)=>{for(let H=0,ce=y.length;H<ce;H++){const w=y[H],L=w.path||"",G=B===void 0?H:B;if(F&&F.path){const K=me.DeepClone(n[F.path]||[]);K.push(L),n[L]=[...K]}else n[L]=[L];w.children&&w.children.length>0?q(w.children,w,G):(l[L]=n[L],m[L]=G)}};q(e),$(m),_(l)},p=(e,n)=>l=>{let m=[];if(e.children&&e.children.length>0&&(m=e.children),m.length===0)return j();M(n),C(l.target),R(m),v(!0)},j=()=>{v(!1),C(null),R([]),M(null)},P=()=>{j()},J=e=>{a&&a(e)},ne=(e,n)=>{let l="horizontal-menu-list-item";const m=S[g];return m&&m.indexOf(e.path)!==-1&&(l+=" horizontal-menu-list-item-select"),E===n&&(l+=" horizontal-menu-list-item-hover"),l},se=e=>{const n=e.icon;if(n){if(typeof n=="string"){const l=X[n];if(l)return l()}return n}return null},re=e=>{const n=e.children;return n&&n.length>0?s.jsxRuntimeExports.jsx(W,{}):null},A=i.useMemo(()=>s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:f&&s.jsxRuntimeExports.jsx(ee,{open:f,anchorEl:N,list:T,idMenuLast:S,selectMenu:g,onClickMenu:J,onMouseLeave:P,level:1})}),[f,N,T,S,g,a,d]),oe=()=>{let e="horizontal-menu-list";return z&&(e+=` ${z}`),e},le=e=>{d.leaveTimer&&clearTimeout(d.leaveTimer);const n=[];for(let l=Number(h),m=(r||[]).length;l<m;l++)n.push((r||[])[l]);M(h),C(e.target),R(n),v(!0)},ie=()=>{let e=" horizontal-menu-list-item";const n=D[g];return h!==null&&h<=n&&(e+=" horizontal-menu-list-item-select"),E===h&&(e+=" horizontal-menu-list-item-hover"),e},V=e=>{e||j()};return s.jsxRuntimeExports.jsxs("div",{className:oe(),ref:k,children:[(r||[]).map((e,n)=>{if(h!==null&&h<=n)return null;const l=se(e),m=re(e),q=Y(e.children);return s.jsxRuntimeExports.jsx(Q.Popover,{visible:E===n,trigger:"hover",placement:"bottom-start",content:A,overlayClassName:`${U.$prefixCls}-horizontal-menu-popper`,onVisibleChange:V,children:s.jsxRuntimeExports.jsxs(q,{onClick:y=>{y.preventDefault(),(!e.children||e.children.length===0)&&J(e)},onMouseEnter:p(e,n),className:ne(e,n),...Z(e.children,e.path,e.href),children:[l&&s.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:l}),s.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:e.label}),m&&s.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:m})]})},n)}),(()=>{if(h!==null&&(r||[]).length>h)return s.jsxRuntimeExports.jsx(Q.Popover,{visible:E===h,trigger:"hover",placement:"bottom-start",content:A,overlayClassName:`${U.$prefixCls}-horizontal-menu-popper`,onVisibleChange:V,children:s.jsxRuntimeExports.jsx("div",{onMouseEnter:le,className:ie(),children:b||s.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:s.jsxRuntimeExports.jsx(ae,{})})})})})()]})};exports.HorizontalMenu=te;exports.default=te;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../_virtual/jsx-runtime.js"),i=require("react"),Q=require("../Popover/index.js"),W=require("../node_modules/@para-ui/icons/Down/index.js"),X=require("../node_modules/@para-ui/icons/index.js"),ue=require("../node_modules/@para-ui/icons/More/index.js"),ae=require("@paraview/lib"),U=require("../GlobalContext/constant.js"),Y=d=>{let l="div";return(!d||d.length===0)&&(l="a"),l},Z=(d=[],l,u)=>!d||d.length===0?{href:u||`#${l}`}:{},ee=d=>{const{idMenuLast:l,selectMenu:u="",onClickMenu:h,list:N=[],onMouseEnter:z,onMouseLeave:x,level:j=1,className:g}=d,[M,T]=i.useState(null),[C,S]=i.useState(null),[R,E]=i.useState([]),[f]=i.useState({});i.useEffect(()=>()=>{clearTimeout(f.leaveTimer)},[]);const b=(n,r)=>m=>{f.leaveTimer&&clearTimeout(f.leaveTimer),f.leaveTimer=setTimeout(()=>{let v=[n];n.children&&n.children.length>0&&(v=n.children);const w=m.target;S(w),E(v),T(r)},50)},D=(n,r)=>()=>{f.leaveTimer&&clearTimeout(f.leaveTimer),f.leaveTimer=setTimeout(()=>{T(null),S(null),E([])})},F=n=>r=>{r.preventDefault(),!(n.children&&n.children.length>0)&&(h&&h(n),x&&x())},y=n=>{const r=n.icon;if(r){if(typeof r=="string"){const m=X[r];if(m)return m()}return r}return null},a=n=>{const r=n.children;return r&&r.length>0?s.jsxRuntimeExports.jsx(W.Down,{}):null},O=n=>{let r="menu-item-popper-content-item";const m=l&&l[u];return m&&m.indexOf(n.path)!==-1&&(r+=" menu-item-popper-content-item-select"),r},p=()=>{let n="menu-item-popper";return j!==1&&(n+=" menu-item-popper-child"),g&&(n+=` ${g}`),n},$=i.useCallback((n,r)=>s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:n.children&&n.children.length>0&&M===r&&s.jsxRuntimeExports.jsx(ee,{open:M===r,anchorEl:C,list:R,idMenuLast:l,selectMenu:u,onClickMenu:h,onMouseEnter:z,onMouseLeave:x,level:j+1})}),[M,C,R,l,u,h,z,x,j]),P=i.useMemo(()=>s.jsxRuntimeExports.jsx("div",{className:"menu-item-popper-content",children:N.map((n,r)=>{const m=y(n),v=a(n),w=Y(n.children);return s.jsxRuntimeExports.jsx("div",{className:O(n),onMouseLeave:D(),onMouseEnter:b(n,r),children:s.jsxRuntimeExports.jsxs(w,{className:"menu-item-popper-content-item-content",onClick:F(n),...Z(n.children,n.path,n.href),children:[m&&s.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:m}),s.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:n.label}),v&&s.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:v}),$(n,r)]})},r)})}),[N,h,M,C,R,l,u,h,z,x,j]);return s.jsxRuntimeExports.jsx("div",{className:p(),children:P})},ne=d=>{const{list:l,selectMenu:u="",onClickMenu:h,className:N,moreCustomize:z}=d,[x,j]=i.useState(!1),[g,M]=i.useState(null),[T,C]=i.useState(null),[S,R]=i.useState([]),[E,f]=i.useState(""),[b,D]=i.useState({}),[F,y]=i.useState({}),[a,O]=i.useState(null),[p]=i.useState({}),$=i.useRef(null);i.useEffect(()=>{u!==E&&f(u)},[u]),i.useEffect(()=>(r(l||[]),P(),window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P),p.timerResize&&clearTimeout(p.timerResize)}),[l]);const P=()=>{p.timerResize&&clearTimeout(p.timerResize),p.timerResize=setTimeout(()=>{O((l||[]).length),n()},100)},n=e=>{if(e===null||e===0)return;e===void 0&&(e=(l||[]).length);const t=$.current;if(t)if(t.scrollHeight>t.clientHeight){const o=Number(e)-1;O(o),n(o)}else(l||[]).length<=e},r=e=>{const t={},o={},c={},q=(k,_,B)=>{for(let H=0,ce=k.length;H<ce;H++){const I=k[H],L=I.path||"",G=B===void 0?H:B;if(_&&_.path){const K=ae.DeepClone(t[_.path]||[]);K.push(L),t[L]=[...K]}else t[L]=[L];I.children&&I.children.length>0?q(I.children,I,G):(o[L]=t[L],c[L]=G)}};q(e),y(c),D(o)},m=(e,t)=>o=>{let c=[];if(e.children&&e.children.length>0&&(c=e.children),c.length===0)return v();M(t),C(o.target),R(c),j(!0)},v=()=>{j(!1),C(null),R([]),M(null)},w=()=>{v()},J=e=>{h&&h(e)},te=(e,t)=>{let o="horizontal-menu-list-item";const c=b[E];return c&&c.indexOf(e.path)!==-1&&(o+=" horizontal-menu-list-item-select"),g===t&&(o+=" horizontal-menu-list-item-hover"),o},se=e=>{const t=e.icon;if(t){if(typeof t=="string"){const o=X[t];if(o)return o()}return t}return null},re=e=>{const t=e.children;return t&&t.length>0?s.jsxRuntimeExports.jsx(W.Down,{}):null},A=i.useMemo(()=>s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:x&&s.jsxRuntimeExports.jsx(ee,{open:x,anchorEl:T,list:S,idMenuLast:b,selectMenu:E,onClickMenu:J,onMouseLeave:w,level:1})}),[x,T,S,b,E,h,p]),oe=()=>{let e="horizontal-menu-list";return N&&(e+=` ${N}`),e},le=e=>{p.leaveTimer&&clearTimeout(p.leaveTimer);const t=[];for(let o=Number(a),c=(l||[]).length;o<c;o++)t.push((l||[])[o]);M(a),C(e.target),R(t),j(!0)},ie=()=>{let e=" horizontal-menu-list-item";const t=F[E];return a!==null&&a<=t&&(e+=" horizontal-menu-list-item-select"),g===a&&(e+=" horizontal-menu-list-item-hover"),e},V=e=>{e||v()};return s.jsxRuntimeExports.jsxs("div",{className:oe(),ref:$,children:[(l||[]).map((e,t)=>{if(a!==null&&a<=t)return null;const o=se(e),c=re(e),q=Y(e.children);return s.jsxRuntimeExports.jsx(Q.Popover,{visible:g===t,trigger:"hover",placement:"bottom-start",content:A,overlayClassName:`${U.$prefixCls}-horizontal-menu-popper`,onVisibleChange:V,children:s.jsxRuntimeExports.jsxs(q,{onClick:k=>{k.preventDefault(),(!e.children||e.children.length===0)&&J(e)},onMouseEnter:m(e,t),className:te(e,t),...Z(e.children,e.path,e.href),children:[o&&s.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:o}),s.jsxRuntimeExports.jsx("span",{className:"menu-item-label",children:e.label}),c&&s.jsxRuntimeExports.jsx("span",{className:"menu-item-arrow",children:c})]})},t)}),(()=>{if(a!==null&&(l||[]).length>a)return s.jsxRuntimeExports.jsx(Q.Popover,{visible:g===a,trigger:"hover",placement:"bottom-start",content:A,overlayClassName:`${U.$prefixCls}-horizontal-menu-popper`,onVisibleChange:V,children:s.jsxRuntimeExports.jsx("div",{onMouseEnter:le,className:ie(),children:z||s.jsxRuntimeExports.jsx("span",{className:"menu-item-icon",children:s.jsxRuntimeExports.jsx(ue.More,{})})})})})()]})};exports.HorizontalMenu=ne;exports.default=ne;
 //# sourceMappingURL=horizontalMeun.js.map