abl-ui 0.2.76 → 0.2.77

package/lib/abl-ui.es.js

@@ -1268,12 +1268,12 @@ const Ta = (e) => ({
     }, m = ht(o), v = pt(m), w = await r.getDimensions(d), x = m === "y", b = x ? "top" : "left", S = x ? "bottom" : "right", $ = x ? "clientHeight" : "clientWidth", L = s.reference[v] + s.reference[m] - p[m] - s.floating[v], k = p[m] - s.reference[m], y = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(d));
     let A = y ? y[$] : 0;
     (!A || !await (r.isElement == null ? void 0 : r.isElement(y))) && (A = i.floating[$] || s.floating[v]);
-    const M = L / 2 - k / 2, K = A / 2 - w[v] / 2 - 1, q = Ee(f[b], K), H = Ee(f[S], K), U = q, z = A - w[v] - H, I = A / 2 - w[v] / 2 + M, V = lt(U, I, z), P = !l.arrow && Fe(o) != null && I !== V && s.reference[v] / 2 - (I < U ? q : H) - w[v] / 2 < 0, F = P ? I < U ? I - U : I - z : 0;
+    const M = L / 2 - k / 2, K = A / 2 - w[v] / 2 - 1, q = Ee(f[b], K), H = Ee(f[S], K), U = q, V = A - w[v] - H, I = A / 2 - w[v] / 2 + M, z = lt(U, I, V), P = !l.arrow && Fe(o) != null && I !== z && s.reference[v] / 2 - (I < U ? q : H) - w[v] / 2 < 0, F = P ? I < U ? I - U : I - V : 0;
     return {
       [m]: p[m] + F,
       data: {
-        [m]: V,
-        centerOffset: I - V - F,
+        [m]: z,
+        centerOffset: I - z - F,
         ...P && {
           alignmentOffset: F
         }
@@ -1318,24 +1318,24 @@ const Ta = (e) => ({
         overflows: A
       }], !A.every((U) => U <= 0)) {
         var K, q;
-        const U = (((K = s.flip) == null ? void 0 : K.index) || 0) + 1, z = k[U];
-        if (z)
+        const U = (((K = s.flip) == null ? void 0 : K.index) || 0) + 1, V = k[U];
+        if (V)
           return {
             data: {
               index: U,
               overflows: M
             },
             reset: {
-              placement: z
+              placement: V
             }
           };
-        let I = (q = M.filter((V) => V.overflows[0] <= 0).sort((V, P) => V.overflows[1] - P.overflows[1])[0]) == null ? void 0 : q.placement;
+        let I = (q = M.filter((z) => z.overflows[0] <= 0).sort((z, P) => z.overflows[1] - P.overflows[1])[0]) == null ? void 0 : q.placement;
         if (!I)
           switch (m) {
             case "bestFit": {
               var H;
-              const V = (H = M.map((P) => [P.placement, P.overflows.filter((F) => F > 0).reduce((F, ee) => F + ee, 0)]).sort((P, F) => P[1] - F[1])[0]) == null ? void 0 : H[0];
-              V && (I = V);
+              const z = (H = M.map((P) => [P.placement, P.overflows.filter((F) => F > 0).reduce((F, ee) => F + ee, 0)]).sort((P, F) => P[1] - F[1])[0]) == null ? void 0 : H[0];
+              z && (I = z);
               break;
             }
             case "initialPlacement":
@@ -2725,19 +2725,19 @@ const Yo = /* @__PURE__ */ c("div", {
   emits: ["close"],
   setup(e, { emit: t }) {
     const n = typeof window < "u" && typeof document < "u", a = e, o = T(() => a.previewSrcList.length), s = _(Array(o.value).fill(!1)), r = _(a.initialIndex), i = _(1), l = _(0), d = _(0), g = _(0), f = _(0), p = _(0), m = t, v = (q, H) => {
-      let U, z;
+      let U, V;
       try {
         U = q.toString().split(".")[1].length;
       } catch {
         U = 0;
       }
       try {
-        z = H.toString().split(".")[1].length;
+        V = H.toString().split(".")[1].length;
       } catch {
-        z = 0;
+        V = 0;
       }
-      const I = Math.max(U, z), V = Math.pow(10, I);
-      return q = Math.round(q * V), H = Math.round(H * V), (q + H) / V;
+      const I = Math.max(U, V), z = Math.pow(10, I);
+      return q = Math.round(q * z), H = Math.round(H * z), (q + H) / z;
     }, w = (q) => {
       s.value[q] = !0;
     }, x = (q) => {
@@ -2756,13 +2756,13 @@ const Yo = /* @__PURE__ */ c("div", {
       p.value = 0, i.value = 1, g.value = 0, f.value = 0;
     }, A = (q) => {
       console.log("e====", q);
-      const H = q.target, { top: U, left: z, right: I, bottom: V } = H.getBoundingClientRect(), P = document.documentElement.clientWidth, F = document.documentElement.clientHeight;
+      const H = q.target, { top: U, left: V, right: I, bottom: z } = H.getBoundingClientRect(), P = document.documentElement.clientWidth, F = document.documentElement.clientHeight;
       l.value = q.clientX, d.value = q.clientY;
       const ee = g.value, C = f.value;
       document.onmousemove = (W) => {
         g.value = ee + W.clientX - l.value, f.value = C + W.clientY - d.value;
       }, document.onmouseup = (W) => {
-        g.value > ee + P - I && (g.value = ee + P - I), g.value < ee - z && (g.value = ee - z), f.value > C + F - V && (f.value = C + F - V), f.value < C - U && (f.value = C - U), document.onmousemove = null;
+        g.value > ee + P - I && (g.value = ee + P - I), g.value < ee - V && (g.value = ee - V), f.value > C + F - z && (f.value = C + F - z), f.value < C - U && (f.value = C - U), document.onmousemove = null;
       };
     }, M = (q) => {
       const H = q.deltaY * a.zoomRate * 0.1;
@@ -2798,15 +2798,15 @@ const Yo = /* @__PURE__ */ c("div", {
                 class: "abl-image-preview",
                 style: O(`transform: translate3d(${g.value}px, ${f.value}px, 0px);`)
               }, [
-                (u(!0), h(Y, null, te(e.previewSrcList, (U, z) => X((u(), h("div", {
-                  key: z,
+                (u(!0), h(Y, null, te(e.previewSrcList, (U, V) => X((u(), h("div", {
+                  key: V,
                   class: "abl-image-preview__box"
                 }, [
                   c("img", {
                     src: U,
                     class: "abl-image-preview__img",
                     style: O(`transform: scale3d(${i.value}, ${i.value}, 1) rotate(${p.value}deg);`),
-                    onLoad: (I) => w(z),
+                    onLoad: (I) => w(V),
                     onMousedown: H[0] || (H[0] = j((I) => A(I), ["prevent"])),
                     onClick: H[1] || (H[1] = j(() => {
                     }, ["stop"]))
@@ -2816,7 +2816,7 @@ const Yo = /* @__PURE__ */ c("div", {
                     c("div", Zo, N(`${r.value + 1}/${o.value}`), 1)
                   ])) : E("", !0)
                 ])), [
-                  [J, r.value === z]
+                  [J, r.value === V]
                 ])), 128))
               ], 4),
               o.value > 1 ? (u(), h(Y, { key: 0 }, [
@@ -4691,11 +4691,11 @@ const Yl = { class: "abl-select-warpper-content" }, Kl = { class: "abl-select-in
   setup(e, { emit: t }) {
     var H, U;
     const n = De(), a = e;
-    a.type == "single" ? a == null || a.options.map((z) => {
-      z.value == a.modelValue && (z.selected = !0);
-    }) : a == null || a.options.map((z) => {
+    a.type == "single" ? a == null || a.options.map((V) => {
+      V.value == a.modelValue && (V.selected = !0);
+    }) : a == null || a.options.map((V) => {
       a.modelValue.map((I) => {
-        z.value == I && (z.selected = !0);
+        V.value == I && (V.selected = !0);
       });
     });
     const o = t, s = ke({
@@ -4711,69 +4711,73 @@ const Yl = { class: "abl-select-warpper-content" }, Kl = { class: "abl-select-in
     }), v = _(!1), w = _(
       a.search && d.value === "focus" && v.value
     ), x = _(a.disabled), b = _(a.mode === "tag"), S = _(""), $ = ke(
-      (H = a == null ? void 0 : a.options) == null ? void 0 : H.filter((z) => z.selected === !0)
+      (H = a == null ? void 0 : a.options) == null ? void 0 : H.filter((V) => V.selected === !0)
     );
-    n.default && (m.list = [], (U = n.default()) == null || U.map((z) => {
+    n.default && (m.list = [], (U = n.default()) == null || U.map((V) => {
       var I;
-      if (z.props) {
-        const { value: V, name: P, img: F } = z.props;
+      if (V.props) {
+        const { value: z, name: P, img: F } = V.props;
         m.list.push({
-          value: V,
+          value: z,
           name: P,
           img: F
-        }), f.value === V && $.push({
-          value: V,
+        }), f.value === z && $.push({
+          value: z,
           name: P,
           img: F
         });
       } else
-        ((I = z == null ? void 0 : z.children) == null ? void 0 : I.length) > 0 && z.children.map((V) => {
-          const { value: P, name: F, img: ee } = V.props;
+        ((I = V == null ? void 0 : V.children) == null ? void 0 : I.length) > 0 && V.children.map((z) => {
+          const { value: P, name: F, img: ee } = z.props;
           m.list.push({
             value: P,
             name: F,
             img: ee
-          }), f.value === P.value && $.push({
+          }), f.value === P && $.push({
             value: P,
             name: F,
             img: ee
           });
         });
     }));
-    const L = (z) => {
+    const L = (V) => {
       if (!w.value)
         S.value = "";
       else {
-        const I = a.options.filter((V) => V.name.includes(z.target.value));
+        const I = a.options.filter((z) => z.name.includes(V.target.value));
         m.list = I;
       }
-    }, k = (z) => {
-      a.disabled || (v.value = !0, z.stopPropagation(), d.value === "focus" ? d.value = "blur" : d.value = "focus");
-    }, y = (z, I) => {
+    }, k = (V) => {
+      a.disabled || (v.value = !0, V.stopPropagation(), d.value === "focus" ? d.value = "blur" : d.value = "focus");
+    }, y = (V, I) => {
       var P;
       if (a.disabled)
         return;
+      if (V.name == r.value) {
+        g.value.close();
+        return;
+      }
       v.value = !1, I.stopPropagation(), (P = l.value) == null || P.blur();
-      let V = null;
+      let z = null;
       if (a.type === "single")
-        d.value = "blur", $[0] && $[0].value === z.value ? $.shift() : $[0] = z, V = z.value;
+        d.value = "blur", $[0] && $[0].value === V.value ? $.shift() : $[0] = V, z = V.value;
       else {
-        V || (V = []);
-        const F = $.findIndex((ee) => ee.value === z.value);
-        F > -1 ? $.splice(F, 1) : $.push(z), $.map((ee) => {
-          V.push(ee.value);
+        z || (z = []);
+        const F = $.findIndex((ee) => ee.value === V.value);
+        F > -1 ? $.splice(F, 1) : $.push(V), $.map((ee) => {
+          z.push(ee.value);
         });
       }
-      o("update:modelValue", V), o("change", at($)), g.value.close();
+      o("update:modelValue", z), o("change", at($)), g.value.close();
     };
     Ie("handleSlotClick", y);
     const A = () => {
-      var z;
-      (z = l.value) == null || z.focus(), !w.value && d.value === "focus" && $.length > 0 && ($.pop(), o("change", at($)));
-    }, M = (z) => {
       var V;
-      (V = l.value) == null || V.focus();
-      const I = $.findIndex((P) => P.value === z.value);
+      (V = l.value) == null || V.focus(), !w.value && d.value === "focus" && $.length > 0 && ($.pop(), o("change", at($)));
+    }, M = (V) => {
+      var z;
+      (z = l.value) == null || z.focus();
+      const I = $.findIndex((P) => P.value === V.value);
       $.splice(I, 1), o("change", at($));
     }, K = () => {
       d.value = "blur";
@@ -4782,20 +4786,20 @@ const Yl = { class: "abl-select-warpper-content" }, Kl = { class: "abl-select-in
     };
     return ue(
       v,
-      (z) => {
-        w.value = a.search && d.value === "focus" && z;
+      (V) => {
+        w.value = a.search && d.value === "focus" && V;
       },
       { immediate: !0, deep: !0 }
     ), ue(
       $,
-      (z) => {
-        r.value = z.map((I) => I == null ? void 0 : I.name).join(",");
+      (V) => {
+        r.value = V.map((I) => I == null ? void 0 : I.name).join(",");
       },
       { immediate: !0, deep: !0 }
     ), me(() => {
-      ue(d, (z) => {
-        var I, V;
-        z === "focus" ? (I = l.value) == null || I.focus() : (V = l.value) == null || V.blur(), w.value = a.search && z === "focus" && v;
+      ue(d, (V) => {
+        var I, z;
+        V === "focus" ? (I = l.value) == null || I.focus() : (z = l.value) == null || z.blur(), w.value = a.search && V === "focus" && v;
       }), document.body.addEventListener("click", () => {
         d.value = "blur";
       });
@@ -4803,7 +4807,7 @@ const Yl = { class: "abl-select-warpper-content" }, Kl = { class: "abl-select-in
       f.value = a.modelValue;
     }, {
       immediate: !0
-    }), (z, I) => (u(), h("div", {
+    }), (V, I) => (u(), h("div", {
       ref_key: "selectRef",
       ref: i
     }, [
@@ -4819,19 +4823,19 @@ const Yl = { class: "abl-select-warpper-content" }, Kl = { class: "abl-select-in
             class: "abl-select-options-warpper",
             style: O(p.value)
           }, [
-            m.list.length > 0 ? (u(!0), h(Y, { key: 0 }, te(m.list, (V, P) => (u(), h("div", {
-              class: B(["abl-select-options-item", $.some((F) => F.value === V.value) ? "abl-options-item-active" : ""]),
-              key: V.name + V.value,
-              onClick: (F) => y(V, F)
+            m.list.length > 0 ? (u(!0), h(Y, { key: 0 }, te(m.list, (z, P) => (u(), h("div", {
+              class: B(["abl-select-options-item", $.some((F) => F.value === z.value) ? "abl-options-item-active" : ""]),
+              key: z.name + z.value,
+              onClick: (F) => y(z, F)
             }, [
-              V.img ? (u(), h("img", {
+              z.img ? (u(), h("img", {
                 key: 0,
                 class: "abl-select-options-item-img",
-                src: V.img
+                src: z.img
               }, null, 8, oi)) : E("", !0),
               c("span", {
-                class: B(V.img ? "haveImg" : "")
-              }, N(V.name), 3)
+                class: B(z.img ? "haveImg" : "")
+              }, N(z.name), 3)
             ], 10, ai))), 128)) : (u(), h("div", si, " 暂无数据 "))
           ], 4)
         ]),
@@ -4846,14 +4850,14 @@ const Yl = { class: "abl-select-warpper-content" }, Kl = { class: "abl-select-in
               c("div", Kl, [
                 X(c("div", Gl, [
                   b.value ? (u(), h("div", Jl, [
-                    (u(!0), h(Y, null, te($, (V) => (u(), h("div", {
+                    (u(!0), h(Y, null, te($, (z) => (u(), h("div", {
                       class: "abl-select-tag",
-                      key: V.value
+                      key: z.value
                     }, [
-                      G(N(V.name) + " ", 1),
+                      G(N(z.name) + " ", 1),
                       c("span", {
                         class: "abl-select-tag-close",
-                        onClick: j((P) => M(V), ["stop"])
+                        onClick: j((P) => M(z), ["stop"])
                       }, "x", 8, Zl)
                     ]))), 128))
                   ])) : (u(), h("span", Ql, N(r.value), 1))
@@ -4861,12 +4865,12 @@ const Yl = { class: "abl-select-warpper-content" }, Kl = { class: "abl-select-in
                   [J, $.length && !w.value]
                 ]),
                 X(c("input", {
-                  onBlur: I[0] || (I[0] = (V) => K()),
+                  onBlur: I[0] || (I[0] = (z) => K()),
                   type: "text",
                   class: B(["abl-select-input-focus", w.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: l,
-                  "onUpdate:modelValue": I[1] || (I[1] = (V) => S.value = V),
+                  "onUpdate:modelValue": I[1] || (I[1] = (z) => S.value = z),
                   onInput: L,
                   placeholder: "请输入筛选条件"
                 }, null, 34), [
@@ -4896,7 +4900,7 @@ const Yl = { class: "abl-select-warpper-content" }, Kl = { class: "abl-select-in
       }, 16, ["disabled"])
     ], 512));
   }
-}, Vt = /* @__PURE__ */ Q(li, [["__scopeId", "data-v-8ec1659a"]]);
+}, Vt = /* @__PURE__ */ Q(li, [["__scopeId", "data-v-7842e6e7"]]);
 const ii = { class: "abl-header" }, ri = { class: "abl-title" }, ci = { class: "abl-extra" }, di = { key: 0 }, ui = ["colspan"], fi = { key: 1 }, pi = {
   __name: "index",
   props: {
@@ -5317,13 +5321,13 @@ const on = (e) => (ge("data-v-349f6091"), e = e(), be(), e), Ci = {
       } else
         H(de, !0);
       setTimeout(() => {
-        document.addEventListener("mousedown", z, { once: !0 });
+        document.addEventListener("mousedown", V, { once: !0 });
       });
-    }, z = () => {
+    }, V = () => {
       x.value = !1;
     }, I = (C) => {
       n.disabled || (d.start(C), r = n.modelValue, b(r) ? s = r.map(M) : s = M(r), l.value = "start");
-    }, V = (C) => {
+    }, z = (C) => {
       if (n.disabled)
         return;
       l.value === "start" && a("dragStart"), d.move(C), l.value = "draging", C.type.startsWith("touch") && (x.value = !0);
@@ -5331,11 +5335,11 @@ const on = (e) => (ge("data-v-349f6091"), e = e(), be(), e), Ci = {
       let D = d.deltaX.value, Z = W.width, re = D / Z * f.value;
       n.vertical && (D = d.deltaY.value, Z = W.height, re = D / Z * f.value), b(s) ? r[o.value] = s[o.value] + re : r = s + re, H(r);
     }, P = (C) => {
-      n.disabled || l.value === "draging" && (H(r, !0), a("dragEnd"), window.removeEventListener("mousemove", V), window.removeEventListener("touchmove", V), window.removeEventListener("mouseup", P), window.removeEventListener("touchend", P), window.removeEventListener("contextmenu", P), C.type.startsWith("touch") && (x.value = !1), setTimeout(() => {
+      n.disabled || l.value === "draging" && (H(r, !0), a("dragEnd"), window.removeEventListener("mousemove", z), window.removeEventListener("touchmove", z), window.removeEventListener("mouseup", P), window.removeEventListener("touchend", P), window.removeEventListener("contextmenu", P), C.type.startsWith("touch") && (x.value = !1), setTimeout(() => {
         l.value = "";
       }));
     }, F = (C) => {
-      n.disabled || (C.preventDefault(), I(C), window.addEventListener("mousemove", V), window.addEventListener("touchmove", V), window.addEventListener("mouseup", P), window.addEventListener("touchend", P), window.addEventListener("contextmenu", P));
+      n.disabled || (C.preventDefault(), I(C), window.addEventListener("mousemove", z), window.addEventListener("touchmove", z), window.addEventListener("mouseup", P), window.addEventListener("touchend", P), window.addEventListener("contextmenu", P));
     }, ee = (C) => Array.isArray(n.modelValue) && typeof C == "number" ? n.modelValue[C] : Number(n.modelValue);
     return (C, W) => (u(), h("div", {
       class: B(m.value)