@das-fed/ui 7.1.0-dev.9 → 7.1.0-qatar.2

package/packages/components/search/index.js

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

package/packages/components/search/style.css

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

package/packages/components/search/theme/index.d.ts

@@ -3,9 +3,11 @@ declare const _default: {
         light: string;
         dark: string;
     };
+    '--das-ui-search-underline-border': string;
     '--das-ui-search-border': string;
     '--das-ui-search-icon': string;
     '--das-ui-search-text': string;
     '--das-ui-search-border-active': string;
+    '--das-ui-search-radius': string;
 };
 export default _default;

package/packages/components/search-form/i18n/index.d.ts

@@ -2,36 +2,43 @@ declare const _default: {
     筛选条件: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     收起过滤: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     展开过滤: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     全部: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     不限: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     至: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     'das-search-form-search-pre': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };