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

package/lib/Transfer/component.json

@@ -0,0 +1,157 @@
+{
+    "name": "Transfer",
+    "category": "Data Entry",
+    "description": "穿梭框,双栏穿梭选择框",
+    "semantic": {
+        "intent": [
+            "多项选择",
+            "数据移动",
+            "分类归纳"
+        ],
+        "useCases": [
+            "权限配置",
+            "角色分配",
+            "字段筛选"
+        ],
+        "riskLevel": "low"
+    },
+    "variants": {
+        "default": {
+            "meaning": "标准穿梭框(多选 + 内置搜索)"
+        }
+    },
+    "states": [
+        "default",
+        "disabled"
+    ],
+    "idealProps": {
+        "data": {
+            "type": "Array<ItemDataProps>",
+            "default": "[]",
+            "itemSchema": {
+                "key": { "type": "string", "description": "唯一标识（与 value[] 对比；改字段名时用 customKey）" },
+                "name": { "type": "string", "description": "显示名" },
+                "description": { "type": "string", "description": "描述文字" },
+                "checked": { "type": "boolean", "description": "是否已勾选" },
+                "disabled": { "type": "boolean", "description": "是否禁用" },
+                "hide": { "type": "boolean", "description": "是否隐藏" },
+                "tagColor": { "type": "string", "description": "tag 色" }
+            },
+            "description": "数据源(**真实 prop 名是 data 不是 dataSource**);**对外导出类型名是 IItemDataProps**(有 I 前缀,src/index.ts 重命名导出),业务侧 import 用 `import { IItemDataProps } from '@para-ui/core/Transfer'`;ItemDataProps = { key?: string; name?: string; description?: string; checked?: boolean; disabled?: boolean; hide?: boolean; tagColor?: string; [k: string]: unknown };src/Transfer/box.tsx:49。**业务 any[] 数据**:若字段名不是 key/name(例如 id/label),建议父层 map 适配成 IItemDataProps 形状,或用 customKey 让 value 比对换字段"
+        },
+        "value": {
+            "type": "Array<string>",
+            "default": "[]",
+            "description": "右侧框已选中的 key 集合(**真实 prop 名是 value 不是 targetKeys**);受控数组,组件内部按 customKey 比对 data 分流到左右两侧;src/Transfer/index.tsx:236 useEffect 监听 value/data 同步"
+        },
+        "onChange": {
+            "type": "(keys: Array<string>) => void",
+            "description": "右侧 key 集合变化回调(穿梭 / 排序 / 上下移动都会触发);**回参是 key 数组不是 item 对象数组**;src/Transfer/index.tsx:150"
+        },
+        "onSort": {
+            "type": "(keys: Array<string>) => void",
+            "description": "右侧拖拽排序 / 上下移动后回调;触发时机:rightData splice 之后;src/Transfer/index.tsx:170 / 190 / 230;onChange 在 onSort 之前也会触发一次(同步右侧 key 序列)"
+        },
+        "customKey": {
+            "type": "string",
+            "default": "key",
+            "description": "自定义唯一键字段名;改这个会让 value 比对 data[customKey] 而非 data.key — 适用于业务数据自带 id/code 不想 rename 为 key 的场景"
+        },
+        "titles": {
+            "type": "Array<string>",
+            "default": "['左侧', '右侧']",
+            "description": "[左侧标题, 右侧标题];默认值来自 i18n localeJson(zh: '左侧'/'右侧',en: 'Left'/'Right');传两元数组覆盖"
+        },
+        "multiple": {
+            "type": "boolean",
+            "default": "true",
+            "description": "是否多选;false 时每侧 checkbox 单选语义,选中新项自动清空旧选"
+        },
+        "trim": {
+            "type": "boolean",
+            "default": "false",
+            "description": "搜索时是否去除首尾空格(toUpperCase 大小写不敏感是固定行为,trim 只控空格)"
+        },
+        "disabled": {
+            "type": "boolean",
+            "default": "false",
+            "description": "整体禁用(组件层);若只想禁某条 item,用 ItemDataProps.disabled — 二者独立可叠加"
+        },
+        "render": {
+            "type": "(item: ItemDataProps) => void",
+            "description": "对每条 item 的预处理 hook(在 useEffect 分流前调用,可改 item 字段);**注意是副作用函数(返回 void),不是返回 ReactNode 的 render prop** — 与 rightIcon 易混(rightIcon 才是返回 ReactNode);src/Transfer/index.tsx:242"
+        },
+        "rightIcon": {
+            "type": "(item: ItemDataProps) => ReactNode",
+            "description": "每行右侧自定义渲染(放 Help 图标 / Popover 等);返回 ReactNode,与 render 副作用 hook 不同"
+        }
+    },
+    "do": [
+        "在源数据量大且需要多选时使用 Transfer",
+        "提供清晰的 List Title",
+        "value 始终保持 string[] 类型(组件内部按 customKey 比对)"
+    ],
+    "dont": [
+        "在移动端使用 Transfer(交互困难)",
+        "数据量极小(<5)时使用 Transfer(推荐 Checkbox Group)",
+        "把 dataSource / targetKeys 当 prop 名(那是 Ant Design 命名,本组件实际是 data / value)",
+        "期待 onSelectChange / onCheck 回调(本组件无 checkbox 勾选未穿梭的回调 — onChange 仅在穿梭/排序/移动完成后触发;若需追踪'选中变化'只能在 onChange 后由 left/right key 集合推导)",
+        "期待 size / compact / dense prop(本组件不支持紧凑模式;紧凑视觉只能由外层 div 套 fontSize/padding 模拟,无法影响内部间距)",
+        "期待 showSearch prop(搜索是内置默认开启 — 仅 trim 控制空格策略)"
+    ],
+    "events": {
+        "onChange": {
+            "signature": "(keys: Array<string>) => void",
+            "asyncSupported": false,
+            "examples": [
+                "穿梭（右→左或左→右）完成时触发：keys 是右侧框所有 key 的当前顺序数组",
+                "上下移动排序后触发：keys 反映排序后的顺序（onSort 也会在此之前触发）",
+                "拖拽排序完成后触发：onEndSort → onChange 顺序触发，keys 是最新右侧顺序"
+            ],
+            "commonMistakes": [
+                "把 onChange 的回参当做 ItemDataProps[] 对象数组——实际是 key 字符串数组",
+                "期望 onChange 在勾选（checkbox）时触发——onChange 只在穿梭/排序完成后触发，不追踪 checkbox 中间状态",
+                "期望 onChange 只在穿梭时触发——排序（onSort）也会同时触发 onChange"
+            ]
+        },
+        "onSort": {
+            "signature": "(keys: Array<string>) => void",
+            "asyncSupported": false,
+            "examples": [
+                "右侧列表拖拽排序结束时触发：keys 是排序后右侧的 key 顺序数组",
+                "点击上/下移动按钮后触发：先触发 onSort 再触发 onChange",
+                "用于服务端保存排序：onSort={(keys) => saveOrder(keys)}"
+            ],
+            "commonMistakes": [
+                "只监听 onSort 不监听 onChange——右侧 key 顺序同时写入了 onChange，两者都会触发",
+                "期望 onSort 在左侧操作时触发——onSort 只针对右侧列表排序，左侧没有排序功能"
+            ]
+        }
+    },
+    "typescriptPitfalls": [
+        {
+            "issue": "data 的 TypeScript 导出类型名是 IItemDataProps（有 I 前缀），不是 ItemDataProps",
+            "wrong": "import { ItemDataProps } from '@para-ui/core/Transfer'  // 不存在此导出",
+            "right": "import { IItemDataProps } from '@para-ui/core/Transfer'  // src/Transfer/index.tsx 重命名导出"
+        },
+        {
+            "issue": "value 是 string[] 不是 ItemDataProps[]，传对象数组导致右侧显示为空",
+            "wrong": "value={[{ key: 'a', name: '选项A' }]}  // 传对象数组，内部 indexOf 比对会失败",
+            "right": "value={['a']}  // 传 key 字符串数组，对应 data 中每项的 customKey 字段值"
+        },
+        {
+            "issue": "自定义 key 字段时需同步传 customKey，否则 value 比对不到 data",
+            "wrong": "// 数据字段是 id 但没传 customKey\ndata={[{ id: '001', name: '项目A' }]} value={['001']}  // 比对用 data.key，找不到",
+            "right": "data={[{ id: '001', name: '项目A' }]} value={['001']} customKey='id'  // 告知组件用 id 做 key"
+        },
+        {
+            "issue": "render 是副作用 hook 不是 render prop，返回 void 不是 ReactNode",
+            "wrong": "render={(item) => <span>{item.name}</span>}  // 假设 render 返回 ReactNode 渲染到列表项",
+            "right": "// render 用于预处理 item 字段（副作用），自定义列表项显示用 rightIcon\nrender={(item) => { item.name = item.label; }}  // 修改 item 字段"
+        }
+    ],
+    "mapping": {
+        "realComponent": "Transfer",
+        "adapter": null
+    }
+}

package/lib/Tree/OperateBar/index.js

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const d=require("../../_virtual/jsx-runtime.js"),p=require("react"),z=require("react-dom"),H=require("../../node_modules/@para-ui/icons/EditFile/index.js"),L=require("../../node_modules/@para-ui/icons/PlusCircle/index.js"),U=require("../../node_modules/@para-ui/icons/Delete/index.js"),G=require("../../node_modules/@para-ui/icons/Forbid/index.js"),J=require("../../Tooltip/index.js"),K=require("@paraview/lib"),Q=require("clsx"),V=require("../../GlobalContext/useFormatMessage.js"),W=require("../lang/index.js");;/* empty css            */const X=i=>({add:{icon:d.jsxRuntimeExports.jsx(L.PlusCircle,{}),text:i({id:"add"})},edit:{icon:d.jsxRuntimeExports.jsx(H.EditFile,{}),text:i({id:"edit"})},enable:{icon:d.jsxRuntimeExports.jsx(G.Forbid,{}),text:i({id:"disabled"})},del:{icon:d.jsxRuntimeExports.jsx(U.Delete,{}),text:i({id:"delete"})}}),Y=(i,m,c)=>{if(i===void 0||i===!1)return[];if(i===!0)return Object.keys(c).map(n=>({...c[n],action:n}));const f=[];return Object.keys(i).forEach(n=>{const h=i[n];if(n!=="customizeActions"){const r=h;if(typeof r=="object"){const l=r;typeof l.show=="function"?l.show(m)&&f.push({...c[n],...l,action:n}):f.push({...c[n],...l,action:n})}else typeof r=="function"?r(m)&&f.push({...c[n],action:n}):r&&f.push({...c[n],action:n})}else Array.isArray(h)&&h.length&&h.forEach(r=>{typeof r.show=="function"?r.show(m)&&f.push(r):f.push(r)})}),f},Z=i=>{const{actionsCallback:m,opRef:c,mouseInRef:f,showActions:n,onRemove:h}=i,r=p.useRef(null),l=p.useRef(K.UUID().replace(/-/g,"")),[j,q]=p.useState({}),[$,v]=p.useState(!1),[E,R]=p.useState(!1),A=V.default("Tree",W.default),g=c.current,C=(e,t)=>{const s=`${Math.round(Math.sin(Math.PI/180*t)*e)}px`,o=`${-Math.round(Math.cos(Math.PI/180*t)*e+12)}px`;return{left:s,top:o}},N=e=>e<=4?40:e===5?60:e>5&&e<7?80:100,S=(e,t)=>{const s=c.current?.anchorEl?.getBoundingClientRect()||{top:0,left:0,height:0},{left:o,height:a}=s;let{top:u}=s;const x=t+24+12,y=t*2+24+12;u=u-y/2+a/2,e.style.cssText=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./index.css');const d=require("../../_virtual/jsx-runtime.js"),p=require("react"),z=require("react-dom"),H=require("../../node_modules/@para-ui/icons/EditFile/index.js"),L=require("../../node_modules/@para-ui/icons/PlusCircle/index.js"),U=require("../../node_modules/@para-ui/icons/Delete/index.js"),G=require("../../node_modules/@para-ui/icons/Forbid/index.js"),J=require("../../Tooltip/index.js"),K=require("@snack-kit/lib"),Q=require("clsx"),V=require("../../GlobalContext/useFormatMessage.js"),W=require("../lang/index.js");;/* empty css            */const X=i=>({add:{icon:d.jsxRuntimeExports.jsx(L.PlusCircle,{}),text:i({id:"add"})},edit:{icon:d.jsxRuntimeExports.jsx(H.EditFile,{}),text:i({id:"edit"})},enable:{icon:d.jsxRuntimeExports.jsx(G.Forbid,{}),text:i({id:"disabled"})},del:{icon:d.jsxRuntimeExports.jsx(U.Delete,{}),text:i({id:"delete"})}}),Y=(i,m,c)=>{if(i===void 0||i===!1)return[];if(i===!0)return Object.keys(c).map(n=>({...c[n],action:n}));const f=[];return Object.keys(i).forEach(n=>{const h=i[n];if(n!=="customizeActions"){const r=h;if(typeof r=="object"){const l=r;typeof l.show=="function"?l.show(m)&&f.push({...c[n],...l,action:n}):f.push({...c[n],...l,action:n})}else typeof r=="function"?r(m)&&f.push({...c[n],action:n}):r&&f.push({...c[n],action:n})}else Array.isArray(h)&&h.length&&h.forEach(r=>{typeof r.show=="function"?r.show(m)&&f.push(r):f.push(r)})}),f},Z=i=>{const{actionsCallback:m,opRef:c,mouseInRef:f,showActions:n,onRemove:h}=i,r=p.useRef(null),l=p.useRef(K.UUID().replace(/-/g,"")),[j,q]=p.useState({}),[b,v]=p.useState(!1),[E,R]=p.useState(!1),A=V.default("Tree",W.default),g=c.current,C=(e,t)=>{const s=`${Math.round(Math.sin(Math.PI/180*t)*e)}px`,o=`${-Math.round(Math.cos(Math.PI/180*t)*e+12)}px`;return{left:s,top:o}},N=e=>e<=4?40:e===5?60:e>5&&e<7?80:100,S=(e,t)=>{const s=c.current?.anchorEl?.getBoundingClientRect()||{top:0,left:0,height:0},{left:o,height:a}=s;let{top:u}=s;const x=t+24+12,y=t*2+24+12;u=u-y/2+a/2,e.style.cssText=`
                             position: fixed;
                             width:${x}px;
                             height: ${y}px;
                             top: ${u}px;
                             left: ${o}px;
-                             `},b=(e,t)=>{let s=0,o=0;return e===4?(s=60,o=t*s):e===3?(s=30,o=(2*t+1)*s):e===2?(s=60,o=(t+1)*s):e===1?o=90:e===5?(s=45,o=t*s):e>5&&e<=7?(s=30,o=t*s):e>7&&(s=20,o=t*s),o},P=()=>{const t=document.getElementById(l.current)?.getElementsByClassName("sector-item-container")?.[0],s=t?.childNodes||[],o=t?.parentNode,a=N(s.length);o&&S(o,a);for(let u=0;u<s.length;u++){const x=s[u];x.style.transition=".3s",x.style.opacity="1";const y=b(s.length,u),{left:F,top:D}=C(a,y);x.style.transform=`translate(${F},${D})`}},M=()=>{const e=document.getElementById(l.current),s=e?.getElementsByClassName("sector-item-container")?.[0]?.childNodes||[];for(let o=0;o<s.length;o++){const a=s[o];a.style.transition=".3s",a.style.transform="translate(0,0)",a.style.opacity="0"}e?.parentNode?.removeChild(e),R(!1)},w=(e,t)=>{t?(q(e),P()):M()},B=()=>{f.current=!0},I=()=>{h?.(g?.anchorEl),g?.onShowSector?.({},!1)},O=(e,t,s)=>{s.stopPropagation(),m?.(e,t,s)},T=()=>{const e=Y(n,j,X(A));if(e.length>1){const t=e[0];e[0]=e[1],e[1]=t}return e?.length?e.map((t,s)=>{const{action:o,text:a,icon:u}=t??{};return d.jsxRuntimeExports.jsx(J.Tooltip,{title:a,children:d.jsxRuntimeExports.jsx("li",{className:Q("sector-item",{"sector-item--del":o==="del"}),onClick:x=>O(j,o,x),children:u})},s)}):null};return p.useImperativeHandle(c,()=>({...g,uid:l.current,onShowSector:w})),p.useEffect(()=>{E||(()=>{let t=document.getElementById(l.current);t||(t=document.createElement("div"),t.id=l.current,t.style.position="fixed",t.style.top="-9999px",t.style.zIndex="1500",document.body.appendChild(t),R(!0)),v(!0),r.current=t})()},[E]),p.useEffect(()=>()=>{r.current?.parentNode?.removeChild(r.current),R(!1)},[]),d.jsxRuntimeExports.jsx(d.jsxRuntimeExports.Fragment,{children:$&&z.createPortal(d.jsxRuntimeExports.jsx("div",{className:"sector-container",onMouseLeave:I,onMouseEnter:B,children:d.jsxRuntimeExports.jsx("ul",{className:"sector-item-container",children:T()})}),r.current)})};exports.default=Z;
+                             `},$=(e,t)=>{let s=0,o=0;return e===4?(s=60,o=t*s):e===3?(s=30,o=(2*t+1)*s):e===2?(s=60,o=(t+1)*s):e===1?o=90:e===5?(s=45,o=t*s):e>5&&e<=7?(s=30,o=t*s):e>7&&(s=20,o=t*s),o},P=()=>{const t=document.getElementById(l.current)?.getElementsByClassName("sector-item-container")?.[0],s=t?.childNodes||[],o=t?.parentNode,a=N(s.length);o&&S(o,a);for(let u=0;u<s.length;u++){const x=s[u];x.style.transition=".3s",x.style.opacity="1";const y=$(s.length,u),{left:F,top:D}=C(a,y);x.style.transform=`translate(${F},${D})`}},M=()=>{const e=document.getElementById(l.current),s=e?.getElementsByClassName("sector-item-container")?.[0]?.childNodes||[];for(let o=0;o<s.length;o++){const a=s[o];a.style.transition=".3s",a.style.transform="translate(0,0)",a.style.opacity="0"}e?.parentNode?.removeChild(e),R(!1)},w=(e,t)=>{t?(q(e),P()):M()},B=()=>{f.current=!0},I=()=>{h?.(g?.anchorEl),g?.onShowSector?.({},!1)},O=(e,t,s)=>{s.stopPropagation(),m?.(e,t,s)},T=()=>{const e=Y(n,j,X(A));if(e.length>1){const t=e[0];e[0]=e[1],e[1]=t}return e?.length?e.map((t,s)=>{const{action:o,text:a,icon:u}=t??{};return d.jsxRuntimeExports.jsx(J.Tooltip,{title:a,children:d.jsxRuntimeExports.jsx("li",{className:Q("sector-item",{"sector-item--del":o==="del"}),onClick:x=>O(j,o,x),children:u})},s)}):null};return p.useImperativeHandle(c,()=>({...g,uid:l.current,onShowSector:w})),p.useEffect(()=>{E||(()=>{let t=document.getElementById(l.current);t||(t=document.createElement("div"),t.id=l.current,t.style.position="fixed",t.style.top="-9999px",t.style.zIndex="1500",document.body.appendChild(t),R(!0)),v(!0),r.current=t})()},[E]),p.useEffect(()=>()=>{r.current?.parentNode?.removeChild(r.current),R(!1)},[]),d.jsxRuntimeExports.jsx(d.jsxRuntimeExports.Fragment,{children:b&&z.createPortal(d.jsxRuntimeExports.jsx("div",{className:"sector-container",onMouseLeave:I,onMouseEnter:B,children:d.jsxRuntimeExports.jsx("ul",{className:"sector-item-container",children:T()})}),r.current)})};exports.default=Z;
 //# sourceMappingURL=index.js.map

package/lib/Tree/Tree.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../_virtual/jsx-runtime.js"),c=require("react"),ht=require("rc-tree"),V=require("clsx"),k=require("./utils/tools.js"),ee=require("./utils/treeUtil.js"),mt=require("./OperateBar/index.js"),xt=require("@paraview/lib"),yt=require("../node_modules/@para-ui/icons/MoreCircle/index.js"),gt=require("../Empty/index.js"),kt=require("../Loading/index.js"),Me=require("../AutoTips/index.js"),Ct=require("../GlobalContext/useFormatMessage.js"),Rt=require("./lang/index.js"),u=require("../GlobalContext/constant.js"),Ne={page:1,size:10},te=c.forwardRef((T,Ie)=>{const{url:_,ctx:re,params:A=null,method:ne="GET",headers:se,requestCallback:oe,refresh:De,replaceFields:j={key:"key",parentId:"parentId",children:"children",title:"title",loadKey:"key"},treeData:O,className:ae,showIcon:ce,icon:M,showLine:ie,switcherIcon:qe,blockNode:le,checkable:ue,selectable:fe,radioable:p=!1,showRadio:de=!0,checkStrictly:F=!1,actionsCallback:ve,showActions:N,checkedKeys:I,defaultCheckedKeys:B,expandedKeys:$,defaultExpandedKeys:b,loadedKeys:D,onCheck:ze,onExpand:Pe,asyncLoad:_e=!1,pagination:m=!1,pageSize:Ae=Ne,loadData:pe,localFilter:q=!1,localParams:Y,onFilter:he,loadMoreNode:Oe=null,paramsCallback:Fe,titleRender:me,emptyProps:Be,emptyClassName:Ye,notFoundContent:Ge,wrapperClassName:He,wrapperStyle:Ue,showLoading:xe=!0,loadingNode:We,onLoadedKey:Je,tipMaxWidth:ye=500}=T,[v,x]=c.useState([]),[z,G]=c.useState([]),[ge,C]=c.useState([]),K=c.useRef({}),ke=c.useRef(!1),H=c.useRef(-1),w=c.useRef([]),y=`${u.$prefixCls}-tree`,R=c.useRef({}),S=c.useRef([]),U={...Ne,...Ae},W=c.useRef([]),Qe=Ct.default("Tree",Rt.default),[Ce,Re]=c.useState(!1),Ee=c.useRef(!0),[J,Q]=c.useState([]),X={...T,showLine:!!ie,checkStrictly:!!(p||F),showIcon:p||ce},Xe=()=>V({[`${y}-icon-hide`]:!ce,[`${y}-block-node`]:le,[`${y}-unselectable`]:!fe,[`${y}-radioable`]:p,[`${y}-radioable-showradio`]:p&&de},ae),Z=e=>{function t(r){const{key:s,title:n,children:o,parentId:i}=j||{};r.forEach(f=>{const a=f;s&&(a.key=a[s]),n&&(a.title=a[n]),o&&(a.children=a[o]),i&&(a.parentId=a[i]),a.children?.length&&t(a.children)})}return j&&t(e),e},Ze=e=>e.moreFlag?l.jsxRuntimeExports.jsx("span",{className:`${u.$prefixCls}-tree-title-wrapper`,title:"",children:l.jsxRuntimeExports.jsx(Me.default,{placement:"top-start",tipMaxWidth:ye,children:e.title})}):l.jsxRuntimeExports.jsxs("span",{className:`${u.$prefixCls}-tree-title-wrapper`,onMouseEnter:Ve,onMouseLeave:et,onClick:tt,title:le?"":void 0,children:[l.jsxRuntimeExports.jsx(Me.default,{tipMaxWidth:ye,placement:"top-start",children:typeof me=="function"?me(e):e.title}),!!N&&l.jsxRuntimeExports.jsx("div",{className:"sector-anchor",onMouseEnter:t=>rt(e,t),onMouseLeave:nt,children:l.jsxRuntimeExports.jsx(yt.MoreCircle,{size:"medium"})})]}),Ve=e=>{const t=`${u.$prefixCls}-tree-title-wrapper`;e.target?.classList?.contains?.(t)&&e.stopPropagation(),Te();const r=e.currentTarget;if(r){const s=`.${u.$prefixCls}-tree-node-content-wrapper`,n=r.closest(s);w.current.push(n),P(n,!0)}},et=e=>{e.stopPropagation(),Te();const t=e.currentTarget;if(t){const r=`.${u.$prefixCls}-tree-node-content-wrapper`,s=t.closest(r);P(s,!1)}},tt=()=>{N&&w.current?.length>0&&setTimeout(()=>{w.current.forEach(e=>{P(e,!0)})})},P=(e,t)=>{e&&(t?e?.classList.add(`${u.$prefixCls}-tree-node-content-wrapper--active`):e?.classList.remove(`${u.$prefixCls}-tree-node-content-wrapper--active`))},rt=(e,t)=>{t.stopPropagation();const r=t.currentTarget;K.current.anchorEl=r,H.current=setTimeout(()=>{clearTimeout(H.current),st(r,e)},300)},nt=e=>{e.stopPropagation(),clearTimeout(H.current);const t=e.currentTarget,r=setTimeout(()=>{clearTimeout(r),ke.current||we(t)},300)},st=(e,t)=>{const r=document.getElementById(K.current.uid||"");e.classList.add("sector-anchor--active"),r&&r.querySelector(".sector-container")&&K.current?.onShowSector?.(t,!0)},we=e=>{e&&(e.classList.remove("sector-anchor--active"),K.current?.onShowSector?.({key:""},!1))},ot=e=>{if(e){const t=`.${u.$prefixCls}-tree-node-content-wrapper`,r=e.closest(t);P(r,!1),we(e)}},Te=()=>{w.current?.length&&(w.current.forEach(e=>{e?.classList?.remove(`${u.$prefixCls}-tree-node-content-wrapper--active`)}),w.current.length=0)},at=(e,t)=>{let r=[],s=[];if(p){const n=t.node,o=j.key??"key";t.checked&&n&&(r=[n[o]])}else F&&!Array.isArray(e)?(r=e.checked,s=e.halfChecked,W.current=s):(Array.isArray(e)?r=e:r=e.checked,s=t.halfCheckedKeys||[]);"checkedKeys"in T||G(r),ze?.(r,t,s)},ct=(e,t)=>{"expandedKeys"in T||C([...e]),Pe?.(e,t)},je=async(e={})=>{if(!_)return[];xe&&Re(!0);const t=Fe?.(e)||e,r=ne?.toUpperCase(),s={url:_,ctx:re,method:r,[r==="GET"?"params":"data"]:t||{}};se&&(s.headers=se);const{data:n,err:o}=await xt.Request(s);return xe&&Re(!1),o?m?{}:[]:m?n.data||{}:n.data||[]},it=()=>({key:String((Math.random()*1e6|0)+Date.now()),title:Qe({id:"loadMore"}),checkable:!1,disableCheckbox:!0,isLeaf:!0,selectable:!1,icon:null,moreFlag:!0}),lt=e=>l.jsxRuntimeExports.jsx("span",{className:`${u.$prefixCls}-tree-treenode-more-wrapper`,onClick:t=>{t.stopPropagation(),be(e)},children:Oe||e.title}),$e=(e,t,r,s)=>t==="ROOT_KEY"?(e.pop(),e.concat(r)):e.map(n=>{if(n.key===t){if(s){const o=n.children||[];return o.pop(),{...n,children:o.concat(r)}}return{...n,children:r}}return n.children?{...n,children:$e(n.children,t,r,s)}:n}),be=e=>{const{key:t,children:r}=e,s=e.parentId,n=e.moreFlag;return Q([...J,t]),Je?.(t,e),new Promise(async o=>{if(r){o();return}let i=t;const f=j.loadKey??"key",a={[f]:i,...A};m&&(n&&(i=s,R.current[i].page=(R.current[i].page||0)+1,a[f]=i,i==="ROOT_KEY"&&delete a[f]),a.page=R.current[i].page,a.size=R.current[i].size);let d=await je(a);const g=await oe?.(d);g&&(d=g);let L={page:0,size:0,total:0},h=[];if(m){const E=d||{},Le=E.list||[];if(!Object.keys(E).length||Le.length===0){o();return}h=Le,L={page:Number(E.page),size:Number(E.size),total:Number(E.total)}}else h=d||[];h?.length&&(h=Z(h),m&&(h=Ke(h,L,i))),Array.isArray(h)&&x(E=>$e(E,i,h,!!n)),o()})},Ke=(e,t,r)=>{const s=k.convert(e),{page:n,size:o,total:i}=t;if(n*o<i){const a=it();a.parentId=r||"ROOT_KEY",a.title=lt(a),s.push(a)}R.current=f(s);function f(a){const d=R.current;return a?.length&&a.forEach(g=>{const L=g.moreFlag?g.parentId:g.key;d[L]||(d[L]={...g,...U})}),d}return s},ut=async()=>{const e={...A};m&&(e.page=U.page,e.size=U.size);let t=await je(e),r={page:0,size:0,total:0};const s=await oe?.(t);s&&(t=s);let n=[];if(m){const o=t||{};if(!Object.keys(o).length)return x([]);n=o.list||[],r={page:Number(o.page),size:Number(o.size),total:Number(o.total)},R.current={}}else n=t||[];if(!n?.length)return x([]);n=Z(n),q&&(S.current=k.deepCopy(n)),m&&(n=Ke(n,r)),x([...n])},Se=()=>{const e={};return _e&&(e.loadData=be),pe&&(e.loadData=pe),e.titleRender=Ze,e};c.useEffect(()=>{B&&G([...B]),b&&C([...b])},[B,b]),c.useEffect(()=>{I&&(G([...k.getCheckedKeys(I)]),W.current=k.getHalfCheckedKeys(I)),$&&C([...$])},[I,$]),c.useEffect(()=>{D&&(D.length===0?(Q([]),C([])):Q([...D]))},[D]),c.useEffect(()=>{function e(t){const r=[];function s(n){n.forEach(o=>{o.children?.length&&(r.push(o.key),s(o.children))})}!$&&!b&&(s(t),r.length&&C(r))}if(Array.isArray(O)){const t=Z(O);q&&(S.current=k.deepCopy(t)),X.defaultExpandAll&&e(t),x([...t])}else ut()},[_,re,A,ne,De,O]),c.useEffect(()=>{function e({searchKey:r,searchValue:s}){if(!r)return;if(s===""){x(S.current),C([...$||b||[]]);return}const n=k.flatten(S.current),o=n.reduce((f,a)=>String(a[r]).toLowerCase().includes(s?.toLowerCase())?f.concat(a):f,[]),i=k.convertByFilter(k.deepCopy(n),o);x(i),C(t(i))}function t(r){return r.reduce((s,n)=>s.concat(n.key,t(n.children||[])),[])}if(q){if(he){const r=he(S.current);if(!r)return;x(r);return}Y&&e(Y)}},[q,Y]);const ft=l.jsxRuntimeExports.jsx("div",{className:V(`${u.$prefixCls}-tree ${u.$prefixCls}-tree-empty`,ae,Ye),style:T.style,children:Ge??l.jsxRuntimeExports.jsx(gt.default,{size:"small",...Be})}),dt=c.useMemo(()=>{if(!v?.length&&Ee.current)return Ee.current=!1,null;if(!v?.length)return Ce?null:ft;let e=z;return F&&(e={checked:z,halfChecked:W.current}),l.jsxRuntimeExports.jsx(ht,{itemHeight:20,ref:Ie,...X,prefixCls:y,className:Xe(),checkable:p||ue?l.jsxRuntimeExports.jsx("span",{className:`${y}-checkbox-inner`}):ue,selectable:p?!1:fe,switcherIcon:t=>ee.default(y,qe,ie,t),...Se(),loadData:Se().loadData,treeData:v,checkedKeys:e,expandedKeys:ge,loadedKeys:J,onCheck:at,onExpand:ct,icon:t=>{if(M)return typeof M=="function"?M(t):M;if(t.checkable===!1)return null;if(p){if(!de)return null}else return null;return ee.renderTreeNodeIcon(t,p,z[0],j)}})},[v,z,ge,X.selectedKeys,J]),pt=()=>N?l.jsxRuntimeExports.jsx(mt.default,{opRef:K,mouseInRef:ke,actionsCallback:ve,onRemove:ot,showActions:N}):null;return l.jsxRuntimeExports.jsxs(l.jsxRuntimeExports.Fragment,{children:[l.jsxRuntimeExports.jsxs("div",{className:V(`${u.$prefixCls}-tree-wrapper`,He),style:Ue,children:[dt,Ce&&(We||l.jsxRuntimeExports.jsx(kt.Loading,{}))]}),pt()]})});te.defaultProps={checkable:!1,selectable:!0,showIcon:!1,motion:{...ee.collapseMotion,motionAppear:!1},blockNode:!1};te.displayName="Tree";exports.default=te;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../_virtual/jsx-runtime.js"),c=require("react"),ht=require("rc-tree"),V=require("clsx"),k=require("./utils/tools.js"),ee=require("./utils/treeUtil.js"),mt=require("./OperateBar/index.js"),xt=require("@snack-kit/lib"),yt=require("../node_modules/@para-ui/icons/MoreCircle/index.js"),gt=require("../Empty/index.js"),kt=require("../Loading/index.js"),Me=require("../AutoTips/index.js"),Ct=require("../GlobalContext/useFormatMessage.js"),Rt=require("./lang/index.js"),u=require("../GlobalContext/constant.js"),Ne={page:1,size:10},te=c.forwardRef((T,Ie)=>{const{url:_,ctx:re,params:A=null,method:ne="GET",headers:se,requestCallback:oe,refresh:De,replaceFields:j={key:"key",parentId:"parentId",children:"children",title:"title",loadKey:"key"},treeData:O,className:ae,showIcon:ce,icon:M,showLine:ie,switcherIcon:qe,blockNode:le,checkable:ue,selectable:fe,radioable:p=!1,showRadio:de=!0,checkStrictly:F=!1,actionsCallback:ve,showActions:N,checkedKeys:I,defaultCheckedKeys:B,expandedKeys:b,defaultExpandedKeys:$,loadedKeys:D,onCheck:ze,onExpand:Pe,asyncLoad:_e=!1,pagination:m=!1,pageSize:Ae=Ne,loadData:pe,localFilter:q=!1,localParams:Y,onFilter:he,loadMoreNode:Oe=null,paramsCallback:Fe,titleRender:me,emptyProps:Be,emptyClassName:Ye,notFoundContent:Ge,wrapperClassName:He,wrapperStyle:Ue,showLoading:xe=!0,loadingNode:We,onLoadedKey:Je,tipMaxWidth:ye=500}=T,[v,x]=c.useState([]),[z,G]=c.useState([]),[ge,C]=c.useState([]),K=c.useRef({}),ke=c.useRef(!1),H=c.useRef(-1),w=c.useRef([]),y=`${u.$prefixCls}-tree`,R=c.useRef({}),S=c.useRef([]),U={...Ne,...Ae},W=c.useRef([]),Qe=Ct.default("Tree",Rt.default),[Ce,Re]=c.useState(!1),Ee=c.useRef(!0),[J,Q]=c.useState([]),X={...T,showLine:!!ie,checkStrictly:!!(p||F),showIcon:p||ce},Xe=()=>V({[`${y}-icon-hide`]:!ce,[`${y}-block-node`]:le,[`${y}-unselectable`]:!fe,[`${y}-radioable`]:p,[`${y}-radioable-showradio`]:p&&de},ae),Z=e=>{function t(r){const{key:s,title:n,children:o,parentId:i}=j||{};r.forEach(f=>{const a=f;s&&(a.key=a[s]),n&&(a.title=a[n]),o&&(a.children=a[o]),i&&(a.parentId=a[i]),a.children?.length&&t(a.children)})}return j&&t(e),e},Ze=e=>e.moreFlag?l.jsxRuntimeExports.jsx("span",{className:`${u.$prefixCls}-tree-title-wrapper`,title:"",children:l.jsxRuntimeExports.jsx(Me.default,{placement:"top-start",tipMaxWidth:ye,children:e.title})}):l.jsxRuntimeExports.jsxs("span",{className:`${u.$prefixCls}-tree-title-wrapper`,onMouseEnter:Ve,onMouseLeave:et,onClick:tt,title:le?"":void 0,children:[l.jsxRuntimeExports.jsx(Me.default,{tipMaxWidth:ye,placement:"top-start",children:typeof me=="function"?me(e):e.title}),!!N&&l.jsxRuntimeExports.jsx("div",{className:"sector-anchor",onMouseEnter:t=>rt(e,t),onMouseLeave:nt,children:l.jsxRuntimeExports.jsx(yt.MoreCircle,{size:"medium"})})]}),Ve=e=>{const t=`${u.$prefixCls}-tree-title-wrapper`;e.target?.classList?.contains?.(t)&&e.stopPropagation(),Te();const r=e.currentTarget;if(r){const s=`.${u.$prefixCls}-tree-node-content-wrapper`,n=r.closest(s);w.current.push(n),P(n,!0)}},et=e=>{e.stopPropagation(),Te();const t=e.currentTarget;if(t){const r=`.${u.$prefixCls}-tree-node-content-wrapper`,s=t.closest(r);P(s,!1)}},tt=()=>{N&&w.current?.length>0&&setTimeout(()=>{w.current.forEach(e=>{P(e,!0)})})},P=(e,t)=>{e&&(t?e?.classList.add(`${u.$prefixCls}-tree-node-content-wrapper--active`):e?.classList.remove(`${u.$prefixCls}-tree-node-content-wrapper--active`))},rt=(e,t)=>{t.stopPropagation();const r=t.currentTarget;K.current.anchorEl=r,H.current=setTimeout(()=>{clearTimeout(H.current),st(r,e)},300)},nt=e=>{e.stopPropagation(),clearTimeout(H.current);const t=e.currentTarget,r=setTimeout(()=>{clearTimeout(r),ke.current||we(t)},300)},st=(e,t)=>{const r=document.getElementById(K.current.uid||"");e.classList.add("sector-anchor--active"),r&&r.querySelector(".sector-container")&&K.current?.onShowSector?.(t,!0)},we=e=>{e&&(e.classList.remove("sector-anchor--active"),K.current?.onShowSector?.({key:""},!1))},ot=e=>{if(e){const t=`.${u.$prefixCls}-tree-node-content-wrapper`,r=e.closest(t);P(r,!1),we(e)}},Te=()=>{w.current?.length&&(w.current.forEach(e=>{e?.classList?.remove(`${u.$prefixCls}-tree-node-content-wrapper--active`)}),w.current.length=0)},at=(e,t)=>{let r=[],s=[];if(p){const n=t.node,o=j.key??"key";t.checked&&n&&(r=[n[o]])}else F&&!Array.isArray(e)?(r=e.checked,s=e.halfChecked,W.current=s):(Array.isArray(e)?r=e:r=e.checked,s=t.halfCheckedKeys||[]);"checkedKeys"in T||G(r),ze?.(r,t,s)},ct=(e,t)=>{"expandedKeys"in T||C([...e]),Pe?.(e,t)},je=async(e={})=>{if(!_)return[];xe&&Re(!0);const t=Fe?.(e)||e,r=ne?.toUpperCase(),s={url:_,ctx:re,method:r,[r==="GET"?"params":"data"]:t||{}};se&&(s.headers=se);const{data:n,error:o}=await xt.Request(s);return xe&&Re(!1),o?m?{}:[]:m?n?.data||{}:n?.data||[]},it=()=>({key:String((Math.random()*1e6|0)+Date.now()),title:Qe({id:"loadMore"}),checkable:!1,disableCheckbox:!0,isLeaf:!0,selectable:!1,icon:null,moreFlag:!0}),lt=e=>l.jsxRuntimeExports.jsx("span",{className:`${u.$prefixCls}-tree-treenode-more-wrapper`,onClick:t=>{t.stopPropagation(),$e(e)},children:Oe||e.title}),be=(e,t,r,s)=>t==="ROOT_KEY"?(e.pop(),e.concat(r)):e.map(n=>{if(n.key===t){if(s){const o=n.children||[];return o.pop(),{...n,children:o.concat(r)}}return{...n,children:r}}return n.children?{...n,children:be(n.children,t,r,s)}:n}),$e=e=>{const{key:t,children:r}=e,s=e.parentId,n=e.moreFlag;return Q([...J,t]),Je?.(t,e),new Promise(async o=>{if(r){o();return}let i=t;const f=j.loadKey??"key",a={[f]:i,...A};m&&(n&&(i=s,R.current[i].page=(R.current[i].page||0)+1,a[f]=i,i==="ROOT_KEY"&&delete a[f]),a.page=R.current[i].page,a.size=R.current[i].size);let d=await je(a);const g=await oe?.(d);g&&(d=g);let L={page:0,size:0,total:0},h=[];if(m){const E=d||{},Le=E.list||[];if(!Object.keys(E).length||Le.length===0){o();return}h=Le,L={page:Number(E.page),size:Number(E.size),total:Number(E.total)}}else h=d||[];h?.length&&(h=Z(h),m&&(h=Ke(h,L,i))),Array.isArray(h)&&x(E=>be(E,i,h,!!n)),o()})},Ke=(e,t,r)=>{const s=k.convert(e),{page:n,size:o,total:i}=t;if(n*o<i){const a=it();a.parentId=r||"ROOT_KEY",a.title=lt(a),s.push(a)}R.current=f(s);function f(a){const d=R.current;return a?.length&&a.forEach(g=>{const L=g.moreFlag?g.parentId:g.key;d[L]||(d[L]={...g,...U})}),d}return s},ut=async()=>{const e={...A};m&&(e.page=U.page,e.size=U.size);let t=await je(e),r={page:0,size:0,total:0};const s=await oe?.(t);s&&(t=s);let n=[];if(m){const o=t||{};if(!Object.keys(o).length)return x([]);n=o.list||[],r={page:Number(o.page),size:Number(o.size),total:Number(o.total)},R.current={}}else n=t||[];if(!n?.length)return x([]);n=Z(n),q&&(S.current=k.deepCopy(n)),m&&(n=Ke(n,r)),x([...n])},Se=()=>{const e={};return _e&&(e.loadData=$e),pe&&(e.loadData=pe),e.titleRender=Ze,e};c.useEffect(()=>{B&&G([...B]),$&&C([...$])},[B,$]),c.useEffect(()=>{I&&(G([...k.getCheckedKeys(I)]),W.current=k.getHalfCheckedKeys(I)),b&&C([...b])},[I,b]),c.useEffect(()=>{D&&(D.length===0?(Q([]),C([])):Q([...D]))},[D]),c.useEffect(()=>{function e(t){const r=[];function s(n){n.forEach(o=>{o.children?.length&&(r.push(o.key),s(o.children))})}!b&&!$&&(s(t),r.length&&C(r))}if(Array.isArray(O)){const t=Z(O);q&&(S.current=k.deepCopy(t)),X.defaultExpandAll&&e(t),x([...t])}else ut()},[_,re,A,ne,De,O]),c.useEffect(()=>{function e({searchKey:r,searchValue:s}){if(!r)return;if(s===""){x(S.current),C([...b||$||[]]);return}const n=k.flatten(S.current),o=n.reduce((f,a)=>String(a[r]).toLowerCase().includes(s?.toLowerCase())?f.concat(a):f,[]),i=k.convertByFilter(k.deepCopy(n),o);x(i),C(t(i))}function t(r){return r.reduce((s,n)=>s.concat(n.key,t(n.children||[])),[])}if(q){if(he){const r=he(S.current);if(!r)return;x(r);return}Y&&e(Y)}},[q,Y]);const ft=l.jsxRuntimeExports.jsx("div",{className:V(`${u.$prefixCls}-tree ${u.$prefixCls}-tree-empty`,ae,Ye),style:T.style,children:Ge??l.jsxRuntimeExports.jsx(gt.default,{size:"small",...Be})}),dt=c.useMemo(()=>{if(!v?.length&&Ee.current)return Ee.current=!1,null;if(!v?.length)return Ce?null:ft;let e=z;return F&&(e={checked:z,halfChecked:W.current}),l.jsxRuntimeExports.jsx(ht,{itemHeight:20,ref:Ie,...X,prefixCls:y,className:Xe(),checkable:p||ue?l.jsxRuntimeExports.jsx("span",{className:`${y}-checkbox-inner`}):ue,selectable:p?!1:fe,switcherIcon:t=>ee.default(y,qe,ie,t),...Se(),loadData:Se().loadData,treeData:v,checkedKeys:e,expandedKeys:ge,loadedKeys:J,onCheck:at,onExpand:ct,icon:t=>{if(M)return typeof M=="function"?M(t):M;if(t.checkable===!1)return null;if(p){if(!de)return null}else return null;return ee.renderTreeNodeIcon(t,p,z[0],j)}})},[v,z,ge,X.selectedKeys,J]),pt=()=>N?l.jsxRuntimeExports.jsx(mt.default,{opRef:K,mouseInRef:ke,actionsCallback:ve,onRemove:ot,showActions:N}):null;return l.jsxRuntimeExports.jsxs(l.jsxRuntimeExports.Fragment,{children:[l.jsxRuntimeExports.jsxs("div",{className:V(`${u.$prefixCls}-tree-wrapper`,He),style:Ue,children:[dt,Ce&&(We||l.jsxRuntimeExports.jsx(kt.Loading,{}))]}),pt()]})});te.defaultProps={checkable:!1,selectable:!0,showIcon:!1,motion:{...ee.collapseMotion,motionAppear:!1},blockNode:!1};te.displayName="Tree";exports.default=te;
 //# sourceMappingURL=Tree.js.map