@para-ui/core 5.0.0-beta.11 → 5.0.0-beta.13

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("../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;
+"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("@snack-kit/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:_,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"),_&&(s+=` ${_}`);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]),y=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,y]})},je=x=>{const{size:m="large",open:T=!1,anchorEl:j,idMenuLast:E,selectMenu:k="",onClickMenu:u,list:_=[],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({}),y=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&&y.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=y.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(y){const a=y.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:y,children:_.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)})}),[_,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,_,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:_="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,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=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);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,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),y({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:_,jumpIcon:d,onClickJump:f})}),[g,$,P,S,b,E,s,L,_,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/component.json

@@ -0,0 +1,246 @@
+{
+    "name": "Message",
+    "category": "Feedback",
+    "description": "全局展示操作反馈信息(顶部条状提示)。**通过 4 个静态方法触发,非 React 组件挂载**。**关键 API 形态:`Message.{type}(config, duration?)` —— config 是 MsgTypeProps 对象或纯 string,duration 是【独立的第 2 参数】,不是 MsgTypeProps 的字段**(见 commonMisconceptions.M1)",
+    "semantic": {
+        "intent": [
+            "通知用户操作结果",
+            "瞬态状态提示",
+            "顶部条状反馈"
+        ],
+        "useCases": [
+            "提交成功 / 失败反馈",
+            "操作警告(无需用户确认的轻提示)",
+            "瞬态错误信息",
+            "loading 场景(workaround,无原生 loading 类型,见 limitations.L2)"
+        ],
+        "riskLevel": "low"
+    },
+    "protocolSummary": "**4 类型 × 2 参数签名**:\n```\nMessage.info(config, duration?)\nMessage.success(config, duration?)\nMessage.warn(config, duration?)\nMessage.error(config, duration?)\n```\n- `config: string | MsgTypeProps` —— 字符串(直接当 text)或对象(完整配置)\n- `duration?: number` —— **独立第 2 参数**(毫秒),默认 5000,传 0 / 负数 / NaN 时不自动关闭\n\n**3 个全局方法**:\n```\nMessage.clear()       // 关闭当前所有 Message\nMessage.destroyAll()  // clear 的别名\nMessage.config({ maxCount?, duration? })  // 修改全局默认值\n```",
+    "limitations": {
+        "L1_no_onClose_callback": {
+            "issue": "**MsgTypeProps 不支持 onClose / onDismiss / onAfterClose 回调** —— 用户手动关闭或自动关闭后无法触发回调",
+            "rootCause": "src/Message/index.tsx 未暴露 callback 字段",
+            "workaround": "如果业务需要'关闭后执行 X':\n1. **如果是自动关闭**:用 `setTimeout(handler, duration)` 自己计时(精度误差 ~50ms)\n2. **如果是手动关闭(close 按钮)**:Message 本身没法监听,需要换 Toast / Snackbar / Modal 组件"
+        },
+        "L2_no_loading_variant": {
+            "issue": "**没有 Message.loading 方法 / loading variant** —— variants 只有 info/success/warn/error 4 种",
+            "rootCause": "src/Message/index.tsx 未实现 loading 静态方法",
+            "workaround": "用 `Message.info({ text: '加载中...', icon: <Loading />, close: true }, 0)`(duration=0 不自动关闭),loading 完成后调 `Message.clear()` 关闭。**注意**:icon prop 需要传入 Loading 图标组件 ReactNode",
+            "alternative": "需要真正的 loading 视觉(spinner / 进度) → 用 Loading 组件 / Spin 组件,不要硬塞 Message"
+        }
+    },
+    "variants": {
+        "info": {
+            "meaning": "普通信息(蓝色 i 图标)"
+        },
+        "success": {
+            "meaning": "操作成功(绿色 ✓ 图标)"
+        },
+        "warn": {
+            "meaning": "警告(黄色 ! 图标)"
+        },
+        "error": {
+            "meaning": "错误(红色 × 图标)"
+        }
+    },
+    "states": [
+        "opening",
+        "closing"
+    ],
+    "idealProps": {
+        "text": {
+            "type": "string",
+            "description": "主文本(标题)。也可以把整个 config 简化成纯字符串:`Message.info('提交成功', 3000)` 等同于 `Message.info({ text: '提交成功' }, 3000)`"
+        },
+        "desc": {
+            "type": "string",
+            "description": "副描述文案;**出现时 text 会自动加粗变标题**,desc 作为下方说明文本"
+        },
+        "icon": {
+            "type": "ReactNode",
+            "description": "自定义图标(覆盖 type 默认图标)。loading 场景常传入 `<Loading />` 图标组件配合 duration=0。**与 hideIcon 互斥**(同时传 hideIcon 优先)"
+        },
+        "hideIcon": {
+            "type": "boolean",
+            "default": false,
+            "description": "隐藏图标,显示纯文本提示。**与 icon 互斥**"
+        },
+        "close": {
+            "type": "boolean",
+            "description": "**强制显示关闭按钮**。undefined 时按 duration 推断:duration>0 不显示关闭按钮(自动关闭即可),duration<=0 或 NaN 显示关闭按钮(需要用户手动关闭)"
+        },
+        "maxCount": {
+            "type": "number",
+            "default": "Infinity",
+            "description": "同时显示最大条数。per-call(MsgTypeProps.maxCount)或全局(Message.config({ maxCount: N }))"
+        },
+        "html": {
+            "type": "boolean",
+            "default": false,
+            "description": "是否把 text 当 innerHTML 渲染。**仅可信来源使用**(避免 XSS)"
+        },
+        "className": {
+            "type": "string",
+            "description": "提示容器的 className"
+        },
+        "style": {
+            "type": "React.CSSProperties",
+            "description": "提示容器的 style"
+        }
+    },
+    "staticMethods": {
+        "info": {
+            "signature": "(config: string | MsgTypeProps, duration?: number) => void",
+            "callExample": "// 正确:\nMessage.info('提交成功', 3000)\nMessage.info({ text: '提交成功', desc: '已保存到草稿' }, 3000)\nMessage.info({ text: '加载中', icon: <Loading />, close: true }, 0)\n\n// 错误(M1):\nMessage.info({ text: '提交成功', duration: 3000 })  // ❌ duration 不是 MsgTypeProps 的字段!"
+        },
+        "success": {
+            "signature": "(config: string | MsgTypeProps, duration?: number) => void"
+        },
+        "warn": {
+            "signature": "(config: string | MsgTypeProps, duration?: number) => void"
+        },
+        "error": {
+            "signature": "(config: string | MsgTypeProps, duration?: number) => void"
+        },
+        "clear": {
+            "signature": "() => void",
+            "description": "关闭当前页面所有 Message 实例"
+        },
+        "destroyAll": {
+            "signature": "() => void",
+            "description": "clear 的别名(deprecated 倾向 —— **新代码推荐 clear**)"
+        },
+        "config": {
+            "signature": "(config: { maxCount?: number; duration?: number }) => void",
+            "description": "修改全局默认值(影响后续 Message.{type} 调用)"
+        }
+    },
+    "commonMisconceptions": {
+        "M1": {
+            "wrong": "把 duration 写进 MsgTypeProps 对象: `Message.info({ text: '提交成功', duration: 3000 })`",
+            "result": "**TS 报错 TS2353 'duration does not exist in type MsgTypeProps'** —— R23 Message-005 fail 根因",
+            "fix": "duration 是 Message.{type}() 的**独立第 2 参数**: `Message.info({ text: '提交成功' }, 3000)` 或纯字符串形式 `Message.info('提交成功', 3000)`"
+        },
+        "M2": {
+            "wrong": "传 onClose / onDismiss / onAfterClose 回调期望关闭时触发: `Message.info({ text: '已删除', onClose: handleAfterClose })`",
+            "result": "**MsgTypeProps 无 callback 字段**——TS 报错 或者字段被静默忽略,handleAfterClose 永不触发(L1)",
+            "fix": "1. 自动关闭后回调:用 `setTimeout(handleAfterClose, duration)`(精度 ~50ms 误差)。2. 手动关闭监听:Message 不支持,换 Toast / Snackbar"
+        },
+        "M3": {
+            "wrong": "调用 `Message.loading('加载中...', 0)` 期望显示 loading 类型",
+            "result": "**Message 没有 loading 静态方法**(只有 info/success/warn/error)——runtime 报 `Message.loading is not a function`(L2)",
+            "fix": "用 `Message.info({ text: '加载中...', icon: <Loading />, close: true }, 0)` workaround(duration=0 + Loading 图标),完成后 `Message.clear()`。或者用真正的 Loading 组件而不是 Message"
+        },
+        "M4": {
+            "wrong": "默认 duration 是 0(永远不自动关闭): `Message.info('已保存')` 期望一直显示",
+            "result": "默认 duration = 5000 ms(自动 5 秒后关闭) —— `Message.info('已保存')` 会 5 秒后消失",
+            "fix": "想永久显示用 `Message.info('已保存', 0)` 或显式传 `0` / 负数 / NaN"
+        },
+        "M5": {
+            "wrong": "用 `Message.config({ duration: 0 })` 永久禁用全局自动关闭,然后期望每次 `Message.info('x')` 不自动消失",
+            "result": "**Message.config 修改的是全局默认值**,生效但 per-call 第 2 参数会覆盖。可以用,但容易和 per-call duration 互相覆盖出 bug",
+            "fix": "per-call 显式传 duration 更直观: `Message.info('x', 0)`。全局 config 适合统一调小默认 duration(如 3000)"
+        }
+    },
+    "completeExample": "// 1. 最基础:字符串简写 + 默认 5 秒自动关闭\nimport Message from '@para-ui/core/Message';\nMessage.info('提交成功');\nMessage.success('保存成功', 3000);  // 3 秒后自动关闭\n\n// 2. 完整对象配置(text + desc + icon)\nMessage.info({\n    text: '操作成功',\n    desc: '订单 #1234 已提交,5 个工作日内处理完成'\n}, 8000);\n\n// 3. 不自动关闭 + 显示关闭按钮\nMessage.warn({\n    text: '需要用户确认',\n    close: true\n}, 0);  // duration=0 不自动关闭\n\n// 4. loading 场景 workaround (L2)\nimport Loading from '@para-ui/icons/Loading';\nMessage.info({\n    text: '上传中...',\n    icon: <Loading />,\n    close: false\n}, 0);  // duration=0 不自动关闭\n// 上传完成后:\nawait uploadFile();\nMessage.clear();\nMessage.success('上传成功', 2000);\n\n// 5. 关闭回调 workaround (L1)\nMessage.info('已保存', 3000);\nsetTimeout(() => onAfterClose(), 3000);  // 自己计时,精度 ~50ms\n\n// 6. 全局配置\nMessage.config({ duration: 3000, maxCount: 3 });  // 后续 Message 默认 3 秒,最多 3 条同显",
+    "do": [
+        "**优先用字符串简写**: `Message.info('提交成功', 3000)` —— 不需要对象时省心",
+        "**duration 永远是第 2 参数**(M1) —— 不要写在 MsgTypeProps 对象里",
+        "**长内容用 text + desc 双字段**,desc 出现时 text 自动加粗",
+        "**永久显示**:传 duration=0 / 负数 / NaN,通常配合 close=true 让用户手动关闭",
+        "**全局默认值调整**:用 Message.config({ duration, maxCount }),只在 app 启动时调一次",
+        "loading 场景:用 info + Loading icon + duration=0 workaround(L2)"
+    ],
+    "dont": [
+        "**不要**把 duration 写在 MsgTypeProps 对象里——是第 2 参数(M1,这是 R23 Message-005 fail 根因)",
+        "**不要**传 onClose / onDismiss 回调——MsgTypeProps 无 callback 字段(M2,L1)",
+        "**不要**调 Message.loading —— 不存在,用 info + icon workaround(M3,L2)",
+        "**不要**假设默认 duration 是 0——默认 5000 ms(M4)",
+        "在 Message 中展示过多文字 / 表单 / 复杂交互 —— 换 Modal",
+        "滥用 error 类型 —— 重要错误应结合页面内错误提示"
+    ],
+    "events": {
+        "info": {
+            "signature": "(config: string | MsgTypeProps, duration?: number) => void",
+            "asyncSupported": false,
+            "examples": [
+                "Message.info('操作成功')  — 字符串简写,默认 5000ms 自动关闭",
+                "Message.info({ text: '操作成功', desc: '已保存到草稿' }, 3000)  — 对象配置 + 独立 duration 第 2 参数",
+                "Message.info({ text: '加载中...', icon: <Loading />, close: true }, 0)  — duration=0 不自动关闭,显示关闭按钮"
+            ],
+            "commonMistakes": [
+                "把 duration 写进 MsgTypeProps 对象:Message.info({ text: '成功', duration: 3000 }) → TS2353 报错,duration 不是 MsgTypeProps 字段",
+                "调用 Message.loading() → Message 没有 loading 方法,只有 info/success/warn/error,调用报 'not a function'",
+                "传 onClose/onAfterClose 回调 → MsgTypeProps 无 callback 字段,静默忽略,回调永不触发"
+            ]
+        },
+        "success": {
+            "signature": "(config: string | MsgTypeProps, duration?: number) => void",
+            "asyncSupported": false,
+            "examples": [
+                "Message.success('保存成功', 2000)  — 2 秒后自动关闭",
+                "Message.success({ text: '上传完成', desc: '共 3 个文件' })  — 含副描述"
+            ],
+            "commonMistakes": [
+                "假设 success 和 info 签名不同 → 4 种类型签名完全相同,都是 (config, duration?) => void"
+            ]
+        },
+        "warn": {
+            "signature": "(config: string | MsgTypeProps, duration?: number) => void",
+            "asyncSupported": false,
+            "examples": [
+                "Message.warn({ text: '需要确认', close: true }, 0)  — 永久显示 + 显示关闭按钮"
+            ],
+            "commonMistakes": [
+                "传 onClose 期望点击关闭按钮后回调 → 不支持 onClose,只能用 setTimeout 模拟"
+            ]
+        },
+        "error": {
+            "signature": "(config: string | MsgTypeProps, duration?: number) => void",
+            "asyncSupported": false,
+            "examples": [
+                "Message.error('操作失败,请重试', 8000)  — 错误类型展示 8 秒"
+            ],
+            "commonMistakes": [
+                "假设 error 方法接受 Error 对象 → config 必须是 string 或 MsgTypeProps,需手动取 error.message"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "duration 是 Message.{type}() 的独立第 2 参数,不是 MsgTypeProps 对象的字段",
+            "wrong": "Message.info({ text: '操作成功', duration: 3000 })  // TS2353: 'duration' does not exist in type MsgTypeProps",
+            "right": "Message.info({ text: '操作成功' }, 3000)  // 或 Message.info('操作成功', 3000)"
+        },
+        {
+            "issue": "MsgTypeProps 不含 onClose / onAfterClose / onDismiss 回调字段",
+            "wrong": "Message.success({ text: '已删除', onClose: () => refetch() })  // TS 报错 或 字段静默被忽略",
+            "right": "Message.success('已删除', 3000); setTimeout(() => refetch(), 3000);  // 用 setTimeout 自己计时"
+        },
+        {
+            "issue": "Message 没有 loading 静态方法(只有 info/success/warn/error)",
+            "wrong": "Message.loading('上传中...')  // 运行时 TypeError: Message.loading is not a function",
+            "right": "Message.info({ text: '上传中...', close: false }, 0);  // duration=0 + 用 Message.clear?.() 关闭"
+        },
+        {
+            "issue": "MessageObject 导出的是对象实例,不是 React 组件,不能写 <Message> JSX",
+            "wrong": "import Message from '@para-ui/core/Message'; return <Message type='success' text='ok' />;  // JSX 类型错误",
+            "right": "import { Message } from '@para-ui/core/Message'; Message.success('ok');  // 命令式调用,不是 JSX 渲染"
+        },
+        {
+            "issue": "从 @para-ui/core 直接导入 Message 拿到的是 JSX 组件(默认导出)，不是 MessageObject，所有方法 success/error/info/warn/clear/config 均不存在",
+            "wrong": "import { Message } from '@para-ui/core';  // TS2339: Property 'success' does not exist on type '() => Element'",
+            "right": "import { Message } from '@para-ui/core/Message';  // 子路径导入拿到具名 MessageObject 实例"
+        },
+        {
+            "issue": "MessageObject 接口的 clear 和 config 是可选方法（带 ?），直接调用不加可选链会报 TS2722",
+            "wrong": "Message.clear();   // TS2722: Cannot invoke an object which is possibly 'undefined'\nMessage.config({ duration: 3000 });  // 同上",
+            "right": "Message.clear?.();   // 可选链调用\nMessage.config?.({ duration: 3000 });  // 或先检查: if (Message.config) Message.config({ duration: 3000 })"
+        }
+    ],
+    "mapping": {
+        "realComponent": "Message",
+        "adapter": null
+    }
+}

package/lib/Message/index.d.ts

@@ -10,7 +10,7 @@ interface InternalMsgConfig {
     /** 消息文本 */
     text: string;
     /** 图标 */
-    icon?: any;
+    icon?: React.ReactNode;
     /** 内部消息类型 */
     type: MsgType;
     /** 最大显示数 */
@@ -45,7 +45,7 @@ export type MsgTypeProps = {
     /**
      * 图标
      */
-    icon?: any;
+    icon?: React.ReactNode;
     /**
      * 最大显示数
      */

package/lib/Message/index.js

@@ -3,5 +3,5 @@
                 <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,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;
+    `;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&&(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.d.ts

@@ -51,7 +51,7 @@ type ConfirmProps = Omit<ConfirmDialogProps, 'open' | 'resolveFn' | 'destroy' |
     uuid?: string;
 };
 interface ConfirmFn {
-    (config: ConfirmProps | string, callback?: Function): void | Promise<any>;
+    (config: ConfirmProps | string, callback?: Function): void | Promise<unknown>;
 }
 export interface ConfirmObject {
     info: ConfirmFn;

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"),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const t=require("../../_virtual/jsx-runtime.js"),C=require("react-dom"),A=require("../index.js"),B=require("../../node_modules/@para-ui/icons/Close/index.js"),M=require("../../node_modules/@para-ui/icons/CheckCircleF/index.js"),x=require("../../node_modules/@para-ui/icons/WarningCircleF/index.js"),$=require("../../node_modules/@para-ui/icons/CloseCircleF/index.js"),h=require("clsx"),m=require("../../Button/index.js"),O=require("@snack-kit/lib");require("../../GlobalContext/index.js");const P=require("../../GlobalContext/constant.js");;/* empty css            */const z=require("../../GlobalContext/confirmLocale.js"),D={success:t.jsxRuntimeExports.jsx(M.CheckCircleF,{}),warn:t.jsxRuntimeExports.jsx(x.WarningCircleF,{}),warning:t.jsxRuntimeExports.jsx(x.WarningCircleF,{}),error:t.jsxRuntimeExports.jsx($.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:y,showCancel:q=!0,closable:N=!1,okButtonProps:k,cancelButtonProps:v,resolveFn:d,callback:b,destroy:j,actions:f,showActions:w=!0,...g}=e,F=`${P.$prefixCls}-confirm`,u=()=>{E?.(),d?.(!1),j?.()},p=()=>{R?.(),d?.(!0),b?.(),j?.()},T=()=>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(A.Modal,{bodyStyle:{minHeight:"auto"},...g,onOk:p,onCancel:u,title:"",footer:"",size:"auto",hideHeader:!0,showActions:!1,className:h(F,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(B.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})]}),T()]})})})},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