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

package/lib/Desktop/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"),k=require("react"),ft=require("../TextField/index.js"),St=require("@paraview/lib"),et=require("../GlobalContext/constant.js"),U=require("../AutoTips/index.js"),Rt=require("../node_modules/@para-ui/icons/Left/index.js"),vt=require("../Button/index.js"),gt=require("react-dom"),qt=require("../Tooltip/index.js"),jt=require("../GlobalContext/useFormatMessage.js"),Dt=require("./lang/index.js");;/* empty css            */const bt="data:image/png;base64,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",h={width:190,height:150,gapX:20,gapY:20};let o=[],nt,Et,i=null;const Gt=.3;let Z=!1,m=null,D=null;const Zt=()=>s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100",height:"70",viewBox:"0 0 100 70",children:[s.jsxRuntimeExports.jsx("path",{id:"路径_18399","data-name":"路径 18399",d:"M3.188,0H43.825c1.76,0,3.079,1.075,3.707,3.307L50,12H0V3.311A3.251,3.251,0,0,1,3.188,0Z",fill:"#2e65e6"}),s.jsxRuntimeExports.jsx("path",{id:"路径_18400","data-name":"路径 18400",d:"M0,0H96.887A3,3,0,0,1,100,2.864V55.136A3,3,0,0,1,96.887,58H3.113A3,3,0,0,1,0,55.136Z",transform:"translate(0 12)",fill:"#d5e0fa"})]})}),it=x=>{const M=k.useRef(null),S=k.useRef(null),{sort:b={},tipMaxWidth:w=500}=x,[v,F]=k.useState(0),[z,rt]=k.useState([]),[p,H]=k.useState("_"),[I,W]=k.useState(!1),[N,Y]=k.useState(""),B=b[p]||[],J=jt.default("Drawer",Dt.default),f={createDir:J({id:"createDir"}),save:J({id:"save"}),outDir:J({id:"outDir"})};k.useEffect(()=>{document.addEventListener("resize",()=>{clearTimeout(nt),nt=setTimeout(()=>{F(K())},200)}),window.addEventListener("mousedown",t=>{t.target?.closest(".menu-list")||S.current&&(S.current.style.display="none")})},[]),k.useEffect(()=>{F(K()),rt(x.data)},[x.data]);const K=()=>{const t=M.current;return t?t.getBoundingClientRect().width/(h.width+h.gapX)|0:1},st=t=>{if(Z)return;const e=t.currentTarget.getAttribute("data-key"),n=L(e??void 0);if(!n||n.disable)return!1;if(n.type!=="dir")return x.onClick&&x.onClick(n),!1;m=n,H(String(n.key))},ot=t=>{if(p==="_"||(t.preventDefault(),Z))return;const e=t.currentTarget.getAttribute("data-key");D=L(e??void 0),y(S.current,t.pageX,t.pageY),S.current&&(S.current.style.display="block")},at=()=>{if(p==="_"||!m||!D)return;const t=_(m.key);if(t){if(t.children=t.children.filter(e=>D&&e!==String(D.key)),V(),t.children.length>0){const e=g(D.key);e&&(e.style.display="none");let n=D.index;const r=o.length-1;for(;n<r;n++){const a=o[n+1];G(a,n)}o.pop()}else o.pop(),delete b[m.key],C();S.current&&(S.current.style.display="none")}},C=()=>{m=null,W(!1),H("_")},A=t=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:"item-dir-body",children:s.jsxRuntimeExports.jsx(Zt,{})}),s.jsxRuntimeExports.jsx(U.default,{className:"item-dir-name",placement:"top-start",tipMaxWidth:w,children:t||f.createDir})]}),E=(t,e,n)=>{o[e]=lt(t,e,n),t=o[e];const r={left:`${o[e].point.x}px`,top:`${o[e].point.y}px`,width:h.width,height:h.height};return s.jsxRuntimeExports.jsx(qt.Tooltip,{followCursor:t.disable,disabled:t.disable,...t.disabledTooltip,children:s.jsxRuntimeExports.jsx("div",{className:`desktop-item${t.type==="dir"?" desktop-dir":""}${t.disable?" item-disable":""}`,onContextMenu:ot,onClick:st,style:r,"data-key":t.key,"data-index":e,children:n==="dir"?A(t.displayName||""):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:"item-body",children:s.jsxRuntimeExports.jsx("img",{src:t.icon||bt,alt:"icon"})}),s.jsxRuntimeExports.jsx(U.default,{className:"item-name",placement:"top-start",tipMaxWidth:w,children:t.displayName||f.createDir})]})},p+t.key+e+v)},p+t.key+e+v)},lt=(t,e,n)=>{const r=d=>d.data!==void 0,a=r(t)?t.data:t,l=r(t)?t.displayName:t.name;return{index:e,data:a,key:t.key,icon:t.icon,disable:t.disable||!1,type:n||"item",displayName:l,point:T(e),children:t.children||[],disabledTooltip:t.disabledTooltip||{}}},T=t=>{const e=h.width+h.gapX,n=h.height+h.gapY,r=t%v,a=t/v|0;return{x:r*e,y:a*n,width:h.width,height:h.height}},Q=()=>{const t={};return x.data.forEach(e=>{(p==="_"||m&&m.children.indexOf(e.key)!==-1)&&(t[e.key]=e)}),t},dt=k.useMemo(()=>{if(v===0)return null;if(o=[],B.length>0){const t=Q();let e=0,n=B.map(a=>{const{key:l,type:d}=a;if(!t[l]&&d!=="dir")return;const c={...t[l]};delete t[l];let u;if(d==="dir"){let j=!0;if(a.children.forEach(R=>{t[R]&&(j=!1,delete t[R])}),j)return null;u=E(a,e,d)}else u=E(c,e);return e++,u});const r=Object.keys(t);if(r.length>0){const a=r.map(l=>{const d=t[l];return E(d,o.length)});n=[...n,...a]}return n}if(p!=="_"&&m){const t=Q();let e=0;return m.children.map(n=>{if(!t[n])return null;const r=E(t[n],e);return e++,r})}return x.data.map((t,e)=>E(t,e))},[z,v,p]),ct=t=>{if(Z)return;const e=t.target.closest(".desktop-item");if(!e)return;const n=e.getAttribute("data-index");if(!n)return;const r=parseInt(n,10);i={...o[r],target:e,start:{x:t.pageX,y:t.pageY}},e.setAttribute("drag-item","true"),window.addEventListener("mousemove",O),window.addEventListener("mouseup",X)},O=t=>{if(!i)return;Math.abs(i.start.x-t.pageX)>3&&(Z=!0);const e=i.point.x+(t.pageX-i.start.x),n=i.point.y+(t.pageY-i.start.y)+(M.current?.scrollTop||0);y(i.target,e,n);const r={x:e,y:n,w:i.point.x+i.point.width,h:i.point.y+i.point.height,width:i.point.width,height:i.point.height},a={x:r.x+r.width/2,y:r.y+r.height/2};for(let l=0,d=o.length;l<d;l++){const c=o[l];if(!c||String(c.key)===String(i.key)||c.parent&&p!==c.parent)continue;const u={x:c.point.x,y:c.point.y,w:c.point.x+c.point.width,h:c.point.y+c.point.height};let j=Gt;if(ut(a,u)){const R=g(c.key);if(!R)continue;q("impact"),R.setAttribute("impact","true"),i.impact={data:c,rect:u},i.impact={data:c,rect:u},(i.data.type==="dir"||p!=="_")&&(j=.5);const $={x:r.x+r.width/2},tt=c.point.width;$.x<u.x+tt*j?(i.position="left",y(R,u.x+50)):$.x>u.w-tt*j?(i.position="right",y(R,u.x-50)):(i.position="centre",y(R,u.x));break}else q("impact")}},ut=(t,e)=>{if(t.x>e.x&&t.y>e.y&&t.x<e.w&&t.y<e.h)return t},X=()=>{if(window.removeEventListener("mousemove",O),window.removeEventListener("mouseup",X),setTimeout(()=>{Z=!1},100),!!i){if(i.impact){const t={...o[i.index]},e=i.impact.data,n=g(e.key);if(e.index-i.index===-1&&i.position==="right"||e.index-i.index===1&&i.position==="left"||i.type==="dir"&&i.position==="centre"){y(i.target,i.point.x,i.point.y),q();return}let r=e.index,a,l=i.index,d=r;r>i.index?(a="R",i.position==="left"&&(d--,y(n,e.point.x,e.point.y),r--)):(a="L",i.position==="right"&&(d++,y(n,e.point.x,e.point.y),r++)),{...o[r]};let c;if(i.position==="centre"){for(d=i.index,l=o.length-1;d<l;d++){const u=o[d+1];G(u,d)}o.pop()}else{if(c={...o[l]},a==="R")for(;l<d;l++){const u=o[l+1];G(u,l)}if(a==="L")for(;l>d;l--){const u=o[l-1];G(u,l)}G(c,d)}i.position==="centre"&&(e.type==="dir"?mt(e,t):pt(e,t,a)),q("end");return}else y(i.target,i.point.x,i.point.y);q()}},pt=(t,e,n)=>{n==="R"&&t.index--;const r=`dir_${t.key}${Math.random()*1e6|0}`;o[t.index]={...t,key:r,point:T(t.index),type:"dir",displayName:f.createDir,children:[String(t.key),String(e.key)]};const a=g(t.key);a?.setAttribute("data-key",r),a?.classList.add("desktop-dir"),gt.render(A(o[t.index].displayName||""),a),g(String(e.key))?.setAttribute("in-dir","true")},mt=(t,e)=>{const n=L(t.key);if(!n||!i)return;n.children.push(String(e.key)),g(i.key)?.setAttribute("in-dir","true")},L=t=>{if(!t)return null;for(let e=0,n=o.length;e<n;e++)if(String(o[e].key)===String(t))return o[e];return null},G=(t,e,n)=>{if(!t)return;n||(n=T(e));const r=g(String(t.key));r&&(y(r,n?.x,n?.y),o[e]={...t},o[e].index=e,o[e].point=n,r?.setAttribute("data-index",String(e)))},q=t=>{switch(t){case"impact":const e=document.querySelector('[impact="true"]');if(!e)return;i&&i.impact&&(y(e,i.impact.rect.x,i.impact.rect.y),delete i.impact),e?.removeAttribute("impact");break;case"end":i=null,document.querySelector('[impact="true"]')?.removeAttribute("impact"),document.querySelector('[drag-item="true"]')?.removeAttribute("drag-item"),clearTimeout(Et),V();break;default:q("impact"),i=null,document.querySelector('[drag-item="true"]')?.removeAttribute("drag-item"),window.removeEventListener("mousemove",O),window.removeEventListener("mouseup",X)}},y=(t,e,n)=>{t&&((e!==void 0||e!==null)&&(t.style.left=`${e}px`),(n!==void 0||n!==null)&&(t.style.top=`${n}px`))},V=()=>{if(!x.onSort)return;const t=[];let e=0;o.forEach(r=>{t[e]={key:r.key,type:r.type},r.displayName!==void 0&&(t[e].displayName=r.displayName),r.children.length>0&&(t[e].children=r.children),r.parent!==void 0&&(t[e].parent=r.parent),e++});const n=St.DeepClone(b);t.length>0&&(n[p]=t),x.onSort&&x.onSort(n)},xt=()=>{W(!0),Y(m?.displayName||f.createDir)},P=()=>{if(!m)return;m.displayName=N||f.createDir,W(!1);const t=_(m.key);t&&(t.displayName=N||f.createDir),V()},_=t=>{const e=b._||[];for(let n=0,r=e.length;n<r;n++){const a=e[n];if(a.key===t)return a}},kt=k.useMemo(()=>p!=="_"&&s.jsxRuntimeExports.jsx("div",{className:"desktop-title",children:s.jsxRuntimeExports.jsxs("div",{className:"desktop-backlist",children:[s.jsxRuntimeExports.jsx("div",{className:"desktop-back-hotarea",onClick:C,children:s.jsxRuntimeExports.jsx(Rt.Left,{size:"medium"})}),s.jsxRuntimeExports.jsx("div",{className:"desktop-title-wrapper",children:I?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(ft.TextField,{className:"desktop-title-input",value:N,autoFocus:!0,onChange:t=>Y(t.target.value),onBlur:()=>{P()},onEnter:P}),s.jsxRuntimeExports.jsx(vt.Button,{className:"desktop-title-input-btn",onClick:P,children:f.save})]}):s.jsxRuntimeExports.jsx(U.default,{tipMaxWidth:w,style:{maxWidth:"calc(100% - 78px)"},className:`${et.$prefixCls}-cp`,children:s.jsxRuntimeExports.jsx("span",{onDoubleClick:xt,children:m?.displayName||f.createDir})})})]})}),[p,I,N]),yt=k.useMemo(()=>s.jsxRuntimeExports.jsx("div",{ref:M,className:"desktop-box",onMouseDown:ct,children:dt}),[v,z,p,b]),ht=()=>{let t=`${et.$prefixCls}-desktop`;return x.className&&(t+=` ${x.className}`),t},g=t=>M.current?.querySelector(`.desktop-item[data-key="${t}"]`);return s.jsxRuntimeExports.jsxs("div",{className:ht(),style:x.style,children:[kt,s.jsxRuntimeExports.jsx("div",{className:`${p!=="_"?"pd-lr38":""}`,children:yt}),s.jsxRuntimeExports.jsx("div",{ref:S,className:"menu-list",children:s.jsxRuntimeExports.jsx("div",{className:"menu-item",onClick:at,children:f.outDir})})]})};exports.Desktop=it;exports.default=it;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const s=require("../_virtual/jsx-runtime.js"),k=require("react"),ft=require("../TextField/index.js"),St=require("@snack-kit/lib"),et=require("../GlobalContext/constant.js"),U=require("../AutoTips/index.js"),Rt=require("../node_modules/@para-ui/icons/Left/index.js"),vt=require("../Button/index.js"),gt=require("react-dom"),jt=require("../Tooltip/index.js"),qt=require("../GlobalContext/useFormatMessage.js"),Dt=require("./lang/index.js");;/* empty css            */const bt="data:image/png;base64,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",h={width:190,height:150,gapX:20,gapY:20};let o=[],nt,Et,i=null;const Gt=.3;let Z=!1,m=null,D=null;const Zt=()=>s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100",height:"70",viewBox:"0 0 100 70",children:[s.jsxRuntimeExports.jsx("path",{id:"路径_18399","data-name":"路径 18399",d:"M3.188,0H43.825c1.76,0,3.079,1.075,3.707,3.307L50,12H0V3.311A3.251,3.251,0,0,1,3.188,0Z",fill:"#2e65e6"}),s.jsxRuntimeExports.jsx("path",{id:"路径_18400","data-name":"路径 18400",d:"M0,0H96.887A3,3,0,0,1,100,2.864V55.136A3,3,0,0,1,96.887,58H3.113A3,3,0,0,1,0,55.136Z",transform:"translate(0 12)",fill:"#d5e0fa"})]})}),it=x=>{const M=k.useRef(null),S=k.useRef(null),{sort:b={},tipMaxWidth:w=500}=x,[v,F]=k.useState(0),[z,rt]=k.useState([]),[p,H]=k.useState("_"),[I,W]=k.useState(!1),[N,Y]=k.useState(""),B=b[p]||[],J=qt.default("Drawer",Dt.default),f={createDir:J({id:"createDir"}),save:J({id:"save"}),outDir:J({id:"outDir"})};k.useEffect(()=>{document.addEventListener("resize",()=>{clearTimeout(nt),nt=setTimeout(()=>{F(K())},200)}),window.addEventListener("mousedown",t=>{t.target?.closest(".menu-list")||S.current&&(S.current.style.display="none")})},[]),k.useEffect(()=>{F(K()),rt(x.data)},[x.data]);const K=()=>{const t=M.current;return t?t.getBoundingClientRect().width/(h.width+h.gapX)|0:1},st=t=>{if(Z)return;const e=t.currentTarget.getAttribute("data-key"),n=L(e??void 0);if(!n||n.disable)return!1;if(n.type!=="dir")return x.onClick&&x.onClick(n),!1;m=n,H(String(n.key))},ot=t=>{if(p==="_"||(t.preventDefault(),Z))return;const e=t.currentTarget.getAttribute("data-key");D=L(e??void 0),y(S.current,t.pageX,t.pageY),S.current&&(S.current.style.display="block")},at=()=>{if(p==="_"||!m||!D)return;const t=_(m.key);if(t){if(t.children=t.children.filter(e=>D&&e!==String(D.key)),V(),t.children.length>0){const e=g(D.key);e&&(e.style.display="none");let n=D.index;const r=o.length-1;for(;n<r;n++){const a=o[n+1];G(a,n)}o.pop()}else o.pop(),delete b[m.key],C();S.current&&(S.current.style.display="none")}},C=()=>{m=null,W(!1),H("_")},A=t=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:"item-dir-body",children:s.jsxRuntimeExports.jsx(Zt,{})}),s.jsxRuntimeExports.jsx(U.default,{className:"item-dir-name",placement:"top-start",tipMaxWidth:w,children:t||f.createDir})]}),E=(t,e,n)=>{o[e]=lt(t,e,n),t=o[e];const r={left:`${o[e].point.x}px`,top:`${o[e].point.y}px`,width:h.width,height:h.height};return s.jsxRuntimeExports.jsx(jt.Tooltip,{followCursor:t.disable,disabled:t.disable,...t.disabledTooltip,children:s.jsxRuntimeExports.jsx("div",{className:`desktop-item${t.type==="dir"?" desktop-dir":""}${t.disable?" item-disable":""}`,onContextMenu:ot,onClick:st,style:r,"data-key":t.key,"data-index":e,children:n==="dir"?A(t.displayName||""):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:"item-body",children:s.jsxRuntimeExports.jsx("img",{src:t.icon||bt,alt:"icon"})}),s.jsxRuntimeExports.jsx(U.default,{className:"item-name",placement:"top-start",tipMaxWidth:w,children:t.displayName||f.createDir})]})},p+t.key+e+v)},p+t.key+e+v)},lt=(t,e,n)=>{const r=d=>d.data!==void 0,a=r(t)?t.data:t,l=r(t)?t.displayName:t.name;return{index:e,data:a,key:t.key,icon:t.icon,disable:t.disable||!1,type:n||"item",displayName:l,point:T(e),children:t.children||[],disabledTooltip:t.disabledTooltip||{}}},T=t=>{const e=h.width+h.gapX,n=h.height+h.gapY,r=t%v,a=t/v|0;return{x:r*e,y:a*n,width:h.width,height:h.height}},Q=()=>{const t={};return x.data.forEach(e=>{(p==="_"||m&&m.children.indexOf(e.key)!==-1)&&(t[e.key]=e)}),t},dt=k.useMemo(()=>{if(v===0)return null;if(o=[],B.length>0){const t=Q();let e=0,n=B.map(a=>{const{key:l,type:d}=a;if(!t[l]&&d!=="dir")return;const c={...t[l]};delete t[l];let u;if(d==="dir"){let q=!0;if(a.children.forEach(R=>{t[R]&&(q=!1,delete t[R])}),q)return null;u=E(a,e,d)}else u=E(c,e);return e++,u});const r=Object.keys(t);if(r.length>0){const a=r.map(l=>{const d=t[l];return E(d,o.length)});n=[...n,...a]}return n}if(p!=="_"&&m){const t=Q();let e=0;return m.children.map(n=>{if(!t[n])return null;const r=E(t[n],e);return e++,r})}return x.data.map((t,e)=>E(t,e))},[z,v,p]),ct=t=>{if(Z)return;const e=t.target.closest(".desktop-item");if(!e)return;const n=e.getAttribute("data-index");if(!n)return;const r=parseInt(n,10);i={...o[r],target:e,start:{x:t.pageX,y:t.pageY}},e.setAttribute("drag-item","true"),window.addEventListener("mousemove",O),window.addEventListener("mouseup",X)},O=t=>{if(!i)return;Math.abs(i.start.x-t.pageX)>3&&(Z=!0);const e=i.point.x+(t.pageX-i.start.x),n=i.point.y+(t.pageY-i.start.y)+(M.current?.scrollTop||0);y(i.target,e,n);const r={x:e,y:n,w:i.point.x+i.point.width,h:i.point.y+i.point.height,width:i.point.width,height:i.point.height},a={x:r.x+r.width/2,y:r.y+r.height/2};for(let l=0,d=o.length;l<d;l++){const c=o[l];if(!c||String(c.key)===String(i.key)||c.parent&&p!==c.parent)continue;const u={x:c.point.x,y:c.point.y,w:c.point.x+c.point.width,h:c.point.y+c.point.height};let q=Gt;if(ut(a,u)){const R=g(c.key);if(!R)continue;j("impact"),R.setAttribute("impact","true"),i.impact={data:c,rect:u},i.impact={data:c,rect:u},(i.data.type==="dir"||p!=="_")&&(q=.5);const $={x:r.x+r.width/2},tt=c.point.width;$.x<u.x+tt*q?(i.position="left",y(R,u.x+50)):$.x>u.w-tt*q?(i.position="right",y(R,u.x-50)):(i.position="centre",y(R,u.x));break}else j("impact")}},ut=(t,e)=>{if(t.x>e.x&&t.y>e.y&&t.x<e.w&&t.y<e.h)return t},X=()=>{if(window.removeEventListener("mousemove",O),window.removeEventListener("mouseup",X),setTimeout(()=>{Z=!1},100),!!i){if(i.impact){const t={...o[i.index]},e=i.impact.data,n=g(e.key);if(e.index-i.index===-1&&i.position==="right"||e.index-i.index===1&&i.position==="left"||i.type==="dir"&&i.position==="centre"){y(i.target,i.point.x,i.point.y),j();return}let r=e.index,a,l=i.index,d=r;r>i.index?(a="R",i.position==="left"&&(d--,y(n,e.point.x,e.point.y),r--)):(a="L",i.position==="right"&&(d++,y(n,e.point.x,e.point.y),r++)),{...o[r]};let c;if(i.position==="centre"){for(d=i.index,l=o.length-1;d<l;d++){const u=o[d+1];G(u,d)}o.pop()}else{if(c={...o[l]},a==="R")for(;l<d;l++){const u=o[l+1];G(u,l)}if(a==="L")for(;l>d;l--){const u=o[l-1];G(u,l)}G(c,d)}i.position==="centre"&&(e.type==="dir"?mt(e,t):pt(e,t,a)),j("end");return}else y(i.target,i.point.x,i.point.y);j()}},pt=(t,e,n)=>{n==="R"&&t.index--;const r=`dir_${t.key}${Math.random()*1e6|0}`;o[t.index]={...t,key:r,point:T(t.index),type:"dir",displayName:f.createDir,children:[String(t.key),String(e.key)]};const a=g(t.key);a?.setAttribute("data-key",r),a?.classList.add("desktop-dir"),gt.render(A(o[t.index].displayName||""),a),g(String(e.key))?.setAttribute("in-dir","true")},mt=(t,e)=>{const n=L(t.key);if(!n||!i)return;n.children.push(String(e.key)),g(i.key)?.setAttribute("in-dir","true")},L=t=>{if(!t)return null;for(let e=0,n=o.length;e<n;e++)if(String(o[e].key)===String(t))return o[e];return null},G=(t,e,n)=>{if(!t)return;n||(n=T(e));const r=g(String(t.key));r&&(y(r,n?.x,n?.y),o[e]={...t},o[e].index=e,o[e].point=n,r?.setAttribute("data-index",String(e)))},j=t=>{switch(t){case"impact":const e=document.querySelector('[impact="true"]');if(!e)return;i&&i.impact&&(y(e,i.impact.rect.x,i.impact.rect.y),delete i.impact),e?.removeAttribute("impact");break;case"end":i=null,document.querySelector('[impact="true"]')?.removeAttribute("impact"),document.querySelector('[drag-item="true"]')?.removeAttribute("drag-item"),clearTimeout(Et),V();break;default:j("impact"),i=null,document.querySelector('[drag-item="true"]')?.removeAttribute("drag-item"),window.removeEventListener("mousemove",O),window.removeEventListener("mouseup",X)}},y=(t,e,n)=>{t&&((e!==void 0||e!==null)&&(t.style.left=`${e}px`),(n!==void 0||n!==null)&&(t.style.top=`${n}px`))},V=()=>{if(!x.onSort)return;const t=[];let e=0;o.forEach(r=>{t[e]={key:r.key,type:r.type},r.displayName!==void 0&&(t[e].displayName=r.displayName),r.children.length>0&&(t[e].children=r.children),r.parent!==void 0&&(t[e].parent=r.parent),e++});const n=St.DeepClone(b);t.length>0&&(n[p]=t),x.onSort&&x.onSort(n)},xt=()=>{W(!0),Y(m?.displayName||f.createDir)},P=()=>{if(!m)return;m.displayName=N||f.createDir,W(!1);const t=_(m.key);t&&(t.displayName=N||f.createDir),V()},_=t=>{const e=b._||[];for(let n=0,r=e.length;n<r;n++){const a=e[n];if(a.key===t)return a}},kt=k.useMemo(()=>p!=="_"&&s.jsxRuntimeExports.jsx("div",{className:"desktop-title",children:s.jsxRuntimeExports.jsxs("div",{className:"desktop-backlist",children:[s.jsxRuntimeExports.jsx("div",{className:"desktop-back-hotarea",onClick:C,children:s.jsxRuntimeExports.jsx(Rt.Left,{size:"medium"})}),s.jsxRuntimeExports.jsx("div",{className:"desktop-title-wrapper",children:I?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(ft.TextField,{className:"desktop-title-input",value:N,autoFocus:!0,onChange:t=>Y(t.target.value),onBlur:()=>{P()},onEnter:P}),s.jsxRuntimeExports.jsx(vt.Button,{className:"desktop-title-input-btn",onClick:P,children:f.save})]}):s.jsxRuntimeExports.jsx(U.default,{tipMaxWidth:w,style:{maxWidth:"calc(100% - 78px)"},className:`${et.$prefixCls}-cp`,children:s.jsxRuntimeExports.jsx("span",{onDoubleClick:xt,children:m?.displayName||f.createDir})})})]})}),[p,I,N]),yt=k.useMemo(()=>s.jsxRuntimeExports.jsx("div",{ref:M,className:"desktop-box",onMouseDown:ct,children:dt}),[v,z,p,b]),ht=()=>{let t=`${et.$prefixCls}-desktop`;return x.className&&(t+=` ${x.className}`),t},g=t=>M.current?.querySelector(`.desktop-item[data-key="${t}"]`);return s.jsxRuntimeExports.jsxs("div",{className:ht(),style:x.style,children:[kt,s.jsxRuntimeExports.jsx("div",{className:`${p!=="_"?"pd-lr38":""}`,children:yt}),s.jsxRuntimeExports.jsx("div",{ref:S,className:"menu-list",children:s.jsxRuntimeExports.jsx("div",{className:"menu-item",onClick:at,children:f.outDir})})]})};exports.Desktop=it;exports.default=it;
 //# sourceMappingURL=index.js.map

package/lib/DragVerify/component.json

@@ -0,0 +1,114 @@
+{
+    "name": "DragVerify",
+    "category": "Data Entry",
+    "description": "拖拽验证，用于人机验证",
+    "semantic": {
+        "intent": [
+            "人机验证",
+            "安全校验"
+        ],
+        "useCases": [
+            "登录验证",
+            "表单提交",
+            "敏感操作"
+        ],
+        "riskLevel": "high"
+    },
+    "variants": {
+        "default": {
+            "meaning": "默认样式"
+        }
+    },
+    "states": [
+        "default",
+        "success",
+        "error"
+    ],
+    "idealProps": {
+        "getImgInfo": {
+            "type": "function",
+            "signature": "() => Promise<DragVerifyImgProps> | DragVerifyImgProps",
+            "required": true,
+            "description": "获取图片接口;返回 DragVerifyImgProps 接口(src/DragVerify/index.tsx:18 已 export),字段:sourceImage(string? 背景图 URL)、newImage(string? 滑块拼图 URL)、y(number? Y 轴目标位置 px,src 内部用 `imgInfo.y!/imgScale` 定位,**不传会 NaN**)、可挂任意扩展字段(`[k]: string|number|undefined`)。⚠️ 业务侧常错猜字段名 bgUrl/sliderUrl/xPos — 实际是 sourceImage/newImage/y。组件在挂载与 refresh 变化时调用此接口"
+        },
+        "verify": {
+            "type": "function",
+            "signature": "(xPos: number, imgInfo: DragVerifyImgProps) => Promise<boolean> | boolean",
+            "required": true,
+            "description": "提交校验接口;xPos = 用户滑动落点的 x 坐标(已按图片真实尺寸缩放回原图坐标);⚠️ 返回 **true = 通过 / false = 不通过**(src/DragVerify/index.tsx:42-46 注释实证)。组件根据返回值切换 success/error class。**目前无 onSuccess/onError 回调 prop**,父组件感知验证结果的唯一办法是在 verify 内部包装一层拦截返回值(见 codeString.ts verifyWithCallback 示例);后续可能升级,见 discussions/DragVerify-onSuccess-onError-callback-epic.md"
+        },
+        "refresh": {
+            "type": "string | number",
+            "description": "刷新触发器;⚠️ 实际类型 string|number(组件 src/DragVerify/index.tsx:39 实证,旧 api.ts 写 any 不准);组件 useEffect 监听该值,值变化即重新调用 getImgInfo 并复位 state。典型用法:外层 useState<number> 自增"
+        },
+        "width": {
+            "type": "number | string",
+            "description": "图片框宽度;number 视为 px(如 300 → 300px),string 直接透传(支持 '100%' / '80vw' 等响应式单位,src handStyle 实证);未传则 CSS 默认"
+        },
+        "height": {
+            "type": "number | string",
+            "description": "图片框高度;number 视为 px,string 直接透传;未传则 CSS 默认"
+        }
+    },
+    "do": [
+        "在需要防止机器人的场景使用（登录/注册/敏感操作）",
+        "提供刷新和重试机制：父组件维护 useState<number> 计数器，每次刷新时 setRefresh(n+1) 触发组件重新获取图片",
+        "通过 verify 包装层感知验证结果（组件无 onSuccess/onError 回调，在 verify 内拦截返回值）：verify={async (x, info) => { const ok = await api.check(x, info); if (ok) toast('验证通过'); return ok; }}",
+        "若 API 返回字段名不是 sourceImage/newImage/y：在 getImgInfo 内部做字段映射后返回标准 DragVerifyImgProps"
+    ],
+    "dont": [
+        "在低风险操作中使用（增加用户摩擦，适用登录/支付/批量操作等场景）",
+        "猜测 DragVerifyImgProps 字段名为 bgUrl/sliderUrl/xPos——实际是 sourceImage/newImage/y（见 src/DragVerify/index.tsx:18 interface 实证）",
+        "在 verify 内总是 return true——绕过验证，失去安全意义"
+    ],
+    "events": {
+        "getImgInfo": {
+            "signature": "() => Promise<DragVerifyImgProps> | DragVerifyImgProps",
+            "asyncSupported": true,
+            "examples": [
+                "异步获取：getImgInfo={async () => { const res = await api.getCaptcha(); return { sourceImage: res.bg, newImage: res.slider, y: res.yPos }; }}",
+                "组件在挂载时和 refresh prop 变化时自动调用此函数",
+                "返回值字段：sourceImage（背景图 URL）、newImage（滑块图 URL）、y（滑块 Y 轴位置 px）"
+            ],
+            "commonMistakes": [
+                "直接返回 API 响应对象未映射字段名——API 字段 bgUrl/sliderImg/yOffset 需映射为 sourceImage/newImage/y",
+                "y 字段不传导致 NaN——src 内部用 imgInfo.y!/imgScale 定位，缺失 y 会 NaN，滑块位置异常",
+                "期望 getImgInfo 在用户刷新时自动调用——刷新需要父组件修改 refresh prop 值"
+            ]
+        },
+        "verify": {
+            "signature": "(xPos: number, imgInfo: DragVerifyImgProps) => Promise<boolean> | boolean",
+            "asyncSupported": true,
+            "examples": [
+                "API 校验：verify={async (x, info) => { const ok = await api.verify({ x, ...info }); return ok; }}",
+                "返回 true=通过（组件显示成功状态），返回 false=失败（组件显示错误状态并自动重置）",
+                "在 verify 内包装 onSuccess 回调：verify={async (x, info) => { const ok = await check(x); if (ok) onSuccess(); return ok; }}"
+            ],
+            "commonMistakes": [
+                "期望通过 verify 回调外的 onSuccess prop 感知成功——组件无 onSuccess/onError prop，需在 verify 内包装",
+                "返回非 boolean 类型（如 '1'/'0' 字符串）——truthiness 判断可能意外通过，必须返回 boolean"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "DragVerifyImgProps 字段名是 sourceImage/newImage/y，不是 bgUrl/sliderUrl/xPos",
+            "wrong": "getImgInfo={async () => ({ bgUrl: res.bg, sliderUrl: res.slider, yPos: res.y })}  // 字段名不匹配，图片不显示",
+            "right": "getImgInfo={async () => ({ sourceImage: res.bg, newImage: res.slider, y: res.y })}  // 正确字段名"
+        },
+        {
+            "issue": "getImgInfo 和 verify 是必填 prop（无问号），不传会 TS 报错",
+            "wrong": "<DragVerify />  // 缺少必填 getImgInfo 和 verify",
+            "right": "<DragVerify getImgInfo={fetchCaptcha} verify={verifyCaptcha} />"
+        },
+        {
+            "issue": "refresh prop 的实际类型是 string|number，不是 any",
+            "wrong": "const [refresh, setRefresh] = useState<boolean>(false);  // boolean 类型赋给 string|number 会 TS 报错",
+            "right": "const [refresh, setRefresh] = useState<number>(0);\n// 刷新时：setRefresh(prev => prev + 1)"
+        }
+    ],
+    "mapping": {
+        "realComponent": "DragVerify",
+        "adapter": null
+    }
+}

package/lib/DragVerify/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const o=require("../_virtual/jsx-runtime.js"),m=require("react"),_=require("clsx"),O=require("../node_modules/@para-ui/icons/DoubleRight/index.js"),z=require("../node_modules/@para-ui/icons/Close/index.js"),G=require("../node_modules/@para-ui/icons/Check/index.js"),J=require("../node_modules/@para-ui/icons/Refresh/index.js"),K=require("../GlobalContext/constant.js"),Q=require("../GlobalContext/useFormatMessage.js"),U=require("./lang/index.js"),Y=require("../Loading/index.js");;/* empty css            */const $=I=>{const{className:L,style:N,refresh:k,getImgInfo:j,verify:R,width:a,height:g}=I,v=Q.default("DragVerify",U.default),[D,C]=m.useState(),[M,q]=m.useState(!1),c=m.useRef(null),t=m.useRef({getImgInfo:j,verify:R}),l=`${K.$prefixCls}-drag-verify`;t.current.getImgInfo=j,t.current.verify=R,m.useEffect(()=>(w(),S(),()=>{clearTimeout(t.current.timerError),clearTimeout(t.current.timerSuccess)}),[k,D]);const S=async()=>{t.current.padding=!0,q(!0);const e=await t.current.getImgInfo();t.current.imgInfo=e,H()},T=async(e,s)=>{const r=await t.current.verify(e,t.current.imgInfo);s(r)},H=()=>{if(!c.current)return;const e=document.createElement("img");e.setAttribute("src",t.current.imgInfo?.sourceImage),e.style.display="none";const s=document.createElement("img");t.current.imgMove=s,s.className="slider-img-move",s.style.display="none";const r=c.current.querySelector(".slider-img"),i=c.current.querySelector(".refresh");!r||!i||(i.style.display="none",r.innerHTML="",r.append(e),e.onload=()=>{e.style.display="inline-block",s.setAttribute("src",t.current.imgInfo?.newImage);const p=e.width;if(e.className="slider-img-bg",e.style.display="inline-block",!c.current)return;const f=c.current.querySelector(".slider-img"),x=f?.clientWidth;t.current.imgScale=p/x,f?.append(s),s.onload=()=>{t.current.padding=!1,s.style.display="inline-block",i.style.display="inline-block",s.width=s.width/t.current.imgScale,s.style.top=`${t.current.imgInfo?.y/t.current.imgScale}px`,q(!1)}},W(e,s))},W=(e,s)=>{const r=c.current;if(!r)return;const i=r.querySelector(".slider-move-box"),p=r.querySelector(".slider-move-mask"),f=r.querySelector(".slider-move"),x=r.querySelector(".slider-move-text"),A=f.getBoundingClientRect(),h=i.getBoundingClientRect().width,B=A.width,E=(u,d)=>{let n=u.pageX-d.pageX;n<0&&(n=0),n+h>e.width&&(n=e.width-h),i.style.left=`${n-1}px`,p.style.width=`${n<2?2:n}px`;const y=n/(B-h),V=(e.width-s.width)*y;s.style.left=`${V}px`,x.innerHTML=""},b=()=>{r.classList.remove(`${l}-move`),t.current.padding=!0;const d=parseFloat(s.style.left)*t.current.imgScale;T(d,n=>{if(!n){r.classList.add(`${l}-error`),t.current.timerError=setTimeout(()=>{t.current.padding=!1,w(),x.innerHTML=v({id:"tryAgain"}),S()},1e3);return}r.classList.add(`${l}-success`)})};i.onmousedown=u=>{t.current.padding||(r.classList.add(`${l}-move`),document.onmousemove=d=>{E(d,u)},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,b()})},i.ontouchstart=u=>{if(u.preventDefault(),t.current.padding)return!1;const d=u.touches[0];return r.classList.add(`${l}-move`),document.ontouchmove=n=>{n.preventDefault();const y=n.touches[0];return E(y,d),!1},document.ontouchend=()=>{document.ontouchmove=null,document.ontouchend=null,b()},!1}},w=()=>{const e=c.current;if(!e)return;e.classList.remove(`${l}-success`),e.classList.remove(`${l}-error`);const s=e.querySelector(".slider-move-box"),r=e.querySelector(".slider-move-mask"),i=e.querySelector(".slider-move-text");i.innerHTML=v({id:"swipe"}),s.style.left="-1px",r.style.width="0px",t.current.imgMove&&(t.current.imgMove.style.left="0px")},X=()=>{C(Math.random())},F=()=>{const e={};if(a){let s=a;typeof a=="number"&&(s=`${a}px`),e.width=s}if(g){let s=g;typeof g=="number"&&(s=`${g}px`),e.height=s}return e},P=()=>_(l,L);return o.jsxRuntimeExports.jsxs("div",{className:P(),style:N,ref:c,children:[o.jsxRuntimeExports.jsx(J.Refresh,{onClick:X,className:"refresh"}),o.jsxRuntimeExports.jsx("div",{className:"slider-img",style:F()}),o.jsxRuntimeExports.jsxs("div",{className:"slider-move",children:[o.jsxRuntimeExports.jsx("div",{className:"slider-move-bg"}),o.jsxRuntimeExports.jsx("div",{className:"slider-move-mask",children:o.jsxRuntimeExports.jsxs("div",{className:"slider-move-box",draggable:!1,children:[o.jsxRuntimeExports.jsx(O.DoubleRight,{className:"svg-right"}),o.jsxRuntimeExports.jsx(z.Close,{className:"svg-close"}),o.jsxRuntimeExports.jsx(G.Check,{className:"svg-check"})]})}),o.jsxRuntimeExports.jsx("span",{className:"slider-move-text",children:v({id:"swipe"})})]}),M&&o.jsxRuntimeExports.jsx(Y.Loading,{})]})};exports.DragVerify=$;exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const o=require("../_virtual/jsx-runtime.js"),m=require("react"),_=require("clsx"),O=require("../node_modules/@para-ui/icons/DoubleRight/index.js"),z=require("../node_modules/@para-ui/icons/Close/index.js"),G=require("../node_modules/@para-ui/icons/Check/index.js"),J=require("../node_modules/@para-ui/icons/Refresh/index.js"),K=require("../GlobalContext/constant.js"),Q=require("../GlobalContext/useFormatMessage.js"),U=require("./lang/index.js"),Y=require("../Loading/index.js");;/* empty css            */const $=I=>{const{className:L,style:N,refresh:k,getImgInfo:j,verify:R,width:a,height:g}=I,v=Q.default("DragVerify",U.default),[D,C]=m.useState(),[M,q]=m.useState(!1),c=m.useRef(null),t=m.useRef({getImgInfo:j,verify:R}),l=`${K.$prefixCls}-drag-verify`;t.current.getImgInfo=j,t.current.verify=R,m.useEffect(()=>(w(),S(),()=>{clearTimeout(t.current.timerError??void 0),clearTimeout(t.current.timerSuccess??void 0)}),[k,D]);const S=async()=>{t.current.padding=!0,q(!0);const e=await t.current.getImgInfo();t.current.imgInfo=e,H()},T=async(e,s)=>{const r=await t.current.verify(e,t.current.imgInfo);s(r)},H=()=>{if(!c.current)return;const e=document.createElement("img");e.setAttribute("src",t.current.imgInfo?.sourceImage),e.style.display="none";const s=document.createElement("img");t.current.imgMove=s,s.className="slider-img-move",s.style.display="none";const r=c.current.querySelector(".slider-img"),i=c.current.querySelector(".refresh");!r||!i||(i.style.display="none",r.innerHTML="",r.append(e),e.onload=()=>{e.style.display="inline-block",s.setAttribute("src",t.current.imgInfo?.newImage);const p=e.width;if(e.className="slider-img-bg",e.style.display="inline-block",!c.current)return;const f=c.current.querySelector(".slider-img"),x=f?.clientWidth;t.current.imgScale=p/x,f?.append(s),s.onload=()=>{t.current.padding=!1,s.style.display="inline-block",i.style.display="inline-block",s.width=s.width/t.current.imgScale,s.style.top=`${t.current.imgInfo?.y/t.current.imgScale}px`,q(!1)}},W(e,s))},W=(e,s)=>{const r=c.current;if(!r)return;const i=r.querySelector(".slider-move-box"),p=r.querySelector(".slider-move-mask"),f=r.querySelector(".slider-move"),x=r.querySelector(".slider-move-text"),A=f.getBoundingClientRect(),h=i.getBoundingClientRect().width,B=A.width,E=(u,d)=>{let n=u.pageX-d.pageX;n<0&&(n=0),n+h>e.width&&(n=e.width-h),i.style.left=`${n-1}px`,p.style.width=`${n<2?2:n}px`;const y=n/(B-h),V=(e.width-s.width)*y;s.style.left=`${V}px`,x.innerHTML=""},b=()=>{r.classList.remove(`${l}-move`),t.current.padding=!0;const d=parseFloat(s.style.left)*t.current.imgScale;T(d,n=>{if(!n){r.classList.add(`${l}-error`),t.current.timerError=setTimeout(()=>{t.current.padding=!1,w(),x.innerHTML=v({id:"tryAgain"}),S()},1e3);return}r.classList.add(`${l}-success`)})};i.onmousedown=u=>{t.current.padding||(r.classList.add(`${l}-move`),document.onmousemove=d=>{E(d,u)},document.onmouseup=()=>{document.onmousemove=null,document.onmouseup=null,b()})},i.ontouchstart=u=>{if(u.preventDefault(),t.current.padding)return!1;const d=u.touches[0];return r.classList.add(`${l}-move`),document.ontouchmove=n=>{n.preventDefault();const y=n.touches[0];return E(y,d),!1},document.ontouchend=()=>{document.ontouchmove=null,document.ontouchend=null,b()},!1}},w=()=>{const e=c.current;if(!e)return;e.classList.remove(`${l}-success`),e.classList.remove(`${l}-error`);const s=e.querySelector(".slider-move-box"),r=e.querySelector(".slider-move-mask"),i=e.querySelector(".slider-move-text");i.innerHTML=v({id:"swipe"}),s.style.left="-1px",r.style.width="0px",t.current.imgMove&&(t.current.imgMove.style.left="0px")},X=()=>{C(Math.random())},F=()=>{const e={};if(a){let s=a;typeof a=="number"&&(s=`${a}px`),e.width=s}if(g){let s=g;typeof g=="number"&&(s=`${g}px`),e.height=s}return e},P=()=>_(l,L);return o.jsxRuntimeExports.jsxs("div",{className:P(),style:N,ref:c,children:[o.jsxRuntimeExports.jsx(J.Refresh,{onClick:X,className:"refresh"}),o.jsxRuntimeExports.jsx("div",{className:"slider-img",style:F()}),o.jsxRuntimeExports.jsxs("div",{className:"slider-move",children:[o.jsxRuntimeExports.jsx("div",{className:"slider-move-bg"}),o.jsxRuntimeExports.jsx("div",{className:"slider-move-mask",children:o.jsxRuntimeExports.jsxs("div",{className:"slider-move-box",draggable:!1,children:[o.jsxRuntimeExports.jsx(O.DoubleRight,{className:"svg-right"}),o.jsxRuntimeExports.jsx(z.Close,{className:"svg-close"}),o.jsxRuntimeExports.jsx(G.Check,{className:"svg-check"})]})}),o.jsxRuntimeExports.jsx("span",{className:"slider-move-text",children:v({id:"swipe"})})]}),M&&o.jsxRuntimeExports.jsx(Y.Loading,{})]})};exports.DragVerify=$;exports.default=$;
 //# sourceMappingURL=index.js.map

