@studio-west/component-sw 0.11.10 → 0.11.11

package/README.md

@@ -58,7 +58,7 @@ The `Component SW` library provides a set of ready-to-use UI components on Vue 3
 npm install @studio-west/component-sw 
 ```
 
-### Глобальное подключение  / global add to main.js(:
+### Глобальное подключение  / global add to main.js
 ```js
 import { Library } from '@studio-west/component-sw';
 import '@studio-west/component-sw/dist/component-sw.css';
@@ -720,10 +720,10 @@ model - состояние чекбокса (checked ) булевое  знач
     ]
 </script>
 <sw-table :data="table">
-  <sw-table-Column label="Label" prop="title">
-      <sw-table-Column label="City" prop="city"/>
-      <sw-table-Column label="District" prop="district"/>
-  </sw-table-Column>
+  <sw-table-column label="Label" prop="title">
+      <sw-table-column label="City" prop="city"/>
+      <sw-table-column label="District" prop="district"/>
+  </sw-table-column>
 </sw-table>
 ```
 ---

package/dist/SwButton-yS_tKW9w.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./SwButton.vue_vue_type_script_setup_true_lang-aODPwFa6.js";
+export {
+  f as default
+};

package/dist/{SwButton-jKDKwFV9.js → SwButton.vue_vue_type_script_setup_true_lang-aODPwFa6.js}

@@ -1,14 +1,14 @@
-import { computed as a, createElementBlock as o, openBlock as i, normalizeClass as u, renderSlot as r } from "vue";
-const d = {
+import { defineComponent as a, computed as o, createElementBlock as u, openBlock as f, normalizeClass as i, renderSlot as r } from "vue";
+const c = /* @__PURE__ */ a({
   __name: "SwButton",
   props: {
-    class: { type: String, default: "" },
-    size: { type: String, default: "" },
-    type: { type: String, default: "" },
+    class: { default: "" },
+    size: { default: "" },
+    type: { default: "" },
     round: { type: Boolean, default: !1 },
     text: { type: Boolean, default: !1 },
     link: { type: Boolean, default: !1 },
-    href: { type: String, default: "" },
+    href: { default: "" },
     disabled: { type: Boolean, default: !1 }
   },
   setup(s) {
@@ -17,18 +17,18 @@ const d = {
         const e = document.createElement("a");
         e.setAttribute("href", t.href), e.setAttribute("target", "_blank"), t.disabled || e.click();
       }
-    }, n = a(() => {
+    }, n = o(() => {
       let e = ["sw-button"];
       return t.size.length > 0 && e.push("sw-" + t.size), t.type.length > 0 && e.push("sw-" + t.type), t.round && e.push("sw-round"), t.text && e.push("sw-text"), t.link && e.push("sw-link"), t.disabled && e.push("sw-disabled"), t.class.length > 0 && e.push(t.class), e;
     });
-    return (e, f) => (i(), o("button", {
-      class: u(n.value),
+    return (e, d) => (f(), u("button", {
+      class: i(n.value),
       onClick: l
     }, [
       r(e.$slots, "default")
     ], 2));
   }
-};
+});
 export {
-  d as default
+  c as _
 };

package/dist/{SwDatePicker-CJjKSM8k.js → SwDatePicker-CpmdOhuc.js}

@@ -1,5 +1,5 @@
 import { ref as p, computed as Q, createElementBlock as r, openBlock as v, createElementVNode as o, createCommentVNode as j, withModifiers as g, renderSlot as w, createTextVNode as k, toDisplayString as f, unref as F, Fragment as $, renderList as Y, normalizeClass as A } from "vue";
-import { p as y, a as B } from "./index-B5koqczP.js";
+import { p as y, a as B } from "./index-C3iiqwEz.js";
 const te = { class: "sw-data-picker" }, ae = {
   key: 0,
   class: "month_year"

package/dist/{SwDropdownItem-CtlMVgsX.js → SwDropdownItem-BE6ZRWT1.js}

@@ -1,5 +1,5 @@
 import { computed as o, createElementBlock as r, openBlock as l, normalizeClass as c, createBlock as a, createCommentVNode as i, renderSlot as p } from "vue";
-import { _ as u } from "./index-B5koqczP.js";
+import { _ as u } from "./index-C3iiqwEz.js";
 const y = {
   __name: "SwDropdownItem",
   props: {

package/dist/{SwGide-DbSSyZ-y.js → SwGide-_a5-3g_f.js}

@@ -1,7 +1,7 @@
 import { mergeModels as E, ref as c, useModel as V, watchEffect as b, onMounted as L, createElementBlock as N, openBlock as R, createElementVNode as r, createVNode as u, withCtx as a, renderSlot as d, createTextVNode as v, toDisplayString as k, normalizeClass as z } from "vue";
 import M from "./SwDropdown-DQGTnnKw.js";
-import f from "./SwButton-jKDKwFV9.js";
-import { _ as h } from "./index-B5koqczP.js";
+import { _ as f } from "./SwButton.vue_vue_type_script_setup_true_lang-aODPwFa6.js";
+import { _ as h } from "./index-C3iiqwEz.js";
 const B = ["src"], q = {
   __name: "SwGide",
   props: /* @__PURE__ */ E({

package/dist/SwInput-CbNd7Vin.js

@@ -0,0 +1,90 @@
+import { defineComponent as x, mergeModels as i, useModel as z, ref as V, computed as _, watch as q, createElementBlock as u, openBlock as n, normalizeClass as B, createBlock as f, renderSlot as d, createCommentVNode as c, withDirectives as S, createTextVNode as C, toDisplayString as M, createElementVNode as w, mergeProps as N, vModelDynamic as $ } from "vue";
+import { f as D, _ as m } from "./index-C3iiqwEz.js";
+const I = ["for"], E = {
+  key: 0,
+  title: "Это поле обязательно для заполнения."
+}, P = ["required", "placeholder", "type", "id", "name", "size", "maxlength", "minlength", "autofocus"], R = /* @__PURE__ */ x({
+  __name: "SwInput",
+  props: /* @__PURE__ */ i({
+    before: { default: "" },
+    after: { default: "" },
+    placeholder: { default: "" },
+    label: { default: "" },
+    name: {},
+    class: { default: "" },
+    size: { default: "" },
+    type: { default: "text" },
+    inputMode: { default: "text" },
+    required: { type: Boolean, default: !1 },
+    maxlength: { default: 128 },
+    minlength: { default: 1 },
+    inputSize: { default: 60 },
+    autofocus: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ i(["suffix", "prefix", "focusInput"], ["update:modelValue"]),
+  setup(r, { emit: p }) {
+    const o = z(r, "modelValue"), e = r, t = V(null), s = p, h = (l) => {
+      s("focusInput"), l.target.setSelectionRange(o.value?.length || 0, o.value?.length || 0), t.value !== null && (t.value.style.top = "-.6em");
+    }, g = (l) => {
+      (o.value?.length || 0) === 0 && t.value !== null && t.value.removeAttribute("style");
+    };
+    (o.value?.length || 0) > 0 && t.value !== null && (t.value.style.top = "-.6em");
+    const y = () => {
+      s("suffix");
+    }, v = () => {
+      s("prefix");
+    }, b = _(
+      () => {
+        let l = ["sw-input"];
+        return e.size.length > 0 && l.push("sw-" + e.size), e.class.length > 0 && l.push(e.class), l;
+      }
+    );
+    return q(o, (l, a) => {
+      e.type === "phone" && l && (o.value = D(l, a));
+    }), (l, a) => (n(), u("div", {
+      class: B(b.value)
+    }, [
+      e.before.length > 0 ? (n(), f(m, {
+        key: 0,
+        "icon-class": e.before,
+        onClick: v
+      }, null, 8, ["icon-class"])) : d(l.$slots, "prefix", { key: 1 }),
+      e.label.length > 0 ? (n(), u("label", {
+        key: 2,
+        for: e.name,
+        ref_key: "lab",
+        ref: t
+      }, [
+        C(M(e.label), 1),
+        e.required ? (n(), u("span", E, "*")) : c("", !0)
+      ], 8, I)) : c("", !0),
+      S(w("input", N({
+        "onUpdate:modelValue": a[0] || (a[0] = (k) => l.model = k),
+        required: e.required,
+        placeholder: e.required && e.label.length === 0 ? e.placeholder + "*" : e.placeholder,
+        type: e.type,
+        id: e.name,
+        name: e.name,
+        size: e.inputSize,
+        onFocus: h,
+        onBlur: g,
+        maxlength: e.maxlength,
+        minlength: e.minlength,
+        autofocus: e.autofocus
+      }, l.$attrs), null, 16, P), [
+        [$, l.model]
+      ]),
+      e.after.length > 0 ? (n(), f(m, {
+        key: 3,
+        "icon-class": e.after,
+        onClick: y
+      }, null, 8, ["icon-class"])) : d(l.$slots, "suffix", { key: 4 })
+    ], 2));
+  }
+});
+export {
+  R as default
+};

package/dist/{SwMessage-CovKkpf6.js → SwMessage-DdUbYQet.js}

@@ -1,6 +1,6 @@
-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-jKDKwFV9.js";
-import { _ as N } from "./index-B5koqczP.js";
+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 _, createCommentVNode as y, renderSlot as a, createElementVNode as C, unref as S, createTextVNode as V, createVNode as d, toDisplayString as $, withCtx as E } from "vue";
+import { _ as M } from "./SwButton.vue_vue_type_script_setup_true_lang-aODPwFa6.js";
+import { _ as N } from "./index-C3iiqwEz.js";
 const R = { key: 0 }, x = {
   __name: "SwMessage",
   props: /* @__PURE__ */ f({
@@ -24,7 +24,7 @@ const R = { key: 0 }, x = {
     }), h(() => {
       window.removeEventListener("click", n);
     }), (e, t) => (c(), r("dialog", {
-      class: y("sw-message " + s.class),
+      class: _("sw-message " + s.class),
       ref_key: "messageRef",
       ref: l
     }, [
@@ -44,9 +44,9 @@ const R = { key: 0 }, x = {
             _: 1
           })
         ])
-      ])) : C("", !0),
+      ])) : y("", !0),
       a(e.$slots, "default"),
-      _("footer", null, [
+      C("footer", null, [
         a(e.$slots, "footer")
       ])
     ], 2));

package/dist/SwSection-CQe2kE0O.js

@@ -0,0 +1,34 @@
+import { createElementBlock as c, openBlock as i, normalizeClass as d, createElementVNode as o, renderSlot as s, createTextVNode as m, toDisplayString as p } from "vue";
+const f = ["icon-class"], S = {
+  __name: "SwSection",
+  props: {
+    name: { type: String, default: "" },
+    class: { type: String, default: "" },
+    iconAfter: { type: String, default: "" }
+  },
+  emits: ["header"],
+  setup(n, { emit: r }) {
+    const e = n, a = r, l = () => {
+      a("header");
+    };
+    return (t, u) => (i(), c("section", {
+      class: d("sw-section " + e.class)
+    }, [
+      o("header", { onClick: l }, [
+        s(t.$slots, "header", {}, () => [
+          m(p(e.name) + " ", 1),
+          o("svg-icon", {
+            "icon-class": e.iconAfter
+          }, null, 8, f)
+        ])
+      ]),
+      s(t.$slots, "default"),
+      o("footer", null, [
+        s(t.$slots, "footer")
+      ])
+    ], 2));
+  }
+};
+export {
+  S as default
+};