@studio-west/component-sw 0.9.0 → 0.9.1

package/dist/SwGide-UeJonHcR.js

@@ -1,147 +0,0 @@
-import { mergeModels as C, ref as v, useModel as b, watchEffect as L, onMounted as N, resolveComponent as R, createElementBlock as z, openBlock as M, createElementVNode as i, createVNode as a, withCtx as d, renderSlot as m, createTextVNode as f, toDisplayString as k, normalizeClass as h } from "vue";
-import B from "./SwDropdown-DQGTnnKw.js";
-import w from "./SwButton-85-tKHA7.js";
-const G = ["src"], q = {
-  __name: "SwGide",
-  props: /* @__PURE__ */ C({
-    steps: { type: Array, default: () => [] },
-    iconClose: { type: String, default: "" },
-    maxWidth: { type: Number, default: 250 }
-  }, {
-    modelValue: { type: Number, default: 0 },
-    modelModifiers: {}
-  }),
-  emits: /* @__PURE__ */ C(["close"], ["update:modelValue"]),
-  setup(g, { emit: S }) {
-    const n = v(null), y = v(!0), u = v(null), l = b(g, "modelValue"), T = S, s = g, x = () => T("close"), E = (t) => {
-      const e = l.value + t;
-      e < 0 ? l.value = 0 : e >= s.steps.length ? x() : l.value = e;
-    };
-    let p = !1;
-    const V = (t) => {
-      const e = t.getBoundingClientRect(), o = window.innerHeight;
-      e.top < 5 ? (p = !0, document.documentElement.scrollTop += e.top - 5) : e.bottom > o - 5 && (p = !0, document.documentElement.scrollTop += e.bottom - o + 5);
-    }, c = () => {
-      if (!u.value || !n.value) return;
-      const t = u.value.getBoundingClientRect(), e = window.pageYOffset || document.documentElement.scrollTop, o = window.pageXOffset || document.documentElement.scrollLeft;
-      n.value.style.gridTemplateRows = `${t.top + e - 5}px ${t.height + 10}px 1fr`, n.value.style.gridTemplateColumns = `${t.left + o - 5}px ${t.width + 10}px 1fr`, n.value.style.height = document.documentElement.scrollHeight + "px";
-    };
-    return L((t) => {
-      var $;
-      if (!n.value) return;
-      const e = ($ = s.steps[l.value]) == null ? void 0 : $.tag;
-      if (!e || !e.trim()) {
-        n.value.style.gridTemplateRows = "40% 0 1fr", n.value.style.gridTemplateColumns = "1fr 0 1fr", n.value.style.height = document.documentElement.scrollHeight + "px";
-        return;
-      }
-      if (u.value = document.querySelector(e), !u.value) {
-        console.warn(`[SwGuide] Элемент не найден: ${e}`);
-        return;
-      }
-      V(u.value);
-      const o = () => {
-        if (p) {
-          p = !1;
-          return;
-        }
-        c();
-      };
-      c();
-      const r = new ResizeObserver(c);
-      r.observe(u.value), window.addEventListener("resize", o), window.addEventListener("scroll", o, { passive: !0 }), t(() => {
-        r.disconnect(), window.removeEventListener("resize", o), window.removeEventListener("scroll", o);
-      });
-    }), N(() => window.onload = () => {
-      var t;
-      return u.value = document.querySelector((t = s.steps[l.value]) == null ? void 0 : t.tag);
-    }), (t, e) => {
-      const o = R("svg-icon");
-      return M(), z("div", {
-        class: "sw-gide",
-        ref_key: "swGide",
-        ref: n
-      }, [
-        e[6] || (e[6] = i("div", { class: "overlay0" }, null, -1)),
-        e[7] || (e[7] = i("div", { class: "overlay1" }, null, -1)),
-        a(B, {
-          class: "gide",
-          trigger: "none",
-          placement: s.steps[l.value].placement,
-          modelValue: y.value,
-          "onUpdate:modelValue": e[2] || (e[2] = (r) => y.value = r),
-          maxWidth: s.maxWidth
-        }, {
-          dropdown: d(() => [
-            i("header", null, [
-              m(t.$slots, "header", {}, () => [
-                f(k(s.steps[l.value].header) + " ", 1),
-                a(w, {
-                  type: "primary",
-                  link: "",
-                  onClick: x
-                }, {
-                  default: d(() => [
-                    a(o, {
-                      "icon-class": s.iconClose
-                    }, null, 8, ["icon-class"])
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            m(t.$slots, "default", {}, () => {
-              var r;
-              return [
-                i("div", null, k(s.steps[l.value].text), 1),
-                i("img", {
-                  class: h(/left/.test((r = s.steps[l.value]) == null ? void 0 : r.placement) ? "reflect" : null),
-                  src: s.steps[l.value].img
-                }, null, 10, G)
-              ];
-            }),
-            i("footer", null, [
-              m(t.$slots, "footer", {}, () => [
-                a(w, {
-                  type: l.value === 0 ? "info" : "warning",
-                  text: "",
-                  link: "",
-                  onClick: e[0] || (e[0] = (r) => E(-1))
-                }, {
-                  default: d(() => [
-                    m(t.$slots, "arrow", {}, () => [
-                      e[3] || (e[3] = f("‹"))
-                    ])
-                  ]),
-                  _: 3
-                }, 8, ["type"]),
-                a(w, {
-                  type: "success",
-                  onClick: e[1] || (e[1] = (r) => E(1)),
-                  text: "",
-                  link: "",
-                  class: "sw-revers"
-                }, {
-                  default: d(() => [
-                    m(t.$slots, "arrow", {}, () => [
-                      e[4] || (e[4] = f("‹"))
-                    ])
-                  ]),
-                  _: 3
-                })
-              ])
-            ])
-          ]),
-          default: d(() => [
-            e[5] || (e[5] = i("div", { class: "hole" }, null, -1))
-          ]),
-          _: 3
-        }, 8, ["placement", "modelValue", "maxWidth"]),
-        e[8] || (e[8] = i("div", { class: "overlay2" }, null, -1)),
-        e[9] || (e[9] = i("div", { class: "overlay3" }, null, -1))
-      ], 512);
-    };
-  }
-};
-export {
-  q as default
-};

package/dist/SwMessage-DKatZOJ6.js

@@ -1,58 +0,0 @@
-import { mergeModels as p, useModel as v, ref as g, useSlots as k, watch as w, nextTick as _, onUnmounted as y, resolveComponent as h, createElementBlock as c, openBlock as d, normalizeClass as S, createCommentVNode as V, renderSlot as l, createElementVNode as C, unref as E, createTextVNode as $, createVNode as m, toDisplayString as M, withCtx as N } from "vue";
-import L from "./SwButton-85-tKHA7.js";
-const x = ["open"], A = { key: 0 }, z = {
-  __name: "SwMessage",
-  props: /* @__PURE__ */ p({
-    name: { type: String, default: "" },
-    class: { type: String, default: "" },
-    iconAfter: { type: String, default: "" }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(a) {
-    const t = v(a, "modelValue"), o = a, n = g(null), u = k(), s = (e) => {
-      n.value && !n.value.contains(e.target) && (t.value = !1);
-    };
-    return w(() => t.value, async (e) => {
-      e ? (await _(), window.addEventListener("click", s, !0)) : window.removeEventListener("click", s);
-    }), y(() => {
-      window.removeEventListener("click", s);
-    }), (e, r) => {
-      var i;
-      const f = h("svg-icon");
-      return d(), c("dialog", {
-        open: t.value,
-        class: S(["sw-message", o.class]),
-        ref_key: "messageRef",
-        ref: n
-      }, [
-        o.name.length > 0 || (i = E(u)) != null && i.header ? (d(), c("header", A, [
-          l(e.$slots, "header", {}, () => [
-            $(M(o.name) + " ", 1),
-            m(L, {
-              link: "",
-              type: "primary",
-              onClick: r[0] || (r[0] = (B) => t.value = !1)
-            }, {
-              default: N(() => [
-                m(f, {
-                  "icon-class": o.iconAfter
-                }, null, 8, ["icon-class"])
-              ]),
-              _: 1
-            })
-          ])
-        ])) : V("", !0),
-        l(e.$slots, "default"),
-        C("footer", null, [
-          l(e.$slots, "footer")
-        ])
-      ], 10, x);
-    };
-  }
-};
-export {
-  z as default
-};

package/dist/SwPopover-Cx6oUK0x.js

@@ -1,17 +0,0 @@
-import { ref as o, createElementBlock as r, openBlock as p } from "vue";
-const s = {
-  __name: "SwPopover",
-  setup(t) {
-    const e = o(null);
-    return (c, n) => (p(), r("div", {
-      id: "my-Popover",
-      class: "sw-popover",
-      popover: "",
-      ref_key: "Popover",
-      ref: e
-    }, null, 512));
-  }
-};
-export {
-  s as default
-};

package/dist/index-BaQi9mUk.js

@@ -1,181 +0,0 @@
-import { createElementBlock as d, openBlock as p, mergeProps as v, createElementVNode as b, ref as x, onMounted as D, onUnmounted as A, computed as C, createBlock as f, Transition as I, withCtx as $, createCommentVNode as E, normalizeClass as M, renderSlot as m, createTextVNode as N, toDisplayString as F, createApp as P, h as j, defineAsyncComponent as z } from "vue";
-function O(e) {
-  return /^(https?:|mailto:|tel:)/.test(e);
-}
-function L(e, n) {
-  if (arguments.length === 0 || !e)
-    return null;
-  const t = n || "{Y}-{m}-{d} {G}:{i}:{s}";
-  let o;
-  typeof e == "object" ? o = e : (typeof e == "string" && (/^[0-9]+$/.test(e) ? e = parseInt(e) : e = e.replace(new RegExp(/-/gm), "/")), typeof e == "number" && e.toString().length === 10 && (e = e * 1e3), o = new Date(e));
-  const s = "ru-RU", r = {
-    Y: o.getFullYear(),
-    m: (o.getMonth() + 1).toString().padStart(2, "0"),
-    d: o.getDate(),
-    dd: o.getDate().toString().padStart(2, "0"),
-    G: o.getHours(),
-    H: o.getHours().toString().padStart(2, "0"),
-    i: o.getMinutes().toString().padStart(2, "0"),
-    s: o.getSeconds().toString().padStart(2, "0"),
-    D: new Intl.DateTimeFormat(s, { weekday: "short" }).format(o),
-    F: new Intl.DateTimeFormat(s, { month: "long" }).format(o),
-    M: new Intl.DateTimeFormat(s, { month: "short" }).format(o)
-  };
-  return t.replace(/{(dd|[YmdGHisDFM])+}/g, (i, c) => r[c]);
-}
-const B = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [o, s] of n)
-    t[o] = s;
-  return t;
-}, G = {
-  name: "SvgIcon",
-  props: {
-    prefix: {
-      type: String,
-      default: "icon"
-    },
-    iconClass: {
-      type: String,
-      required: !0
-    },
-    className: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    isExt() {
-      return O(this.iconClass);
-    }
-  }
-}, H = ["href"];
-function Y(e, n, t, o, s, r) {
-  return r.isExt ? (p(), d("div", v({
-    key: 0,
-    style: "mask: url(" + t.iconClass + ") no-repeat 50% 50%;",
-    class: "svg-external-icon svg-icon"
-  }, e.$attrs), null, 16)) : (p(), d("svg", v({
-    key: 1,
-    class: "svg-icon icon-" + (t.className || t.iconClass),
-    "aria-hidden": "true"
-  }, e.$attrs), [
-    b("use", {
-      href: "#" + t.prefix + "-" + t.iconClass
-    }, null, 8, H)
-  ], 16));
-}
-const w = /* @__PURE__ */ B(G, [["render", Y]]), _ = {
-  __name: "SwAlert",
-  props: {
-    message: { type: String, default: "Default message" },
-    before: { type: String, default: "" },
-    class: { type: String, default: "" },
-    after: { type: String, default: "" },
-    size: { type: String, default: "" },
-    duration: { type: Number, default: 6e3 },
-    type: { type: String, default: "info", validator: (e) => ["success", "warning", "error", "info"].includes(e) }
-  },
-  emits: ["closed"],
-  setup(e, { emit: n }) {
-    const t = e, o = n, s = x(!1);
-    let r = null;
-    const i = () => {
-      s.value = !0, S();
-    }, c = () => {
-      s.value = !1, o("closed");
-    }, a = () => {
-      r && (clearTimeout(r), r = null);
-    }, k = () => {
-      S();
-    }, S = () => {
-      r = setTimeout(c, t.duration);
-    };
-    D(() => {
-      i();
-    }), A(() => {
-      r && clearTimeout(r);
-    });
-    const T = C(() => {
-      const l = ["sw-alert"];
-      return t.size.length > 0 && l.push(`sw-${t.size}`), t.type.length > 0 && l.push(`sw-${t.type}`), t.class.length > 0 && l.push(t.class), l;
-    });
-    return (l, V) => (p(), f(I, { name: "fade" }, {
-      default: $(() => [
-        s.value ? (p(), d("div", {
-          key: 0,
-          class: M(T.value),
-          onMouseenter: a,
-          onMouseleave: k
-        }, [
-          t.before.length > 0 ? (p(), f(w, {
-            key: 0,
-            "icon-class": t.before
-          }, null, 8, ["icon-class"])) : m(l.$slots, "prefix", { key: 1 }),
-          m(l.$slots, "default", {}, () => [
-            N(F(t.message), 1)
-          ]),
-          t.after.length > 0 ? (p(), f(w, {
-            key: 2,
-            "icon-class": t.after,
-            onClick: c
-          }, null, 8, ["icon-class"])) : m(l.$slots, "suffix", { key: 3 }),
-          b("footer", null, [
-            m(l.$slots, "footer")
-          ])
-        ], 34)) : E("", !0)
-      ]),
-      _: 3
-    }));
-  }
-}, U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: _
-}, Symbol.toStringTag, { value: "Module" }));
-let u = document.querySelector("div.sw-alert-wrapper");
-function y(e = {}) {
-  u || (u = document.createElement("div"), u.className = "sw-alert-wrapper", document.body.appendChild(u));
-  const {
-    prefix: n,
-    suffix: t,
-    footer: o,
-    ...s
-  } = e, r = (a) => a == null ? null : typeof a == "function" ? a : typeof a == "string" ? () => [a] : Array.isArray(a) ? () => a : () => [a], i = P({
-    setup() {
-      return () => j(
-        _,
-        {
-          ...s,
-          onClose: () => {
-            u.removeChild(i._container), i.unmount();
-          }
-        },
-        {
-          ...n != null && { prefix: r(n) },
-          ...t != null && { suffix: r(t) },
-          ...o != null && { footer: r(o) }
-        }
-      );
-    }
-  }), c = i.mount(document.createElement("div"));
-  u.appendChild(c.$el);
-}
-const h = /* @__PURE__ */ Object.assign({ "./components/SwAlert.vue": () => Promise.resolve().then(() => U), "./components/SwButton.vue": () => import("./SwButton-85-tKHA7.js"), "./components/SwCollapse.vue": () => import("./SwCollapse-CuN3EbT6.js"), "./components/SwDatePicker.vue": () => import("./SwDatePicker-CTItdbBt.js"), "./components/SwDropdown.vue": () => import("./SwDropdown-DQGTnnKw.js"), "./components/SwDropdownItem.vue": () => import("./SwDropdownItem-BfNgJeEd.js"), "./components/SwFormItem.vue": () => import("./SwFormItem-CaA4jsoa.js"), "./components/SwGide.vue": () => import("./SwGide-UeJonHcR.js"), "./components/SwInput.vue": () => import("./SwInput-DP-7d70M.js"), "./components/SwMessage.vue": () => import("./SwMessage-DKatZOJ6.js"), "./components/SwPopover.vue": () => import("./SwPopover-Cx6oUK0x.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/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") }), g = {};
-for (const e in h) {
-  const n = e.split("/").pop().replace(".vue", "").replace(/-(\w)/g, (t, o) => o.toUpperCase());
-  g[n] = z(() => h[e]());
-}
-const R = {
-  install(e) {
-    Object.keys(g).forEach((n) => {
-      e.component(n, g[n]);
-    }), e.config.globalProperties.$Alert = y, e.provide("Alert", y);
-  }
-};
-export {
-  y as A,
-  R as L,
-  w as S,
-  g as c,
-  L as p
-};