@das-fed/ui 6.4.0-dev.9 → 6.4.0-hot.2

package/packages/components/tree/index.js

@@ -1,4 +1,3 @@
-import '@das-fed/ui/packages/components/tree/style.css';
 import { unref as d, getCurrentScope as Zl, onScopeDispose as Ql, watch as X, defineComponent as Q, openBlock as O, createElementBlock as K, createElementVNode as He, warn as Xl, inject as se, ref as S, computed as T, isRef as Ft, getCurrentInstance as ot, onMounted as et, shallowRef as Wr, onBeforeUnmount as dt, onBeforeMount as eu, provide as Me, mergeProps as Tt, renderSlot as q, toRef as Wt, onUnmounted as tu, normalizeClass as ae, normalizeStyle as kn, withDirectives as $e, cloneVNode as nu, Fragment as Be, Text as ru, Comment as ou, createVNode as Ie, createBlock as Oe, withCtx as pe, createCommentVNode as H, nextTick as Le, Teleport as au, Transition as ho, vShow as Yt, readonly as su, onDeactivated as iu, toDisplayString as Ae, toRaw as la, useSlots as Ws, resolveDynamicComponent as go, withModifiers as Pe, vModelCheckbox as ir, createTextVNode as qe, toRefs as Js, toHandlers as lu, reactive as Ys, h as xt, resolveComponent as Nt, renderList as Pt, onUpdated as uu, createApp as cu, useAttrs as du, createSlots as Un } from "vue";
 import { withInstall as Zs } from "@das-fed/utils/with-install/index";
 import { setThemeRule as fu } from "@das-fed/web/packages/theme/index";
@@ -6,8 +5,14 @@ import { DasAutoRegisterIcon as pu, DasIcon as hn } from "@das-fed/ui/packages/c
 import { DasInput as vu } from "@das-fed/ui/packages/components/input/index";
 import { vOverlay as Fr } from "@das-fed/ui/packages/components/overlay/index";
 import { vDasTooltip as vt } from "@das-fed/ui/packages/components/text-tooltip/index";
+import "element-plus/theme-chalk/base.css";
+import "element-plus/theme-chalk/el-popper.css";
+import "element-plus/theme-chalk/el-popover.css";
+import "element-plus/theme-chalk/el-tree.css";
+import "element-plus/theme-chalk/el-checkbox.css";
 import { DasIconCaretRight as hu } from "@das-fed/ui/packages/icons/caret-right/index";
 import { arrUnique as Qs } from "@das-fed/utils/common-tools";
