@das-fed/ui 6.4.0-dev.89 → 6.4.0-dev.90

package/packages/components/search/index.js

@@ -1,16 +1,16 @@
 import '@das-fed/ui/packages/components/search/style.css';
-import { withInstall as _ } from "@das-fed/utils/with-install/index";
-import { defineComponent as N, ref as o, computed as x, watch as m, openBlock as E, createElementBlock as O, normalizeClass as P, normalizeStyle as U, createVNode as W, unref as d, withCtx as k, mergeProps as j, isRef as q, createBlock as C, createCommentVNode as F, nextTick as w } from "vue";
+import { withInstall as R } from "@das-fed/utils/with-install/index";
+import { defineComponent as S, ref as o, computed as T, watch as y, openBlock as g, createElementBlock as _, normalizeClass as w, normalizeStyle as N, createVNode as x, unref as v, withCtx as k, mergeProps as O, createBlock as V, createCommentVNode as W, nextTick as P } from "vue";
 import "element-plus/es/components/input/style/css";
-import { ElInput as G } from "element-plus";
-import { DasAutoRegisterIcon as H, DasIcon as L } from "@das-fed/ui/packages/components/icon/index";
-import { DasTooltip as J } from "@das-fed/ui/packages/components/tooltip/index";
-import { calcTextWidth as K } from "@das-fed/utils/common-tools";
-import { setThemeRule as Q } from "@das-fed/web/packages/theme/index";
-const X = {
+import { ElInput as U } from "element-plus";
+import { DasAutoRegisterIcon as j, DasIcon as $ } from "@das-fed/ui/packages/components/icon/index";
+import { DasTooltip as q } from "@das-fed/ui/packages/components/tooltip/index";
+import { calcTextWidth as G } from "@das-fed/utils/common-tools";
+import { setThemeRule as H } from "@das-fed/web/packages/theme/index";
+const J = {
   inheritAttrs: !1
-}, Y = /* @__PURE__ */ N({
-  ...X,
+}, K = /* @__PURE__ */ S({
+  ...J,
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -27,117 +27,108 @@ const X = {
     isExpandAtFocus: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(p, { emit: h }) {
-    const l = p, c = h;
-    H({
+  setup(f, { emit: m }) {
+    const l = f, d = m;
+    j({
       search: import("@das-fed/ui/packages/icons/search"),
       empty: import("@das-fed/ui/packages/icons/empty")
     });
-    const v = o(null), f = o(null);
-    let a = o(l.modelValue), b = o(l.modelValue);
-    const s = o(!1), $ = x(() => a.value ? a.value : l.placeholder), A = () => {
-      c("update:modelValue", a.value), b.value = a.value, c("change", a.value);
-    }, y = (e) => e === null || typeof e > "u" || e === "";
-    m(
-      () => l.modelValue,
-      (e, t) => {
-        a.value = e, !y(t) && !y(b.value) && y(e) && (b.value = "", c("change", a.value));
-      },
-      {
-        immediate: !0,
-        deep: !0
-      }
-    );
-    const B = () => K(l.placeholder, 12);
-    m(
-      () => f.value,
+    const p = o(null), c = o(null), a = T({
+      get: () => l.modelValue,
+      set: (e) => d("update:modelValue", e)
+    }), u = o(!1), C = T(() => a.value ? a.value : l.placeholder), F = (e) => {
+      let t = e + "";
+      a.value = t, d("change", t);
+    }, B = () => G(l.placeholder, 12);
+    y(
+      () => c.value,
       (e) => {
         setTimeout(() => {
-          var u, V;
+          var n, E;
           const t = e;
-          t && (r.value = ((u = t == null ? void 0 : t.ref) == null ? void 0 : u.offsetWidth) ?? 0, n.value = a.value ? (V = t == null ? void 0 : t.ref) == null ? void 0 : V.scrollWidth : B());
+          t && (s.value = ((n = t == null ? void 0 : t.ref) == null ? void 0 : n.offsetWidth) ?? 0, r.value = a.value ? (E = t == null ? void 0 : t.ref) == null ? void 0 : E.scrollWidth : B());
         }, 200);
       }
     );
-    const r = o(0), n = o(0), z = () => {
-      w(() => {
-        var e, t, u;
-        (e = f.value) != null && e.ref && (r.value = (t = f.value) == null ? void 0 : t.ref.offsetWidth, n.value = a.value ? (u = f.value) == null ? void 0 : u.ref.scrollWidth : B(), (r.value === n.value || n.value - r.value < 1) && (s.value = !1));
+    const s = o(0), r = o(0), L = () => {
+      P(() => {
+        var e, t, n;
+        (e = c.value) != null && e.ref && (s.value = (t = c.value) == null ? void 0 : t.ref.offsetWidth, r.value = a.value ? (n = c.value) == null ? void 0 : n.ref.scrollWidth : B(), (s.value === r.value || r.value - s.value < 1) && (u.value = !1));
       });
     };
-    m(
+    y(
       () => [a.value, l.placeholder],
       () => {
-        z();
+        L();
       }
     );
-    const i = o(), R = () => {
-      r.value === n.value || n.value - r.value < 1 ? s.value = !1 : (s.value = !0, i.value && clearTimeout(i.value));
-    }, D = () => {
+    const i = o(), A = () => {
+      s.value === r.value || r.value - s.value < 1 ? u.value = !1 : (u.value = !0, i.value && clearTimeout(i.value));
+    }, z = () => {
       i.value = setTimeout(() => {
-        s.value = !1;
+        u.value = !1;
       }, 200);
     };
-    m(
+    y(
       () => {
         var e;
-        return (e = v.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = p.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          s.value = !0, i.value && clearTimeout(i.value);
+          u.value = !0, i.value && clearTimeout(i.value);
         }), e.addEventListener("mouseleave", function() {
           i.value = setTimeout(() => {
-            s.value = !1;
+            u.value = !1;
           }, 200);
         }));
       }
     );
-    const I = o(""), T = o(!1), g = x(() => (l == null ? void 0 : l.isExpandAtFocus) === !0 || (l == null ? void 0 : l.isExpandAtFocus) === "true"), M = () => {
-      !g.value || r.value > 400 || (I.value = "400px", T.value = !0);
-    }, S = (e) => {
-      g.value && (I.value = "", T.value = !1);
+    const h = o(""), b = o(!1), I = T(() => (l == null ? void 0 : l.isExpandAtFocus) === !0 || (l == null ? void 0 : l.isExpandAtFocus) === "true"), D = () => {
+      !I.value || s.value > 400 || (h.value = "400px", b.value = !0);
+    }, M = (e) => {
+      I.value && (h.value = "", b.value = !1);
     };
-    return (e, t) => (E(), O("div", {
-      class: P(`das-ui-search ${e.size}`),
-      style: U({ width: g.value && T.value ? I.value : "" })
+    return (e, t) => (g(), _("div", {
+      class: w(`das-ui-search ${e.size}`),
+      style: N({ width: I.value && b.value ? h.value : "" })
     }, [
-      W(d(J), {
+      x(v(q), {
         ref_key: "inputTooltipRef",
-        ref: v,
+        ref: p,
         effect: "light",
         placement: "top",
         manual: !0,
-        visible: s.value,
+        visible: u.value,
         disabled: e.isExpandAtFocus || !e.isTitle,
-        content: $.value
+        content: C.value
       }, {
         default: k(() => [
-          W(d(G), j({
+          x(v(U), O({
             ref_key: "$refInput",
-            ref: f
+            ref: c
           }, e.$attrs, {
             placeholder: e.placeholder,
             type: "text",
             class: `main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
-            modelValue: d(a),
-            "onUpdate:modelValue": t[0] || (t[0] = (u) => q(a) ? a.value = u : a = u),
+            modelValue: a.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (n) => a.value = n),
             disabled: e.disabled,
-            onChange: A,
+            onChange: F,
             clearable: l.clearable,
-            onFocus: M,
-            onBlur: S,
-            onMouseenter: R,
-            onMouseleave: D
+            onFocus: D,
+            onBlur: M,
+            onMouseenter: A,
+            onMouseleave: z
           }), {
             prefix: k(() => [
-              e.isIconLeft ? (E(), C(d(L), {
+              e.isIconLeft ? (g(), V(v($), {
                 key: 0,
                 icon: e.prefixIcon ? e.prefixIcon : "search"
-              }, null, 8, ["icon"])) : F("", !0)
+              }, null, 8, ["icon"])) : W("", !0)
             ]),
             suffix: k(() => [
-              e.isIconLeft ? F("", !0) : (E(), C(d(L), {
+              e.isIconLeft ? W("", !0) : (g(), V(v($), {
                 key: 0,
                 icon: e.suffixIcon ? e.suffixIcon : "search",
                 style: { cursor: "pointer" }
@@ -150,12 +141,12 @@ const X = {
       }, 8, ["visible", "disabled", "content"])
     ], 6));
   }
-}), Z = (p, h) => {
-  const l = p.__vccOpts || p;
-  for (const [c, v] of h)
-    l[c] = v;
+}), Q = (f, m) => {
+  const l = f.__vccOpts || f;
+  for (const [d, p] of m)
+    l[d] = p;
   return l;
-}, ee = /* @__PURE__ */ Z(Y, [["__scopeId", "data-v-140316b9"]]), le = {
+}, X = /* @__PURE__ */ Q(K, [["__scopeId", "data-v-f94032e7"]]), Y = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -165,9 +156,9 @@ const X = {
   "--das-ui-search-text": "#212121",
   "--das-ui-search-border-active": "#5582F3"
 };
-Q(le);
-const ce = _(ee);
+H(Y);
+const ne = R(X);
 export {
-  ce as DasSearch,
-  ce as default
+  ne as DasSearch,
+  ne as default
 };

package/packages/components/search/style.css

@@ -1 +1 @@
-.das-ui-search[data-v-140316b9]{position:relative;transition:width .3s ease}.das-ui-search[data-v-140316b9] .el-input__inner{font-size:12px}.das-ui-search.small[data-v-140316b9]{width:200px}.das-ui-search.small[data-v-140316b9] .el-input__inner{font-size:12px}.das-ui-search.large[data-v-140316b9]{width:320px}.das-ui-search.large[data-v-140316b9] .el-input__inner{font-size:16px}.das-ui-search.middle[data-v-140316b9]{width:260px}.das-ui-search[data-v-140316b9] .el-input{border-width:0 0 1px 0!important;border-color:var(--das-ui-search-border);box-shadow:none!important;outline:none}.das-ui-search[data-v-140316b9] .el-input.is-disabled .el-input__wrapper{background:transparent}.das-ui-search[data-v-140316b9] .el-input .el-input__wrapper{border-radius:0;box-shadow:none!important;padding:0 0 1px}.das-ui-search[data-v-140316b9] .el-input .el-input__wrapper.is-focus .el-input__prefix .el-input__prefix-inner .das-icon,.das-ui-search[data-v-140316b9] .el-input .el-input__wrapper.is-focus .el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search[data-v-140316b9] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--das-ui-search-text)}.das-ui-search[data-v-140316b9] .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-search[data-v-140316b9] .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-search[data-v-140316b9] .el-input.border{border-radius:2px;border-width:1px!important}.das-ui-search[data-v-140316b9] .el-input.border .el-input__wrapper{padding:0 5px 0 8px}.das-ui-search[data-v-140316b9] .el-input:not(.is-disabled):hover,.das-ui-search[data-v-140316b9] .el-input:not(.is-disabled):active,.das-ui-search[data-v-140316b9] .el-input:not(.is-disabled):focus{border-color:var(--das-ui-search-border-active)}.das-ui-search[data-v-140316b9] .el-input:not(.is-disabled):hover.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-140316b9] .el-input:not(.is-disabled):hover.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-140316b9] .el-input:not(.is-disabled):active.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-140316b9] .el-input:not(.is-disabled):active.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-140316b9] .el-input:not(.is-disabled):focus.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-140316b9] .el-input:not(.is-disabled):focus.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search[data-v-140316b9] .el-input.el-input__suffix{padding:0 0 1px;box-sizing:border-box}.das-ui-search[data-v-140316b9] .el-input.el-input__suffix.border{padding:5px}.das-ui-search[data-v-140316b9] .el-input.el-input__suffix.left .el-input__suffix .das-icon.close-icon{margin-right:0}.das-ui-search[data-v-140316b9] .el-input.el-input__suffix .el-input__prefix .das-icon{color:var(--das-ui-search-icon)}.das-ui-search[data-v-140316b9] .el-input.el-input__suffix .el-input__prefix .das-icon:hover{color:var(--das-ui-search-border-active)}.das-ui-search[data-v-140316b9] .el-input.small .el-input__inner{height:22px}.das-ui-search[data-v-140316b9] .el-input.middle .el-input__inner,.das-ui-search[data-v-140316b9] .el-input.custom .el-input__inner{height:26px}.das-ui-search[data-v-140316b9] .el-input.middle-l .el-input__inner{height:28px}.das-ui-search[data-v-140316b9] .el-input.middle-xl .el-input__inner{height:30px}.das-ui-search[data-v-140316b9] .el-input.large .el-input__inner{height:34px}.das-ui-search[data-v-140316b9] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-search[data-v-140316b9] .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-search[data-v-140316b9] .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-search[data-v-140316b9] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear svg{display:none}
+.das-ui-search[data-v-f94032e7]{position:relative;transition:width .3s ease}.das-ui-search[data-v-f94032e7] .el-input__inner{font-size:12px}.das-ui-search.small[data-v-f94032e7]{width:200px}.das-ui-search.small[data-v-f94032e7] .el-input__inner{font-size:12px}.das-ui-search.large[data-v-f94032e7]{width:320px}.das-ui-search.large[data-v-f94032e7] .el-input__inner{font-size:16px}.das-ui-search.middle[data-v-f94032e7]{width:260px}.das-ui-search[data-v-f94032e7] .el-input{border-width:0 0 1px 0!important;border-color:var(--das-ui-search-border);box-shadow:none!important;outline:none}.das-ui-search[data-v-f94032e7] .el-input.is-disabled .el-input__wrapper{background:transparent}.das-ui-search[data-v-f94032e7] .el-input .el-input__wrapper{border-radius:0;box-shadow:none!important;padding:0 0 1px}.das-ui-search[data-v-f94032e7] .el-input .el-input__wrapper.is-focus .el-input__prefix .el-input__prefix-inner .das-icon,.das-ui-search[data-v-f94032e7] .el-input .el-input__wrapper.is-focus .el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search[data-v-f94032e7] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--das-ui-search-text)}.das-ui-search[data-v-f94032e7] .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-search[data-v-f94032e7] .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-search[data-v-f94032e7] .el-input.border{border-radius:2px;border-width:1px!important}.das-ui-search[data-v-f94032e7] .el-input.border .el-input__wrapper{padding:0 5px 0 8px}.das-ui-search[data-v-f94032e7] .el-input:not(.is-disabled):hover,.das-ui-search[data-v-f94032e7] .el-input:not(.is-disabled):active,.das-ui-search[data-v-f94032e7] .el-input:not(.is-disabled):focus{border-color:var(--das-ui-search-border-active)}.das-ui-search[data-v-f94032e7] .el-input:not(.is-disabled):hover.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-f94032e7] .el-input:not(.is-disabled):hover.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-f94032e7] .el-input:not(.is-disabled):active.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-f94032e7] .el-input:not(.is-disabled):active.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon),.das-ui-search[data-v-f94032e7] .el-input:not(.is-disabled):focus.el-input__prefix .el-input__suffix-inner .das-icon,.das-ui-search[data-v-f94032e7] .el-input:not(.is-disabled):focus.el-input__suffix .el-input__suffix-inner .das-icon:not(.close-icon){color:var(--das-ui-search-border-active)}.das-ui-search[data-v-f94032e7] .el-input.el-input__suffix{padding:0 0 1px;box-sizing:border-box}.das-ui-search[data-v-f94032e7] .el-input.el-input__suffix.border{padding:5px}.das-ui-search[data-v-f94032e7] .el-input.el-input__suffix.left .el-input__suffix .das-icon.close-icon{margin-right:0}.das-ui-search[data-v-f94032e7] .el-input.el-input__suffix .el-input__prefix .das-icon{color:var(--das-ui-search-icon)}.das-ui-search[data-v-f94032e7] .el-input.el-input__suffix .el-input__prefix .das-icon:hover{color:var(--das-ui-search-border-active)}.das-ui-search[data-v-f94032e7] .el-input.small .el-input__inner{height:22px}.das-ui-search[data-v-f94032e7] .el-input.middle .el-input__inner,.das-ui-search[data-v-f94032e7] .el-input.custom .el-input__inner{height:26px}.das-ui-search[data-v-f94032e7] .el-input.middle-l .el-input__inner{height:28px}.das-ui-search[data-v-f94032e7] .el-input.middle-xl .el-input__inner{height:30px}.das-ui-search[data-v-f94032e7] .el-input.large .el-input__inner{height:34px}.das-ui-search[data-v-f94032e7] .el-input .el-input__wrapper .el-input__inner{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-ui-search[data-v-f94032e7] .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-search[data-v-f94032e7] .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-search[data-v-f94032e7] .el-input .el-input__wrapper .el-input__suffix .el-input__suffix-inner .el-input__clear svg{display:none}