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

package/packages/components/scrollbar/index.js

@@ -1406,15 +1406,14 @@ const Fo = /* @__PURE__ */ $s({
       ref: e,
       class: "das-scrollbar-pro " + c.value
     }, r.$attrs, {
-      "wrap-class": "das-scrollbar-pro-wrap " + t.wrapClass,
-      "view-class": "das-scrollbar-pro-view inherit-scrollbar-parent-flex" + t.viewClass,
+      "wrap-class": "das-scrollbar-pro-wrap " + r.wrapClass,
+      "view-class": "das-scrollbar-pro-view inherit-scrollbar-parent-flex" + r.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;
-    placeholder: string;
     modelValue: string;
+    placeholder: 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 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 { 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 "element-plus/es/components/input/style/css";
-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 = {
+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 = {
   inheritAttrs: !1
-}, Q = /* @__PURE__ */ S({
-  ...K,
+}, K = /* @__PURE__ */ S({
+  ...J,
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -27,130 +27,121 @@ const K = {
     isExpandAtFocus: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: h }) {
-    const a = e, d = h;
-    q({
+  setup(f, { emit: m }) {
+    const l = f, d = m;
+    j({
       search: import("@das-fed/upf-ui/packages/icons/search"),
       empty: import("@das-fed/upf-ui/packages/icons/empty")
     });
-    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) => {
+    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) => {
         setTimeout(() => {
-          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());
+          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());
         }, 200);
       }
     );
-    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));
+    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));
       });
     };
-    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));
+    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));
     }, z = () => {
-      r.value = setTimeout(() => {
-        n.value = !1;
+      i.value = setTimeout(() => {
+        u.value = !1;
       }, 200);
     };
-    T(
+    y(
       () => {
-        var t;
-        return (t = v.value) == null ? void 0 : t.$tooltipRef.popperRef.contentRef;
+        var e;
+        return (e = p.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
-      (t) => {
-        t && (t.addEventListener("mouseenter", function() {
-          n.value = !0, r.value && clearTimeout(r.value);
-        }), t.addEventListener("mouseleave", function() {
-          r.value = setTimeout(() => {
-            n.value = !1;
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          u.value = !0, i.value && clearTimeout(i.value);
+        }), e.addEventListener("mouseleave", function() {
+          i.value = setTimeout(() => {
+            u.value = !1;
           }, 200);
         }));
       }
     );
-    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);
+    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 (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 */
-    ));
+    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));
   }
-}), 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 = {
+}), 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 = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -160,9 +151,9 @@ const K = {
   "--das-ui-search-text": "#212121",
   "--das-ui-search-border-active": "#5582F3"
 };
-J(Z);
-const ie = R(Y);
+H(Y);
+const ne = R(X);
 export {
-  ie as DasSearch,
-  ie as default
+  ne as DasSearch,
+  ne 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;
-    placeholder: string;
     modelValue: string;
+    placeholder: string;
     clearable: boolean;
     suffixIcon: string;
     prefixIcon: string;