+import "element-plus/theme-chalk/el-loading.css";
 const ht = (e, t, { checkForDefaultPrevented: n = !0 } = {}) => (o) => {
   const a = e == null ? void 0 : e(o);
   if (n === !1 || !a)
@@ -3493,12 +3498,7 @@ const cy = ["innerHTML"], dy = { key: 1 }, fy = Q({
   }
 });
 var vy = /* @__PURE__ */ Se(py, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/tooltip.vue"]]);
-const hy = Ln(vy);
-var Jn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function gy(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-const wt = /* @__PURE__ */ new Map();
+const hy = Ln(vy), wt = /* @__PURE__ */ new Map();
 let hs;
 We && (document.addEventListener("mousedown", (e) => hs = e), document.addEventListener("mouseup", (e) => {
   for (const t of wt.values())
@@ -3512,7 +3512,7 @@ function gs(e, t) {
     u || l || p || h || c || v || t.value(r, o);
   };
 }
-const yy = {
+const gy = {
   beforeMount(e, t) {
     wt.has(e) || wt.set(e, []), wt.get(e).push({
       documentHandler: gs(e, t),
@@ -3572,7 +3572,7 @@ const yy = {
 }, vl = {
   [Er]: (e) => yt(e) || Mt(e) || Xt(e),
   change: (e) => yt(e) || Mt(e) || Xt(e)
-}, sn = Symbol("checkboxGroupContextKey"), by = ({
+}, sn = Symbol("checkboxGroupContextKey"), yy = ({
   model: e,
   isChecked: t
 }) => {
@@ -3585,7 +3585,7 @@ const yy = {
     isDisabled: fg(T(() => (n == null ? void 0 : n.disabled.value) || r.value)),
     isLimitDisabled: r
   };
-}, my = (e, {
+}, by = (e, {
   model: t,
   isLimitExceeded: n,
   hasOwnLabel: r,
@@ -3616,7 +3616,7 @@ const yy = {
     handleChange: h,
     onClickRoot: c
   };
-}, $y = (e) => {
+}, my = (e) => {
   const t = S(!1), { emit: n } = ot(), r = se(sn, void 0), o = T(() => pr(r) === !1), a = S(!1);
   return {
     model: T({
@@ -3632,7 +3632,7 @@ const yy = {
     isGroup: o,
     isLimitExceeded: a
   };
-}, Cy = (e, t, { model: n }) => {
+}, $y = (e, t, { model: n }) => {
   const r = se(sn, void 0), o = S(!1), a = T(() => {
     const l = n.value;
     return Xt(l) ? l : Zt(l) ? Rt(e.label) ? l.map(la).some((p) => wv(p, e.label)) : l.map(la).includes(e.label) : l != null ? l === e.trueLabel : !!l;
@@ -3652,30 +3652,30 @@ const yy = {
     checkboxSize: i,
     hasOwnLabel: u
   };
-}, wy = (e, { model: t }) => {
+}, Cy = (e, { model: t }) => {
   function n() {
     Zt(t.value) && !t.value.includes(e.label) ? t.value.push(e.label) : t.value = e.trueLabel || !0;
   }
   e.checked && n();
 }, hl = (e, t) => {
-  const { formItem: n } = zo(), { model: r, isGroup: o, isLimitExceeded: a } = $y(e), {
+  const { formItem: n } = zo(), { model: r, isGroup: o, isLimitExceeded: a } = my(e), {
     isFocused: s,
     isChecked: i,
     checkboxButtonSize: u,
     checkboxSize: l,
     hasOwnLabel: p
-  } = Cy(e, t, { model: r }), { isDisabled: h } = by({ model: r, isChecked: i }), { inputId: c, isLabeledByFormItem: v } = al(e, {
+  } = $y(e, t, { model: r }), { isDisabled: h } = yy({ model: r, isChecked: i }), { inputId: c, isLabeledByFormItem: v } = al(e, {
     formItemContext: n,
     disableIdGeneration: p,
     disableIdManagement: o
-  }), { handleChange: f, onClickRoot: y } = my(e, {
+  }), { handleChange: f, onClickRoot: y } = by(e, {
     model: r,
     isLimitExceeded: a,
     hasOwnLabel: p,
     isDisabled: h,
     isLabeledByFormItem: v
   });
-  return wy(e, { model: r }), {
+  return Cy(e, { model: r }), {
     inputId: c,
     isLabeledByFormItem: v,
     isChecked: i,
@@ -3688,10 +3688,10 @@ const yy = {
     handleChange: f,
     onClickRoot: y
   };
-}, Ty = ["id", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value"], _y = ["id", "indeterminate", "disabled", "value", "name", "tabindex"], ky = Q({
+}, wy = ["id", "indeterminate", "name", "tabindex", "disabled", "true-value", "false-value"], Ty = ["id", "indeterminate", "disabled", "value", "name", "tabindex"], _y = Q({
   name: "ElCheckbox"
-}), Ey = /* @__PURE__ */ Q({
-  ...ky,
+}), ky = /* @__PURE__ */ Q({
+  ..._y,
   props: pl,
   emits: vl,
   setup(e) {
@@ -3745,7 +3745,7 @@ const yy = {
             onBlur: g[3] || (g[3] = (w) => i.value = !1),
             onClick: g[4] || (g[4] = Pe(() => {
             }, ["stop"]))
-          }, null, 42, Ty)), [
+          }, null, 42, wy)), [
             [ir, d(p)]
           ]) : $e((O(), K("input", {
             key: 1,
@@ -3763,7 +3763,7 @@ const yy = {
             onBlur: g[8] || (g[8] = (w) => i.value = !1),
             onClick: g[9] || (g[9] = Pe(() => {
             }, ["stop"]))
-          }, null, 42, _y)), [
+          }, null, 42, Ty)), [
             [ir, d(p)]
           ]),
           He("span", {
@@ -3784,11 +3784,11 @@ const yy = {
     }, 8, ["class", "aria-controls", "onClick"]));
   }
 });
-var Oy = /* @__PURE__ */ Se(Ey, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox.vue"]]);
-const Sy = ["name", "tabindex", "disabled", "true-value", "false-value"], Ny = ["name", "tabindex", "disabled", "value"], Ay = Q({
+var Ey = /* @__PURE__ */ Se(ky, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox.vue"]]);
+const Oy = ["name", "tabindex", "disabled", "true-value", "false-value"], Sy = ["name", "tabindex", "disabled", "value"], Ny = Q({
   name: "ElCheckboxButton"
-}), Iy = /* @__PURE__ */ Q({
-  ...Ay,
+}), Ay = /* @__PURE__ */ Q({
+  ...Ny,
   props: pl,
   emits: vl,
   setup(e) {
@@ -3833,7 +3833,7 @@ const Sy = ["name", "tabindex", "disabled", "true-value", "false-value"], Ny = [
         onBlur: f[3] || (f[3] = (y) => r.value = !1),
         onClick: f[4] || (f[4] = Pe(() => {
         }, ["stop"]))
-      }, null, 42, Sy)), [
+      }, null, 42, Oy)), [
         [ir, d(i)]
       ]) : $e((O(), K("input", {
         key: 1,
@@ -3849,7 +3849,7 @@ const Sy = ["name", "tabindex", "disabled", "true-value", "false-value"], Ny = [
         onBlur: f[8] || (f[8] = (y) => r.value = !1),
         onClick: f[9] || (f[9] = Pe(() => {
         }, ["stop"]))
-      }, null, 42, Ny)), [
+      }, null, 42, Sy)), [
         [ir, d(i)]
       ]),
       v.$slots.default || v.label ? (O(), K("span", {
@@ -3864,8 +3864,8 @@ const Sy = ["name", "tabindex", "disabled", "true-value", "false-value"], Ny = [
     ], 2));
   }
 });
-var gl = /* @__PURE__ */ Se(Iy, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox-button.vue"]]);
-const xy = Re({
+var gl = /* @__PURE__ */ Se(Ay, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox-button.vue"]]);
+const Iy = Re({
   modelValue: {
     type: ne(Array),
     default: () => []
@@ -3885,15 +3885,15 @@ const xy = Re({
     type: Boolean,
     default: !0
   }
-}), Py = {
+}), xy = {
   [Er]: (e) => Zt(e),
   change: (e) => Zt(e)
-}, Ly = Q({
+}, Py = Q({
   name: "ElCheckboxGroup"
-}), jy = /* @__PURE__ */ Q({
-  ...Ly,
-  props: xy,
-  emits: Py,
+}), Ly = /* @__PURE__ */ Q({
+  ...Py,
+  props: Iy,
+  emits: xy,
   setup(e, { emit: t }) {
     const n = e, r = je("checkbox"), { formItem: o } = zo(), { inputId: a, isLabeledByFormItem: s } = al(n, {
       formItemContext: o
@@ -3938,17 +3938,17 @@ const xy = Re({
     };
   }
 });
-var yl = /* @__PURE__ */ Se(jy, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox-group.vue"]]);
-const Dy = Ln(Oy, {
+var yl = /* @__PURE__ */ Se(Ly, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/checkbox/src/checkbox-group.vue"]]);
+const jy = Ln(Ey, {
   CheckboxButton: gl,
   CheckboxGroup: yl
 });
 Ii(gl);
 Ii(yl);
-const Ky = Q({
+const Dy = Q({
   name: "ElCollapseTransition"
-}), Fy = /* @__PURE__ */ Q({
-  ...Ky,
+}), Ky = /* @__PURE__ */ Q({
+  ...Dy,
   setup(e) {
     const t = je("collapse-transition"), n = (o) => {
       o.style.maxHeight = "", o.style.overflow = o.dataset.oldOverflow, o.style.paddingTop = o.dataset.oldPaddingTop, o.style.paddingBottom = o.dataset.oldPaddingBottom;
@@ -3988,28 +3988,28 @@ const Ky = Q({
     }, 16, ["name"]));
   }
 });
-var nr = /* @__PURE__ */ Se(Fy, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/collapse-transition/src/collapse-transition.vue"]]);
+var nr = /* @__PURE__ */ Se(Ky, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/collapse-transition/src/collapse-transition.vue"]]);
 nr.install = (e) => {
   e.component(nr.name, nr);
 };
-const By = nr, My = /* @__PURE__ */ Q({
+const Fy = nr, By = /* @__PURE__ */ Q({
   inheritAttrs: !1
 });
-function Ry(e, t, n, r, o, a) {
+function My(e, t, n, r, o, a) {
   return q(e.$slots, "default");
 }
-var zy = /* @__PURE__ */ Se(My, [["render", Ry], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
-const Uy = /* @__PURE__ */ Q({
+var Ry = /* @__PURE__ */ Se(By, [["render", My], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
+const zy = /* @__PURE__ */ Q({
   name: "ElCollectionItem",
   inheritAttrs: !1
 });
-function Hy(e, t, n, r, o, a) {
+function Uy(e, t, n, r, o, a) {
   return q(e.$slots, "default");
 }
-var Gy = /* @__PURE__ */ Se(Uy, [["render", Hy], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection-item.vue"]]);
-const Vy = "data-el-collection-item", qy = (e) => {
+var Hy = /* @__PURE__ */ Se(zy, [["render", Uy], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection-item.vue"]]);
+const Gy = "data-el-collection-item", Vy = (e) => {
   const t = `El${e}Collection`, n = `${t}Item`, r = Symbol(t), o = Symbol(n), a = {
-    ...zy,
+    ...Ry,
     name: t,
     setup() {
       const i = S(null), u = /* @__PURE__ */ new Map();
@@ -4019,14 +4019,14 @@ const Vy = "data-el-collection-item", qy = (e) => {
           const p = d(i);
           if (!p)
             return [];
-          const h = Array.from(p.querySelectorAll(`[${Vy}]`));
+          const h = Array.from(p.querySelectorAll(`[${Gy}]`));
           return [...u.values()].sort((v, f) => h.indexOf(v.ref) - h.indexOf(f.ref));
         },
         collectionRef: i
       });
     }
   }, s = {
-    ...Gy,
+    ...Hy,
     name: n,
     setup(i, { attrs: u }) {
       const l = S(null), p = se(r, void 0);
@@ -4129,8 +4129,8 @@ Re({
 Re({
   onKeydown: { type: ne(Function) }
 });
-qy("Dropdown");
-const Wy = Re({
+Vy("Dropdown");
+const qy = Re({
   trigger: Pn.trigger,
   placement: Vr.placement,
   disabled: Pn.disabled,
@@ -4182,20 +4182,20 @@ const Wy = Re({
   "onUpdate:visible": {
     type: Function
   }
-}), Jy = {
+}), Wy = {
   "update:visible": (e) => Xt(e),
   "before-enter": () => !0,
   "before-leave": () => !0,
   "after-enter": () => !0,
   "after-leave": () => !0
-}, Yy = "onUpdate:visible", Zy = Q({
+}, Jy = "onUpdate:visible", Yy = Q({
   name: "ElPopover"
-}), Qy = /* @__PURE__ */ Q({
-  ...Zy,
-  props: Wy,
-  emits: Jy,
+}), Zy = /* @__PURE__ */ Q({
+  ...Yy,
+  props: qy,
+  emits: Wy,
   setup(e, { expose: t, emit: n }) {
-    const r = e, o = T(() => r[Yy]), a = je("popover"), s = S(), i = T(() => {
+    const r = e, o = T(() => r[Jy]), a = je("popover"), s = S(), i = T(() => {
       var b;
       return (b = d(s)) == null ? void 0 : b.popperRef;
     }), u = T(() => [
@@ -4266,12 +4266,12 @@ const Wy = Re({
     }, 16, ["trigger", "placement", "disabled", "visible", "transition", "popper-options", "tabindex", "content", "offset", "show-after", "hide-after", "auto-close", "show-arrow", "aria-label", "effect", "enterable", "popper-class", "popper-style", "teleported", "persistent", "gpu-acceleration", "onUpdate:visible"]));
   }
 });
-var Xy = /* @__PURE__ */ Se(Qy, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popover/src/popover.vue"]]);
+var Qy = /* @__PURE__ */ Se(Zy, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popover/src/popover.vue"]]);
 const ys = (e, t) => {
   const n = t.arg || t.value, r = n == null ? void 0 : n.popperRef;
   r && (r.triggerRef = e);
 };
-var eb = {
+var Xy = {
   mounted(e, t) {
     ys(e, t);
   },
@@ -4279,9 +4279,14 @@ var eb = {
     ys(e, t);
   }
 };
-const tb = "popover", nb = Dv(eb, tb), rb = Ln(Xy, {
-  directive: nb
-}), Jt = "$treeNodeId", bs = function(e, t) {
+const eb = "popover", tb = Dv(Xy, eb), nb = Ln(Qy, {
+  directive: tb
+});
+var Jn = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function rb(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+const Jt = "$treeNodeId", bs = function(e, t) {
   !t || t[Jt] || Object.defineProperty(t, Jt, {
     value: e.id,
     enumerable: !1,
@@ -4803,8 +4808,8 @@ function lb({ props: e, ctx: t, el$: n, dropIndicator$: r, store: o }) {
 const ub = Q({
   name: "ElTreeNode",
   components: {
-    ElCollapseTransition: By,
-    ElCheckbox: Dy,
+    ElCollapseTransition: Fy,
+    ElCheckbox: jy,
     NodeContent: ib,
     ElIcon: dg,
     Loading: Lv
@@ -6397,7 +6402,7 @@ function ak(e) {
   return nk(e, rk | ok);
 }
 var sk = ak;
-const $n = /* @__PURE__ */ gy(sk), ik = (e, t, n, r, o, a, s, i, u, l, p, h, c, v, f, y, b, g, w) => {
+const $n = /* @__PURE__ */ rb(sk), ik = (e, t, n, r, o, a, s, i, u, l, p, h, c, v, f, y, b, g, w) => {
   const P = S([]), k = S(!1), N = S(null), I = S(null);
   X(
     () => k.value,
@@ -7107,7 +7112,7 @@ const $n = /* @__PURE__ */ gy(sk), ik = (e, t, n, r, o, a, s, i, u, l, p, h, c,
                               size: "medium"
                             })
                           ], 4)), [
-                            [d(yy), d(_)]
+                            [d(gy), d(_)]
                           ])
                         ], 40, gk)) : H("", !0)
                       ])) : H("", !0),
@@ -7235,7 +7240,7 @@ const $n = /* @__PURE__ */ gy(sk), ik = (e, t, n, r, o, a, s, i, u, l, p, h, c,
           ], 64)) : H("", !0)
         ]),
         m.$slots["container-bottom"] ? q(m.$slots, "container-bottom", { key: 2 }) : H("", !0),
-        Ie(d(rb), {
+        Ie(d(nb), {
           "popper-class": "das-tree-operation-dropdown",
           ref_key: "oprationsPopoverRef",
           ref: W,
@@ -7344,10 +7349,10 @@ const $n = /* @__PURE__ */ gy(sk), ik = (e, t, n, r, o, a, s, i, u, l, p, h, c,
   "--das-ui-tree-empty-text": "#999999"
 };
 fu(zk);
-const Qk = Zs(Rk), Xk = Zs(ar), eE = () => S(null), tE = { name: "Tree 树" };
+const oE = Zs(Rk), aE = Zs(ar), sE = () => S(null), iE = { name: "Tree 树" };
 export {
-  Qk as DasTree,
-  Xk as DasTreeEmpty,
-  eE as DasTreeRef,
-  tE as default
+  oE as DasTree,
+  aE as DasTreeEmpty,
+  sE as DasTreeRef,
+  iE as default
 };

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

@@ -0,0 +1 @@
+.das-ui-tree-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(--das-ui-select-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(--das-ui-select-color-primary)!important}.das-ui-tree-select .das-tree-select__select-content .ant-select-focused .ant-select-arrow>.das-icon{fill:var(--das-ui-select-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(--das-ui-tree-select-search-no-data)}