@studio-west/component-sw 0.10.8 → 0.10.10

package/dist/SwMessage-5_BqCfqv.js

@@ -0,0 +1,57 @@
+import { mergeModels as f, useModel as g, ref as p, useSlots as v, watch as k, nextTick as w, onUnmounted as h, createElementBlock as r, openBlock as c, normalizeClass as y, createCommentVNode as C, renderSlot as a, createElementVNode as _, unref as S, createTextVNode as V, createVNode as d, toDisplayString as $, withCtx as E } from "vue";
+import M from "./SwButton-85-tKHA7.js";
+import { _ as N } from "./index-DeMssusd.js";
+const R = { key: 0 }, x = {
+  __name: "SwMessage",
+  props: /* @__PURE__ */ f({
+    name: { type: String, default: "" },
+    class: { type: String, default: "" },
+    iconAfter: { type: String, default: "" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i) {
+    const o = g(i, "modelValue"), s = i, l = p(null), m = v(), n = (e) => {
+      if (console.log("target - ", e.target), l.value && o.value) {
+        const t = l.value.getBoundingClientRect();
+        e.clientX >= t.left && e.clientX <= t.right && e.clientY >= t.top && e.clientY <= t.bottom || (o.value = !1);
+      }
+    };
+    return k(() => o.value, (e) => {
+      e ? (l.value.showModal(), w(), window.addEventListener("click", n, !0)) : (l.value.close(), window.removeEventListener("click", n));
+    }), h(() => {
+      window.removeEventListener("click", n);
+    }), (e, t) => (c(), r("dialog", {
+      class: y("sw-message " + s.class),
+      ref_key: "messageRef",
+      ref: l
+    }, [
+      s.name.length > 0 || S(m)?.header ? (c(), r("header", R, [
+        a(e.$slots, "header", {}, () => [
+          V($(s.name) + " ", 1),
+          d(M, {
+            link: "",
+            type: "primary",
+            onClick: t[0] || (t[0] = (u) => o.value = !1)
+          }, {
+            default: E(() => [
+              d(N, {
+                "icon-class": s.iconAfter
+              }, null, 8, ["icon-class"])
+            ]),
+            _: 1
+          })
+        ])
+      ])) : C("", !0),
+      a(e.$slots, "default"),
+      _("footer", null, [
+        a(e.$slots, "footer")
+      ])
+    ], 2));
+  }
+};
+export {
+  x as default
+};

package/dist/SwSlider-CQgfTwD_.js

@@ -0,0 +1,140 @@
+import { mergeModels as C, useModel as F, ref as d, computed as c, onMounted as R, onUnmounted as I, createElementBlock as g, openBlock as w, normalizeClass as D, createElementVNode as N, normalizeStyle as $, Fragment as q, renderList as U, withModifiers as T, renderSlot as j, createCommentVNode as G, toDisplayString as H } from "vue";
+import { c as J } from "./index-DeMssusd.js";
+const K = { class: "track" }, O = ["onMouseenter", "onMouseleave", "onFocus", "onBlur", "onMousedown", "onTouchstart"], Z = {
+  __name: "SwSlider",
+  props: /* @__PURE__ */ C({
+    class: { type: String, default: "" },
+    size: { type: String, default: "" },
+    min: { type: Number, default: 0 },
+    max: { type: Number, default: 100 },
+    step: { type: Number, default: 1 },
+    vertical: { type: Boolean, default: !1 },
+    showValue: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { type: [Number, Array], required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(y) {
+    const v = F(y, "modelValue"), n = y, u = d([]), S = d([]), k = c(
+      () => {
+        let e = ["sw-slider"];
+        return n.size.length > 0 && e.push("sw-" + n.size), n.class.length > 0 && e.push(n.class), n.vertical && e.push("vertical"), e;
+      }
+    ), E = (e) => {
+      const t = [...u.value];
+      t[e] = !0, u.value = t;
+    }, V = (e) => {
+      const t = [...u.value];
+      t[e] = !1, u.value = t;
+    }, b = (e) => {
+      const t = document.querySelector(".sw-slider");
+      return t ? J(t, n.vertical) : n.vertical ? { right: "100%", marginRight: "10px" } : { bottom: "100%", marginBottom: "10px" };
+    }, h = c(() => Array.isArray(v.value)), r = c({
+      get() {
+        return h.value ? [...v.value] : [v.value];
+      },
+      set(e) {
+        h.value ? v.value = [...e].sort((t, l) => t - l) : v.value = e[0];
+      }
+    }), s = c(() => {
+      const e = n.max - n.min;
+      return r.value.map((t) => e === 0 ? 0 : (t - n.min) / e * 100);
+    }), A = c(() => {
+      if (n.vertical)
+        if (h.value) {
+          const e = s.value[0] || 0, t = s.value[s.value.length - 1] || 0, l = Math.min(e, t);
+          return {
+            height: `${Math.max(e, t) - l}%`,
+            top: `${l}%`,
+            left: "0",
+            width: "100%"
+          };
+        } else
+          return {
+            height: `${s.value[0] || 0}%`,
+            top: "0",
+            left: "0",
+            width: "100%"
+          };
+      else if (h.value) {
+        const e = s.value[0] || 0, t = s.value[s.value.length - 1] || 0, l = Math.min(e, t);
+        return {
+          width: `${Math.max(e, t) - l}%`,
+          left: `${l}%`,
+          top: "0",
+          height: "100%"
+        };
+      } else
+        return {
+          width: `${s.value[0] || 0}%`,
+          left: "0",
+          top: "0",
+          height: "100%"
+        };
+    }), X = c(() => s.value.map((e, t) => n.vertical ? { top: `${e}%`, zIndex: r.value.length - t } : { left: `${e}%`, zIndex: r.value.length - t })), M = d(!1), i = d(null), P = d(null);
+    function x(e, t) {
+      const l = e.target.closest(".sw-slider");
+      l && (P.value = l.getBoundingClientRect(), i.value = t, M.value = !0, L(e.clientX || e.touches?.[0]?.clientX, e.clientY || e.touches?.[0]?.clientY));
+    }
+    function p(e) {
+      if (!M.value) return;
+      e.preventDefault?.();
+      const t = e.clientX || e.touches?.[0]?.clientX, l = e.clientY || e.touches?.[0]?.clientY;
+      L(t, l);
+    }
+    function f() {
+      M.value = !1, i.value = null;
+    }
+    function L(e, t) {
+      if (!P.value || i.value === null) return;
+      const l = P.value, o = n.vertical ? (t - l.top) / l.height : (e - l.left) / l.width, a = Math.max(0, Math.min(1, o)), Y = n.max - n.min;
+      let m = n.min + a * Y;
+      const _ = Math.round((m - n.min) / n.step);
+      m = n.min + _ * n.step, m = Math.max(n.min, Math.min(n.max, m));
+      const B = [...r.value];
+      B[i.value] = m, r.value = B, setTimeout(() => {
+        const z = [...S.value];
+        z[i.value] = b(i.value), S.value = z;
+      }, 0);
+    }
+    return R(() => {
+      window.addEventListener("mousemove", p), window.addEventListener("mouseup", f), window.addEventListener("touchmove", p, { passive: !1 }), window.addEventListener("touchend", f), u.value = new Array(r.value.length).fill(!1);
+    }), I(() => {
+      window.removeEventListener("mousemove", p), window.removeEventListener("mouseup", f), window.removeEventListener("touchmove", p), window.removeEventListener("touchend", f);
+    }), (e, t) => (w(), g("div", {
+      class: D(k.value)
+    }, [
+      N("div", K, [
+        N("div", {
+          class: "fill",
+          style: $(A.value)
+        }, null, 4)
+      ]),
+      (w(!0), g(q, null, U(r.value, (l, o) => (w(), g("div", {
+        class: "thumb",
+        key: o,
+        style: $(X.value[o]),
+        onMouseenter: (a) => E(o),
+        onMouseleave: (a) => V(o),
+        onFocus: (a) => E(o),
+        onBlur: (a) => V(o),
+        onMousedown: T((a) => x(a, o), ["prevent"]),
+        onTouchstart: T((a) => x(a.touches[0], o), ["prevent"])
+      }, [
+        j(e.$slots, "default", {
+          index: o,
+          value: l
+        }),
+        u.value[o] && y.showValue ? (w(), g("div", {
+          key: 0,
+          class: D(["tooltip", { "tooltip-vertical": n.vertical }]),
+          style: $(b())
+        }, H(l), 7)) : G("", !0)
+      ], 44, O))), 128))
+    ], 2));
+  }
+};
+export {
+  Z as default
+};

package/dist/SwTable-BKZ5idCi.js

@@ -0,0 +1,149 @@
+import { useSlots as F, ref as W, onMounted as G, computed as m, createElementBlock as c, openBlock as i, createElementVNode as R, Fragment as w, renderList as g, normalizeStyle as M, toDisplayString as S, renderSlot as J, createTextVNode as K } from "vue";
+import O from "./SwTableColumn-BLF5bPuJ.js";
+const P = { class: "sw-table" }, Q = ["colspan", "rowspan"], U = ["colspan", "rowspan"], Z = {
+  __name: "SwTable",
+  props: {
+    data: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(T) {
+    const x = T, E = F(), d = W([]);
+    function v(r) {
+      const n = [];
+      for (const t of r)
+        if (t.type === O) {
+          const o = {
+            ...t.props,
+            children: []
+          }, e = t.children?.default?.();
+          e && e.length > 0 && (o.children = v(e)), n.push(o);
+        }
+      return n;
+    }
+    function k(r) {
+      if (!r || r.length === 0) return 1;
+      let n = 1;
+      for (const t of r)
+        if (t.children && t.children.length > 0) {
+          const o = k(t.children);
+          n = Math.max(n, 1 + o);
+        }
+      return n;
+    }
+    function V(r, n) {
+      const t = Array.from({ length: n }, () => []);
+      function o(e, p, u = "") {
+        for (let a = 0; a < e.length; a++) {
+          const l = e[a], h = u ? `${u}-${l.prop || a}` : l.prop || a;
+          if (l.children && l.children.length > 0) {
+            const s = B(l.children);
+            t[p].push({
+              key: h,
+              label: l.label,
+              colspan: s,
+              rowspan: 1,
+              width: l.width,
+              height: l.height
+            }), o(l.children, p + 1, h);
+          } else
+            t[p].push({
+              key: l.prop,
+              label: l.label,
+              colspan: 1,
+              rowspan: n - p,
+              width: l.width,
+              height: l.height,
+              prop: l.prop
+            });
+        }
+      }
+      return o(r, 0), t;
+    }
+    function B(r) {
+      let n = 0;
+      function t(o) {
+        for (const e of o)
+          e.children && e.children.length > 0 ? t(e.children) : n++;
+      }
+      return t(r), n;
+    }
+    function L(r) {
+      const n = [];
+      function t(o) {
+        for (const e of o)
+          e.children && e.children.length > 0 ? t(e.children) : n.push(e);
+      }
+      return t(r), n;
+    }
+    function N(r, n) {
+      const t = [], o = /* @__PURE__ */ new Map();
+      return r.forEach((e, p) => {
+        const u = [];
+        n.forEach((a, l) => {
+          const h = `${p}-${a.prop}`;
+          if (o.has(h))
+            return;
+          const s = e[a.prop];
+          let $ = s, b = 1, _ = 1, D = {};
+          s && typeof s == "object" && s !== null && ($ = s.label || s.value || "", b = s.colspan || 1, _ = s.rowspan || 1, D = s.style || {});
+          const z = {
+            key: h,
+            label: $,
+            prop: a.prop,
+            colspan: b,
+            rowspan: _,
+            style: D,
+            originalRow: e,
+            rowIndex: p
+          };
+          u.push(z);
+          for (let f = 0; f < _; f++)
+            for (let y = 0; y < b; y++) {
+              if (f === 0 && y === 0) continue;
+              const C = `${p + f}-${n[l + y]?.prop}`;
+              C && o.set(C, !0);
+            }
+        }), u.length > 0 && t.push(u);
+      }), t;
+    }
+    G(() => {
+      const r = E.default?.() || [];
+      d.value = v(r);
+    });
+    const A = m(() => k(d.value)), H = m(() => V(d.value, A.value)), j = m(() => L(d.value)), q = m(() => N(x.data, j.value));
+    return (r, n) => (i(), c("table", P, [
+      R("thead", null, [
+        (i(!0), c(w, null, g(H.value, (t, o) => (i(), c("tr", { key: o }, [
+          (i(!0), c(w, null, g(t, (e) => (i(), c("th", {
+            key: e.key,
+            colspan: e.colspan,
+            rowspan: e.rowspan,
+            style: M({ minWidth: e.width, minHeight: e.height })
+          }, S(e.label), 13, Q))), 128))
+        ]))), 128))
+      ]),
+      R("tbody", null, [
+        (i(!0), c(w, null, g(q.value, (t, o) => (i(), c("tr", { key: o }, [
+          (i(!0), c(w, null, g(t, (e) => (i(), c("td", {
+            key: e.key,
+            colspan: e.colspan,
+            rowspan: e.rowspan,
+            style: M(e.style)
+          }, [
+            J(r.$slots, e.prop, {
+              row: e.originalRow,
+              $index: e.rowIndex
+            }, () => [
+              K(S(e.label), 1)
+            ])
+          ], 12, U))), 128))
+        ]))), 128))
+      ])
+    ]));
+  }
+};
+export {
+  Z as default
+};

package/dist/{index-C4bjIOWO.js → index-DeMssusd.js}

@@ -166,7 +166,7 @@ function v(e = {}) {
   }), i = l.mount(document.createElement("div"));
   p.appendChild(i.$el);
 }
-const y = /* @__PURE__ */ Object.assign({ "./components/SwAlert.vue": () => Promise.resolve().then(() => G), "./components/SwButton.vue": () => import("./SwButton-85-tKHA7.js"), "./components/SwCollapse.vue": () => import("./SwCollapse-CuN3EbT6.js"), "./components/SwDatePicker.vue": () => import("./SwDatePicker-DPL2xnfr.js"), "./components/SwDropdown.vue": () => import("./SwDropdown-DQGTnnKw.js"), "./components/SwDropdownItem.vue": () => import("./SwDropdownItem-CKexOhlx.js"), "./components/SwDropdownNew.vue": () => import("./SwDropdownNew-CYfjZFd2.js"), "./components/SwFormItem.vue": () => import("./SwFormItem-CaA4jsoa.js"), "./components/SwGide.vue": () => import("./SwGide-D0cE663C.js"), "./components/SwIcon.vue": () => Promise.resolve().then(() => q), "./components/SwInput.vue": () => import("./SwInput-DW08IfrK.js"), "./components/SwMessage.vue": () => import("./SwMessage-DGaPcMYb.js"), "./components/SwSection.vue": () => import("./SwSection-D8ooQ21I.js"), "./components/SwSelect.vue": () => import("./SwSelect-C2RKinez.js"), "./components/SwSkeleton.vue": () => import("./SwSkeleton-B7ysp8L9.js"), "./components/SwSkeletonItem.vue": () => import("./SwSkeletonItem-CU7LvihY.js"), "./components/SwSlider.vue": () => import("./SwSlider-t6njKr4X.js"), "./components/SwSwitch.vue": () => import("./SwSwitch-6rl1IT4p.js"), "./components/SwTable.vue": () => import("./SwTable-BLrFhlyO.js"), "./components/SwTableColumn.vue": () => import("./SwTableColumn-BLF5bPuJ.js"), "./components/SwTabs.vue": () => import("./SwTabs-DkSI4oAh.js"), "./components/SwTabsPane.vue": () => import("./SwTabsPane-Dwtj8g7T.js") }), S = {};
+const y = /* @__PURE__ */ Object.assign({ "./components/SwAlert.vue": () => Promise.resolve().then(() => G), "./components/SwButton.vue": () => import("./SwButton-85-tKHA7.js"), "./components/SwCollapse.vue": () => import("./SwCollapse-CuN3EbT6.js"), "./components/SwDatePicker.vue": () => import("./SwDatePicker-D25T1Ubw.js"), "./components/SwDropdown.vue": () => import("./SwDropdown-DQGTnnKw.js"), "./components/SwDropdownItem.vue": () => import("./SwDropdownItem-DFIqJmpS.js"), "./components/SwDropdownNew.vue": () => import("./SwDropdownNew-CYfjZFd2.js"), "./components/SwFormItem.vue": () => import("./SwFormItem-CaA4jsoa.js"), "./components/SwGide.vue": () => import("./SwGide-Ch5TIda2.js"), "./components/SwIcon.vue": () => Promise.resolve().then(() => q), "./components/SwInput.vue": () => import("./SwInput-Bn7eL-Ur.js"), "./components/SwMessage.vue": () => import("./SwMessage-5_BqCfqv.js"), "./components/SwSection.vue": () => import("./SwSection-D8ooQ21I.js"), "./components/SwSelect.vue": () => import("./SwSelect-C2RKinez.js"), "./components/SwSkeleton.vue": () => import("./SwSkeleton-B7ysp8L9.js"), "./components/SwSkeletonItem.vue": () => import("./SwSkeletonItem-CU7LvihY.js"), "./components/SwSlider.vue": () => import("./SwSlider-CQgfTwD_.js"), "./components/SwSwitch.vue": () => import("./SwSwitch-6rl1IT4p.js"), "./components/SwTable.vue": () => import("./SwTable-BKZ5idCi.js"), "./components/SwTableColumn.vue": () => import("./SwTableColumn-BLF5bPuJ.js"), "./components/SwTabs.vue": () => import("./SwTabs-DkSI4oAh.js"), "./components/SwTabsPane.vue": () => import("./SwTabsPane-Dwtj8g7T.js") }), S = {};
 for (const e in y) {
   const o = e.split("/").pop().replace(".vue", "").replace(/-(\w)/g, (n, t) => t.toUpperCase());
   S[o] = F(() => y[e]());