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

package/packages/components/input/index.js

@@ -1,30 +1,31 @@
 import '@das-fed/ui/packages/components/input/style.css';
-import { withInstall as te } from "@das-fed/utils/with-install/index";
-import { getVarValue as N, setThemeRule as oe } from "@das-fed/web/packages/theme/index";
-import { defineComponent as le, computed as n, ref as a, watch as B, nextTick as D, openBlock as u, createElementBlock as f, normalizeStyle as E, normalizeClass as R, createCommentVNode as d, createVNode as F, unref as P, withCtx as y, mergeProps as ae, createSlots as re, renderSlot as T, toDisplayString as k, Fragment as se, createBlock as ie, Teleport as ne, createElementVNode as z } from "vue";
+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 f, normalizeStyle as E, normalizeClass as F, createCommentVNode as d, createVNode as P, unref as O, withCtx as h, mergeProps as se, createSlots as ie, renderSlot as k, toDisplayString as L, Fragment as ne, createBlock as ue, Teleport as de, createElementVNode as z } from "vue";
 import "element-plus/es/components/input/style/css";
-import { ElInput as ue } from "element-plus";
-import { DasTooltip as de } from "@das-fed/ui/packages/components/tooltip/index";
-import { t as pe, setI18nRule as fe } from "@das-fed/web/packages/i18n/index";
-const ce = ["auto", "fit-content", "inherit", "initial", "max-content", "min-content", "revert", "unset", "-webkit-fill-available"], ve = (l) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)$/.test(l), me = (l) => {
+import { ElInput as pe } from "element-plus";
+import { t as fe, setI18nRule as ce } 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) => {
   if (l)
-    return typeof l == "string" && ve(l) || typeof l == "string" && ce.includes(l) ? l : l + "px";
-}, be = {
+    return typeof l == "string" && ye(l) || typeof l == "string" && be.includes(l) ? l : l + "px";
+}, ge = {
   key: 0,
   class: "das-input-label-content"
-}, ye = {
+}, xe = {
   key: 0,
   class: "das-input-success-label"
-}, he = {
+}, Be = {
   key: 1,
   class: "das-input-label-content"
-}, ge = ["title"], xe = {
+}, Te = ["title"], ke = {
   key: 1,
   class: "das-input-overlay-error-label-content"
-}, Be = { class: "label" }, Te = {
+}, Le = { class: "label" }, Se = {
   inheritAttrs: !1
-}, ke = /* @__PURE__ */ le({
-  ...Te,
+}, we = /* @__PURE__ */ re({
+  ...Se,
   __name: "index",
   props: {
     modelValue: { default: "" },
@@ -53,115 +54,115 @@ const ce = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
     filterSpace: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "change"],
-  setup(l, { expose: h, emit: g }) {
-    const o = l, L = n(() => o.placeholder || pe("请输入")), O = n(() => `width:${me(o.width)}`), U = n(() => {
+  setup(l, { expose: g, emit: x }) {
+    const o = l, c = i(() => o.placeholder || fe("请输入")), U = i(() => `width:${he(o.width)}`), A = i(() => {
       const e = Number(o.maxLength) ? Number(o.maxLength) : !1, t = Number(o.maxlength) ? Number(o.maxlength) : !1;
       return e || t && t || !1;
-    }), $ = g, b = n({
+    }), W = x, n = i({
       get: () => o.modelValue,
-      set: (e) => $("update:modelValue", e)
-    }), A = a(o.isTitle), p = a(!1), W = a(), r = a(), S = a(!1), Z = n(() => o.type === "textarea" ? o.showWordLimit : o.showTextWordLimit), j = n(() => o.isView || o.disabled), H = n(() => j.value ? o.noSetDefaultVal ? "" : "-" : L.value ?? ""), w = a(!1), c = a(0), v = a(0), x = a({
+      set: (e) => W("update:modelValue", e)
+    }), Z = a(o.isTitle), p = 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), v = a(0), B = a({
       x: 0,
       y: 0
-    }), M = a(0), q = a({
+    }), C = a(0), J = a({
       "font-size": "12px",
-      "background-color": N("--das-ui-input-number-overlay-error-bg-color").value,
+      "background-color": D("--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"
-    }), G = n(() => ({
-      ...q.value,
-      width: M.value + "px",
+    }), K = i(() => ({
+      ...J.value,
+      width: C.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: x.value.y + "px",
-      left: x.value.x + "px",
+      top: B.value.y + "px",
+      left: B.value.x + "px",
       "z-index": o.errorModelZIndex
-    })), J = a({
+    })), Q = a({
       display: "block",
-      color: N("--das-ui-input-error-color").value,
+      color: D("--das-ui-input-error-color").value,
       "white-space": "break-spaces"
-    }), K = () => {
-      var i, C, I, V;
-      const { top: e = 0, left: t = 0 } = ((C = (i = r.value) == null ? void 0 : i.$el) == null ? void 0 : C.getBoundingClientRect()) ?? {}, s = (I = r.value) == null ? void 0 : I.$el.clientHeight;
-      M.value = (V = r.value) == null ? void 0 : V.$el.clientWidth, x.value.x = t, x.value.y = e + s;
+    }), X = () => {
+      var y, I, V, N;
+      const { top: e = 0, left: t = 0 } = ((I = (y = r.value) == null ? void 0 : y.$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;
     };
-    B(
+    T(
       () => {
         var e;
         return (e = r.value) == null ? void 0 : e.textarea;
       },
       (e) => {
-        D(() => {
+        R(() => {
           var t;
           e && (e != null && e.nextSibling) && ((t = e.nextSibling) != null && t.style) && (e.nextSibling.style.display = "none");
         });
       }
     );
-    const Q = (e) => {
+    const Y = (e) => {
       let t = e + "";
-      o.type !== "textarea" && o.filterSpace && (t = t.trim()), b.value = t, $("change", t);
-    }, X = () => {
+      o.type !== "textarea" && o.filterSpace && (t = t.trim()), n.value = t, W("change", t);
+    }, _ = () => {
       var t;
       o.borderType === "bottom" && (w.value = !0);
       const e = (t = r.value) == null ? void 0 : t.textarea;
       e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "block");
-    }, Y = () => {
+    }, ee = () => {
       var t;
       o.borderType === "bottom" && (w.value = !1);
       const e = (t = r.value) == null ? void 0 : t.textarea;
       e && e.nextSibling && e.nextSibling.style && (e.nextSibling.style.display = "none");
+    }, M = () => {
+      const e = o.size === "table" ? 12 : 14;
+      return me(c.value, e);
     };
-    B(
+    T(
       () => r.value,
       (e) => {
         setTimeout(() => {
-          var s, i;
+          var s, y;
           const t = e;
-          t && (c.value = ((s = t == null ? void 0 : t.ref) == null ? void 0 : s.offsetWidth) ?? 0, v.value = ((i = t == null ? void 0 : t.ref) == null ? void 0 : i.scrollWidth) ?? 0);
+          t && (v.value = ((s = t == null ? void 0 : t.ref) == null ? void 0 : s.offsetWidth) ?? 0, m.value = n.value ? (y = t == null ? void 0 : t.ref) == null ? void 0 : y.scrollWidth : M());
         }, 200);
       }
-    ), B(
-      () => b.value,
-      (e) => {
-        D(() => {
-          var t, s, i;
-          (t = r.value) != null && t.ref && (c.value = (s = r.value) == null ? void 0 : s.ref.offsetWidth, v.value = (i = r.value) == null ? void 0 : i.ref.scrollWidth, (c.value === v.value || v.value - c.value < 5) && (p.value = !1));
-        });
-      }
     );
-    const m = a(), _ = () => {
-      c.value === v.value || v.value - c.value < 5 ? p.value = !1 : (p.value = !0, m.value && clearTimeout(m.value)), S.value = !0, K();
+    const m = a(0);
+    T(() => [n.value, c.value], () => {
+      R(() => {
+        var e, t, s;
+        (e = r.value) != null && e.ref && (v.value = (t = r.value) == null ? void 0 : t.ref.offsetWidth, m.value = n.value ? (s = r.value) == null ? void 0 : s.ref.scrollWidth : M(), (v.value === m.value || m.value - v.value < 1) && (p.value = !1));
+      });
+    });
+    const b = a(), te = () => {
+      v.value === m.value || m.value - v.value < 1 ? p.value = !1 : (p.value = !0, b.value && clearTimeout(b.value)), S.value = !0, X();
+    }, oe = () => {
+      b.value = setTimeout(() => {
+        p.value = !1;
+      }, 200), S.value = !1;
     };
-    B(
+    return T(
       () => {
         var e;
-        return (e = W.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = $.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          p.value = !0, m.value && clearTimeout(m.value);
+          p.value = !0, b.value && clearTimeout(b.value);
         }), e.addEventListener("mouseleave", function() {
-          m.value = setTimeout(() => {
+          b.value = setTimeout(() => {
             p.value = !1;
           }, 200);
         }));
       }
-    );
-    const ee = () => {
-      m.value = setTimeout(() => {
-        p.value = !1;
-      }, 200), S.value = !1;
-    };
-    return h({
+    ), g({
       $refInput: r
     }), (e, t) => (u(), f(
       "div",
       {
-        style: E(O.value),
-        class: R([
+        style: E(U.value),
+        class: F([
           "das-ui-input",
           { "only-border-bottom": e.borderType === "bottom" },
           { "das-input-normal-size": e.size === "default" },
@@ -170,24 +171,24 @@ const ce = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
       },
       [
         d(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        F(P(de), {
+        P(O(ve), {
           ref_key: "inputTooltipRef",
-          ref: W,
+          ref: $,
           effect: "light",
+          placement: "top",
           manual: !0,
           visible: p.value,
-          disabled: !A.value,
-          content: b.value,
-          placement: "top"
+          disabled: !Z.value,
+          content: j.value
         }, {
-          default: y(() => [
-            F(P(ue), ae({
+          default: h(() => [
+            P(O(pe), se({
               ref_key: "$refInput",
               ref: r
             }, e.$attrs, {
-              modelValue: b.value,
-              "onUpdate:modelValue": t[0] || (t[0] = (s) => b.value = s),
-              placeholder: H.value,
+              modelValue: n.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (s) => n.value = s),
+              placeholder: G.value,
               disabled: e.disabled,
               readonly: e.isView,
               type: o.type,
@@ -198,44 +199,44 @@ const ce = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
                 { "input-focus-color": w.value }
               ],
               autosize: o.autosize,
-              showWordLimit: Z.value,
-              maxlength: U.value,
-              onChange: Q,
-              onFocus: X,
-              onBlur: Y,
-              onMouseenter: _,
-              onMouseleave: ee
-            }), re({
+              showWordLimit: H.value,
+              maxlength: A.value,
+              onChange: Y,
+              onFocus: _,
+              onBlur: ee,
+              onMouseenter: te,
+              onMouseleave: oe
+            }), ie({
               _: 2
               /* DYNAMIC */
             }, [
               e.$slots.prepend ? {
                 name: "prepend",
-                fn: y(() => [
+                fn: h(() => [
                   d(" 输入框前置内容 "),
-                  T(e.$slots, "prepend", {}, void 0, !0)
+                  k(e.$slots, "prepend", {}, void 0, !0)
                 ]),
                 key: "0"
               } : void 0,
               e.$slots.append ? {
                 name: "append",
-                fn: y(() => [
+                fn: h(() => [
                   d(" 输入框后置内容 "),
-                  T(e.$slots, "append", {}, void 0, !0)
+                  k(e.$slots, "append", {}, void 0, !0)
                 ]),
                 key: "1"
               } : void 0,
               e.$slots.suffix ? {
                 name: "suffix",
-                fn: y(() => [
-                  T(e.$slots, "suffix", {}, void 0, !0)
+                fn: h(() => [
+                  k(e.$slots, "suffix", {}, void 0, !0)
                 ]),
                 key: "2"
               } : void 0,
               e.$slots.prefix ? {
                 name: "prefix",
-                fn: y(() => [
-                  T(e.$slots, "prefix", {}, void 0, !0)
+                fn: h(() => [
+                  k(e.$slots, "prefix", {}, void 0, !0)
                 ]),
                 key: "3"
               } : void 0
@@ -244,42 +245,42 @@ const ce = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
           _: 3
           /* FORWARDED */
         }, 8, ["visible", "disabled", "content"]),
-        e.success && e.successLabel ? (u(), f("div", be, [
+        e.success && e.successLabel ? (u(), f("div", ge, [
           e.success ? (u(), f(
             "span",
-            ye,
-            k(e.successLabel),
+            xe,
+            L(e.successLabel),
             1
             /* TEXT */
           )) : d("v-if", !0)
         ])) : d("v-if", !0),
-        e.error && e.errorLabel && e.errorMode === "default" ? (u(), f("div", he, [
+        e.error && e.errorLabel && e.errorMode === "default" ? (u(), f("div", Be, [
           e.error ? (u(), f("span", {
             key: 0,
-            class: R(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
+            class: F(["das-input-error-label", { "error-label-overflow": e.isErrorTitle }]),
             title: e.isErrorTitle ? e.errorLabel : ""
-          }, k(e.errorLabel), 11, ge)) : d("v-if", !0)
+          }, L(e.errorLabel), 11, Te)) : d("v-if", !0)
         ])) : d("v-if", !0),
         e.error && e.errorLabel && S.value && e.errorMode === "overlay" ? (u(), f(
-          se,
+          ne,
           { key: 2 },
           [
-            e.teleported ? (u(), ie(ne, {
+            e.teleported ? (u(), ue(de, {
               key: 0,
               to: "body"
             }, [
               z(
                 "div",
                 {
-                  style: E(G.value)
+                  style: E(K.value)
                 },
                 [
                   z(
                     "span",
                     {
-                      style: E(J.value)
+                      style: E(Q.value)
                     },
-                    k(e.errorLabel),
+                    L(e.errorLabel),
                     5
                     /* TEXT, STYLE */
                   )
@@ -287,11 +288,11 @@ const ce = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
                 4
                 /* STYLE */
               )
-            ])) : (u(), f("div", xe, [
+            ])) : (u(), f("div", ke, [
               z(
                 "span",
-                Be,
-                k(e.errorLabel),
+                Le,
+                L(e.errorLabel),
                 1
                 /* TEXT */
               )
@@ -305,12 +306,12 @@ const ce = ["auto", "fit-content", "inherit", "initial", "max-content", "min-con
       /* CLASS, STYLE */
     ));
   }
-}), Le = (l, h) => {
-  const g = l.__vccOpts || l;
-  for (const [o, L] of h)
-    g[o] = L;
-  return g;
-}, Se = /* @__PURE__ */ Le(ke, [["__scopeId", "data-v-70e8c421"]]), we = {
+}), Ee = (l, g) => {
+  const x = l.__vccOpts || l;
+  for (const [o, c] of g)
+    x[o] = c;
+  return x;
+}, ze = /* @__PURE__ */ Ee(we, [["__scopeId", "data-v-181080a1"]]), We = {
   "--das-ui-input-default-text-color": "#212121",
   "--das-ui-input-default-placeholder-text-color": "#B2B2B2",
   "--das-ui-input-full-border-color": "#D9D9D9",
@@ -327,15 +328,15 @@ const ce = ["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"
-}, Ee = {
+}, $e = {
   共: { "zh-CN": "共", en: "Total", _appCode: "framework" },
   项: { "zh-CN": "项", en: "Item", _appCode: "framework" },
   请输入: { "zh-CN": "请输入", en: "Please Enter", _appCode: "framework" }
 };
-fe(Ee);
-oe(we);
-const Ne = te(Se);
+ce($e);
+ae(We);
+const Oe = le(ze);
 export {
-  Ne as DasInput,
-  Ne as default
+  Oe as DasInput,
+  Oe as default
 };

package/packages/components/input/style.css

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