package/lib/Drawer/component.json

@@ -0,0 +1,200 @@
+{
+    "name": "Drawer",
+    "category": "Feedback",
+    "description": "屏幕边缘滑出的浮层面板",
+    "semantic": {
+        "intent": [
+            "查看详情",
+            "辅助操作",
+            "复杂配置"
+        ],
+        "useCases": [
+            "详情页预览",
+            "系统配置侧边栏",
+            "多级筛选"
+        ],
+        "riskLevel": "normal"
+    },
+    "variants": {
+        "default": {
+            "meaning": "标准抽屉"
+        }
+    },
+    "states": [
+        "open",
+        "loading"
+    ],
+    "idealProps": {
+        "open": {
+            "type": "boolean",
+            "default": false,
+            "description": "**受控模式**：传 open + onClose；onClose 不会自动改 open，需父组件 setOpen(false)。仅暴露 open，**没有 visible 别名**——antd 早期 visible 命名已迁移到 open"
+        },
+        "title": {
+            "type": "ReactNode",
+            "description": "标题"
+        },
+        "placement": {
+            "type": "enum",
+            "values": ["right", "left", "top", "bottom"],
+            "default": "right",
+            "description": "抽屉滑出方向"
+        },
+        "size": {
+            "type": "enum",
+            "values": ["small", "medium", "large", "auto"],
+            "default": "large",
+            "description": "预设尺寸（small/medium/large 各对应固定 px；auto 不设默认值）。**优先级低于 width/height**：传 width/height 时 size 预设被覆盖（src/Drawer/index.tsx:89 实证）"
+        },
+        "width": {
+            "type": "string | number",
+            "description": "自定义宽度（仅 placement='left'|'right' 生效）。number 当 px 处理（如 480 → 480px）；string 支持任意 CSS 长度（px/vw/%/em）。**优先级高于 size**：传 width 时忽略 size 预设宽度"
+        },
+        "height": {
+            "type": "string | number",
+            "description": "自定义高度（仅 placement='top'|'bottom' 生效）。number 当 px；string 支持任意 CSS 长度（px/vh/%/em）。优先级与 width 同——传 height 时覆盖 size 预设"
+        },
+        "destroyOnClose": {
+            "type": "boolean",
+            "default": false,
+            "description": "关闭时是否销毁内部内容（unmount children 子树，避免表单状态/请求残留）。默认 false 仅隐藏不卸载——表单类 Drawer 通常需显式传 true。src/Drawer/index.tsx:27/48/219 已实现"
+        },
+        "onClose": {
+            "type": "function",
+            "signature": "(event: React.MouseEvent | React.KeyboardEvent) => void",
+            "description": "关闭回调。当用户点击关闭按钮 / 点击遮罩（maskClosable=true 时）/ 按 ESC 时触发。回调收 event 参数（src/Drawer/index.tsx:102 `onClose?.(e)` 实证），与 src/Drawer/interface.ts:59 对齐"
+        },
+        "showExtra": {
+            "type": "boolean",
+            "default": true,
+            "description": "是否显示右上角的操作区域(extra 容器);false 则隐藏整个 extra 区域"
+        },
+        "showMask": {
+            "type": "boolean",
+            "default": true,
+            "description": "是否显示遮罩;false 则全透明且点击下层内容仍可交互"
+        },
+        "onOk": {
+            "type": "function",
+            "signature": "() => void",
+            "description": "点击底部确定按钮的回调（src/Drawer/interface.ts:85 实证）。**Drawer 不自动关闭**——需业务方在 onOk 内自行 setOpen(false)。未传时默认渲染确定按钮但点击无回调"
+        },
+        "onCancel": {
+            "type": "function",
+            "signature": "() => void",
+            "description": "点击底部取消按钮的回调（src/Drawer/interface.ts:87 实证）。⚠️ **与 onClose 区分**：onCancel 仅绑定底部取消按钮；onClose 绑定右上角 X / ESC / 遮罩关闭路径。两者可同时使用"
+        },
+        "afterVisibleChange": {
+            "type": "function",
+            "signature": "(open: boolean) => void",
+            "description": "动画结束后的回调（src/Drawer/interface.ts:55 实证，参数名 open 表示当前是否可见）。**在 transition end 时触发**，适合「动画完成后再执行」的场景（如滚动位置重置、DOM 测量等）。与 onChange 区分：onChange 在 open 状态切换时立即触发，afterVisibleChange 在动画结束后触发"
+        },
+        "push": {
+            "type": "boolean | object",
+            "objectShape": {
+                "distance": { "type": "string | number", "description": "子 Drawer 推入父 Drawer 的距离，默认 100（px）" }
+            },
+            "default": "{ distance: 100 }",
+            "description": "多层 Drawer 时的推入行为配置（src/Drawer/interface.ts:93 实证）。传 `{ distance: number | string }` 指定偏移量；传 `false` 禁用推入效果（子 Drawer 直接覆盖，父 Drawer 不偏移）。**仅在嵌套 Drawer 场景下生效**"
+        }
+    },
+    "do": [
+        "在需要保持上下文（不跳转页面）的情况下使用 Drawer 展示详情",
+        "提供清晰的标题和关闭按钮",
+        "受控模式必须同时处理 onClose 并调用 setOpen(false)——Drawer 不会自动关闭，onClose 仅是通知回调（src/Drawer/index.tsx:102 实证）",
+        "表单类内容使用 destroyOnClose={true}，确保关闭后状态重置，避免下次打开显示上次残留数据",
+        "区分 onClose / onOk / onCancel 三个回调职责：onClose 绑定 X/ESC/遮罩关闭路径，onOk 绑定底部确定按钮，onCancel 绑定底部取消按钮"
+    ],
+    "dont": [
+        "在 Drawer 中嵌套过深的 Drawer（多层级建议使用页面跳转）",
+        "在 Drawer 中使用全屏 Modal（遮挡感过强）",
+        "不要假设 onOk/onCancel 点击后 Drawer 自动关闭——src 实现中两者只调回调，不修改 open 状态，必须业务方自行 setOpen(false)",
+        "不要用 visible 替代 open——Drawer 只有 open prop，无 visible 别名（与 antd v4 命名不同）",
+        "不要在 placement='top'|'bottom' 时传 width，或在 placement='left'|'right' 时传 height——方向不对时对应的尺寸 prop 无效（src/Drawer/index.tsx:84-91 实证）"
+    ],
+    "events": {
+        "onClose": {
+            "signature": "(event: React.MouseEvent | React.KeyboardEvent) => void",
+            "asyncSupported": false,
+            "examples": [
+                "点击右上角 X 按钮关闭时触发，event 来自 rc-drawer 内部关闭路径",
+                "maskClosable=true 时点击遮罩触发，event.type 一般为 'click'",
+                "keyboard=true 时按 ESC 触发，event.type 为 'keydown'"
+            ],
+            "commonMistakes": [
+                "假设 onClose 触发后 Drawer 自动关闭 → 必须在 onClose 内调 setOpen(false)，否则 Drawer 保持打开",
+                "假设回调无参数 → 实际收 event 参数（React.MouseEvent | React.KeyboardEvent），src/Drawer/index.tsx:102 实证",
+                "将 onClose 和 onCancel 当作同一回调 → onClose 是 X/ESC/遮罩关闭路径，onCancel 只绑定底部取消按钮",
+                "不区分 onClose 与 afterVisibleChange → onClose 在用户触发关闭时立即调用，afterVisibleChange 是动画结束后的回调"
+            ]
+        },
+        "onOk": {
+            "signature": "() => void",
+            "asyncSupported": false,
+            "examples": [
+                "点击底部确定按钮时触发（showExtra=true 且未传自定义 extra 时显示默认确定/取消按钮）",
+                "在 onOk 内提交表单数据后调 setOpen(false) 关闭 Drawer",
+                "配合 okButtonProps={{ loading: true }} 模拟异步提交中状态"
+            ],
+            "commonMistakes": [
+                "假设 onOk 执行后 Drawer 自动关闭 → 必须手动 setOpen(false)，src/Drawer/index.tsx:104-106 仅调 onOk?.() 不改 open",
+                "假设 onOk 接收 event 参数 → 签名是 () => void，无参数（src/Drawer/interface.ts:85 实证）",
+                "在 extra 已自定义的情况下期望 onOk 仍然触发 → 传了 extra prop 时默认确定/取消按钮区域被整体替换"
+            ]
+        },
+        "onCancel": {
+            "signature": "() => void",
+            "asyncSupported": false,
+            "examples": [
+                "点击底部取消按钮时触发",
+                "onCancel 内调 setOpen(false) 关闭 Drawer，清空临时状态",
+                "配合 cancelButtonProps={{ children: '放弃修改' }} 自定义取消按钮文字"
+            ],
+            "commonMistakes": [
+                "把 onCancel 当作关闭监听 → onCancel 只绑定底部取消按钮，X/ESC/遮罩关闭走 onClose",
+                "假设 onCancel 接收 event 参数 → 签名是 () => void，无参数（src/Drawer/interface.ts:87 实证）",
+                "不调 setOpen(false) → onCancel 不自动关闭 Drawer，需手动 setOpen(false)"
+            ]
+        },
+        "afterVisibleChange": {
+            "signature": "(open: boolean) => void",
+            "asyncSupported": false,
+            "examples": [
+                "动画结束后重置滚动位置（open=false 时清理）",
+                "动画结束后触发懒加载请求（open=true 时执行）",
+                "DOM 测量场景：等 Drawer 完全展开后再读取 offsetWidth"
+            ],
+            "commonMistakes": [
+                "把 afterVisibleChange 当作 onClose 使用 → afterVisibleChange 传入当前 open 状态（true/false），不是关闭事件",
+                "在 afterVisibleChange 里调 setOpen(false) 导致循环 → open=false 时 afterVisibleChange 已在关闭动画结束后触发，不要再次关闭",
+                "假设 open=true 时 afterVisibleChange 先于内容渲染触发 → afterVisibleChange 是动画结束后触发，此时内容已渲染"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "DrawerProps 未导出子类型，不要用 any 声明 props",
+            "wrong": "const MyDrawer = (props: any) => <Drawer {...props} />;",
+            "right": "import { DrawerProps } from '@para-ui/core'; const MyDrawer = (props: DrawerProps) => <Drawer {...props} />;"
+        },
+        {
+            "issue": "size 枚举值 'medium' 不是 'mid'，与 Modal 的 'md' 不同",
+            "wrong": "<Drawer size='mid' />  // 不存在，TS 报类型错",
+            "right": "<Drawer size='medium' />  // 合法值：'small' | 'medium' | 'large' | 'auto'"
+        },
+        {
+            "issue": "onClose 参数类型是联合类型，不要假设是 MouseEvent",
+            "wrong": "onClose={(e: React.MouseEvent) => setOpen(false)}  // ESC 触发时 e 是 KeyboardEvent，类型不兼容",
+            "right": "onClose={(e: React.MouseEvent | React.KeyboardEvent) => setOpen(false)}"
+        },
+        {
+            "issue": "placement 枚举值只有 'left'|'top'|'right'|'bottom'，不接受 antd 风格写法",
+            "wrong": "<Drawer placement='bottom-start' />  // 非法，Drawer placement 无 dash 写法",
+            "right": "<Drawer placement='bottom' />  // 合法值：'left' | 'top' | 'right' | 'bottom'（src/Drawer/interface.ts:13 IPlacement）"
+        }
+    ],
+    "mapping": {
+        "realComponent": "Drawer",
+        "adapter": null
+    }
+}

package/lib/Drawer/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"),i=require("react"),te=require("clsx"),re=require("rc-drawer"),q=require("../Button/index.js"),ne=require("../GlobalContext/useFormatMessage.js"),se=require("./lang/index.js"),c=require("../GlobalContext/constant.js"),ie=require("../AutoTips/index.js"),M=require("@paraview/lib"),N=require("./util.js");;/* empty css            */const p=n=>{const{className:k,resizable:z,onClose:S,destroyOnClose:H=!1,style:D,title:h,extra:L,showExtra:O=!0,footer:w,children:v,size:u="large",onOk:B,onCancel:P,afterVisibleChange:T,okButtonProps:R,cancelButtonProps:C,push:W={distance:100},...F}=n,y=ne.default("Drawer",se.default),[,_]=i.useState(0),[A,a]=i.useState({}),[I,$]=i.useState(!1),f=i.useRef(!1),x=i.useRef(),j=["left","right"].includes(n.placement??"right"),l=i.useRef(0),d=i.useRef(0),m=i.useRef(),o=i.useRef(0);i.useEffect(()=>()=>{x.current&&(clearTimeout(x.current),x.current=null,window.removeEventListener("mouseup",E),window.removeEventListener("mousemove",g),m.current=void 0)},[]),i.useEffect(()=>{a(X),n.open||(m.current=void 0)},[n.open,n.placement,n.width,n.height,u]);const X=()=>{if(!n.open)return{};const e={large:"1000px",medium:"630px",small:"400px"},s={};if(n.placement==="left"||n.placement==="right"){const t=e[u];u!=="auto"&&(s.width=n.width===void 0?t:n.width)}else{const t=u==="large"?736:378;u!=="auto"&&(s.height=n.height===void 0?t:n.height)}return s},Y=e=>{S?.(e)},U=()=>{B?.()},V=()=>{P?.()},G=e=>{$(!0),l.current=j?e.clientX:e.clientY;const s=N.closest(e.target,`.${c.$prefixCls}-drawer-open`)??document.body,t=`.${c.$prefixCls}-drawer-content-wrapper`,b=N.closest(e.target,t)??s.querySelector(t);d.current=j?s.offsetWidth:s.offsetHeight,o.current=j?b.offsetWidth:b.offsetHeight,m.current=m.current??o.current,document.addEventListener("mousemove",g),document.addEventListener("mouseup",E)},E=()=>{$(!1),document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",E)},g=e=>{const s=m.current??400;switch(n.placement){case"left":{const t=o.current+(e.clientX-l.current);if(t+100>=d.current||t<s)return;a({width:t});break}case"right":{const t=o.current-(e.clientX-l.current);if(t+100>=d.current||t<s)return;a({width:t});break}case"top":{const t=o.current+(e.clientY-l.current);if(t+100>=d.current||t<s)return;a({height:t});break}case"bottom":{const t=o.current-(e.clientY-l.current);if(t+100>=d.current||t<s)return;a({height:t});break}}},J=e=>typeof e=="string"?r.jsxRuntimeExports.jsx("div",{className:"drawer-header-title drawer-header-title-ellipsis",children:r.jsxRuntimeExports.jsx(ie.default,{children:e})}):r.jsxRuntimeExports.jsx("div",{className:"drawer-header-title",children:e}),K=r.jsxRuntimeExports.jsxs("div",{className:"drawer-body-header",children:[r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:J(h)}),O&&r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"drawer-header-extra",children:L||r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(q.Button,{variant:"outlined",size:"medium",onClick:V,...C,children:C?.children||y({id:"cancel"})}),r.jsxRuntimeExports.jsx(q.Button,{variant:"contained",size:"medium",onClick:U,...R,children:R?.children||y({id:"ok"})})]})})})]}),Q=()=>!h&&!w?v:r.jsxRuntimeExports.jsxs("div",{className:"drawer-content-body",children:[h&&K,r.jsxRuntimeExports.jsx("div",{className:"drawer-body-content",children:v}),w&&r.jsxRuntimeExports.jsx("div",{className:"drawer-body-footer",children:w})]});if(f.current)return f.current=!1,null;const Z={motionName:`${c.$prefixCls}-drawer-mask-motion`,motionAppear:!0,motionEnter:!0,motionLeave:!0,motionDeadline:M.isIE()?0:100},ee=e=>({motionName:`${c.$prefixCls}-drawer-panel-motion-${e}`,motionAppear:!0,motionEnter:!0,motionLeave:!0,motionDeadline:M.isIE()?0:100});return r.jsxRuntimeExports.jsxs(re,{...F,...A,style:D,maskMotion:Z,motion:ee,push:W,prefixCls:`${c.$prefixCls}-drawer`,rootClassName:te(k,I&&`${c.$prefixCls}-drawer-resizing`),onClose:Y,afterOpenChange:e=>{e?f.current=!1:H&&(f.current=!0,x.current=setTimeout(()=>{_(Math.random())},300)),T?.(e)},children:[z&&r.jsxRuntimeExports.jsx("div",{className:"drawer-handle",onMouseDown:G,children:r.jsxRuntimeExports.jsx("div",{className:"drawer-handle-icon"})}),Q()]})};p.defaultProps={level:null,handler:!1,showMask:!0,placement:"right"};exports.Drawer=p;exports.default=p;
+"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"),ne=require("clsx"),re=require("rc-drawer"),N=require("../Button/index.js"),se=require("../GlobalContext/useFormatMessage.js"),ie=require("./lang/index.js"),c=require("../GlobalContext/constant.js"),oe=require("../AutoTips/index.js"),S=require("../Utils/snack-kit-shims.js"),q=require("./util.js");;/* empty css            */const p=r=>{const{className:z,resizable:$,onClose:H,destroyOnClose:D=!1,style:L,title:h,extra:O,showExtra:B=!0,footer:w,children:v,size:u="large",onOk:P,onCancel:T,afterVisibleChange:W,okButtonProps:R,cancelButtonProps:C,push:F={distance:100},..._}=r,y=se.default("Drawer",ie.default),[,A]=i.useState(0),[I,a]=i.useState({}),[X,b]=i.useState(!1),f=i.useRef(!1),x=i.useRef(),j=["left","right"].includes(r.placement??"right"),l=i.useRef(0),d=i.useRef(0),m=i.useRef(),o=i.useRef(0);i.useEffect(()=>()=>{x.current&&(clearTimeout(x.current),x.current=null,window.removeEventListener("mouseup",E),window.removeEventListener("mousemove",g),m.current=void 0)},[]),i.useEffect(()=>{a(Y),r.open||(m.current=void 0)},[r.open,r.placement,r.width,r.height,u]);const Y=()=>{if(!r.open)return{};const t={large:"1000px",medium:"630px",small:"400px"},s={};if(r.placement==="left"||r.placement==="right"){const e=t[u];u!=="auto"&&(s.width=r.width===void 0?e:r.width)}else{const e=u==="large"?736:378;u!=="auto"&&(s.height=r.height===void 0?e:r.height)}return s},K=t=>{H?.(t)},U=()=>{P?.()},V=()=>{T?.()},G=t=>{b(!0),l.current=j?t.clientX:t.clientY;const s=t.target,e=q.closest(s,`.${c.$prefixCls}-drawer-open`)??document.body,k=`.${c.$prefixCls}-drawer-content-wrapper`,M=q.closest(s,k)??e.querySelector(k);d.current=j?e.offsetWidth:e.offsetHeight,o.current=j?M.offsetWidth:M.offsetHeight,m.current=m.current??o.current,document.addEventListener("mousemove",g),document.addEventListener("mouseup",E)},E=()=>{b(!1),document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",E)},g=t=>{const s=m.current??400;switch(r.placement){case"left":{const e=o.current+(t.clientX-l.current);if(e+100>=d.current||e<s)return;a({width:e});break}case"right":{const e=o.current-(t.clientX-l.current);if(e+100>=d.current||e<s)return;a({width:e});break}case"top":{const e=o.current+(t.clientY-l.current);if(e+100>=d.current||e<s)return;a({height:e});break}case"bottom":{const e=o.current-(t.clientY-l.current);if(e+100>=d.current||e<s)return;a({height:e});break}}},J=t=>typeof t=="string"?n.jsxRuntimeExports.jsx("div",{className:"drawer-header-title drawer-header-title-ellipsis",children:n.jsxRuntimeExports.jsx(oe.default,{children:t})}):n.jsxRuntimeExports.jsx("div",{className:"drawer-header-title",children:t}),Q=n.jsxRuntimeExports.jsxs("div",{className:"drawer-body-header",children:[n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:J(h)}),B&&n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:n.jsxRuntimeExports.jsx("div",{className:"drawer-header-extra",children:O||n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(N.Button,{variant:"outlined",size:"medium",onClick:V,...C,children:C?.children||y({id:"cancel"})}),n.jsxRuntimeExports.jsx(N.Button,{variant:"contained",size:"medium",onClick:U,...R,children:R?.children||y({id:"ok"})})]})})})]}),Z=()=>!h&&!w?v:n.jsxRuntimeExports.jsxs("div",{className:"drawer-content-body",children:[h&&Q,n.jsxRuntimeExports.jsx("div",{className:"drawer-body-content",children:v}),w&&n.jsxRuntimeExports.jsx("div",{className:"drawer-body-footer",children:w})]});if(f.current)return f.current=!1,null;const ee={motionName:`${c.$prefixCls}-drawer-mask-motion`,motionAppear:!0,motionEnter:!0,motionLeave:!0,motionDeadline:S.isIE()?0:100},te=t=>({motionName:`${c.$prefixCls}-drawer-panel-motion-${t}`,motionAppear:!0,motionEnter:!0,motionLeave:!0,motionDeadline:S.isIE()?0:100});return n.jsxRuntimeExports.jsxs(re,{..._,...I,style:L,maskMotion:ee,motion:te,push:F,prefixCls:`${c.$prefixCls}-drawer`,rootClassName:ne(z,X&&`${c.$prefixCls}-drawer-resizing`),onClose:K,afterOpenChange:t=>{t?f.current=!1:D&&(f.current=!0,x.current=setTimeout(()=>{A(Math.random())},300)),W?.(t)},children:[$&&n.jsxRuntimeExports.jsx("div",{className:"drawer-handle",onMouseDown:G,children:n.jsxRuntimeExports.jsx("div",{className:"drawer-handle-icon"})}),Z()]})};p.defaultProps={level:null,handler:!1,showMask:!0,placement:"right"};exports.Drawer=p;exports.default=p;
 //# sourceMappingURL=index.js.map

package/lib/Drawer/interface.d.ts

@@ -93,6 +93,6 @@ export interface DrawerProps {
     push?: boolean | {
         distance: string | number;
     };
-    [name: string]: any;
+    [name: string]: unknown;
 }
 export {};

package/lib/Drawer/util.d.ts

@@ -1,6 +1 @@
-/**
- * 查找元素
- * @param el 当前元素
- * @param selector 查找元素class
- */
-export declare const closest: (el: any, selector: any) => any;
+export declare const closest: (el: Element | null, selector: string) => Element | null;

package/lib/Drawer/util.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(t,e)=>{const c=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector;for(;t&&!c.call(t,e);)t=t.parentElement;return t};exports.closest=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=(c,l)=>{if(!c)return null;const t=c,r=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.msMatchesSelector;if(!r)return null;let e=c;for(;e&&!r.call(e,l);)e=e.parentElement;return e};exports.closest=s;
 //# sourceMappingURL=util.js.map