@das-fed/ui 6.4.0-dev.91 → 6.4.0-dev.93

package/packages/components/input/index.js

@@ -1,31 +1,31 @@
 import '@das-fed/ui/packages/components/input/style.css';
-import { withInstall as le } from "@das-fed/utils/with-install/index";
-import { getVarValue as D, setThemeRule as ae } from "@das-fed/web/packages/theme/index";
-import { defineComponent as re, computed as i, ref as a, watch as T, nextTick as R, openBlock as u, createElementBlock as p, normalizeStyle as z, normalizeClass as F, createVNode as P, unref as O, withCtx as y, mergeProps as se, createSlots as ie, renderSlot as k, toDisplayString as L, createCommentVNode as h, Fragment as ne, createBlock as ue, Teleport as de, createElementVNode as E } from "vue";
+import { withInstall as pe } from "@das-fed/utils/with-install/index";
+import { getVarValue as Z, setThemeRule as fe } from "@das-fed/web/packages/theme/index";
+import { defineComponent as ve, computed as i, ref as r, watch as k, nextTick as q, openBlock as d, createElementBlock as p, normalizeStyle as C, normalizeClass as G, createVNode as J, unref as K, withCtx as y, mergeProps as me, createSlots as be, renderSlot as L, toDisplayString as S, createCommentVNode as g, Fragment as he, createBlock as ye, Teleport as ge, createElementVNode as W } from "vue";
 import "element-plus/es/components/input/style/css";
