@das-fed/ui 6.4.0-dev.9 → 6.4.0-dev.90

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 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 Q } from "@das-fed/utils/with-install/index";
+import { defineComponent as U, ref as a, computed as I, watch as X, nextTick as Y, openBlock as r, createElementBlock as d, mergeProps as ee, createElementVNode as g, normalizeClass as te, unref as l, withDirectives as $, toDisplayString as k, createCommentVNode as M, Fragment as E, withModifiers as oe, createVNode as le, createBlock as ae, Teleport as re, normalizeStyle as F } from "vue";
+import { DasAutoRegisterIcon as se, DasIcon as ie } from "@das-fed/ui/packages/components/icon/index";
+import { vDasTooltip as V } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { getVarValue as N, setThemeRule as de } from "@das-fed/web/packages/theme/index";
+import { t as W, setI18nRule as ne } from "@das-fed/web/packages/i18n/index";
+import { isEmpty as n } from "@das-fed/utils/common-tools";
+const ue = {
   key: 0,
   class: "placeholder-text"
-}, de = {
+}, ce = {
   key: 1,
   class: "dialog-text"
-}, ue = {
+}, pe = {
   key: 2,
   class: "reset-plus"
-}, pe = { class: "das-input-dialog-select-label-content" }, ce = ["title"], fe = {
+}, fe = { class: "das-input-dialog-select-label-content" }, ve = ["title"], me = {
   key: 1,
   class: "das-input-dialog-select-overlay-error-label-content"
-}, ve = { class: "label" }, be = /* @__PURE__ */ q({
+}, ge = { class: "label" }, be = /* @__PURE__ */ U({
   __name: "Index",
   props: {
     modelValue: {},
@@ -34,48 +34,52 @@ const ne = {
     borderType: { default: "bottom" },
     optionsLabelKey: { default: "name" },
     optionsValueKey: { default: "id" },
-    placeholder: {},
+    placeholder: { default: W("请选择") },
     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(B, { emit: S }) {
+    se({
       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(
+    const t = B, s = S, z = a(!1), K = I(() => t.teleported), b = I(() => t.isView), x = I(() => t.placeholder), P = I(() => `width:${t.width === "auto" ? "100%" : t.width}`);
+    let i = a("");
+    i.value = t.modelValue;
+    const c = a(null), p = a(null);
+    let h = a(""), w = a([]);
+    X(
       () => t.selectedOptions,
-      (e, p) => {
-        let c = "", f = [], v = [];
-        if (b(e) && b(!p)) return;
+      (e, u) => {
+        let f = "", v = [], m = [];
+        if (n(e) && n(u) && t.modelValue instanceof Array && !t.modelValue.length) {
+          i.value = "", h.value = "";
+          return;
+        }
+        if (n(e) && n(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 = b.value || t.disabled ? "-" : "";
             return;
           }
-          v = e.map((g) => {
-            const o = g[t.optionsLabelKey];
+          m = e.map((y) => {
+            const o = y[t.optionsLabelKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), f = e.map((g) => {
-            const o = g[t.optionsValueKey];
+          }), v = e.map((y) => {
+            const o = y[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 || (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 = "";
+        i.value = (b.value || t.disabled) && n(f) ? L : f, w.value = v, v.length || (h.value = ""), s("update:modelValue", w.value), s("change", w.value, t.selectedOptions), Y(() => {
+          var y, o, _, O;
+          ((y = c == null ? void 0 : c.value) == null ? void 0 : y.offsetWidth) > 0 && ((o = p == null ? void 0 : p.value) == null ? void 0 : o.offsetWidth) > 0 && ((_ = p == null ? void 0 : p.value) == null ? void 0 : _.offsetWidth) > ((O = c == null ? void 0 : c.value) == null ? void 0 : O.offsetWidth) - 20 && m.length > 1 ? h.value = v.length > 0 ? `${W("das-framework-input-dialog-select-total-items", m.length)}` : "" : h.value = "";
         });
       },
       {
@@ -83,121 +87,130 @@ const ne = {
         immediate: !0
       }
     );
-    const B = l(), I = l({
+    const C = a(), D = a({
       x: 0,
       y: 0
-    }), w = l(0), K = l({
+    }), T = a(0), R = a({
       "font-size": "12px",
-      "background-color": V("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": N("--das-ui-color-overlay-error").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "2px 8px",
       "box-sizing": "border-box"
-    }), N = C(() => ({
-      ...K.value,
-      width: w.value + "px",
+    }), A = I(() => ({
+      ...R.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
-    })), P = l({
+    })), Z = a({
       display: "block",
-      color: V("--das-ui-input-error-color").value,
-      "white-space": "break-spaces",
-      "word-break": "break-all"
-    }), R = () => {
+      color: N("--das-ui-input-error-color").value,
+      "white-space": "break-spaces"
+      // 'word-break': 'break-all',
+    }), j = () => {
       s("open-dialog");
-    }, _ = () => {
-      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;
+    }, H = () => {
+      h.value = "", i.value = "", s("update:selectedOptions", []), s("update:modelValue", []), s("clear-dialog"), s("change", [], []);
+    }, q = () => {
+      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;
+    }, G = () => {
+      z.value = !0, q();
+    }, J = () => {
+      z.value = !1;
     };
-    return (e, p) => (r(), i("div", Q({
+    return (e, u) => (r(), d("div", ee({
       class: "das-ui-input-dialog-select",
       tabindex: "0",
-      style: $.value
+      style: P.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 }]
+      ref: C,
+      onMouseenter: G,
+      onMouseleave: J,
+      class: [
+        { "normal-size": e.size === "default" },
+        { "auto-size": e.size === "auto" },
+        { "small-size": e.size === "small" },
+        { "table-size": e.size === "table" },
+        { isview: b.value },
+        { disabled: e.disabled }
+      ]
     }), [
-      h("div", {
+      g("div", {
         ref_key: "dialogTextWrap",
-        ref: d,
-        class: U([
+        ref: c,
+        class: te([
           "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": !l(n)(l(i)) && 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", {
+        l(n)(l(i)) && !l(n)(x.value) && !b.value && !e.disabled ? $((r(), d("div", ue, [
+          g("span", null, k(x.value), 1)
+        ])), [
+          [l(V)]
+        ]) : $((r(), d("div", ce, [
+          g("span", {
             ref_key: "dialogText",
-            ref: u
-          }, y(a(n)), 513)
+            ref: p
+          }, k(l(i)), 513)
         ])), [
-          [a(re)]
+          [l(V)]
         ]),
-        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", {
+        b.value ? M("", !0) : (r(), d("span", pe, k(l(h)), 1)),
+        !b.value && !e.disabled ? (r(), d(E, { key: 3 }, [
+          !l(n)(l(i)) && e.isClear ? (r(), d("span", {
             key: 0,
             class: "das-ui-input-dialog-select-clear",
-            onClick: Y(_, ["stop"])
-          })) : D("", !0),
-          ee(a(ae), {
+            onClick: oe(H, ["stop"])
+          })) : M("", !0),
+          le(l(ie), {
             class: "das-ui-input-dialog-select-search",
             icon: e.suffixIcon,
-            onClick: R
+            onClick: j
           }, null, 8, ["icon"])
-        ], 64)) : D("", !0)
+        ], 64)) : M("", !0)
       ], 2),
-      h("div", pe, [
-        e.error && e.errorLabel && e.errorMode === "default" ? (r(), i("span", {
+      g("div", fe, [
+        e.error && e.errorLabel && e.errorMode === "default" ? (r(), d("span", {
           key: 0,
           class: "das-input-dialog-select-error-label",
           title: e.errorLabel
-        }, y(e.errorLabel), 9, ce)) : D("", !0)
+        }, k(e.errorLabel), 9, ve)) : M("", !0)
       ]),
-      e.error && e.errorLabel && k.value && e.errorMode === "overlay" ? (r(), i(E, { key: 0 }, [
-        W.value ? (r(), te(oe, {
+      e.error && e.errorLabel && z.value && e.errorMode === "overlay" ? (r(), d(E, { key: 0 }, [
+        K.value ? (r(), ae(re, {
           key: 0,
           to: "body"
         }, [
-          h("div", {
-            style: F(N.value)
+          g("div", {
+            style: F(A.value)
           }, [
-            h("span", {
-              style: F(P.value)
-            }, y(e.errorLabel), 5)
+            g("span", {
+              style: F(Z.value)
+            }, k(e.errorLabel), 5)
           ], 4)
-        ])) : (r(), i("div", fe, [
-          h("span", ve, y(e.errorLabel), 1)
+        ])) : (r(), d("div", me, [
+          g("span", ge, k(e.errorLabel), 1)
         ]))
-      ], 64)) : D("", !0)
+      ], 64)) : M("", !0)
     ], 16));
   }
-}), me = (M, S) => {
-  const t = M.__vccOpts || M;
-  for (const [s, k] of S)
-    t[s] = k;
+}), he = (B, S) => {
+  const t = B.__vccOpts || B;
+  for (const [s, z] of S)
+    t[s] = z;
   return t;
-}, ge = /* @__PURE__ */ me(be, [["__scopeId", "data-v-4623763f"]]), he = {
-  "demo-msg": {
-    "zh-CN": "这是第一个示例路由页面",
-    en: "This is Demo Page"
-  }
-}, ye = {
+}, ye = /* @__PURE__ */ he(be, [["__scopeId", "data-v-f26cfc1d"]]), 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)"
@@ -210,13 +223,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);
+ne(ke);
+de(ze);
+const we = Q(ye);
 export {
-  Ce as DasInputDialogSelect,
-  Ce as default
+  we as DasInputDialogSelect,
+  we 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-f26cfc1d]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-f26cfc1d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-f26cfc1d]{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-f26cfc1d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-f26cfc1d]{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-f26cfc1d],.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-f26cfc1d]{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-f26cfc1d],.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-f26cfc1d]{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-f26cfc1d],.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-f26cfc1d]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-f26cfc1d]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-f26cfc1d]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-f26cfc1d]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-f26cfc1d]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-f26cfc1d]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-f26cfc1d]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-f26cfc1d]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-f26cfc1d]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-f26cfc1d],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-f26cfc1d]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-f26cfc1d]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-f26cfc1d]{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-f26cfc1d],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-f26cfc1d]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-f26cfc1d]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f26cfc1d],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-f26cfc1d],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-f26cfc1d]{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-f26cfc1d]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-f26cfc1d]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-f26cfc1d],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-f26cfc1d]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-f26cfc1d]{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-f26cfc1d]{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-f26cfc1d]{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-f26cfc1d]: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-f26cfc1d]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-f26cfc1d]{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-f26cfc1d]{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-f26cfc1d]{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-f26cfc1d]: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-f26cfc1d]{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-f26cfc1d]: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-f26cfc1d]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-f26cfc1d]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-f26cfc1d]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-f26cfc1d]{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-f26cfc1d]{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-f26cfc1d]{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;