sm-click-library-ui 0.0.20 → 0.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,114 +1,114 @@
|
|
|
1
|
-
import { getCurrentScope as
|
|
2
|
-
function
|
|
3
|
-
return
|
|
1
|
+
import { getCurrentScope as F, onScopeDispose as W, unref as H, watch as D, ref as S, computed as k, openBlock as _, createElementBlock as m, createElementVNode as l, toDisplayString as $, normalizeClass as C, renderSlot as b, createCommentVNode as g, pushScopeId as E, popScopeId as I } from "vue";
|
|
2
|
+
function N(e) {
|
|
3
|
+
return F() ? (W(e), !0) : !1;
|
|
4
4
|
}
|
|
5
|
-
function
|
|
6
|
-
return typeof e == "function" ? e() :
|
|
5
|
+
function L(e) {
|
|
6
|
+
return typeof e == "function" ? e() : H(e);
|
|
7
7
|
}
|
|
8
|
-
const
|
|
8
|
+
const z = typeof window < "u" && typeof document < "u";
|
|
9
9
|
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
10
|
-
const
|
|
11
|
-
},
|
|
12
|
-
function
|
|
13
|
-
var e,
|
|
14
|
-
return
|
|
10
|
+
const T = Object.prototype.toString, G = (e) => T.call(e) === "[object Object]", y = () => {
|
|
11
|
+
}, q = /* @__PURE__ */ R();
|
|
12
|
+
function R() {
|
|
13
|
+
var e, i;
|
|
14
|
+
return z && ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((i = window == null ? void 0 : window.navigator) == null ? void 0 : i.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
|
|
15
15
|
}
|
|
16
|
-
function
|
|
17
|
-
var
|
|
18
|
-
const
|
|
19
|
-
return (
|
|
16
|
+
function w(e) {
|
|
17
|
+
var i;
|
|
18
|
+
const n = L(e);
|
|
19
|
+
return (i = n == null ? void 0 : n.$el) != null ? i : n;
|
|
20
20
|
}
|
|
21
|
-
const
|
|
22
|
-
function
|
|
23
|
-
let
|
|
24
|
-
if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([
|
|
21
|
+
const M = z ? window : void 0;
|
|
22
|
+
function x(...e) {
|
|
23
|
+
let i, n, s, c;
|
|
24
|
+
if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, s, c] = e, i = M) : [i, n, s, c] = e, !i)
|
|
25
25
|
return y;
|
|
26
|
-
Array.isArray(
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
},
|
|
30
|
-
() => [
|
|
31
|
-
([
|
|
32
|
-
if (p(), !
|
|
26
|
+
Array.isArray(n) || (n = [n]), Array.isArray(s) || (s = [s]);
|
|
27
|
+
const r = [], p = () => {
|
|
28
|
+
r.forEach((d) => d()), r.length = 0;
|
|
29
|
+
}, f = (d, u, o, t) => (d.addEventListener(u, o, t), () => d.removeEventListener(u, o, t)), v = D(
|
|
30
|
+
() => [w(i), L(c)],
|
|
31
|
+
([d, u]) => {
|
|
32
|
+
if (p(), !d)
|
|
33
33
|
return;
|
|
34
|
-
const o =
|
|
35
|
-
|
|
36
|
-
...
|
|
34
|
+
const o = G(u) ? { ...u } : u;
|
|
35
|
+
r.push(
|
|
36
|
+
...n.flatMap((t) => s.map((a) => f(d, t, a, o)))
|
|
37
37
|
);
|
|
38
38
|
},
|
|
39
39
|
{ immediate: !0, flush: "post" }
|
|
40
40
|
), h = () => {
|
|
41
|
-
|
|
41
|
+
v(), p();
|
|
42
42
|
};
|
|
43
|
-
return
|
|
43
|
+
return N(h), h;
|
|
44
44
|
}
|
|
45
|
-
let
|
|
46
|
-
function
|
|
47
|
-
const { window:
|
|
48
|
-
if (!
|
|
45
|
+
let A = !1;
|
|
46
|
+
function U(e, i, n = {}) {
|
|
47
|
+
const { window: s = M, ignore: c = [], capture: r = !0, detectIframe: p = !1 } = n;
|
|
48
|
+
if (!s)
|
|
49
49
|
return y;
|
|
50
|
-
|
|
51
|
-
let
|
|
52
|
-
const
|
|
50
|
+
q && !A && (A = !0, Array.from(s.document.body.children).forEach((o) => o.addEventListener("click", y)), s.document.documentElement.addEventListener("click", y));
|
|
51
|
+
let f = !0;
|
|
52
|
+
const v = (o) => c.some((t) => {
|
|
53
53
|
if (typeof t == "string")
|
|
54
|
-
return Array.from(
|
|
54
|
+
return Array.from(s.document.querySelectorAll(t)).some((a) => a === o.target || o.composedPath().includes(a));
|
|
55
55
|
{
|
|
56
|
-
const
|
|
57
|
-
return
|
|
56
|
+
const a = w(t);
|
|
57
|
+
return a && (o.target === a || o.composedPath().includes(a));
|
|
58
58
|
}
|
|
59
|
-
}),
|
|
60
|
-
|
|
61
|
-
const t =
|
|
59
|
+
}), d = [
|
|
60
|
+
x(s, "click", (o) => {
|
|
61
|
+
const t = w(e);
|
|
62
62
|
if (!(!t || t === o.target || o.composedPath().includes(t))) {
|
|
63
|
-
if (o.detail === 0 && (
|
|
64
|
-
|
|
63
|
+
if (o.detail === 0 && (f = !v(o)), !f) {
|
|
64
|
+
f = !0;
|
|
65
65
|
return;
|
|
66
66
|
}
|
|
67
|
-
|
|
67
|
+
i(o);
|
|
68
68
|
}
|
|
69
|
-
}, { passive: !0, capture:
|
|
70
|
-
|
|
71
|
-
const t =
|
|
72
|
-
|
|
69
|
+
}, { passive: !0, capture: r }),
|
|
70
|
+
x(s, "pointerdown", (o) => {
|
|
71
|
+
const t = w(e);
|
|
72
|
+
f = !v(o) && !!(t && !o.composedPath().includes(t));
|
|
73
73
|
}, { passive: !0 }),
|
|
74
|
-
p &&
|
|
74
|
+
p && x(s, "blur", (o) => {
|
|
75
75
|
setTimeout(() => {
|
|
76
76
|
var t;
|
|
77
|
-
const
|
|
78
|
-
((t =
|
|
77
|
+
const a = w(e);
|
|
78
|
+
((t = s.document.activeElement) == null ? void 0 : t.tagName) === "IFRAME" && !(a != null && a.contains(s.document.activeElement)) && i(o);
|
|
79
79
|
}, 0);
|
|
80
80
|
})
|
|
81
81
|
].filter(Boolean);
|
|
82
|
-
return () =>
|
|
82
|
+
return () => d.forEach((o) => o());
|
|
83
83
|
}
|
|
84
|
-
const
|
|
85
|
-
const
|
|
86
|
-
for (const [
|
|
87
|
-
s
|
|
88
|
-
return
|
|
89
|
-
},
|
|
84
|
+
const j = (e, i) => {
|
|
85
|
+
const n = e.__vccOpts || e;
|
|
86
|
+
for (const [s, c] of i)
|
|
87
|
+
n[s] = c;
|
|
88
|
+
return n;
|
|
89
|
+
}, O = (e) => (E("data-v-a8f8c201"), e = e(), I(), e), Z = {
|
|
90
90
|
key: 0,
|
|
91
91
|
class: "line-clamp-2 uppercase text-xs truncate text-white"
|
|
92
|
-
},
|
|
92
|
+
}, J = {
|
|
93
93
|
key: 1,
|
|
94
94
|
class: "line-clamp-2 uppercase text-xs truncate text-white"
|
|
95
|
-
},
|
|
95
|
+
}, K = /* @__PURE__ */ O(() => /* @__PURE__ */ l("path", {
|
|
96
96
|
"fill-rule": "evenodd",
|
|
97
97
|
d: "M18.4 10.3A2 2 0 0 0 17 7H7a2 2 0 0 0-1.5 3.3l4.9 5.9a2 2 0 0 0 3 0l5-6Z",
|
|
98
98
|
"clip-rule": "evenodd"
|
|
99
|
-
}, null, -1)),
|
|
100
|
-
|
|
101
|
-
],
|
|
99
|
+
}, null, -1)), Q = [
|
|
100
|
+
K
|
|
101
|
+
], X = {
|
|
102
102
|
key: 0,
|
|
103
103
|
class: "select_widget_lib"
|
|
104
|
-
},
|
|
104
|
+
}, Y = { key: 0 }, ee = {
|
|
105
105
|
key: 1,
|
|
106
106
|
class: "space-y-2"
|
|
107
|
-
},
|
|
108
|
-
Y
|
|
109
|
-
], te = /* @__PURE__ */ x(() => /* @__PURE__ */ f("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Horizontal", -1)), oe = [
|
|
107
|
+
}, te = /* @__PURE__ */ O(() => /* @__PURE__ */ l("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Vertical", -1)), oe = [
|
|
110
108
|
te
|
|
111
|
-
], ne =
|
|
109
|
+
], se = /* @__PURE__ */ O(() => /* @__PURE__ */ l("p", { class: "line-clamp-2 uppercase text-xs truncate" }, "Horizontal", -1)), ne = [
|
|
110
|
+
se
|
|
111
|
+
], le = {
|
|
112
112
|
__name: "primary_select",
|
|
113
113
|
props: {
|
|
114
114
|
titleFreeSlot: {
|
|
@@ -124,65 +124,123 @@ const q = (e, l) => {
|
|
|
124
124
|
}
|
|
125
125
|
},
|
|
126
126
|
emits: ["closeSelect"],
|
|
127
|
-
setup(e, { emit:
|
|
128
|
-
const
|
|
129
|
-
() =>
|
|
130
|
-
), h =
|
|
131
|
-
() =>
|
|
132
|
-
),
|
|
133
|
-
|
|
127
|
+
setup(e, { emit: i }) {
|
|
128
|
+
const n = e, s = i, c = S(!1), r = S("Horizontal"), p = S(null), f = k(() => n.selectConfig.length > 0), v = k(
|
|
129
|
+
() => n.selectConfig.some((t) => t.chartsConfig)
|
|
130
|
+
), h = k(
|
|
131
|
+
() => n.selectConfig.some((t) => t.freeSlot)
|
|
132
|
+
), d = () => {
|
|
133
|
+
c.value = !c.value;
|
|
134
134
|
}, u = (t) => {
|
|
135
|
-
|
|
135
|
+
c.value = !1, r.value = t === "horizontal" ? "Vertical" : "Horizontal", s("closeSelect", t);
|
|
136
136
|
};
|
|
137
|
-
return
|
|
138
|
-
|
|
139
|
-
}), (t,
|
|
137
|
+
return U(p, () => {
|
|
138
|
+
c.value && (c.value = !1);
|
|
139
|
+
}), (t, a) => f.value ? (_(), m("div", {
|
|
140
140
|
key: 0,
|
|
141
141
|
ref_key: "target",
|
|
142
142
|
ref: p,
|
|
143
143
|
class: "relative w-full"
|
|
144
144
|
}, [
|
|
145
|
-
|
|
146
|
-
onClick:
|
|
145
|
+
l("button", {
|
|
146
|
+
onClick: d,
|
|
147
147
|
class: "bg-base-100 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-base-300"
|
|
148
148
|
}, [
|
|
149
|
-
|
|
150
|
-
|
|
149
|
+
l("div", null, [
|
|
150
|
+
v.value ? (_(), m("p", Z, $(r.value), 1)) : (_(), m("p", J, $(e.titleFreeSlot), 1))
|
|
151
151
|
]),
|
|
152
|
-
|
|
153
|
-
(
|
|
154
|
-
class: C([
|
|
152
|
+
l("div", null, [
|
|
153
|
+
(_(), m("svg", {
|
|
154
|
+
class: C([c.value ? "rotate-180 transition-transform ease-in-out" : "", "w-3 h-3 text-white"]),
|
|
155
155
|
xmlns: "http://www.w3.org/2000/svg",
|
|
156
156
|
fill: "currentColor",
|
|
157
157
|
viewBox: "0 0 24 24"
|
|
158
|
-
},
|
|
158
|
+
}, Q, 2))
|
|
159
159
|
])
|
|
160
160
|
]),
|
|
161
|
-
|
|
162
|
-
h.value ? (
|
|
163
|
-
|
|
164
|
-
])) :
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
class: C([
|
|
168
|
-
onClick:
|
|
169
|
-
},
|
|
170
|
-
|
|
171
|
-
class: C([
|
|
172
|
-
onClick:
|
|
173
|
-
},
|
|
174
|
-
])) :
|
|
175
|
-
])) :
|
|
176
|
-
], 512)) :
|
|
161
|
+
c.value ? (_(), m("section", X, [
|
|
162
|
+
h.value ? (_(), m("div", Y, [
|
|
163
|
+
b(t.$slots, "free-slot", {}, void 0, !0)
|
|
164
|
+
])) : g("", !0),
|
|
165
|
+
v.value ? (_(), m("div", ee, [
|
|
166
|
+
l("button", {
|
|
167
|
+
class: C([r.value === "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
|
|
168
|
+
onClick: a[0] || (a[0] = () => u("horizontal"))
|
|
169
|
+
}, oe, 2),
|
|
170
|
+
l("button", {
|
|
171
|
+
class: C([r.value !== "Vertical" ? "bg-green-500" : "", "btn_select_widget_lib"]),
|
|
172
|
+
onClick: a[1] || (a[1] = () => u("vertical"))
|
|
173
|
+
}, ne, 2)
|
|
174
|
+
])) : g("", !0)
|
|
175
|
+
])) : g("", !0)
|
|
176
|
+
], 512)) : g("", !0);
|
|
177
177
|
}
|
|
178
|
-
}, P = /* @__PURE__ */
|
|
179
|
-
|
|
180
|
-
|
|
178
|
+
}, P = /* @__PURE__ */ j(le, [["__scopeId", "data-v-a8f8c201"]]), B = (e) => (E("data-v-4c81a5bf"), e = e(), I(), e), ie = {
|
|
179
|
+
key: 0,
|
|
180
|
+
class: "modal_head_lib"
|
|
181
|
+
}, ce = /* @__PURE__ */ B(() => /* @__PURE__ */ l("div", { class: "modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70" }, null, -1)), ae = { class: "modal_responsive_lib" }, re = { class: "flex min-h-full items-center justify-center text-center sm:p-0" }, de = { class: "modal_size_lib lg:w-2/6" }, ue = { class: "modal_background_lib" }, pe = { class: "modal_tittle_lib text-current" }, fe = /* @__PURE__ */ B(() => /* @__PURE__ */ l("svg", {
|
|
182
|
+
class: "h-5 w-5",
|
|
183
|
+
fill: "currentColor",
|
|
184
|
+
viewBox: "0 0 20 20",
|
|
185
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
186
|
+
}, [
|
|
187
|
+
/* @__PURE__ */ l("path", {
|
|
188
|
+
"fill-rule": "evenodd",
|
|
189
|
+
d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
|
|
190
|
+
"clip-rule": "evenodd"
|
|
191
|
+
})
|
|
192
|
+
], -1)), _e = [
|
|
193
|
+
fe
|
|
194
|
+
], me = { class: "p-4" }, ve = { class: "w-full" }, he = { class: "block" }, ge = { class: "modal_end_button_lib sm" }, we = {
|
|
195
|
+
__name: "simple_modal",
|
|
196
|
+
props: {
|
|
197
|
+
isOpen: Boolean,
|
|
198
|
+
default: !1
|
|
199
|
+
},
|
|
200
|
+
emits: ["update:isOpen"],
|
|
201
|
+
setup(e, { emit: i }) {
|
|
202
|
+
const n = e, s = i, c = () => {
|
|
203
|
+
s("update:isOpen", !n.isOpen);
|
|
204
|
+
};
|
|
205
|
+
return (r, p) => e.isOpen ? (_(), m("div", ie, [
|
|
206
|
+
ce,
|
|
207
|
+
l("div", ae, [
|
|
208
|
+
l("div", re, [
|
|
209
|
+
l("div", de, [
|
|
210
|
+
l("div", ue, [
|
|
211
|
+
l("div", pe, [
|
|
212
|
+
b(r.$slots, "header", {}, void 0, !0),
|
|
213
|
+
l("button", {
|
|
214
|
+
onClick: c,
|
|
215
|
+
class: "modal_close_button_lib",
|
|
216
|
+
"data-modal-toggle": "editUserModal"
|
|
217
|
+
}, _e)
|
|
218
|
+
]),
|
|
219
|
+
l("div", me, [
|
|
220
|
+
l("div", ve, [
|
|
221
|
+
l("label", he, [
|
|
222
|
+
b(r.$slots, "body", {}, void 0, !0)
|
|
223
|
+
])
|
|
224
|
+
])
|
|
225
|
+
]),
|
|
226
|
+
l("div", ge, [
|
|
227
|
+
b(r.$slots, "footer", {}, void 0, !0)
|
|
228
|
+
])
|
|
229
|
+
])
|
|
230
|
+
])
|
|
231
|
+
])
|
|
232
|
+
])
|
|
233
|
+
])) : g("", !0);
|
|
234
|
+
}
|
|
235
|
+
}, V = /* @__PURE__ */ j(we, [["__scopeId", "data-v-4c81a5bf"]]);
|
|
236
|
+
function be(e) {
|
|
237
|
+
e.component("primarySelect", P), e.component("simpleModal", V);
|
|
181
238
|
}
|
|
182
|
-
const
|
|
183
|
-
install:
|
|
184
|
-
primarySelect: P
|
|
239
|
+
const Se = {
|
|
240
|
+
install: be,
|
|
241
|
+
primarySelect: P,
|
|
242
|
+
simpleModal: V
|
|
185
243
|
};
|
|
186
244
|
export {
|
|
187
|
-
|
|
245
|
+
Se as default
|
|
188
246
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,
|
|
1
|
+
(function(e,_){typeof exports=="object"&&typeof module<"u"?module.exports=_(require("vue")):typeof define=="function"&&define.amd?define(["vue"],_):(e=typeof globalThis<"u"?globalThis:e||self,e["sm-click-library-ui"]=_(e.Vue))})(this,function(e){"use strict";function _(t){return e.getCurrentScope()?(e.onScopeDispose(t),!0):!1}function E(t){return typeof t=="function"?t():e.unref(t)}const k=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const B=Object.prototype.toString,O=t=>B.call(t)==="[object Object]",w=()=>{},A=I();function I(){var t,c;return k&&((t=window==null?void 0:window.navigator)==null?void 0:t.userAgent)&&(/iP(?:ad|hone|od)/.test(window.navigator.userAgent)||((c=window==null?void 0:window.navigator)==null?void 0:c.maxTouchPoints)>2&&/iPad|Macintosh/.test(window==null?void 0:window.navigator.userAgent))}function h(t){var c;const s=E(t);return(c=s==null?void 0:s.$el)!=null?c:s}const S=k?window:void 0;function b(...t){let c,s,l,i;if(typeof t[0]=="string"||Array.isArray(t[0])?([s,l,i]=t,c=S):[c,s,l,i]=t,!c)return w;Array.isArray(s)||(s=[s]),Array.isArray(l)||(l=[l]);const a=[],p=()=>{a.forEach(d=>d()),a.length=0},f=(d,m,n,o)=>(d.addEventListener(m,n,o),()=>d.removeEventListener(m,n,o)),u=e.watch(()=>[h(c),E(i)],([d,m])=>{if(p(),!d)return;const n=O(m)?{...m}:m;a.push(...s.flatMap(o=>l.map(r=>f(d,o,r,n))))},{immediate:!0,flush:"post"}),g=()=>{u(),p()};return _(g),g}let V=!1;function z(t,c,s={}){const{window:l=S,ignore:i=[],capture:a=!0,detectIframe:p=!1}=s;if(!l)return w;A&&!V&&(V=!0,Array.from(l.document.body.children).forEach(n=>n.addEventListener("click",w)),l.document.documentElement.addEventListener("click",w));let f=!0;const u=n=>i.some(o=>{if(typeof o=="string")return Array.from(l.document.querySelectorAll(o)).some(r=>r===n.target||n.composedPath().includes(r));{const r=h(o);return r&&(n.target===r||n.composedPath().includes(r))}}),d=[b(l,"click",n=>{const o=h(t);if(!(!o||o===n.target||n.composedPath().includes(o))){if(n.detail===0&&(f=!u(n)),!f){f=!0;return}c(n)}},{passive:!0,capture:a}),b(l,"pointerdown",n=>{const o=h(t);f=!u(n)&&!!(o&&!n.composedPath().includes(o))},{passive:!0}),p&&b(l,"blur",n=>{setTimeout(()=>{var o;const r=h(t);((o=l.document.activeElement)==null?void 0:o.tagName)==="IFRAME"&&!(r!=null&&r.contains(l.document.activeElement))&&c(n)},0)})].filter(Boolean);return()=>d.forEach(n=>n())}const C=(t,c)=>{const s=t.__vccOpts||t;for(const[l,i]of c)s[l]=i;return s},y=t=>(e.pushScopeId("data-v-a8f8c201"),t=t(),e.popScopeId(),t),L={key:0,class:"line-clamp-2 uppercase text-xs truncate text-white"},M={key:1,class:"line-clamp-2 uppercase text-xs truncate text-white"},j=[y(()=>e.createElementVNode("path",{"fill-rule":"evenodd",d:"M18.4 10.3A2 2 0 0 0 17 7H7a2 2 0 0 0-1.5 3.3l4.9 5.9a2 2 0 0 0 3 0l5-6Z","clip-rule":"evenodd"},null,-1))],v={key:0,class:"select_widget_lib"},P={key:0},F={key:1,class:"space-y-2"},T=[y(()=>e.createElementVNode("p",{class:"line-clamp-2 uppercase text-xs truncate"},"Vertical",-1))],W=[y(()=>e.createElementVNode("p",{class:"line-clamp-2 uppercase text-xs truncate"},"Horizontal",-1))],N=C({__name:"primary_select",props:{titleFreeSlot:{type:String,default:"Free Slot"},selectConfig:{type:Object,default:()=>({chartsConfig:!1,freeSlot:!1})}},emits:["closeSelect"],setup(t,{emit:c}){const s=t,l=c,i=e.ref(!1),a=e.ref("Horizontal"),p=e.ref(null),f=e.computed(()=>s.selectConfig.length>0),u=e.computed(()=>s.selectConfig.some(o=>o.chartsConfig)),g=e.computed(()=>s.selectConfig.some(o=>o.freeSlot)),d=()=>{i.value=!i.value},m=o=>{i.value=!1,a.value=o==="horizontal"?"Vertical":"Horizontal",l("closeSelect",o)};return z(p,()=>{i.value&&(i.value=!1)}),(o,r)=>f.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"target",ref:p,class:"relative w-full"},[e.createElementVNode("button",{onClick:d,class:"bg-base-100 z-10 truncate flex items-center justify-between gap-6 p-2 rounded-md lg:mt-0 w-full shadow-md shadow-base-300"},[e.createElementVNode("div",null,[u.value?(e.openBlock(),e.createElementBlock("p",L,e.toDisplayString(a.value),1)):(e.openBlock(),e.createElementBlock("p",M,e.toDisplayString(t.titleFreeSlot),1))]),e.createElementVNode("div",null,[(e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass([i.value?"rotate-180 transition-transform ease-in-out":"","w-3 h-3 text-white"]),xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 24 24"},j,2))])]),i.value?(e.openBlock(),e.createElementBlock("section",v,[g.value?(e.openBlock(),e.createElementBlock("div",P,[e.renderSlot(o.$slots,"free-slot",{},void 0,!0)])):e.createCommentVNode("",!0),u.value?(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("button",{class:e.normalizeClass([a.value==="Vertical"?"bg-green-500":"","btn_select_widget_lib"]),onClick:r[0]||(r[0]=()=>m("horizontal"))},T,2),e.createElementVNode("button",{class:e.normalizeClass([a.value!=="Vertical"?"bg-green-500":"","btn_select_widget_lib"]),onClick:r[1]||(r[1]=()=>m("vertical"))},W,2)])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],512)):e.createCommentVNode("",!0)}},[["__scopeId","data-v-a8f8c201"]]),x=t=>(e.pushScopeId("data-v-4c81a5bf"),t=t(),e.popScopeId(),t),D={key:0,class:"modal_head_lib"},H=x(()=>e.createElementVNode("div",{class:"modal-overlay_lib absolute h-full bg-gray-600 w-full opacity-70"},null,-1)),q={class:"modal_responsive_lib"},G={class:"flex min-h-full items-center justify-center text-center sm:p-0"},R={class:"modal_size_lib lg:w-2/6"},U={class:"modal_background_lib"},Z={class:"modal_tittle_lib text-current"},J=[x(()=>e.createElementVNode("svg",{class:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("path",{"fill-rule":"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z","clip-rule":"evenodd"})],-1))],K={class:"p-4"},Q={class:"w-full"},X={class:"block"},Y={class:"modal_end_button_lib sm"},$=C({__name:"simple_modal",props:{isOpen:Boolean,default:!1},emits:["update:isOpen"],setup(t,{emit:c}){const s=t,l=c,i=()=>{l("update:isOpen",!s.isOpen)};return(a,p)=>t.isOpen?(e.openBlock(),e.createElementBlock("div",D,[H,e.createElementVNode("div",q,[e.createElementVNode("div",G,[e.createElementVNode("div",R,[e.createElementVNode("div",U,[e.createElementVNode("div",Z,[e.renderSlot(a.$slots,"header",{},void 0,!0),e.createElementVNode("button",{onClick:i,class:"modal_close_button_lib","data-modal-toggle":"editUserModal"},J)]),e.createElementVNode("div",K,[e.createElementVNode("div",Q,[e.createElementVNode("label",X,[e.renderSlot(a.$slots,"body",{},void 0,!0)])])]),e.createElementVNode("div",Y,[e.renderSlot(a.$slots,"footer",{},void 0,!0)])])])])])])):e.createCommentVNode("",!0)}},[["__scopeId","data-v-4c81a5bf"]]);function ee(t){t.component("primarySelect",N),t.component("simpleModal",$)}return{install:ee,primarySelect:N,simpleModal:$}});
|
package/dist/style.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.btn_select_widget_lib[data-v-a8f8c201]{width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(38 52 61 / var(--tw-bg-opacity));padding:.5rem;--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #111B21;--tw-shadow: var(--tw-shadow-colored) }.btn_select_widget_lib[data-v-a8f8c201]:hover{background-color:#26343d99}.select_widget_lib[data-v-a8f8c201]{position:absolute;z-index:30;margin-top:.5rem;width:100%;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(75 99 116 / var(--tw-bg-opacity));padding:.375rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #111B21;--tw-shadow: var(--tw-shadow-colored) }.modal_head_lib[data-v-4c81a5bf]{position:fixed;top:0;left:0;z-index:50;display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-backdrop-blur: blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);animation:.1s ease-out 0s 1 modalani;transition:opacity .2s ease-in-out}.my_modal_lib[data-v-4c81a5bf]{animation:.1s ease-out 0s 1 modalani;transition:opacity .2s ease-in-out}.modal-overlay_lib[data-v-4c81a5bf]{position:absolute;height:100%;width:100%;--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity));opacity:.2}.modal_responsive_lib[data-v-4c81a5bf]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow-y:auto}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.modal_responsive_lib[data-v-4c81a5bf]{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.modal_responsive_lib[data-v-4c81a5bf]::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}.modal_responsive_lib[data-v-4c81a5bf]{--scrollbar-track: #d1d5db;--scrollbar-thumb: #111827}.modal_size_lib[data-v-4c81a5bf]{z-index:50;width:100%;border-radius:1rem;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: #000;--tw-shadow: var(--tw-shadow-colored)}@media (min-width: 864px){.modal_size_lib[data-v-4c81a5bf]{width:50%}}@media (min-width: 1512px){.modal_size_lib[data-v-4c81a5bf]{width:33.333333%}}.modal_background_lib[data-v-4c81a5bf]{position:relative;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(38 52 61 / var(--tw-bg-opacity));--tw-backdrop-blur: blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.modal_tittle_lib[data-v-4c81a5bf]{display:flex;align-items:center;justify-content:space-between;border-top-left-radius:1rem;border-top-right-radius:1rem;--tw-border-opacity: 1;border-color:rgb(17 27 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(17 27 33 / var(--tw-bg-opacity));padding:.75rem;text-transform:uppercase;color:currentColor}.modal_end_button_lib[data-v-4c81a5bf]{display:flex;justify-content:flex-end}.modal_end_button_lib[data-v-4c81a5bf]>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.modal_end_button_lib[data-v-4c81a5bf]{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;--tw-border-opacity: 1;border-color:rgb(17 27 33 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(17 27 33 / var(--tw-bg-opacity));padding:.5rem}.modal_close_button_lib[data-v-4c81a5bf]{margin-left:auto;display:inline-flex;align-items:center;border-radius:.5rem;background-color:#26343d66;padding:.375rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transition-duration:.3s}.modal_close_button_lib[data-v-4c81a5bf]:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(75 99 116 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}
|
|
@@ -635,6 +635,10 @@ video {
|
|
|
635
635
|
border-top-left-radius: 1rem;
|
|
636
636
|
border-top-right-radius: 1rem;
|
|
637
637
|
}
|
|
638
|
+
.border-base-300 {
|
|
639
|
+
--tw-border-opacity: 1;
|
|
640
|
+
border-color: rgb(17 27 33 / var(--tw-border-opacity));
|
|
641
|
+
}
|
|
638
642
|
.bg-base-100 {
|
|
639
643
|
--tw-bg-opacity: 1;
|
|
640
644
|
background-color: rgb(75 99 116 / var(--tw-bg-opacity));
|
|
@@ -643,6 +647,13 @@ video {
|
|
|
643
647
|
--tw-bg-opacity: 1;
|
|
644
648
|
background-color: rgb(38 52 61 / var(--tw-bg-opacity));
|
|
645
649
|
}
|
|
650
|
+
.bg-base-200\/40 {
|
|
651
|
+
background-color: rgb(38 52 61 / 0.4);
|
|
652
|
+
}
|
|
653
|
+
.bg-base-300 {
|
|
654
|
+
--tw-bg-opacity: 1;
|
|
655
|
+
background-color: rgb(17 27 33 / var(--tw-bg-opacity));
|
|
656
|
+
}
|
|
646
657
|
.bg-black {
|
|
647
658
|
--tw-bg-opacity: 1;
|
|
648
659
|
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
@@ -796,6 +807,22 @@ video {
|
|
|
796
807
|
--tw-scale-y: 1.05;
|
|
797
808
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
798
809
|
}
|
|
810
|
+
.hover\:bg-base-100:hover {
|
|
811
|
+
--tw-bg-opacity: 1;
|
|
812
|
+
background-color: rgb(75 99 116 / var(--tw-bg-opacity));
|
|
813
|
+
}
|
|
814
|
+
@media (min-width: 640px) {
|
|
815
|
+
|
|
816
|
+
.sm\:p-0 {
|
|
817
|
+
padding: 0px;
|
|
818
|
+
}
|
|
819
|
+
}
|
|
820
|
+
@media (min-width: 864px) {
|
|
821
|
+
|
|
822
|
+
.md\:w-1\/2 {
|
|
823
|
+
width: 50%;
|
|
824
|
+
}
|
|
825
|
+
}
|
|
799
826
|
@media (min-width: 1280px) {
|
|
800
827
|
|
|
801
828
|
.lg\:mt-0 {
|
|
@@ -806,4 +833,10 @@ video {
|
|
|
806
833
|
width: 33.333333%;
|
|
807
834
|
}
|
|
808
835
|
}
|
|
836
|
+
@media (min-width: 1512px) {
|
|
837
|
+
|
|
838
|
+
.xl\:w-1\/3 {
|
|
839
|
+
width: 33.333333%;
|
|
840
|
+
}
|
|
841
|
+
}
|
|
809
842
|
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
7
|
-
"version": "0.0.
|
|
7
|
+
"version": "0.0.22",
|
|
8
8
|
"main": "dist/sm-click-library-ui.es.js",
|
|
9
9
|
"module": "dist/sm-click-library-ui.umd.js",
|
|
10
10
|
"private": false,
|
|
@@ -16,11 +16,23 @@
|
|
|
16
16
|
"vue": "^3.4.29"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
|
+
"@chromatic-com/storybook": "1.6.1",
|
|
20
|
+
"@storybook/addon-essentials": "^8.2.3",
|
|
21
|
+
"@storybook/addon-interactions": "^8.2.3",
|
|
22
|
+
"@storybook/addon-links": "^8.2.3",
|
|
23
|
+
"@storybook/addon-onboarding": "^8.2.3",
|
|
24
|
+
"@storybook/addon-themes": "8.2.3",
|
|
25
|
+
"@storybook/blocks": "^8.2.3",
|
|
26
|
+
"@storybook/test": "^8.2.3",
|
|
27
|
+
"@storybook/vue3": "^8.2.3",
|
|
28
|
+
"@storybook/vue3-vite": "^8.2.3",
|
|
19
29
|
"@vitejs/plugin-vue": "^5.0.5",
|
|
20
30
|
"autoprefixer": "^10.4.19",
|
|
21
31
|
"postcss": "^8.4.39",
|
|
22
32
|
"postcss-cli": "^11.0.0",
|
|
23
33
|
"rollup-plugin-css-only": "^4.5.2",
|
|
34
|
+
"storybook": "^8.2.3",
|
|
35
|
+
"storybook-dark-mode": "^4.0.2",
|
|
24
36
|
"tailwindcss": "^3.4.4",
|
|
25
37
|
"vite": "^5.3.1"
|
|
26
38
|
},
|
|
@@ -28,7 +40,9 @@
|
|
|
28
40
|
"dev": "vite",
|
|
29
41
|
"build": "pnpm run build:lib && pnpm run build:style",
|
|
30
42
|
"build:lib": "vite build",
|
|
31
|
-
"build:style": "postcss src/styles/
|
|
32
|
-
"preview": "vite preview"
|
|
43
|
+
"build:style": "postcss src/styles/tailwind.css -o dist/tailwind.css",
|
|
44
|
+
"preview": "vite preview",
|
|
45
|
+
"storybook": "storybook dev -p 6006",
|
|
46
|
+
"build-storybook": "storybook build"
|
|
33
47
|
}
|
|
34
48
|
}
|