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

package/lib/Transfer/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./style/index.css');const r=require("../_virtual/jsx-runtime.js"),a=require("react"),H=require("clsx"),k=require("../Button/index.js"),J=require("@para-ui/icons/Left"),Q=require("@para-ui/icons/Right"),V=require("@para-ui/icons/Up"),W=require("@para-ui/icons/Down"),X=require("../GlobalContext/useFormatMessage.js"),Y=require("./lang/index.js"),C=require("../GlobalContext/constant.js"),T=require("./box.js"),Z=require("../ComboSelect/utils.js");;/* empty css                  */const P=U=>{const p=X.default("Transfer",Y.default),{data:R=[],value:B,customKey:d="key",onChange:E,titles:S=[p({id:"left"}),p({id:"right"})],className:$,style:q={width:"298px"},onSort:j,trim:I=!1,multiple:m=!0,rightIcon:v,render:M=n=>{},disabled:l}=U,[c,x]=a.useState([]),[o,f]=a.useState([]),[D,F]=a.useState([]),[u,_]=a.useState([]),[K,te]=a.useState(),[z,se]=a.useState(),[L,g]=a.useState(!1),N=a.useCallback((n,s,t,e,i)=>{e==="left"?(!i&&c.forEach(h=>h.checked=!1),c[t].checked=s,x([...c])):(!i&&o.forEach(h=>h.checked=!1),o[t].checked=s,f([...o]))},[c,o]),O=a.useCallback((n,s)=>{s==="left"?(c.forEach(t=>{!t.disabled&&!t.hide&&!l&&(t.checked=n)}),x([...c])):(o.forEach(t=>{!t.disabled&&!t.hide&&!l&&(t.checked=n)}),f([...o]))},[c,o]),w=a.useCallback(n=>{n==="left"?(c.forEach(s=>{!s.disabled&&!s.hide&&!l&&(s.checked=!s.checked)}),x([...c])):(o.forEach(s=>{!s.disabled&&!s.hide&&!l&&(s.checked=!s.checked)}),f([...o]))},[c,o]),b=n=>{let s=[];n==="left"?(s=[...o],s.forEach(e=>{e?.checked&&!e?.hide&&(e.checked=!1,c.push(e),o.splice(o.indexOf(e),1))})):(s=[...c],s.forEach(e=>{e?.checked&&!e?.hide&&(e.checked=!1,o.push(e),c.splice(c.indexOf(e),1))})),x([...c]),f([...o]);const t=[];o.forEach(e=>{t.push(e[d])}),E?.(t)},y=n=>{g(!0),n=="up"?f(s=>{u.forEach(e=>{s.splice(e-1,0,...s.splice(e,1))}),g(!1);const t=[];return s.forEach(e=>{t.push(e[d])}),j?.([...t]),E?.([...t]),[...s]}):f(s=>{u.reverse().forEach(e=>{s.splice(e+1,0,...s.splice(e,1))}),g(!1);const t=[];return s.forEach(e=>{t.push(e[d])}),j?.([...t]),E?.([...t]),[...s]})},A=Z.debounce((n,s)=>{const t=I?n.toUpperCase().trim():n.toUpperCase();s==="left"?(c.forEach(e=>{e.hide=!1;const i=(e.name||"").toUpperCase(),h=(e.description||"").toUpperCase();i.indexOf(t)!==-1||h.indexOf(t)!==-1||(e.hide=!0)}),x([...c])):(o.filter(e=>{e.hide=!1;const i=(e.name||"").toUpperCase(),h=(e.description||"").toUpperCase();i.indexOf(t)!==-1||h.indexOf(t)!==-1||(e.hide=!0)}),f([...o]))},500),G=a.useCallback((n,s)=>{f(t=>{t.splice(s,0,...t.splice(n,1));const e=[];return t.forEach(i=>{e.push(i[d])}),j?.([...e]),E?.([...e]),[...t]})},[]);return a.useEffect(()=>{const n=[],s=[],t={};R.forEach(e=>{const i=e[d];M(e),t[i]=e}),B?.forEach(e=>{t[e]&&(n.push(t[e]),delete t[e])});for(const e in t)s.push(t[e]);f([...n]),x([...s])},[B,R]),a.useEffect(()=>{const n=[];c.forEach((t,e)=>{t.checked&&!t.hide&&n.push(e)}),F(n);const s=[];o.forEach((t,e)=>{t.checked&&!t.hide&&s.push(e)}),_(s)},[c,o]),r.jsxRuntimeExports.jsx("div",{className:H(`${C.$prefixCls}-transfer`,$,{[`${C.$prefixCls}-transfer-disabled`]:l}),children:r.jsxRuntimeExports.jsxs("div",{className:`${C.$prefixCls}-transfer-container`,children:[r.jsxRuntimeExports.jsx(T.Box,{title:S[0],queryAll:O,data:c,style:q,direction:"left",customKey:d,rightIcon:v,onchange:N,multiple:m,onMove:b,inverse:w,onSearch:A}),r.jsxRuntimeExports.jsxs("div",{className:"moveBtn",children:[r.jsxRuntimeExports.jsx(k.Button.IconButton,{className:"btn btn-right",disabled:D.length<=0||l,toolTipTitle:D.length<=0?p({id:"rightBtnTips"}):"",TooltipProps:{arrow:!1,placement:"bottomLeft"},onClick:()=>{b("right")},children:r.jsxRuntimeExports.jsx(Q,{})}),r.jsxRuntimeExports.jsx(k.Button.IconButton,{className:"btn btn-left",disabled:u.length<=0||o[0]?.checked||L||l,toolTipTitle:u.length<=0||o[0]?.checked?p({id:"leftBtnTips"}):"",TooltipProps:{arrow:!1,placement:"bottomLeft"},onClick:()=>{y("up")},children:r.jsxRuntimeExports.jsx(V,{})}),r.jsxRuntimeExports.jsx(k.Button.IconButton,{className:"btn btn-left",disabled:u.length<=0||o[o.length-1]?.checked||L||l,toolTipTitle:u.length<=0||o[o.length-1]?.checked?p({id:"leftBtnTips"}):"",TooltipProps:{arrow:!1,placement:"bottomLeft"},onClick:()=>{y("down")},children:r.jsxRuntimeExports.jsx(W,{})}),r.jsxRuntimeExports.jsx(k.Button.IconButton,{className:"btn btn-left",disabled:u.length<=0||l,toolTipTitle:u.length<=0?p({id:"leftBtnTips"}):"",TooltipProps:{arrow:!1,placement:"bottomLeft"},onClick:()=>{b("left")},children:r.jsxRuntimeExports.jsx(J,{})})]}),r.jsxRuntimeExports.jsx(T.Box,{title:S[1],queryAll:O,data:o,style:q,direction:"right",customKey:d,rightIcon:v,onchange:N,multiple:m,onMove:b,inverse:w,fluctuationPosition:K,fluctuationOrther:z,onEndSort:G,onSearch:A})]})})},ee=T.Sortablejs;exports.SSortablejs=ee;exports.Transfer=P;exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./style/index.css');const r=require("../_virtual/jsx-runtime.js"),a=require("react"),H=require("clsx"),k=require("../Button/index.js"),J=require("../node_modules/@para-ui/icons/Left/index.js"),Q=require("../node_modules/@para-ui/icons/Right/index.js"),V=require("../node_modules/@para-ui/icons/Up/index.js"),W=require("../node_modules/@para-ui/icons/Down/index.js"),X=require("../GlobalContext/useFormatMessage.js"),Y=require("./lang/index.js"),C=require("../GlobalContext/constant.js"),T=require("./box.js"),Z=require("../ComboSelect/utils.js");;/* empty css                  */const A=P=>{const p=X.default("Transfer",Y.default),{data:R=[],value:S,customKey:u="key",onChange:E,titles:B=[p({id:"left"}),p({id:"right"})],className:U,style:q={width:"298px"},onSort:j,trim:I=!1,multiple:m=!0,rightIcon:v,render:M=n=>{},disabled:l}=P,[c,x]=a.useState([]),[o,f]=a.useState([]),[$,F]=a.useState([]),[d,_]=a.useState([]),[K,te]=a.useState(),[z,se]=a.useState(),[D,g]=a.useState(!1),L=a.useCallback((n,s,t,e,i)=>{e==="left"?(!i&&c.forEach(h=>h.checked=!1),c[t].checked=s,x([...c])):(!i&&o.forEach(h=>h.checked=!1),o[t].checked=s,f([...o]))},[c,o]),O=a.useCallback((n,s)=>{s==="left"?(c.forEach(t=>{!t.disabled&&!t.hide&&!l&&(t.checked=n)}),x([...c])):(o.forEach(t=>{!t.disabled&&!t.hide&&!l&&(t.checked=n)}),f([...o]))},[c,o]),w=a.useCallback(n=>{n==="left"?(c.forEach(s=>{!s.disabled&&!s.hide&&!l&&(s.checked=!s.checked)}),x([...c])):(o.forEach(s=>{!s.disabled&&!s.hide&&!l&&(s.checked=!s.checked)}),f([...o]))},[c,o]),b=n=>{let s=[];n==="left"?(s=[...o],s.forEach(e=>{e?.checked&&!e?.hide&&(e.checked=!1,c.push(e),o.splice(o.indexOf(e),1))})):(s=[...c],s.forEach(e=>{e?.checked&&!e?.hide&&(e.checked=!1,o.push(e),c.splice(c.indexOf(e),1))})),x([...c]),f([...o]);const t=[];o.forEach(e=>{t.push(e[u])}),E?.(t)},N=n=>{g(!0),n=="up"?f(s=>{d.forEach(e=>{s.splice(e-1,0,...s.splice(e,1))}),g(!1);const t=[];return s.forEach(e=>{t.push(e[u])}),j?.([...t]),E?.([...t]),[...s]}):f(s=>{d.reverse().forEach(e=>{s.splice(e+1,0,...s.splice(e,1))}),g(!1);const t=[];return s.forEach(e=>{t.push(e[u])}),j?.([...t]),E?.([...t]),[...s]})},y=Z.debounce((n,s)=>{const t=I?n.toUpperCase().trim():n.toUpperCase();s==="left"?(c.forEach(e=>{e.hide=!1;const i=(e.name||"").toUpperCase(),h=(e.description||"").toUpperCase();i.indexOf(t)!==-1||h.indexOf(t)!==-1||(e.hide=!0)}),x([...c])):(o.filter(e=>{e.hide=!1;const i=(e.name||"").toUpperCase(),h=(e.description||"").toUpperCase();i.indexOf(t)!==-1||h.indexOf(t)!==-1||(e.hide=!0)}),f([...o]))},500),G=a.useCallback((n,s)=>{f(t=>{t.splice(s,0,...t.splice(n,1));const e=[];return t.forEach(i=>{e.push(i[u])}),j?.([...e]),E?.([...e]),[...t]})},[]);return a.useEffect(()=>{const n=[],s=[],t={};R.forEach(e=>{const i=e[u];M(e),t[i]=e}),S?.forEach(e=>{t[e]&&(n.push(t[e]),delete t[e])});for(const e in t)s.push(t[e]);f([...n]),x([...s])},[S,R]),a.useEffect(()=>{const n=[];c.forEach((t,e)=>{t.checked&&!t.hide&&n.push(e)}),F(n);const s=[];o.forEach((t,e)=>{t.checked&&!t.hide&&s.push(e)}),_(s)},[c,o]),r.jsxRuntimeExports.jsx("div",{className:H(`${C.$prefixCls}-transfer`,U,{[`${C.$prefixCls}-transfer-disabled`]:l}),children:r.jsxRuntimeExports.jsxs("div",{className:`${C.$prefixCls}-transfer-container`,children:[r.jsxRuntimeExports.jsx(T.Box,{title:B[0],queryAll:O,data:c,style:q,direction:"left",customKey:u,rightIcon:v,onchange:L,multiple:m,onMove:b,inverse:w,onSearch:y}),r.jsxRuntimeExports.jsxs("div",{className:"moveBtn",children:[r.jsxRuntimeExports.jsx(k.Button.IconButton,{className:"btn btn-right",disabled:$.length<=0||l,toolTipTitle:$.length<=0?p({id:"rightBtnTips"}):"",TooltipProps:{arrow:!1,placement:"bottomLeft"},onClick:()=>{b("right")},children:r.jsxRuntimeExports.jsx(Q.Right,{})}),r.jsxRuntimeExports.jsx(k.Button.IconButton,{className:"btn btn-left",disabled:d.length<=0||o[0]?.checked||D||l,toolTipTitle:d.length<=0||o[0]?.checked?p({id:"leftBtnTips"}):"",TooltipProps:{arrow:!1,placement:"bottomLeft"},onClick:()=>{N("up")},children:r.jsxRuntimeExports.jsx(V.Up,{})}),r.jsxRuntimeExports.jsx(k.Button.IconButton,{className:"btn btn-left",disabled:d.length<=0||o[o.length-1]?.checked||D||l,toolTipTitle:d.length<=0||o[o.length-1]?.checked?p({id:"leftBtnTips"}):"",TooltipProps:{arrow:!1,placement:"bottomLeft"},onClick:()=>{N("down")},children:r.jsxRuntimeExports.jsx(W.Down,{})}),r.jsxRuntimeExports.jsx(k.Button.IconButton,{className:"btn btn-left",disabled:d.length<=0||l,toolTipTitle:d.length<=0?p({id:"leftBtnTips"}):"",TooltipProps:{arrow:!1,placement:"bottomLeft"},onClick:()=>{b("left")},children:r.jsxRuntimeExports.jsx(J.Left,{})})]}),r.jsxRuntimeExports.jsx(T.Box,{title:B[1],queryAll:O,data:o,style:q,direction:"right",customKey:u,rightIcon:v,onchange:L,multiple:m,onMove:b,inverse:w,fluctuationPosition:K,fluctuationOrther:z,onEndSort:G,onSearch:y})]})})},ee=T.Sortablejs;exports.SSortablejs=ee;exports.Transfer=A;exports.default=A;
 //# sourceMappingURL=index.js.map

