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

package/es/Tree/Tree.js

@@ -4,9 +4,9 @@ import gt from "rc-tree";
 import ee from "clsx";
 import { getCheckedKeys as kt, getHalfCheckedKeys as wt, deepCopy as te, flatten as Tt, convertByFilter as xt, convert as Ct } from "./utils/tools.js";
 import bt, { renderTreeNodeIcon as Kt, collapseMotion as Et } from "./utils/treeUtil.js";
-import It from "./OperateBar/index.js";
-import { Request as Lt } from "@paraview/lib";
-import Nt from "@para-ui/icons/MoreCircle";
+import Lt from "./OperateBar/index.js";
+import { Request as Nt } from "@paraview/lib";
+import { MoreCircle as It } from "../node_modules/@para-ui/icons/MoreCircle/index.js";
 import Mt from "../Empty/index.js";
 import { Loading as Rt } from "../Loading/index.js";
 import je from "../AutoTips/index.js";
@@ -41,15 +41,15 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
     radioable: u = !1,
     showRadio: ue = !0,
     checkStrictly: q = !1,
-    actionsCallback: Oe,
+    actionsCallback: Pe,
     showActions: S,
     checkedKeys: $,
     defaultCheckedKeys: Y,
     expandedKeys: E,
-    defaultExpandedKeys: I,
+    defaultExpandedKeys: L,
     loadedKeys: z,
-    onCheck: Pe,
-    onExpand: Ae,
+    onCheck: Ae,
+    onExpand: Oe,
     asyncLoad: _e = !1,
     pagination: h = !1,
     pageSize: Fe = De,
@@ -69,7 +69,7 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
     loadingNode: We,
     onLoadedKey: Qe,
     tipMaxWidth: ge = 500
-  } = b, [O, m] = R([]), [P, H] = R([]), [ke, w] = R([]), L = k({}), we = k(!1), J = k(-1), C = k([]), y = `${l}-tree`, T = k({}), N = k([]), U = { ...De, ...Fe }, W = k([]), Xe = jt("Tree", Dt), [Te, xe] = R(!1), Ce = k(!0), [Q, X] = R([]), Z = {
+  } = b, [P, m] = R([]), [A, H] = R([]), [ke, w] = R([]), N = k({}), we = k(!1), J = k(-1), C = k([]), y = `${l}-tree`, T = k({}), I = k([]), U = { ...De, ...Fe }, W = k([]), Xe = jt("Tree", Dt), [Te, xe] = R(!1), Ce = k(!0), [Q, X] = R([]), Z = {
     ...b,
     showLine: !!ie,
     checkStrictly: !!(u || q),
@@ -129,7 +129,7 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
             className: "sector-anchor",
             onMouseEnter: (t) => nt(e, t),
             onMouseLeave: ot,
-            children: /* @__PURE__ */ i.jsx(Nt, { size: "medium" })
+            children: /* @__PURE__ */ i.jsx(It, { size: "medium" })
           }
         )
       ]
