@das-fed/ui 6.4.0-test.3.2 → 6.4.0-test.6

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

@@ -1,24 +1,24 @@
 import '@das-fed/ui/packages/components/input-dialog-select/style.css';
-import { withInstall as q } from "@das-fed/utils/with-install/index";
-import { defineComponent as G, ref as l, computed as C, watch as J, nextTick as Q, openBlock as r, createElementBlock as i, mergeProps as U, createElementVNode as h, normalizeClass as X, unref as a, toDisplayString as y, withDirectives as Y, createCommentVNode as k, Fragment as x, withModifiers as ee, createVNode as te, createBlock as oe, Teleport as le, normalizeStyle as E } from "vue";
-import { DasAutoRegisterIcon as ae, DasIcon as re } from "@das-fed/ui/packages/components/icon/index";
-import { vDasTooltip as se } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { getVarValue as F, setThemeRule as ie } from "@das-fed/web/packages/theme/index";
-import { t as V, setI18nRule as ne } from "@das-fed/web/packages/i18n/index";
-import { isEmpty as b } from "@das-fed/utils/common-tools";
-const de = {
+import { withInstall as G } from "@das-fed/utils/with-install/index";
+import { defineComponent as J, ref as l, computed as M, watch as Q, nextTick as U, openBlock as r, createElementBlock as n, mergeProps as X, createElementVNode as y, normalizeClass as Y, unref as a, toDisplayString as k, withDirectives as ee, createCommentVNode as z, Fragment as $, withModifiers as te, createVNode as oe, createBlock as le, Teleport as ae, normalizeStyle as E } from "vue";
+import { DasAutoRegisterIcon as re, DasIcon as se } from "@das-fed/ui/packages/components/icon/index";
+import { vDasTooltip as ie } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { getVarValue as F, setThemeRule as ne } from "@das-fed/web/packages/theme/index";
+import { t as V, setI18nRule as de } from "@das-fed/web/packages/i18n/index";
+import { isEmpty as d } from "@das-fed/utils/common-tools";
+const ue = {
   key: 0,
   class: "placeholder-text"
-}, ue = {
+}, pe = {
   key: 1,
   class: "dialog-text"
-}, pe = {
+}, ce = {
   key: 2,
   class: "reset-plus"
-}, ce = { class: "das-input-dialog-select-label-content" }, fe = ["title"], ve = {
+}, fe = { class: "das-input-dialog-select-label-content" }, ve = ["title"], me = {
   key: 1,
   class: "das-input-dialog-select-overlay-error-label-content"
-}, be = { class: "label" }, me = /* @__PURE__ */ G({
+}, ge = { class: "label" }, be = /* @__PURE__ */ J({
   __name: "Index",
   props: {
     modelValue: {},
@@ -34,48 +34,52 @@ const de = {
     borderType: { default: "bottom" },
     optionsLabelKey: { default: "name" },
     optionsValueKey: { default: "id" },
-    placeholder: {},
+    placeholder: { default: V("请选择") },
     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(M, { emit: S }) {
-    ae({
+  setup(B, { emit: S }) {
+    re({
       search: import("@das-fed/ui/packages/icons/search")
     });
-    const t = M, s = S, z = l(!1), W = C(() => t.teleported), m = C(() => t.isView), K = C(() => `width:${t.width === "auto" ? "100%" : t.width}`);
-    let n = l("");
-    n.value = t.modelValue;
-    const d = l(null), u = l(null);
-    let D = l(""), T = l([]);
-    J(
+    const t = B, s = S, I = l(!1), N = M(() => t.teleported), g = M(() => t.isView), x = M(() => t.placeholder), W = M(() => `width:${t.width === "auto" ? "100%" : t.width}`);
+    let i = l("");
+    i.value = t.modelValue;
+    const p = l(null), c = l(null);
+    let b = l(""), w = l([]);
+    Q(
       () => t.selectedOptions,
-      (e, p) => {
-        let c = "", f = [], v = [];
-        if (b(e) && b(p)) return;
+      (e, u) => {
+        let f = "", v = [], m = [];
+        if (d(e) && d(u) && t.modelValue instanceof Array && !t.modelValue.length) {
+          i.value = "", b.value = "";
+          return;
+        }
+        if (d(e) && d(u)) return;
         if (typeof e == "string")
-          c = e;
+          f = e;
         else if (e instanceof Array) {
-          if (!(e != null && e.length) && !(p != null && p.length)) {
-            n.value = m.value || t.disabled ? "-" : "";
+          if (!(e != null && e.length) && !(u != null && u.length)) {
+            i.value = g.value || t.disabled ? "-" : "";
             return;
           }
-          v = e.map((g) => {
-            const o = g[t.optionsLabelKey];
+          m = e.map((h) => {
+            const o = h[t.optionsLabelKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), f = e.map((g) => {
-            const o = g[t.optionsValueKey];
+          }), v = e.map((h) => {
+            const o = h[t.optionsValueKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), c = v.join("、");
+          }), f = m.join("、");
         }
         const L = t.noSetDefaultVal ? "" : "-";
-        n.value = (m.value || t.disabled) && b(c) ? L : c, T.value = f, f.length || (D.value = ""), s("update:modelValue", T.value), s("change", T.value, t.selectedOptions), Q(() => {
-          var g, o, O, $;
-          ((g = d == null ? void 0 : d.value) == null ? void 0 : g.offsetWidth) > 0 && ((o = u == null ? void 0 : u.value) == null ? void 0 : o.offsetWidth) > 0 && ((O = u == null ? void 0 : u.value) == null ? void 0 : O.offsetWidth) > (($ = d == null ? void 0 : d.value) == null ? void 0 : $.offsetWidth) - 20 && v.length > 1 ? D.value = f.length > 0 ? `${V("共")}${v.length}${V("项")}` : "" : D.value = "";
+        i.value = (g.value || t.disabled) && d(f) ? L : f, w.value = v, v.length || (b.value = ""), s("update:modelValue", w.value), s("change", w.value, t.selectedOptions), U(() => {
+          var h, o, _, O;
+          ((h = p == null ? void 0 : p.value) == null ? void 0 : h.offsetWidth) > 0 && ((o = c == null ? void 0 : c.value) == null ? void 0 : o.offsetWidth) > 0 && ((_ = c == null ? void 0 : c.value) == null ? void 0 : _.offsetWidth) > ((O = p == null ? void 0 : p.value) == null ? void 0 : O.offsetWidth) - 20 && m.length > 1 ? b.value = v.length > 0 ? `${V("das-framework-input-dialog-select-total-items", m.length)}` : "" : b.value = "";
         });
       },
       {
@@ -83,153 +87,153 @@ const de = {
         immediate: !0
       }
     );
-    const B = l(), I = l({
+    const C = l(), D = l({
       x: 0,
       y: 0
-    }), w = l(0), N = l({
+    }), T = l(0), K = l({
       "font-size": "12px",
       "background-color": F("--das-ui-input-number-overlay-error-bg-color").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "2px 8px",
       "box-sizing": "border-box"
-    }), P = C(() => ({
-      ...N.value,
-      width: w.value + "px",
+    }), P = M(() => ({
+      ...K.value,
+      width: T.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: I.value.y + "px",
-      left: I.value.x + "px",
+      top: D.value.y + "px",
+      left: D.value.x + "px",
       "z-index": t.errorModelZIndex
     })), R = l({
       display: "block",
       color: F("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), _ = () => {
+      "white-space": "break-spaces"
+      // 'word-break': 'break-all',
+    }), A = () => {
       s("open-dialog");
-    }, A = () => {
-      D.value = "", n.value = "", s("update:selectedOptions", []), s("update:modelValue", []), s("clear-dialog"), s("change", [], []);
     }, Z = () => {
-      var f, v, L;
-      const { top: e, left: p } = (f = B.value) == null ? void 0 : f.getBoundingClientRect(), c = (v = B.value) == null ? void 0 : v.clientHeight;
-      w.value = (L = B.value) == null ? void 0 : L.clientWidth, I.value.x = p, I.value.y = e + c;
+      b.value = "", i.value = "", s("update:selectedOptions", []), s("update:modelValue", []), s("clear-dialog"), s("change", [], []);
     }, j = () => {
-      z.value = !0, Z();
+      var v, m, L;
+      const { top: e = 0, left: u = 0 } = ((v = C.value) == null ? void 0 : v.getBoundingClientRect()) ?? {}, f = (m = C.value) == null ? void 0 : m.clientHeight;
+      T.value = (L = C.value) == null ? void 0 : L.clientWidth, D.value.x = u, D.value.y = e + f;
     }, H = () => {
-      z.value = !1;
+      I.value = !0, j();
+    }, q = () => {
+      I.value = !1;
     };
-    return (e, p) => (r(), i(
+    return (e, u) => (r(), n(
       "div",
-      U({
+      X({
         class: "das-ui-input-dialog-select",
         tabindex: "0",
-        style: K.value
+        style: W.value
       }, e.$attrs, {
         ref_key: "$refInputDialogSelect",
-        ref: B,
-        onMouseenter: j,
-        onMouseleave: H,
+        ref: C,
+        onMouseenter: H,
+        onMouseleave: q,
         class: [
           { "normal-size": e.size === "default" },
           { "auto-size": e.size === "auto" },
           { "small-size": e.size === "small" },
           { "table-size": e.size === "table" },
-          { isview: m.value },
+          { isview: g.value },
           { disabled: e.disabled }
         ]
       }),
       [
-        h(
+        y(
           "div",
           {
             ref_key: "dialogTextWrap",
-            ref: d,
-            class: X([
+            ref: p,
+            class: Y([
               "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(b)(a(n)) && e.isClear }
+              { "das-input-dialog-select-clear-mode": !a(d)(a(i)) && e.isClear }
             ])
           },
           [
-            a(b)(a(n)) && !a(b)(e.placeholder) && !m.value && !e.disabled ? (r(), i(
+            a(d)(a(i)) && !a(d)(x.value) && !g.value && !e.disabled ? (r(), n(
               "div",
-              de,
-              y(e.placeholder),
+              ue,
+              k(x.value),
               1
               /* TEXT */
-            )) : Y((r(), i("div", ue, [
-              h(
+            )) : ee((r(), n("div", pe, [
+              y(
                 "span",
                 {
                   ref_key: "dialogText",
-                  ref: u
+                  ref: c
                 },
-                y(a(n)),
+                k(a(i)),
                 513
                 /* TEXT, NEED_PATCH */
               )
             ])), [
-              [a(se)]
+              [a(ie)]
             ]),
-            m.value ? k("v-if", !0) : (r(), i(
+            g.value ? z("v-if", !0) : (r(), n(
               "span",
-              pe,
-              y(a(D)),
+              ce,
+              k(a(b)),
               1
               /* TEXT */
             )),
-            !m.value && !e.disabled ? (r(), i(
-              x,
+            !g.value && !e.disabled ? (r(), n(
+              $,
               { key: 3 },
               [
-                !a(b)(a(n)) && e.isClear ? (r(), i("span", {
+                !a(d)(a(i)) && e.isClear ? (r(), n("span", {
                   key: 0,
                   class: "das-ui-input-dialog-select-clear",
-                  onClick: ee(A, ["stop"])
-                })) : k("v-if", !0),
-                te(a(re), {
+                  onClick: te(Z, ["stop"])
+                })) : z("v-if", !0),
+                oe(a(se), {
                   class: "das-ui-input-dialog-select-search",
                   icon: e.suffixIcon,
-                  onClick: _
+                  onClick: A
                 }, null, 8, ["icon"])
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : k("v-if", !0)
+            )) : z("v-if", !0)
           ],
           2
           /* CLASS */
         ),
-        h("div", ce, [
-          e.error && e.errorLabel && e.errorMode === "default" ? (r(), i("span", {
+        y("div", fe, [
+          e.error && e.errorLabel && e.errorMode === "default" ? (r(), n("span", {
             key: 0,
             class: "das-input-dialog-select-error-label",
             title: e.errorLabel
-          }, y(e.errorLabel), 9, fe)) : k("v-if", !0)
+          }, k(e.errorLabel), 9, ve)) : z("v-if", !0)
         ]),
-        k(" 错误状态 "),
-        e.error && e.errorLabel && z.value && e.errorMode === "overlay" ? (r(), i(
-          x,
+        z(" 错误状态 "),
+        e.error && e.errorLabel && I.value && e.errorMode === "overlay" ? (r(), n(
+          $,
           { key: 0 },
           [
-            W.value ? (r(), oe(le, {
+            N.value ? (r(), le(ae, {
               key: 0,
               to: "body"
             }, [
-              h(
+              y(
                 "div",
                 {
                   style: E(P.value)
                 },
                 [
-                  h(
+                  y(
                     "span",
                     {
                       style: E(R.value)
                     },
-                    y(e.errorLabel),
+                    k(e.errorLabel),
                     5
                     /* TEXT, STYLE */
                   )
@@ -237,11 +241,11 @@ const de = {
                 4
                 /* STYLE */
               )
-            ])) : (r(), i("div", ve, [
-              h(
+            ])) : (r(), n("div", me, [
+              y(
                 "span",
-                be,
-                y(e.errorLabel),
+                ge,
+                k(e.errorLabel),
                 1
                 /* TEXT */
               )
@@ -249,23 +253,21 @@ const de = {
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : k("v-if", !0)
+        )) : z("v-if", !0)
       ],
       16
       /* FULL_PROPS */
     ));
   }
-}), ge = (M, S) => {
-  const t = M.__vccOpts || M;
-  for (const [s, z] of S)
-    t[s] = z;
+}), he = (B, S) => {
+  const t = B.__vccOpts || B;
+  for (const [s, I] of S)
+    t[s] = I;
   return t;
-}, he = /* @__PURE__ */ ge(me, [["__scopeId", "data-v-788fc540"]]), ye = {
-  "demo-msg": {
-    "zh-CN": "这是第一个示例路由页面",
-    en: "This is Demo Page"
-  }
-}, ke = {
+}, ye = /* @__PURE__ */ he(be, [["__scopeId", "data-v-7ed4fec5"]]), ke = {
+  请选择: { "zh-CN": "请选择", en: "Please Select", _appCode: "framework" },
+  "das-framework-input-dialog-select-total-items": { "zh-CN": "共$0项", en: "Total $0 Items", _appCode: "framework" }
+}, ze = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -281,10 +283,10 @@ const de = {
   "--das-ui-input-number-overlay-error-bg-color": "#FFDBE0",
   "--das-ui-input-error-color": "#FB2323"
 };
-ne(ye);
-ie(ke);
-const Se = q(he);
+de(ke);
+ne(ze);
+const we = G(ye);
 export {
-  Se as DasInputDialogSelect,
-  Se as default
+  we as DasInputDialogSelect,
+  we as default
 };

package/packages/components/input-dialog-select/src/Index.vue.d.ts

@@ -16,6 +16,7 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     disabled: boolean;
     teleported: boolean;
     borderType: string;
+    placeholder: string;
     isView: boolean;
     error: boolean;
     errorLabel: string;

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

@@ -1 +1 @@
-.das-ui-input-dialog-select[data-v-788fc540]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-788fc540],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-788fc540]{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-788fc540],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-788fc540]{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-788fc540],.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-788fc540]{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-788fc540],.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-788fc540]{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-788fc540],.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-788fc540]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-788fc540]{width:230px}.das-ui-input-dialog-select.auto-size[data-v-788fc540]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-788fc540]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-788fc540],.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-788fc540]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-788fc540]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-788fc540],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-788fc540]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-788fc540]{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-788fc540],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-788fc540]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-788fc540]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-788fc540],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-788fc540],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-788fc540]{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-788fc540]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-788fc540]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-788fc540],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-788fc540]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-788fc540]{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-788fc540]{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-788fc540]{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-788fc540]: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-788fc540]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-788fc540]{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-788fc540]{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-788fc540]{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-788fc540]: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-788fc540]{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-788fc540]: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-788fc540]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-788fc540]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-788fc540]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-788fc540]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word;word-break:break-all}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-788fc540]{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;word-break:break-all}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-788fc540]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}
+.das-ui-input-dialog-select[data-v-7ed4fec5]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-7ed4fec5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-7ed4fec5]{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-7ed4fec5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-7ed4fec5]{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-7ed4fec5],.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-7ed4fec5]{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-7ed4fec5],.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-7ed4fec5]{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-7ed4fec5],.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-7ed4fec5]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-7ed4fec5]{width:230px}.das-ui-input-dialog-select.auto-size[data-v-7ed4fec5]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-7ed4fec5]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-7ed4fec5],.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-7ed4fec5]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-7ed4fec5]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-7ed4fec5],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-7ed4fec5]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-7ed4fec5]{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-7ed4fec5],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-7ed4fec5]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-7ed4fec5]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-7ed4fec5],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-7ed4fec5],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-7ed4fec5]{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-7ed4fec5]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-7ed4fec5]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-7ed4fec5],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-7ed4fec5]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-7ed4fec5]{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-7ed4fec5]{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-7ed4fec5]{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-7ed4fec5]: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-7ed4fec5]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-7ed4fec5]{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-7ed4fec5]{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-7ed4fec5]{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-7ed4fec5]: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-7ed4fec5]{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-7ed4fec5]: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-7ed4fec5]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-7ed4fec5]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-7ed4fec5]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-7ed4fec5]{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-7ed4fec5]{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-7ed4fec5]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}