@das-fed/ui 6.4.0-test.10 → 6.4.0-test.11

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 G } from "@das-fed/utils/with-install/index";
-import { defineComponent as J, ref as l, computed as M, watch as Q, nextTick as U, openBlock as r, createElementBlock as n, mergeProps as X, createElementVNode as y, normalizeClass as Y, unref as a, toDisplayString as k, withDirectives as ee, createCommentVNode as z, Fragment as $, withModifiers as te, createVNode as oe, createBlock as le, Teleport as ae, normalizeStyle as E } from "vue";
-import { DasAutoRegisterIcon as re, DasIcon as se } from "@das-fed/ui/packages/components/icon/index";
-import { vDasTooltip as ie } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { getVarValue as F, setThemeRule as ne } from "@das-fed/web/packages/theme/index";
-import { t as V, setI18nRule as de } from "@das-fed/web/packages/i18n/index";
-import { isEmpty as d } from "@das-fed/utils/common-tools";
+import { withInstall as Q } from "@das-fed/utils/with-install/index";
+import { defineComponent as U, ref as a, computed as M, 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 z, 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"
-}, pe = {
+}, ce = {
   key: 1,
   class: "dialog-text"
-}, ce = {
+}, pe = {
   key: 2,
   class: "reset-plus"
 }, fe = { class: "das-input-dialog-select-label-content" }, ve = ["title"], me = {
   key: 1,
   class: "das-input-dialog-select-overlay-error-label-content"
-}, ge = { class: "label" }, be = /* @__PURE__ */ J({
+}, ge = { class: "label" }, be = /* @__PURE__ */ U({
   __name: "Index",
   props: {
     modelValue: {},
@@ -34,7 +34,7 @@ const ue = {
     borderType: { default: "bottom" },
     optionsLabelKey: { default: "name" },
     optionsValueKey: { default: "id" },
-    placeholder: { default: V("请选择") },
+    placeholder: { default: W("请选择") },
     errorMode: { default: "default" },
     teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
@@ -42,44 +42,44 @@ const ue = {
   },
   emits: ["update:modelValue", "open-dialog", "clear-dialog", "update:selectedOptions", "change"],
   setup(B, { emit: S }) {
-    re({
+    se({
       search: import("@das-fed/ui/packages/icons/search")
     });
-    const t = B, s = S, I = l(!1), N = M(() => t.teleported), g = M(() => t.isView), x = M(() => t.placeholder), W = M(() => `width:${t.width === "auto" ? "100%" : t.width}`);
-    let i = l("");
+    const t = B, s = S, I = a(!1), K = M(() => t.teleported), b = M(() => t.isView), x = M(() => t.placeholder), P = M(() => `width:${t.width === "auto" ? "100%" : t.width}`);
+    let i = a("");
     i.value = t.modelValue;
-    const p = l(null), c = l(null);
-    let b = l(""), w = l([]);
-    Q(
+    const c = a(null), p = a(null);
+    let h = a(""), w = a([]);
+    X(
       () => t.selectedOptions,
       (e, u) => {
         let f = "", v = [], m = [];
-        if (d(e) && d(u) && t.modelValue instanceof Array && !t.modelValue.length) {
-          i.value = "", b.value = "";
+        if (n(e) && n(u) && t.modelValue instanceof Array && !t.modelValue.length) {
+          i.value = "", h.value = "";
           return;
         }
-        if (d(e) && d(u)) return;
+        if (n(e) && n(u)) return;
         if (typeof e == "string")
           f = e;
         else if (e instanceof Array) {
           if (!(e != null && e.length) && !(u != null && u.length)) {
-            i.value = g.value || t.disabled ? "-" : "";
+            i.value = b.value || t.disabled ? "-" : "";
             return;
           }
-          m = e.map((h) => {
-            const o = h[t.optionsLabelKey];
+          m = e.map((y) => {
+            const o = y[t.optionsLabelKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
-          }), v = e.map((h) => {
-            const o = h[t.optionsValueKey];
+          }), v = e.map((y) => {
+            const o = y[t.optionsValueKey];
             if (!(o === null || typeof o > "u" || o === ""))
               return o;
           }), f = m.join("、");
         }
         const L = t.noSetDefaultVal ? "" : "-";
-        i.value = (g.value || t.disabled) && d(f) ? L : f, w.value = v, v.length || (b.value = ""), s("update:modelValue", w.value), s("change", w.value, t.selectedOptions), U(() => {
-          var h, o, _, O;
-          ((h = p == null ? void 0 : p.value) == null ? void 0 : h.offsetWidth) > 0 && ((o = c == null ? void 0 : c.value) == null ? void 0 : o.offsetWidth) > 0 && ((_ = c == null ? void 0 : c.value) == null ? void 0 : _.offsetWidth) > ((O = p == null ? void 0 : p.value) == null ? void 0 : O.offsetWidth) - 20 && m.length > 1 ? b.value = v.length > 0 ? `${V("das-framework-input-dialog-select-total-items", m.length)}` : "" : b.value = "";
+        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 = "";
         });
       },
       {
@@ -87,116 +87,120 @@ const ue = {
         immediate: !0
       }
     );
-    const C = l(), D = l({
+    const C = a(), D = a({
       x: 0,
       y: 0
-    }), T = l(0), K = l({
+    }), T = a(0), R = a({
       "font-size": "12px",
-      "background-color": F("--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"
-    }), P = M(() => ({
-      ...K.value,
+    }), A = M(() => ({
+      ...R.value,
       width: T.value + "px",
       position: "fixed",
       visibility: "visible",
       top: D.value.y + "px",
       left: D.value.x + "px",
       "z-index": t.errorModelZIndex
-    })), R = l({
+    })), Z = a({
       display: "block",
-      color: F("--das-ui-input-error-color").value,
+      color: N("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
       // 'word-break': 'break-all',
-    }), A = () => {
+    }), j = () => {
       s("open-dialog");
-    }, Z = () => {
-      b.value = "", i.value = "", s("update:selectedOptions", []), s("update:modelValue", []), s("clear-dialog"), s("change", [], []);
-    }, j = () => {
+    }, 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;
-    }, H = () => {
-      I.value = !0, j();
-    }, q = () => {
+    }, G = () => {
+      I.value = !0, q();
+    }, J = () => {
       I.value = !1;
     };
-    return (e, u) => (r(), n(
+    return (e, u) => (r(), d(
       "div",
-      X({
+      ee({
         class: "das-ui-input-dialog-select",
         tabindex: "0",
-        style: W.value
+        style: P.value
       }, e.$attrs, {
         ref_key: "$refInputDialogSelect",
         ref: C,
-        onMouseenter: H,
-        onMouseleave: q,
+        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: g.value },
+          { isview: b.value },
           { disabled: e.disabled }
         ]
       }),
       [
-        y(
+        g(
           "div",
           {
             ref_key: "dialogTextWrap",
-            ref: p,
-            class: Y([
+            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(d)(a(i)) && e.isClear }
+              { "das-input-dialog-select-clear-mode": !l(n)(l(i)) && e.isClear }
             ])
           },
           [
-            a(d)(a(i)) && !a(d)(x.value) && !g.value && !e.disabled ? (r(), n(
-              "div",
-              ue,
-              k(x.value),
-              1
-              /* TEXT */
-            )) : ee((r(), n("div", pe, [
-              y(
+            l(n)(l(i)) && !l(n)(x.value) && !b.value && !e.disabled ? $((r(), d("div", ue, [
+              g(
+                "span",
+                null,
+                k(x.value),
+                1
+                /* TEXT */
+              )
+            ])), [
+              [l(V)]
+            ]) : $((r(), d("div", ce, [
+              g(
                 "span",
                 {
                   ref_key: "dialogText",
-                  ref: c
+                  ref: p
                 },
-                k(a(i)),
+                k(l(i)),
                 513
                 /* TEXT, NEED_PATCH */
               )
             ])), [
-              [a(ie)]
+              [l(V)]
             ]),
-            g.value ? z("v-if", !0) : (r(), n(
+            b.value ? z("v-if", !0) : (r(), d(
               "span",
-              ce,
-              k(a(b)),
+              pe,
+              k(l(h)),
               1
               /* TEXT */
             )),
-            !g.value && !e.disabled ? (r(), n(
-              $,
+            !b.value && !e.disabled ? (r(), d(
+              E,
               { key: 3 },
               [
-                !a(d)(a(i)) && e.isClear ? (r(), n("span", {
+                !l(n)(l(i)) && e.isClear ? (r(), d("span", {
                   key: 0,
                   class: "das-ui-input-dialog-select-clear",
-                  onClick: te(Z, ["stop"])
+                  onClick: oe(H, ["stop"])
                 })) : z("v-if", !0),
-                oe(a(se), {
+                le(l(ie), {
                   class: "das-ui-input-dialog-select-search",
                   icon: e.suffixIcon,
-                  onClick: A
+                  onClick: j
                 }, null, 8, ["icon"])
               ],
               64
@@ -206,32 +210,32 @@ const ue = {
           2
           /* CLASS */
         ),
-        y("div", fe, [
-          e.error && e.errorLabel && e.errorMode === "default" ? (r(), n("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
           }, k(e.errorLabel), 9, ve)) : z("v-if", !0)
         ]),
         z(" 错误状态 "),
-        e.error && e.errorLabel && I.value && e.errorMode === "overlay" ? (r(), n(
-          $,
+        e.error && e.errorLabel && I.value && e.errorMode === "overlay" ? (r(), d(
+          E,
           { key: 0 },
           [
-            N.value ? (r(), le(ae, {
+            K.value ? (r(), ae(re, {
               key: 0,
               to: "body"
             }, [
-              y(
+              g(
                 "div",
                 {
-                  style: E(P.value)
+                  style: F(A.value)
                 },
                 [
-                  y(
+                  g(
                     "span",
                     {
-                      style: E(R.value)
+                      style: F(Z.value)
                     },
                     k(e.errorLabel),
                     5
@@ -241,8 +245,8 @@ const ue = {
                 4
                 /* STYLE */
               )
-            ])) : (r(), n("div", me, [
-              y(
+            ])) : (r(), d("div", me, [
+              g(
                 "span",
                 ge,
                 k(e.errorLabel),
@@ -264,7 +268,7 @@ const ue = {
   for (const [s, I] of S)
     t[s] = I;
   return t;
-}, ye = /* @__PURE__ */ he(be, [["__scopeId", "data-v-7ed4fec5"]]), ke = {
+}, 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 = {
@@ -280,12 +284,12 @@ const ue = {
   "--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"
 };
-de(ke);
-ne(ze);
-const we = G(ye);
+ne(ke);
+de(ze);
+const we = Q(ye);
 export {
   we as DasInputDialogSelect,
   we as default

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

@@ -1 +1 @@
-.das-ui-input-dialog-select[data-v-7ed4fec5]{display:inline-block;position:relative;vertical-align:bottom}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content[data-v-7ed4fec5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content[data-v-7ed4fec5]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom[data-v-7ed4fec5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom[data-v-7ed4fec5]{border-color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-7ed4fec5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.only-border-bottom.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-7ed4fec5]{right:18px}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-7ed4fec5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-7ed4fec5]{visibility:visible}.das-ui-input-dialog-select:hover .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-7ed4fec5],.das-ui-input-dialog-select:focus .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-ui-input-dialog-select-clear[data-v-7ed4fec5]{right:30px}.das-ui-input-dialog-select.normal-size[data-v-7ed4fec5]{width:230px}.das-ui-input-dialog-select.auto-size[data-v-7ed4fec5]{width:100%}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content[data-v-7ed4fec5]{padding:1px 8px}.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .dialog-text[data-v-7ed4fec5],.das-ui-input-dialog-select.small-size .das-ui-input-dialog-select-content .placeholder-text[data-v-7ed4fec5]{height:20px;line-height:20px;font-size:14px}.das-ui-input-dialog-select.table-size[data-v-7ed4fec5]{width:100%}.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .dialog-text[data-v-7ed4fec5],.das-ui-input-dialog-select.table-size .das-ui-input-dialog-select-content .placeholder-text[data-v-7ed4fec5]{height:24px;line-height:24px;font-size:12px}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content[data-v-7ed4fec5]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .dialog-text[data-v-7ed4fec5],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .reset-plus[data-v-7ed4fec5]{color:#b2b2b2}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content .das-icon[data-v-7ed4fec5]{cursor:not-allowed}.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-7ed4fec5],.das-ui-input-dialog-select.disabled .das-ui-input-dialog-select-content.only-border-bottom[data-v-7ed4fec5],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content[data-v-7ed4fec5]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .dialog-text[data-v-7ed4fec5]{color:var(--das-ui-input-dialog-select-text)}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content .das-icon[data-v-7ed4fec5]{cursor:not-allowed}.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-7ed4fec5],.das-ui-input-dialog-select.isview .das-ui-input-dialog-select-content.only-border-bottom[data-v-7ed4fec5]{border-color:var(--das-ui-input-dialog-select-view-border)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content[data-v-7ed4fec5]{border:1px solid var(--das-ui-input-dialog-select-border-all);background:#fff;border-radius:2px;padding:2px 8px;display:flex;align-items:center}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-error[data-v-7ed4fec5]{border-color:var(--das-ui-input-dialog-select-error-color)!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-7ed4fec5]{border-color:var(--das-ui-input-dialog-select-border);padding:1px 0 2px;border-width:0 0 1px 0!important;border-radius:0;background:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.only-border-bottom[data-v-7ed4fec5]:focus{border-width:0 0 1px 0!important}.das-ui-input-dialog-select .das-ui-input-dialog-select-content.das-input-dialog-select-clear-mode .das-icon[data-v-7ed4fec5]{margin-left:15px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .dialog-text[data-v-7ed4fec5]{height:20px;flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--das-ui-input-dialog-select-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .placeholder-text[data-v-7ed4fec5]{height:20px;line-height:20px;flex:1;min-width:0;white-space:nowrap;-webkit-user-select:none;user-select:none;overflow:hidden;color:var(--das-ui-input-dialog-select-disabled-text);font-size:14px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-7ed4fec5]{cursor:pointer;color:var(--das-ui-input-dialog-select-icon);margin-left:10px}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-icon[data-v-7ed4fec5]:hover{color:var(--das-ui-input-dialog-select-border-active)}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-7ed4fec5]{position:absolute;right:10px;visibility:hidden;margin-left:10px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px;cursor:pointer}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear[data-v-7ed4fec5]:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-clear svg[data-v-7ed4fec5]{display:none}.das-ui-input-dialog-select .das-ui-input-dialog-select-content .das-ui-input-dialog-select-search[data-v-7ed4fec5]{visibility:visible}.das-ui-input-dialog-select .das-input-dialog-select-label-content[data-v-7ed4fec5]{font-size:12px}.das-ui-input-dialog-select .das-input-dialog-select-label-content .das-input-dialog-select-error-label[data-v-7ed4fec5]{display:block;color:var(--das-ui-input-dialog-select-error-color);word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content[data-v-7ed4fec5]{width:100%;position:absolute;left:0;background-color:#ffdbe0;box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:1;transition:.2s;word-wrap:break-word}.das-ui-input-dialog-select .das-input-dialog-select-overlay-error-label-content .label[data-v-7ed4fec5]{font-size:12px;color:var(--das-ui-input-dialog-select-error-color)}
+.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;

package/packages/components/input-number/index.d.ts

@@ -0,0 +1,136 @@
+declare const DasInputNumber: import("@das-fed/utils").SFCWithInstall<import("vue").DefineComponent<{
+    modelValue?: number;
+} & import("./src/type.js").Props, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: number) => any;
+} & {
+    input: (curValue: number | null | undefined) => any;
+    "update:modelValue": (value: number | null) => any;
+    change: (curVal: number | null | undefined, oldVal: number | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue?: number;
+} & import("./src/type.js").Props> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    teleported: boolean;
+    isView: boolean;
+    error: boolean;
+    errorLabel: string;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    controlsPosition: "" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>>;
+declare const DasInputNumberRef: () => import("vue").Ref<import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+    modelValue?: number;
+} & import("./src/type.js").Props> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: number) => any;
+} & {
+    input: (curValue: number | null | undefined) => any;
+    "update:modelValue": (value: number | null) => any;
+    change: (curVal: number | null | undefined, oldVal: number | null | undefined) => any;
+}, import("vue").PublicProps, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    teleported: boolean;
+    isView: boolean;
+    error: boolean;
+    errorLabel: string;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    controlsPosition: "" | "right";
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<{
+    modelValue?: number;
+} & import("./src/type.js").Props> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    teleported: boolean;
+    isView: boolean;
+    error: boolean;
+    errorLabel: string;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    controlsPosition: "" | "right";
+}> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+    modelValue?: number;
+} & import("./src/type.js").Props> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: number) => any;
+} & {
+    input: (curValue: number | null | undefined) => any;
+    "update:modelValue": (value: number | null) => any;
+    change: (curVal: number | null | undefined, oldVal: number | null | undefined) => any;
+}, import("vue").PublicProps, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    teleported: boolean;
+    isView: boolean;
+    error: boolean;
+    errorLabel: string;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    controlsPosition: "" | "right";
+}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Readonly<{
+    modelValue?: number;
+} & import("./src/type.js").Props> & Readonly<{
+    onInput?: ((curValue: number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+    onChange?: ((curVal: number | null | undefined, oldVal: number | null | undefined) => any) | undefined;
+}>, {
+    $elInputNumber: import("vue").Ref<any, any>;
+}, {}, {}, {}, {
+    size: "default" | "table";
+    disabled: boolean;
+    modelValue: number;
+    teleported: boolean;
+    isView: boolean;
+    error: boolean;
+    errorLabel: string;
+    errorMode: "default" | "overlay";
+    errorModelZIndex: number;
+    controlsPosition: "" | "right";
+}> | null>;
+export { DasInputNumber, DasInputNumberRef };
+declare const _default: {
+    name: string;
+};
+export default _default;