@das-fed/ui 6.4.0-dev.93 → 6.4.0-dev.94

package/packages/components/input-dialog-select/index.js

@@ -1,24 +1,22 @@
 import '@das-fed/ui/packages/components/input-dialog-select/style.css';
-import { withInstall as ee } from "@das-fed/utils/with-install/index";
-import { defineComponent as te, ref as l, computed as I, watch as oe, nextTick as le, openBlock as s, createElementBlock as c, mergeProps as ae, createElementVNode as h, normalizeClass as re, unref as a, withDirectives as N, toDisplayString as M, createCommentVNode as B, Fragment as W, withModifiers as se, createVNode as ie, createBlock as ne, Teleport as de, normalizeStyle as K } from "vue";
-import { DasAutoRegisterIcon as ue, DasIcon as ce } from "@das-fed/ui/packages/components/icon/index";
-import { vDasTooltip as P } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { getVarValue as R, setThemeRule as pe } from "@das-fed/web/packages/theme/index";
-import { t as j, currentLang as fe, setI18nRule as ve } from "@das-fed/web/packages/i18n/index";
-import { isEmpty as p } from "@das-fed/utils/common-tools";
-const me = {
+import { withInstall as W } from "@das-fed/utils/with-install/index";
+import { defineComponent as j, ref as s, computed as D, watch as P, nextTick as H, openBlock as u, createElementBlock as p, mergeProps as Z, createElementVNode as C, normalizeClass as q, unref as l, withDirectives as T, toDisplayString as z, createCommentVNode as y, Fragment as G, withModifiers as J, createVNode as Q, createBlock as U } from "vue";
+import { DasAutoRegisterIcon as X, DasIcon as Y } from "@das-fed/ui/packages/components/icon/index";
+import { vDasTooltip as $ } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasErrorOverlayModel as x } from "@das-fed/ui/packages/components/error-overlay-model/index";
+import { getVarValue as ee, setThemeRule as te } from "@das-fed/web/packages/theme/index";
+import { t as F, currentLang as le, setI18nRule as oe } from "@das-fed/web/packages/i18n/index";
+import { isEmpty as i } from "@das-fed/utils/common-tools";
+const ae = {
   key: 0,
   class: "placeholder-text"
-}, ge = {
+}, re = {
   key: 1,
   class: "dialog-text"
-}, he = {
+}, se = {
   key: 2,
   class: "reset-plus"
-}, be = { class: "das-input-dialog-select-label-content" }, ye = ["title"], ke = {
-  key: 1,
-  class: "das-input-dialog-select-overlay-error-label-content"
-}, Me = { class: "label" }, Ce = /* @__PURE__ */ te({
+}, ie = { class: "das-input-dialog-select-label-content" }, ue = ["title"], ne = /* @__PURE__ */ j({
   __name: "Index",
   props: {
     modelValue: {},
@@ -34,52 +32,54 @@ const me = {
     borderType: { default: "bottom" },
     optionsLabelKey: { default: "name" },
     optionsValueKey: { default: "id" },
-    placeholder: { default: j("请选择") },
+    placeholder: { default: F("请选择") },
     errorMode: { default: "default" },
     teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["update:modelValue", "open-dialog", "clear-dialog", "update:selectedOptions", "change"],
-  setup(L, { emit: H }) {
-    ue({
+  setup(k, { emit: L }) {
+    X({
       search: import("@das-fed/ui/packages/icons/search")
     });
-    const t = L, i = H, C = l(!1), A = I(() => t.teleported), b = I(() => t.isView), $ = I(() => t.placeholder), Z = I(() => `width:${t.width === "auto" ? "100%" : t.width}`);
-    let n = l("");
-    n.value = t.modelValue;
-    const m = l(null), g = l(null), q = l(null);
-    let y = l(""), S = l([]);
-    oe(
+    const t = k, a = L, g = s(!1);
+    D(() => t.teleported);
+    const c = D(() => t.isView), E = D(() => t.placeholder), N = D(() => `width:${t.width === "auto" ? "100%" : t.width}`);
+    let r = s("");
+    r.value = t.modelValue;
+    const n = s(null), d = s(null);
+    let f = s(""), B = s([]);
+    P(
       () => t.selectedOptions,
-      (e, f) => {
-        let d = "", k = [], v = [];
-        if (p(e) && p(f) && t.modelValue instanceof Array && !t.modelValue.length) {
-          n.value = "", y.value = "";
+      (e, m) => {
+        let h = "", I = [], b = [];
+        if (i(e) && i(m) && t.modelValue instanceof Array && !t.modelValue.length) {
+          r.value = "", f.value = "";
           return;
         }
-        if (p(e) && p(f)) return;
+        if (i(e) && i(m)) return;
         if (typeof e == "string")
-          d = e;
+          h = e;
         else if (e instanceof Array) {
-          if (!(e != null && e.length) && !(f != null && f.length)) {
-            n.value = b.value || t.disabled ? "-" : "";
+          if (!(e != null && e.length) && !(m != null && m.length)) {
+            r.value = c.value || t.disabled ? "-" : "";
             return;
           }
-          v = e.map((u) => {
-            const o = u[t.optionsLabelKey];
+          b = e.map((v) => {
+            const o = v[t.optionsLabelKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), k = e.map((u) => {
-            const o = u[t.optionsValueKey];
+          }), I = e.map((v) => {
+            const o = v[t.optionsValueKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), d = fe.value === "zh-CN" ? v.join("、") : v.join(",");
+          }), h = le.value === "zh-CN" ? b.join("、") : b.join(",");
         }
-        const E = t.noSetDefaultVal ? "" : "-";
-        n.value = (b.value || t.disabled) && p(d) ? E : d, S.value = k, k.length || (y.value = ""), i("update:modelValue", S.value), i("change", S.value, t.selectedOptions), le(() => {
-          var u, o, D, r;
-          ((u = m == null ? void 0 : m.value) == null ? void 0 : u.offsetWidth) > 0 && ((o = g == null ? void 0 : g.value) == null ? void 0 : o.offsetWidth) > 0 && ((D = g == null ? void 0 : g.value) == null ? void 0 : D.offsetWidth) > ((r = m == null ? void 0 : m.value) == null ? void 0 : r.offsetWidth) - 20 && v.length > 1 ? y.value = k.length > 0 ? `${j("das-framework-input-dialog-select-total-items", v.length)}` : "" : y.value = "";
+        const R = t.noSetDefaultVal ? "" : "-";
+        r.value = (c.value || t.disabled) && i(h) ? R : h, B.value = I, I.length || (f.value = ""), a("update:modelValue", B.value), a("change", B.value, t.selectedOptions), H(() => {
+          var v, o, w, S;
+          ((v = n == null ? void 0 : n.value) == null ? void 0 : v.offsetWidth) > 0 && ((o = d == null ? void 0 : d.value) == null ? void 0 : o.offsetWidth) > 0 && ((w = d == null ? void 0 : d.value) == null ? void 0 : w.offsetWidth) > ((S = n == null ? void 0 : n.value) == null ? void 0 : S.offsetWidth) - 20 && b.length > 1 ? f.value = I.length > 0 ? `${F("das-framework-input-dialog-select-total-items", b.length)}` : "" : f.value = "";
         });
       },
       {
@@ -87,148 +87,99 @@ const me = {
         immediate: !0
       }
     );
-    const w = l(), z = l({
-      x: 0,
-      y: 0
-    }), x = l(0), F = l({
-      "font-size": "12px",
-      "background-color": R("--das-ui-color-overlay-error").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "2px 8px",
-      "box-sizing": "border-box"
-    }), G = I(() => ({
-      ...F.value,
-      width: x.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: z.value.y + "px",
-      left: z.value.x + "px",
-      "z-index": t.errorModelZIndex
-    })), O = l({
+    const O = s();
+    s({
       display: "block",
-      color: R("--das-ui-input-error-color").value,
+      color: ee("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
       // 'word-break': 'break-all',
-    }), J = () => {
-      i("open-dialog");
-    }, Q = () => {
-      y.value = "", n.value = "", i("update:selectedOptions", []), i("update:modelValue", []), i("clear-dialog"), i("change", [], []);
-    }, U = () => {
-      var o, D;
-      const e = () => {
-        var r = document.createElement("div");
-        for (let [_, V] of Object.entries({
-          ...F.value,
-          ...O.value,
-          width: x.value + "px"
-        }))
-          r.style[_] = V;
-        r.textContent = t.errorLabel, document.body.appendChild(r);
-        const T = r.offsetHeight;
-        return document.body.removeChild(r), T;
-      }, f = () => {
-        const r = document.documentElement.clientHeight, _ = document.documentElement.scrollHeight - r;
-        return r - _;
-      };
-      x.value = (o = w.value) == null ? void 0 : o.clientWidth;
-      const { top: d = 0, left: k = 0, height: v = 0 } = ((D = w.value) == null ? void 0 : D.getBoundingClientRect()) ?? {}, E = f(), u = e();
-      d + v + u >= E ? z.value.y = d - u : z.value.y = d + v, z.value.x = k;
-    }, X = () => {
-      C.value = !0, U();
-    }, Y = () => {
-      C.value = !1;
+    });
+    const V = () => {
+      a("open-dialog");
+    }, _ = () => {
+      f.value = "", r.value = "", a("update:selectedOptions", []), a("update:modelValue", []), a("clear-dialog"), a("change", [], []);
+    }, M = s(!1), K = () => {
+      g.value = !0, t.errorMode === "overlay" && (M.value = !0);
+    }, A = () => {
+      g.value = !1, t.errorMode === "overlay" && (M.value = !1);
     };
-    return (e, f) => (s(), c("div", ae({
+    return (e, m) => (u(), p("div", Z({
       class: "das-ui-input-dialog-select",
       tabindex: "0",
-      style: Z.value
+      style: N.value
     }, e.$attrs, {
       ref_key: "$refInputDialogSelect",
-      ref: w,
-      onMouseenter: X,
-      onMouseleave: Y,
+      ref: O,
+      onMouseenter: K,
+      onMouseleave: A,
       class: [
         { "normal-size": e.size === "default" },
         { "auto-size": e.size === "auto" },
         { "small-size": e.size === "small" },
         { "table-size": e.size === "table" },
-        { isview: b.value },
+        { isview: c.value },
         { disabled: e.disabled }
       ]
     }), [
-      h("div", {
+      C("div", {
         ref_key: "dialogTextWrap",
-        ref: m,
-        class: re([
+        ref: n,
+        class: q([
           "das-ui-input-dialog-select-content",
           { "only-border-bottom": e.borderType === "bottom" },
           { "das-input-dialog-select-error": e.error },
-          { "das-input-dialog-select-clear-mode": !a(p)(a(n)) && e.isClear }
+          { "das-input-dialog-select-clear-mode": !l(i)(l(r)) && e.isClear }
         ])
       }, [
-        a(p)(a(n)) && !a(p)($.value) && !b.value && !e.disabled ? N((s(), c("div", me, [
-          h("span", null, M($.value), 1)
+        l(i)(l(r)) && !l(i)(E.value) && !c.value && !e.disabled ? T((u(), p("div", ae, [
+          C("span", null, z(E.value), 1)
         ])), [
-          [a(P)]
-        ]) : N((s(), c("div", ge, [
-          h("span", {
+          [l($)]
+        ]) : T((u(), p("div", re, [
+          C("span", {
             ref_key: "dialogText",
-            ref: g
-          }, M(a(n)), 513)
+            ref: d
+          }, z(l(r)), 513)
         ])), [
-          [a(P)]
+          [l($)]
         ]),
-        b.value ? B("", !0) : (s(), c("span", he, M(a(y)), 1)),
-        !b.value && !e.disabled ? (s(), c(W, { key: 3 }, [
-          !a(p)(a(n)) && e.isClear ? (s(), c("span", {
+        c.value ? y("", !0) : (u(), p("span", se, z(l(f)), 1)),
+        !c.value && !e.disabled ? (u(), p(G, { key: 3 }, [
+          !l(i)(l(r)) && e.isClear ? (u(), p("span", {
             key: 0,
             class: "das-ui-input-dialog-select-clear",
-            onClick: se(Q, ["stop"])
-          })) : B("", !0),
-          ie(a(ce), {
+            onClick: J(_, ["stop"])
+          })) : y("", !0),
+          Q(l(Y), {
             class: "das-ui-input-dialog-select-search",
             icon: e.suffixIcon,
-            onClick: J
+            onClick: V
           }, null, 8, ["icon"])
-        ], 64)) : B("", !0)
+        ], 64)) : y("", !0)
       ], 2),
-      h("div", be, [
-        e.error && e.errorLabel && e.errorMode === "default" ? (s(), c("span", {
+      C("div", ie, [
+        e.error && e.errorLabel && e.errorMode === "default" ? (u(), p("span", {
           key: 0,
           class: "das-input-dialog-select-error-label",
           title: e.errorLabel
-        }, M(e.errorLabel), 9, ye)) : B("", !0)
+        }, z(e.errorLabel), 9, ue)) : y("", !0)
       ]),
-      e.error && e.errorLabel && C.value && e.errorMode === "overlay" ? (s(), c(W, { key: 0 }, [
-        A.value ? (s(), ne(de, {
-          key: 0,
-          to: "body"
-        }, [
-          h("div", {
-            ref_key: "$errorModel",
-            ref: q,
-            style: K(G.value)
-          }, [
-            h("span", {
-              style: K(O.value)
-            }, M(e.errorLabel), 5)
-          ], 4)
-        ])) : (s(), c("div", ke, [
-          h("span", Me, M(e.errorLabel), 1)
-        ]))
-      ], 64)) : B("", !0)
+      e.error && e.errorLabel && g.value && e.errorMode === "overlay" && M.value ? (u(), U(l(x), {
+        key: 0,
+        errorLabel: e.errorLabel,
+        getEl: () => O.value
+      }, null, 8, ["errorLabel", "getEl"])) : y("", !0)
     ], 16));
   }
-}), ze = (L, H) => {
-  const t = L.__vccOpts || L;
-  for (const [i, C] of H)
-    t[i] = C;
+}), de = (k, L) => {
+  const t = k.__vccOpts || k;
+  for (const [a, g] of L)
+    t[a] = g;
   return t;
-}, De = /* @__PURE__ */ ze(Ce, [["__scopeId", "data-v-66a43561"]]), Ie = {
+}, pe = /* @__PURE__ */ de(ne, [["__scopeId", "data-v-ba5c80f5"]]), ce = {
   请选择: { "zh-CN": "请选择", en: "Please select", _appCode: "framework" },
   "das-framework-input-dialog-select-total-items": { "zh-CN": "共$0项", en: "Total $0 Items", _appCode: "framework" }
-}, Be = {
+}, fe = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -244,10 +195,10 @@ const me = {
   "--das-ui-color-overlay-error": "#FFDBE0",
   "--das-ui-input-error-color": "#FB2323"
 };
-ve(Ie);
-pe(Be);
-const $e = ee(De);
+oe(ce);
+te(fe);
+const De = W(pe);
 export {
-  $e as DasInputDialogSelect,
-  $e as default
+  De as DasInputDialogSelect,
+  De as default
 };

package/packages/components/input-dialog-select/style.css

@@ -1 +1 @@
-.das-ui-input-dialog-select[data-v-66a43561]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-66a43561]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-66a43561]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-66a43561]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-66a43561]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-66a43561]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-66a43561]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-66a43561]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-66a43561]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-66a43561]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-66a43561]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-66a43561]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-66a43561]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-66a43561],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-66a43561]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-66a43561],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-66a43561]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-error-color)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561]{border-color:var(--das-ui-input-dialog-select-border);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-66a43561]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-66a43561]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-66a43561]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--das-ui-input-dialog-select-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-66a43561]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--das-ui-input-dialog-select-disabled-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-66a43561]{cursor:pointer;color:var(--das-ui-input-dialog-select-icon);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-66a43561]:hover{color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-66a43561]{position:absolute;right:10px;visibility:hidden;margin-left:10px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-66a43561]:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-66a43561]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-66a43561]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-66a43561]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-66a43561]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-66a43561]{width:100%;position:absolute;left:0;background-color:#ffdbe0;box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-66a43561]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}
+.das-ui-input-dialog-select[data-v-ba5c80f5]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-ba5c80f5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-ba5c80f5]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-ba5c80f5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-ba5c80f5]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-ba5c80f5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-ba5c80f5]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-ba5c80f5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-ba5c80f5]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-ba5c80f5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-ba5c80f5]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-ba5c80f5]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-ba5c80f5]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-ba5c80f5]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-ba5c80f5]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-ba5c80f5]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-ba5c80f5]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-ba5c80f5]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-ba5c80f5]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-ba5c80f5],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-ba5c80f5]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-ba5c80f5]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-ba5c80f5]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-ba5c80f5],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-ba5c80f5]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-ba5c80f5]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-ba5c80f5],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-ba5c80f5],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-ba5c80f5]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-ba5c80f5]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-ba5c80f5]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-ba5c80f5],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-ba5c80f5]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-ba5c80f5]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-ba5c80f5]{border-color:var(--das-ui-input-dialog-select-error-color)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-ba5c80f5]{border-color:var(--das-ui-input-dialog-select-border);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-ba5c80f5]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-ba5c80f5]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-ba5c80f5]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--das-ui-input-dialog-select-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-ba5c80f5]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--das-ui-input-dialog-select-disabled-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-ba5c80f5]{cursor:pointer;color:var(--das-ui-input-dialog-select-icon);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-ba5c80f5]:hover{color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-ba5c80f5]{position:absolute;right:10px;visibility:hidden;margin-left:10px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-ba5c80f5]:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-ba5c80f5]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-ba5c80f5]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-ba5c80f5]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-ba5c80f5]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-ba5c80f5]{width:100%;position:absolute;left:0;background-color:#ffdbe0;box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-ba5c80f5]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}