@@ -140,27 +140,27 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
     const r = e.currentTarget;
     if (r) {
       const o = `.${l}-tree-node-content-wrapper`, n = r.closest(o);
-      C.current.push(n), A(n, !0);
+      C.current.push(n), O(n, !0);
     }
   }, tt = (e) => {
     e.stopPropagation(), Ke();
     const t = e.currentTarget;
     if (t) {
       const r = `.${l}-tree-node-content-wrapper`, o = t.closest(r);
-      A(o, !1);
+      O(o, !1);
     }
   }, rt = () => {
     S && C.current?.length > 0 && setTimeout(() => {
       C.current.forEach((e) => {
-        A(e, !0);
+        O(e, !0);
       });
     });
-  }, A = (e, t) => {
+  }, O = (e, t) => {
     e && (t ? e?.classList.add(`${l}-tree-node-content-wrapper--active`) : e?.classList.remove(`${l}-tree-node-content-wrapper--active`));
   }, nt = (e, t) => {
     t.stopPropagation();
     const r = t.currentTarget;
-    L.current.anchorEl = r, J.current = setTimeout(() => {
+    N.current.anchorEl = r, J.current = setTimeout(() => {
       clearTimeout(J.current), at(r, e);
     }, 300);
   }, ot = (e) => {
@@ -169,14 +169,14 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
       clearTimeout(r), we.current || be(t);
     }, 300);
   }, at = (e, t) => {
-    const r = document.getElementById(L.current.uid || "");
-    e.classList.add("sector-anchor--active"), r && r.querySelector(".sector-container") && L.current?.onShowSector?.(t, !0);
+    const r = document.getElementById(N.current.uid || "");
+    e.classList.add("sector-anchor--active"), r && r.querySelector(".sector-container") && N.current?.onShowSector?.(t, !0);
   }, be = (e) => {
-    e && (e.classList.remove("sector-anchor--active"), L.current?.onShowSector?.({ key: "" }, !1));
+    e && (e.classList.remove("sector-anchor--active"), N.current?.onShowSector?.({ key: "" }, !1));
   }, st = (e) => {
     if (e) {
       const t = `.${l}-tree-node-content-wrapper`, r = e.closest(t);
-      A(r, !1), be(e);
+      O(r, !1), be(e);
     }
   }, Ke = () => {
     C.current?.length && (C.current.forEach((e) => {
@@ -188,9 +188,9 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
       const n = t.node, a = K.key ?? "key";
       t.checked && n && (r = [n[a]]);
     } else q && !Array.isArray(e) ? (r = e.checked, o = e.halfChecked, W.current = o) : (Array.isArray(e) ? r = e : r = e.checked, o = t.halfCheckedKeys || []);
-    "checkedKeys" in b || H(r), Pe?.(r, t, o);
+    "checkedKeys" in b || H(r), Ae?.(r, t, o);
   }, it = (e, t) => {
-    "expandedKeys" in b || w([...e]), Ae?.(e, t);
+    "expandedKeys" in b || w([...e]), Oe?.(e, t);
   }, Ee = async (e = {}) => {
     if (!_) return [];
     ye && xe(!0);
@@ -201,7 +201,7 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
       [r === "GET" ? "params" : "data"]: t || {}
     };
     oe && (o.headers = oe);
-    const { data: n, err: a } = await Lt(o);
+    const { data: n, err: a } = await Nt(o);
     return ye && xe(!1), a ? h ? {} : [] : h ? n.data || {} : n.data || [];
   }, lt = () => ({
     key: String((Math.random() * 1e6 | 0) + Date.now()),
@@ -217,11 +217,11 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
     {
       className: `${l}-tree-treenode-more-wrapper`,
       onClick: (t) => {
-        t.stopPropagation(), Le(e);
+        t.stopPropagation(), Ne(e);
       },
       children: Be || e.title
     }
-  ), Ie = (e, t, r, o) => t === "ROOT_KEY" ? (e.pop(), e.concat(r)) : e.map((n) => {
+  ), Le = (e, t, r, o) => t === "ROOT_KEY" ? (e.pop(), e.concat(r)) : e.map((n) => {
     if (n.key === t) {
       if (o) {
         const a = n.children || [];
@@ -237,9 +237,9 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
     }
     return n.children ? {
       ...n,
-      children: Ie(n.children, t, r, o)
+      children: Le(n.children, t, r, o)
     } : n;
-  }), Le = (e) => {
+  }), Ne = (e) => {
     const { key: t, children: r } = e, o = e.parentId, n = e.moreFlag;
     return X([...Q, t]), Qe?.(t, e), new Promise(async (a) => {
       if (r) {
@@ -266,9 +266,9 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
         };
       } else
         p = d || [];
-      p?.length && (p = V(p), h && (p = Ne(p, M, c))), Array.isArray(p) && m((x) => Ie(x, c, p, !!n)), a();
+      p?.length && (p = V(p), h && (p = Ie(p, M, c))), Array.isArray(p) && m((x) => Le(x, c, p, !!n)), a();
     });
-  }, Ne = (e, t, r) => {
+  }, Ie = (e, t, r) => {
     const o = Ct(e), { page: n, size: a, total: c } = t;
     if (n * a < c) {
       const s = lt();
@@ -301,14 +301,14 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
     } else
       n = t || [];
     if (!n?.length) return m([]);
-    n = V(n), v && (N.current = te(n)), h && (n = Ne(n, r)), m([...n]);
+    n = V(n), v && (I.current = te(n)), h && (n = Ie(n, r)), m([...n]);
   }, Me = () => {
     const e = {};
-    return _e && (e.loadData = Le), pe && (e.loadData = pe), e.titleRender = Ve, e;
+    return _e && (e.loadData = Ne), pe && (e.loadData = pe), e.titleRender = Ve, e;
   };
   j(() => {
-    Y && H([...Y]), I && w([...I]);
-  }, [Y, I]), j(() => {
+    Y && H([...Y]), L && w([...L]);
+  }, [Y, L]), j(() => {
     $ && (H([...kt($)]), W.current = wt($)), E && w([...E]);
   }, [$, E]), j(() => {
     z && (z.length === 0 ? (X([]), w([])) : X([...z]));
@@ -320,21 +320,21 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
           a.children?.length && (r.push(a.key), o(a.children));
         });
       }
-      !E && !I && (o(t), r.length && w(r));
+      !E && !L && (o(t), r.length && w(r));
     }
     if (Array.isArray(B)) {
       const t = V(B);
-      v && (N.current = te(t)), Z.defaultExpandAll && e(t), m([...t]);
+      v && (I.current = te(t)), Z.defaultExpandAll && e(t), m([...t]);
     } else
       dt();
   }, [_, re, F, ne, ze, B]), j(() => {
     function e({ searchKey: r, searchValue: o }) {
       if (!r) return;
       if (o === "") {
-        m(N.current), w([...E || I || []]);
+        m(I.current), w([...E || L || []]);
         return;
       }
-      const n = Tt(N.current), a = n.reduce((f, s) => String(s[r]).toLowerCase().includes(o?.toLowerCase()) ? f.concat(s) : f, []), c = xt(
+      const n = Tt(I.current), a = n.reduce((f, s) => String(s[r]).toLowerCase().includes(o?.toLowerCase()) ? f.concat(s) : f, []), c = xt(
         te(n),
         a
       );
@@ -348,7 +348,7 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
     }
     if (v) {
       if (he) {
-        const r = he(N.current);
+        const r = he(I.current);
         if (!r) return;
         m(r);
         return;
@@ -370,13 +370,13 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
       )
     }
   ), pt = yt(() => {
-    if (!O?.length && Ce.current)
+    if (!P?.length && Ce.current)
       return Ce.current = !1, null;
-    if (!O?.length)
+    if (!P?.length)
       return Te ? null : ut;
-    let e = P;
+    let e = A;
     return q && (e = {
-      checked: P,
+      checked: A,
       halfChecked: W.current
     }), /* @__PURE__ */ i.jsx(
       gt,
@@ -391,7 +391,7 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
         switcherIcon: (t) => bt(y, ve, ie, t),
         ...Me(),
         loadData: Me().loadData,
-        treeData: O,
+        treeData: P,
         checkedKeys: e,
         expandedKeys: ke,
         loadedKeys: Q,
@@ -404,16 +404,16 @@ const De = { page: 1, size: 10 }, Se = mt.forwardRef((b, $e) => {
           if (u) {
             if (!ue) return null;
           } else return null;
-          return Kt(t, u, P[0], K);
+          return Kt(t, u, A[0], K);
         }
       }
     );
-  }, [O, P, ke, Z.selectedKeys, Q]), ht = () => S ? /* @__PURE__ */ i.jsx(
-    It,
+  }, [P, A, ke, Z.selectedKeys, Q]), ht = () => S ? /* @__PURE__ */ i.jsx(
+    Lt,
     {
-      opRef: L,
+      opRef: N,
       mouseInRef: we,
-      actionsCallback: Oe,
+      actionsCallback: Pe,
       onRemove: st,
       showActions: S
     }

package/es/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/es/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/es/Tree/style/css.d.ts

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

package/es/Tree/style/css.js

@@ -0,0 +1 @@
+import './index.css';

package/es/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/es/Tree/style/index.d.ts

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

package/es/Tree/style/index.js

@@ -0,0 +1 @@
+import './index.scss';

package/es/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;
+}