@das-fed/ui 6.4.0-hot.5 → 6.4.0-hot.50

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 D, 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 R } from "@das-fed/utils/with-install/index";
+import { defineComponent as W, ref as s, computed as B, watch as j, nextTick as P, createElementBlock as c, openBlock as d, mergeProps as H, createElementVNode as D, createBlock as q, createCommentVNode as y, normalizeClass as G, unref as t, withDirectives as T, toDisplayString as M, Fragment as J, createVNode as Q, withModifiers 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 le } from "@das-fed/web/packages/theme/index";
+import { t as F, currentLang as te, 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" }, de = ["title"], ne = /* @__PURE__ */ W({
   __name: "Index",
   props: {
     modelValue: {},
@@ -36,46 +34,49 @@ const ne = {
     optionsValueKey: { default: "id" },
     placeholder: {},
     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: C }) {
+    X({
       search: import("@das-fed/ui/packages/icons/search")
     });
-    const t = M, s = S, k = 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 z = l(""), T = l([]);
-    G(
-      () => t.selectedOptions,
-      (e, p) => {
-        let c = "", f = [], v = [];
-        if (b(e) && b(p)) return;
+    const l = k, a = C, g = s(!1), p = B(() => l.isView), E = B(() => l.placeholder ? l.placeholder : F("请选择")), N = B(() => `width:${l.width === "auto" ? "100%" : l.width}`);
+    let r = s("");
+    r.value = l.modelValue;
+    const n = s(null), u = s(null);
+    let f = s(""), z = s([]);
+    j(
+      () => l.selectedOptions,
+      (e, m) => {
+        let h = "", I = [], b = [];
+        if (i(e) && i(m) && l.modelValue instanceof Array && !l.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 = p.value || l.disabled ? "-" : "";
             return;
           }
-          v = e.map((g) => {
-            const o = g[t.optionsLabelKey];
+          b = e.map((v) => {
+            const o = v[l.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[l.optionsValueKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), c = v.join("、");
+          }), h = te.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 || (z.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 ? z.value = f.length > 0 ? `共${v.length}项` : "" : z.value = "";
+        const A = l.noSetDefaultVal ? "" : "-";
+        r.value = (p.value || l.disabled) && i(h) ? A : h, z.value = I, I.length || (f.value = ""), a("update:modelValue", z.value), a("change", z.value, l.selectedOptions), P(() => {
+          var v, o, w, S;
+          ((v = n == null ? void 0 : n.value) == null ? void 0 : v.offsetWidth) > 0 && ((o = u == null ? void 0 : u.value) == null ? void 0 : o.offsetWidth) > 0 && ((w = u == null ? void 0 : u.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,121 +84,100 @@ 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");
+    }, K = () => {
+      f.value = "", r.value = "", a("update:selectedOptions", []), a("update:modelValue", []), a("clear-dialog"), a("change", [], []);
+    }, L = s(!1), Z = () => {
+      g.value = !0, l.errorMode === "overlay" && (L.value = !0);
     }, _ = () => {
-      z.value = "", n.value = "", s("update:selectedOptions", []), s("update:modelValue", []), s("clear-dialog"), s("change", [], []);
-    }, 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 = () => {
-      k.value = !0, A();
-    }, j = () => {
-      k.value = !1;
+      g.value = !1, l.errorMode === "overlay" && (L.value = !1);
     };
-    return (e, p) => (r(), i("div", Q({
+    return (e, m) => (d(), c("div", H({
       class: "das-ui-input-dialog-select",
       tabindex: "0",
-      style: $.value
+      style: N.value
     }, e.$attrs, {
       ref_key: "$refInputDialogSelect",
-      ref: B,
+      ref: O,
       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 }]
+      onMouseleave: _,
+      class: [
+        { "normal-size": e.size === "default" },
+        { "auto-size": e.size === "auto" },
+        { "small-size": e.size === "small" },
+        { "table-size": e.size === "table" },
+        { isview: p.value },
+        { disabled: e.disabled }
+      ]
     }), [
-      h("div", {
+      D("div", {
         ref_key: "dialogTextWrap",
-        ref: d,
-        class: U([
+        ref: n,
+        class: G([
           "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": !t(i)(t(r)) && e.isClear }
         ])
       }, [
-        a(b)(a(n)) && !a(b)(e.placeholder) && !m.value && !e.disabled ? (r(), i("div", ne, y(e.placeholder), 1)) : X((r(), i("div", de, [
-          h("span", {
+        t(i)(t(r)) && !t(i)(E.value) && !p.value && !e.disabled ? T((d(), c("div", ae, [
+          D("span", null, M(E.value), 1)
+        ])), [
+          [t($)]
+        ]) : T((d(), c("div", re, [
+          D("span", {
             ref_key: "dialogText",
             ref: u
-          }, y(a(n)), 513)
+          }, M(t(r)), 513)
         ])), [
-          [a(re)]
+          [t($)]
         ]),
-        m.value ? D("", !0) : (r(), i("span", ue, y(a(z)), 1)),
-        !m.value && !e.disabled ? (r(), i(E, { key: 3 }, [
-          !a(b)(a(n)) && e.isClear ? (r(), i("span", {
+        p.value ? y("", !0) : (d(), c("span", se, M(t(f)), 1)),
+        !p.value && !e.disabled ? (d(), c(J, { key: 3 }, [
+          !t(i)(t(r)) && e.isClear ? (d(), c("span", {
             key: 0,
             class: "das-ui-input-dialog-select-clear",
-            onClick: Y(_, ["stop"])
-          })) : D("", !0),
-          ee(a(ae), {
+            onClick: U(K, ["stop"])
+          })) : y("", !0),
+          Q(t(Y), {
             class: "das-ui-input-dialog-select-search",
             icon: e.suffixIcon,
-            onClick: R
+            onClick: V
           }, null, 8, ["icon"])
-        ], 64)) : D("", !0)
+        ], 64)) : y("", !0)
       ], 2),
-      h("div", pe, [
-        e.error && e.errorLabel && e.errorMode === "default" ? (r(), i("span", {
+      D("div", ie, [
+        e.error && e.errorLabel && e.errorMode === "default" ? (d(), c("span", {
           key: 0,
           class: "das-input-dialog-select-error-label",
           title: e.errorLabel
-        }, y(e.errorLabel), 9, ce)) : D("", !0)
+        }, M(e.errorLabel), 9, de)) : y("", !0)
       ]),
-      e.error && e.errorLabel && k.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)
-          ], 4)
-        ])) : (r(), i("div", fe, [
-          h("span", ve, y(e.errorLabel), 1)
-        ]))
-      ], 64)) : D("", !0)
+      e.error && e.errorLabel && g.value && e.errorMode === "overlay" && L.value ? (d(), q(t(x), {
+        key: 0,
+        errorLabel: e.errorLabel,
+        getEl: () => O.value,
+        errorModelZIndex: e.errorModelZIndex
+      }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : y("", !0)
     ], 16));
   }
-}), me = (M, S) => {
-  const t = M.__vccOpts || M;
-  for (const [s, k] of S)
-    t[s] = k;
-  return t;
-}, ge = /* @__PURE__ */ me(be, [["__scopeId", "data-v-dafac7ab"]]), he = {
-  "demo-msg": {
-    "zh-CN": "这是第一个示例路由页面",
-    en: "This is Demo Page"
-  }
-}, ye = {
+}), ue = (k, C) => {
+  const l = k.__vccOpts || k;
+  for (const [a, g] of C)
+    l[a] = g;
+  return l;
+}, ce = /* @__PURE__ */ ue(ne, [["__scopeId", "data-v-f6defb6e"]]), pe = {
+  请选择: { "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)"
@@ -210,13 +190,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(pe);
+le(fe);
+const De = R(ce);
 export {
-  Ce as DasInputDialogSelect,
-  Ce as default
+  De as DasInputDialogSelect,
+  De as default
 };

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

@@ -12,11 +12,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     optionsLabelKey: string;
     optionsValueKey: string;
     errorMode: string;
-    teleported: boolean;
     errorModelZIndex: number;
 }>, {}, 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;
@@ -33,7 +32,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     optionsLabelKey: string;
     optionsValueKey: string;
     errorMode: string;
-    teleported: boolean;
     errorModelZIndex: number;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
@@ -43,17 +41,16 @@ 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;
     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,69 @@
-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'
+
+  
+  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-dafac7ab]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-dafac7ab],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-dafac7ab]{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-dafac7ab],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-dafac7ab]{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-dafac7ab],.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-dafac7ab]{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-dafac7ab],.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-dafac7ab]{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-dafac7ab],.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-dafac7ab]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-dafac7ab]{width:230px}.das-ui-input-dialog-select.auto-size[data-v-dafac7ab]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-dafac7ab]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-dafac7ab],.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-dafac7ab]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-dafac7ab]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-dafac7ab],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-dafac7ab]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-dafac7ab]{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-dafac7ab],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-dafac7ab]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-dafac7ab]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-dafac7ab],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-dafac7ab],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-dafac7ab]{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-dafac7ab]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-dafac7ab]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-dafac7ab],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-dafac7ab]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-dafac7ab]{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-dafac7ab]{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-dafac7ab]{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-dafac7ab]: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-dafac7ab]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-dafac7ab]{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-dafac7ab]{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-dafac7ab]{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-dafac7ab]: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-dafac7ab]{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-dafac7ab]: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-dafac7ab]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-dafac7ab]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-dafac7ab]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-dafac7ab]{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-dafac7ab]{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-dafac7ab]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}
+.das-ui-input-dialog-select[data-v-f6defb6e]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-f6defb6e],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-f6defb6e]{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-f6defb6e],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-f6defb6e]{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-f6defb6e],.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-f6defb6e]{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-f6defb6e],.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-f6defb6e]{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-f6defb6e],.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-f6defb6e]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-f6defb6e]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-f6defb6e]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-f6defb6e]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-f6defb6e]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-f6defb6e]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-f6defb6e]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-f6defb6e]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-f6defb6e]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-f6defb6e],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-f6defb6e]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-f6defb6e]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-f6defb6e]{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-f6defb6e],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-f6defb6e]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-f6defb6e]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f6defb6e],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-f6defb6e],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-f6defb6e]{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-f6defb6e]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-f6defb6e]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f6defb6e],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-f6defb6e]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-f6defb6e]{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-f6defb6e]{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-f6defb6e]{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-f6defb6e]: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-f6defb6e]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-f6defb6e]{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-f6defb6e]{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-f6defb6e]{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-f6defb6e]: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-f6defb6e]{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-f6defb6e]: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-f6defb6e]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-f6defb6e]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-f6defb6e]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-f6defb6e]{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-f6defb6e]{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-f6defb6e]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}

package/packages/components/input-dialog-select/theme/index.d.ts

@@ -11,7 +11,7 @@ declare const _default: {
     '--das-ui-input-dialog-select-disabled-text': string;
     '--das-ui-input-dialog-select-border-active': string;
     '--das-ui-input-dialog-select-error-color': string;
-    '--das-ui-input-number-overlay-error-bg-color': string;
+    '--das-ui-color-overlay-error': string;
     '--das-ui-input-error-color': string;
 };
 export default _default;