package/lib/Transfer/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Transfer/style/css.js

@@ -0,0 +1 @@
+require('./index.css');

package/lib/Transfer/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Transfer/style/index.js

@@ -0,0 +1 @@
+require('./index.scss');

package/lib/Transfer/style/index.scss

@@ -0,0 +1,215 @@
+@use "../../styles/theme" as *;
+
+.#{$prefixCls}-transfer {
+  display: flex;
+  font-size: 14px;
+  user-select: none;
+
+
+  .blue-background-class {
+    background-color: $NPT05;
+  }
+
+  .drag-item {
+    background: $NA4 !important;
+    box-shadow: $ND3;
+  }
+
+  .box {
+    border-radius: $radius;
+    border: 1px solid $NA1;
+    overflow: hidden;
+
+    .box-header {
+      background: $NA3;
+      color: $NT1;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-left: 10px;
+      height: 36px;
+      border-bottom: 1px solid $NA1;
+    }
+
+    .count {
+      color: $NT1;
+      letter-spacing: 1px;
+    }
+
+    .context {
+      height: 400px;
+      overflow: auto;
+      margin-top: 4px;
+
+      .item-fluctuation {
+        animation: flucturation 0.4s forwards;
+      }
+
+      .item-fluctuationOrther {
+        animation: flucturationOrther 0.5s forwards;
+      }
+
+      .item {
+        padding: 0px 10px;
+        height: 30px;
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+
+        &.item-checked {
+          &:hover {
+            background-color: $NA3 !important;
+          }
+
+          & > .item-label {
+            color: $NP1;
+          }
+        }
+
+        & > .item-label {
+          flex: 1;
+          overflow: hidden;
+          color: $NT1;
+        }
+
+        &:hover {
+          background-color: $NA3;
+        }
+
+        &.item-disabled {
+          &:hover {
+            background: inherit;
+            cursor: no-drop;
+          }
+
+          & > .item-label {
+            color: $NT3;
+          }
+        }
+
+        .handle {
+          margin-left: 8px;
+          display: flex;
+          align-content: center;
+
+          .handle-line {
+            height: 12px;
+            border-left: 1px solid $NA1;
+            margin: auto 10px auto 0;
+          }
+
+          svg {
+            color: $NT2;
+          }
+
+          &:hover {
+            svg {
+              color: $NP1;
+            }
+          }
+        }
+      }
+
+      .item-border {
+        padding-left: 6px;
+      }
+    }
+
+    .text-field-content {
+      border: none;
+      border-radius: 0;
+      border-bottom: 1px solid $NA1;
+    }
+
+    .footer {
+      display: flex;
+      align-items: center;
+      border-top: 1px solid $NA1;
+      height: 36px;
+      justify-content: space-between;
+      padding: 0 10px;
+
+      & > div:nth-child(1) {
+        button {
+          color: $NP1;
+
+          &:hover {
+            color: $NPT8;
+          }
+        }
+
+        .btn-off {
+          color: $NT3;
+
+          &:hover {
+            color: $NT3;
+          }
+        }
+
+        & > button {
+          padding: 0;
+        }
+
+        & > button:nth-child(2) {
+          margin-left: 16px;
+        }
+      }
+    }
+  }
+
+  .moveBtn {
+    display: flex;
+    height: 500px;
+    flex-direction: column;
+    justify-content: center;
+    margin: 0 20px;
+
+    > button {
+      background-color: $NP1;
+      color: $NA4;
+    }
+
+    .btn-left {
+      margin-top: 16px;
+    }
+  }
+
+  .#{$prefixCls}-transfer-container {
+    display: flex;
+  }
+
+  &-disabled > .#{$prefixCls}-transfer-container {
+    position: relative;
+    &::before {
+      content: '';
+      position: absolute;
+      display: block;
+      top: -1px;
+      left: -1px;
+      width: calc(100% + 2px);
+      height: calc(100% + 2px);;
+      z-index: 1;
+      background: rgba(255, 255, 255, 0.3);
+      border-radius: 4px;
+      backdrop-filter: blur(1px);
+    }
+  }
+}
+
+@keyframes flucturation {
+  0% {
+    transform: translateY(0);
+  }
+  100% {
+    transform: translateY(36px);
+  }
+}
+
+@keyframes flucturationOrther {
+  0% {
+    transform: translateY(0);
+  }
+  100% {
+    transform: translateY(-36px);
+  }
+}

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("@para-ui/icons/EditFile"),L=require("@para-ui/icons/PlusCircle"),U=require("@para-ui/icons/Delete"),G=require("@para-ui/icons/Forbid"),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=c=>({add:{icon:d.jsxRuntimeExports.jsx(L,{}),text:c({id:"add"})},edit:{icon:d.jsxRuntimeExports.jsx(H,{}),text:c({id:"edit"})},enable:{icon:d.jsxRuntimeExports.jsx(G,{}),text:c({id:"disabled"})},del:{icon:d.jsxRuntimeExports.jsx(U,{}),text:c({id:"delete"})}}),Y=(c,m,i)=>{if(c===void 0||c===!1)return[];if(c===!0)return Object.keys(i).map(n=>({...i[n],action:n}));const f=[];return Object.keys(c).forEach(n=>{const x=c[n];if(n!=="customizeActions"){const r=x;if(typeof r=="object"){const l=r;typeof l.show=="function"?l.show(m)&&f.push({...i[n],...l,action:n}):f.push({...i[n],...l,action:n})}else typeof r=="function"?r(m)&&f.push({...i[n],action:n}):r&&f.push({...i[n],action:n})}else Array.isArray(x)&&x.length&&x.forEach(r=>{typeof r.show=="function"?r.show(m)&&f.push(r):f.push(r)})}),f},Z=c=>{const{actionsCallback:m,opRef:i,mouseInRef:f,showActions:n,onRemove:x}=c,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=i.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=i.current?.anchorEl?.getBoundingClientRect()||{top:0,left:0,height:0},{left:o,height:a}=s;let{top:u}=s;const h=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("@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=`
                             position: fixed;
-                            width:${h}px;
+                            width:${x}px;
                             height: ${y}px;
                             top: ${u}px;
                             left: ${o}px;
-                             `},P=(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},M=()=>{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 h=s[u];h.style.transition=".3s",h.style.opacity="1";const y=P(s.length,u),{left:D,top:F}=C(a,y);h.style.transform=`translate(${D},${F})`}},w=()=>{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)},I=(e,t)=>{t?(q(e),M()):w()},B=()=>{f.current=!0},O=()=>{x?.(g?.anchorEl),g?.onShowSector?.({},!1)},$=(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:h=>$(j,o,h),children:u})},s)}):null};return p.useImperativeHandle(i,()=>({...g,uid:l.current,onShowSector:I})),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:O,onMouseEnter:B,children:d.jsxRuntimeExports.jsx("ul",{className:"sector-item-container",children:T()})}),r.current)})};exports.default=Z;
+                             `},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;
 //# 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("@para-ui/icons/MoreCircle"),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:O,ctx:re,params:_=null,method:ne="GET",headers:se,requestCallback:oe,refresh:De,replaceFields:j={key:"key",parentId:"parentId",children:"children",title:"title",loadKey:"key"},treeData:A,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:Oe=!1,pagination:m=!1,pageSize:_e=Ne,loadData:pe,localFilter:q=!1,localParams:Y,onFilter:he,loadMoreNode:Ae=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,..._e},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,{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(!O)return[];xe&&Re(!0);const t=Fe?.(e)||e,r=ne?.toUpperCase(),s={url:O,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(),$e(e)},children:Ae||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,..._};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={..._};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 Oe&&(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(A)){const t=Z(A);q&&(S.current=k.deepCopy(t)),X.defaultExpandAll&&e(t),x([...t])}else ut()},[O,re,_,ne,De,A]),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("@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;
 //# sourceMappingURL=Tree.js.map

package/lib/Tree/index.d.ts

@@ -1,3 +1,4 @@
 import { default as Tree } from './Tree';
 export type { TreeProps, TreeNodeProps, DataNode } from './interface';
 export default Tree;
+export type * from './interface';

package/lib/Tree/style/_params.scss

@@ -0,0 +1,5 @@
+@use "../../styles/theme" as *;
+
+$tree-prefix-cls: $prefixCls + "-tree";
+$tree-node-prefix-cls: "#{$tree-prefix-cls}-treenode";
+$select-tree-prefix-cls: $prefixCls + "-select-tree";

package/lib/Tree/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Tree/style/css.js

@@ -0,0 +1 @@
+require('./index.css');

package/lib/Tree/style/index.css

@@ -1 +1 @@
-@charset "UTF-8";.paraui-v4-tree-treenode-leaf-last .paraui-v4-tree-switcher-leaf-line:before{top:auto!important;bottom:auto!important;height:14px!important}@keyframes treeCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.paraui-v4-tree-rtl{direction:rtl}.paraui-v4-tree-rtl .paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator:after{right:-6px;left:unset}.paraui-v4-tree .paraui-v4-tree-treenode-rtl{direction:rtl}.paraui-v4-tree-rtl .paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg{transform:rotate(90deg)}.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit:before .paraui-v4-tree-rtl.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit:before{right:auto;left:-13px;border-right:none;border-left:1px solid #d9d9d9}.paraui-v4-tree-checkbox .paraui-v4-tree-rtl.paraui-v4-tree-checkbox,.paraui-v4-tree-select-dropdown-rtl .paraui-v4-select-tree-checkbox{margin:4px 0 0 8px}.paraui-v4-tree-checkbox{box-sizing:border-box;margin:0;padding:0;color:#1d2126;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;top:.2em;line-height:1;white-space:nowrap;outline:none;cursor:pointer}.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-inner,.paraui-v4-tree-checkbox:hover .paraui-v4-tree-checkbox-inner,.paraui-v4-tree-checkbox-input:focus+.paraui-v4-tree-checkbox-inner{border-color:#2e65e6}.paraui-v4-tree-checkbox:hover:after,.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox:after{visibility:visible}.paraui-v4-tree-checkbox-inner{position:relative;top:0;left:0;display:block;margin-top:2px;width:14px;height:14px;direction:ltr;background-color:#fff;border:1px solid rgb(212,218,227);border-radius:2px;border-collapse:separate;transition:all .3s}.paraui-v4-tree-checkbox-inner:after{position:absolute;top:50%;left:21.5%;display:table;width:6px;height:9px;border:2px solid rgb(255,255,255);border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:" ";box-sizing:border-box}.paraui-v4-tree-checkbox-input{position:absolute;inset:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner:after{position:absolute;display:table;border:1px solid rgb(255,255,255);border-top:0;border-left:0;width:4px;height:8px;top:45%;left:21%;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;line-height:16px;content:" "}.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner{background-color:#2e65e6;border-color:#0000;line-height:16px}.paraui-v4-tree-checkbox-disabled{cursor:not-allowed;border-color:#d4dae3}.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner{background-color:#d4dae3;border:none!important}.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked:hover .paraui-v4-tree-checkbox-inner{border-color:#d4dae3}.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner:after{border-color:#fff;color:#fff}.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-input{cursor:not-allowed}.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner{background-color:#eaecf1;border-color:#d4dae3}.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner:after{border-color:#fff!important;border-collapse:separate;animation-name:none}.paraui-v4-tree-checkbox-disabled+span{color:#00000040;cursor:not-allowed}.paraui-v4-tree-checkbox-disabled:hover:after,.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-disabled:after{visibility:hidden}.paraui-v4-tree-checkbox-disabled+.paraui-v4-tree-node-content-wrapper{color:#a1a8b3!important}.paraui-v4-tree-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;color:#1d2126;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.paraui-v4-tree-checkbox-wrapper.paraui-v4-tree-checkbox-wrapper-disabled{cursor:not-allowed}.paraui-v4-tree-checkbox-wrapper+.paraui-v4-tree-checkbox-wrapper{margin-left:8px}.paraui-v4-tree-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:#1d2126;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";display:inline-block}.paraui-v4-tree-checkbox-group-item{margin-right:8px}.paraui-v4-tree-checkbox-group-item:last-child{margin-right:0}.paraui-v4-tree-checkbox-group-item+.paraui-v4-tree-checkbox-group-item{margin-left:0}.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner{background-color:#2e65e6;border-color:#2e65e6}.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner:after{top:50%;left:50%;width:8px;height:2px;background-color:#fff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:" "}.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner{background-color:#d4dae3;border:none!important}.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner:after{border-color:#fff!important;border-collapse:separate;animation-name:none}.paraui-v4-tree-wrapper .paraui-v4-tree-empty{display:flex;align-items:center;justify-content:center}.paraui-v4-tree{box-sizing:border-box;margin:0;padding:0;color:#1d2126;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";background:#fff;border-radius:2px;transition:background-color .3s}.paraui-v4-tree-focused:not(:hover):not(.paraui-v4-tree-active-focused){background:#e6f7ff}.paraui-v4-tree-list-holder-inner{align-items:flex-start}.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner{align-items:stretch}.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper{flex:auto}.paraui-v4-tree .paraui-v4-tree-treenode{display:flex;align-items:center;outline:none}.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper{color:#00000040;cursor:not-allowed}.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover{background:transparent}.paraui-v4-tree .paraui-v4-tree-treenode-active .paraui-v4-tree-node-content-wrapper{background:#f5f5f5}.paraui-v4-tree .paraui-v4-tree-treenode:not(.paraui-v4-tree .paraui-v4-tree-treenode-disabled).filter-node .paraui-v4-tree-title{color:inherit;font-weight:500}.paraui-v4-tree-indent{align-self:stretch;white-space:nowrap;-webkit-user-select:none;user-select:none}.paraui-v4-tree-indent-unit{display:inline-block;width:24px}.paraui-v4-tree-switcher{position:relative;flex:none;text-align:center;width:16px;margin-right:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon,.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon{display:inline-block;vertical-align:middle;transition:transform .3s;color:inherit}.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon svg,.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon svg{font-size:inherit;color:inherit;transition:transform .3s}.paraui-v4-tree-switcher-noop{cursor:default}.paraui-v4-tree-switcher-icon[data-name=DownTriangleF]:hover{color:#2e65e6;background:#f7f8fa}.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon{transform:rotate(-90deg)}.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg{color:currentColor;transform:rotate(-90deg)}.paraui-v4-tree-switcher-loading-icon{color:#2e65e6;will-change:transform;transition:transform .3s ease-in-out;animation:treeLoadingCircle 1s infinite linear;vertical-align:middle;font-size:14px!important}@keyframes treeLoadingCircle{to{transform:rotate(360deg)}}.paraui-v4-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.paraui-v4-tree-switcher-leaf-line:before{position:absolute;top:0;bottom:-4px;margin-left:-1px;border-left:1px solid #d9d9d9;content:" "}.paraui-v4-tree-switcher-leaf-line:after{position:absolute;width:10px;height:14px;margin-left:-1px;border-bottom:1px solid #d9d9d9;content:" "}.paraui-v4-tree-checkbox{top:initial;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper{padding:0 8px;position:relative;z-index:auto;min-height:24px;margin:2px 0 0;color:inherit;line-height:24px;background:transparent;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper:hover{background-color:#f7f8fa;border-radius:4px}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper.paraui-v4-tree-node-selected{color:#2e65e6}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle{display:inline-block;height:24px;margin-right:8px;line-height:26px;text-align:center;vertical-align:top}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle>svg{vertical-align:-.125em;color:#1d2126}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle:empty{display:none}.paraui-v4-tree-unselectable .paraui-v4-tree-node-content-wrapper:hover{background-color:transparent}.paraui-v4-tree-node-content-wrapper[draggable=true]{line-height:24px;-webkit-user-select:none;user-select:none}.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#2e65e6;border-radius:1px;pointer-events:none}.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator:after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid rgb(46,101,230);border-radius:50%;content:""}.paraui-v4-tree .paraui-v4-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #2e65e6}.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit{position:relative;height:100%}.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit:before{position:absolute;top:0;right:12px;bottom:-4px;border-right:1px solid #d9d9d9;content:""}.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit-end:before{display:none}.paraui-v4-tree-show-line .paraui-v4-tree-switcher{background:#fff}.paraui-v4-tree-show-line .paraui-v4-tree-switcher_close svg{transform:rotate(-90deg);color:inherit;font-size:14px;transition:transform .3s}.paraui-v4-tree-show-line .paraui-v4-tree-switcher_open svg{color:inherit;font-size:14px;transition:transform .3s}.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon{vertical-align:-.225em;color:inherit;font-size:14px}.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon[data-name=DownTriangleF]:hover{color:#2e65e6;background:#f7f8fa}.paraui-v4-tree-node-content-wrapper{overflow:hidden;display:flex}.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-title{display:flex;align-items:center;width:100%}.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-treenode-more-wrapper{color:#2e65e6}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active{background-color:#f7f8fa!important;border-radius:2px!important}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active .sector-anchor{opacity:1!important}.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper{flex-grow:0;flex-shrink:1}.paraui-v4-tree .paraui-v4-tree-title-wrapper{display:inline-flex;align-items:center;overflow:hidden}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor{position:relative;margin:3px 0 0 10px;line-height:14px;opacity:0;transition:opacity .3s}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor:before{content:" ";position:absolute;left:-9px;top:0;width:1px;height:14px;background-color:#f7f8fa;pointer-events:none}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg{color:#2e65e6}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg:hover{background:#d4dae366;border-radius:2px}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor--active.sector-anchor svg{color:#2e65e6;background:#d4dae366;border-radius:2px}.paraui-v4-tree .paraui-v4-tree-title-wrapper--active .sector-anchor{opacity:1}.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-iconEle{position:absolute;left:8px;top:0}.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox{display:none!important}.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox-checked+.paraui-v4-tree-node-content-wrapper{color:#2e65e6}.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-node-radio{width:16px;height:16px;padding:0;margin-top:4px}.paraui-v4-tree.paraui-v4-tree-radioable-showradio .paraui-v4-tree-node-content-wrapper{padding-left:28px}.paraui-v4-tree-motion-collapse{overflow:hidden;transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}
+@charset "UTF-8";.paraui-v4-tree-treenode-leaf-last .paraui-v4-tree-switcher-leaf-line:before{top:auto!important;bottom:auto!important;height:14px!important}@keyframes treeCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.paraui-v4-tree-rtl{direction:rtl}.paraui-v4-tree-rtl .paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator:after{right:-6px;left:unset}.paraui-v4-tree .paraui-v4-tree-treenode-rtl{direction:rtl}.paraui-v4-tree-rtl .paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg{transform:rotate(90deg)}.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit:before .paraui-v4-tree-rtl.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit:before{right:auto;left:-13px;border-right:none;border-left:1px solid #d9d9d9}.paraui-v4-tree-checkbox .paraui-v4-tree-rtl.paraui-v4-tree-checkbox,.paraui-v4-tree-select-dropdown-rtl .paraui-v4-select-tree-checkbox{margin:4px 0 0 8px}.paraui-v4-tree-checkbox{box-sizing:border-box;margin:0;padding:0;color:#1d2126;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";position:relative;top:.2em;line-height:1;white-space:nowrap;outline:none;cursor:pointer}.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-inner,.paraui-v4-tree-checkbox:hover .paraui-v4-tree-checkbox-inner,.paraui-v4-tree-checkbox-input:focus+.paraui-v4-tree-checkbox-inner{border-color:#2e65e6}.paraui-v4-tree-checkbox:hover:after,.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox:after{visibility:visible}.paraui-v4-tree-checkbox-inner{position:relative;top:0;left:0;display:block;margin-top:2px;width:14px;height:14px;direction:ltr;background-color:#fff;border:1px solid rgb(212,218,227);border-radius:2px;border-collapse:separate;transition:all .3s}.paraui-v4-tree-checkbox-inner:after{position:absolute;top:50%;left:21.5%;display:table;width:6px;height:9px;border:2px solid rgb(255,255,255);border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:" ";box-sizing:border-box}.paraui-v4-tree-checkbox-input{position:absolute;inset:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner:after{position:absolute;display:table;border:1px solid rgb(255,255,255);border-top:0;border-left:0;width:4px;height:8px;top:45%;left:21%;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;line-height:16px;content:" "}.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner{background-color:#2e65e6;border-color:#0000;line-height:16px}.paraui-v4-tree-checkbox-disabled{cursor:not-allowed;border-color:#d4dae3}.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner{background-color:#d4dae3;border:none!important}.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked:hover .paraui-v4-tree-checkbox-inner{border-color:#d4dae3}.paraui-v4-tree-checkbox-disabled.paraui-v4-tree-checkbox-checked .paraui-v4-tree-checkbox-inner:after{border-color:#fff;color:#fff}.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-input{cursor:not-allowed}.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner{background-color:#eaecf1;border-color:#d4dae3}.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner:after{border-color:#fff!important;border-collapse:separate;animation-name:none}.paraui-v4-tree-checkbox-disabled+span{color:#00000040;cursor:not-allowed}.paraui-v4-tree-checkbox-disabled:hover:after,.paraui-v4-tree-checkbox-wrapper:hover .paraui-v4-tree-checkbox-disabled:after{visibility:hidden}.paraui-v4-tree-checkbox-disabled+.paraui-v4-tree-node-content-wrapper{color:#a1a8b3!important}.paraui-v4-tree-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;color:#1d2126;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.paraui-v4-tree-checkbox-wrapper.paraui-v4-tree-checkbox-wrapper-disabled{cursor:not-allowed}.paraui-v4-tree-checkbox-wrapper+.paraui-v4-tree-checkbox-wrapper{margin-left:8px}.paraui-v4-tree-checkbox-group{box-sizing:border-box;margin:0;padding:0;color:#1d2126;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";display:inline-block}.paraui-v4-tree-checkbox-group-item{margin-right:8px}.paraui-v4-tree-checkbox-group-item:last-child{margin-right:0}.paraui-v4-tree-checkbox-group-item+.paraui-v4-tree-checkbox-group-item{margin-left:0}.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner{background-color:#2e65e6;border-color:#2e65e6}.paraui-v4-tree-checkbox-indeterminate .paraui-v4-tree-checkbox-inner:after{top:50%;left:50%;width:8px;height:2px;background-color:#fff;border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:" "}.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner{background-color:#d4dae3;border:none!important}.paraui-v4-tree-checkbox-indeterminate.paraui-v4-tree-checkbox-disabled .paraui-v4-tree-checkbox-inner:after{border-color:#fff!important;border-collapse:separate;animation-name:none}.paraui-v4-tree-wrapper .paraui-v4-tree-empty{display:flex;align-items:center;justify-content:center}.paraui-v4-tree{box-sizing:border-box;margin:0;padding:0;color:#1d2126;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none;font-feature-settings:"tnum";background:#fff;border-radius:2px;transition:background-color .3s}.paraui-v4-tree-focused:not(:hover):not(.paraui-v4-tree-active-focused){background:#e6f7ff}.paraui-v4-tree-list-holder-inner{align-items:flex-start}.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner{align-items:stretch}.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper{flex:auto}.paraui-v4-tree .paraui-v4-tree-treenode{display:flex;align-items:center;outline:none}.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper{color:#00000040;cursor:not-allowed}.paraui-v4-tree .paraui-v4-tree-treenode-disabled .paraui-v4-tree-node-content-wrapper:hover{background:transparent}.paraui-v4-tree .paraui-v4-tree-treenode-active .paraui-v4-tree-node-content-wrapper{background:#f5f5f5}.paraui-v4-tree .paraui-v4-tree-treenode:not(.paraui-v4-tree .paraui-v4-tree-treenode-disabled).filter-node .paraui-v4-tree-title{color:inherit;font-weight:500}.paraui-v4-tree-indent{align-self:stretch;white-space:nowrap;-webkit-user-select:none;user-select:none}.paraui-v4-tree-indent-unit{display:inline-block;width:24px}.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon,.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon{display:inline-block;vertical-align:middle;transition:transform .3s;color:inherit}.paraui-v4-tree-switcher .paraui-v4-tree-switcher-icon svg,.paraui-v4-tree-switcher .paraui-v4-select-tree-switcher-icon svg{font-size:inherit;color:inherit;transition:transform .3s}.paraui-v4-tree-switcher{position:relative;flex:none;text-align:center;width:16px;margin-right:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.paraui-v4-tree-switcher-noop{cursor:default}.paraui-v4-tree-switcher-icon[data-name=DownTriangleF]:hover{color:#2e65e6;background:#f7f8fa}.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon{transform:rotate(-90deg)}.paraui-v4-tree-switcher_close .paraui-v4-tree-switcher-icon svg{color:currentColor;transform:rotate(-90deg)}.paraui-v4-tree-switcher-loading-icon{color:#2e65e6;will-change:transform;transition:transform .3s ease-in-out;animation:treeLoadingCircle 1s infinite linear;vertical-align:middle;font-size:14px!important}@keyframes treeLoadingCircle{to{transform:rotate(360deg)}}.paraui-v4-tree-switcher-leaf-line{position:relative;z-index:1;display:inline-block;width:100%;height:100%}.paraui-v4-tree-switcher-leaf-line:before{position:absolute;top:0;bottom:-4px;margin-left:-1px;border-left:1px solid #d9d9d9;content:" "}.paraui-v4-tree-switcher-leaf-line:after{position:absolute;width:10px;height:14px;margin-left:-1px;border-bottom:1px solid #d9d9d9;content:" "}.paraui-v4-tree-checkbox{top:initial;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper{padding:0 8px;position:relative;z-index:auto;min-height:24px;margin:2px 0 0;color:inherit;line-height:24px;background:transparent;border-radius:2px;cursor:pointer;transition:all .3s,border 0s,line-height 0s,box-shadow 0s}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper:hover{background-color:#f7f8fa;border-radius:4px}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper.paraui-v4-tree-node-selected{color:#2e65e6}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle{display:inline-block;height:24px;margin-right:8px;line-height:26px;text-align:center;vertical-align:top}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle>svg{vertical-align:-.125em;color:#1d2126}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper .paraui-v4-tree-iconEle:empty{display:none}.paraui-v4-tree-unselectable .paraui-v4-tree-node-content-wrapper:hover{background-color:transparent}.paraui-v4-tree-node-content-wrapper[draggable=true]{line-height:24px;-webkit-user-select:none;user-select:none}.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator{position:absolute;z-index:1;height:2px;background-color:#2e65e6;border-radius:1px;pointer-events:none}.paraui-v4-tree-node-content-wrapper[draggable=true] .paraui-v4-tree-drop-indicator:after{position:absolute;top:-3px;left:-6px;width:8px;height:8px;background-color:transparent;border:2px solid rgb(46,101,230);border-radius:50%;content:""}.paraui-v4-tree .paraui-v4-tree-treenode.drop-container>[draggable]{box-shadow:0 0 0 2px #2e65e6}.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit{position:relative;height:100%}.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit:before{position:absolute;top:0;right:12px;bottom:-4px;border-right:1px solid #d9d9d9;content:""}.paraui-v4-tree-show-line .paraui-v4-tree-indent-unit-end:before{display:none}.paraui-v4-tree-show-line .paraui-v4-tree-switcher{background:#fff}.paraui-v4-tree-show-line .paraui-v4-tree-switcher_close svg{transform:rotate(-90deg);color:inherit;font-size:14px;transition:transform .3s}.paraui-v4-tree-show-line .paraui-v4-tree-switcher_open svg{color:inherit;font-size:14px;transition:transform .3s}.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon{vertical-align:-.225em;color:inherit;font-size:14px}.paraui-v4-tree-show-line .paraui-v4-tree-switcher-line-icon[data-name=DownTriangleF]:hover{color:#2e65e6;background:#f7f8fa}.paraui-v4-tree-node-content-wrapper{overflow:hidden;display:flex}.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-title{display:flex;align-items:center;width:100%}.paraui-v4-tree-node-content-wrapper .paraui-v4-tree-treenode-more-wrapper{color:#2e65e6}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active{background-color:#f7f8fa!important;border-radius:2px!important}.paraui-v4-tree .paraui-v4-tree-node-content-wrapper--active .sector-anchor{opacity:1!important}.paraui-v4-tree.paraui-v4-tree-block-node .paraui-v4-tree-list-holder-inner .paraui-v4-tree-node-content-wrapper{flex-grow:0;flex-shrink:1}.paraui-v4-tree .paraui-v4-tree-title-wrapper{display:inline-flex;align-items:center;overflow:hidden}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor{position:relative;margin:3px 0 0 10px;line-height:14px;opacity:0;transition:opacity .3s}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor:before{content:" ";position:absolute;left:-9px;top:0;width:1px;height:14px;background-color:#f7f8fa;pointer-events:none}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg{color:#2e65e6}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor svg:hover{background:#d4dae366;border-radius:2px}.paraui-v4-tree .paraui-v4-tree-title-wrapper .sector-anchor--active.sector-anchor svg{color:#2e65e6;background:#d4dae366;border-radius:2px}.paraui-v4-tree .paraui-v4-tree-title-wrapper--active .sector-anchor{opacity:1}.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-iconEle{position:absolute;left:8px;top:0}.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox{display:none!important}.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-checkbox-checked+.paraui-v4-tree-node-content-wrapper{color:#2e65e6}.paraui-v4-tree.paraui-v4-tree-radioable .paraui-v4-tree-node-radio{width:16px;height:16px;padding:0;margin-top:4px}.paraui-v4-tree.paraui-v4-tree-radioable-showradio .paraui-v4-tree-node-content-wrapper{padding-left:28px}.paraui-v4-tree-motion-collapse{overflow:hidden;transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}

package/lib/Tree/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Tree/style/index.js

@@ -0,0 +1 @@
+require('./index.scss');

package/lib/Tree/style/index.scss

@@ -0,0 +1,142 @@
+/**
+* @author Hanz
+* @date 2021/11/9 下午8:39
+* @description
+*/
+@use "../../styles/theme" as *;
+
+@use "./params" as *;
+
+@use "./mixin" as *;
+@use "./rtl" as *;
+@include paraCheckboxFn($tree-prefix-cls + "-checkbox");
+
+.#{$prefixCls}-tree-wrapper {
+
+  //empty data
+  .#{$prefixCls}-tree-empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+.#{$tree-prefix-cls} {
+  @include paraTreeFn($tree-prefix-cls);
+
+  &-node-content-wrapper {
+    overflow: hidden;
+    display: flex;
+
+    .#{$tree-prefix-cls}-title {
+      display: flex;
+      align-items: center;
+      width: 100%;
+    }
+
+    //加载更多
+    .#{$tree-node-prefix-cls}-more-wrapper {
+      color: $NP1;
+    }
+
+    .#{$tree-prefix-cls} &--active {
+      background-color: $NA3 !important;
+      border-radius: $radius-sm !important;
+
+      .sector-anchor {
+        opacity: 1 !important;
+      }
+    }
+  }
+
+  &.#{$tree-prefix-cls}-block-node .#{$tree-prefix-cls}-list-holder-inner .#{$tree-prefix-cls}-node-content-wrapper {
+    flex-grow: 0;
+    flex-shrink: 1;
+  }
+
+  & &-title-wrapper {
+    display: inline-flex;
+    align-items: center;
+    overflow: hidden;
+
+    .sector-anchor {
+      position: relative;
+      margin: 3px 0 0 10px;
+      line-height: 14px;
+      opacity: 0;
+      transition: opacity 0.3s;
+
+      &:before {
+        content: " ";
+        position: absolute;
+        left: -9px;
+        top: 0;
+        width: 1px;
+        height: 14px;
+        background-color: $NA3;
+        pointer-events: none;
+      }
+
+      svg {
+        color: $NP1;
+
+        &:hover {
+          background: $ND3;
+          border-radius: $radius-sm;
+        }
+      }
+
+      &--active.sector-anchor {
+        svg {
+          color: $NP1;
+          background: $ND3;
+          border-radius: $radius-sm;
+        }
+      }
+    }
+
+    //mouse enter
+    &--active {
+      .sector-anchor {
+        opacity: 1;
+      }
+    }
+  }
+
+  //radio tree
+  &.#{$prefixCls}-tree-radioable {
+    .#{$prefixCls}-tree-iconEle {
+      position: absolute;
+      left: 8px;
+      top: 0;
+    }
+
+    .#{$prefixCls}-tree-checkbox {
+      display: none !important;
+
+      &-checked+.#{$prefixCls}-tree-node-content-wrapper {
+        color: $NP1;
+      }
+    }
+
+    .#{$prefixCls}-tree-node-radio {
+      width: 16px;
+      height: 16px;
+      padding: 0;
+      margin-top: 4px;
+    }
+
+    &-showradio {
+      .#{$prefixCls}-tree-node-content-wrapper {
+        padding-left: 28px;
+      }
+    }
+  }
+}
+
+//tree collapse animation
+.#{$prefixCls}-tree-motion-collapse {
+  overflow: hidden;
+  transition: height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
+    opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
+}