-import { ElInput as pe } from "element-plus";
-import { t as ce, setI18nRule as fe } from "@das-fed/web/packages/i18n/index";
-import { DasTooltip as ve } from "@das-fed/ui/packages/components/tooltip/index";
-import { calcTextWidth as me } from "@das-fed/utils/common-tools";
-const be = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], ye = (l) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(l), he = (l) => {
+import { ElInput as xe } from "element-plus";
+import { t as Be, setI18nRule as Te } from "@das-fed/web/packages/i18n/index";
+import { DasTooltip as ke } from "@das-fed/ui/packages/components/tooltip/index";
+import { calcTextWidth as Le } from "@das-fed/utils/common-tools";
+const Se = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], we = (l) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(l), Ee = (l) => {
   if (l)
-    return typeof l == "string" && ye(l) || typeof l == "string" && be.includes(l) ? l : l + "px";
-}, ge = {
+    return typeof l == "string" && we(l) || typeof l == "string" && Se.includes(l) ? l : l + "px";
+}, ze = {
   key: 0,
   class: "das-input-label-content"
-}, xe = {
+}, Me = {
   key: 0,
   class: "das-input-success-label"
-}, Be = {
+}, Ce = {
   key: 1,
   class: "das-input-label-content"
-}, Te = ["title"], ke = {
+}, We = ["title"], $e = {
   key: 1,
   class: "das-input-overlay-error-label-content"
-}, Le = { class: "label" }, Se = {
+}, He = { class: "label" }, Ie = {
   inheritAttrs: !1
-}, we = /* @__PURE__ */ re({
-  ...Se,
+}, Ve = /* @__PURE__ */ ve({
+  ...Ie,
   __name: "index",
   props: {
     modelValue: { default: "" },
@@ -54,137 +54,153 @@ const be = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
     filterSpace: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change"],
-  setup(l, { expose: g, emit: x }) {
-    const o = l, c = i(() => o.placeholder || ce("请输入")), U = i(() => `width:${he(o.width)}`), A = i(() => {
+  setup(l, { expose: x, emit: B }) {
+    const o = l, f = i(() => o.placeholder || Be("请输入")), Q = i(() => `width:${Ee(o.width)}`), X = i(() => {
       const e = Number(o.maxLength) ? Number(o.maxLength) : !1, t = Number(o.maxlength) ? Number(o.maxlength) : !1;
       return e || t && t || !1;
-    }), W = x, n = i({
+    }), $ = B, n = i({
       get: () => o.modelValue,
-      set: (e) => W("update:modelValue", e)
-    }), Z = a(o.isTitle), d = a(!1), j = i(() => n.value ? n.value : c.value), $ = a(), r = a(), S = a(!1), H = i(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), q = i(() => o.isView || o.disabled), G = i(() => q.value ? o.noSetDefaultVal ? "" : "-" : c.value ?? ""), w = a(!1), f = a(0), B = a({
+      set: (e) => $("update:modelValue", e)
+    }), Y = r(o.isTitle), c = r(!1), _ = i(() => n.value ? n.value : f.value), H = r(), ee = r(null), a = r(), w = r(!1), te = i(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), oe = i(() => o.isView || o.disabled), le = i(() => oe.value ? o.noSetDefaultVal ? "" : "-" : f.value ?? ""), E = r(!1), v = r(0), h = r({
       x: 0,
       y: 0
-    }), C = a(0), J = a({
+    }), z = r(0), I = r({
       "font-size": "12px",
-      "background-color": D("--das-ui-color-overlay-error").value,
+      "background-color": Z("--das-ui-color-overlay-error").value,
       "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
       "border-radius": "1px",
       padding: "2px 8px",
       // 'word-break': 'break-all',
       "box-sizing": "border-box"
-    }), K = i(() => ({
-      ...J.value,
-      width: C.value + "px",
+    }), re = i(() => ({
+      ...I.value,
+      width: z.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: B.value.y + "px",
-      left: B.value.x + "px",
+      top: h.value.y + "px",
+      left: h.value.x + "px",
       "z-index": o.errorModelZIndex
-    })), Q = a({
+    })), V = r({
       display: "block",
-      color: D("--das-ui-input-error-color").value,
+      color: Z("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
-    }), X = () => {
-      var b, I, V, N;
-      const { top: e = 0, left: t = 0 } = ((I = (b = r.value) == null ? void 0 : b.$el) == null ? void 0 : I.getBoundingClientRect()) ?? {}, s = (V = r.value) == null ? void 0 : V.$el.clientHeight;
-      C.value = (N = r.value) == null ? void 0 : N.$el.clientWidth, B.value.x = t, B.value.y = e + s;
+    }), ae = () => {
+      var R, P, O, U;
+      const e = () => {
+        var u = document.createElement("div");
+        for (let [M, A] of Object.entries({
+          ...I.value,
+          ...V.value,
+          width: z.value + "px"
+        }))
+          u.style[M] = A;
+        u.textContent = o.errorLabel, document.body.appendChild(u);
+        const j = u.offsetHeight;
+        return document.body.removeChild(u), j;
+      }, t = () => {
+        const u = document.documentElement.clientHeight, M = document.documentElement.scrollHeight - u;
+        return u - M;
+      };
+      z.value = (P = (R = a.value) == null ? void 0 : R.$el) == null ? void 0 : P.clientWidth;
+      const { top: s = 0, left: T = 0, height: D = 0 } = ((U = (O = a.value) == null ? void 0 : O.$el) == null ? void 0 : U.getBoundingClientRect()) ?? {}, ce = t(), F = e();
+      s + D + F > ce ? h.value.y = s - F : h.value.y = s + D, h.value.x = T;
     };
-    T(
+    k(
       () => {
         var e;
-        return (e = r.value) == null ? void 0 : e.textarea;
+        return (e = a.value) == null ? void 0 : e.textarea;
       },
       (e) => {
-        R(() => {
+        q(() => {
           var t;
           e && (e != null && e.nextSibling) && ((t = e.nextSibling) != null && t.style) && (e.nextSibling.style.display = "none");
         });
       }
     );
-    const Y = (e) => {
+    const se = (e) => {
       let t = e + "";
-      o.type !== "textarea" && o.filterSpace && (t = t.trim()), n.value = t, W("change", t);
-    }, _ = () => {
+      o.type !== "textarea" && o.filterSpace && (t = t.trim()), n.value = t, $("change", t);
+    }, ie = () => {
       var t;
-      o.borderType === "bottom" && (w.value = !0);
-      const e = (t = r.value) == null ? void 0 : t.textarea;
+      o.borderType === "bottom" && (E.value = !0);
+      const e = (t = a.value) == null ? void 0 : t.textarea;
       e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "block");
-    }, ee = () => {
+    }, ne = () => {
       var t;
-      o.borderType === "bottom" && (w.value = !1);
-      const e = (t = r.value) == null ? void 0 : t.textarea;
+      o.borderType === "bottom" && (E.value = !1);
+      const e = (t = a.value) == null ? void 0 : t.textarea;
       e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "none");
-    }, M = () => {
+    }, N = () => {
       const e = o.size === "table" ? 12 : 14;
-      return me(c.value, e);
+      return Le(f.value, e);
     };
-    T(
-      () => r.value,
+    k(
+      () => a.value,
       (e) => {
         setTimeout(() => {
-          var s, b;
+          var s, T;
           const t = e;
-          t && (f.value = ((s = t == null ? void 0 : t.ref) == null ? void 0 : s.offsetWidth) ?? 0, v.value = n.value ? (b = t == null ? void 0 : t.ref) == null ? void 0 : b.scrollWidth : M());
+          t && (v.value = ((s = t == null ? void 0 : t.ref) == null ? void 0 : s.offsetWidth) ?? 0, m.value = n.value ? (T = t == null ? void 0 : t.ref) == null ? void 0 : T.scrollWidth : N());
         }, 200);
       }
     );
-    const v = a(0);
-    T(() => [n.value, c.value], () => {
-      R(() => {
+    const m = r(0);
+    k(() => [n.value, f.value], () => {
+      q(() => {
         var e, t, s;
-        (e = r.value) != null && e.ref && (f.value = (t = r.value) == null ? void 0 : t.ref.offsetWidth, v.value = n.value ? (s = r.value) == null ? void 0 : s.ref.scrollWidth : M(), (f.value === v.value || v.value - f.value < 1) && (d.value = !1));
+        (e = a.value) != null && e.ref && (v.value = (t = a.value) == null ? void 0 : t.ref.offsetWidth, m.value = n.value ? (s = a.value) == null ? void 0 : s.ref.scrollWidth : N(), (v.value === m.value || m.value - v.value < 1) && (c.value = !1));
       });
     });
-    const m = a(), te = () => {
-      f.value === v.value || v.value - f.value < 1 ? d.value = !1 : (d.value = !0, m.value && clearTimeout(m.value)), S.value = !0, X();
-    }, oe = () => {
-      m.value = setTimeout(() => {
-        d.value = !1;
-      }, 200), S.value = !1;
+    const b = r(), ue = () => {
+      v.value === m.value || m.value - v.value < 1 ? c.value = !1 : (c.value = !0, b.value && clearTimeout(b.value)), w.value = !0, ae();
+    }, de = () => {
+      b.value = setTimeout(() => {
+        c.value = !1, w.value = !1;
+      }, 200);
     };
-    return T(
+    return k(
       () => {
         var e;
-        return (e = $.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = H.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          d.value = !0, m.value && clearTimeout(m.value);
+          c.value = !0, b.value && clearTimeout(b.value);
         }), e.addEventListener("mouseleave", function() {
-          m.value = setTimeout(() => {
-            d.value = !1;
+          b.value = setTimeout(() => {
+            c.value = !1;
           }, 200);
         }));
       }
-    ), g({
-      $refInput: r
-    }), (e, t) => (u(), p("div", {
-      style: z(U.value),
-      class: F([
+    ), x({
+      $refInput: a
+    }), (e, t) => (d(), p("div", {
+      style: C(Q.value),
+      class: G([
         "das-ui-input",
         { "only-border-bottom": e.borderType === "bottom" },
         { "das-input-normal-size": e.size === "default" },
         { "das-input-table-size": e.size === "table" }
       ])
     }, [
-      P(O(ve), {
+      J(K(ke), {
         ref_key: "inputTooltipRef",
-        ref: $,
+        ref: H,
         effect: "light",
         placement: "top",
         manual: !0,
-        visible: d.value,
-        disabled: !Z.value,
-        content: j.value
+        visible: c.value,
+        disabled: !Y.value,
+        content: _.value
       }, {
         default: y(() => [
-          P(O(pe), se({
+          J(K(xe), me({
             ref_key: "$refInput",
-            ref: r
+            ref: a
           }, e.$attrs, {
             modelValue: n.value,
             "onUpdate:modelValue": t[0] || (t[0] = (s) => n.value = s),
-            placeholder: G.value,
+            placeholder: le.value,
             disabled: e.disabled,
             readonly: e.isView,
             type: o.type,
@@ -192,42 +208,42 @@ const be = ["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": w.value }
+              { "input-focus-color": E.value }
             ],
             autosize: o.autosize,
-            showWordLimit: H.value,
-            maxlength: A.value,
-            onChange: Y,
-            onFocus: _,
-            onBlur: ee,
-            onMouseenter: te,
-            onMouseleave: oe
-          }), ie({ _: 2 }, [
+            showWordLimit: te.value,
+            maxlength: X.value,
+            onChange: se,
+            onFocus: ie,
+            onBlur: ne,
+            onMouseenter: ue,
+            onMouseleave: de
+          }), be({ _: 2 }, [
             e.$slots.prepend ? {
               name: "prepend",
               fn: y(() => [
-                k(e.$slots, "prepend", {}, void 0, !0)
+                L(e.$slots, "prepend", {}, void 0, !0)
               ]),
               key: "0"
             } : void 0,
             e.$slots.append ? {
               name: "append",
               fn: y(() => [
-                k(e.$slots, "append", {}, void 0, !0)
+                L(e.$slots, "append", {}, void 0, !0)
               ]),
               key: "1"
             } : void 0,
             e.$slots.suffix ? {
               name: "suffix",
               fn: y(() => [
-                k(e.$slots, "suffix", {}, void 0, !0)
+                L(e.$slots, "suffix", {}, void 0, !0)
               ]),
               key: "2"
             } : void 0,
             e.$slots.prefix ? {
               name: "prefix",
               fn: y(() => [
-                k(e.$slots, "prefix", {}, void 0, !0)
+                L(e.$slots, "prefix", {}, void 0, !0)
               ]),
               key: "3"
             } : void 0
@@ -235,40 +251,42 @@ const be = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
         ]),
         _: 3
       }, 8, ["visible", "disabled", "content"]),
-      e.success && e.successLabel ? (u(), p("div", ge, [
-        e.success ? (u(), p("span", xe, L(e.successLabel), 1)) : h("", !0)
-      ])) : h("", !0),
-      e.error && e.errorLabel && e.errorMode === "default" ? (u(), p("div", Be, [
-        e.error ? (u(), p("span", {
+      e.success && e.successLabel ? (d(), p("div", ze, [
+        e.success ? (d(), p("span", Me, S(e.successLabel), 1)) : g("", !0)
+      ])) : g("", !0),
+      e.error && e.errorLabel && e.errorMode === "default" ? (d(), p("div", Ce, [
+        e.error ? (d(), p("span", {
           key: 0,
-          class: F(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
+          class: G(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
           title: e.isErrorTitle ? e.errorLabel : ""
-        }, L(e.errorLabel), 11, Te)) : h("", !0)
-      ])) : h("", !0),
-      e.error && e.errorLabel && S.value && e.errorMode === "overlay" ? (u(), p(ne, { key: 2 }, [
-        e.teleported ? (u(), ue(de, {
+        }, S(e.errorLabel), 11, We)) : g("", !0)
+      ])) : g("", !0),
+      e.error && e.errorLabel && w.value && e.errorMode === "overlay" ? (d(), p(he, { key: 2 }, [
+        e.teleported ? (d(), ye(ge, {
           key: 0,
           to: "body"
         }, [
-          E("div", {
-            style: z(K.value)
+          W("div", {
+            ref_key: "$errorModel",
+            ref: ee,
+            style: C(re.value)
           }, [
-            E("span", {
-              style: z(Q.value)
-            }, L(e.errorLabel), 5)
+            W("span", {
+              style: C(V.value)
+            }, S(e.errorLabel), 5)
           ], 4)
-        ])) : (u(), p("div", ke, [
-          E("span", Le, L(e.errorLabel), 1)
+        ])) : (d(), p("div", $e, [
+          W("span", He, S(e.errorLabel), 1)
         ]))
-      ], 64)) : h("", !0)
+      ], 64)) : g("", !0)
     ], 6));
   }
-}), ze = (l, g) => {
-  const x = l.__vccOpts || l;
-  for (const [o, c] of g)
-    x[o] = c;
-  return x;
-}, Ee = /* @__PURE__ */ ze(we, [["__scopeId", "data-v-181080a1"]]), We = {
+}), Ne = (l, x) => {
+  const B = l.__vccOpts || l;
+  for (const [o, f] of x)
+    B[o] = f;
+  return B;
+}, De = /* @__PURE__ */ Ne(Ve, [["__scopeId", "data-v-0a3a7380"]]), Fe = {
   "--das-ui-input-default-text-color": "#212121",
   "--das-ui-input-default-placeholder-text-color": "#B2B2B2",
   "--das-ui-input-full-border-color": "#D9D9D9",
@@ -285,15 +303,15 @@ const be = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
   "--das-ui-input-only-bottom-view-border-color": "#E5E5E5",
   "--das-ui-input-success-color": "#1BA854",
   "--das-ui-input-error-color": "#FB2323"
-}, $e = {
+}, Re = {
   共: { "zh-CN": "共", en: "Total", _appCode: "framework" },
   项: { "zh-CN": "项", en: "Item", _appCode: "framework" },
   请输入: { "zh-CN": "请输入", en: "Please enter", _appCode: "framework" }
 };
-fe($e);
-ae(We);
-const Oe = le(Ee);
+Te(Re);
+fe(Fe);
+const Ke = pe(De);
 export {
-  Oe as DasInput,
-  Oe as default
+  Ke as DasInput,
+  Ke as default
 };

package/packages/components/input/style.css

@@ -1 +1 @@
-[data-v-181080a1] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}[data-v-181080a1] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}[data-v-181080a1] .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-181080a1]{position:relative}.das-ui-input[data-v-181080a1] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-input[data-v-181080a1] .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-181080a1] .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-181080a1] .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-181080a1]{width:230px}.das-ui-input.das-input-table-size[data-v-181080a1]{width:132px}.das-ui-input.das-input-table-size[data-v-181080a1] .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-181080a1] .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input[data-v-181080a1]{display:inline-block}.das-ui-input[data-v-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .el-input .el-input__wrapper:hover,.das-ui-input[data-v-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .el-input.das-input-success .el-input__wrapper,.das-ui-input[data-v-181080a1] .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-181080a1] .el-input.das-input-error .el-input__wrapper,.das-ui-input[data-v-181080a1] .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-181080a1]{font-size:12px}.das-ui-input .das-input-label-content .das-input-success-label[data-v-181080a1]{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-181080a1]{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-181080a1]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input .das-input-overlay-error-label-content[data-v-181080a1]{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-181080a1]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-input[data-v-181080a1] .el-textarea{margin-bottom:20px}.das-ui-input[data-v-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input[data-v-181080a1] .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-181080a1] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input[data-v-181080a1] .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-181080a1] .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-181080a1] .el-input.el-input-group{--el-input-height: 25px}.das-ui-input[data-v-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .el-input.el-input-group.el-input-group--append .el-input__wrapper,.das-ui-input.only-border-bottom[data-v-181080a1] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-bottom:none}.das-ui-input.only-border-bottom[data-v-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .el-textarea{margin-bottom:20px}.das-ui-input.only-border-bottom[data-v-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .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-181080a1] .el-textarea .el-input__count{bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}
+[data-v-0a3a7380] .el-textarea textarea::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}[data-v-0a3a7380] .el-textarea textarea::-webkit-scrollbar-corner{background-color:#0000}[data-v-0a3a7380] .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-0a3a7380]{position:relative}.das-ui-input[data-v-0a3a7380] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-input[data-v-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380]{width:230px}.das-ui-input.das-input-table-size[data-v-0a3a7380]{width:132px}.das-ui-input.das-input-table-size[data-v-0a3a7380] .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-0a3a7380] .el-input .el-input__wrapper .el-input__inner::placeholder{font-size:12px}.das-ui-input[data-v-0a3a7380]{display:inline-block}.das-ui-input[data-v-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .el-input .el-input__wrapper:hover,.das-ui-input[data-v-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .el-input.das-input-success .el-input__wrapper,.das-ui-input[data-v-0a3a7380] .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-0a3a7380] .el-input.das-input-error .el-input__wrapper,.das-ui-input[data-v-0a3a7380] .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-0a3a7380]{font-size:12px}.das-ui-input .das-input-label-content .das-input-success-label[data-v-0a3a7380]{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-0a3a7380]{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-0a3a7380]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-input .das-input-overlay-error-label-content[data-v-0a3a7380]{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-0a3a7380]{font-size:12px;color:var(--das-ui-input-number-overlay-error-color)}.das-ui-input[data-v-0a3a7380] .el-textarea{margin-bottom:20px}.das-ui-input[data-v-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .el-textarea.das-input-error .el-textarea__inner,.das-ui-input[data-v-0a3a7380] .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-0a3a7380] .el-textarea.das-input-success .el-textarea__inner,.das-ui-input[data-v-0a3a7380] .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-0a3a7380] .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-0a3a7380] .el-input.el-input-group{--el-input-height: 25px}.das-ui-input[data-v-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .el-input.el-input-group.el-input-group--append .el-input__wrapper,.das-ui-input.only-border-bottom[data-v-0a3a7380] .el-input.el-input-group.el-input-group--prepend .el-input__wrapper{border-bottom:none}.das-ui-input.only-border-bottom[data-v-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .el-textarea{margin-bottom:20px}.das-ui-input.only-border-bottom[data-v-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .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-0a3a7380] .el-textarea .el-input__count{bottom:-18px;right:0;font-size:14px;color:var(--das-ui-input-textarea-count-color)}