@das-fed/ui 7.1.0-dev.9 → 7.1.0-qatar.2

package/packages/components/select/index.js

@@ -1,34 +1,34 @@
 import '@das-fed/ui/packages/components/select/style.css';
 import { withInstall as _e } from "@das-fed/utils/with-install/index";
-import { defineComponent as $e, useCssVars as ul, computed as d, ref as n, watch as G, useSlots as il, onMounted as ie, onUnmounted as Ve, watchEffect as de, nextTick as T, resolveComponent as dl, createElementBlock as g, openBlock as c, normalizeStyle as q, normalizeClass as cl, createVNode as y, withDirectives as ce, createCommentVNode as k, createElementVNode as h, unref as r, createBlock as H, mergeProps as me, withModifiers as J, isRef as vl, createSlots as fl, withCtx as f, renderSlot as C, normalizeProps as Q, guardReactiveProps as Y, withKeys as pl, toDisplayString as W, createTextVNode as ve, Fragment as fe } from "vue";
-import { Select as ml, Tag as pe } from "ant-design-vue";
-import { DasCheckbox as ze } from "@das-fed/ui/packages/components/checkbox/index";
+import { defineComponent as $e, useCssVars as ul, computed as c, ref as r, watch as J, useSlots as il, onMounted as de, onUnmounted as ze, watchEffect as ce, nextTick as k, resolveComponent as dl, createElementBlock as y, openBlock as v, normalizeStyle as H, normalizeClass as cl, createVNode as C, withDirectives as ve, createCommentVNode as I, createElementVNode as b, unref as n, createBlock as Z, mergeProps as he, withModifiers as Q, isRef as vl, createSlots as fl, withCtx as p, renderSlot as w, normalizeProps as Y, guardReactiveProps as ee, withKeys as pl, toDisplayString as R, createTextVNode as fe, Fragment as pe } from "vue";
+import { Select as ml, Tag as me } from "ant-design-vue";
+import { DasCheckbox as Le } from "@das-fed/ui/packages/components/checkbox/index";
 import { vScrollbar as hl } from "@das-fed/ui/packages/components/scrollbar/index";
 import { DasTooltip as bl } from "@das-fed/ui/packages/components/tooltip/index";
-import { vDasTooltip as Le } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { vDasTooltip as Ne } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { DasInput as gl } from "@das-fed/ui/packages/components/input/index";
 import { DasIconXiala as yl } from "@das-fed/ui/packages/icons/xiala/index";
 import { DasIconEmpty as Cl } from "@das-fed/ui/packages/icons/empty/index";
 import { DasErrorOverlayModel as wl } from "@das-fed/ui/packages/components/error-overlay-model/index";
 import { vHoverInside as xl } from "@das-fed/utils/directive";
-import { getVarValue as Tl, getVar as Ne, setThemeRule as kl } from "@das-fed/web/packages/theme/index";
-import { t as P, currentLang as Il, setI18nRule as Sl } from "@das-fed/web/packages/i18n/index";
-import { useZIndex as Vl } from "@das-fed/utils/hooks/popup-manager/use-zindex";
-import { useModelValue as zl } from "@das-fed/utils/vue";
-import { calcTextWidth as Ll } from "@das-fed/utils/common-tools";
+import { getVarValue as Tl, getVar as u, setGlobalThemeRule as kl, setThemeRule as Il } from "@das-fed/web/packages/theme/index";
+import { t as F, currentLang as Sl, setI18nRule as Vl } from "@das-fed/web/packages/i18n/index";
+import { useZIndex as zl } from "@das-fed/utils/hooks/popup-manager/use-zindex";
+import { useModelValue as Ll } from "@das-fed/utils/vue";
+import { calcTextWidth as Nl } from "@das-fed/utils/common-tools";
 import "ant-design-vue/es/select/style/css";
 import "ant-design-vue/es/tag/style/css";
