@das-fed/ui 7.1.0-dev.9 → 7.1.0-qatar.2

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

@@ -1,22 +1,22 @@
 import '@das-fed/ui/packages/components/input-dialog-select/style.css';
-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, createCommentVNode as g, createBlock as q, normalizeClass as G, unref as t, withDirectives as T, toDisplayString as M, Fragment as J, createVNode as Q, withModifiers as U } from "vue";
+import { withInstall as W } from "@das-fed/utils/with-install/index";
+import { defineComponent as j, ref as s, computed as B, watch as P, nextTick as F, createElementBlock as c, openBlock as d, mergeProps as G, createElementVNode as M, createCommentVNode as g, createBlock as H, normalizeClass as q, unref as l, withDirectives as E, toDisplayString as C, 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 { vDasTooltip as S } 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 { getVarValue as ee, setGlobalThemeRule as oe, setThemeRule as le } from "@das-fed/web/packages/theme/index";
+import { t as N, currentLang as te, setI18nRule as ae } from "@das-fed/web/packages/i18n/index";
 import { isEmpty as i } from "@das-fed/utils/common-tools";
-const ae = {
+const re = {
   key: 0,
   class: "placeholder-text"
-}, re = {
+}, se = {
   key: 1,
   class: "dialog-text"
-}, se = {
+}, ie = {
   key: 2,
   class: "reset-plus"
-}, ie = { class: "das-input-dialog-select-label-content" }, de = ["title"], ne = /* @__PURE__ */ W({
+}, de = { class: "das-input-dialog-select-label-content" }, ne = ["title"], ue = /* @__PURE__ */ j({
   __name: "Index",
   props: {
     modelValue: {},
@@ -38,45 +38,45 @@ const ae = {
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["update:modelValue", "open-dialog", "clear-dialog", "update:selectedOptions", "change"],
-  setup(k, { emit: C }) {
+  setup(k, { emit: D }) {
     X({
       search: import("@das-fed/ui/packages/icons/search")
     });
-    const l = k, a = C, h = s(!1), p = B(() => l.isView), E = B(() => l.placeholder ? l.placeholder : F("请选择")), N = B(() => `width:${l.width === "auto" ? "100%" : l.width}`);
+    const o = k, a = D, h = s(!1), p = B(() => o.isView), O = B(() => o.placeholder ? o.placeholder : N("请选择")), V = B(() => `width:${o.width === "auto" ? "100%" : o.width}`);
     let r = s("");
-    r.value = l.modelValue;
+    r.value = o.modelValue;
     const n = s(null), u = s(null);
     let f = s(""), z = s([]);
-    j(
-      () => l.selectedOptions,
-      (e, m) => {
+    P(
+      () => o.selectedOptions,
+      (e, v) => {
         let b = "", I = [], y = [];
-        if (i(e) && i(m) && l.modelValue instanceof Array && !l.modelValue.length) {
+        if (i(e) && i(v) && o.modelValue instanceof Array && !o.modelValue.length) {
           r.value = "", f.value = "";
           return;
         }
-        if (i(e) && i(m)) return;
+        if (i(e) && i(v)) return;
         if (typeof e == "string")
           b = e;
         else if (e instanceof Array) {
-          if (!(e != null && e.length) && !(m != null && m.length)) {
-            r.value = p.value || l.disabled ? "-" : "";
+          if (!(e != null && e.length) && !(v != null && v.length)) {
+            r.value = p.value || o.disabled ? "-" : "";
             return;
           }
-          y = e.map((v) => {
-            const o = v[l.optionsLabelKey];
-            if (!(o === null || typeof o > "u" || o === ""))
-              return o;
-          }), I = e.map((v) => {
-            const o = v[l.optionsValueKey];
-            if (!(o === null || typeof o > "u" || o === ""))
-              return o;
+          y = e.map((m) => {
+            const t = m[o.optionsLabelKey];
+            if (!(t === null || typeof t > "u" || t === ""))
+              return t;
+          }), I = e.map((m) => {
+            const t = m[o.optionsValueKey];
+            if (!(t === null || typeof t > "u" || t === ""))
+              return t;
           }), b = te.value === "zh-CN" ? y.join("、") : y.join(",");
         }
-        const A = l.noSetDefaultVal ? "" : "-";
-        r.value = (p.value || l.disabled) && i(b) ? A : b, 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 && y.length > 1 ? f.value = I.length > 0 ? `${F("das-framework-input-dialog-select-total-items", y.length)}` : "" : f.value = "";
+        const A = o.noSetDefaultVal ? "" : "-";
+        r.value = (p.value || o.disabled) && i(b) ? A : b, z.value = I, I.length || (f.value = ""), a("update:modelValue", z.value), a("change", z.value, o.selectedOptions), F(() => {
+          var m, t, $, w;
+          ((m = n == null ? void 0 : n.value) == null ? void 0 : m.offsetWidth) > 0 && ((t = u == null ? void 0 : u.value) == null ? void 0 : t.offsetWidth) > 0 && (($ = u == null ? void 0 : u.value) == null ? void 0 : $.offsetWidth) > ((w = n == null ? void 0 : n.value) == null ? void 0 : w.offsetWidth) - 20 && y.length > 1 ? f.value = I.length > 0 ? `${N("das-framework-input-dialog-select-total-items", y.length)}` : "" : f.value = "";
         });
       },
       {
@@ -84,31 +84,31 @@ const ae = {
         immediate: !0
       }
     );
-    const O = s();
+    const T = s();
     s({
       display: "block",
       color: ee("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
       // 'word-break': 'break-all',
     });
-    const V = () => {
+    const K = () => {
       a("open-dialog");
-    }, K = () => {
+    }, R = () => {
       f.value = "", r.value = "", a("update:selectedOptions", []), a("update:modelValue", []), a("clear-dialog"), a("change", [], []);
     }, L = s(!1), Z = () => {
-      h.value = !0, l.errorMode === "overlay" && (L.value = !0);
+      h.value = !0, o.errorMode === "overlay" && (L.value = !0);
     }, _ = () => {
-      h.value = !1, l.errorMode === "overlay" && (L.value = !1);
+      h.value = !1, o.errorMode === "overlay" && (L.value = !1);
     };
-    return (e, m) => (d(), c(
+    return (e, v) => (d(), c(
       "div",
-      H({
+      G({
         class: "das-ui-input-dialog-select",
         tabindex: "0",
-        style: N.value
+        style: V.value
       }, e.$attrs, {
         ref_key: "$refInputDialogSelect",
-        ref: O,
+        ref: T,
         onMouseenter: Z,
         onMouseleave: _,
         class: [
@@ -121,47 +121,47 @@ const ae = {
         ]
       }),
       [
-        D(
+        M(
           "div",
           {
             ref_key: "dialogTextWrap",
             ref: n,
-            class: G([
+            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": !t(i)(t(r)) && e.isClear }
+              { "das-input-dialog-select-clear-mode": !l(i)(l(r)) && e.isClear }
             ])
           },
           [
-            t(i)(t(r)) && !t(i)(E.value) && !p.value && !e.disabled ? T((d(), c("div", ae, [
-              D(
+            l(i)(l(r)) && !l(i)(O.value) && !p.value && !e.disabled ? E((d(), c("div", re, [
+              M(
                 "span",
                 null,
-                M(E.value),
+                C(O.value),
                 1
                 /* TEXT */
               )
             ])), [
-              [t($)]
-            ]) : T((d(), c("div", re, [
-              D(
+              [l(S)]
+            ]) : E((d(), c("div", se, [
+              M(
                 "span",
                 {
                   ref_key: "dialogText",
                   ref: u
                 },
-                M(t(r)),
+                C(l(r)),
                 513
                 /* TEXT, NEED_PATCH */
               )
             ])), [
-              [t($)]
+              [l(S)]
             ]),
             p.value ? g("v-if", !0) : (d(), c(
               "span",
-              se,
-              M(t(f)),
+              ie,
+              C(l(f)),
               1
               /* TEXT */
             )),
@@ -169,15 +169,15 @@ const ae = {
               J,
               { key: 3 },
               [
-                !t(i)(t(r)) && e.isClear ? (d(), c("span", {
+                !l(i)(l(r)) && e.isClear ? (d(), c("span", {
                   key: 0,
                   class: "das-ui-input-dialog-select-clear",
-                  onClick: U(K, ["stop"])
+                  onClick: U(R, ["stop"])
                 })) : g("v-if", !0),
-                Q(t(Y), {
+                Q(l(Y), {
                   class: "das-ui-input-dialog-select-search",
                   icon: e.suffixIcon,
-                  onClick: V
+                  onClick: K
                 }, null, 8, ["icon"])
               ],
               64
@@ -187,18 +187,18 @@ const ae = {
           2
           /* CLASS */
         ),
-        D("div", ie, [
+        M("div", de, [
           e.error && e.errorLabel && e.errorMode === "default" ? (d(), c("span", {
             key: 0,
             class: "das-input-dialog-select-error-label",
             title: e.errorLabel
-          }, M(e.errorLabel), 9, de)) : g("v-if", !0)
+          }, C(e.errorLabel), 9, ne)) : g("v-if", !0)
         ]),
         g(" 错误状态 "),
-        e.error && e.errorLabel && h.value && e.errorMode === "overlay" && L.value ? (d(), q(t(x), {
+        e.error && e.errorLabel && h.value && e.errorMode === "overlay" && L.value ? (d(), H(l(x), {
           key: 0,
           errorLabel: e.errorLabel,
-          getEl: () => O.value,
+          getEl: () => T.value,
           errorModelZIndex: e.errorModelZIndex
         }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : g("v-if", !0)
       ],
@@ -206,34 +206,31 @@ const ae = {
       /* FULL_PROPS */
     ));
   }
-}), ue = (k, C) => {
-  const l = k.__vccOpts || k;
-  for (const [a, h] of C)
-    l[a] = h;
-  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)"
-  },
-  "--das-ui-input-dialog-select-border": "#999",
-  "--das-ui-input-dialog-select-border-all": "#d9d9d9",
-  "--das-ui-input-dialog-select-view-border": "#e5e5e5",
-  "--das-ui-input-dialog-select-icon": "#666",
-  "--das-ui-input-dialog-select-text": "#212121",
-  "--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-color-overlay-error": "#FFDBE0",
-  "--das-ui-input-error-color": "#FB2323"
+}), ce = (k, D) => {
+  const o = k.__vccOpts || k;
+  for (const [a, h] of D)
+    o[a] = h;
+  return o;
+}, pe = /* @__PURE__ */ ce(ue, [["__scopeId", "data-v-15db4f3d"]]), fe = {
+  请选择: { "zh-CN": "请选择", en: "Please select", ar: "الرجاء الاختيار", _appCode: "framework" },
+  "das-framework-input-dialog-select-total-items": { "zh-CN": "共$0项", en: "Total $0 Items", ar: "إجمالي $0 عنصر", _appCode: "framework" }
+}, ve = {
+  "--das-ui-input-dialog-select-border": "var(--das-color-text-subtle)",
+  "--das-ui-input-dialog-select-border-all": "var(--das-color-border-strong)",
+  "--das-ui-input-dialog-select-view-border": "var(--das-color-border-base)",
+  "--das-ui-input-dialog-select-icon": "var(--das-color-text-body)",
+  "--das-ui-input-dialog-select-text": "var(--das-color-text-title)",
+  "--das-ui-input-dialog-select-disabled-text": "var(--das-color-text-caption)",
+  "--das-ui-input-dialog-select-border-active": "var(--das-color-brand-primary)",
+  "--das-ui-input-dialog-select-error-color": "var(--das-color-danger)",
+  "--das-ui-color-overlay-error": "var(--das-color-danger-light)",
+  "--das-ui-input-error-color": "var(--das-color-danger)"
 };
-oe(pe);
-le(fe);
-const De = R(ce);
+oe();
+ae(fe);
+le(ve);
+const Ce = W(pe);
 export {
-  De as DasInputDialogSelect,
-  De as default
+  Ce as DasInputDialogSelect,
+  Ce as default
 };

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

@@ -1 +1 @@
-.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)}
+.das-ui-input-dialog-select[data-v-15db4f3d]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-15db4f3d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-15db4f3d]{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-15db4f3d],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-15db4f3d]{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-15db4f3d],.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-15db4f3d]{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-15db4f3d],.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-15db4f3d]{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-15db4f3d],.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-15db4f3d]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-15db4f3d]{width:230px}.das-ui-input-dialog-select.normal-size .reset-plus[data-v-15db4f3d]{height:20px;line-height:20px}.das-ui-input-dialog-select.auto-size[data-v-15db4f3d]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-15db4f3d]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-15db4f3d]{height:20px;line-height:20px;font-size:14px}html[lang=ar] .das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-15db4f3d],:host-context(html[lang="ar"]) .das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-15db4f3d]{font-size:16px}.das-ui-input-dialog-select.small-size .reset-plus[data-v-15db4f3d]{height:20px;line-height:20px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-15db4f3d]{height:20px;line-height:20px;font-size:14px}html[lang=ar] .das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-15db4f3d],:host-context(html[lang="ar"]) .das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-15db4f3d]{font-size:16px}.das-ui-input-dialog-select.table-size[data-v-15db4f3d]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-15db4f3d]{height:24px;line-height:24px;font-size:12px}html[lang=ar] .das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-15db4f3d],:host-context(html[lang="ar"]) .das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-15db4f3d]{font-size:14px}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-15db4f3d]{height:24px;line-height:24px;font-size:12px}html[lang=ar] .das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-15db4f3d],:host-context(html[lang="ar"]) .das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-15db4f3d]{font-size:14px}.das-ui-input-dialog-select.table-size .reset-plus[data-v-15db4f3d]{height:24px;line-height:24px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-15db4f3d]{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-15db4f3d],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-15db4f3d]{color:var(--das-ui-input-dialog-select-disabled-text)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-15db4f3d]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-15db4f3d],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-15db4f3d],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-15db4f3d]{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-15db4f3d]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-15db4f3d]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-15db4f3d],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-15db4f3d]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-15db4f3d]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:var(--das-color-bg-container);border-radius:var(--das-radius-md);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-15db4f3d]{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-15db4f3d]{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-15db4f3d]: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-15db4f3d]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-15db4f3d]{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}html[lang=ar] .das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-15db4f3d],:host-context(html[lang="ar"]) .das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-15db4f3d]{font-size:16px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-15db4f3d]{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}html[lang=ar] .das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-15db4f3d],:host-context(html[lang="ar"]) .das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-15db4f3d]{font-size:16px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-15db4f3d]{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-15db4f3d]: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-15db4f3d]{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-15db4f3d]: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-15db4f3d]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-15db4f3d]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-15db4f3d]{font-size:12px}html[lang=ar] .das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-15db4f3d],:host-context(html[lang="ar"]) .das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-15db4f3d]{font-size:14px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-15db4f3d]{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-15db4f3d]{width:100%;position:absolute;left:0;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:var(--das-radius-xs);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-15db4f3d]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}html[lang=ar] .das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-15db4f3d],:host-context(html[lang="ar"]) .das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-15db4f3d]{font-size:14px}

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

@@ -1,8 +1,4 @@
 declare const _default: {
-    '--demo-alert-bg': {
-        light: string;
-        dark: string;
-    };
     '--das-ui-input-dialog-select-border': string;
     '--das-ui-input-dialog-select-border-all': string;
     '--das-ui-input-dialog-select-view-border': string;