@das-fed/ui 6.4.0-dev.85 → 6.4.0-dev.86

package/packages/components/search/index.js

@@ -1,156 +1,170 @@
 import '@das-fed/ui/packages/components/search/style.css';
-import { withInstall as S } from "@das-fed/utils/with-install/index";
-import { defineComponent as B, ref as o, watch as k, computed as E, openBlock as h, createElementBlock as C, normalizeClass as F, normalizeStyle as z, createVNode as A, unref as u, mergeProps as $, isRef as L, withCtx as v, createBlock as y, createCommentVNode as b } from "vue";
+import { withInstall as _ } from "@das-fed/utils/with-install/index";
+import { defineComponent as N, ref as o, computed as W, watch as m, openBlock as E, createElementBlock as O, normalizeClass as P, normalizeStyle as U, createCommentVNode as k, createVNode as C, unref as d, withCtx as B, mergeProps as j, isRef as q, createBlock as F, nextTick as w } from "vue";
 import "element-plus/es/components/input/style/css";
-import { ElInput as w } from "element-plus";
-import { DasAutoRegisterIcon as D, DasIcon as x } from "@das-fed/ui/packages/components/icon/index";
-import { setThemeRule as R } from "@das-fed/web/packages/theme/index";
-const N = {
+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 = {
   inheritAttrs: !1
-}, T = /* @__PURE__ */ B({
-  ...N,
+}, Y = /* @__PURE__ */ N({
+  ...X,
   __name: "Index",
   props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    /**
-     * 搜索类型
-     * basis 基础搜索
-     * quick-search 多条件搜索
-     * panel 高级搜索
-     * smart 智能搜索
-     */
-    searchType: {
-      type: String,
-      default: "basis"
-    },
-    /**
-     * 搜索框尺寸
-     * large | middle | small | custom | middle-l | middle-xl
-     * custom 自适应
-     */
-    size: {
-      type: String,
-      default: "middle"
-    },
-    /**
-     * 前缀图标
-     */
-    prefixIcon: {
-      type: String,
-      default: ""
-    },
-    /**
-     * 后缀图标
-     */
-    suffixIcon: {
-      type: String,
-      default: ""
-    },
-    isIconLeft: {
-      type: Boolean,
-      default: !1
-    },
-    //是否显示清空图标
-    clearable: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * 是否禁用
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * 是否需要边框
-     */
-    border: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-    * 聚焦是否需要展开输入框宽度
-    */
-    isExpandAtFocus: {
-      type: [Boolean, String],
-      default: !1
-    }
+    modelValue: { default: "" },
+    border: { type: Boolean, default: !1 },
+    searchType: { default: "basis" },
+    placeholder: { default: "" },
+    size: { default: "middle" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !0 },
+    prefixIcon: { default: "" },
+    suffixIcon: { default: "" },
+    isIconLeft: { type: Boolean, default: !1 },
+    isTitle: { type: Boolean, default: !0 },
+    isExpandAtFocus: { type: Boolean, default: !1 }
   },
-  emits: ["update:modelValue", "change", "blur", "press-enter", "search"],
-  setup(e, { emit: i }) {
-    D({
+  emits: ["update:modelValue", "change"],
+  setup(p, { emit: h }) {
+    const l = p, f = h;
+    H({
       search: import("@das-fed/ui/packages/icons/search"),
       empty: import("@das-fed/ui/packages/icons/empty")
     });
-    const t = e, n = i;
-    let a = o(t.modelValue), s = o(t.modelValue);
-    const g = () => {
-      n("update:modelValue", a.value), s.value = a.value, n("change", a.value);
-    }, c = (l) => l === null || typeof l > "u" || l === "";
-    k(
-      () => t.modelValue,
-      (l, r) => {
-        a.value = l, !c(r) && !c(s.value) && c(l) && (s.value = "", n("change", a.value));
+    const v = o(null), c = o(null);
+    let a = o(l.modelValue), b = o(l.modelValue);
+    const s = o(!1), $ = W(() => a.value ? a.value : l.placeholder), A = () => {
+      f("update:modelValue", a.value), b.value = a.value, f("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 = "", f("change", a.value));
       },
       {
         immediate: !0,
         deep: !0
       }
     );
-    const d = o(""), f = o(!1), m = E(() => (t == null ? void 0 : t.isExpandAtFocus) === !0 || (t == null ? void 0 : t.isExpandAtFocus) === "true"), I = () => {
-      m.value && (d.value = "400px", f.value = !0);
-    }, V = () => {
-      m.value && (d.value = "", f.value = !1);
+    const V = () => K(l.placeholder, 12);
+    m(
+      () => c.value,
+      (e) => {
+        setTimeout(() => {
+          var u, x;
+          const t = e;
+          t && (i.value = ((u = t == null ? void 0 : t.ref) == null ? void 0 : u.offsetWidth) ?? 0, r.value = a.value ? (x = t == null ? void 0 : t.ref) == null ? void 0 : x.scrollWidth : V());
+        }, 200);
+      }
+    );
+    const i = o(0), r = o(0), z = () => {
+      w(() => {
+        var e, t, u;
+        (e = c.value) != null && e.ref && (i.value = (t = c.value) == null ? void 0 : t.ref.offsetWidth, r.value = a.value ? (u = c.value) == null ? void 0 : u.ref.scrollWidth : V(), (i.value === r.value || r.value - i.value < 5) && (s.value = !1));
+      });
+    };
+    m(
+      () => [a.value, l.placeholder],
+      () => {
+        z();
+      }
+    );
+    const n = o(), R = () => {
+      i.value === r.value || r.value - i.value < 5 ? s.value = !1 : (s.value = !0, n.value && clearTimeout(n.value));
+    }, D = () => {
+      n.value = setTimeout(() => {
+        s.value = !1;
+      }, 200);
     };
-    return (l, r) => (h(), C(
+    m(
+      () => {
+        var e;
+        return (e = v.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+      },
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          s.value = !0, n.value && clearTimeout(n.value);
+        }), e.addEventListener("mouseleave", function() {
+          n.value = setTimeout(() => {
+            s.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const I = o(""), T = o(!1), g = W(() => (l == null ? void 0 : l.isExpandAtFocus) === !0 || (l == null ? void 0 : l.isExpandAtFocus) === "true"), M = () => {
+      g.value && (I.value = "400px", T.value = !0);
+    }, S = (e) => {
+      g.value && (I.value = "", T.value = !1);
+    };
+    return (e, t) => (E(), O(
       "div",
       {
-        class: F(`das-ui-search ${e.size}`),
-        style: z({ width: m.value && f.value ? d.value : "" })
+        class: P(`das-ui-search ${e.size}`),
+        style: U({ width: g.value && T.value ? I.value : "" })
       },
       [
-        A(u(w), $({ ref: "$refSearch" }, l.$attrs, {
-          type: "text",
-          class: `main-input ${e.size} ${e.border ? "border" : ""} ${e.isIconLeft ? "left" : ""}`,
-          modelValue: u(a),
-          "onUpdate:modelValue": r[0] || (r[0] = (p) => L(a) ? a.value = p : a = p),
-          disabled: e.disabled,
-          onChange: g,
-          clearable: t.clearable,
-          onFocus: I,
-          onBlur: V
-        }), {
-          prefix: v(() => [
-            e.isIconLeft ? (h(), y(u(x), {
-              key: 0,
-              icon: e.prefixIcon ? e.prefixIcon : "search"
-            }, null, 8, ["icon"])) : b("v-if", !0)
-          ]),
-          suffix: v(() => [
-            e.isIconLeft ? b("v-if", !0) : (h(), y(u(x), {
-              key: 0,
-              icon: e.suffixIcon ? e.suffixIcon : "search",
-              style: { cursor: "pointer" }
-            }, null, 8, ["icon"]))
+        k(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        C(d(J), {
+          ref_key: "inputTooltipRef",
+          ref: v,
+          effect: "light",
+          placement: "top",
+          manual: !0,
+          visible: s.value,
+          disabled: e.isExpandAtFocus || !e.isTitle,
+          content: $.value
+        }, {
+          default: B(() => [
+            C(d(G), j({
+              ref_key: "$refInput",
+              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),
+              disabled: e.disabled,
+              onChange: A,
+              clearable: l.clearable,
+              onFocus: M,
+              onBlur: S,
+              onMouseenter: R,
+              onMouseleave: D
+            }), {
+              prefix: B(() => [
+                e.isIconLeft ? (E(), F(d(L), {
+                  key: 0,
+                  icon: e.prefixIcon ? e.prefixIcon : "search"
+                }, null, 8, ["icon"])) : k("v-if", !0)
+              ]),
+              suffix: B(() => [
+                e.isIconLeft ? k("v-if", !0) : (E(), F(d(L), {
+                  key: 0,
+                  icon: e.suffixIcon ? e.suffixIcon : "search",
+                  style: { cursor: "pointer" }
+                }, null, 8, ["icon"]))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 16, ["placeholder", "class", "modelValue", "disabled", "clearable"])
           ]),
           _: 1
           /* STABLE */
-        }, 16, ["class", "modelValue", "disabled", "clearable"])
+        }, 8, ["visible", "disabled", "content"])
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), O = (e, i) => {
-  const t = e.__vccOpts || e;
-  for (const [n, a] of i)
-    t[n] = a;
-  return t;
-}, P = /* @__PURE__ */ O(T, [["__scopeId", "data-v-812ea8e1"]]), U = {
+}), Z = (p, h) => {
+  const l = p.__vccOpts || p;
+  for (const [f, v] of h)
+    l[f] = v;
+  return l;
+}, ee = /* @__PURE__ */ Z(Y, [["__scopeId", "data-v-e1be4359"]]), le = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -160,9 +174,9 @@ const N = {
   "--das-ui-search-text": "#212121",
   "--das-ui-search-border-active": "#5582F3"
 };
-R(U);
-const K = S(P);
+Q(le);
+const fe = _(ee);
 export {
-  K as DasSearch,
-  K as default
+  fe as DasSearch,
+  fe as default
 };

package/packages/components/search/src/Index.vue.d.ts

@@ -1,162 +1,23 @@
 import 'element-plus/es/components/input/style/css';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 搜索类型
-     * basis 基础搜索
-     * quick-search 多条件搜索
-     * panel 高级搜索
-     * smart 智能搜索
-     */
-    searchType: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 搜索框尺寸
-     * large | middle | small | custom | middle-l | middle-xl
-     * custom 自适应
-     */
-    size: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 前缀图标
-     */
-    prefixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 后缀图标
-     */
-    suffixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    isIconLeft: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    clearable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否禁用
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否需要边框
-     */
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-    * 聚焦是否需要展开输入框宽度
-    */
-    isExpandAtFocus: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    search: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
-    change: (...args: any[]) => void;
-    blur: (...args: any[]) => void;
-    "press-enter": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 搜索类型
-     * basis 基础搜索
-     * quick-search 多条件搜索
-     * panel 高级搜索
-     * smart 智能搜索
-     */
-    searchType: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 搜索框尺寸
-     * large | middle | small | custom | middle-l | middle-xl
-     * custom 自适应
-     */
-    size: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 前缀图标
-     */
-    prefixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * 后缀图标
-     */
-    suffixIcon: {
-        type: StringConstructor;
-        default: string;
-    };
-    isIconLeft: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    clearable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否禁用
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * 是否需要边框
-     */
-    border: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-    * 聚焦是否需要展开输入框宽度
-    */
-    isExpandAtFocus: {
-        type: (BooleanConstructor | StringConstructor)[];
-        default: boolean;
-    };
-}>> & Readonly<{
-    onSearch?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onChange?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    "onPress-enter"?: ((...args: any[]) => any) | undefined;
+import type { Props } from './type';
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (val: string) => any;
+    change: (val: string) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((val: string) => any) | undefined;
+    onChange?: ((val: string) => any) | undefined;
 }>, {
-    size: string;
+    size: "large" | "middle" | "small" | "custom" | "middle-l" | "middle-xl";
     disabled: boolean;
     modelValue: string;
+    placeholder: string;
+    isTitle: boolean;
     clearable: boolean;
     suffixIcon: string;
     prefixIcon: string;
     isIconLeft: boolean;
-    isExpandAtFocus: string | boolean;
+    isExpandAtFocus: boolean;
     border: boolean;
-    searchType: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    searchType: "basis";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/packages/components/search/src/type.d.ts

@@ -1,22 +1,42 @@
 export interface Props {
   
   modelValue: string
+
+  
+  border: boolean
+
   
   searchType?: 'basis'
+
+  
+  placeholder?: string
+
   
   size: 'large' | 'middle' | 'small' | 'custom' | 'middle-l' | 'middle-xl'
+
+  
+  disabled: boolean
+
+  
+  clearable: boolean
+
   
   prefixIcon: string
+
   
   suffixIcon: string
+
   
   isIconLeft: boolean
+
   
-  clearable: boolean
-  
-  disabled: boolean
-  
-  border: boolean
+  isTitle?: boolean
+
   
   isExpandAtFocus: boolean
 }
+
+export interface Emits {
+  (e: 'update:modelValue', val: string): void
+  (e: 'change', val: string): void
+}

package/packages/components/search/style.css

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