@das-fed/ui 7.0.7-dev.2 → 7.0.7-dev.3

package/packages/components/scrollbar/index.js

@@ -1406,8 +1406,8 @@ 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(() => [

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 u, computed as I, watch as T, createElementBlock as w, openBlock as y, normalizeStyle as N, normalizeClass 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, 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 "element-plus/es/components/input/style/css";
-import { ElInput as j } from "element-plus";
-import { DasAutoRegisterIcon as q, DasIcon as C } from "@das-fed/ui/packages/components/icon/index";
-import { DasTooltip as G } from "@das-fed/ui/packages/components/tooltip/index";
-import { calcTextWidth as H } from "@das-fed/utils/common-tools";
-import { setThemeRule as J } from "@das-fed/web/packages/theme/index";
-const K = {
+import { ElInput as U } from "element-plus";
+import { DasAutoRegisterIcon as j, DasIcon as C } 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 = {
   inheritAttrs: !1
-}, Q = /* @__PURE__ */ S({
-  ...K,
+}, K = /* @__PURE__ */ S({
+  ...J,
   __name: "Index",
   props: {
     modelValue: { default: "" },
@@ -27,107 +27,107 @@ 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/ui/packages/icons/search"),
       empty: import("@das-fed/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);
+    }, E = () => 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, V;
+          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());
         }, 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), 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));
       });
     };
-    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], 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 = () => {
-      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(
+    return (e, t) => (g(), _(
       "div",
       {
-        class: O(`das-ui-search ${e.size}`),
-        style: N({ width: x.value && b.value ? p.value : "" })
+        class: N(`das-ui-search ${e.size}`),
+        style: w({ width: I.value && b.value ? h.value : "" })
       },
       [
-        g(" 这里tooltip不能使用v-model:visible 有响应问题 "),
-        W(m(G), {
+        k(" 这里tooltip不能使用v-model:visible 有响应问题 "),
+        W(v(q), {
           ref_key: "inputTooltipRef",
-          ref: v,
+          ref: p,
           effect: "light",
           placement: "top",
           manual: !0,
-          visible: n.value,
+          visible: u.value,
           disabled: e.isExpandAtFocus || !e.isTitle,
           content: F.value
         }, {
-          default: k(() => [
-            W(m(j), P({
+          default: B(() => [
+            W(v(U), O({
               ref_key: "$refInput",
-              ref: f
-            }, t.$attrs, {
+              ref: c
+            }, e.$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),
+              modelValue: a.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => a.value = n),
               disabled: e.disabled,
               onChange: L,
-              clearable: a.clearable,
+              clearable: l.clearable,
               onFocus: D,
               onBlur: M,
               onMouseenter: A,
               onMouseleave: z
             }), {
-              prefix: k(() => [
-                e.isIconLeft ? (y(), $(m(C), {
+              prefix: B(() => [
+                e.isIconLeft ? (g(), $(v(C), {
                   key: 0,
                   icon: e.prefixIcon ? e.prefixIcon : "search"
-                }, null, 8, ["icon"])) : g("v-if", !0)
+                }, null, 8, ["icon"])) : k("v-if", !0)
               ]),
-              suffix: k(() => [
-                e.isIconLeft ? g("v-if", !0) : (y(), $(m(C), {
+              suffix: B(() => [
+                e.isIconLeft ? k("v-if", !0) : (g(), $(v(C), {
                   key: 0,
                   icon: e.suffixIcon ? e.suffixIcon : "search",
                   style: { cursor: "pointer" }
@@ -145,12 +145,12 @@ const K = {
       /* CLASS, STYLE */
     ));
   }
-}), 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-0b97f6a7"]]), 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-0b97f6a7"]]), Y = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -160,9 +160,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
 };