@das-fed/upf-ui 6.4.0-dev.246 → 6.4.0-dev.248

package/packages/components/tree-select/index.js

@@ -1,6 +1,5 @@
-import '@das-fed/upf-ui/packages/components/tree-select/style.css';
-import { ref as j, computed as k, watch as ye, nextTick as _, unref as a, onMounted as Ie, onBeforeUnmount as Be, defineComponent as Oe, useAttrs as Re, withDirectives as be, openBlock as q, createElementBlock as fe, normalizeClass as Ee, normalizeStyle as ge, createCommentVNode as Me, createVNode as ve, withCtx as x, withModifiers as he, mergeProps as pe, isRef as X, createTextVNode as Ae, toDisplayString as We, createElementVNode as Fe, createBlock as ke, createSlots as Se, renderSlot as N } from "vue";
-import { withInstall as Ge } from "@das-fed/upf-utils/with-install/index";
+import { ref as j, computed as k, watch as ye, nextTick as _, unref as r, onMounted as Ie, onBeforeUnmount as Be, defineComponent as Oe, useAttrs as Re, withDirectives as be, openBlock as q, createElementBlock as fe, normalizeClass as Ee, normalizeStyle as ge, createCommentVNode as Me, createVNode as ve, withCtx as x, withModifiers as he, mergeProps as pe, isRef as X, createTextVNode as Ae, toDisplayString as We, createElementVNode as Ge, createBlock as ke, createSlots as Se, renderSlot as N } from "vue";
+import { withInstall as Fe } from "@das-fed/upf-utils/with-install/index";
 import { ElPopover as ze } from "element-plus";
 import "element-plus/es/components/popover/style/css";
 import { currentLang as He, t as Ue } from "@das-fed/upf-web/packages/i18n/index";
@@ -11,7 +10,9 @@ import { DasIconXiala as Ye } from "@das-fed/upf-ui/packages/icons/xiala/index";
 import { vDasTooltip as Ze } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import { SizeWatcher as Ke } from "@das-fed/upf-utils/size-watcher";
 import { flatTree as _e } from "@das-fed/upf-utils/common-tools";
-import { vClickOutside as et } from "@das-fed/upf-utils/directive";
+import { vClickOutside as et } from "@das-fed/upf-utils/directive"
+import '@das-fed/upf-ui/packages/components/tree-select/style.css';
+;
 var ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function tt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -20,7 +21,7 @@ function lt(e) {
   var d = typeof e;
   return e != null && (d == "object" || d == "function");
 }
-var Ve = lt, at = typeof ee == "object" && ee && ee.Object === Object && ee, rt = at, nt = rt, ot = typeof self == "object" && self && self.Object === Object && self, it = nt || ot || Function("return this")(), De = it, st = De, ut = function() {
+var Ve = lt, rt = typeof ee == "object" && ee && ee.Object === Object && ee, at = rt, nt = at, ot = typeof self == "object" && self && self.Object === Object && self, it = nt || ot || Function("return this")(), De = it, st = De, ut = function() {
   return st.Date.now();
 }, dt = ut, ct = /\s/;
 function ft(e) {
@@ -59,11 +60,11 @@ var Ot = Bt, Rt = It, Et = Ot, Mt = "[object Symbol]";
 function At(e) {
   return typeof e == "symbol" || Et(e) && Rt(e) == Mt;
 }
-var Wt = At, Ft = yt, $e = Ve, Gt = Wt, xe = NaN, zt = /^[-+]0x[0-9a-f]+$/i, Ht = /^0b[01]+$/i, Ut = /^0o[0-7]+$/i, qt = parseInt;
+var Wt = At, Gt = yt, $e = Ve, Ft = Wt, xe = NaN, zt = /^[-+]0x[0-9a-f]+$/i, Ht = /^0b[01]+$/i, Ut = /^0o[0-7]+$/i, qt = parseInt;
 function Xt(e) {
   if (typeof e == "number")
     return e;
-  if (Gt(e))
+  if (Ft(e))
     return xe;
   if ($e(e)) {
     var d = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -71,7 +72,7 @@ function Xt(e) {
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = Ft(e);
+  e = Gt(e);
   var f = Ht.test(e);
   return f || Ut.test(e) ? qt(e.slice(2), f ? 2 : 8) : zt.test(e) ? xe : +e;
 }
@@ -124,7 +125,7 @@ function _t(e, d, f) {
   return S.cancel = I, S.flush = A, S;
 }
 var el = _t;
-const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), te = (e) => typeof e == "string" && ll(e) ? e : e + "px", al = (e, d, f, c, m, w) => {
+const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(e), te = (e) => typeof e == "string" && ll(e) ? e : e + "px", rl = (e, d, f, c, m, w) => {
   const y = j(null), h = j(null), v = Je(), L = j(), C = j(!1), b = j(""), P = j(""), p = k(() => e.mode === "multiple" || e.mode === "tags"), g = {
     label: "name",
     children: "children",
@@ -147,10 +148,10 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     }
   }), S = (t, o, s = []) => {
     for (let l = 0; l < t.length; l++) {
-      const r = t[l], n = r[g.label];
+      const a = t[l], n = a[g.label];
       if (s.push(n), n === o) return s.join("/");
-      if (r.children && r.children.length > 0) {
-        const T = S(r[g.children], o, s);
+      if (a.children && a.children.length > 0) {
+        const T = S(a[g.children], o, s);
         if (T) return T;
       }
       s.pop();
@@ -177,8 +178,8 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     if (i.value.length === 0) return B(e.modelValue);
     if (p.value) {
       if (!u.value || !((t = u.value) != null && t.length)) return !0;
-      const o = i.value.map((n) => n[f.value]), s = Array.isArray(u.value) ? u.value : [], l = s.some((n) => B(n)), r = s.some((n) => D(n) && o.includes(n));
-      return l || r;
+      const o = i.value.map((n) => n[f.value]), s = Array.isArray(u.value) ? u.value : [], l = s.some((n) => B(n)), a = s.some((n) => D(n) && o.includes(n));
+      return l || a;
     } else
       return !u.value || i.value.find((s) => s[f.value] === u.value) ? !0 : B(e.modelValue);
   };
@@ -190,11 +191,11 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
           if (!Array.isArray(o) || !o.length)
             $.value = "";
           else {
-            const l = (o ?? []).map((r) => {
+            const l = (o ?? []).map((a) => {
               var T;
-              const n = (T = t == null ? void 0 : t.find) == null ? void 0 : T.call(t, (G) => (G == null ? void 0 : G[f.value]) === r);
-              return n ? e.showFullPath ? n == null ? void 0 : n[g.pathName] : n == null ? void 0 : n[g.label] : D(r) || r == null ? "" : String(r);
-            }).filter((r) => !!r);
+              const n = (T = t == null ? void 0 : t.find) == null ? void 0 : T.call(t, (F) => (F == null ? void 0 : F[f.value]) === a);
+              return n ? e.showFullPath ? n == null ? void 0 : n[g.pathName] : n == null ? void 0 : n[g.label] : D(a) || a == null ? "" : String(a);
+            }).filter((a) => !!a);
             $.value = l.join(R);
           }
         else if (!o)
@@ -221,22 +222,22 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     await _();
     let t = [];
     if (p.value || (u.value || u.value === 0) && (m.value && D(u.value) && await ((o = v.value) == null ? void 0 : o.lazyDataNextTick(u.value)), t = i.value.filter((l) => l[f.value] === u.value)), p.value && (u.value || u.value.length)) {
-      const r = (Array.isArray(u.value) ? u.value : []).filter((n) => D(n));
-      m.value && r.length && await ((s = v.value) == null ? void 0 : s.lazyDataNextTick(r)), t = i.value.filter((n) => r.includes(n[f.value]));
+      const a = (Array.isArray(u.value) ? u.value : []).filter((n) => D(n));
+      m.value && a.length && await ((s = v.value) == null ? void 0 : s.lazyDataNextTick(a)), t = i.value.filter((n) => a.includes(n[f.value]));
     }
     d("change", u.value, t);
-  }, F = j(!1), ae = async () => {
-    C.value = !1, u.value = p.value ? [] : "", W(), F.value = !0;
-  }, re = async (t) => {
-    var s, l, r, n, T, G;
-    if (F.value || !p.value) return;
+  }, G = j(!1), re = async () => {
+    C.value = !1, u.value = p.value ? [] : "", W(), G.value = !0;
+  }, ae = async (t) => {
+    var s, l, a, n, T, F;
+    if (G.value || !p.value) return;
     if (!i.value.find((V) => (V == null ? void 0 : V[f.value]) === t)) {
       W();
       return;
     }
     if (!m.value && !w.value) {
       let V = (l = (s = v.value) == null ? void 0 : s.treeRef) == null ? void 0 : l.getNode(t);
-      V.checked = !1, (r = v.value) == null || r.childLinkParent(V, V.checked), (n = v.value) == null || n.parentLinkChild(V, V.checked);
+      V.checked = !1, (a = v.value) == null || a.childLinkParent(V, V.checked), (n = v.value) == null || n.parentLinkChild(V, V.checked);
     }
     if (m.value && e.parentLinkChildrenStrictly) {
       let V = i.value.find((U) => U[f.value] === t);
@@ -244,7 +245,7 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
         const U = await v.value.getGrandChildrenFn(V);
         if (U && U.length) {
           const Pe = U.map((ce) => ce[f.value]);
-          u.value && ((G = u.value) != null && G.length) && (u.value = u.value.filter((ce) => !Pe.includes(ce)));
+          u.value && ((F = u.value) != null && F.length) && (u.value = u.value.filter((ce) => !Pe.includes(ce)));
         }
       }
     }
@@ -262,7 +263,7 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     });
   }, ie = (t) => {
     var o;
-    F.value && (F.value = !1), (o = h.value) == null || o.toChangeMaxCount(!0), d("focus", t);
+    G.value && (G.value = !1), (o = h.value) == null || o.toChangeMaxCount(!0), d("focus", t);
   }, se = (t) => {
     d("blur", t);
   };
@@ -272,8 +273,8 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
       var s, l;
       const o = (s = y.value) == null ? void 0 : s.querySelector(".ant-select-arrow>.das-icon");
       t ? o.style.transform = "rotate(180deg)" : o.style.transform = "", (l = h.value) == null || l.toChangeMaxCount(t), _(() => {
-        var r, n, T;
-        (T = (n = (r = a(L)) == null ? void 0 : r.popperRef) == null ? void 0 : n.popperInstanceRef) == null || T.update();
+        var a, n, T;
+        (T = (n = (a = r(L)) == null ? void 0 : a.popperRef) == null ? void 0 : n.popperInstanceRef) == null || T.update();
       });
     }
   );
