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

package/packages/components/index.js

@@ -18,6 +18,7 @@ export * from './drawer'
 export * from './dropdown'
 export * from './edit-table'
 export * from './empty'
+export * from './error-overlay-model'
 export * from './form'
 export * from './form-item'
 export * from './icon'

package/packages/components/input/index.js

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

package/packages/components/input/style.css

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