@das-fed/upf-ui 6.4.0-dev.210 → 6.4.0-dev.212

package/packages/components/select/index.js

@@ -1,41 +1,42 @@
 import '@das-fed/upf-ui/packages/components/select/style.css';
-import { withInstall as $e } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as Be, useCssVars as dl, useAttrs as cl, computed as i, ref as n, watch as G, useSlots as fl, onMounted as ce, onUnmounted as _e, watchEffect as fe, nextTick as T, resolveComponent as vl, openBlock as f, createElementBlock as g, normalizeClass as pl, normalizeStyle as H, withModifiers as J, createBlock as P, unref as r, createCommentVNode as Z, withDirectives as ve, mergeProps as he, isRef as ml, createSlots as hl, withCtx as p, renderSlot as y, normalizeProps as Q, guardReactiveProps as Y, Fragment as Le, createTextVNode as pe, toDisplayString as E, createVNode as x, createElementVNode as h, withKeys as bl } from "vue";
-import { Select as gl, Tag as me } from "ant-design-vue";
-import { DasCheckbox as Me } from "@das-fed/upf-ui/packages/components/checkbox/index";
-import { vScrollbar as yl } from "@das-fed/upf-ui/packages/components/scrollbar/index";
-import { DasTooltip as wl } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { vDasTooltip as Ne } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasInput as Cl } from "@das-fed/upf-ui/packages/components/input/index";
-import { DasIconXiala as xl } from "@das-fed/upf-ui/packages/icons/xiala/index";
-import { DasIconEmpty as Tl } from "@das-fed/upf-ui/packages/icons/empty/index";
-import { DasErrorOverlayModel as kl } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
-import { vHoverInside as Il } from "@das-fed/upf-utils/directive";
-import { getVarValue as Sl, getVar as Ae, setThemeRule as zl } from "@das-fed/upf-web/packages/theme/index";
-import { t as W, currentLang as Vl, setI18nRule as _l } from "@das-fed/upf-web/packages/i18n/index";
-import { useZIndex as Ll } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
-import { useModelValue as Ml } from "@das-fed/upf-utils/vue";
-import { calcTextWidth as Nl } from "@das-fed/upf-utils/common-tools";
+import { withInstall as De } from "@das-fed/upf-utils/with-install/index";
+import { defineComponent as Ee, useCssVars as hl, useAttrs as bl, computed as i, ref as s, watch as X, useSlots as yl, onMounted as pe, onUnmounted as Ne, watchEffect as me, nextTick as k, resolveComponent as gl, openBlock as v, createElementBlock as y, normalizeClass as wl, normalizeStyle as Z, withModifiers as J, createBlock as R, unref as r, createCommentVNode as K, withDirectives as he, mergeProps as ge, isRef as Cl, createSlots as xl, withCtx as p, renderSlot as g, normalizeProps as Q, guardReactiveProps as Y, Fragment as Be, createTextVNode as be, toDisplayString as W, createVNode as x, createElementVNode as h, withKeys as Tl } from "vue";
+import { Select as kl, Tag as ye } from "ant-design-vue";
+import { DasCheckbox as Fe } from "@das-fed/upf-ui/packages/components/checkbox/index";
+import { vScrollbar as Sl } from "@das-fed/upf-ui/packages/components/scrollbar/index";
+import { DasTooltip as Il } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { vDasTooltip as $e } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { DasInput as Al } from "@das-fed/upf-ui/packages/components/input/index";
+import { DasIconXiala as Ll } from "@das-fed/upf-ui/packages/icons/xiala/index";
+import { DasIconEmpty as Ml } from "@das-fed/upf-ui/packages/icons/empty/index";
+import { DasErrorOverlayModel as Vl } from "@das-fed/upf-ui/packages/components/error-overlay-model/index";
+import { vHoverInside as _l } from "@das-fed/upf-utils/directive";
+import { getVarValue as zl, getVar as Oe, setThemeRule as Nl } from "@das-fed/upf-web/packages/theme/index";
+import { t as P, currentLang as Bl, setI18nRule as Fl } from "@das-fed/upf-web/packages/i18n/index";
+import { useZIndex as $l } from "@das-fed/upf-utils/hooks/popup-manager/use-zindex";
+import { useModelValue as Ol } from "@das-fed/upf-utils/vue";
+import { calcTextWidth as Dl } from "@das-fed/upf-utils/common-tools";
 import "ant-design-vue/es/select/style/css";
 import "ant-design-vue/es/tag/style/css";