@@ -293,8 +294,8 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     const t = await ue();
     t && (K.value = Ke((o) => {
       _(() => {
-        var s, l, r;
-        (r = (l = (s = a(L)) == null ? void 0 : s.popperRef) == null ? void 0 : l.popperInstanceRef) == null || r.update(), E();
+        var s, l, a;
+        (a = (l = (s = r(L)) == null ? void 0 : s.popperRef) == null ? void 0 : l.popperInstanceRef) == null || a.update(), E();
       });
     }, t));
   }), Be(() => {
@@ -318,9 +319,9 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     poppverHide: Z,
     treeChange: W,
     nodeChange: oe,
-    deselect: re,
+    deselect: ae,
     selectSearch: ne,
-    selectClear: ae,
+    selectClear: re,
     popoverVisible: C,
     selectMouseDown: le,
     resetDefaultVal: de,
@@ -330,7 +331,7 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
     textHide: O,
     showCheckbox: p
   };
-}, rl = {
+}, al = {
   key: 1,
   class: "das-tree-select__selct-text-content"
 }, nl = {
@@ -394,9 +395,9 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
       treeProps: Z,
       selectOptions: le,
       currentLabel: W,
-      popoverRef: F,
-      deselect: ae,
-      poppverShow: re,
+      popoverRef: G,
+      deselect: re,
+      poppverShow: ae,
       poppverHide: ne,
       selectSearch: oe,
       selectMouseDown: H,
@@ -408,7 +409,7 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
       textHide: de,
       checkselectOptionsData: t,
       showCheckbox: o
-    } = al(c, m, h, w, b, R), s = k(() => p.value.isTooltip ? p.value.isTooltip && t() : p.value["is-tooltip"] ? p.value["is-tooltip"] && t() : t());
+    } = rl(c, m, h, w, b, R), s = k(() => p.value.isTooltip ? p.value.isTooltip && t() : p.value["is-tooltip"] ? p.value["is-tooltip"] && t() : t());
     return d({
       /** das-select */
       $select: A,
@@ -416,28 +417,28 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
       $tree: I,
       /** 设置默认值，当默认值为动态设置时使用(兼容老版本) */
       resetDefaultVal: ie
-    }), (l, r) => be((q(), fe(
+    }), (l, a) => be((q(), fe(
       "div",
       {
         ref_key: "dasTreeSelectRef",
         ref: B,
-        class: Ee({ "das-ui-tree-select": !0, "is-lazy": b.value, "text-hide": a(de), "show-select": e.showSelectDom }),
-        style: ge({ width: a(u) })
+        class: Ee({ "das-ui-tree-select": !0, "is-lazy": b.value, "text-hide": r(de), "show-select": e.showSelectDom }),
+        style: ge({ width: r(u) })
       },
       [
         Me(` 在使用 2.x 版本的element-UI时，里面的Popover气泡卡片组件，有自带的自动适应位置的功能；在 element plus 中，直接使用，已经无法自适应气泡弹窗的位置了；需要自行配置:fallback-placements="['bottom', 'top', 'right', 'left']" `),
-        ve(a(ze), {
+        ve(r(ze), {
           ref_key: "popoverRef",
-          ref: F,
-          visible: a(E),
+          ref: G,
+          visible: r(E),
           "popper-class": "das-tree-select-popper",
           placement: "bottom-start",
           "show-arrow": !1,
-          width: a(O),
+          width: r(O),
           disabled: g.value,
           "fallback-placements": ["bottom", "top", "right", "left"],
-          onShow: a(re),
-          onHide: a(ne)
+          onShow: r(ae),
+          onHide: r(ne)
         }, {
           reference: x(() => [
             e.showSelectDom ? (q(), fe(
@@ -445,23 +446,23 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
               {
                 key: 0,
                 class: "das-tree-select__select-content",
-                onMousedown: r[1] || (r[1] = he(
+                onMousedown: a[1] || (a[1] = he(
                   //@ts-ignore
-                  (...n) => a(H) && a(H)(...n),
+                  (...n) => r(H) && r(H)(...n),
                   ["stop"]
                 ))
               },
               [
-                ve(a(qe), pe({
+                ve(r(qe), pe({
                   ref_key: "$select",
                   ref: A,
-                  class: { "is-active": a(E) },
+                  class: { "is-active": r(E) },
                   dropdownClassName: "das-tree-select-dropdown",
-                  modelValue: a(S),
-                  "onUpdate:modelValue": r[0] || (r[0] = (n) => X(S) ? S.value = n : null)
+                  modelValue: r(S),
+                  "onUpdate:modelValue": a[0] || (a[0] = (n) => X(S) ? S.value = n : null)
                 }, p.value, {
-                  searchValue: a(i),
-                  options: a(le),
+                  searchValue: r(i),
+                  options: r(le),
                   disabled: e.disabled,
                   isView: e.isView,
                   size: e.size,
@@ -470,10 +471,10 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
                   placeholder: y.value,
                   "show-search": e.filter,
                   filterOption: e.filter,
-                  width: a(u),
+                  width: r(u),
                   fieldNames: {
                     value: h.value,
-                    label: e.showFullPath ? a(Z).pathName : a(Z).label
+                    label: e.showFullPath ? r(Z).pathName : r(Z).label
                   },
                   isTooltip: s.value,
                   errorMode: e.errorMode,
@@ -481,18 +482,18 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
                   errorLabel: e.errorLabel,
                   autoClearSearchValue: !1,
                   isExterControlCount: "",
-                  onDeselect: a(ae),
-                  onSearch: a(oe),
+                  onDeselect: r(re),
+                  onSearch: r(oe),
                   onInputKeyDown: D,
-                  onFocus: a(K),
-                  onBlur: a(ue),
-                  onClear: a(se)
+                  onFocus: r(K),
+                  onBlur: r(ue),
+                  onClear: r(se)
                 }), {
                   suffixIcon: x(() => [
-                    ve(a(Ye), {
+                    ve(r(Ye), {
                       size: "medium",
                       style: { transition: "transform 0.5s" },
-                      iconColor: a(E) ? "#5582F3" : "currentColor"
+                      iconColor: r(E) ? "var(--upf-color-primary)" : "currentColor"
                     }, null, 8, ["iconColor"])
                   ]),
                   _: 1
@@ -501,39 +502,39 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
               ],
               32
               /* NEED_HYDRATION */
-            )) : be((q(), fe("div", rl, [
+            )) : be((q(), fe("div", al, [
               Ae(
-                We(a(W)),
+                We(r(W)),
                 1
                 /* TEXT */
               )
             ])), [
-              [a(Ze)]
+              [r(Ze)]
             ])
           ]),
           default: x(() => [
-            Fe(
+            Ge(
               "div",
               {
                 class: "das-tree-select__tree-content",
-                style: ge(a($)),
-                onClick: r[6] || (r[6] = he(() => {
+                style: ge(r($)),
+                onClick: a[6] || (a[6] = he(() => {
                 }, ["stop"])),
-                onMousedown: r[7] || (r[7] = he(() => {
+                onMousedown: a[7] || (a[7] = he(() => {
                 }, ["stop"]))
               },
               [
-                e.virtual ? (q(), ke(a(Xe), pe({
+                e.virtual ? (q(), ke(r(Xe), pe({
                   key: 1,
                   ref_key: "$tree",
                   ref: I
-                }, a(w), {
+                }, r(w), {
                   data: e.data,
-                  modelValue: a(S),
-                  "onUpdate:modelValue": r[4] || (r[4] = (n) => X(S) ? S.value = n : null),
-                  "filter-value": a(i),
-                  "onUpdate:filterValue": r[5] || (r[5] = (n) => X(i) ? i.value = n : null),
-                  "show-checkbox": a(o),
+                  modelValue: r(S),
+                  "onUpdate:modelValue": a[4] || (a[4] = (n) => X(S) ? S.value = n : null),
+                  "filter-value": r(i),
+                  "onUpdate:filterValue": a[5] || (a[5] = (n) => X(i) ? i.value = n : null),
+                  "show-checkbox": r(o),
                   "is-filter": e.filter,
                   "show-filter-input": !1,
                   "filter-mode": "input",
@@ -541,14 +542,14 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
                   load: v.value,
                   "batch-load": c.batchLoad,
                   search: L.value,
-                  path: a(Y),
+                  path: r(Y),
                   "default-expand-all": P.value,
                   "check-strictly": b.value ? !0 : R.value,
                   parentLinkChildrenStrictly: e.parentLinkChildrenStrictly,
                   getGrandChildren: C.value,
                   childLinkParentStrictly: e.childLinkParentStrictly,
-                  onChange: a(z),
-                  onNodeChange: a(Q)
+                  onChange: r(z),
+                  onNodeChange: r(Q)
                 }), Se({
                   default: x(({ node: n, data: T }) => [
                     N(l.$slots, "default", {
@@ -587,17 +588,17 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
                     ]),
                     key: "3"
                   } : void 0
-                ]), 1040, ["data", "modelValue", "filter-value", "show-checkbox", "is-filter", "lazy", "load", "batch-load", "search", "path", "default-expand-all", "check-strictly", "parentLinkChildrenStrictly", "getGrandChildren", "childLinkParentStrictly", "onChange", "onNodeChange"])) : (q(), ke(a(Qe), pe({
+                ]), 1040, ["data", "modelValue", "filter-value", "show-checkbox", "is-filter", "lazy", "load", "batch-load", "search", "path", "default-expand-all", "check-strictly", "parentLinkChildrenStrictly", "getGrandChildren", "childLinkParentStrictly", "onChange", "onNodeChange"])) : (q(), ke(r(Qe), pe({
                   key: 0,
                   ref_key: "$tree",
                   ref: I
-                }, a(w), {
+                }, r(w), {
                   data: e.data,
-                  modelValue: a(S),
-                  "onUpdate:modelValue": r[2] || (r[2] = (n) => X(S) ? S.value = n : null),
-                  "filter-value": a(i),
-                  "onUpdate:filterValue": r[3] || (r[3] = (n) => X(i) ? i.value = n : null),
-                  "show-checkbox": a(o),
+                  modelValue: r(S),
+                  "onUpdate:modelValue": a[2] || (a[2] = (n) => X(S) ? S.value = n : null),
+                  "filter-value": r(i),
+                  "onUpdate:filterValue": a[3] || (a[3] = (n) => X(i) ? i.value = n : null),
+                  "show-checkbox": r(o),
                   "is-filter": e.filter,
                   "show-filter-input": !1,
                   "filter-mode": "input",
@@ -605,14 +606,14 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
                   load: v.value,
                   "batch-load": c.batchLoad,
                   search: L.value,
-                  path: a(Y),
+                  path: r(Y),
                   "default-expand-all": P.value,
                   "check-strictly": b.value ? !0 : R.value,
                   parentLinkChildrenStrictly: e.parentLinkChildrenStrictly,
                   getGrandChildren: C.value,
                   childLinkParentStrictly: e.childLinkParentStrictly,
-                  onChange: a(z),
-                  onNodeChange: a(Q)
+                  onChange: r(z),
+                  onNodeChange: r(Q)
                 }), Se({
                   default: x(({ node: n, data: T }) => [
                     N(l.$slots, "default", {
@@ -664,10 +665,10 @@ const tl = /* @__PURE__ */ tt(el), ll = (e) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|v
       6
       /* CLASS, STYLE */
     )), [
-      [a(et), M]
+      [r(et), M]
     ]);
   }
-}), kl = Ge(ol), Sl = () => j(null), Cl = { title: "tree-select 树选择" };
+}), kl = Fe(ol), Sl = () => j(null), Cl = { title: "tree-select 树选择" };
 export {
   kl as DasTreeSelect,
   Sl as DasTreeSelectRef,

package/packages/components/tree-select/style.css

@@ -1 +1 @@
-.das-ui-tree-select.show-select,.das-ui-tree-select .das-tree-select__select-content{font-size:0}.das-ui-tree-select .das-tree-select__select-content .das-ui-select.underline .ant-select:not(.ant-select-focused).is-active .ant-select-selector{border-bottom-color:var(--upf-color-primary)!important}.das-ui-tree-select .das-tree-select__select-content .das-ui-select.bordered .ant-select:not(.ant-select-focused).is-active .ant-select-selector{border-color:var(--upf-color-primary)!important}.das-ui-tree-select .das-tree-select__select-content .ant-select-focused .ant-select-arrow>.das-icon{fill:var(--upf-color-primary)!important}.das-ui-tree-select.text-hide .das-ui-select .ant-select-selector .ant-select-selection-item{display:none!important}.das-ui-tree-select.text-hide .das-ui-select .ant-select-selector .ant-select-selection-overflow-item{opacity:0!important}.das-tree-select-dropdown.ant-select-dropdown{display:none!important}.das-tree-select-popper{box-sizing:border-box;box-shadow:0 4px 10px #0003;padding:0!important;overflow:hidden;position:relative}.das-tree-select-popper .das-tree-select__tree-content{width:100%;box-sizing:border-box;padding-top:8px;position:relative}.das-tree-select-popper .das-tree-select__tree-content .das-ui-tree,.das-tree-select-popper .das-tree-select__tree-content .das-ui-tree .el-tree{height:100%}.das-tree-select-popper .das-tree-select__tree-content .das-ui-tree .el-tree .el-tree__empty-text{width:100%;font-size:12px;color:var(--upf-text-disabled)}
+.das-ui-tree-select.show-select,.das-ui-tree-select .das-tree-select__select-content{font-size:0}.das-ui-tree-select .das-tree-select__select-content .das-ui-select.underline .ant-select:not(.ant-select-focused).is-active .ant-select-selector{border-bottom-color:var(--upf-form-active-border-color, var(--upf-color-primary))!important}.das-ui-tree-select .das-tree-select__select-content .das-ui-select.bordered .ant-select:not(.ant-select-focused).is-active .ant-select-selector{border-color:var(--upf-form-active-border-color, var(--upf-color-primary))!important}.das-ui-tree-select .das-tree-select__select-content .ant-select-focused .ant-select-arrow>.das-icon{fill:var(--upf-color-primary)!important}.das-ui-tree-select.text-hide .das-ui-select .ant-select-selector .ant-select-selection-item{display:none!important}.das-ui-tree-select.text-hide .das-ui-select .ant-select-selector .ant-select-selection-overflow-item{opacity:0!important}.das-tree-select-dropdown.ant-select-dropdown{display:none!important}.das-tree-select-popper{box-sizing:border-box;box-shadow:0 4px 10px #0003;padding:0!important;overflow:hidden;position:relative}.das-tree-select-popper .das-tree-select__tree-content{width:100%;box-sizing:border-box;padding-top:8px;position:relative}.das-tree-select-popper .das-tree-select__tree-content .das-ui-tree,.das-tree-select-popper .das-tree-select__tree-content .das-ui-tree .el-tree{height:100%}.das-tree-select-popper .das-tree-select__tree-content .das-ui-tree .el-tree .el-tree__empty-text{width:100%;font-size:12px;color:var(--upf-text-disabled)}

package/packages/components/tree-table/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/tree-table/style.css';
 import { defineComponent as he, mergeModels as ee, ref as U, useModel as re, computed as V, watch as le, openBlock as K, createElementBlock as $, normalizeClass as ie, normalizeStyle as j, createElementVNode as N, toDisplayString as x, renderSlot as I, createCommentVNode as w, Fragment as G, renderList as J, createBlock as Q, unref as E, withCtx as F, createTextVNode as S, withDirectives as M, createVNode as W, vShow as H } from "vue";
 import { withInstall as ke } from "@das-fed/upf-utils/with-install/index";
 import { DasTree as ve } from "@das-fed/upf-ui/packages/components/tree/index";
@@ -7,7 +6,9 @@ import { DasCheckbox as X } from "@das-fed/upf-ui/packages/components/checkbox/i
 import { vOverlay as te } from "@das-fed/upf-ui/packages/components/overlay/index";
 import { DasEmpty as be } from "@das-fed/upf-ui/packages/components/empty/index";
 import { DasSpin as ge } from "@das-fed/upf-ui/packages/components/spin/index";
-import { treeFind as me, flatTree as ae } from "@das-fed/upf-utils/common-tools";
+import { treeFind as me, flatTree as ae } from "@das-fed/upf-utils/common-tools"
+import '@das-fed/upf-ui/packages/components/tree-table/style.css';
+;
 const Ce = (t, R, c, i, b, A, v) => ({ linkCheck: (T, k, g, y, L) => {
   let u = null;
   if (g ? u = (n) => {

package/packages/components/tree-v2/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/upf-ui/packages/components/tree-v2/style.css';
 import { defineComponent as fn, computed as ae, openBlock as Y, createElementBlock as se, normalizeStyle as sn, createElementVNode as Ze, renderSlot as be, shallowReactive as Yl, shallowRef as kd, createBlock as Je, resolveDynamicComponent as xa, useCssVars as Pd, useAttrs as Xl, ref as Z, onMounted as Tn, onBeforeMount as Ld, unref as P, mergeProps as Cr, withCtx as Ke, createVNode as Ht, normalizeClass as vt, Fragment as it, createTextVNode as ht, toDisplayString as tt, createCommentVNode as ne, nextTick as Ie, Teleport as Md, getCurrentScope as Nd, onScopeDispose as jd, getCurrentInstance as ql, watch as rt, createSlots as hr, withDirectives as at, onBeforeUnmount as Zl, onUnmounted as zd, pushScopeId as Rd, popScopeId as Bd, withScopeId as Fd, markRaw as Hd, resolveComponent as Kd, resolveDirective as Vd, renderList as qr, toHandlers as Ud, isRef as Wd, withModifiers as Pn, vShow as Gd } from "vue";
 import { withInstall as Jl } from "@das-fed/upf-utils/with-install/index";
 import { currentLang as Wi, t as dt, setI18nRule as Yd } from "@das-fed/upf-web/packages/i18n/index";
@@ -18,7 +17,9 @@ import { arrUnique as yr, treeFind as rf } from "@das-fed/upf-utils/common-tools
 import "element-plus/es/components/loading/style/css";
 import { DomWatcher as of } from "@das-fed/upf-utils/dom-watcher";
 import { DasMessage as af } from "@das-fed/upf-ui/packages/components/message/index";
-import { SizeWatcher as sf } from "@das-fed/upf-utils/size-watcher";
+import { SizeWatcher as sf } from "@das-fed/upf-utils/size-watcher"
+import '@das-fed/upf-ui/packages/components/tree-v2/style.css';
+;
 const lf = ["innerHTML"], cf = /* @__PURE__ */ fn({
   __name: "base-icon",
   props: {