@nightshadeui/core 2.0.1 → 2.0.2
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.
- package/dist/core.mjs +149 -135
- package/dist/index.d.ts +14 -0
- package/package.json +1 -1
package/dist/core.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { createBlock as p, openBlock as u, resolveDynamicComponent as g, normalizeClass as y, withCtx as b, renderSlot as r, createElementBlock as d, createCommentVNode as c, toDisplayString as h, resolveComponent as m, createVNode as k, createElementVNode as v, Fragment as
|
|
1
|
+
import { createBlock as p, openBlock as u, resolveDynamicComponent as g, normalizeClass as y, withCtx as b, renderSlot as r, createElementBlock as d, createCommentVNode as c, toDisplayString as h, resolveComponent as m, createVNode as k, createElementVNode as v, Fragment as O, mergeProps as I } from "vue";
|
|
2
2
|
const f = (t, n) => {
|
|
3
3
|
const e = t.__vccOpts || t;
|
|
4
|
-
for (const [i,
|
|
5
|
-
e[i] =
|
|
4
|
+
for (const [i, l] of n)
|
|
5
|
+
e[i] = l;
|
|
6
6
|
return e;
|
|
7
|
-
},
|
|
7
|
+
}, V = {
|
|
8
8
|
props: {
|
|
9
9
|
tagName: { type: String, default: "button" },
|
|
10
10
|
href: { type: String },
|
|
@@ -55,77 +55,77 @@ const f = (t, n) => {
|
|
|
55
55
|
hoverOverrides: n = {},
|
|
56
56
|
activeOverrides: e = {},
|
|
57
57
|
focusOverrides: i = {},
|
|
58
|
-
active:
|
|
59
|
-
hover:
|
|
58
|
+
active: l,
|
|
59
|
+
hover: o,
|
|
60
60
|
focus: s,
|
|
61
61
|
forceActive: a,
|
|
62
|
-
forceHover:
|
|
63
|
-
forceFocus:
|
|
62
|
+
forceHover: B,
|
|
63
|
+
forceFocus: T
|
|
64
64
|
} = this, S = Object.assign({}, t);
|
|
65
|
-
return (
|
|
65
|
+
return (l || a) && Object.assign(S, e), (o || B) && Object.assign(S, n), (s || T) && Object.assign(S, i), S;
|
|
66
66
|
}
|
|
67
67
|
},
|
|
68
68
|
methods: {
|
|
69
69
|
// TODO add debounce
|
|
70
70
|
}
|
|
71
|
-
},
|
|
71
|
+
}, $ = {
|
|
72
72
|
key: 0,
|
|
73
73
|
class: "Label"
|
|
74
74
|
};
|
|
75
|
-
function
|
|
75
|
+
function C(t, n, e, i, l, o) {
|
|
76
76
|
return u(), p(g(e.tagName), {
|
|
77
77
|
ref: "button",
|
|
78
78
|
class: y(["Btn InputElement", [
|
|
79
|
-
`Btn-${
|
|
80
|
-
`Btn-${
|
|
81
|
-
`input-kind-${
|
|
79
|
+
`Btn-${o.effectiveStyle.size}`,
|
|
80
|
+
`Btn-${o.effectiveStyle.kind}`,
|
|
81
|
+
`input-kind-${o.effectiveStyle.kind}`,
|
|
82
82
|
`Btn-iconPos-${e.iconPos}`,
|
|
83
83
|
{
|
|
84
|
-
"Btn-ghost":
|
|
85
|
-
"Btn-round":
|
|
86
|
-
"Btn-outline":
|
|
87
|
-
"Btn-flat":
|
|
88
|
-
"Btn-shadow":
|
|
84
|
+
"Btn-ghost": o.effectiveStyle.ghost,
|
|
85
|
+
"Btn-round": o.effectiveStyle.round,
|
|
86
|
+
"Btn-outline": o.effectiveStyle.outline,
|
|
87
|
+
"Btn-flat": o.effectiveStyle.flat,
|
|
88
|
+
"Btn-shadow": o.effectiveStyle.shadow,
|
|
89
89
|
"Btn-square": e.square,
|
|
90
90
|
"Btn-block": e.block,
|
|
91
|
-
"Btn-disabled": e.disabled ||
|
|
91
|
+
"Btn-disabled": e.disabled || l.blocked,
|
|
92
92
|
"Btn-force-focus": e.forceFocus,
|
|
93
93
|
"Btn-force-hover": e.forceHover,
|
|
94
94
|
"Btn-force-active": e.forceActive
|
|
95
95
|
}
|
|
96
96
|
]]),
|
|
97
|
-
disabled: e.disabled ||
|
|
97
|
+
disabled: e.disabled || l.blocked,
|
|
98
98
|
title: e.title ?? e.label,
|
|
99
99
|
href: e.href,
|
|
100
|
-
onMouseenter: n[0] || (n[0] = (s) =>
|
|
101
|
-
onMouseleave: n[1] || (n[1] = (s) =>
|
|
102
|
-
onMousedown: n[2] || (n[2] = (s) =>
|
|
103
|
-
onMouseup: n[3] || (n[3] = (s) =>
|
|
104
|
-
onMouseout: n[4] || (n[4] = (s) =>
|
|
105
|
-
onFocusin: n[5] || (n[5] = (s) =>
|
|
106
|
-
onFocusout: n[6] || (n[6] = (s) =>
|
|
100
|
+
onMouseenter: n[0] || (n[0] = (s) => l.hover = !0),
|
|
101
|
+
onMouseleave: n[1] || (n[1] = (s) => l.hover = !1),
|
|
102
|
+
onMousedown: n[2] || (n[2] = (s) => l.active = !0),
|
|
103
|
+
onMouseup: n[3] || (n[3] = (s) => l.active = !1),
|
|
104
|
+
onMouseout: n[4] || (n[4] = (s) => l.active = !1),
|
|
105
|
+
onFocusin: n[5] || (n[5] = (s) => l.focus = !0),
|
|
106
|
+
onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
|
|
107
107
|
}, {
|
|
108
108
|
default: b(() => [
|
|
109
109
|
r(t.$slots, "icon", {
|
|
110
|
-
hover:
|
|
111
|
-
blocked:
|
|
110
|
+
hover: l.hover,
|
|
111
|
+
blocked: l.blocked
|
|
112
112
|
}, () => [
|
|
113
113
|
e.icon ? (u(), d("i", {
|
|
114
114
|
key: 0,
|
|
115
115
|
class: y([e.icon, "Icon"])
|
|
116
116
|
}, null, 2)) : c("", !0)
|
|
117
117
|
], !0),
|
|
118
|
-
e.label ? (u(), d("span",
|
|
118
|
+
e.label ? (u(), d("span", $, h(e.label), 1)) : c("", !0),
|
|
119
119
|
r(t.$slots, "default", {
|
|
120
|
-
hover:
|
|
121
|
-
active:
|
|
122
|
-
blocked:
|
|
120
|
+
hover: l.hover,
|
|
121
|
+
active: l.active,
|
|
122
|
+
blocked: l.blocked
|
|
123
123
|
}, void 0, !0)
|
|
124
124
|
]),
|
|
125
125
|
_: 3
|
|
126
126
|
}, 40, ["class", "disabled", "title", "href"]);
|
|
127
127
|
}
|
|
128
|
-
const
|
|
128
|
+
const j = /* @__PURE__ */ f(V, [["render", C], ["__scopeId", "data-v-b5c1c5d3"]]), F = {
|
|
129
129
|
props: {
|
|
130
130
|
tagName: { type: String, default: "div" },
|
|
131
131
|
align: { type: String, default: "center" },
|
|
@@ -134,7 +134,7 @@ const ce = /* @__PURE__ */ f(O, [["render", $], ["__scopeId", "data-v-b5c1c5d3"]
|
|
|
134
134
|
wrap: { type: Boolean, default: !1 }
|
|
135
135
|
}
|
|
136
136
|
};
|
|
137
|
-
function
|
|
137
|
+
function H(t, n, e, i, l, o) {
|
|
138
138
|
return u(), p(g(e.tagName), {
|
|
139
139
|
class: y(["HGroup", [
|
|
140
140
|
`HGroup-align-${e.align}`,
|
|
@@ -151,7 +151,7 @@ function C(t, n, e, i, o, l) {
|
|
|
151
151
|
_: 3
|
|
152
152
|
}, 8, ["class"]);
|
|
153
153
|
}
|
|
154
|
-
const
|
|
154
|
+
const z = /* @__PURE__ */ f(F, [["render", H], ["__scopeId", "data-v-73c7b415"]]), N = {
|
|
155
155
|
props: {
|
|
156
156
|
dir: { type: String, default: "top" },
|
|
157
157
|
label: { type: String }
|
|
@@ -161,13 +161,13 @@ const pe = /* @__PURE__ */ f(j, [["render", C], ["__scopeId", "data-v-73c7b415"]
|
|
|
161
161
|
return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
|
-
},
|
|
165
|
-
function
|
|
164
|
+
}, x = { class: "Content" }, M = ["title"];
|
|
165
|
+
function G(t, n, e, i, l, o) {
|
|
166
166
|
const s = m("TabCap");
|
|
167
167
|
return u(), d("div", {
|
|
168
168
|
class: y(["Tab", [
|
|
169
169
|
`Tab-${e.dir}`,
|
|
170
|
-
`Tab-${
|
|
170
|
+
`Tab-${o.orientation}`
|
|
171
171
|
]])
|
|
172
172
|
}, [
|
|
173
173
|
k(s, {
|
|
@@ -175,13 +175,13 @@ function N(t, n, e, i, o, l) {
|
|
|
175
175
|
dir: e.dir,
|
|
176
176
|
type: "start"
|
|
177
177
|
}, null, 8, ["dir"]),
|
|
178
|
-
v("div",
|
|
178
|
+
v("div", x, [
|
|
179
179
|
r(t.$slots, "default", {}, () => [
|
|
180
180
|
e.label ? (u(), d("div", {
|
|
181
181
|
key: 0,
|
|
182
182
|
class: "TabLabel",
|
|
183
183
|
title: e.label
|
|
184
|
-
}, h(e.label), 9,
|
|
184
|
+
}, h(e.label), 9, M)) : c("", !0)
|
|
185
185
|
], !0)
|
|
186
186
|
]),
|
|
187
187
|
k(s, {
|
|
@@ -191,9 +191,9 @@ function N(t, n, e, i, o, l) {
|
|
|
191
191
|
}, null, 8, ["dir"])
|
|
192
192
|
], 2);
|
|
193
193
|
}
|
|
194
|
-
const
|
|
194
|
+
const w = /* @__PURE__ */ f(N, [["render", G], ["__scopeId", "data-v-525c42ae"]]), L = {
|
|
195
195
|
components: {
|
|
196
|
-
Tab:
|
|
196
|
+
Tab: w
|
|
197
197
|
},
|
|
198
198
|
props: {
|
|
199
199
|
tagName: { default: "label" },
|
|
@@ -232,64 +232,64 @@ const x = /* @__PURE__ */ f(F, [["render", N], ["__scopeId", "data-v-525c42ae"]]
|
|
|
232
232
|
hoverOverrides: n = {},
|
|
233
233
|
focusOverrides: e = {},
|
|
234
234
|
hover: i,
|
|
235
|
-
focus:
|
|
236
|
-
forceHover:
|
|
235
|
+
focus: l,
|
|
236
|
+
forceHover: o,
|
|
237
237
|
forceFocus: s
|
|
238
238
|
} = this, a = Object.assign({}, t);
|
|
239
|
-
return (i ||
|
|
239
|
+
return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
|
-
},
|
|
242
|
+
}, A = {
|
|
243
243
|
key: 1,
|
|
244
244
|
class: "Label TextLabel"
|
|
245
|
-
},
|
|
245
|
+
}, D = {
|
|
246
246
|
key: 2,
|
|
247
247
|
class: "Label InlineLabel"
|
|
248
|
-
},
|
|
249
|
-
function
|
|
248
|
+
}, E = { class: "InputElement Container" };
|
|
249
|
+
function P(t, n, e, i, l, o) {
|
|
250
250
|
const s = m("Tab");
|
|
251
251
|
return u(), p(g(e.tagName), {
|
|
252
252
|
class: y(["InputBase", [
|
|
253
|
-
`InputBase-${
|
|
254
|
-
`input-kind-${
|
|
255
|
-
`InputBase-${
|
|
253
|
+
`InputBase-${o.effectiveStyle.kind}`,
|
|
254
|
+
`input-kind-${o.effectiveStyle.kind}`,
|
|
255
|
+
`InputBase-${o.effectiveStyle.size}`,
|
|
256
256
|
{
|
|
257
257
|
"InputBase-fixed-height": e.fixedHeight,
|
|
258
|
-
"InputBase-shadow":
|
|
259
|
-
"InputBase-round":
|
|
258
|
+
"InputBase-shadow": o.effectiveStyle.shadow,
|
|
259
|
+
"InputBase-round": o.effectiveStyle.round,
|
|
260
260
|
"InputBase-disabled": e.disabled,
|
|
261
261
|
"InputBase-force-focus": e.forceFocus,
|
|
262
262
|
"InputBase-force-hover": e.forceHover
|
|
263
263
|
}
|
|
264
264
|
]]),
|
|
265
|
-
onMouseenter: n[0] || (n[0] = (a) =>
|
|
266
|
-
onMouseleave: n[1] || (n[1] = (a) =>
|
|
267
|
-
onFocusin: n[2] || (n[2] = (a) =>
|
|
268
|
-
onFocusout: n[3] || (n[3] = (a) =>
|
|
265
|
+
onMouseenter: n[0] || (n[0] = (a) => l.hover = !0),
|
|
266
|
+
onMouseleave: n[1] || (n[1] = (a) => l.hover = !1),
|
|
267
|
+
onFocusin: n[2] || (n[2] = (a) => l.focus = !0),
|
|
268
|
+
onFocusout: n[3] || (n[3] = (a) => l.focus = !1)
|
|
269
269
|
}, {
|
|
270
270
|
default: b(() => [
|
|
271
|
-
e.label ? (u(), d(
|
|
271
|
+
e.label ? (u(), d(O, { key: 0 }, [
|
|
272
272
|
e.labelStyle === "tab" ? (u(), p(s, {
|
|
273
273
|
key: 0,
|
|
274
274
|
class: "Label TabLabel",
|
|
275
275
|
label: e.label
|
|
276
276
|
}, null, 8, ["label"])) : c("", !0),
|
|
277
|
-
e.labelStyle === "text" ? (u(), d("div",
|
|
278
|
-
e.labelStyle === "inline" ? (u(), d("div",
|
|
277
|
+
e.labelStyle === "text" ? (u(), d("div", A, h(e.label), 1)) : c("", !0),
|
|
278
|
+
e.labelStyle === "inline" ? (u(), d("div", D, h(e.label), 1)) : c("", !0)
|
|
279
279
|
], 64)) : c("", !0),
|
|
280
|
-
v("div",
|
|
280
|
+
v("div", E, [
|
|
281
281
|
r(t.$slots, "default", {}, void 0, !0)
|
|
282
282
|
])
|
|
283
283
|
]),
|
|
284
284
|
_: 3
|
|
285
285
|
}, 40, ["class"]);
|
|
286
286
|
}
|
|
287
|
-
const
|
|
287
|
+
const _ = /* @__PURE__ */ f(L, [["render", P], ["__scopeId", "data-v-223a8b88"]]), q = {
|
|
288
288
|
props: {
|
|
289
289
|
tagName: { type: String, default: "div" }
|
|
290
290
|
}
|
|
291
291
|
};
|
|
292
|
-
function
|
|
292
|
+
function K(t, n, e, i, l, o) {
|
|
293
293
|
return u(), p(g(e.tagName), { class: "InputGroup" }, {
|
|
294
294
|
default: b(() => [
|
|
295
295
|
r(t.$slots, "default", {}, void 0, !0)
|
|
@@ -297,9 +297,9 @@ function P(t, n, e, i, o, l) {
|
|
|
297
297
|
_: 3
|
|
298
298
|
});
|
|
299
299
|
}
|
|
300
|
-
const
|
|
300
|
+
const R = /* @__PURE__ */ f(q, [["render", K], ["__scopeId", "data-v-d218bf44"]]), Y = {
|
|
301
301
|
props: {
|
|
302
|
-
...
|
|
302
|
+
..._.props,
|
|
303
303
|
modelValue: {},
|
|
304
304
|
items: { type: Array, default: () => [] },
|
|
305
305
|
placeholder: { type: String },
|
|
@@ -358,55 +358,55 @@ const ye = /* @__PURE__ */ f(E, [["render", P], ["__scopeId", "data-v-d218bf44"]
|
|
|
358
358
|
this.disabled || (this.menuShown = !0);
|
|
359
359
|
}
|
|
360
360
|
}
|
|
361
|
-
},
|
|
361
|
+
}, J = {
|
|
362
362
|
key: 1,
|
|
363
363
|
class: "Value"
|
|
364
|
-
},
|
|
364
|
+
}, Q = {
|
|
365
365
|
key: 2,
|
|
366
366
|
class: "Placeholder"
|
|
367
|
-
},
|
|
367
|
+
}, U = {
|
|
368
368
|
ref: "icon",
|
|
369
369
|
class: "DropdownIcon"
|
|
370
370
|
};
|
|
371
|
-
function
|
|
371
|
+
function W(t, n, e, i, l, o) {
|
|
372
372
|
const s = m("ContextMenu"), a = m("InputBase");
|
|
373
|
-
return u(), p(a,
|
|
373
|
+
return u(), p(a, I({ class: "InputSelect" }, {
|
|
374
374
|
...t.$props
|
|
375
375
|
}, {
|
|
376
376
|
tabindex: "0",
|
|
377
|
-
onClick: n[1] || (n[1] = (
|
|
377
|
+
onClick: n[1] || (n[1] = (B) => o.show())
|
|
378
378
|
}), {
|
|
379
379
|
default: b(() => [
|
|
380
380
|
r(t.$slots, "before", {}, void 0, !0),
|
|
381
|
-
|
|
381
|
+
o.itemIcon ? (u(), d("i", {
|
|
382
382
|
key: 0,
|
|
383
|
-
class: y(["Icon",
|
|
383
|
+
class: y(["Icon", o.itemIcon])
|
|
384
384
|
}, null, 2)) : c("", !0),
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
v("div",
|
|
385
|
+
o.selectedItem ? (u(), d("span", J, h(o.itemTitle), 1)) : c("", !0),
|
|
386
|
+
o.selectedItem ? c("", !0) : (u(), d("span", Q, h(e.placeholder), 1)),
|
|
387
|
+
v("div", U, [
|
|
388
388
|
r(t.$slots, "iconDropdown", {}, () => [
|
|
389
389
|
v("i", {
|
|
390
|
-
class: y(
|
|
390
|
+
class: y(o.iconDropdown)
|
|
391
391
|
}, null, 2)
|
|
392
392
|
], !0)
|
|
393
393
|
], 512),
|
|
394
|
-
!t.disabled &&
|
|
394
|
+
!t.disabled && l.menuShown ? (u(), p(s, {
|
|
395
395
|
key: 3,
|
|
396
396
|
anchorRef: "icon",
|
|
397
|
-
items:
|
|
397
|
+
items: o.getMenuItems(),
|
|
398
398
|
search: e.search,
|
|
399
399
|
overlayShown: !1,
|
|
400
|
-
onHide: n[0] || (n[0] = (
|
|
400
|
+
onHide: n[0] || (n[0] = (B) => l.menuShown = !1)
|
|
401
401
|
}, null, 8, ["items", "search"])) : c("", !0),
|
|
402
402
|
r(t.$slots, "after", {}, void 0, !0)
|
|
403
403
|
]),
|
|
404
404
|
_: 3
|
|
405
405
|
}, 16);
|
|
406
406
|
}
|
|
407
|
-
const
|
|
407
|
+
const X = /* @__PURE__ */ f(Y, [["render", W], ["__scopeId", "data-v-9fe1f46c"]]), Z = {
|
|
408
408
|
props: {
|
|
409
|
-
...
|
|
409
|
+
..._.props,
|
|
410
410
|
modelValue: { type: [String, Number] },
|
|
411
411
|
type: { type: String },
|
|
412
412
|
placeholder: { type: String },
|
|
@@ -430,10 +430,10 @@ const ve = /* @__PURE__ */ f(q, [["render", J], ["__scopeId", "data-v-9fe1f46c"]
|
|
|
430
430
|
this.$emit("update:modelValue", t.target.value);
|
|
431
431
|
}
|
|
432
432
|
}
|
|
433
|
-
},
|
|
434
|
-
function
|
|
433
|
+
}, ee = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
|
|
434
|
+
function te(t, n, e, i, l, o) {
|
|
435
435
|
const s = m("InputBase");
|
|
436
|
-
return u(), p(s,
|
|
436
|
+
return u(), p(s, I({ class: "InputText" }, {
|
|
437
437
|
...t.$props
|
|
438
438
|
}), {
|
|
439
439
|
default: b(() => [
|
|
@@ -449,18 +449,18 @@ function W(t, n, e, i, o, l) {
|
|
|
449
449
|
max: e.max,
|
|
450
450
|
step: e.step,
|
|
451
451
|
autocomplete: "off",
|
|
452
|
-
onInput: n[0] || (n[0] = (a) =>
|
|
452
|
+
onInput: n[0] || (n[0] = (a) => o.onInput(a)),
|
|
453
453
|
onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
|
|
454
454
|
onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
|
|
455
|
-
}, null, 40,
|
|
455
|
+
}, null, 40, ee),
|
|
456
456
|
r(t.$slots, "after", {}, void 0, !0)
|
|
457
457
|
]),
|
|
458
458
|
_: 3
|
|
459
459
|
}, 16);
|
|
460
460
|
}
|
|
461
|
-
const
|
|
461
|
+
const ne = /* @__PURE__ */ f(Z, [["render", te], ["__scopeId", "data-v-7abebe33"]]), oe = {
|
|
462
462
|
props: {
|
|
463
|
-
...
|
|
463
|
+
..._.props,
|
|
464
464
|
modelValue: { type: String },
|
|
465
465
|
placeholder: { type: String },
|
|
466
466
|
rows: { type: Number },
|
|
@@ -493,10 +493,10 @@ const be = /* @__PURE__ */ f(Q, [["render", W], ["__scopeId", "data-v-7abebe33"]
|
|
|
493
493
|
this.$emit("update:modelValue", t.target.value);
|
|
494
494
|
}
|
|
495
495
|
}
|
|
496
|
-
},
|
|
497
|
-
function
|
|
496
|
+
}, le = ["value", "placeholder", "readonly", "disabled", "rows"];
|
|
497
|
+
function se(t, n, e, i, l, o) {
|
|
498
498
|
const s = m("InputBase");
|
|
499
|
-
return u(), p(s,
|
|
499
|
+
return u(), p(s, I({ class: "InputTextarea" }, {
|
|
500
500
|
...t.$props
|
|
501
501
|
}, { fixedHeight: !1 }), {
|
|
502
502
|
default: b(() => [
|
|
@@ -510,26 +510,26 @@ function ee(t, n, e, i, o, l) {
|
|
|
510
510
|
rows: e.rows,
|
|
511
511
|
resize: "none",
|
|
512
512
|
autocomplete: "off",
|
|
513
|
-
onInput: n[0] || (n[0] = (a) =>
|
|
513
|
+
onInput: n[0] || (n[0] = (a) => o.onInput(a)),
|
|
514
514
|
onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
|
|
515
515
|
onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
|
|
516
|
-
}, null, 40,
|
|
516
|
+
}, null, 40, le),
|
|
517
517
|
r(t.$slots, "after", {}, void 0, !0)
|
|
518
518
|
]),
|
|
519
519
|
_: 3
|
|
520
520
|
}, 16);
|
|
521
521
|
}
|
|
522
|
-
const
|
|
523
|
-
function
|
|
524
|
-
return u(), d("div",
|
|
522
|
+
const ae = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-be132dbe"]]), ue = {}, ie = { class: "Sizer" };
|
|
523
|
+
function re(t, n, e, i, l, o) {
|
|
524
|
+
return u(), d("div", ie);
|
|
525
525
|
}
|
|
526
|
-
const
|
|
526
|
+
const de = /* @__PURE__ */ f(ue, [["render", re], ["__scopeId", "data-v-e490e579"]]), fe = {
|
|
527
527
|
props: {
|
|
528
528
|
dir: { type: String, default: "top" },
|
|
529
529
|
type: { type: String, default: "start" }
|
|
530
530
|
}
|
|
531
531
|
};
|
|
532
|
-
function
|
|
532
|
+
function ce(t, n, e, i, l, o) {
|
|
533
533
|
return u(), d("svg", {
|
|
534
534
|
class: y(["TabCap", [
|
|
535
535
|
`TabCap-${e.dir}`,
|
|
@@ -541,7 +541,7 @@ function se(t, n, e, i, o, l) {
|
|
|
541
541
|
v("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
|
|
542
542
|
])], 2);
|
|
543
543
|
}
|
|
544
|
-
const
|
|
544
|
+
const pe = /* @__PURE__ */ f(fe, [["render", ce], ["__scopeId", "data-v-9344b5a2"]]), ye = {
|
|
545
545
|
props: {
|
|
546
546
|
modelValue: { type: Boolean },
|
|
547
547
|
disabled: { type: Boolean },
|
|
@@ -584,11 +584,11 @@ const ge = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-9344b5a2
|
|
|
584
584
|
hoverOverrides: n = {},
|
|
585
585
|
focusOverrides: e = {},
|
|
586
586
|
hover: i,
|
|
587
|
-
focus:
|
|
588
|
-
forceHover:
|
|
587
|
+
focus: l,
|
|
588
|
+
forceHover: o,
|
|
589
589
|
forceFocus: s
|
|
590
590
|
} = this, a = Object.assign({}, t);
|
|
591
|
-
return (i ||
|
|
591
|
+
return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
|
|
592
592
|
}
|
|
593
593
|
},
|
|
594
594
|
methods: {
|
|
@@ -596,38 +596,38 @@ const ge = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-9344b5a2
|
|
|
596
596
|
this.$emit("update:modelValue", t.target.checked);
|
|
597
597
|
}
|
|
598
598
|
}
|
|
599
|
-
},
|
|
600
|
-
function
|
|
599
|
+
}, ve = ["checked", "disabled"];
|
|
600
|
+
function be(t, n, e, i, l, o) {
|
|
601
601
|
return u(), d("label", {
|
|
602
602
|
class: y(["Toggle InputElement", [
|
|
603
|
-
`Toggle-${
|
|
604
|
-
`input-kind-${
|
|
605
|
-
`Toggle-${
|
|
603
|
+
`Toggle-${o.effectiveStyle.kind}`,
|
|
604
|
+
`input-kind-${o.effectiveStyle.kind}`,
|
|
605
|
+
`Toggle-${o.effectiveStyle.size}`,
|
|
606
606
|
{
|
|
607
607
|
"Toggle-active": !!e.modelValue,
|
|
608
|
-
"Toggle-outline":
|
|
609
|
-
"Toggle-round":
|
|
610
|
-
"Toggle-flat":
|
|
608
|
+
"Toggle-outline": o.effectiveStyle.outline,
|
|
609
|
+
"Toggle-round": o.effectiveStyle.round,
|
|
610
|
+
"Toggle-flat": o.effectiveStyle.flat,
|
|
611
611
|
"Toggle-disabled": e.disabled,
|
|
612
612
|
"Toggle-force-focus": e.forceFocus,
|
|
613
613
|
"Toggle-force-hover": e.forceHover
|
|
614
614
|
}
|
|
615
615
|
]]),
|
|
616
616
|
tabindex: "0",
|
|
617
|
-
onMouseenter: n[1] || (n[1] = (s) =>
|
|
618
|
-
onMouseleave: n[2] || (n[2] = (s) =>
|
|
619
|
-
onFocusin: n[3] || (n[3] = (s) =>
|
|
620
|
-
onFocusout: n[4] || (n[4] = (s) =>
|
|
617
|
+
onMouseenter: n[1] || (n[1] = (s) => l.hover = !0),
|
|
618
|
+
onMouseleave: n[2] || (n[2] = (s) => l.hover = !1),
|
|
619
|
+
onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
|
|
620
|
+
onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
|
|
621
621
|
}, [
|
|
622
622
|
v("input", {
|
|
623
623
|
type: "checkbox",
|
|
624
624
|
checked: e.modelValue,
|
|
625
625
|
disabled: e.disabled,
|
|
626
|
-
onChange: n[0] || (n[0] = (...s) =>
|
|
627
|
-
}, null, 40,
|
|
626
|
+
onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
|
|
627
|
+
}, null, 40, ve)
|
|
628
628
|
], 34);
|
|
629
629
|
}
|
|
630
|
-
const
|
|
630
|
+
const he = /* @__PURE__ */ f(ye, [["render", be], ["__scopeId", "data-v-6d6e9f0f"]]), me = {
|
|
631
631
|
props: {
|
|
632
632
|
tagName: { type: String, default: "div" },
|
|
633
633
|
align: { type: String, default: "stretch" },
|
|
@@ -635,7 +635,7 @@ const Se = /* @__PURE__ */ f(ae, [["render", ie], ["__scopeId", "data-v-6d6e9f0f
|
|
|
635
635
|
gap: { type: String, default: "m" }
|
|
636
636
|
}
|
|
637
637
|
};
|
|
638
|
-
function
|
|
638
|
+
function ge(t, n, e, i, l, o) {
|
|
639
639
|
return u(), p(g(e.tagName), {
|
|
640
640
|
class: y(["VGroup", [
|
|
641
641
|
`VGroup-align-${e.align}`,
|
|
@@ -649,18 +649,32 @@ function de(t, n, e, i, o, l) {
|
|
|
649
649
|
_: 3
|
|
650
650
|
}, 8, ["class"]);
|
|
651
651
|
}
|
|
652
|
-
const
|
|
652
|
+
const Se = /* @__PURE__ */ f(me, [["render", ge], ["__scopeId", "data-v-fb2289bb"]]), Be = {
|
|
653
|
+
Btn: j,
|
|
654
|
+
HGroup: z,
|
|
655
|
+
InputBase: _,
|
|
656
|
+
InputGroup: R,
|
|
657
|
+
InputSelect: X,
|
|
658
|
+
InputText: ne,
|
|
659
|
+
InputTextarea: ae,
|
|
660
|
+
Sizer: de,
|
|
661
|
+
Tab: w,
|
|
662
|
+
TabCap: pe,
|
|
663
|
+
Toggle: he,
|
|
664
|
+
VGroup: Se
|
|
665
|
+
};
|
|
653
666
|
export {
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
667
|
+
j as Btn,
|
|
668
|
+
z as HGroup,
|
|
669
|
+
_ as InputBase,
|
|
670
|
+
R as InputGroup,
|
|
671
|
+
X as InputSelect,
|
|
672
|
+
ne as InputText,
|
|
673
|
+
ae as InputTextarea,
|
|
674
|
+
de as Sizer,
|
|
675
|
+
w as Tab,
|
|
676
|
+
pe as TabCap,
|
|
677
|
+
he as Toggle,
|
|
678
|
+
Se as VGroup,
|
|
679
|
+
Be as coreComponents
|
|
666
680
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -11,3 +11,17 @@ import { default as TabCap } from './TabCap.vue';
|
|
|
11
11
|
import { default as Toggle } from './Toggle.vue';
|
|
12
12
|
import { default as VGroup } from './VGroup.vue';
|
|
13
13
|
export { Btn, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, Sizer, Tab, TabCap, Toggle, VGroup, };
|
|
14
|
+
export declare const coreComponents: {
|
|
15
|
+
Btn: any;
|
|
16
|
+
HGroup: any;
|
|
17
|
+
InputBase: any;
|
|
18
|
+
InputGroup: any;
|
|
19
|
+
InputSelect: any;
|
|
20
|
+
InputText: any;
|
|
21
|
+
InputTextarea: any;
|
|
22
|
+
Sizer: any;
|
|
23
|
+
Tab: any;
|
|
24
|
+
TabCap: any;
|
|
25
|
+
Toggle: any;
|
|
26
|
+
VGroup: any;
|
|
27
|
+
};
|