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

package/packages/components/image-viewer/style.css

@@ -1 +1 @@
-.das-ui-image-viewer[data-v-0cbe0660]{width:100px;height:100px;box-sizing:border-box;background-color:#e2e7ef;position:relative;border-radius:2px}.das-ui-image-viewer .loading-border[data-v-0cbe0660]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-viewer .image-context[data-v-0cbe0660]{width:100%;height:100%}.das-ui-image-viewer .operate-container[data-v-0cbe0660]{visibility:hidden;position:absolute;bottom:0;height:28px;width:100%;background-color:var(--das-ui-image-viewer-bg-color);display:flex;justify-content:center;align-items:center;padding:0 8px}.das-ui-image-viewer .operate-container[data-v-0cbe0660] .m-l-20{margin-left:20px}.das-ui-image-viewer .operate-container[data-v-0cbe0660] .m-t-6{margin-top:6px}.das-ui-image-viewer .operate-container[data-v-0cbe0660] .operate-btn{cursor:pointer}.das-ui-image-viewer .operate-container[data-v-0cbe0660] .operate-btn:hover{fill:var(--das-ui-image-viewer-btn-hover)}.das-ui-image-viewer .operate-container[data-v-0cbe0660] .operate-btn.active,.das-ui-image-viewer .operate-container[data-v-0cbe0660] .operate-btn.visited{fill:var(--das-ui-image-viewer-btn-active)}.das-ui-image-viewer:hover .operate-container[data-v-0cbe0660]{visibility:visible}.image-name[data-v-0cbe0660]{font-size:12px;color:var(--das-ui-color-normal);letter-spacing:0;line-height:18px;font-weight:400;margin-top:4px;width:100px}.das-ui-image-viewer-groups[data-v-0cbe0660]{display:flex}.das-ui-image-viewer-groups .das-ui-image-viewer-container+.das-ui-image-viewer-container[data-v-0cbe0660]{margin-left:28px}.no-data-img[data-v-0cbe0660]{max-width:100%}.das-image-viewer-preview-btn-groups .el-image-viewer__actions,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-image-viewer__actions__divider,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-icon{display:none}.das-image-viewer-preview-btn-groups.zoom_in,.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions .el-icon:nth-child(2){display:block}.das-image-viewer-preview-btn-groups.zoom_out,.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions .el-icon:nth-child(1){display:block}.das-image-viewer-preview-btn-groups.turn_left,.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions .el-icon:nth-child(6){display:block}.das-image-viewer-preview-btn-groups.turn_right,.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions .el-icon:nth-child(7){display:block}.das-image-viewer-preview-btn-groups.full_screen,.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions .el-icon:nth-child(4){display:block}
+.das-ui-image-viewer[data-v-294396f2]{width:100px;height:100px;box-sizing:border-box;background-color:var(--das-ui-image-viewer-bg-empty);position:relative;border-radius:var(--das-radius-md);overflow:hidden}.das-ui-image-viewer .loading-border[data-v-294396f2]{border:1px dashed var(--das-ui-image-upload-border-color)}.das-ui-image-viewer .image-context[data-v-294396f2]{width:100%;height:100%}.das-ui-image-viewer .operate-container[data-v-294396f2]{visibility:hidden;position:absolute;bottom:0;height:28px;width:100%;background-color:var(--das-ui-image-viewer-bg-color);display:flex;justify-content:center;align-items:center;padding:0 8px}.das-ui-image-viewer .operate-container[data-v-294396f2] .m-l-20{margin-left:20px}.das-ui-image-viewer .operate-container[data-v-294396f2] .m-t-6{margin-top:6px}.das-ui-image-viewer .operate-container[data-v-294396f2] .operate-btn{cursor:pointer}.das-ui-image-viewer .operate-container[data-v-294396f2] .operate-btn:hover{fill:var(--das-ui-image-viewer-btn-hover)}.das-ui-image-viewer .operate-container[data-v-294396f2] .operate-btn.active,.das-ui-image-viewer .operate-container[data-v-294396f2] .operate-btn.visited{fill:var(--das-ui-image-viewer-btn-active)}.das-ui-image-viewer:hover .operate-container[data-v-294396f2]{visibility:visible}.image-name[data-v-294396f2]{font-size:12px;color:var(--das-ui-image-viewer-text-color);letter-spacing:0;line-height:18px;font-weight:400;margin-top:4px;width:100px}html[lang=ar] .image-name[data-v-294396f2],:host-context(html[lang="ar"]) .image-name[data-v-294396f2]{font-size:14px}.das-ui-image-viewer-groups[data-v-294396f2]{display:flex}.das-ui-image-viewer-groups .das-ui-image-viewer-container+.das-ui-image-viewer-container[data-v-294396f2]{margin-left:28px}.no-data-img[data-v-294396f2]{max-width:100%}.das-image-viewer-preview-btn-groups .el-image-viewer__actions,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-image-viewer__actions__divider,.das-image-viewer-preview-btn-groups .el-image-viewer__actions .el-icon{display:none}.das-image-viewer-preview-btn-groups.zoom_in,.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_in .el-image-viewer__actions .el-icon:nth-child(2){display:block}.das-image-viewer-preview-btn-groups.zoom_out,.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.zoom_out .el-image-viewer__actions .el-icon:nth-child(1){display:block}.das-image-viewer-preview-btn-groups.turn_left,.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_left .el-image-viewer__actions .el-icon:nth-child(6){display:block}.das-image-viewer-preview-btn-groups.turn_right,.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.turn_right .el-image-viewer__actions .el-icon:nth-child(7){display:block}.das-image-viewer-preview-btn-groups.full_screen,.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions{display:block}.das-image-viewer-preview-btn-groups.full_screen .el-image-viewer__actions .el-icon:nth-child(4){display:block}

package/packages/components/image-viewer/theme/index.d.ts

@@ -2,11 +2,20 @@ declare const _default: {
     '--das-ui-image-viewer-bg-color': {
         light: string;
     };
+    '--das-ui-image-viewer-bg-empty': {
+        light: string;
+    };
+    '--das-ui-image-viewer-icon-color': {
+        light: string;
+    };
     '--das-ui-image-viewer-btn-hover': {
         light: string;
     };
     '--das-ui-image-viewer-btn-active': {
         light: string;
     };
+    '--das-ui-image-viewer-text-color': {
+        light: string;
+    };
 };
 export default _default;

package/packages/components/input/i18n/index.d.ts

@@ -2,16 +2,19 @@ declare const _default: {
     共: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     项: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     请输入: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/input/index.js

@@ -1,29 +1,29 @@
 import '@das-fed/ui/packages/components/input/style.css';
-import { withInstall as K } from "@das-fed/utils/with-install/index";
-import { getVarValue as Q, setThemeRule as X } from "@das-fed/web/packages/theme/index";
-import { defineComponent as Y, computed as d, ref as r, watch as y, nextTick as C, createElementBlock as b, openBlock as f, normalizeClass as V, normalizeStyle as _, createCommentVNode as i, createVNode as R, unref as S, withCtx as h, mergeProps as ee, createSlots as te, renderSlot as x, toDisplayString as D, Fragment as oe, createBlock as le } from "vue";
+import { withInstall as Q } from "@das-fed/utils/with-install/index";
+import { defineComponent as X, computed as f, ref as s, watch as h, nextTick as V, createElementBlock as y, openBlock as p, normalizeClass as R, normalizeStyle as Y, createCommentVNode as u, createVNode as N, unref as z, withCtx as g, mergeProps as _, createSlots as ee, renderSlot as L, toDisplayString as D, Fragment as te, createBlock as oe } from "vue";
 import "element-plus/es/components/input/style/css";
-import { ElInput as ae } from "element-plus";
-import { t as re, setI18nRule as se } from "@das-fed/web/packages/i18n/index";
-import { DasTooltip as ie } from "@das-fed/ui/packages/components/tooltip/index";
-import { DasErrorOverlayModel as ue } from "@das-fed/ui/packages/components/error-overlay-model/index";
-import { calcTextWidth as ne } from "@das-fed/utils/common-tools";
-const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], fe = (l) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(l), pe = (l) => {
-  if (l)
-    return typeof l == "string" && fe(l) || typeof l == "string" && de.includes(l) ? l : l + "px";
-}, ce = {
+import { ElInput as le } from "element-plus";
+import { getVarValue as re, getVar as l, setGlobalThemeRule as ae, setThemeRule as se } from "@das-fed/web/packages/theme/index";
+import { t as ie, setI18nRule as ue } from "@das-fed/web/packages/i18n/index";
+import { DasTooltip as ne } from "@das-fed/ui/packages/components/tooltip/index";
+import { DasErrorOverlayModel as de } from "@das-fed/ui/packages/components/error-overlay-model/index";
+import { calcTextWidth as fe } from "@das-fed/utils/common-tools";
+const pe = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], ce = (r) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(r), ve = (r) => {
+  if (r)
+    return typeof r == "string" && ce(r) || typeof r == "string" && pe.includes(r) ? r : r + "px";
+}, me = {
   key: 0,
   class: "das-input-label-content"
-}, ve = {
+}, be = {
   key: 0,
   class: "das-input-success-label"
-}, me = {
+}, ye = {
   key: 0,
   class: "das-input-label-content"
-}, be = ["title"], ye = {
+}, he = ["title"], ge = {
   inheritAttrs: !1
-}, he = /* @__PURE__ */ Y({
-  ...ye,
+}, xe = /* @__PURE__ */ X({
+  ...ge,
   __name: "index",
   props: {
     modelValue: { default: "" },
@@ -51,103 +51,103 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
     filterSpace: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change"],
-  setup(l, { expose: g, emit: T }) {
-    const o = l, p = d(() => o.placeholder || re("请输入")), N = d(() => `width:${pe(o.width)}`), F = d(() => {
+  setup(r, { expose: x, emit: T }) {
+    const o = r, c = f(() => o.placeholder || ie("请输入")), O = f(() => `width:${ve(o.width)}`), P = f(() => {
       const e = Number(o.maxLength) ? Number(o.maxLength) : !1, t = Number(o.maxlength) ? Number(o.maxlength) : !1;
       return e || t && t || !1;
-    }), w = T, u = d({
+    }), I = T, n = f({
       get: () => o.modelValue,
-      set: (e) => w("update:modelValue", e)
-    }), O = r(o.isTitle), n = r(!1), P = d(() => u.value ? u.value : p.value), B = r(), s = r(), L = r(!1), Z = d(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), U = d(() => o.isView || o.disabled), A = d(() => U.value ? o.noSetDefaultVal ? "" : "-" : p.value ?? ""), k = r(!1), c = r(0);
-    r({
+      set: (e) => I("update:modelValue", e)
+    }), Z = s(o.isTitle), d = s(!1), F = f(() => n.value ? n.value : c.value), k = s(), i = s(), S = s(!1), U = f(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), j = f(() => o.isView || o.disabled), A = f(() => j.value ? o.noSetDefaultVal ? "" : "-" : c.value ?? ""), w = s(!1), v = s(0);
+    s({
       display: "block",
-      color: Q("--das-ui-input-error-color").value,
+      color: re("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
-    }), y(
+    }), h(
       () => {
         var e;
-        return (e = s.value) == null ? void 0 : e.textarea;
+        return (e = i.value) == null ? void 0 : e.textarea;
       },
       (e) => {
-        C(() => {
+        V(() => {
           var t;
           e && (e != null && e.nextSibling) && ((t = e.nextSibling) != null && t.style) && (e.nextSibling.style.display = "none");
         });
       }
     );
-    const j = (e) => {
+    const G = (e) => {
       let t = e + "";
-      o.type !== "textarea" && o.filterSpace && (t = t.trim()), u.value = t, w("change", t);
+      o.type !== "textarea" && o.filterSpace && (t = t.trim()), n.value = t, I("change", t);
     }, q = () => {
       var t;
-      o.borderType === "bottom" && (k.value = !0);
-      const e = (t = s.value) == null ? void 0 : t.textarea;
+      o.borderType === "bottom" && (w.value = !0);
+      const e = (t = i.value) == null ? void 0 : t.textarea;
       e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "block");
-    }, G = () => {
+    }, H = () => {
       var t;
-      o.borderType === "bottom" && (k.value = !1);
-      const e = (t = s.value) == null ? void 0 : t.textarea;
+      o.borderType === "bottom" && (w.value = !1);
+      const e = (t = i.value) == null ? void 0 : t.textarea;
       e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "none");
-    }, z = () => {
+    }, M = () => {
       const e = o.size === "table" ? 12 : 14;
-      return ne(p.value, e);
+      return fe(c.value, e);
     };
-    y(
-      () => s.value,
+    h(
+      () => i.value,
       (e) => {
         setTimeout(() => {
-          var a, $;
+          var a, E;
           const t = e;
-          t && (c.value = ((a = t == null ? void 0 : t.ref) == null ? void 0 : a.offsetWidth) ?? 0, v.value = u.value ? ($ = t == null ? void 0 : t.ref) == null ? void 0 : $.scrollWidth : z());
+          t && (v.value = ((a = t == null ? void 0 : t.ref) == null ? void 0 : a.offsetWidth) ?? 0, m.value = n.value ? (E = t == null ? void 0 : t.ref) == null ? void 0 : E.scrollWidth : M());
         }, 200);
       }
     );
-    const v = r(0), I = () => {
-      C(() => {
+    const m = s(0), W = () => {
+      V(() => {
         var e, t, a;
-        (e = s.value) != null && e.ref && (c.value = (t = s.value) == null ? void 0 : t.ref.offsetWidth, v.value = u.value ? (a = s.value) == null ? void 0 : a.ref.scrollWidth : z(), (c.value === v.value || v.value - c.value < 1) && (n.value = !1));
+        (e = i.value) != null && e.ref && (v.value = (t = i.value) == null ? void 0 : t.ref.offsetWidth, m.value = n.value ? (a = i.value) == null ? void 0 : a.ref.scrollWidth : M(), (v.value === m.value || m.value - v.value < 1) && (d.value = !1));
       });
     };
-    y(() => [u.value, p.value], I);
-    const E = r(), m = r(), H = () => {
-      I(), c.value === v.value || v.value - c.value < 1 ? n.value = !1 : (n.value = !0, m && clearTimeout(m.value), E && clearTimeout(E.value)), o.errorMode === "overlay" && (L.value = !0);
-    }, J = () => {
-      m.value = setTimeout(() => {
-        n.value = !1;
-      }, 200), E.value = setTimeout(() => {
-        L.value = !1;
+    h(() => [n.value, c.value], W);
+    const B = s(), b = s(), J = () => {
+      W(), v.value === m.value || m.value - v.value < 1 ? d.value = !1 : (d.value = !0, b && clearTimeout(b.value), B && clearTimeout(B.value)), o.errorMode === "overlay" && (S.value = !0);
+    }, K = () => {
+      b.value = setTimeout(() => {
+        d.value = !1;
+      }, 200), B.value = setTimeout(() => {
+        S.value = !1;
       }, 200);
-    }, M = () => {
-      n.value = !0, m.value && clearTimeout(m.value);
-    }, W = () => {
-      m.value = setTimeout(() => {
-        n.value = !1;
+    }, $ = () => {
+      d.value = !0, b.value && clearTimeout(b.value);
+    }, C = () => {
+      b.value = setTimeout(() => {
+        d.value = !1;
       }, 200);
     };
-    return y(
+    return h(
       () => {
         var e;
-        return (e = B.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = k.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
-        e && (e.addEventListener("mouseenter", M), e.addEventListener("mouseleave", W));
+        e && (e.addEventListener("mouseenter", $), e.addEventListener("mouseleave", C));
       }
-    ), y(
-      () => n.value,
+    ), h(
+      () => d.value,
       (e) => {
         var t;
         if (!e) {
-          const a = (t = B.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
-          a && (a.removeEventListener("mouseenter", M), a.removeEventListener("mouseleave", W));
+          const a = (t = k.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+          a && (a.removeEventListener("mouseenter", $), a.removeEventListener("mouseleave", C));
         }
       }
-    ), g({
-      $refInput: s
-    }), (e, t) => (f(), b(
+    ), x({
+      $refInput: i
+    }), (e, t) => (p(), y(
       "div",
       {
-        style: _(N.value),
-        class: V([
+        style: Y(O.value),
+        class: R([
           "das-ui-input",
           { "only-border-bottom": e.borderType === "bottom" },
           { "das-input-normal-size": e.size === "default" },
@@ -155,24 +155,24 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
         ])
       },
       [
-        i(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        R(S(ie), {
+        u(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        N(z(ne), {
           ref_key: "inputTooltipRef",
-          ref: B,
+          ref: k,
           effect: "light",
           placement: "top",
           manual: !0,
-          visible: n.value,
-          disabled: !O.value,
-          content: P.value
+          visible: d.value,
+          disabled: !Z.value,
+          content: F.value
         }, {
-          default: h(() => [
-            R(S(ae), ee({
+          default: g(() => [
+            N(z(le), _({
               ref_key: "$refInput",
-              ref: s
+              ref: i
             }, e.$attrs, {
-              modelValue: u.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (a) => u.value = a),
+              modelValue: n.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (a) => n.value = a),
               placeholder: A.value,
               disabled: e.disabled,
               readonly: e.isView,
@@ -181,47 +181,47 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
                 { "is-view": e.isView },
                 { "das-input-success": e.success },
                 { "das-input-error": e.error },
-                { "input-focus-color": k.value }
+                { "input-focus-color": w.value }
               ],
               autosize: o.autosize,
-              showWordLimit: Z.value,
-              maxlength: F.value,
-              onChange: j,
+              showWordLimit: U.value,
+              maxlength: P.value,
+              onChange: G,
               onFocus: q,
-              onBlur: G,
-              onMouseenter: H,
-              onMouseleave: J
-            }), te({
+              onBlur: H,
+              onMouseenter: J,
+              onMouseleave: K
+            }), ee({
               _: 2
               /* DYNAMIC */
             }, [
               e.$slots.prepend ? {
                 name: "prepend",
-                fn: h(() => [
-                  i(" 输入框前置内容 "),
-                  x(e.$slots, "prepend", {}, void 0, !0)
+                fn: g(() => [
+                  u(" 输入框前置内容 "),
+                  L(e.$slots, "prepend", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               e.$slots.append ? {
                 name: "append",
-                fn: h(() => [
-                  i(" 输入框后置内容 "),
-                  x(e.$slots, "append", {}, void 0, !0)
+                fn: g(() => [
+                  u(" 输入框后置内容 "),
+                  L(e.$slots, "append", {}, void 0, !0)
                 ]),
                 key: "1"
               } : void 0,
               e.$slots.suffix ? {
                 name: "suffix",
-                fn: h(() => [
-                  x(e.$slots, "suffix", {}, void 0, !0)
+                fn: g(() => [
+                  L(e.$slots, "suffix", {}, void 0, !0)
                 ]),
                 key: "2"
               } : void 0,
               e.$slots.prefix ? {
                 name: "prefix",
-                fn: h(() => [
-                  x(e.$slots, "prefix", {}, void 0, !0)
+                fn: g(() => [
+                  L(e.$slots, "prefix", {}, void 0, !0)
                 ]),
                 key: "3"
               } : void 0
@@ -230,72 +230,74 @@ const de = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
           _: 3
           /* FORWARDED */
         }, 8, ["visible", "disabled", "content"]),
-        e.success && e.successLabel ? (f(), b("div", ce, [
-          e.success ? (f(), b(
+        e.success && e.successLabel ? (p(), y("div", me, [
+          e.success ? (p(), y(
             "span",
-            ve,
+            be,
             D(e.successLabel),
             1
             /* TEXT */
-          )) : i("v-if", !0)
-        ])) : i("v-if", !0),
-        e.error && e.errorLabel ? (f(), b(
-          oe,
+          )) : u("v-if", !0)
+        ])) : u("v-if", !0),
+        e.error && e.errorLabel ? (p(), y(
+          te,
           { key: 1 },
           [
-            e.errorMode === "default" ? (f(), b("div", me, [
-              e.error ? (f(), b("span", {
+            e.errorMode === "default" ? (p(), y("div", ye, [
+              e.error ? (p(), y("span", {
                 key: 0,
-                class: V(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
+                class: R(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
                 title: e.isErrorTitle ? e.errorLabel : ""
-              }, D(e.errorLabel), 11, be)) : i("v-if", !0)
-            ])) : i("v-if", !0),
-            L.value && e.errorMode === "overlay" ? (f(), le(S(ue), {
+              }, D(e.errorLabel), 11, he)) : u("v-if", !0)
+            ])) : u("v-if", !0),
+            S.value && e.errorMode === "overlay" ? (p(), oe(z(de), {
               key: 1,
               errorLabel: e.errorLabel,
-              getEl: () => s.value.$el,
+              getEl: () => i.value.$el,
               errorModelZIndex: e.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : i("v-if", !0)
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : u("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : i("v-if", !0)
+        )) : u("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), ge = (l, g) => {
-  const T = l.__vccOpts || l;
-  for (const [o, p] of g)
-    T[o] = p;
+}), Te = (r, x) => {
+  const T = r.__vccOpts || r;
+  for (const [o, c] of x)
+    T[o] = c;
   return T;
-}, Te = /* @__PURE__ */ ge(he, [["__scopeId", "data-v-d9b9d4c5"]]), xe = {
-  "--das-ui-input-default-text-color": "#212121",
-  "--das-ui-input-default-placeholder-text-color": "#B2B2B2",
-  "--das-ui-input-full-border-color": "#D9D9D9",
-  "--das-ui-input-active-full-border-color": "#5582F3",
-  "--das-ui-input-disabled-full-border-color": "#d9d9d9",
-  "--das-ui-input-disabled-full-border-text-color": "#B2B2B2",
-  "--das-ui-input-view-full-border-color": "#E5E5E5",
-  "--das-ui-input-textarea-count-color": "#ccc",
-  "--das-ui-input-ground-bg-color": "#fafafa",
-  "--das-ui-input-only-bottom-color": "#999",
-  "--das-ui-input-only-bottom-active-border-color": "#5582F3",
-  "--das-ui-input-only-bottom-disabled-border-color": "#E5E5E5",
-  "--das-ui-input-only-bottom-disabled-border-text-color": "#B2B2B2",
-  "--das-ui-input-only-bottom-view-border-color": "#E5E5E5",
-  "--das-ui-input-success-color": "#1BA854",
-  "--das-ui-input-error-color": "#FB2323"
-}, Be = {
-  共: { "zh-CN": "共", en: "Total", _appCode: "framework" },
-  项: { "zh-CN": "项", en: "Item", _appCode: "framework" },
-  请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" }
+}, Le = /* @__PURE__ */ Te(xe, [["__scopeId", "data-v-d9b9d4c5"]]), ke = {
+  "--das-ui-input-default-text-color": l("--das-color-text-title"),
+  "--das-ui-input-default-placeholder-text-color": l("--das-color-text-caption"),
+  "--das-ui-input-full-border-color": l("--das-color-border-strong"),
+  "--das-ui-input-active-full-border-color": l("--das-color-brand-primary"),
+  "--das-ui-input-disabled-full-border-color": l("--das-color-border-strong"),
+  "--das-ui-input-disabled-full-border-text-color": l("--das-color-text-caption"),
+  "--das-ui-input-view-full-border-color": l("--das-color-border-base"),
+  "--das-ui-input-textarea-count-color": l("--das-color-text-subtle"),
+  "--das-ui-input-ground-bg-color": l("--das-color-bg-disabled"),
+  "--das-ui-input-only-bottom-color": l("--das-color-text-subtle"),
+  "--das-ui-input-only-bottom-active-border-color": l("--das-color-brand-primary"),
+  "--das-ui-input-only-bottom-disabled-border-color": l("--das-color-border-base"),
+  "--das-ui-input-only-bottom-disabled-border-text-color": l("--das-color-text-caption"),
+  "--das-ui-input-only-bottom-view-border-color": l("--das-color-border-base"),
+  "--das-ui-input-success-color": l("--das-color-success"),
+  "--das-ui-input-error-color": l("--das-color-danger"),
+  "--das-ui-input-radius": l("--das-radius-sm")
+}, Se = {
+  共: { "zh-CN": "共", en: "Total", ar: "الإجمالي", _appCode: "framework" },
+  项: { "zh-CN": "项", en: "Item", ar: "عنصر", _appCode: "framework" },
+  请输入: { "zh-CN": "请输入", en: "Please enter", ar: "الرجاء الإدخال", _appCode: "framework" }
 };
-se(Be);
-X(xe);
-const $e = K(Te);
+ue(Se);
+ae();
+se(ke);
+const Ve = Q(Le);
 export {
-  $e as DasInput,
-  $e as default
+  Ve as DasInput,
+  Ve as default
 };

package/packages/components/input/style.css

@@ -1 +1 @@
-[data-v-d9b9d4c5] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}[data-v-d9b9d4c5] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}[data-v-d9b9d4c5] .el-textarea textarea::-webkit-scrollbar-thumb{border-radius:16px;border:4px solid rgba(153,153,153,.3);background-clip:content-box;background-color:#9999994d}.das-ui-input[data-v-d9b9d4c5]{position:relative}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{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}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear: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[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear svg{display:none}.das-ui-input.das-input-normal-size[data-v-d9b9d4c5]{width:230px}.das-ui-input.das-input-table-size[data-v-d9b9d4c5]{width:132px}.das-ui-input.das-input-table-size[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner{height:30px;line-height:30px;font-size:12px}.das-ui-input.das-input-table-size[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input[data-v-d9b9d4c5]{display:inline-block}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper{box-shadow:none;padding:0 8px;box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;border-radius:2px}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner{height:25px;line-height:25px;color:var(--das-ui-input-default-text-color)}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:14px;color:var(--das-ui-input-default-placeholder-text-color)}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper:hover,.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper{background:#f5f5f5;box-shadow:0 0 0 1px var(--das-ui-input-disabled-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper .el-input__inner{color:var(--das-ui-input-disabled-full-border-text-color);-webkit-text-fill-color:var(--das-ui-input-disabled-full-border-text-color)}.das-ui-input[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper{background:transparent;box-shadow:0 0 0 1px var(--das-ui-input-view-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper .el-input__inner{color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input[data-v-d9b9d4c5] .el-input.das-input-success .el-input__wrapper,.das-ui-input[data-v-d9b9d4c5] .el-input.das-input-success .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-input-success-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.das-input-error .el-input__wrapper,.das-ui-input[data-v-d9b9d4c5] .el-input.das-input-error .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-input-error-color) inset}.das-ui-input .das-input-label-content[data-v-d9b9d4c5]{font-size:12px}.das-ui-input .das-input-label-content .das-input-success-label[data-v-d9b9d4c5]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-input .das-input-label-content .das-input-error-label[data-v-d9b9d4c5]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-input .das-input-label-content .error-label-overflow[data-v-d9b9d4c5]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input .das-input-overlay-error-label-content[data-v-d9b9d4c5]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:1px;padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-input .das-input-overlay-error-label-content .label[data-v-d9b9d4c5]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-input[data-v-d9b9d4c5] .el-textarea{margin-bottom:20px}.das-ui-input[data-v-d9b9d4c5] .el-textarea .el-textarea__inner{resize:none;border-radius:2px;padding:4.5px 8px;height:44px;min-height:44px!important;color:var(--das-ui-input-default-text-color);box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;word-break:break-word!important}.das-ui-input[data-v-d9b9d4c5] .el-textarea .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-textarea .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-textarea.is-view .el-textarea__inner{background:transparent;box-shadow:0 0 0 1px var(--das-ui-input-view-full-border-color) inset;color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input[data-v-d9b9d4c5] .el-textarea.is-disabled .el-textarea__inner{background:#f5f5f5;box-shadow:0 0 0 1px var(--das-ui-input-disabled-full-border-color) inset;color:var(--das-ui-input-disabled-full-border-text-color);-webkit-text-fill-color:var(--das-ui-input-disabled-full-border-text-color);cursor:not-allowed}.das-ui-input[data-v-d9b9d4c5] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input[data-v-d9b9d4c5] .el-textarea.das-input-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-error-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input[data-v-d9b9d4c5] .el-textarea.das-input-success .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-success-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-textarea .el-input__count{display:none;bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group{--el-input-height: 25px}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group.el-input-group--append .el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group .el-input-group__append{background:var(--das-ui-input-ground-bg-color);padding:0 8px;box-shadow:0 1px 0 0 var(--das-ui-input-full-border-color) inset,0 -1px 0 0 var(--das-ui-input-full-border-color) inset,-1px 0 0 0 var(--das-ui-input-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group .el-input-group__prepend{box-shadow:1px 0 0 0 var(--das-ui-input-full-border-color) inset,0 1px 0 0 var(--das-ui-input-full-border-color) inset,0 -1px 0 0 var(--das-ui-input-full-border-color) inset;background:var(--das-ui-input-ground-bg-color);padding:0 8px}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper{box-shadow:none;padding:1px 0;border-bottom:1px solid var(--das-ui-input-only-bottom-color);border-radius:0%}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper:focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner{height:22px;line-height:22px;color:var(--das-ui-input-default-text-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:14px;color:var(--das-ui-input-default-placeholder-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper.is-focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper .el-input__inner{color:var(--das-ui-input-only-bottom-disabled-border-text-color);-webkit-text-fill-color:var(--das-ui-input-only-bottom-disabled-border-text-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper .el-input__inner{color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.das-input-success .el-input__wrapper{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.das-input-success .el-input__wrapper:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.das-input-error .el-input__wrapper{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.das-input-error .el-input__wrapper:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.das-input-error{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.das-input-error:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.das-input-success{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.das-input-success:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.is-view{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.is-view:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group{--el-input-height: 25px;border-bottom:1px solid var(--das-ui-input-only-bottom-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.el-input-group--append .el-input__wrapper,.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-bottom:none}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group .el-input-group__append{background:transparent;padding:1px 0 1px 8px;box-shadow:none;border-radius:0;box-sizing:border-box;line-height:22px}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group .el-input-group__prepend{box-shadow:none;background:transparent;padding:1px 4px 1px 0;border-radius:0;box-sizing:border-box;line-height:22px}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.input-focus-color{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea{margin-bottom:20px}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-textarea__inner{resize:none;border-radius:0;box-shadow:none;padding:0 0 3px;height:25px;min-height:25px!important;border-bottom:1px solid var(--das-ui-input-only-bottom-color);word-break:break-word!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-textarea__inner:focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.is-view .el-textarea__inner{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color);color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.is-view .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.is-disabled .el-textarea__inner{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color);color:var(--das-ui-input-only-bottom-disabled-border-text-color);-webkit-text-fill-color:var(--das-ui-input-only-bottom-disabled-border-text-color);cursor:not-allowed}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.is-disabled .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.das-input-success .el-textarea__inner{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.das-input-success .el-textarea__inner:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.das-input-error .el-textarea__inner{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.das-input-error .el-textarea__inner:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-input__count{bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}
+[data-v-d9b9d4c5] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}[data-v-d9b9d4c5] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}[data-v-d9b9d4c5] .el-textarea textarea::-webkit-scrollbar-thumb{border-radius:16px;border:4px solid rgba(153,153,153,.3);background-clip:content-box;background-color:#9999994d}.das-ui-input[data-v-d9b9d4c5]{position:relative}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear{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}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear: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[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear svg{display:none}.das-ui-input.das-input-normal-size[data-v-d9b9d4c5]{width:230px}.das-ui-input.das-input-table-size[data-v-d9b9d4c5]{width:132px}.das-ui-input.das-input-table-size[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner{height:30px;line-height:30px;font-size:12px}html[lang=ar] .das-ui-input.das-input-table-size[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner,:host-context(html[lang="ar"]) .das-ui-input.das-input-table-size[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner{font-size:14px}.das-ui-input.das-input-table-size[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}html[lang=ar] .das-ui-input.das-input-table-size[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::placeholder,:host-context(html[lang="ar"]) .das-ui-input.das-input-table-size[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:14px}.das-ui-input[data-v-d9b9d4c5]{display:inline-block}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper{box-shadow:none;padding:0 8px;box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;border-radius:var(--das-ui-input-radius)}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner{height:25px;line-height:25px;color:var(--das-ui-input-default-text-color)}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:14px;color:var(--das-ui-input-default-placeholder-text-color)}html[lang=ar] .das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder,:host-context(html[lang="ar"]) .das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:16px}.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper:hover,.das-ui-input[data-v-d9b9d4c5] .el-input .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper{background:var(--das-ui-input-ground-bg-color);box-shadow:0 0 0 1px var(--das-ui-input-disabled-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper .el-input__inner{color:var(--das-ui-input-disabled-full-border-text-color);-webkit-text-fill-color:var(--das-ui-input-disabled-full-border-text-color)}.das-ui-input[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper{background:transparent;box-shadow:0 0 0 1px var(--das-ui-input-view-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper .el-input__inner{color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input[data-v-d9b9d4c5] .el-input.das-input-success .el-input__wrapper,.das-ui-input[data-v-d9b9d4c5] .el-input.das-input-success .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-input-success-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.das-input-error .el-input__wrapper,.das-ui-input[data-v-d9b9d4c5] .el-input.das-input-error .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-input-error-color) inset}.das-ui-input .das-input-label-content[data-v-d9b9d4c5]{font-size:12px}html[lang=ar] .das-ui-input .das-input-label-content[data-v-d9b9d4c5],:host-context(html[lang="ar"]) .das-ui-input .das-input-label-content[data-v-d9b9d4c5]{font-size:14px}.das-ui-input .das-input-label-content .das-input-success-label[data-v-d9b9d4c5]{display:block;color:var(--das-ui-input-success-color);white-space:break-spaces}.das-ui-input .das-input-label-content .das-input-error-label[data-v-d9b9d4c5]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-input .das-input-label-content .error-label-overflow[data-v-d9b9d4c5]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input .das-input-overlay-error-label-content[data-v-d9b9d4c5]{width:100%;position:absolute;top:100%;left:0;background-color:var(--das-ui-color-overlay-error);box-shadow:0 4px 10px #0003;border-radius:var(--das-ui-input-radius);padding:2px 8px;box-sizing:border-box;z-index:99;transition:.2s}.das-ui-input .das-input-overlay-error-label-content .label[data-v-d9b9d4c5]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}html[lang=ar] .das-ui-input .das-input-overlay-error-label-content .label[data-v-d9b9d4c5],:host-context(html[lang="ar"]) .das-ui-input .das-input-overlay-error-label-content .label[data-v-d9b9d4c5]{font-size:14px}.das-ui-input[data-v-d9b9d4c5] .el-textarea{margin-bottom:20px}.das-ui-input[data-v-d9b9d4c5] .el-textarea .el-textarea__inner{resize:none;border-radius:var(--das-ui-input-radius);padding:4.5px 8px;height:44px;min-height:44px!important;color:var(--das-ui-input-default-text-color);box-shadow:0 0 0 1px var(--das-ui-input-full-border-color) inset;word-break:break-word!important}.das-ui-input[data-v-d9b9d4c5] .el-textarea .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-textarea .el-textarea__inner:focus{box-shadow:0 0 0 1px var(--das-ui-input-active-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-textarea.is-view .el-textarea__inner{background:transparent;box-shadow:0 0 0 1px var(--das-ui-input-view-full-border-color) inset;color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input[data-v-d9b9d4c5] .el-textarea.is-disabled .el-textarea__inner{background:var(--das-ui-input-ground-bg-color);box-shadow:0 0 0 1px var(--das-ui-input-disabled-full-border-color) inset;color:var(--das-ui-input-disabled-full-border-text-color);-webkit-text-fill-color:var(--das-ui-input-disabled-full-border-text-color);cursor:not-allowed}.das-ui-input[data-v-d9b9d4c5] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input[data-v-d9b9d4c5] .el-textarea.das-input-error .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-error-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input[data-v-d9b9d4c5] .el-textarea.das-input-success .el-textarea__inner:hover{box-shadow:0 0 0 1px var(--das-ui-input-success-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-textarea .el-input__count{display:none;bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}html[lang=ar] .das-ui-input[data-v-d9b9d4c5] .el-textarea .el-input__count,:host-context(html[lang="ar"]) .das-ui-input[data-v-d9b9d4c5] .el-textarea .el-input__count{font-size:16px}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group{--el-input-height: 25px}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group.el-input-group--append .el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group .el-input-group__append{background:var(--das-ui-input-ground-bg-color);padding:0 8px;box-shadow:0 1px 0 0 var(--das-ui-input-full-border-color) inset,0 -1px 0 0 var(--das-ui-input-full-border-color) inset,-1px 0 0 0 var(--das-ui-input-full-border-color) inset}.das-ui-input[data-v-d9b9d4c5] .el-input.el-input-group .el-input-group__prepend{box-shadow:1px 0 0 0 var(--das-ui-input-full-border-color) inset,0 1px 0 0 var(--das-ui-input-full-border-color) inset,0 -1px 0 0 var(--das-ui-input-full-border-color) inset;background:var(--das-ui-input-ground-bg-color);padding:0 8px}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper{box-shadow:none;padding:1px 0;border-bottom:1px solid var(--das-ui-input-only-bottom-color);border-radius:0%}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper:focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner{height:22px;line-height:22px;color:var(--das-ui-input-default-text-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:14px;color:var(--das-ui-input-default-placeholder-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[lang=ar] .das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder,:host-context(html[lang="ar"]) .das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper .el-input__inner::-webkit-input-placeholder{font-size:16px}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input .el-input__wrapper.is-focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-disabled .el-input__wrapper .el-input__inner{color:var(--das-ui-input-only-bottom-disabled-border-text-color);-webkit-text-fill-color:var(--das-ui-input-only-bottom-disabled-border-text-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.is-view .el-input__wrapper .el-input__inner{color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.das-input-success .el-input__wrapper{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.das-input-success .el-input__wrapper:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.das-input-error .el-input__wrapper{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.das-input-error .el-input__wrapper:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.das-input-error{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.das-input-error:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.das-input-success{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.das-input-success:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.is-view{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.is-view:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group{--el-input-height: 25px;border-bottom:1px solid var(--das-ui-input-only-bottom-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.el-input-group--append .el-input__wrapper,.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-bottom:none}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group .el-input-group__append{background:transparent;padding:1px 0 1px 8px;box-shadow:none;border-radius:0;box-sizing:border-box;line-height:22px}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group .el-input-group__prepend{box-shadow:none;background:transparent;padding:1px 4px 1px 0;border-radius:0;box-sizing:border-box;line-height:22px}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-input.el-input-group.input-focus-color{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea{margin-bottom:20px}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-textarea__inner{resize:none;border-radius:0;box-shadow:none;padding:0 0 3px;height:25px;min-height:25px!important;border-bottom:1px solid var(--das-ui-input-only-bottom-color);word-break:break-word!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-textarea__inner:focus{border-bottom-color:var(--das-ui-input-only-bottom-active-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.is-view .el-textarea__inner{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-view-border-color);color:var(--das-ui-input-default-text-color);-webkit-text-fill-color:var(--das-ui-input-default-text-color);cursor:default}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.is-view .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-view-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.is-disabled .el-textarea__inner{background:transparent;border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color);color:var(--das-ui-input-only-bottom-disabled-border-text-color);-webkit-text-fill-color:var(--das-ui-input-only-bottom-disabled-border-text-color);cursor:not-allowed}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.is-disabled .el-textarea__inner:hover{border-bottom-color:var(--das-ui-input-only-bottom-disabled-border-color)}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.das-input-success .el-textarea__inner{border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.das-input-success .el-textarea__inner:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-success-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.das-input-error .el-textarea__inner{border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea.das-input-error .el-textarea__inner:hover{box-shadow:none;border-bottom-color:var(--das-ui-input-error-color)!important}.das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-input__count{bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}html[lang=ar] .das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-input__count,:host-context(html[lang="ar"]) .das-ui-input.only-border-bottom[data-v-d9b9d4c5] .el-textarea .el-input__count{font-size:16px}

package/packages/components/input/theme/base.d.ts

@@ -15,5 +15,6 @@ declare const _default: {
     '--das-ui-input-only-bottom-view-border-color': string;
     '--das-ui-input-success-color': string;
     '--das-ui-input-error-color': string;
+    '--das-ui-input-radius': string;
 };
 export default _default;

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

@@ -2,11 +2,13 @@ declare const _default: {
     请选择: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     'das-framework-input-dialog-select-total-items': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };