@das-fed/upf-ui 6.4.0-dev.307 → 6.4.0-dev.309

package/packages/components/scrollbar/index.js

@@ -1407,8 +1407,8 @@ const Fo = /* @__PURE__ */ Cs({
       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: ks(() => [

package/packages/components/search/index.js

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