-import { SelectOption as Nl } from "ant-design-vue/es";
-const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style: { display: "inline-block" } }, Ml = { key: 0 }, Al = { key: 2 }, Bl = { style: { display: "inline-block" } }, Dl = ["innerHTML"], El = ["innerHTML"], Ol = {
+import { SelectOption as _l } from "ant-design-vue/es";
+const $l = { key: 0 }, Ml = { class: "das-multiple-option-item" }, Al = { style: { display: "inline-block" } }, Dl = { key: 0 }, Bl = { key: 2 }, El = { style: { display: "inline-block" } }, Ol = ["innerHTML"], Wl = ["innerHTML"], Pl = {
   key: 0,
   class: "das-select-error-label-content das-select-label-content"
-}, Wl = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Pl = { class: "ant-select-selection-item" }, Rl = { class: "ant-select-selection-item-content" }, ql = ["innerHTML"], Hl = $e({
+}, Rl = { class: "ant-select ant-select-multiple ant-select-selection-overflow-item ant-select-selection-overflow-item-rest" }, Fl = { class: "ant-select-selection-item" }, ql = { class: "ant-select-selection-item-content" }, Hl = ["innerHTML"], Zl = $e({
   inheritAttrs: !1,
   components: {
-    VNodes: (I, { attrs: $ }) => $.vnodes
+    VNodes: (S, { attrs: M }) => M.vnodes
   }
-}), Zl = /* @__PURE__ */ $e({
-  ...Hl,
+}), Kl = /* @__PURE__ */ $e({
+  ...Zl,
   __name: "Select",
   props: {
     modelValue: { default: void 0 },
@@ -65,351 +65,351 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
     inputAttrs: {}
   },
   emits: ["update:model-value", "change", "focus", "blur", "dropdownVisibleChange", "addCustomItem"],
-  setup(I, { expose: $, emit: F }) {
+  setup(S, { expose: M, emit: A }) {
     ul((e) => ({
-      "3e85892a": Pe.value,
-      "785ca243": Re.value
+      "5ebcb6d9": Re.value,
+      "5f0b2a74": Fe.value
     }));
-    const l = I, w = F, s = zl(l, "modelValue"), ee = d(() => {
+    const l = S, x = A, s = Ll(l, "modelValue"), le = c(() => {
       var e;
       return `<span class='key'>${((e = s.value) == null ? void 0 : e.length) ?? 0}</span>`;
-    }), M = n(null), he = n(null), b = n(!1), Z = d(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || P("请选择")), Me = d(() => M.value ? M.value.querySelector(".ant-select-selector") : null), A = n(0), B = n(0), Ae = d(() => l.isTooltip && S.value ? !1 : !l.isTooltip || z.value || !Ie.value || !ae.value), Be = d(() => (Array.isArray(s.value) ? s.value.length : s.value) ? Ie.value : Z.value), be = () => {
+    }), D = r(null), be = r(null), g = r(!1), K = c(() => l.isView ? l.noSetDefaultVal ? "" : "-" : l.placeholder || F("请选择")), Ae = c(() => D.value ? D.value.querySelector(".ant-select-selector") : null), B = r(0), E = r(0), De = c(() => l.isTooltip && V.value ? !1 : !l.isTooltip || L.value || !Se.value || !se.value), Be = c(() => (Array.isArray(s.value) ? s.value.length : s.value) ? Se.value : K.value), ge = () => {
       const e = l.size === "table" ? 12 : 14;
-      return Ll(Z.value, e);
-    }, ge = () => {
-      var _;
-      const e = M.value.querySelector(".ant-select-selection-placeholder"), t = (_ = x.value) == null ? void 0 : _.$el.querySelectorAll(".ant-select-selection-item");
+      return Nl(K.value, e);
+    }, ye = () => {
+      var $;
+      const e = D.value.querySelector(".ant-select-selection-placeholder"), t = ($ = T.value) == null ? void 0 : $.$el.querySelectorAll(".ant-select-selection-item");
       t && t.length && t.forEach((X) => X.removeAttribute("title"));
       let a = (e == null ? void 0 : e.offsetWidth) ?? 0;
       if (a === 0) return a;
-      const o = window.getComputedStyle(e, null), p = parseFloat(o.paddingRight), v = parseFloat(o.paddingLeft);
-      return a - p - v;
-    }, S = n(!1);
-    G(() => [Z.value, s.value], () => {
-      T(() => {
-        B.value = ge(), A.value = be(), ((Array.isArray(s.value) ? s.value.length : s.value) || B.value === A.value || A.value - B.value < 1) && (S.value = !1);
+      const o = window.getComputedStyle(e, null), m = parseFloat(o.paddingRight), f = parseFloat(o.paddingLeft);
+      return a - m - f;
+    }, V = r(!1);
+    J(() => [K.value, s.value], () => {
+      k(() => {
+        E.value = ye(), B.value = ge(), ((Array.isArray(s.value) ? s.value.length : s.value) || E.value === B.value || B.value - E.value < 1) && (V.value = !1);
       });
-    }), G(
+    }), J(
       () => {
         var e;
-        return (e = he.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = be.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          S.value = !0, O.value && clearTimeout(O.value);
+          V.value = !0, P.value && clearTimeout(P.value);
         }), e.addEventListener("mouseleave", function() {
-          O.value = setTimeout(() => {
-            S.value = !1;
+          P.value = setTimeout(() => {
+            V.value = !1;
           }, 200);
         }));
       }
     );
-    const ye = n(null), Ce = d(() => l.dropdownMode ?? l.mode ?? ""), D = n(null), De = n(null), E = n(""), Ee = () => {
-      D.value = !0;
-    }, Oe = () => {
-      D.value = null;
-    }, we = () => {
-      E.value && (w("addCustomItem", E.value), T(() => {
-        x.value.focus(), E.value = "";
+    const Ce = r(null), we = c(() => l.dropdownMode ?? l.mode ?? ""), O = r(null), Ee = r(null), W = r(""), Oe = () => {
+      O.value = !0;
+    }, We = () => {
+      O.value = null;
+    }, xe = () => {
+      W.value && (x("addCustomItem", W.value), k(() => {
+        T.value.focus(), W.value = "";
       }));
-    }, xe = il(), le = () => {
-      l.dropdownMode === "custom" && !xe.dropdownRender && (D.value = !1, T(() => {
-        D.value = null;
+    }, Te = il(), te = () => {
+      l.dropdownMode === "custom" && !Te.dropdownRender && (O.value = !1, k(() => {
+        O.value = null;
       }));
     };
-    ie(() => {
-      document.addEventListener("click", le);
-    }), Ve(() => {
-      document.removeEventListener("click", le);
+    de(() => {
+      document.addEventListener("click", te);
+    }), ze(() => {
+      document.removeEventListener("click", te);
     });
-    const x = n(), Te = n(), te = n(!1), oe = d(() => {
-      if (D.value !== null) return D.value;
+    const T = r(), ke = r(), oe = r(!1), ae = c(() => {
+      if (O.value !== null) return O.value;
       if (l.open !== void 0) return l.open;
-    }), V = 1e6, u = n(100), i = n(100), z = n(!1), ae = n(!0), se = n(!1);
-    de(() => {
-      s.value && l.mode == "combobox" && (ae.value = !0, setTimeout(() => {
+    }), z = 1e6, i = r(100), d = r(100), L = r(!1), se = r(!0), re = r(!1);
+    ce(() => {
+      s.value && l.mode == "combobox" && (se.value = !0, setTimeout(() => {
         var t;
-        let e = (t = x.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
+        let e = (t = T.value) == null ? void 0 : t.$el.querySelectorAll(".ant-select-selection-item");
         if (e && e.length > 0)
           for (let a = 0; a < e.length; a++) {
             let o = e[a];
-            o.scrollWidth <= o.offsetWidth && (ae.value = !1), o.title = "";
+            o.scrollWidth <= o.offsetWidth && (se.value = !1), o.title = "";
           }
       }, 300));
-    }), de(() => {
-      l.options && (Te.value = l.options.map((e) => (e.title = e.title ? e.title : "", e)));
+    }), ce(() => {
+      l.options && (ke.value = l.options.map((e) => (e.title = e.title ? e.title : "", e)));
     });
-    const We = () => {
+    const Pe = () => {
       setTimeout(async () => {
-        u.value = 100, await N(), u.value = i.value, b.value = !0;
+        i.value = 100, await _(), i.value = d.value, g.value = !0;
       }, 100);
     };
-    de(() => {
-      se.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (se.value = !1, We());
-    }), ie(() => {
-      se.value = !0, l.focusOpen || (i.value = 1, u.value = i.value, b.value = !0);
+    ce(() => {
+      re.value === !0 && l.mode != "combobox" && s.value && s.value.length > 0 && l.options.length > 0 && (re.value = !1, Pe());
+    }), de(() => {
+      re.value = !0, l.focusOpen || (d.value = 1, i.value = d.value, g.value = !0);
     });
-    const Pe = d(() => l.width ? l.width : "230px"), Re = d(() => l.height ? l.height : "auto"), ke = n(3e3), qe = d(() => ({
-      "z-index": ke.value
-    })), Ie = d(() => {
+    const Re = c(() => l.width ? l.width : "230px"), Fe = c(() => l.height ? l.height : "auto"), Ie = r(3e3), qe = c(() => ({
+      "z-index": Ie.value
+    })), Se = c(() => {
       var t;
       let e = [];
       if (l.mode != "combobox" && Array.isArray(s.value))
         s.value.map((a) => {
-          var p;
-          let o = (p = l.options) == null ? void 0 : p.find((v) => v[L.value] == a);
-          o && e.push(o[K.value]);
+          var m;
+          let o = (m = l.options) == null ? void 0 : m.find((f) => f[N.value] == a);
+          o && e.push(o[U.value]);
         });
       else if (l.mode == "combobox" && s.value) {
-        let a = (t = l.options) == null ? void 0 : t.find((o) => o[L.value] == s.value);
-        a && e.push(a[K.value]);
+        let a = (t = l.options) == null ? void 0 : t.find((o) => o[N.value] == s.value);
+        a && e.push(a[U.value]);
       }
-      return Il.value === "zh-CN" ? e.join("、") : e.join(", ");
-    }), He = d(() => {
+      return Sl.value === "zh-CN" ? e.join("、") : e.join(", ");
+    }), He = c(() => {
       var t;
       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) == e.length);
-    }), Ze = d(() => {
+    }), Ze = c(() => {
       var t, a;
       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) > 0 && ((a = s.value) == null ? void 0 : a.length) < e.length);
-    }), Ke = d(() => {
+    }), Ke = c(() => {
       var e, t;
       return l.optionFilterProp ? l.optionFilterProp : (e = l.fieldNames) != null && e.label ? (t = l.fieldNames) == null ? void 0 : t.label : "label";
-    }), K = d(() => {
+    }), U = c(() => {
       var e;
       return l.fieldNames && l.fieldNames.label ? (e = l.fieldNames) == null ? void 0 : e.label : "label";
-    }), L = d(() => {
+    }), N = c(() => {
       var e;
       return l.fieldNames && l.fieldNames.value ? (e = l.fieldNames) == null ? void 0 : e.value : "value";
-    }), Ue = d(() => ({
+    }), Ue = c(() => ({
       width: typeof l.width == "number" ? l.width + "px" : l.width
-    })), ne = n(!1), je = n({
+    })), ne = r(!1), je = r({
       display: "block",
       color: Tl("--das-ui-select-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), O = n(), Xe = () => {
+    }), P = r(), Ge = () => {
       var a;
-      B.value = ge(), A.value = be();
-      let e = (a = x.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
-      !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || B.value === A.value || A.value - B.value < 1 ? S.value = !1 : (S.value = !0, O.value && clearTimeout(O.value)), ne.value = !0;
-    }, Ge = () => {
-      O.value = setTimeout(() => {
-        S.value = !1;
+      E.value = ye(), B.value = ge();
+      let e = (a = T.value) == null ? void 0 : a.$el.querySelectorAll(".ant-select-selection-item");
+      !!(Array.isArray(s.value) ? s.value.length : e != null && e.length) || E.value === B.value || B.value - E.value < 1 ? V.value = !1 : (V.value = !0, P.value && clearTimeout(P.value)), ne.value = !0;
+    }, Xe = () => {
+      P.value = setTimeout(() => {
+        V.value = !1;
       }, 200), ne.value = !1;
     }, Je = (e, t) => {
-      e ? Xe() : Ge();
+      e ? Ge() : Xe();
     }, Qe = (e) => {
-      e && (ke.value = Vl().nextZIndex(), E.value = ""), U.value = e, l.mode == "combobox" && (e || setTimeout(() => {
+      e && (Ie.value = zl().nextZIndex(), W.value = ""), j.value = e, l.mode == "combobox" && (e || setTimeout(() => {
         var t, a;
-        (a = (t = x.value) == null ? void 0 : t.blur) == null || a.call(t);
-      })), w("dropdownVisibleChange", e);
+        (a = (t = T.value) == null ? void 0 : t.blur) == null || a.call(t);
+      })), x("dropdownVisibleChange", e);
     }, Ye = (e) => {
       let t = e.toString();
       return t.length > l.maxTagTextLength && (t = t.substr(0, l.maxTagTextLength) + "..."), t;
-    }, el = (e) => l.isRenderNode ? M.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), ll = (e) => {
+    }, el = (e) => l.isRenderNode ? D.value : l.getPopupContainer === void 0 ? document.body : l.getPopupContainer(e), ll = (e) => {
       if (e) {
         Array.isArray(s.value) || (s.value = []);
         let t = s.value, a = [];
         l.options.forEach((o) => {
-          !s.value.includes(o[L.value]) && !o.disabled && (t.push(o[L.value]), a.push(o));
-        }), s.value = t, ue(s.value, a);
+          !s.value.includes(o[N.value]) && !o.disabled && (t.push(o[N.value]), a.push(o));
+        }), s.value = t, ie(s.value, a);
       } else {
         let t = s.value;
-        s.value = t.filter((a) => !!l.options.find((o) => o[L.value] === a).disabled), ue(s.value, []);
+        s.value = t.filter((a) => !!l.options.find((o) => o[N.value] === a).disabled), ie(s.value, []);
       }
     }, tl = (e) => {
       if (e.className.indexOf("ant-select-multiple") > -1 && e.children[0])
         return e.children[0];
     }, ol = (e) => {
       if (l.mode == "combobox") {
-        w("focus", e);
+        x("focus", e);
         return;
       }
-      te.value = !0, l.focusOpen && !l.isExterControlCount && (u.value = V, b.value = !1), w("focus", e);
-    }, U = n(!1), al = () => {
-      U.value || setTimeout(() => {
+      oe.value = !0, l.focusOpen && !l.isExterControlCount && (i.value = z, g.value = !1), x("focus", e);
+    }, j = r(!1), al = () => {
+      j.value || setTimeout(() => {
         var e, t;
-        (t = (e = x.value) == null ? void 0 : e.blur) == null || t.call(e);
+        (t = (e = T.value) == null ? void 0 : e.blur) == null || t.call(e);
       }), l.mode != "combobox";
-    }, Se = (e) => {
-      if (T(() => {
-        U.value = !1;
+    }, Ve = (e) => {
+      if (k(() => {
+        j.value = !1;
       }), l.mode == "combobox") {
-        w("blur", e);
+        x("blur", e);
         return;
       }
-      te.value = !1, l.focusOpen && !l.isExterControlCount && (N(), u.value = i.value, b.value = !0), w("blur", e);
+      oe.value = !1, l.focusOpen && !l.isExterControlCount && (_(), i.value = d.value, g.value = !0), x("blur", e);
     }, sl = (e) => {
-      e.onClose(), u.value = 100, T(() => {
-        l.mode !== "combobox" && oe.value || l.focusOpen && (N(), u.value = i.value, b.value = !0);
+      e.onClose(), i.value = 100, k(() => {
+        l.mode !== "combobox" && ae.value || l.focusOpen && (_(), i.value = d.value, g.value = !0);
       });
     };
-    G(
+    J(
       () => l.disabled || l.isView,
       (e) => {
         if (e && l.mode !== "combobox") {
-          te.value = !1;
+          oe.value = !1;
           let t = new Event("blur");
-          Se(t);
+          Ve(t);
         }
       }
     );
-    let R = n(!1);
-    const nl = (e) => {
-      R.value = e, z.value = !0, T(() => {
-        z.value = !1, l.focusOpen && (N(), u.value = e ? V : i.value, b.value = !e);
+    let q = r(!1);
+    const rl = (e) => {
+      q.value = e, L.value = !0, k(() => {
+        L.value = !1, l.focusOpen && (_(), i.value = e ? z : d.value, g.value = !e);
       });
     };
-    let j = null;
-    ie(() => {
-      j = new IntersectionObserver((e) => {
-        e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && u.value === 0 && (u.value = 100, T(() => {
-          N(), u.value = i.value, b.value = !0;
+    let G = null;
+    de(() => {
+      G = new IntersectionObserver((e) => {
+        e && e[0] && e[0].intersectionRatio > 0 && l.focusOpen && i.value === 0 && (i.value = 100, k(() => {
+          _(), i.value = d.value, g.value = !0;
         }));
-      }), j.observe(M.value);
-    }), Ve(() => {
-      j && j.disconnect();
+      }), G.observe(D.value);
+    }), ze(() => {
+      G && G.disconnect();
     });
-    const N = () => {
+    const _ = () => {
       var X;
-      let e = (X = x.value) == null ? void 0 : X.$el;
+      let e = (X = T.value) == null ? void 0 : X.$el;
       if (!e) return;
       let t = e == null ? void 0 : e.querySelector(".ant-select-selection-overflow");
       if (!t) return;
       let a = t.offsetWidth - 5;
       l.borderType === "underline" && (a -= 10);
-      const p = Math.ceil(ye.value.querySelector(".ant-tag").offsetWidth) + 4;
-      let v = e.querySelectorAll(".ant-select-selection-overflow-item");
-      if (v.length < 1) return;
-      u.value = V;
-      let _ = 0;
-      for (let m = 0; m < v.length - 1 && !v[m].classList.contains("ant-select-selection-overflow-item-rest"); m++)
-        if (_ += Math.ceil(v[m].offsetWidth), _ <= a - p)
-          m >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = m + 1;
+      const m = Math.ceil(Ce.value.querySelector(".ant-tag").offsetWidth) + 4;
+      let f = e.querySelectorAll(".ant-select-selection-overflow-item");
+      if (f.length < 1) return;
+      i.value = z;
+      let $ = 0;
+      for (let h = 0; h < f.length - 1 && !f[h].classList.contains("ant-select-selection-overflow-item-rest"); h++)
+        if ($ += Math.ceil(f[h].offsetWidth), $ <= a - m)
+          h >= s.value.length - 1 && $ < a ? d.value = s.value.length : d.value = h + 1;
         else {
-          m >= s.value.length - 1 && _ < a ? i.value = s.value.length : i.value = m;
+          h >= s.value.length - 1 && $ < a ? d.value = s.value.length : d.value = h;
           break;
         }
-      if (i.value === 0) {
-        let m = v[0], rl = m.querySelector(".anticon-close") ? 86 : 69;
-        m && !m.classList.contains("ant-select-selection-overflow-item-rest") && rl <= a - p && !xe.tagRender && (i.value = 1, m.classList.add("ellipsis"));
+      if (d.value === 0) {
+        let h = f[0], nl = h.querySelector(".anticon-close") ? 86 : 69;
+        h && !h.classList.contains("ant-select-selection-overflow-item-rest") && nl <= a - m && !Te.tagRender && (d.value = 1, h.classList.add("ellipsis"));
       }
-    }, re = n(!1);
-    G(
+    }, ue = r(!1);
+    J(
       () => s.value,
       async () => {
-        if (re.value) {
-          re.value = !1;
+        if (ue.value) {
+          ue.value = !1;
           return;
         }
-        l.mode !== "combobox" && oe.value || (z.value = !0, u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen ? (u.value = R.value ? V : i.value, b.value = !R.value) : (u.value = i.value, b.value = !0));
+        l.mode !== "combobox" && ae.value || (L.value = !0, i.value = z, await k(), await _(), L.value = !1, l.isExterControlCount && l.focusOpen ? (i.value = q.value ? z : d.value, g.value = !q.value) : (i.value = d.value, g.value = !0));
       }
     );
-    const ue = async (e, t) => {
-      re.value = !0, U.value = !1, l.mode === "combobox" && le();
+    const ie = async (e, t) => {
+      ue.value = !0, j.value = !1, l.mode === "combobox" && te();
       const a = e;
-      l.noDropdown && l.maxTagsLength < a.length && a.pop(), z.value = !0, w("update:model-value", a), w("change", a, t), u.value = V, await T(), await N(), z.value = !1, l.isExterControlCount && l.focusOpen && (u.value = R.value ? V : i.value, b.value = !R.value), l.focusOpen || (u.value = i.value);
+      l.noDropdown && l.maxTagsLength < a.length && a.pop(), L.value = !0, x("update:model-value", a), x("change", a, t), i.value = z, await k(), await _(), L.value = !1, l.isExterControlCount && l.focusOpen && (i.value = q.value ? z : d.value, g.value = !q.value), l.focusOpen || (i.value = d.value);
     };
-    return $({
-      $select: x,
-      toChangeMaxCount: nl
+    return M({
+      $select: T,
+      toChangeMaxCount: rl
     }), (e, t) => {
       const a = dl("v-nodes");
-      return c(), g(
+      return v(), y(
         "div",
         {
           class: cl(["das-ui-select", [
             l.borderType,
             l.isView ? "readonly" : "",
             l.error ? "is-error" : "",
-            b.value ? "show-ellipsis" : ""
+            g.value ? "show-ellipsis" : ""
           ]]),
           ref_key: "$selectBox",
-          ref: M,
-          style: q(Ue.value)
+          ref: D,
+          style: H(Ue.value)
         },
         [
-          y(r(bl), {
+          C(n(bl), {
             ref_key: "inputTooltipRef",
-            ref: he,
+            ref: be,
             placement: "top",
             "virtual-triggering": "",
-            "virtual-ref": Me.value,
-            disabled: Ae.value,
+            "virtual-ref": Ae.value,
+            disabled: De.value,
             content: Be.value
           }, null, 8, ["virtual-ref", "disabled", "content"]),
-          ce((c(), H(r(ml), me({ mode: e.mode }, e.$attrs, {
-            value: r(s),
+          ve((v(), Z(n(ml), he({ mode: e.mode }, e.$attrs, {
+            value: n(s),
             "onUpdate:value": t[4] || (t[4] = (o) => vl(s) ? s.value = o : null),
             ref_key: "$select",
-            ref: x,
-            options: Te.value,
+            ref: T,
+            options: ke.value,
             fieldNames: e.fieldNames,
             bordered: l.borderType === "bordered",
             disabled: l.disabled || l.isView,
             showArrow: !0,
-            open: l.noDropdown ? !1 : oe.value,
-            placeholder: Z.value,
+            open: l.noDropdown ? !1 : ae.value,
+            placeholder: K.value,
             optionFilterProp: Ke.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,
+            maxTagCount: i.value,
             getPopupContainer: el,
             dropdownStyle: qe.value,
             onDropdownVisibleChange: Qe,
-            onChange: ue,
+            onChange: ie,
             onFocus: ol,
             onClick: [
               al,
-              t[5] || (t[5] = J(() => {
+              t[5] || (t[5] = Q(() => {
               }, ["stop"]))
             ],
-            onBlur: Se
+            onBlur: Ve
           }), fl({
-            option: f((o) => [
-              C(e.$slots, "option", Q(Y(o)), () => {
-                var p;
+            option: p((o) => [
+              w(e.$slots, "option", Y(ee(o)), () => {
+                var m;
                 return [
-                  o.children && typeof o.children == "function" ? (c(), H(a, {
+                  o.children && typeof o.children == "function" ? (v(), Z(a, {
                     key: 0,
                     vnodes: o.children()
-                  }, null, 8, ["vnodes"])) : (c(), g(
-                    fe,
+                  }, null, 8, ["vnodes"])) : (v(), y(
+                    pe,
                     { key: 1 },
                     [
-                      k(' :option="{value, label, [disabled, key, title]}" '),
-                      e.mode === "combobox" ? ce((c(), g("div", _l, [
-                        ve(
-                          W(o[K.value]),
+                      I(' :option="{value, label, [disabled, key, title]}" '),
+                      e.mode === "combobox" ? ve((v(), y("div", $l, [
+                        fe(
+                          R(o[U.value]),
                           1
                           /* TEXT */
                         )
                       ])), [
-                        [r(Le)]
-                      ]) : (c(), g(
-                        fe,
+                        [n(Ne)]
+                      ]) : (v(), y(
+                        pe,
                         { key: 1 },
                         [
-                          k(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
-                          h("div", $l, [
-                            (c(), H(r(ze), {
+                          I(` <das-tooltip v-if="mode === 'combobox'" placement="right-start" :text="option[labelKeyName]"></das-tooltip> `),
+                          b("div", Ml, [
+                            (v(), Z(n(Le), {
                               class: "das-select-checkbox",
-                              modelValue: (p = r(s)) == null ? void 0 : p.includes(o[L.value]),
-                              key: o[L.value],
+                              modelValue: (m = n(s)) == null ? void 0 : m.includes(o[N.value]),
+                              key: o[N.value],
                               disabled: o.disabled
                             }, null, 8, ["modelValue", "disabled"])),
-                            ce((c(), g("div", Fl, [
-                              ve(
-                                W(o[K.value]),
+                            ve((v(), y("div", Al, [
+                              fe(
+                                R(o[U.value]),
                                 1
                                 /* TEXT */
                               )
                             ])), [
-                              [r(Le)]
+                              [n(Ne)]
                             ])
                           ])
                         ],
@@ -423,21 +423,21 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                 ];
               }, !0)
             ]),
-            tagRender: f((o) => [
-              C(e.$slots, "tagRender", Q(Y(o)), () => [
-                y(r(pe), {
+            tagRender: p((o) => [
+              w(e.$slots, "tagRender", Y(ee(o)), () => [
+                C(n(me), {
                   closable: o.closable,
                   style: { "margin-right": "3px", "background-color": "transparent" },
-                  onClose: (p) => sl(o)
+                  onClose: (m) => sl(o)
                 }, {
-                  default: f(() => [
-                    h(
+                  default: p(() => [
+                    b(
                       "span",
                       {
                         class: "tag-span",
-                        style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+                        style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                       },
-                      W(Ye(o.label)),
+                      R(Ye(o.label)),
                       5
                       /* TEXT, STYLE */
                     )
@@ -447,43 +447,43 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                 }, 1032, ["closable", "onClose"])
               ], !0)
             ]),
-            dropdownRender: f(({ menuNode: o }) => [
-              C(e.$slots, "dropdownRender", Q(Y({ menuNode: o })), () => {
-                var p;
+            dropdownRender: p(({ menuNode: o }) => [
+              w(e.$slots, "dropdownRender", Y(ee({ menuNode: o })), () => {
+                var m;
                 return [
-                  Ce.value === "combobox" ? (c(), g("div", Ml, [
-                    y(a, { vnodes: o }, null, 8, ["vnodes"])
-                  ])) : Ce.value === "custom" ? (c(), g("div", {
+                  we.value === "combobox" ? (v(), y("div", Dl, [
+                    C(a, { vnodes: o }, null, 8, ["vnodes"])
+                  ])) : we.value === "custom" ? (v(), y("div", {
                     key: 1,
-                    onClick: t[2] || (t[2] = J(() => {
+                    onClick: t[2] || (t[2] = Q(() => {
                     }, ["stop"]))
                   }, [
-                    y(a, { vnodes: o }, null, 8, ["vnodes"]),
-                    h(
+                    C(a, { vnodes: o }, null, 8, ["vnodes"]),
+                    b(
                       "div",
                       {
                         class: "customDropdown",
-                        onMousedown: t[1] || (t[1] = (v) => v.preventDefault())
+                        onMousedown: t[1] || (t[1] = (f) => f.preventDefault())
                       },
                       [
-                        y(r(gl), me({
+                        C(n(gl), he({
                           ref_key: "testInput",
-                          ref: De,
-                          modelValue: E.value,
-                          "onUpdate:modelValue": t[0] || (t[0] = (v) => E.value = v),
-                          onKeyup: pl(we, ["enter"]),
-                          onFocus: J(Ee, ["stop"]),
-                          onBlur: J(Oe, ["stop"]),
+                          ref: Ee,
+                          modelValue: W.value,
+                          "onUpdate:modelValue": t[0] || (t[0] = (f) => W.value = f),
+                          onKeyup: pl(xe, ["enter"]),
+                          onFocus: Q(Oe, ["stop"]),
+                          onBlur: Q(We, ["stop"]),
                           width: "100%",
                           borderType: "bordered"
                         }, l.inputAttrs), null, 16, ["modelValue"]),
-                        h(
+                        b(
                           "div",
                           {
                             class: "addBtn",
-                            onClick: we
+                            onClick: xe
                           },
-                          W(r(P)("添加")),
+                          R(n(F)("添加")),
                           1
                           /* TEXT */
                         )
@@ -491,26 +491,26 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                       32
                       /* NEED_HYDRATION */
                     )
-                  ])) : (c(), g("div", Al, [
-                    y(a, { vnodes: o }, null, 8, ["vnodes"]),
-                    (p = l.options) != null && p.length ? (c(), g(
+                  ])) : (v(), y("div", Bl, [
+                    C(a, { vnodes: o }, null, 8, ["vnodes"]),
+                    (m = l.options) != null && m.length ? (v(), y(
                       "div",
                       {
                         key: 0,
                         class: "das-ui-select-dropdown-checkall",
-                        onMousedown: t[3] || (t[3] = (v) => v.preventDefault())
+                        onMousedown: t[3] || (t[3] = (f) => f.preventDefault())
                       },
                       [
-                        h("div", Bl, [
-                          y(r(ze), {
+                        b("div", El, [
+                          C(n(Le), {
                             modelValue: He.value,
                             indeterminate: Ze.value,
                             onChange: ll,
                             style: { display: "flex" }
                           }, {
-                            default: f(() => [
-                              ve(
-                                W(r(P)("全选")),
+                            default: p(() => [
+                              fe(
+                                R(n(F)("全选")),
                                 1
                                 /* TEXT */
                               )
@@ -519,130 +519,130 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
                             /* STABLE */
                           }, 8, ["modelValue", "indeterminate"])
                         ]),
-                        h("span", {
+                        b("span", {
                           class: "das-ui-dropdown-has-checked",
-                          innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                        }, null, 8, Dl)
+                          innerHTML: n(F)("das-ui-select-selectedItemsCountWithPlaceholder", le.value)
+                        }, null, 8, Ol)
                       ],
                       32
                       /* NEED_HYDRATION */
-                    )) : k("v-if", !0)
+                    )) : I("v-if", !0)
                   ]))
                 ];
               }, !0)
             ]),
-            clearIcon: f(() => [
-              C(e.$slots, "clearIcon", {}, () => [
-                y(r(Cl), { size: "medium" })
+            clearIcon: p(() => [
+              w(e.$slots, "clearIcon", {}, () => [
+                C(n(Cl), { size: "medium" })
               ], !0)
             ]),
-            maxTagPlaceholder: f((o) => [
-              C(e.$slots, "maxTagPlaceholder", Q(Y(o)), () => [
-                k(" 隐藏tag时显示的内容 "),
-                y(r(pe), {
-                  style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+            maxTagPlaceholder: p((o) => [
+              w(e.$slots, "maxTagPlaceholder", Y(ee(o)), () => [
+                I(" 隐藏tag时显示的内容 "),
+                C(n(me), {
+                  style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                 }, {
-                  default: f(() => [
-                    h("span", {
-                      innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                    }, null, 8, El)
+                  default: p(() => [
+                    b("span", {
+                      innerHTML: n(F)("das-ui-select-selectedItemsCountWithPlaceholder", le.value)
+                    }, null, 8, Wl)
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["style"]),
-                k(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
+                I(" <a-tag>+{{ currValue?.length - maxTagCountCell }}</a-tag> ")
               ], !0)
             ]),
-            suffixIcon: f(() => [
-              C(e.$slots, "suffixIcon", {}, () => [
-                y(r(yl), {
+            suffixIcon: p(() => [
+              w(e.$slots, "suffixIcon", {}, () => [
+                C(n(yl), {
                   class: "das-suffix-icon",
                   size: "medium"
                 })
               ], !0)
             ]),
-            default: f(() => [
-              C(e.$slots, "default", {}, void 0, !0)
+            default: p(() => [
+              w(e.$slots, "default", {}, void 0, !0)
             ]),
             _: 2
             /* DYNAMIC */
           }, [
             e.$slots.menuItemSelectedIcon ? {
               name: "menuItemSelectedIcon",
-              fn: f(() => [
-                C(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
+              fn: p(() => [
+                w(e.$slots, "menuItemSelectedIcon", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             e.$slots.notFoundContent ? {
               name: "notFoundContent",
-              fn: f(() => [
-                C(e.$slots, "notFoundContent", {}, void 0, !0)
+              fn: p(() => [
+                w(e.$slots, "notFoundContent", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             e.$slots.placeholder ? {
               name: "placeholder",
-              fn: f(() => [
-                C(e.$slots, "placeholder", {}, void 0, !0)
+              fn: p(() => [
+                w(e.$slots, "placeholder", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0,
             e.$slots.removeIcon ? {
               name: "removeIcon",
-              fn: f(() => [
-                C(e.$slots, "removeIcon", {}, void 0, !0)
+              fn: p(() => [
+                w(e.$slots, "removeIcon", {}, void 0, !0)
               ]),
               key: "3"
             } : void 0
           ]), 1040, ["mode", "value", "options", "fieldNames", "bordered", "disabled", "open", "placeholder", "optionFilterProp", "size", "style", "dropdownClassName", "maxTagCount", "dropdownStyle"])), [
-            [r(hl), { target: tl, x: !1 }],
-            [r(xl), Je]
+            [n(hl), { target: tl, x: !1 }],
+            [n(xl), Je]
           ]),
-          e.error && e.errorLabel ? (c(), g(
-            fe,
+          e.error && e.errorLabel ? (v(), y(
+            pe,
             { key: 0 },
             [
-              e.errorMode === "default" ? (c(), g("div", Ol, [
-                h(
+              e.errorMode === "default" ? (v(), y("div", Pl, [
+                b(
                   "span",
                   {
-                    style: q(je.value)
+                    style: H(je.value)
                   },
-                  W(e.errorLabel),
+                  R(e.errorLabel),
                   5
                   /* TEXT, STYLE */
                 )
-              ])) : k("v-if", !0),
-              e.errorMode === "overlay" && ne.value ? (c(), H(r(wl), {
+              ])) : I("v-if", !0),
+              e.errorMode === "overlay" && ne.value ? (v(), Z(n(wl), {
                 key: 1,
                 errorLabel: e.errorLabel,
-                getEl: () => x.value.$el,
+                getEl: () => T.value.$el,
                 errorModelZIndex: e.errorModelZIndex
-              }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : k("v-if", !0)
+              }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : I("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : k("v-if", !0),
-          h(
+          )) : I("v-if", !0),
+          b(
             "div",
             {
               class: "ant-select-selection-overflow",
               ref_key: "virtualTotalCount",
-              ref: ye,
+              ref: Ce,
               style: { position: "absolute", left: "-50%", top: "-50%", opacity: "0", "pointer-events": "none" }
             },
             [
-              h("div", Wl, [
-                h("div", Pl, [
-                  h("span", Rl, [
-                    y(r(pe), {
-                      style: q(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
+              b("div", Rl, [
+                b("div", Fl, [
+                  b("span", ql, [
+                    C(n(me), {
+                      style: H(l.size == "mini" || l.size == "table" ? { fontSize: "12px" } : {})
                     }, {
-                      default: f(() => [
-                        h("span", {
-                          innerHTML: r(P)("das-ui-select-selectedItemsCountWithPlaceholder", ee.value)
-                        }, null, 8, ql)
+                      default: p(() => [
+                        b("span", {
+                          innerHTML: n(F)("das-ui-select-selectedItemsCountWithPlaceholder", le.value)
+                        }, null, 8, Hl)
                       ]),
                       _: 1
                       /* STABLE */
@@ -660,47 +660,59 @@ const _l = { key: 0 }, $l = { class: "das-multiple-option-item" }, Fl = { style:
       );
     };
   }
-}), Fe = (I, $) => {
-  const F = I.__vccOpts || I;
-  for (const [l, w] of $)
-    F[l] = w;
-  return F;
-}, Kl = /* @__PURE__ */ Fe(Zl, [["__scopeId", "data-v-ff4b9c6d"]]), Ul = {};
-function jl(I, $) {
-  const F = Nl;
-  return c(), H(
-    F,
-    me({ class: "das-ui-select-option" }, I.$attrs),
+}), Me = (S, M) => {
+  const A = S.__vccOpts || S;
+  for (const [l, x] of M)
+    A[l] = x;
+  return A;
+}, Ul = /* @__PURE__ */ Me(Kl, [["__scopeId", "data-v-404c61e6"]]), jl = {};
+function Gl(S, M) {
+  const A = _l;
+  return v(), Z(
+    A,
+    he({ class: "das-ui-select-option" }, S.$attrs),
     null,
     16
     /* FULL_PROPS */
   );
 }
-const Xl = /* @__PURE__ */ Fe(Ul, [["render", jl]]), Gl = {
-  "--das-ui-select-color-bg": "#FFFFFF",
+const Xl = /* @__PURE__ */ Me(jl, [["render", Gl]]), Jl = {
+  "--das-ui-select-color-bg": u("--das-color-bg-container"),
   // 默认背景色
-  "--das-ui-select-color-primary": Ne("--das-ui-color-primary"),
+  "--das-ui-select-color-primary": u("--das-color-brand-primary"),
   // 主题色
-  "--das-ui-select-color-text": "#212121",
+  "--das-ui-select-color-text": u("--das-color-text-title"),
   // 主文本色
-  "--das-ui-select-color-border": "#d9d9d9",
+  "--das-ui-select-color-desc": u("--das-color-text-body"),
+  // 辅助文本色
+  "--das-ui-select-color-border": u("--das-color-border-strong"),
   // 边框基础色
-  "--das-ui-select-color-underline": Ne("--das-ui-color-help"),
+  "--das-ui-select-color-underline": u("--das-color-text-subtle"),
   // 下划线基础色
-  "--das-ui-select-color-error": "#FB2323",
+  "--das-ui-select-color-error": u("--das-color-danger"),
   // 错误边框色
-  "--das-ui-select-color-disabled-text": "#B2B2B2",
+  "--das-ui-select-color-disabled-text": u("--das-color-text-caption"),
   // 禁用文本色
-  "--das-ui-select-color-disabled-underline": "#e5e5e5",
+  "--das-ui-select-color-disabled-underline": u("--das-color-border-base"),
   // 禁用下划线色
-  "--das-ui-select-color-disabled-border": "#d9d9d9",
+  "--das-ui-select-color-disabled-border": u("--das-color-border-strong"),
   // 禁用边框色
-  "--das-ui-select-color-disabled-bg": "#f5f5f5",
+  "--das-ui-select-color-disabled-bg": u("--das-color-bg-disabled"),
   // 禁用背景色
-  "--das-ui-select-color-option-active-bg": "#F2F6FF",
+  "--das-ui-select-color-option-active-bg": u("--das-color-brand-primary-light"),
   // 待选项选中时背景色
-  "--das-ui-select-color-help": "#999999",
+  "--das-ui-select-color-option-hover-bg": u("--das-color-bg-disabled"),
+  // 待选项悬停背景色
+  "--das-ui-select-color-help": u("--das-color-text-subtle"),
   // 提示文字颜色
+  "--das-ui-select-color-scrollbar": u("--das-color-text-caption"),
+  // 滚动条颜色
+  "--das-ui-select-radius-dropdown": u("--das-radius-md"),
+  // 下拉面板圆角
+  "--das-ui-select-radius-bordered": u("--das-radius-sm"),
+  // 全边框模式圆角
+  "--das-ui-select-radius-underline": u("--das-radius-none"),
+  // 线模式圆角
   "--das-ui-select-height-sm": "24px",
   // 选择框-sm-尺寸高度
   "--das-ui-select-height-md": "30px",
@@ -721,23 +733,25 @@ const Xl = /* @__PURE__ */ Fe(Ul, [["render", jl]]), Gl = {
   // 多选框字体大小-md
   "--das-ui-select-tag-font-size-lg": "15px",
   // 多选框字体大小-lg
-  "--das-ui-select-overlay-error-color": "#FB2323",
-  "--das-ui-select-overlay-error-bg-color": "#FFDBE0"
-}, Jl = {
-  添加: { "zh-CN": "添加", en: "Add", _appCode: "framework" },
-  全选: { "zh-CN": "全选", en: "Select All", _appCode: "framework" },
-  已选: { "zh-CN": "已选", en: "Selected", _appCode: "framework" },
+  "--das-ui-select-overlay-error-color": u("--das-color-danger"),
+  "--das-ui-select-overlay-error-bg-color": u("--das-color-danger-light")
+}, Ql = {
+  添加: { "zh-CN": "添加", en: "Add", ar: "إضافة", _appCode: "framework" },
+  全选: { "zh-CN": "全选", en: "Select All", ar: "تحديد الكل", _appCode: "framework" },
+  已选: { "zh-CN": "已选", en: "Selected", ar: "تم التحديد", _appCode: "framework" },
   "das-ui-select-selectedItemsCountWithPlaceholder": {
     "zh-CN": "已选$0项",
     en: "$0 Items Selected",
+    ar: "تم تحديد $0 عنصر",
     _appCode: "framework"
   }
 };
-Sl(Jl);
-kl(Gl);
-const yt = _e(Kl), Ct = _e(Xl), wt = { name: "select 选择器" };
+Vl(Ql);
+kl();
+Il(Jl);
+const Ct = _e(Ul), wt = _e(Xl), xt = { name: "select 选择器" };
 export {
-  yt as DasSelect,
-  Ct as DasSelectOption,
-  wt as default
+  Ct as DasSelect,
+  wt as DasSelectOption,
+  xt as default
 };