@das-fed/upf-ui 6.4.0-dev.220 → 6.4.0-dev.222

package/packages/components/scrollbar/index.js

@@ -1406,14 +1406,15 @@ const Fo = /* @__PURE__ */ $s({
       ref: e,
       class: "das-scrollbar-pro " + c.value
     }, r.$attrs, {
-      "wrap-class": "das-scrollbar-pro-wrap " + r.wrapClass,
-      "view-class": "das-scrollbar-pro-view inherit-scrollbar-parent-flex" + r.viewClass,
+      "wrap-class": "das-scrollbar-pro-wrap " + t.wrapClass,
+      "view-class": "das-scrollbar-pro-view inherit-scrollbar-parent-flex" + t.viewClass,
       style: o.value
     }), {
       default: _s(() => [
         Ds(r.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
+      /* FORWARDED */
     }, 16, ["class", "wrap-class", "view-class", "style"]));
   }
 }), Uo = (t, e) => {

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

@@ -8,8 +8,8 @@ declare const DasSearch: import("@das-fed/upf-utils").SFCWithInstall<import("vue
     disabled: boolean;
     size: "large" | "middle" | "small" | "custom" | "middle-l" | "middle-xl";
     border: boolean;
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
     clearable: boolean;
     suffixIcon: string;
     prefixIcon: string;

package/packages/components/search/index.js

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

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

@@ -10,8 +10,8 @@ declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, imp
     disabled: boolean;
     size: "large" | "middle" | "small" | "custom" | "middle-l" | "middle-xl";
     border: boolean;
-    modelValue: string;
     placeholder: string;
+    modelValue: string;
     clearable: boolean;
     suffixIcon: string;
     prefixIcon: string;