-import { SelectOption as Al } from "ant-design-vue/es";
-const $l = { key: 0 }, Bl = {
+import { SelectOption as El } from "ant-design-vue/es";
+const Wl = { key: 0 }, Pl = {
   key: 1,
   class: "das-multiple-option-item"
-}, Fl = { style: { display: "inline-block" } }, Dl = { key: 0 }, Ol = { key: 2 }, El = { style: { display: "inline-block" } }, Wl = ["innerHTML"], Pl = ["innerHTML"], Rl = {
+}, Rl = { style: { display: "inline-block" } }, ql = { key: 0 }, Hl = { key: 2 }, Zl = { style: { display: "inline-block" } }, Kl = ["innerHTML"], Ul = ["innerHTML"], jl = {
   key: 0,
   class: "das-select-error-label-content das-select-label-content"
-}, ql = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Hl = { class: "ant-select-selection-item" }, Zl = { class: "ant-select-selection-item-content" }, Kl = ["innerHTML"], Ul = Be({
+}, Gl = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Xl = { class: "ant-select-selection-item" }, Jl = { class: "ant-select-selection-item-content" }, Ql = ["innerHTML"], Yl = Ee({
   inheritAttrs: !1,
   components: {
-    VNodes: (k, { attrs: M }) => M.vnodes
+    VNodes: (S, { attrs: z }) => z.vnodes
   }
-}), jl = /* @__PURE__ */ Be({
-  ...Ul,
+}), et = /* @__PURE__ */ Ee({
+  ...Yl,
   __name: "Select",
   props: {
     modelValue: { default: void 0 },
     options: {},
+    preserveLabelWhenMissing: { type: Boolean, default: !1 },
     mode: { default: "combobox" },
     fieldNames: { default: {} },
     borderType: { default: "bordered" },
@@ -69,508 +70,545 @@ const $l = { key: 0 }, Bl = {
     showSelectAll: { type: Boolean, default: !0 }
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
-  setup(k, { expose: M, emit: N }) {
-    dl((e) => ({
-      "099c0378": He.value,
-      "101571b5": Ze.value
+  setup(S, { expose: z, emit: N }) {
+    hl((e) => ({
+      "2d187413": Xe.value,
+      "5c27147a": Je.value
     }));
-    const l = k, w = N, be = cl(), De = i(() => {
+    const l = S, w = N, we = bl(), Pe = i(() => {
       const e = {};
-      for (const t in be)
-        t === "onClick" || t.startsWith("onClick") || (e[t] = be[t]);
+      for (const t in we)
+        t === "onClick" || t.startsWith("onClick") || (e[t] = we[t]);
       return e;
-    }), s = Ml(l, "modelValue"), ee = i(() => {
+    }), n = Ol(l, "modelValue"), ee = i(() => {
       var e;
-      return `<span class='key'>${((e = s.value) == null ? void 0 : e.length) ?? 0}</span>`;
-    }), A = n(null), ge = n(null), b = n(!1), K = i(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || W("请选择")), le = i(() => A.value ? A.value.querySelector(".ant-select-selector") : null), $ = n(0), B = n(0), Oe = i(() => le.value ? l.isTooltip && I.value ? !1 : !l.isTooltip || z.value || !ze.value || !se.value : !0), Ee = i(() => (Array.isArray(s.value) ? s.value.length : s.value) ? ze.value : K.value), ye = () => {
+      return `<span class='key'>${((e = n.value) == null ? void 0 : e.length) ?? 0}</span>`;
+    }), B = s(null), Ce = s(null), b = s(!1), U = i(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || P("请选择")), le = i(() => B.value ? B.value.querySelector(".ant-select-selector") : null), F = s(0), $ = s(0), Re = i(() => le.value ? l.isTooltip && I.value ? !1 : !l.isTooltip || M.value || !_e.value || !ue.value : !0), qe = i(() => (Array.isArray(n.value) ? n.value.length : n.value) ? _e.value : U.value), xe = () => {
       const e = l.size === "table" ? 12 : 14;
-      return Nl(K.value, e);
-    }, we = () => {
-      var L, q, c;
-      const e = (L = A.value) == null ? void 0 : L.querySelector(".ant-select-selection-placeholder"), t = (c = (q = C.value) == null ? void 0 : q.$el) == null ? void 0 : c.querySelectorAll(".ant-select-selection-item");
-      t && t.length && t.forEach((de) => de.removeAttribute("title"));
-      let o = (e == null ? void 0 : e.offsetWidth) ?? 0;
-      if (o === 0) return o;
-      const a = window.getComputedStyle(e, null), m = parseFloat(a.paddingRight), v = parseFloat(a.paddingLeft);
-      return o - m - v;
-    }, I = n(!1);
-    G(() => [K.value, s.value], () => {
-      T(() => {
-        B.value = we(), $.value = ye(), ((Array.isArray(s.value) ? s.value.length : s.value) || B.value === $.value || $.value - B.value < 1) && (I.value = !1);
+      return Dl(U.value, e);
+    }, Te = () => {
+      var _, H, f;
+      const e = (_ = B.value) == null ? void 0 : _.querySelector(".ant-select-selection-placeholder"), t = (f = (H = C.value) == null ? void 0 : H.$el) == null ? void 0 : f.querySelectorAll(".ant-select-selection-item");
+      t && t.length && t.forEach((ve) => ve.removeAttribute("title"));
+      let a = (e == null ? void 0 : e.offsetWidth) ?? 0;
+      if (a === 0) return a;
+      const o = window.getComputedStyle(e, null), m = parseFloat(o.paddingRight), c = parseFloat(o.paddingLeft);
+      return a - m - c;
+    }, I = s(!1);
+    X(() => [U.value, n.value], () => {
+      k(() => {
+        $.value = Te(), F.value = xe(), ((Array.isArray(n.value) ? n.value.length : n.value) || $.value === F.value || F.value - $.value < 1) && (I.value = !1);
       });
-    }), G(
+    }), X(
       () => {
         var e;
-        return (e = ge.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = Ce.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          console.log("进入tooltip"), I.value = !0, O.value && clearTimeout(O.value);
+          I.value = !0, E.value && clearTimeout(E.value);
         }), e.addEventListener("mouseleave", function() {
-          console.log("离开toolTip"), O.value = setTimeout(() => {
+          E.value = setTimeout(() => {
             I.value = !1;
           }, 200);
         }));
       }
     );
-    const Ce = n(null), xe = i(() => l.dropdownMode ?? l.mode ?? ""), F = n(null), We = n(null), D = n(""), Pe = () => {
-      F.value = !0;
-    }, Re = () => {
-      F.value = null;
-    }, Te = () => {
-      D.value && (w("addCustomItem", D.value), T(() => {
+    const ke = s(null), Se = i(() => l.dropdownMode ?? l.mode ?? ""), O = s(null), He = s(null), D = s(""), Ze = () => {
+      O.value = !0;
+    }, Ke = () => {
+      O.value = null;
+    }, Ie = () => {
+      D.value && (w("addCustomItem", D.value), k(() => {
         C.value.focus(), D.value = "";
       }));
-    }, ke = fl(), te = () => {
-      l.dropdownMode === "custom" && !ke.dropdownRender && (F.value = !1, T(() => {
-        F.value = null;
+    }, Ae = yl(), te = () => {
+      l.dropdownMode === "custom" && !Ae.dropdownRender && (O.value = !1, k(() => {
+        O.value = null;
       }));
     };
-    ce(() => {
+    pe(() => {
       document.addEventListener("click", te);
-    }), _e(() => {
+    }), Ne(() => {
       document.removeEventListener("click", te);
     });
-    const C = n(), Ie = n(), oe = n(!1), ae = i(() => {
-      if (F.value !== null) return F.value;
+    const C = s(), Le = s(), A = i(() => {
+      var e;
+      return l.fieldNames && l.fieldNames.label ? (e = l.fieldNames) == null ? void 0 : e.label : "label";
+    }), T = i(() => {
+      var e;
+      return l.fieldNames && l.fieldNames.value ? (e = l.fieldNames) == null ? void 0 : e.value : "value";
+    }), oe = s(/* @__PURE__ */ new Map()), Me = (e, t) => {
+      Array.isArray(e) && e.forEach((a) => {
+        t(a), Array.isArray(a == null ? void 0 : a.children) && Me(a.children, t);
+      });
+    }, ae = (e, t) => {
+      if (Array.isArray(e))
+        for (const a of e) {
+          if ((a == null ? void 0 : a[T.value]) == t) return a;
+          if (Array.isArray(a == null ? void 0 : a.children)) {
+            const o = ae(a.children, t);
+            if (o) return o;
+          }
+        }
+    }, Ue = (e) => {
+      Me(e, (t) => {
+        t && t[T.value] != null && t[A.value] != null && oe.value.set(t[T.value], t[A.value]);
+      });
+    }, ne = (e) => {
+      if (e == null || e === "") return;
+      const t = ae(l.options, e);
+      if (t && t[A.value] != null) return t[A.value];
+      if (l.preserveLabelWhenMissing)
+        return oe.value.get(e);
+    }, je = (e) => {
+      const t = Array.isArray(e) ? e.slice() : [];
+      return l.preserveLabelWhenMissing ? ((l.mode !== "combobox" && Array.isArray(n.value) ? n.value : n.value != null && n.value !== "" ? [n.value] : []).forEach((o) => {
+        if (ae(t, o)) return;
+        const c = oe.value.get(o);
+        c != null && t.unshift({
+          [T.value]: o,
+          [A.value]: c,
+          disabled: !0,
+          title: "",
+          __dasGhostOption: !0
+        });
+      }), t.map((o) => (o.title = o.title ? o.title : "", o))) : t.map((o) => (o.title = o.title ? o.title : "", o));
+    }, se = s(!1), re = i(() => {
+      if (O.value !== null) return O.value;
       if (l.open !== void 0) return l.open;
-    }), S = 1e6, u = n(100), d = n(100), z = n(!1), se = n(!0), ne = n(!1);
-    fe(() => {
-      s.value && l.mode == "combobox" && (se.value = !0, setTimeout(() => {
+    }), L = 1e6, u = s(100), d = s(100), M = s(!1), ue = s(!0), ie = s(!1);
+    me(() => {
+      n.value && l.mode == "combobox" && (ue.value = !0, setTimeout(() => {
         var t;
         let e = (t = C.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
         if (e && e.length > 0)
-          for (let o = 0; o < e.length; o++) {
-            let a = e[o];
-            a.scrollWidth <= a.offsetWidth && (se.value = !1), a.title = "";
+          for (let a = 0; a < e.length; a++) {
+            let o = e[a];
+            o.scrollWidth <= o.offsetWidth && (ue.value = !1), o.title = "";
           }
       }, 300));
-    }), fe(() => {
-      l.options && (Ie.value = l.options.map((e) => (e.title = e.title ? e.title : "", e)));
+    }), me(() => {
+      l.options && (Ue(l.options), Le.value = je(l.options));
     });
-    const qe = () => {
+    const Ge = () => {
       setTimeout(async () => {
-        u.value = 100, await _(), u.value = d.value, b.value = !0;
+        u.value = 100, await V(), u.value = d.value, b.value = !0;
       }, 100);
     };
-    fe(() => {
-      ne.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (console.log("watchEffect", s.value), ne.value = !1, qe());
-    }), ce(() => {
-      ne.value = !0, l.focusOpen || (d.value = 1, u.value = d.value, b.value = !0);
+    me(() => {
+      ie.value === !0 && l.mode != "combobox" && n.value && n.value.length > 0 && l.options.length > 0 && (ie.value = !1, Ge());
+    }), pe(() => {
+      ie.value = !0, l.focusOpen || (d.value = 1, u.value = d.value, b.value = !0);
     });
-    const He = i(() => l.width ? l.width : "230px"), Ze = i(() => l.height ? l.height : "auto"), Se = n(3e3), Ke = i(() => ({
-      "z-index": Se.value
-    })), ze = i(() => {
-      var t;
+    const Xe = i(() => l.width ? l.width : "230px"), Je = i(() => l.height ? l.height : "auto"), Ve = s(3e3), Qe = i(() => ({
+      "z-index": Ve.value
+    })), _e = i(() => {
       let e = [];
-      if (l.mode != "combobox" && Array.isArray(s.value))
-        s.value.map((o) => {
-          var m;
-          let a = (m = l.options) == null ? void 0 : m.find((v) => v[V.value] == o);
-          a && e.push(a[U.value]);
+      if (l.mode != "combobox" && Array.isArray(n.value))
+        n.value.map((t) => {
+          const a = ne(t);
+          a != null ? e.push(a) : t != null && t !== "" && e.push(String(t));
         });
-      else if (l.mode == "combobox" && s.value) {
-        let o = (t = l.options) == null ? void 0 : t.find((a) => a[V.value] == s.value);
-        o && e.push(o[U.value]);
+      else if (l.mode == "combobox" && n.value) {
+        const t = ne(n.value);
+        t != null ? e.push(t) : n.value !== null && n.value !== void 0 && n.value !== "" && e.push(String(n.value));
       }
-      return Vl.value === "zh-CN" ? e.join("、") : e.join(", ");
-    }), Ue = i(() => {
+      return Bl.value === "zh-CN" ? e.join("、") : e.join(", ");
+    }), Ye = i(() => {
       var t;
       if (l.mode === "combobox") return !1;
-      let e = l.options.filter((o) => !o.disabled);
-      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) == e.length);
-    }), je = i(() => {
-      var t, o;
-      if (l.mode === "combobox") return !1;
       let e = l.options.filter((a) => !a.disabled);
-      return !!(Array.isArray(s.value) && ((t = s.value) == null ? void 0 : t.length) > 0 && ((o = s.value) == null ? void 0 : o.length) < e.length);
-    }), Xe = i(() => {
+      return !!(Array.isArray(n.value) && ((t = n.value) == null ? void 0 : t.length) == e.length);
+    }), el = i(() => {
+      var t, a;
+      if (l.mode === "combobox") return !1;
+      let e = l.options.filter((o) => !o.disabled);
+      return !!(Array.isArray(n.value) && ((t = n.value) == null ? void 0 : t.length) > 0 && ((a = n.value) == null ? void 0 : a.length) < e.length);
+    }), ll = i(() => {
       var e, t;
       return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
-    }), U = i(() => {
-      var e;
-      return l.fieldNames && l.fieldNames.label ? (e = l.fieldNames) == null ? void 0 : e.label : "label";
-    }), V = i(() => {
-      var e;
-      return l.fieldNames && l.fieldNames.value ? (e = l.fieldNames) == null ? void 0 : e.value : "value";
-    }), Ge = i(() => ({
+    }), tl = i(() => ({
       width: typeof l.width == "number" ? l.width + "px" : l.width
-    })), re = n(!1), Je = n({
+    })), de = s(!1), ol = s({
       display: "block",
-      color: Sl("--das-ui-select-overlay-error-color").value,
+      color: zl("--das-ui-select-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), O = n(), Qe = () => {
-      var o;
-      B.value = we(), $.value = ye();
-      let e = (o = C.value) == null ? void 0 : o.$el.querySelectorAll(".ant-select-selection-item");
-      !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || B.value === $.value || $.value - B.value < 1 ? I.value = !1 : (I.value = !0, O.value && clearTimeout(O.value)), re.value = !0;
-    }, Ye = () => {
-      O.value = setTimeout(() => {
+    }), E = s(), al = () => {
+      var a;
+      $.value = Te(), F.value = xe();
+      let e = (a = C.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
+      !!(Array.isArray(n.value) ? n.value.length : e != null && e.length) || $.value === F.value || F.value - $.value < 1 ? I.value = !1 : (I.value = !0, E.value && clearTimeout(E.value)), de.value = !0;
+    }, nl = () => {
+      E.value = setTimeout(() => {
         I.value = !1;
-      }, 200), re.value = !1;
-    }, el = (e, t) => {
-      e ? Qe() : Ye();
-    }, ll = (e) => {
-      e && (Se.value = Ll().nextZIndex(), D.value = ""), j.value = e, l.mode == "combobox" && (e || setTimeout(() => {
-        var t, o;
-        (o = (t = C.value) == null ? void 0 : t.blur) == null || o.call(t);
+      }, 200), de.value = !1;
+    }, sl = (e, t) => {
+      e ? al() : nl();
+    }, rl = (e) => {
+      e && (Ve.value = $l().nextZIndex(), D.value = ""), j.value = e, l.mode == "combobox" && (e || setTimeout(() => {
+        var t, a;
+        (a = (t = C.value) == null ? void 0 : t.blur) == null || a.call(t);
       })), w("dropdownVisibleChange", e);
-    }, tl = (e) => {
+    }, ul = (e) => {
       let t = e.toString();
       return t.length > l.maxTagTextLength && (t = t.substr(0, l.maxTagTextLength) + "..."), t;
-    }, ol = (e) => l.isRenderNode ? A.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), al = (e) => {
+    }, il = (e) => l.isRenderNode ? B.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), dl = (e) => {
       if (e) {
-        Array.isArray(s.value) || (s.value = []);
-        let t = s.value, o = [];
-        l.options.forEach((a) => {
-          !s.value.includes(a[V.value]) && !a.disabled && (t.push(a[V.value]), o.push(a));
-        }), s.value = t, ie(s.value, o);
+        Array.isArray(n.value) || (n.value = []);
+        let t = n.value, a = [];
+        l.options.forEach((o) => {
+          !n.value.includes(o[T.value]) && !o.disabled && (t.push(o[T.value]), a.push(o));
+        }), n.value = t, fe(n.value, a);
       } else {
-        let t = s.value;
-        s.value = t.filter((o) => !!l.options.find((a) => a[V.value] === o).disabled), ie(s.value, []);
+        let t = n.value;
+        n.value = t.filter((a) => {
+          const o = l.options.find((m) => m[T.value] === a);
+          return o ? !!o.disabled : !1;
+        }), fe(n.value, []);
       }
-    }, sl = (e) => {
+    }, cl = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
         return e.children[0];
-    }, nl = (e) => {
+    }, fl = (e) => {
       if (l.mode == "combobox") {
         w("focus", e);
         return;
       }
-      oe.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = S, b.value = !1), w("focus", e);
-    }, j = n(!1), rl = () => {
+      se.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = L, b.value = !1), w("focus", e);
+    }, j = s(!1), vl = () => {
       j.value || setTimeout(() => {
         var e, t;
         (t = (e = C.value) == null ? void 0 : e.blur) == null || t.call(e);
       }), l.mode != "combobox";
-    }, Ve = (e) => {
-      if (T(() => {
+    }, ze = (e) => {
+      if (k(() => {
         j.value = !1;
       }), l.mode == "combobox") {
         w("blur", e);
         return;
       }
-      oe.value = !1, l.focusOpen && !l.isExterControlCount && (_(), u.value = d.value, b.value = !0), w("blur", e);
-    }, ul = (e) => {
-      e.onClose(), u.value = 100, T(() => {
-        l.mode !== "combobox" && ae.value || l.focusOpen && (_(), u.value = d.value, b.value = !0);
+      se.value = !1, l.focusOpen && !l.isExterControlCount && (V(), u.value = d.value, b.value = !0), w("blur", e);
+    }, pl = (e) => {
+      e.onClose(), u.value = 100, k(() => {
+        l.mode !== "combobox" && re.value || l.focusOpen && (V(), u.value = d.value, b.value = !0);
       });
     };
-    G(
+    X(
       () => l.disabled || l.isView,
       (e) => {
         if (e && l.mode !== "combobox") {
-          oe.value = !1;
+          se.value = !1;
           let t = new Event("blur");
-          Ve(t);
+          ze(t);
         }
       }
     );
-    let R = n(!1);
-    const il = (e) => {
-      R.value = e, z.value = !0, T(() => {
-        z.value = !1, l.focusOpen && (_(), u.value = e ? S : d.value, b.value = !e);
+    let q = s(!1);
+    const ml = (e) => {
+      q.value = e, M.value = !0, k(() => {
+        M.value = !1, l.focusOpen && (V(), u.value = e ? L : d.value, b.value = !e);
       });
     };
-    let X = null;
-    ce(() => {
-      X = new IntersectionObserver((e) => {
-        e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && u.value === 0 && (u.value = 100, T(() => {
-          _(), u.value = d.value, b.value = !0;
+    let G = null;
+    pe(() => {
+      G = new IntersectionObserver((e) => {
+        e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && u.value === 0 && (u.value = 100, k(() => {
+          V(), u.value = d.value, b.value = !0;
         }));
-      }), X.observe(A.value);
-    }), _e(() => {
-      X && X.disconnect();
+      }), G.observe(B.value);
+    }), Ne(() => {
+      G && G.disconnect();
     });
-    const _ = () => {
-      var q;
-      let e = (q = C.value) == null ? void 0 : q.$el;
+    const V = () => {
+      var H;
+      let e = (H = C.value) == null ? void 0 : H.$el;
       if (!e) return;
       let t = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
       if (!t) return;
-      let o = t.offsetWidth - 5;
-      l.borderType === "underline" && (o -= 10);
-      const m = Math.ceil(Ce.value.querySelector(".ant-tag").offsetWidth) + 4;
-      let v = e.querySelectorAll(".ant-select-selection-overflow-item");
-      if (v.length < 1) return;
-      u.value = S;
-      let L = 0;
-      for (let c = 0; c < v.length - 1 && (v[c].classList.remove("ellipsis"), !v[c].classList.contains("ant-select-selection-overflow-item-rest")); c++)
-        if (L += Math.ceil(v[c].offsetWidth), L <= o - m)
-          c >= s.value.length - 1 && L < o ? d.value = s.value.length : d.value = c + 1;
+      let a = t.offsetWidth - 5;
+      l.borderType === "underline" && (a -= 10);
+      const m = Math.ceil(ke.value.querySelector(".ant-tag").offsetWidth) + 4;
+      let c = e.querySelectorAll(".ant-select-selection-overflow-item");
+      if (c.length < 1) return;
+      u.value = L;
+      let _ = 0;
+      for (let f = 0; f < c.length - 1 && (c[f].classList.remove("ellipsis"), !c[f].classList.contains("ant-select-selection-overflow-item-rest")); f++)
+        if (_ += Math.ceil(c[f].offsetWidth), _ <= a - m)
+          f >= n.value.length - 1 && _ < a ? d.value = n.value.length : d.value = f + 1;
         else {
-          c >= s.value.length - 1 && L < o ? d.value = s.value.length : d.value = c;
+          f >= n.value.length - 1 && _ < a ? d.value = n.value.length : d.value = f;
           break;
         }
       if (d.value === 0) {
-        let c = v[0], de = c.querySelector(".anticon-close") ? 86 : 69;
-        c && !c.classList.contains("ant-select-selection-overflow-item-rest") && de <= o - m && !ke.tagRender && (d.value = 1, c.classList.add("ellipsis"));
+        let f = c[0], ve = f.querySelector(".anticon-close") ? 86 : 69;
+        f && !f.classList.contains("ant-select-selection-overflow-item-rest") && ve <= a - m && !Ae.tagRender && (d.value = 1, f.classList.add("ellipsis"));
       }
-    }, ue = n(!1);
-    G(
-      () => s.value,
+    }, ce = s(!1);
+    X(
+      () => n.value,
       async () => {
-        if (ue.value) {
-          ue.value = !1;
+        if (ce.value) {
+          ce.value = !1;
           return;
         }
-        l.mode !== "combobox" && ae.value || (console.log("-----watch-----", s.value), z.value = !0, u.value = S, await T(), await _(), z.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = R.value ? S : d.value, b.value = !R.value) : (u.value = d.value, b.value = !0));
+        l.mode !== "combobox" && re.value || (M.value = !0, u.value = L, await k(), await V(), M.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = q.value ? L : d.value, b.value = !q.value) : (u.value = d.value, b.value = !0));
       }
     );
-    const ie = async (e, t) => {
-      ue.value = !0, j.value = !1, l.mode === "combobox" && te();
-      const o = e;
-      l.noDropdown && l.maxTagsLength < o.length && o.pop(), z.value = !0, console.log("-----seleceChange-----", o), w("update:model-value", o), w("change", o, t), u.value = S, await T(), await _(), z.value = !1, l.isExterControlCount && l.focusOpen && (u.value = R.value ? S : d.value, b.value = !R.value), l.focusOpen || (u.value = d.value, console.log("selectChange--------", u.value));
+    const fe = async (e, t) => {
+      ce.value = !0, j.value = !1, l.mode === "combobox" && te();
+      const a = e;
+      l.noDropdown && l.maxTagsLength < a.length && a.pop(), M.value = !0, w("update:model-value", a), w("change", a, t), u.value = L, await k(), await V(), M.value = !1, l.isExterControlCount && l.focusOpen && (u.value = q.value ? L : d.value, b.value = !q.value), l.focusOpen || (u.value = d.value);
     };
-    return M({
+    return z({
       $select: C,
-      toChangeMaxCount: il
+      toChangeMaxCount: ml
     }), (e, t) => {
-      const o = vl("v-nodes");
-      return f(), g("div", {
-        class: pl(["das-ui-select", [
+      const a = gl("v-nodes");
+      return v(), y("div", {
+        class: wl(["das-ui-select", [
           l.borderType,
           l.isView ? "readonly" : "",
           l.error ? "is-error" : "",
           b.value ? "show-ellipsis" : ""
         ]]),
         ref_key: "$selectBox",
-        ref: A,
-        style: H(Ge.value),
-        onClick: J(rl, ["stop"])
+        ref: B,
+        style: Z(tl.value),
+        onClick: J(vl, ["stop"])
       }, [
-        le.value ? (f(), P(r(wl), {
+        le.value ? (v(), R(r(Il), {
           key: 0,
           ref_key: "inputTooltipRef",
-          ref: ge,
+          ref: Ce,
           placement: "top",
           "virtual-triggering": "",
           "virtual-ref": le.value,
-          disabled: Oe.value,
-          content: Ee.value
-        }, null, 8, ["virtual-ref", "disabled", "content"])) : Z("", !0),
-        ve((f(), P(r(gl), he({ mode: e.mode }, De.value, {
-          value: r(s),
-          "onUpdate:value": t[4] || (t[4] = (a) => ml(s) ? s.value = a : null),
+          disabled: Re.value,
+          content: qe.value
+        }, null, 8, ["virtual-ref", "disabled", "content"])) : K("", !0),
+        he((v(), R(r(kl), ge({ mode: e.mode }, Pe.value, {
+          value: r(n),
+          "onUpdate:value": t[4] || (t[4] = (o) => Cl(n) ? n.value = o : null),
           ref_key: "$select",
           ref: C,
-          options: Ie.value,
+          options: Le.value,
           fieldNames: e.fieldNames,
           bordered: l.borderType === "bordered",
           disabled: l.disabled || l.isView,
           showArrow: !0,
-          open: l.noDropdown ? !1 : ae.value,
-          placeholder: K.value,
-          optionFilterProp: Xe.value,
+          open: l.noDropdown ? !1 : re.value,
+          placeholder: U.value,
+          optionFilterProp: ll.value,
           size: l.size == "middle" ? "defalut" : l.size == "mini" ? "small" : l.size,
           style: l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {},
           dropdownClassName: "das-ui-select-dorpdown " + e.dropdownClassName,
           maxTagCount: u.value,
-          getPopupContainer: ol,
-          dropdownStyle: Ke.value,
-          onDropdownVisibleChange: ll,
-          onChange: ie,
-          onFocus: nl,
-          onBlur: Ve
-        }), hl({
-          option: p((a) => [
-            y(e.$slots, "option", Q(Y(a)), () => {
+          getPopupContainer: il,
+          dropdownStyle: Qe.value,
+          onDropdownVisibleChange: rl,
+          onChange: fe,
+          onFocus: fl,
+          onBlur: ze
+        }), xl({
+          option: p((o) => [
+            g(e.$slots, "option", Q(Y(o)), () => {
               var m;
               return [
-                a.children && typeof a.children == "function" ? (f(), P(o, {
+                o.children && typeof o.children == "function" ? (v(), R(a, {
                   key: 0,
-                  vnodes: a.children()
-                }, null, 8, ["vnodes"])) : (f(), g(Le, { key: 1 }, [
-                  e.mode === "combobox" ? ve((f(), g("div", $l, [
-                    pe(E(a[U.value]), 1)
+                  vnodes: o.children()
+                }, null, 8, ["vnodes"])) : (v(), y(Be, { key: 1 }, [
+                  e.mode === "combobox" ? he((v(), y("div", Wl, [
+                    be(W(o[A.value]), 1)
                   ])), [
-                    [r(Ne)]
-                  ]) : (f(), g("div", Bl, [
-                    (f(), P(r(Me), {
+                    [r($e)]
+                  ]) : (v(), y("div", Pl, [
+                    (v(), R(r(Fe), {
                       class: "das-select-checkbox",
-                      modelValue: (m = r(s)) == null ? void 0 : m.includes(a[V.value]),
-                      key: a[V.value],
-                      disabled: a.disabled
+                      modelValue: (m = r(n)) == null ? void 0 : m.includes(o[T.value]),
+                      key: o[T.value],
+                      disabled: o.disabled
                     }, null, 8, ["modelValue", "disabled"])),
-                    ve((f(), g("div", Fl, [
-                      pe(E(a[U.value]), 1)
+                    he((v(), y("div", Rl, [
+                      be(W(o[A.value]), 1)
                     ])), [
-                      [r(Ne)]
+                      [r($e)]
                     ])
                   ]))
                 ], 64))
               ];
             }, !0)
           ]),
-          tagRender: p((a) => [
-            y(e.$slots, "tagRender", Q(Y(a)), () => [
-              x(r(me), {
-                closable: a.closable,
+          tagRender: p((o) => [
+            g(e.$slots, "tagRender", Q(Y(o)), () => [
+              x(r(ye), {
+                closable: o.closable,
                 style: { "margin-right": "3px", "background-color": "transparent" },
-                onClose: (m) => ul(a)
+                onClose: (m) => pl(o)
               }, {
                 default: p(() => [
                   h("span", {
                     class: "tag-span",
-                    style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
-                  }, E(tl(a.label)), 5)
+                    style: Z(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+                  }, W(ul(ne(o.value) ?? o.label ?? String(o.value))), 5)
                 ]),
                 _: 2
               }, 1032, ["closable", "onClose"])
             ], !0)
           ]),
-          dropdownRender: p(({ menuNode: a }) => [
-            y(e.$slots, "dropdownRender", Q(Y({ menuNode: a })), () => {
+          dropdownRender: p(({ menuNode: o }) => [
+            g(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
               var m;
               return [
-                xe.value === "combobox" ? (f(), g("div", Dl, [
-                  x(o, { vnodes: a }, null, 8, ["vnodes"])
-                ])) : xe.value === "custom" ? (f(), g("div", {
+                Se.value === "combobox" ? (v(), y("div", ql, [
+                  x(a, { vnodes: o }, null, 8, ["vnodes"])
+                ])) : Se.value === "custom" ? (v(), y("div", {
                   key: 1,
                   onClick: t[2] || (t[2] = J(() => {
                   }, ["stop"]))
                 }, [
-                  x(o, { vnodes: a }, null, 8, ["vnodes"]),
+                  x(a, { vnodes: o }, null, 8, ["vnodes"]),
                   h("div", {
                     class: "customDropdown",
-                    onMousedown: t[1] || (t[1] = (v) => v.preventDefault())
+                    onMousedown: t[1] || (t[1] = (c) => c.preventDefault())
                   }, [
-                    x(r(Cl), he({
+                    x(r(Al), ge({
                       ref_key: "testInput",
-                      ref: We,
+                      ref: He,
                       modelValue: D.value,
-                      "onUpdate:modelValue": t[0] || (t[0] = (v) => D.value = v),
-                      onKeyup: bl(Te, ["enter"]),
-                      onFocus: J(Pe, ["stop"]),
-                      onBlur: J(Re, ["stop"]),
+                      "onUpdate:modelValue": t[0] || (t[0] = (c) => D.value = c),
+                      onKeyup: Tl(Ie, ["enter"]),
+                      onFocus: J(Ze, ["stop"]),
+                      onBlur: J(Ke, ["stop"]),
                       width: "100%",
                       borderType: "bordered"
                     }, l.inputAttrs), null, 16, ["modelValue"]),
                     h("div", {
                       class: "addBtn",
-                      onClick: Te
-                    }, E(r(W)("添加")), 1)
+                      onClick: Ie
+                    }, W(r(P)("添加")), 1)
                   ], 32)
-                ])) : (f(), g("div", Ol, [
-                  x(o, { vnodes: a }, null, 8, ["vnodes"]),
-                  (m = l.options) != null && m.length && l.showSelectAll ? (f(), g("div", {
+                ])) : (v(), y("div", Hl, [
+                  x(a, { vnodes: o }, null, 8, ["vnodes"]),
+                  (m = l.options) != null && m.length && l.showSelectAll ? (v(), y("div", {
                     key: 0,
                     class: "das-ui-select-dropdown-checkall",
-                    onMousedown: t[3] || (t[3] = (v) => v.preventDefault())
+                    onMousedown: t[3] || (t[3] = (c) => c.preventDefault())
                   }, [
-                    h("div", El, [
-                      x(r(Me), {
-                        modelValue: Ue.value,
-                        indeterminate: je.value,
-                        onChange: al,
+                    h("div", Zl, [
+                      x(r(Fe), {
+                        modelValue: Ye.value,
+                        indeterminate: el.value,
+                        onChange: dl,
                         style: { display: "flex" }
                       }, {
                         default: p(() => [
-                          pe(E(r(W)("全选")), 1)
+                          be(W(r(P)("全选")), 1)
                         ]),
                         _: 1
                       }, 8, ["modelValue", "indeterminate"])
                     ]),
                     h("span", {
                       class: "das-ui-dropdown-has-checked",
-                      innerHTML: r(W)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                    }, null, 8, Wl)
-                  ], 32)) : Z("", !0)
+                      innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
+                    }, null, 8, Kl)
+                  ], 32)) : K("", !0)
                 ]))
               ];
             }, !0)
           ]),
           clearIcon: p(() => [
-            y(e.$slots, "clearIcon", {}, () => [
-              x(r(Tl), { size: "medium" })
+            g(e.$slots, "clearIcon", {}, () => [
+              x(r(Ml), { size: "medium" })
             ], !0)
           ]),
-          maxTagPlaceholder: p((a) => [
-            y(e.$slots, "maxTagPlaceholder", Q(Y(a)), () => [
-              x(r(me), {
-                style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+          maxTagPlaceholder: p((o) => [
+            g(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
+              x(r(ye), {
+                style: Z(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
               }, {
                 default: p(() => [
                   h("span", {
-                    innerHTML: r(W)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                  }, null, 8, Pl)
+                    innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
+                  }, null, 8, Ul)
                 ]),
                 _: 1
               }, 8, ["style"])
             ], !0)
           ]),
           notFoundContent: p(() => [
-            y(e.$slots, "notFoundContent", {}, () => [
+            g(e.$slots, "notFoundContent", {}, () => [
               t[5] || (t[5] = h("div", { class: "hasNoData" }, "暂无数据", -1))
             ], !0)
           ]),
           suffixIcon: p(() => [
-            y(e.$slots, "suffixIcon", {}, () => [
-              x(r(xl), {
+            g(e.$slots, "suffixIcon", {}, () => [
+              x(r(Ll), {
                 class: "das-suffix-icon",
                 size: "medium"
               })
             ], !0)
           ]),
           default: p(() => [
-            y(e.$slots, "default", {}, void 0, !0)
+            g(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 2
         }, [
           e.$slots.menuItemSelectedIcon ? {
             name: "menuItemSelectedIcon",
             fn: p(() => [
-              y(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
+              g(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0,
           e.$slots.placeholder ? {
             name: "placeholder",
             fn: p(() => [
-              y(e.$slots, "placeholder", {}, void 0, !0)
+              g(e.$slots, "placeholder", {}, void 0, !0)
             ]),
             key: "1"
           } : void 0,
           e.$slots.removeIcon ? {
             name: "removeIcon",
             fn: p(() => [
-              y(e.$slots, "removeIcon", {}, void 0, !0)
+              g(e.$slots, "removeIcon", {}, void 0, !0)
             ]),
             key: "2"
           } : void 0
         ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
-          [r(yl), { target: sl, x: !1 }],
-          [r(Il), el]
+          [r(Sl), { target: cl, x: !1 }],
+          [r(_l), sl]
         ]),
-        e.error && e.errorLabel ? (f(), g(Le, { key: 1 }, [
-          e.errorMode === "default" ? (f(), g("div", Rl, [
+        e.error && e.errorLabel ? (v(), y(Be, { key: 1 }, [
+          e.errorMode === "default" ? (v(), y("div", jl, [
             h("span", {
-              style: H(Je.value)
-            }, E(e.errorLabel), 5)
-          ])) : Z("", !0),
-          e.errorMode === "overlay" && re.value ? (f(), P(r(kl), {
+              style: Z(ol.value)
+            }, W(e.errorLabel), 5)
+          ])) : K("", !0),
+          e.errorMode === "overlay" && de.value ? (v(), R(r(Vl), {
             key: 1,
             errorLabel: e.errorLabel,
             getEl: () => C.value.$el,
             errorModelZIndex: e.errorModelZIndex
-          }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : Z("", !0)
-        ], 64)) : Z("", !0),
+          }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : K("", !0)
+        ], 64)) : K("", !0),
         h("div", {
           class: "ant-select-selection-overflow",
           ref_key: "virtualTotalCount",
-          ref: Ce,
+          ref: ke,
           style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
         }, [
-          h("div", ql, [
-            h("div", Hl, [
-              h("span", Zl, [
-                x(r(me), {
-                  style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+          h("div", Gl, [
+            h("div", Xl, [
+              h("span", Jl, [
+                x(r(ye), {
+                  style: Z(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                 }, {
                   default: p(() => [
                     h("span", {
-                      innerHTML: r(W)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                    }, null, 8, Kl)
+                      innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
+                    }, null, 8, Ql)
                   ]),
                   _: 1
                 }, 8, ["style"])
@@ -581,26 +619,26 @@ const $l = { key: 0 }, Bl = {
       ], 6);
     };
   }
-}), Fe = (k, M) => {
-  const N = k.__vccOpts || k;
-  for (const [l, w] of M)
+}), We = (S, z) => {
+  const N = S.__vccOpts || S;
+  for (const [l, w] of z)
     N[l] = w;
   return N;
-}, Xl = /* @__PURE__ */ Fe(jl, [["__scopeId", "data-v-c9aa4e5f"]]), Gl = {};
-function Jl(k, M) {
-  const N = Al;
-  return f(), P(N, he({ class: "das-ui-select-option" }, k.$attrs), null, 16);
+}, lt = /* @__PURE__ */ We(et, [["__scopeId", "data-v-2f230833"]]), tt = {};
+function ot(S, z) {
+  const N = El;
+  return v(), R(N, ge({ class: "das-ui-select-option" }, S.$attrs), null, 16);
 }
-const Ql = /* @__PURE__ */ Fe(Gl, [["render", Jl]]), Yl = {
+const at = /* @__PURE__ */ We(tt, [["render", ot]]), nt = {
   "--das-ui-select-color-bg": "#FFFFFF",
   // 默认背景色
-  "--das-ui-select-color-primary": Ae("--das-ui-color-primary"),
+  "--das-ui-select-color-primary": Oe("--das-ui-color-primary"),
   // 主题色
   "--das-ui-select-color-text": "#212121",
   // 主文本色
   "--das-ui-select-color-border": "#d9d9d9",
   // 边框基础色
-  "--das-ui-select-color-underline": Ae("--das-ui-color-help"),
+  "--das-ui-select-color-underline": Oe("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-select-color-error": "#FB2323",
   // 错误边框色
@@ -638,7 +676,7 @@ const Ql = /* @__PURE__ */ Fe(Gl, [["render", Jl]]), Yl = {
   // 多选框字体大小-lg
   "--das-ui-select-overlay-error-color": "#FB2323",
   "--das-ui-select-overlay-error-bg-color": "#FFDBE0"
-}, et = {
+}, st = {
   添加: { "zh-CN": "添加", en: "Add", "zh-MO": "添加", _appCode: "framework" },
   全选: { "zh-CN": "全选", en: "Select All", "zh-MO": "全選", _appCode: "framework" },
   已选: { "zh-CN": "已选", en: "Selected", "zh-MO": "已選", _appCode: "framework" },
@@ -649,11 +687,11 @@ const Ql = /* @__PURE__ */ Fe(Gl, [["render", Jl]]), Yl = {
     _appCode: "framework"
   }
 };
-_l(et);
-zl(Yl);
-const xt = $e(Xl), Tt = $e(Ql), kt = { name: "select 选择器" };
+Fl(st);
+Nl(nt);
+const Lt = De(lt), Mt = De(at), Vt = { name: "select 选择器" };
 export {
-  xt as DasSelect,
-  Tt as DasSelectOption,
-  kt as default
+  Lt as DasSelect,
+  Mt as DasSelectOption,
+  Vt as default
 };