@das-fed/upf-ui 6.4.0-dev.216 → 6.4.0-dev.218

package/packages/components/input/index.js

@@ -70,12 +70,12 @@ function x(...e) {
   if (_e(e[0]) || Array.isArray(e[0]) ? ([n, t, s] = e, o = C) : [o, n, t, s] = e, !o)
     return Ee;
   Array.isArray(n) || (n = [n]), Array.isArray(t) || (t = [t]);
-  const u = [], d = () => {
-    u.forEach((a) => a()), u.length = 0;
-  }, c = (a, i, m, b) => (a.addEventListener(i, m, b), () => a.removeEventListener(i, m, b)), r = I(() => [E(o), q(s)], ([a, i]) => {
-    d(), a && u.push(...n.flatMap((m) => t.map((b) => c(a, m, b, i))));
+  const c = [], u = () => {
+    c.forEach((a) => a()), c.length = 0;
+  }, d = (a, i, m, b) => (a.addEventListener(i, m, b), () => a.removeEventListener(i, m, b)), r = I(() => [E(o), q(s)], ([a, i]) => {
+    u(), a && c.push(...n.flatMap((m) => t.map((b) => d(a, m, b, i))));
   }, { immediate: !0, flush: "post" }), f = () => {
-    r(), d();
+    r(), u();
   };
   return J(f), f;
 }
@@ -95,58 +95,58 @@ var U = Object.getOwnPropertySymbols, Te = Object.prototype.hasOwnProperty, ze =
   return n;
 };
 function We(e, o, n = {}) {
-  const t = n, { window: s = C } = t, u = Ce(t, ["window"]);
-  let d;
-  const c = Be(() => s && "ResizeObserver" in s), r = () => {
-    d && (d.disconnect(), d = void 0);
+  const t = n, { window: s = C } = t, c = Ce(t, ["window"]);
+  let u;
+  const d = Be(() => s && "ResizeObserver" in s), r = () => {
+    u && (u.disconnect(), u = void 0);
   }, f = I(() => E(e), (i) => {
-    r(), c.value && s && i && (d = new ResizeObserver(o), d.observe(i, u));
+    r(), d.value && s && i && (u = new ResizeObserver(o), u.observe(i, c));
   }, { immediate: !0, flush: "post" }), a = () => {
     r(), f();
   };
   return J(a), {
-    isSupported: c,
+    isSupported: d,
     stop: a
   };
 }
 function Pe(e, o = { width: 0, height: 0 }, n = {}) {
-  const { window: t = C, box: s = "content-box" } = n, u = h(() => {
+  const { window: t = C, box: s = "content-box" } = n, c = h(() => {
     var r, f;
     return (f = (r = E(e)) == null ? void 0 : r.namespaceURI) == null ? void 0 : f.includes("svg");
-  }), d = v(o.width), c = v(o.height);
+  }), u = v(o.width), d = v(o.height);
   return We(e, ([r]) => {
     const f = s === "border-box" ? r.borderBoxSize : s === "content-box" ? r.contentBoxSize : r.devicePixelContentBoxSize;
-    if (t && u.value) {
+    if (t && c.value) {
       const a = E(e);
       if (a) {
         const i = t.getComputedStyle(a);
-        d.value = parseFloat(i.width), c.value = parseFloat(i.height);
+        u.value = parseFloat(i.width), d.value = parseFloat(i.height);
       }
     } else if (f) {
       const a = Array.isArray(f) ? f : [f];
-      d.value = a.reduce((i, { inlineSize: m }) => i + m, 0), c.value = a.reduce((i, { blockSize: m }) => i + m, 0);
+      u.value = a.reduce((i, { inlineSize: m }) => i + m, 0), d.value = a.reduce((i, { blockSize: m }) => i + m, 0);
     } else
-      d.value = r.contentRect.width, c.value = r.contentRect.height;
+      u.value = r.contentRect.width, d.value = r.contentRect.height;
   }, n), I(() => E(e), (r) => {
-    d.value = r ? o.width : 0, c.value = r ? o.height : 0;
+    u.value = r ? o.width : 0, d.value = r ? o.height : 0;
   }), {
-    width: d,
-    height: c
+    width: u,
+    height: d
   };
 }
 function ke(e, o = {}) {
   const { initialValue: n = !1 } = o, t = v(!1), s = h(() => E(e));
   x(s, "focus", () => t.value = !0), x(s, "blur", () => t.value = !1);
-  const u = h({
+  const c = h({
     get: () => t.value,
-    set(d) {
-      var c, r;
-      !d && t.value ? (c = s.value) == null || c.blur() : d && !t.value && ((r = s.value) == null || r.focus());
+    set(u) {
+      var d, r;
+      !u && t.value ? (d = s.value) == null || d.blur() : u && !t.value && ((r = s.value) == null || r.focus());
     }
   });
   return I(s, () => {
-    u.value = n;
-  }, { immediate: !0, flush: "post" }), { focused: u };
+    c.value = n;
+  }, { immediate: !0, flush: "post" }), { focused: c };
 }
 function $e(e = {}) {
   const {
@@ -154,20 +154,20 @@ function $e(e = {}) {
     touch: n = !0,
     resetOnTouchEnds: t = !1,
     initialValue: s = { x: 0, y: 0 },
-    window: u = C,
-    eventFilter: d
-  } = e, c = v(s.x), r = v(s.y), f = v(null), a = (p) => {
-    o === "page" ? (c.value = p.pageX, r.value = p.pageY) : o === "client" ? (c.value = p.clientX, r.value = p.clientY) : o === "movement" && (c.value = p.movementX, r.value = p.movementY), f.value = "mouse";
+    window: c = C,
+    eventFilter: u
+  } = e, d = v(s.x), r = v(s.y), f = v(null), a = (p) => {
+    o === "page" ? (d.value = p.pageX, r.value = p.pageY) : o === "client" ? (d.value = p.clientX, r.value = p.clientY) : o === "movement" && (d.value = p.movementX, r.value = p.movementY), f.value = "mouse";
   }, i = () => {
-    c.value = s.x, r.value = s.y;
+    d.value = s.x, r.value = s.y;
   }, m = (p) => {
     if (p.touches.length > 0) {
       const g = p.touches[0];
-      o === "page" ? (c.value = g.pageX, r.value = g.pageY) : o === "client" && (c.value = g.clientX, r.value = g.clientY), f.value = "touch";
+      o === "page" ? (d.value = g.pageX, r.value = g.pageY) : o === "client" && (d.value = g.clientX, r.value = g.clientY), f.value = "touch";
     }
-  }, b = (p) => d === void 0 ? a(p) : d(() => a(p), {}), w = (p) => d === void 0 ? m(p) : d(() => m(p), {});
-  return u && (x(u, "mousemove", b, { passive: !0 }), x(u, "dragover", b, { passive: !0 }), n && o !== "movement" && (x(u, "touchstart", w, { passive: !0 }), x(u, "touchmove", w, { passive: !0 }), t && x(u, "touchend", i, { passive: !0 }))), {
-    x: c,
+  }, b = (p) => u === void 0 ? a(p) : u(() => a(p), {}), w = (p) => u === void 0 ? m(p) : u(() => m(p), {});
+  return c && (x(c, "mousemove", b, { passive: !0 }), x(c, "dragover", b, { passive: !0 }), n && o !== "movement" && (x(c, "touchstart", w, { passive: !0 }), x(c, "touchmove", w, { passive: !0 }), t && x(c, "touchend", i, { passive: !0 }))), {
+    x: d,
     y: r,
     sourceType: f
   };
@@ -176,11 +176,11 @@ function Le(e, o = {}) {
   const {
     handleOutside: n = !0,
     window: t = C
-  } = o, { x: s, y: u, sourceType: d } = $e(o), c = v(e ?? (t == null ? void 0 : t.document.body)), r = v(0), f = v(0), a = v(0), i = v(0), m = v(0), b = v(0), w = v(!0);
+  } = o, { x: s, y: c, sourceType: u } = $e(o), d = v(e ?? (t == null ? void 0 : t.document.body)), r = v(0), f = v(0), a = v(0), i = v(0), m = v(0), b = v(0), w = v(!0);
   let p = () => {
   };
-  return t && (p = I([c, s, u], () => {
-    const g = E(c);
+  return t && (p = I([d, s, c], () => {
+    const g = E(d);
     if (!g)
       return;
     const {
@@ -190,14 +190,14 @@ function Le(e, o = {}) {
       height: B
     } = g.getBoundingClientRect();
     a.value = $ + t.pageXOffset, i.value = L + t.pageYOffset, m.value = B, b.value = S;
-    const l = s.value - a.value, y = u.value - i.value;
+    const l = s.value - a.value, y = c.value - i.value;
     w.value = S === 0 || B === 0 || l < 0 || y < 0 || l > S || y > B, (n || !w.value) && (r.value = l, f.value = y);
   }, { immediate: !0 }), x(document, "mouseleave", () => {
     w.value = !0;
   })), {
     x: s,
-    y: u,
-    sourceType: d,
+    y: c,
+    sourceType: u,
     elementX: r,
     elementY: f,
     elementPositionX: a,
@@ -258,10 +258,10 @@ function Ne({
   const t = (f = G()) == null ? void 0 : f.props, { focused: s } = ke(h(() => {
     var a;
     return (a = e.value) == null ? void 0 : a.ref;
-  })), u = v(!1), d = h(() => u.value && !s.value && t.isTitle), c = h(() => o.value ? o.value : n.value), r = async () => {
+  })), c = v(!1), u = h(() => c.value && !s.value && t.isTitle), d = h(() => o.value ? o.value : n.value), r = async () => {
     var i;
     const a = (i = e.value) == null ? void 0 : i.ref;
-    a && (o.value || (a.value = n.value, await M()), u.value = a.scrollWidth > a.clientWidth, console.log("isOverflow", u.value), a.value = o.value);
+    a && (o.value || (a.value = n.value, await M()), c.value = a.scrollWidth > a.clientWidth, a.value = o.value);
   };
   return I(e, () => {
     e.value && r();
@@ -271,8 +271,8 @@ function Ne({
       M(r);
     }
   ), {
-    showToolTip: d,
-    tooltipContent: c
+    showToolTip: u,
+    tooltipContent: d
   };
 }
 const Fe = {
@@ -308,16 +308,16 @@ const Fe = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { expose: o, emit: n }) {
-    const t = e, s = h(() => t.placeholder || me("请输入")), u = h(() => t.disabled ? "disabled" : t.isView ? "view" : t.error ? "error" : "default"), d = h(() => {
+    const t = e, s = h(() => t.placeholder || me("请输入")), c = h(() => t.disabled ? "disabled" : t.isView ? "view" : t.error ? "error" : "default"), u = h(() => {
       var l, y, _, R, A;
       return {
         "--das-input-width": xe(t.width ?? ((l = V[t.size]) == null ? void 0 : l.defaultWidth)),
         "--das-input-height": (y = V[t.size]) == null ? void 0 : y.height,
         "--das-input-font-size": (_ = V[t.size]) == null ? void 0 : _.fontSize,
-        "--das-input-border-color": (R = F[u.value]) == null ? void 0 : R.color,
-        "--das-input-message-color": (A = F[u.value]) == null ? void 0 : A.color
+        "--das-input-border-color": (R = F[c.value]) == null ? void 0 : R.color,
+        "--das-input-message-color": (A = F[c.value]) == null ? void 0 : A.color
       };
-    }), c = h(() => [
+    }), d = h(() => [
       "das-ui-input",
       `das-ui-input--border-type-${t.borderType}`,
       {
@@ -344,8 +344,8 @@ const Fe = {
     }), (l, y) => (T(), W("div", {
       ref_key: "containerRef",
       ref: a,
-      style: le(d.value),
-      class: D(c.value)
+      style: le(u.value),
+      class: D(d.value)
     }, [
       N(O(ye), {
         effect: "light",