@das-fed/ui 6.4.0-dev.1 → 6.4.0-dev.100

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

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

@@ -14,9 +14,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     errorMode: string;
     teleported: boolean;
     errorModelZIndex: number;
+    placeholder: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
     "open-dialog": (...args: any[]) => void;
     "clear-dialog": (...args: any[]) => void;
     "update:selectedOptions": (...args: any[]) => void;
@@ -35,6 +36,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     errorMode: string;
     teleported: boolean;
     errorModelZIndex: number;
+    placeholder: string;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -43,17 +45,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:selectedOptions"?: ((...args: any[]) => any) | undefined;
 }, {
     size: "default" | "auto" | "table" | "small";
-    error: boolean;
     disabled: boolean;
     teleported: boolean;
+    placeholder: string;
     suffixIcon: string;
+    error: boolean;
     isView: boolean;
     errorMode: "default" | "overlay";
-    borderType: string;
-    errorLabel: string;
-    errorModelZIndex: number;
     optionsLabelKey: string | number;
     optionsValueKey: string | number;
+    errorModelZIndex: number;
+    borderType: string;
+    errorLabel: string;
     selectedOptions: any;
     isClear: boolean;
 }, {}>;

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

@@ -1,72 +1,72 @@
-export interface Props {
-  
-  modelValue: any
-
-  
-  selectedOptions: any
-
-  
-  disabled?: boolean
-
-  
-  isView?: boolean
-
-  
-  isClear?: boolean
-
-  
-  error?: boolean
-
-  
-  errorLabel?: string
-
-  
-  suffixIcon?: string
-
-  
-  width?: string
-
-  
-  size?: 'default' | 'auto' | 'table' | 'small'
-
-  
-  borderType?: string
-
-  
-  optionsLabelKey?: string | number
-
-  
-  optionsValueKey?: string | number
-
-  
-  placeholder?: string
-
-  
-  errorMode?: 'default' | 'overlay'
-
-  
-  teleported?: boolean
-
-  
-  errorModelZIndex?: number
-
-  
-  noSetDefaultVal?: boolean
-}
-
-export interface Emits {
-  
-  (e: 'update:modelValue', value: any): void
-
-  
-  (e: 'update:selectedOptions', value: any): void
-
-  
-  (e: 'open-dialog'): void
-
-  
-  (e: 'clear-dialog'): void
-
-  
-  (e: 'change', value: any, value2?: any): void
-}
+export interface Props {
+  
+  modelValue: any
+
+  
+  selectedOptions: any
+
+  
+  disabled?: boolean
+
+  
+  isView?: boolean
+
+  
+  isClear?: boolean
+
+  
+  error?: boolean
+
+  
+  errorLabel?: string
+
+  
+  suffixIcon?: string
+
+  
+  width?: string
+
+  
+  size?: 'default' | 'auto' | 'table' | 'small'
+
+  
+  borderType?: string
+
+  
+  optionsLabelKey?: string | number
+
+  
+  optionsValueKey?: string | number
+
+  
+  placeholder?: string
+
+  
+  errorMode?: 'default' | 'overlay'
+
+  
+  teleported?: boolean
+
+  
+  errorModelZIndex?: number
+
+  
+  noSetDefaultVal?: boolean
+}
+
+export interface Emits {
+  
+  (e: 'update:modelValue', value: any): void
+
+  
+  (e: 'update:selectedOptions', value: any): void
+
+  
+  (e: 'open-dialog'): void
+
+  
+  (e: 'clear-dialog'): void
+
+  
+  (e: 'change', value: any, value2?: any): void
+}

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

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