abl-ui 0.3.18 → 0.3.20

package/lib/abl-ui.es.js

@@ -1361,7 +1361,7 @@ const Ta = (e) => ({
           switch (g) {
             case "bestFit": {
               var P;
-              const K = (P = D.map((G) => [G.placement, G.overflows.filter((V) => V > 0).reduce((V, N) => V + N, 0)]).sort((G, V) => G[1] - V[1])[0]) == null ? void 0 : P[0];
+              const K = (P = D.map((G) => [G.placement, G.overflows.filter((V) => V > 0).reduce((V, O) => V + O, 0)]).sort((G, V) => G[1] - V[1])[0]) == null ? void 0 : P[0];
               K && (Y = K);
               break;
             }
@@ -2824,11 +2824,11 @@ const Ul = /* @__PURE__ */ r("div", {
       console.log("e====", W);
       const P = W.target, { top: j, left: ee, right: Y, bottom: K } = P.getBoundingClientRect(), G = document.documentElement.clientWidth, V = document.documentElement.clientHeight;
       d.value = W.clientX, u.value = W.clientY;
-      const N = v.value, b = c.value;
-      document.onmousemove = (O) => {
-        v.value = N + O.clientX - d.value, c.value = b + O.clientY - u.value;
-      }, document.onmouseup = (O) => {
-        v.value > N + G - Y && (v.value = N + G - Y), v.value < N - ee && (v.value = N - ee), c.value > b + V - K && (c.value = b + V - K), c.value < b - j && (c.value = b - j), document.onmousemove = null;
+      const O = v.value, b = c.value;
+      document.onmousemove = (N) => {
+        v.value = O + N.clientX - d.value, c.value = b + N.clientY - u.value;
+      }, document.onmouseup = (N) => {
+        v.value > O + G - Y && (v.value = O + G - Y), v.value < O - ee && (v.value = O - ee), c.value > b + V - K && (c.value = b + V - K), c.value < b - j && (c.value = b - j), document.onmousemove = null;
       };
     }, D = (W) => {
       const P = W.deltaY * a.zoomRate * 0.1;
@@ -4774,8 +4774,8 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
     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((N) => {
-        V.value == N && (V.selected = !0);
+      a.modelValue.map((O) => {
+        V.value == O && (V.selected = !0);
       });
     });
     const o = t, i = ke({
@@ -4784,49 +4784,64 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
       trigger: "click",
       transitionName: "abl-select-menu"
     }), s = $(""), d = $(), u = $(null), v = $(""), c = $(), p = $(a.modelValue), g = $(!1), m = T(() => {
-      var N;
-      return { width: (((N = d.value) == null ? void 0 : N.getBoundingClientRect().width) || 0) + "px" };
+      var O;
+      return { width: (((O = d.value) == null ? void 0 : O.getBoundingClientRect().width) || 0) + "px" };
     }), w = ke({
       list: a == null ? void 0 : a.options
     }), k = $(!1), y = $(
       a.search && v.value === "focus" && k.value
     ), C = $(a.disabled), z = $(a.mode === "tag"), S = $(""), _ = ke(
       (G = a == null ? void 0 : a.options) == null ? void 0 : G.filter((V) => V.selected === !0)
-    ), x = () => n.default && n.default() || [], A = () => {
+    ), x = () => {
+      console.log(n == null ? void 0 : n.default);
+      debugger;
+      return (n == null ? void 0 : n.default) && (n == null ? void 0 : n.default()) || [];
+    }, A = () => {
       var V;
-      n.default && (w.list = [], (V = n.default()) == null || V.map((N) => {
-        var b;
-        if (N.props) {
-          const { value: O, name: R, img: H, iconColor: te } = N.props;
-          w.list.push({
-            value: O,
-            name: R,
-            img: H,
-            iconColor: te
-          }), p.value === O && _.push({
-            value: O,
-            name: R,
-            img: H,
-            iconColor: te
-          });
-        } else
-          ((b = N == null ? void 0 : N.children) == null ? void 0 : b.length) > 0 && N.children.map((O) => {
-            const { value: R, name: H, img: te, iconColor: ae } = O.props;
-            w.list.push({
-              value: R,
-              name: H,
-              img: te,
-              iconColor: ae
-            }), p.value === R && (_.splice(0, _.length), _.push({
-              value: R,
-              name: H,
-              img: te,
-              iconColor: ae
-            }));
-          });
-      }), l = w.list);
+      try {
+        if (n.default) {
+          w.list = [], (V = n.default()) == null || V.map((O) => {
+            var b;
+            if (O.props) {
+              const { value: N, name: R, img: H, iconColor: te } = O.props;
+              w.list.push({
+                value: N,
+                name: R,
+                img: H,
+                iconColor: te
+              }), p.value === N && _.push({
+                value: N,
+                name: R,
+                img: H,
+                iconColor: te
+              });
+            } else if (((b = O == null ? void 0 : O.children) == null ? void 0 : b.length) > 0) {
+              debugger;
+              O.children.map((N) => {
+                const { value: R, name: H, img: te, iconColor: ae } = N.props;
+                w.list.push({
+                  value: R,
+                  name: H,
+                  img: te,
+                  iconColor: ae
+                }), p.value === R && (_.splice(0, _.length), _.push({
+                  value: R,
+                  name: H,
+                  img: te,
+                  iconColor: ae
+                }));
+              });
+            }
+          }), console.log(w.list);
+          debugger;
+          l = w.list;
+        }
+      } catch (O) {
+        console.log(O);
+      }
     };
     de(x, (V) => {
+      debugger;
       fe(() => {
         A();
       });
@@ -4839,29 +4854,29 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
       if (!y.value)
         S.value = "";
       else {
-        const N = l.filter((b) => {
-          let O = V.target.value.toLowerCase();
-          return b.name.toLowerCase().includes(O);
+        const O = l.filter((b) => {
+          let N = V.target.value.toLowerCase();
+          return b.name.toLowerCase().includes(N);
         });
-        w.list = N;
+        w.list = O;
       }
     }, X = (V) => {
       a.disabled || (k.value = !0, V.stopPropagation(), v.value === "focus" ? v.value = "blur" : v.value = "focus", setTimeout(() => {
-        const N = document.querySelector("#abl-select .abl-options-item-active");
-        N == null || N.scrollIntoView({
+        const O = document.querySelector("#abl-select .abl-options-item-active");
+        O == null || O.scrollIntoView({
           behavior: "auto",
           block: "nearest"
         });
       }, 100));
-    }, W = (V, N) => {
-      var O;
+    }, W = (V, O) => {
+      var N;
       if (a.disabled)
         return;
       if (V.name == s.value) {
         c.value.close();
         return;
       }
-      k.value = !1, N.stopPropagation(), (O = u.value) == null || O.blur();
+      k.value = !1, O.stopPropagation(), (N = u.value) == null || N.blur();
       let b = null;
       if (a.type === "single")
         v.value = "blur", _[0] && _[0].value === V.value ? _.shift() : _[0] = V, b = V.value;
@@ -4881,8 +4896,8 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
     }, j = (V) => {
       var b;
       (b = u.value) == null || b.focus();
-      const N = _.findIndex((O) => O.value === V.value);
-      _.splice(N, 1), o("change", at(_));
+      const O = _.findIndex((N) => N.value === V.value);
+      _.splice(O, 1), o("change", at(_));
     }, ee = () => {
       g.value = !1, v.value = "blur", S.value = "";
     }, Y = () => {
@@ -4899,13 +4914,13 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
     ), de(
       _,
       (V) => {
-        s.value = V.map((N) => N == null ? void 0 : N.name).join(",");
+        s.value = V.map((O) => O == null ? void 0 : O.name).join(",");
       },
       { immediate: !0, deep: !0 }
     ), me(() => {
       de(v, (V) => {
-        var N, b;
-        V === "focus" ? (N = u.value) == null || N.focus() : (b = u.value) == null || b.blur(), y.value = a.search && V === "focus" && k;
+        var O, b;
+        V === "focus" ? (O = u.value) == null || O.focus() : (b = u.value) == null || b.blur(), y.value = a.search && V === "focus" && k;
       }), document.body.addEventListener("click", () => {
         v.value = "blur";
       });
@@ -4920,7 +4935,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
       });
     }, {
       immediate: !0
-    }), (V, N) => (f(), h("div", {
+    }), (V, O) => (f(), h("div", {
       ref_key: "selectRef",
       ref: d
     }, [
@@ -4938,7 +4953,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
             style: E(m.value),
             id: "abl-select"
           }, [
-            w.list.length > 0 ? (f(!0), h(U, { key: 0 }, ne(w.list, (b, O) => (f(), h("div", {
+            w.list.length > 0 ? (f(!0), h(U, { key: 0 }, ne(w.list, (b, N) => (f(), h("div", {
               class: L(["abl-select-options-item", _.some((R) => R.value === b.value) ? "abl-options-item-active" : ""]),
               key: b.name + b.value,
               onClick: (R) => W(b, R)
@@ -4981,7 +4996,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
                       J(M(b.name) + " ", 1),
                       r("span", {
                         class: "abl-select-tag-close",
-                        onClick: F((O) => j(b), ["stop"])
+                        onClick: F((N) => j(b), ["stop"])
                       }, "x", 8, Gs)
                     ]))), 128))
                   ])) : (f(), h("span", Js, M(s.value), 1))
@@ -4989,13 +5004,13 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
                   [Q, _.length && !y.value]
                 ]),
                 q(r("input", {
-                  onBlur: N[0] || (N[0] = (b) => ee()),
+                  onBlur: O[0] || (O[0] = (b) => ee()),
                   type: "text",
                   class: L(["abl-select-input-focus", y.value ? "abl-select-input-search" : ""]),
                   ref_key: "inputFocus",
                   ref: u,
-                  "onUpdate:modelValue": N[1] || (N[1] = (b) => S.value = b),
-                  onFocus: N[2] || (N[2] = (b) => Y()),
+                  "onUpdate:modelValue": O[1] || (O[1] = (b) => S.value = b),
+                  onFocus: O[2] || (O[2] = (b) => Y()),
                   onInput: D,
                   placeholder: s.value
                 }, null, 42, Zs), [
@@ -5032,7 +5047,7 @@ const Xs = { class: "abl-select-warpper-content" }, Ys = { class: "abl-select-ha
       }, 16, ["disabled", "zIndex"])
     ], 512));
   }
-}, zt = /* @__PURE__ */ Z(li, [["__scopeId", "data-v-0dd3541a"]]);
+}, zt = /* @__PURE__ */ Z(li, [["__scopeId", "data-v-783b072c"]]);
 const oi = { class: "abl-header" }, si = { class: "abl-title" }, ii = { class: "abl-extra" }, ri = { key: 0 }, ci = ["colspan"], ui = { key: 1 }, di = {
   __name: "index",
   props: {
@@ -5367,8 +5382,8 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
     const s = $(), d = $(), u = xi();
     $(), $(), $([]);
     const v = T(() => {
-      const { marks: b, max: O, min: R } = n;
-      return Object.keys(b).map(parseFloat).sort((ae, ue) => ae - ue).filter((ae) => ae >= +R && ae <= +O);
+      const { marks: b, max: N, min: R } = n;
+      return Object.keys(b).map(parseFloat).sort((ae, ue) => ae - ue).filter((ae) => ae >= +R && ae <= +N);
     }), c = T(() => Number(n.max) - Number(n.min)), p = T(() => {
       const b = "abl-range";
       return {
@@ -5388,11 +5403,11 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
     })), w = T(() => ({
       borderColor: n.buttonColor
     })), k = $(!1), y = (b) => !!n.range && Array.isArray(b), C = () => {
-      const { modelValue: b, min: O } = n;
-      return y(b) ? `${(b[1] - b[0]) * 100 / c.value}%` : `${(b - Number(O)) * 100 / c.value}%`;
+      const { modelValue: b, min: N } = n;
+      return y(b) ? `${(b[1] - b[0]) * 100 / c.value}%` : `${(b - Number(N)) * 100 / c.value}%`;
     }, z = () => {
-      const { modelValue: b, min: O } = n;
-      return y(b) ? `${(b[0] - Number(O)) * 100 / c.value}%` : "0%";
+      const { modelValue: b, min: N } = n;
+      return y(b) ? `${(b[0] - Number(N)) * 100 / c.value}%` : "0%";
     }, S = T(() => n.vertical ? {
       height: C(),
       top: z(),
@@ -5404,7 +5419,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
       background: n.activeColor,
       transition: d.value ? "none" : void 0
     }), _ = (b) => {
-      const O = "abl-range-mark", { modelValue: R, max: H, min: te } = n;
+      const N = "abl-range-mark", { modelValue: R, max: H, min: te } = n;
       let ae = Number(te), ue = Number(H);
       if (n.range) {
         const [Ve, Te] = R;
@@ -5413,40 +5428,40 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
         ue = R;
       let Ne = b <= +ue && b >= ae;
       return {
-        [`${O}-text`]: !0,
-        [`${O}-text-active`]: Ne
+        [`${N}-text`]: !0,
+        [`${N}-text-active`]: Ne
       };
     }, x = (b) => {
-      const { min: O, vertical: R } = n;
+      const { min: N, vertical: R } = n;
       let H = {
-        left: `${(b - Number(O)) / c.value * 100}%`
+        left: `${(b - Number(N)) / c.value * 100}%`
       };
       return R && (H = {
-        top: `${(b - Number(O)) / c.value * 100}%`
+        top: `${(b - Number(N)) / c.value * 100}%`
       }), H;
     }, A = (b) => {
-      const { modelValue: O, max: R, min: H } = n;
+      const { modelValue: N, max: R, min: H } = n;
       let te = Number(H), ae = Number(R);
       if (n.range) {
-        const [Ve, Te] = O;
+        const [Ve, Te] = N;
         te = Ve, ae = Te;
       }
       return {
         background: b <= ae && b >= te ? n.activeColor : n.inactiveColor
       };
     }, D = (b) => {
-      const { min: O, max: R, step: H } = n;
-      return b = Math.max(+O, Math.min(b, +R)), Math.round(b / +H) * +H;
-    }, X = (b, O) => JSON.stringify(b) === JSON.stringify(O), W = (b) => b[0] > b[1] ? b.slice(0).reverse() : b, P = (b, O) => {
-      y(b) ? b = W(b).map(D) : b = D(b), X(b, n.modelValue) || a("update:modelValue", b), O && !X(b, o) && a("change", b);
+      const { min: N, max: R, step: H } = n;
+      return b = Math.max(+N, Math.min(b, +R)), Math.round(b / +H) * +H;
+    }, X = (b, N) => JSON.stringify(b) === JSON.stringify(N), W = (b) => b[0] > b[1] ? b.slice(0).reverse() : b, P = (b, N) => {
+      y(b) ? b = W(b).map(D) : b = D(b), X(b, n.modelValue) || a("update:modelValue", b), N && !X(b, o) && a("change", b);
     }, j = (b) => {
       if (n.disabled || d.value === "draging")
         return;
       k.value = !0;
-      const { min: O, modelValue: R } = n, H = It(s);
+      const { min: N, modelValue: R } = n, H = It(s);
       let te = b.clientX - H.left, ae = H.width;
       n.vertical && (te = b.clientY - H.top, ae = H.height);
-      const ue = Number(O) + te / ae * c.value;
+      const ue = Number(N) + te / ae * c.value;
       if (y(R)) {
         const [Ne, Ve] = R, Te = (Ne + Ve) / 2;
         ue <= Te ? (l.value = 0, P([ue, Ve], !0)) : (l.value = 1, P([Ne, ue], !0));
@@ -5463,17 +5478,17 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
       if (n.disabled)
         return;
       d.value === "start" && a("dragStart"), u.move(b), d.value = "draging", b.type.startsWith("touch") && (k.value = !0);
-      const O = It(s);
-      let R = u.deltaX.value, H = O.width, te = R / H * c.value;
-      n.vertical && (R = u.deltaY.value, H = O.height, te = R / H * c.value), y(o) ? i[l.value] = o[l.value] + te : i = o + te, P(i);
+      const N = It(s);
+      let R = u.deltaX.value, H = N.width, te = R / H * c.value;
+      n.vertical && (R = u.deltaY.value, H = N.height, te = R / H * c.value), y(o) ? i[l.value] = o[l.value] + te : i = o + te, P(i);
     }, G = (b) => {
       n.disabled || d.value === "draging" && (P(i, !0), a("dragEnd"), window.removeEventListener("mousemove", K), window.removeEventListener("touchmove", K), window.removeEventListener("mouseup", G), window.removeEventListener("touchend", G), window.removeEventListener("contextmenu", G), b.type.startsWith("touch") && (k.value = !1), setTimeout(() => {
         d.value = "";
       }));
     }, V = (b) => {
       n.disabled || (b.preventDefault(), Y(b), window.addEventListener("mousemove", K), window.addEventListener("touchmove", K), window.addEventListener("mouseup", G), window.addEventListener("touchend", G), window.addEventListener("contextmenu", G));
-    }, N = (b) => Array.isArray(n.modelValue) && typeof b == "number" ? n.modelValue[b] : Number(n.modelValue);
-    return (b, O) => (f(), h("div", {
+    }, O = (b) => Array.isArray(n.modelValue) && typeof b == "number" ? n.modelValue[b] : Number(n.modelValue);
+    return (b, N) => (f(), h("div", {
       class: L(g.value)
     }, [
       e.hiddenRange ? B("", !0) : (f(), h("div", ki, M(+e.min), 1)),
@@ -5507,7 +5522,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
             class: L({ "abl-range-button-wrapper-left": R == 0, "abl-range-button-wrapper-right": R == 1 }),
             tabindex: e.disabled ? -1 : 0,
             "aria-valuemin": +e.min,
-            "aria-valuenow": N(R),
+            "aria-valuenow": O(R),
             "aria-valuemax": +e.max,
             "aria-orientation": "horizontal",
             onTouchstart: (H) => {
@@ -5525,7 +5540,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
               r("div", {
                 class: L(["abl-handle-tooltip", [{ "display-tooltip": l.value === R && k.value }]])
               }, [
-                J(M(N(R)) + " ", 1),
+                J(M(O(R)) + " ", 1),
                 Li
               ], 2)
             ], 4))
@@ -5535,13 +5550,13 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
             class: "abl-range-button-wrapper",
             tabindex: e.disabled ? -1 : 0,
             "aria-valuemin": +e.min,
-            "aria-valuenow": N(),
+            "aria-valuenow": O(),
             "aria-valuemax": +e.max,
             "aria-orientation": "horizontal",
-            onTouchstart: O[0] || (O[0] = (R) => {
+            onTouchstart: N[0] || (N[0] = (R) => {
               V(R);
             }),
-            onMousedown: O[1] || (O[1] = (R) => {
+            onMousedown: N[1] || (N[1] = (R) => {
               V(R);
             })
           }, [
@@ -5553,7 +5568,7 @@ const sn = (e) => (ge("data-v-349f6091"), e = e(), be(), e), ki = {
               r("div", {
                 class: L(["abl-handle-tooltip", [{ "display-tooltip": k.value }]])
               }, [
-                J(M(N()) + " ", 1),
+                J(M(O()) + " ", 1),
                 Vi
               ], 2)
             ], 4))