gurunkit 0.1.2 → 0.2.0
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/gurun-kit.js +240 -92
- package/dist/gurun-kit.umd.cjs +1 -1
- package/package.json +1 -1
package/dist/gurun-kit.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Transition as e, createElementBlock as t, createElementVNode as n, h as r, openBlock as i, useId as a } from "vue";
|
|
2
2
|
//#region src/components/button/button.ts
|
|
3
|
-
var
|
|
3
|
+
var o = {
|
|
4
4
|
base: "font-medium cursor-pointer inline-flex items-center justify-center",
|
|
5
5
|
colors: {
|
|
6
6
|
primary: "bg-blue-600 text-white hover:bg-blue-700",
|
|
@@ -14,19 +14,19 @@ var n = {
|
|
|
14
14
|
md: "h-10 px-4 rounded-md",
|
|
15
15
|
lg: "h-12 px-6 rounded-md text-lg"
|
|
16
16
|
}
|
|
17
|
-
},
|
|
18
|
-
let { class:
|
|
19
|
-
return e
|
|
17
|
+
}, s = (e, t) => {
|
|
18
|
+
let { class: n, ...i } = t.attrs;
|
|
19
|
+
return r(e.tag ?? "button", {
|
|
20
20
|
class: [
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
n,
|
|
22
|
+
o.base,
|
|
23
|
+
o.colors[e.color ?? "primary"],
|
|
24
|
+
o.sizes[e.size ?? "md"]
|
|
25
25
|
],
|
|
26
|
-
...
|
|
27
|
-
}, { default:
|
|
26
|
+
...i
|
|
27
|
+
}, { default: t.slots.default });
|
|
28
28
|
};
|
|
29
|
-
|
|
29
|
+
s.props = {
|
|
30
30
|
color: {
|
|
31
31
|
type: String,
|
|
32
32
|
default: "primary"
|
|
@@ -42,38 +42,73 @@ r.props = {
|
|
|
42
42
|
};
|
|
43
43
|
//#endregion
|
|
44
44
|
//#region src/components/input/input.ts
|
|
45
|
-
var
|
|
46
|
-
base: "border
|
|
47
|
-
file: "pl-0",
|
|
45
|
+
var c = {
|
|
46
|
+
base: "border focus:outline-1",
|
|
47
|
+
file: "pl-0 file:bg-gray-100 file:h-full file:text-gray-900 file:border-r dark:file:bg-gray-700 dark:file:text-white",
|
|
48
48
|
colors: {
|
|
49
|
-
primary:
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
primary: {
|
|
50
|
+
base: "bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300",
|
|
51
|
+
file: "file:border-blue-300 focus:file:border-blue-600 dark:file:border-blue-600 dark:focus:file:border-blue-400"
|
|
52
|
+
},
|
|
53
|
+
success: {
|
|
54
|
+
base: "bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300",
|
|
55
|
+
file: "file:border-green-300 focus:file:border-green-600 dark:file:border-green-600 dark:focus:file:border-green-400"
|
|
56
|
+
},
|
|
57
|
+
error: {
|
|
58
|
+
base: "bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300",
|
|
59
|
+
file: "file:border-red-300 focus:file:border-red-600 dark:file:border-red-600 dark:focus:file:border-red-400"
|
|
60
|
+
},
|
|
61
|
+
warning: {
|
|
62
|
+
base: "bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300",
|
|
63
|
+
file: "file:border-yellow-300 focus:file:border-yellow-600 dark:file:border-yellow-600 dark:focus:file:border-yellow-400"
|
|
64
|
+
},
|
|
65
|
+
light: {
|
|
66
|
+
base: "bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300",
|
|
67
|
+
file: "file:border-gray-300 focus:file:border-blue-600 dark:file:border-gray-600 dark:focus:file:border-blue-400"
|
|
68
|
+
}
|
|
54
69
|
},
|
|
55
70
|
sizes: {
|
|
56
|
-
sm:
|
|
57
|
-
|
|
58
|
-
|
|
71
|
+
sm: {
|
|
72
|
+
base: "px-2.5 rounded text-sm",
|
|
73
|
+
input: "h-8",
|
|
74
|
+
textarea: "min-h-8 py-2",
|
|
75
|
+
file: "file:text-sm file:px-2.5 file:mr-2.5"
|
|
76
|
+
},
|
|
77
|
+
md: {
|
|
78
|
+
base: "px-3 rounded-md",
|
|
79
|
+
input: "h-10",
|
|
80
|
+
textarea: "min-h-10 py-2",
|
|
81
|
+
file: "file:px-3 file:mr-3"
|
|
82
|
+
},
|
|
83
|
+
lg: {
|
|
84
|
+
base: "px-4 rounded-md text-lg",
|
|
85
|
+
input: "h-12",
|
|
86
|
+
textarea: "min-h-12 py-3",
|
|
87
|
+
file: "file:text-lg file:px-4 file:mr-4"
|
|
88
|
+
}
|
|
59
89
|
}
|
|
60
|
-
},
|
|
61
|
-
let { class:
|
|
62
|
-
return e
|
|
63
|
-
type:
|
|
90
|
+
}, l = (e, t) => {
|
|
91
|
+
let { class: n, type: i, ...a } = t.attrs;
|
|
92
|
+
return r(e.tag === "textarea" ? "textarea" : "input", {
|
|
93
|
+
type: i,
|
|
64
94
|
class: [
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
95
|
+
n,
|
|
96
|
+
c.base,
|
|
97
|
+
...i === "file" ? [
|
|
98
|
+
c.file,
|
|
99
|
+
c.colors[e.color ?? "light"].file,
|
|
100
|
+
c.sizes[e.size ?? "md"].file
|
|
101
|
+
] : [],
|
|
102
|
+
c.colors[e.color ?? "light"].base,
|
|
103
|
+
c.sizes[e.size ?? "md"].base,
|
|
104
|
+
c.sizes[e.size ?? "md"][e.tag === "textarea" ? "textarea" : "input"]
|
|
70
105
|
],
|
|
71
|
-
...
|
|
72
|
-
value:
|
|
73
|
-
onInput: (e) =>
|
|
106
|
+
...a,
|
|
107
|
+
value: e.modelValue,
|
|
108
|
+
onInput: (e) => t.emit("update:modelValue", e.target.value)
|
|
74
109
|
});
|
|
75
110
|
};
|
|
76
|
-
|
|
111
|
+
l.props = {
|
|
77
112
|
color: {
|
|
78
113
|
type: String,
|
|
79
114
|
default: "light"
|
|
@@ -82,11 +117,15 @@ a.props = {
|
|
|
82
117
|
type: String,
|
|
83
118
|
default: "md"
|
|
84
119
|
},
|
|
85
|
-
modelValue: String
|
|
120
|
+
modelValue: String,
|
|
121
|
+
tag: {
|
|
122
|
+
type: String,
|
|
123
|
+
default: "input"
|
|
124
|
+
}
|
|
86
125
|
};
|
|
87
126
|
//#endregion
|
|
88
127
|
//#region src/components/checkbox/checkbox.ts
|
|
89
|
-
var
|
|
128
|
+
var u = {
|
|
90
129
|
wrapper: "inline-flex items-center gap-2.5",
|
|
91
130
|
label: "font-normal text-gray-900 dark:text-gray-300",
|
|
92
131
|
base: "appearance-none relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:border-white after:-rotate-45 after:absolute",
|
|
@@ -102,28 +141,28 @@ var o = {
|
|
|
102
141
|
md: "size-4 rounded after:w-2.5 after:border-l-2 after:border-b-2 after:h-1.5 after:top-0.75 after:left-0.5",
|
|
103
142
|
lg: "size-6 rounded-md after:w-4 after:border-l-3 after:border-b-3 after:h-2.5 after:top-0.75 after:left-0.75"
|
|
104
143
|
}
|
|
105
|
-
},
|
|
106
|
-
let
|
|
107
|
-
return
|
|
108
|
-
...
|
|
109
|
-
id:
|
|
144
|
+
}, d = (e, t) => {
|
|
145
|
+
let n = e.id || a();
|
|
146
|
+
return r("div", { class: u.wrapper }, [r("input", {
|
|
147
|
+
...t.attrs,
|
|
148
|
+
id: n,
|
|
110
149
|
type: "checkbox",
|
|
111
|
-
checked: Array.isArray(
|
|
150
|
+
checked: Array.isArray(e.modelValue) ? e.modelValue.findIndex((t) => t === e.inputValue) !== -1 : e.modelValue,
|
|
112
151
|
class: [
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
152
|
+
u.base,
|
|
153
|
+
u.colors[e.color ?? "light"],
|
|
154
|
+
u.sizes[e.size ?? "md"]
|
|
116
155
|
],
|
|
117
|
-
onChange: (
|
|
118
|
-
let
|
|
119
|
-
|
|
156
|
+
onChange: (n) => {
|
|
157
|
+
let r = n.target.checked;
|
|
158
|
+
t.emit("update:modelValue", Array.isArray(e.modelValue) ? r ? [...e.modelValue, e.inputValue] : e.modelValue.filter((t) => t !== e.inputValue) : r);
|
|
120
159
|
}
|
|
121
|
-
}),
|
|
122
|
-
class:
|
|
123
|
-
for:
|
|
124
|
-
},
|
|
160
|
+
}), e.label ? r("label", {
|
|
161
|
+
class: u.label,
|
|
162
|
+
for: n
|
|
163
|
+
}, e.label) : null]);
|
|
125
164
|
};
|
|
126
|
-
|
|
165
|
+
d.props = {
|
|
127
166
|
label: String,
|
|
128
167
|
color: {
|
|
129
168
|
type: String,
|
|
@@ -136,10 +175,10 @@ s.props = {
|
|
|
136
175
|
inputValue: String,
|
|
137
176
|
modelValue: [Boolean, Array],
|
|
138
177
|
id: String
|
|
139
|
-
},
|
|
178
|
+
}, d.emits = ["update:modelValue"];
|
|
140
179
|
//#endregion
|
|
141
180
|
//#region src/components/radio/radio.ts
|
|
142
|
-
var
|
|
181
|
+
var f = {
|
|
143
182
|
wrapper: "inline-flex items-center gap-2",
|
|
144
183
|
label: "font-normal text-gray-900 dark:text-gray-300",
|
|
145
184
|
base: "appearance-none rounded-full relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:bg-white after:absolute after:rounded-full after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2",
|
|
@@ -155,27 +194,27 @@ var c = {
|
|
|
155
194
|
md: "size-4 after:size-1.75",
|
|
156
195
|
lg: "size-6 after:size-3"
|
|
157
196
|
}
|
|
158
|
-
},
|
|
159
|
-
let
|
|
160
|
-
return
|
|
161
|
-
...
|
|
162
|
-
id:
|
|
197
|
+
}, p = (e, t) => {
|
|
198
|
+
let n = e.id || a();
|
|
199
|
+
return r("div", { class: f.wrapper }, [r("input", {
|
|
200
|
+
...t.attrs,
|
|
201
|
+
id: n,
|
|
163
202
|
type: "radio",
|
|
164
|
-
checked:
|
|
203
|
+
checked: e.modelValue === e.inputValue,
|
|
165
204
|
class: [
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
205
|
+
f.base,
|
|
206
|
+
f.colors[e.color ?? "light"],
|
|
207
|
+
f.sizes[e.size ?? "md"]
|
|
169
208
|
],
|
|
170
209
|
onChange: () => {
|
|
171
|
-
|
|
210
|
+
t.emit("update:modelValue", e.inputValue);
|
|
172
211
|
}
|
|
173
|
-
}),
|
|
174
|
-
class:
|
|
175
|
-
for:
|
|
176
|
-
},
|
|
212
|
+
}), e.label ? r("label", {
|
|
213
|
+
class: f.label,
|
|
214
|
+
for: n
|
|
215
|
+
}, e.label) : null]);
|
|
177
216
|
};
|
|
178
|
-
|
|
217
|
+
p.props = {
|
|
179
218
|
label: String,
|
|
180
219
|
color: {
|
|
181
220
|
type: String,
|
|
@@ -188,18 +227,18 @@ l.props = {
|
|
|
188
227
|
inputValue: String,
|
|
189
228
|
modelValue: String,
|
|
190
229
|
id: String
|
|
191
|
-
},
|
|
230
|
+
}, p.emits = ["update:modelValue"];
|
|
192
231
|
//#endregion
|
|
193
232
|
//#region src/components/select/select.ts
|
|
194
|
-
var
|
|
195
|
-
base: "appearance-none border focus:outline-
|
|
233
|
+
var m = {
|
|
234
|
+
base: "appearance-none border focus:outline-1",
|
|
196
235
|
wrapper: "w-fit relative after:block after:content-[''] after:border-l-2 after:border-b-2 after:border-gray-500 after:-rotate-45 has-focus:after:rotate-135 after:absolute",
|
|
197
236
|
colors: {
|
|
198
|
-
primary: "bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:placeholder-blue-600 dark:text-blue-300",
|
|
199
|
-
success: "bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:placeholder-green-600 dark:text-green-300",
|
|
200
|
-
error: "bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:placeholder-red-600 dark:text-red-300",
|
|
201
|
-
warning: "bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300",
|
|
202
|
-
light: "bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:placeholder-gray-500 dark:text-gray-300"
|
|
237
|
+
primary: "bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300",
|
|
238
|
+
success: "bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300",
|
|
239
|
+
error: "bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300",
|
|
240
|
+
warning: "bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300",
|
|
241
|
+
light: "bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300"
|
|
203
242
|
},
|
|
204
243
|
wrapperSizes: {
|
|
205
244
|
sm: "after:size-1.75 after:top-2.5 after:right-2.5 has-focus:after:top-3.5",
|
|
@@ -211,22 +250,22 @@ var u = {
|
|
|
211
250
|
md: "h-10 pl-3 pr-10 rounded-md",
|
|
212
251
|
lg: "h-12 px-4 pr-12 rounded-md text-lg"
|
|
213
252
|
}
|
|
214
|
-
},
|
|
215
|
-
let { class:
|
|
216
|
-
return
|
|
253
|
+
}, h = (e, t) => {
|
|
254
|
+
let { class: n, type: i, ...a } = t.attrs;
|
|
255
|
+
return r("div", { class: [m.wrapper, m.wrapperSizes[e.size ?? "md"]] }, r("select", {
|
|
217
256
|
type: i,
|
|
218
257
|
class: [
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
258
|
+
n,
|
|
259
|
+
m.base,
|
|
260
|
+
m.colors[e.color ?? "light"],
|
|
261
|
+
m.sizes[e.size ?? "md"]
|
|
223
262
|
],
|
|
224
263
|
...a,
|
|
225
|
-
value:
|
|
226
|
-
onChange: (e) =>
|
|
227
|
-
},
|
|
264
|
+
value: e.modelValue,
|
|
265
|
+
onChange: (e) => t.emit("update:modelValue", e.target.value)
|
|
266
|
+
}, e.options?.map((e) => r("option", { value: typeof e == "object" ? e.id : e }, typeof e == "object" ? e.name : e))));
|
|
228
267
|
};
|
|
229
|
-
|
|
268
|
+
h.props = {
|
|
230
269
|
color: {
|
|
231
270
|
type: String,
|
|
232
271
|
default: "light"
|
|
@@ -242,4 +281,113 @@ d.props = {
|
|
|
242
281
|
}
|
|
243
282
|
};
|
|
244
283
|
//#endregion
|
|
245
|
-
|
|
284
|
+
//#region src/components/form-item/form-item.ts
|
|
285
|
+
var g = (e, t) => {
|
|
286
|
+
let n = e.id || a();
|
|
287
|
+
return r("div", [r("label", {
|
|
288
|
+
class: "block mb-1",
|
|
289
|
+
for: n
|
|
290
|
+
}, e.label), t.slots.default ? t.slots.default({ id: n }) : null]);
|
|
291
|
+
};
|
|
292
|
+
g.props = {
|
|
293
|
+
label: {
|
|
294
|
+
type: String,
|
|
295
|
+
required: !0
|
|
296
|
+
},
|
|
297
|
+
id: String
|
|
298
|
+
};
|
|
299
|
+
//#endregion
|
|
300
|
+
//#region \0plugin-vue:export-helper
|
|
301
|
+
var _ = (e, t) => {
|
|
302
|
+
let n = e.__vccOpts || e;
|
|
303
|
+
for (let [e, r] of t) n[e] = r;
|
|
304
|
+
return n;
|
|
305
|
+
}, v = {}, y = {
|
|
306
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
307
|
+
fill: "none",
|
|
308
|
+
viewBox: "0 0 24 24",
|
|
309
|
+
"stroke-width": "1.5",
|
|
310
|
+
stroke: "currentColor"
|
|
311
|
+
};
|
|
312
|
+
function b(e, r) {
|
|
313
|
+
return i(), t("svg", y, [...r[0] ||= [n("path", {
|
|
314
|
+
"stroke-linecap": "round",
|
|
315
|
+
"stroke-linejoin": "round",
|
|
316
|
+
d: "M6 18 18 6M6 6l12 12"
|
|
317
|
+
}, null, -1)]]);
|
|
318
|
+
}
|
|
319
|
+
var x = /* @__PURE__ */ _(v, [["render", b]]), S = (t, n) => {
|
|
320
|
+
let i = () => {
|
|
321
|
+
n.emit("update:visible", !1), n.emit("close");
|
|
322
|
+
};
|
|
323
|
+
return r(e, {
|
|
324
|
+
enterFromClass: "opacity-0",
|
|
325
|
+
enterActiveClass: "transition transition-all duration-150",
|
|
326
|
+
enterToClass: "opacity-100",
|
|
327
|
+
leaveFromClass: "opacity-100",
|
|
328
|
+
leaveActiveClass: "transition transition-all duration-150",
|
|
329
|
+
leaveToClass: "opacity-0"
|
|
330
|
+
}, () => t.visible ? r("div", {
|
|
331
|
+
role: "dialog",
|
|
332
|
+
class: "fixed inset-0 bg-black/50 w-full h-screen z-30 flex items-center justify-center",
|
|
333
|
+
onClick: i
|
|
334
|
+
}, r("div", {
|
|
335
|
+
"data-test": "dialog-content",
|
|
336
|
+
class: "bg-white text-gray-900 max-w-screen-md w-full rounded-md shadow",
|
|
337
|
+
onClick: (e) => {
|
|
338
|
+
e.stopPropagation();
|
|
339
|
+
}
|
|
340
|
+
}, [
|
|
341
|
+
t.title ? r("header", { class: "p-4 border-b border-gray-300 flex items-center justify-between" }, [r("h2", { class: "font-bold text-lg" }, t.title), r("button", {
|
|
342
|
+
"aria-label": "Close Modal",
|
|
343
|
+
class: "cursor-pointer",
|
|
344
|
+
onClick: i
|
|
345
|
+
}, r(x, { class: "size-5" }))]) : null,
|
|
346
|
+
r("div", {
|
|
347
|
+
"data-test": "dialog-body",
|
|
348
|
+
class: "p-4"
|
|
349
|
+
}, n.slots.default?.()),
|
|
350
|
+
n.slots.footer ? r("footer", { class: "p-4 border-t border-gray-300" }, n.slots.footer()) : null
|
|
351
|
+
])) : void 0);
|
|
352
|
+
};
|
|
353
|
+
S.props = {
|
|
354
|
+
title: String,
|
|
355
|
+
visible: Boolean
|
|
356
|
+
}, S.emits = ["update:visible", "close"];
|
|
357
|
+
//#endregion
|
|
358
|
+
//#region src/components/table/table.ts
|
|
359
|
+
var C = (e) => r("div", { class: "overflow-x-auto" }, r("table", { class: "w-full border border-gray-300 dark:border-gray-700" }, [r("thead", r("tr", e.columns?.map((e) => r("th", { class: "text-left font-bold px-4 py-3 border-b border-gray-300 bg-gray-50 text-gray-900 dark:bg-gray-800 dark:text-white dark:border-gray-700" }, e.name)))), r("tbody", e.data?.length ? e.data?.map((t) => r("tr", e.columns?.map((e) => r("td", { class: "text-gray-900 px-4 py-3 border-b border-gray-300 dark:text-white dark:border-gray-700" }, e.render ? r(e.render, { item: t }) : t[e.id])))) : r("tr", r("td", {
|
|
360
|
+
colspan: 2,
|
|
361
|
+
class: "text-gray-900 px-4 py-3 dark:text-white"
|
|
362
|
+
}, "Empty data")))]));
|
|
363
|
+
C.props = {
|
|
364
|
+
columns: {
|
|
365
|
+
type: Array,
|
|
366
|
+
default: () => []
|
|
367
|
+
},
|
|
368
|
+
data: {
|
|
369
|
+
type: Array,
|
|
370
|
+
default: () => []
|
|
371
|
+
}
|
|
372
|
+
};
|
|
373
|
+
//#endregion
|
|
374
|
+
//#region src/components/widget/widget.ts
|
|
375
|
+
var w = (e) => r("div", { class: "bg-white border border-gray-300 rounded-lg px-5 py-4.5 space-y-2 dark:bg-gray-800 dark:border-gray-700" }, [r("p", {
|
|
376
|
+
"data-test": "widget-label",
|
|
377
|
+
class: "text-gray-700 dark:text-gray-400"
|
|
378
|
+
}, e.label), r("p", {
|
|
379
|
+
"data-test": "widget-value",
|
|
380
|
+
class: "text-gray-900 text-xl font-bold dark:text-white"
|
|
381
|
+
}, e.value)]);
|
|
382
|
+
w.props = {
|
|
383
|
+
label: {
|
|
384
|
+
type: String,
|
|
385
|
+
required: !0
|
|
386
|
+
},
|
|
387
|
+
value: {
|
|
388
|
+
type: [String, Number],
|
|
389
|
+
required: !0
|
|
390
|
+
}
|
|
391
|
+
};
|
|
392
|
+
//#endregion
|
|
393
|
+
export { s as Button, d as Checkbox, g as FormItem, l as Input, S as Modal, p as Radio, h as Select, C as Table, w as Widget };
|
package/dist/gurun-kit.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.GurunKit={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={base:`font-medium cursor-pointer inline-flex items-center justify-center`,colors:{primary:`bg-blue-600 text-white hover:bg-blue-700`,success:`bg-green-600 text-white hover:bg-green-700`,error:`bg-red-600 text-white hover:bg-red-700`,warning:`bg-yellow-600 text-white hover:bg-yellow-700`,light:`bg-white text-gray-700 hover:bg-gray-100`},sizes:{sm:`h-8 px-3 rounded text-sm`,md:`h-10 px-4 rounded-md`,lg:`h-12 px-6 rounded-md text-lg`}},r=(e,r)=>{let{class:i,...a}=r.attrs;return(0,t.h)(e.tag??`button`,{class:[i,n.base,n.colors[e.color??`primary`],n.sizes[e.size??`md`]],...a},{default:r.slots.default})};r.props={color:{type:String,default:`primary`},size:{type:String,default:`md`},tag:{type:null,default:`button`}};var i={base:`border file:bg-gray-100 file:h-full file:text-gray-900 file:border-r focus:outline-0 dark:file:bg-gray-700 dark:file:text-white`,file:`pl-0`,colors:{primary:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 file:border-blue-300 focus:border-blue-600 focus:file:border-blue-600 dark:bg-transparent dark:border-blue-600 dark:file:border-blue-600 dark:focus:border-blue-400 dark:focus:file:border-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,success:`bg-white text-green-700 placeholder-green-500 border-green-300 file:border-green-300 focus:border-green-600 focus:file:border-green-600 dark:bg-transparent dark:border-green-600 dark:file:border-green-600 dark:focus:border-green-400 dark:focus:file:border-green-400 dark:placeholder-green-600 dark:text-green-300`,error:`bg-white text-red-700 placeholder-red-500 border-red-300 file:border-red-300 focus:border-red-600 focus:file:border-red-600 dark:bg-transparent dark:border-red-600 dark:file:border-red-600 dark:focus:border-red-400 dark:focus:file:border-red-400 dark:placeholder-red-600 dark:text-red-300`,warning:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 file:border-yellow-300 focus:border-yellow-600 focus:file:border-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:file:border-yellow-600 dark:focus:border-yellow-400 dark:focus:file:border-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,light:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 file:border-gray-300 focus:border-blue-600 focus:file:border-blue-600 dark:bg-transparent dark:border-gray-600 dark:file:border-gray-600 dark:focus:border-blue-400 dark:focus:file:border-blue-400 dark:placeholder-gray-500 dark:text-gray-300`},sizes:{sm:`h-8 px-2.5 rounded text-sm file:text-sm file:px-2.5 file:mr-2.5`,md:`h-10 px-3 rounded-md file:px-3 file:mr-3`,lg:`h-12 px-4 rounded-md text-lg file:text-lg file:px-4 file:mr-4`}},a=(e,n)=>{let{class:r,type:a,...o}=n.attrs;return(0,t.h)(`input`,{type:a,class:[r,i.base,a===`file`?i.file:``,i.colors[e.color??`light`],i.sizes[e.size??`md`]],...o,value:e.modelValue,onInput:e=>n.emit(`update:modelValue`,e.target.value)})};a.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:String};var o={wrapper:`inline-flex items-center gap-2.5`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:border-white after:-rotate-45 after:absolute`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 rounded-sm after:w-1.5 after:border-l-1 after:border-b-1 after:h-1 after:top-0.5 after:left-0.5`,md:`size-4 rounded after:w-2.5 after:border-l-2 after:border-b-2 after:h-1.5 after:top-0.75 after:left-0.5`,lg:`size-6 rounded-md after:w-4 after:border-l-3 after:border-b-3 after:h-2.5 after:top-0.75 after:left-0.75`}},s=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:o.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`checkbox`,checked:Array.isArray(e.modelValue)?e.modelValue.findIndex(t=>t===e.inputValue)!==-1:e.modelValue,class:[o.base,o.colors[e.color??`light`],o.sizes[e.size??`md`]],onChange:t=>{let r=t.target.checked;n.emit(`update:modelValue`,Array.isArray(e.modelValue)?r?[...e.modelValue,e.inputValue]:e.modelValue.filter(t=>t!==e.inputValue):r)}}),e.label?(0,t.h)(`label`,{class:o.label,for:r},e.label):null])};s.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:[Boolean,Array],id:String},s.emits=[`update:modelValue`];var c={wrapper:`inline-flex items-center gap-2`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none rounded-full relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:bg-white after:absolute after:rounded-full after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 after:size-1.25`,md:`size-4 after:size-1.75`,lg:`size-6 after:size-3`}},l=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:c.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`radio`,checked:e.modelValue===e.inputValue,class:[c.base,c.colors[e.color??`light`],c.sizes[e.size??`md`]],onChange:()=>{n.emit(`update:modelValue`,e.inputValue)}}),e.label?(0,t.h)(`label`,{class:c.label,for:r},e.label):null])};l.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:String,id:String},l.emits=[`update:modelValue`];var u={base:`appearance-none border focus:outline-0`,wrapper:`w-fit relative after:block after:content-[''] after:border-l-2 after:border-b-2 after:border-gray-500 after:-rotate-45 has-focus:after:rotate-135 after:absolute`,colors:{primary:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,success:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:placeholder-green-600 dark:text-green-300`,error:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:placeholder-red-600 dark:text-red-300`,warning:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,light:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:placeholder-gray-500 dark:text-gray-300`},wrapperSizes:{sm:`after:size-1.75 after:top-2.5 after:right-2.5 has-focus:after:top-3.5`,md:`after:size-2 after:top-3.25 after:right-3 has-focus:after:top-4.25`,lg:`after:size-2 after:top-4.25 after:right-4 has-focus:after:top-5.25`},sizes:{sm:`h-8 px-2.5 pr-8 rounded text-sm`,md:`h-10 pl-3 pr-10 rounded-md`,lg:`h-12 px-4 pr-12 rounded-md text-lg`}},d=(e,n)=>{let{class:r,type:i,...a}=n.attrs;return(0,t.h)(`div`,{class:[u.wrapper,u.wrapperSizes[e.size??`md`]]},(0,t.h)(`select`,{type:i,class:[r,u.base,u.colors[e.color??`light`],u.sizes[e.size??`md`]],...a,value:e.modelValue,onChange:e=>n.emit(`update:modelValue`,e.target.value)},e.options?.map(e=>(0,t.h)(`option`,{value:typeof e==`object`?e.id:e},typeof e==`object`?e.name:e))))};d.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:null,options:{type:Array,default:()=>[]}},e.Button=r,e.Checkbox=s,e.Input=a,e.Radio=l,e.Select=d});
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`)):typeof define==`function`&&define.amd?define([`exports`,`vue`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.GurunKit={},e.Vue))})(this,function(e,t){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var n={base:`font-medium cursor-pointer inline-flex items-center justify-center`,colors:{primary:`bg-blue-600 text-white hover:bg-blue-700`,success:`bg-green-600 text-white hover:bg-green-700`,error:`bg-red-600 text-white hover:bg-red-700`,warning:`bg-yellow-600 text-white hover:bg-yellow-700`,light:`bg-white text-gray-700 hover:bg-gray-100`},sizes:{sm:`h-8 px-3 rounded text-sm`,md:`h-10 px-4 rounded-md`,lg:`h-12 px-6 rounded-md text-lg`}},r=(e,r)=>{let{class:i,...a}=r.attrs;return(0,t.h)(e.tag??`button`,{class:[i,n.base,n.colors[e.color??`primary`],n.sizes[e.size??`md`]],...a},{default:r.slots.default})};r.props={color:{type:String,default:`primary`},size:{type:String,default:`md`},tag:{type:null,default:`button`}};var i={base:`border focus:outline-1`,file:`pl-0 file:bg-gray-100 file:h-full file:text-gray-900 file:border-r dark:file:bg-gray-700 dark:file:text-white`,colors:{primary:{base:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,file:`file:border-blue-300 focus:file:border-blue-600 dark:file:border-blue-600 dark:focus:file:border-blue-400`},success:{base:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300`,file:`file:border-green-300 focus:file:border-green-600 dark:file:border-green-600 dark:focus:file:border-green-400`},error:{base:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300`,file:`file:border-red-300 focus:file:border-red-600 dark:file:border-red-600 dark:focus:file:border-red-400`},warning:{base:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,file:`file:border-yellow-300 focus:file:border-yellow-600 dark:file:border-yellow-600 dark:focus:file:border-yellow-400`},light:{base:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300`,file:`file:border-gray-300 focus:file:border-blue-600 dark:file:border-gray-600 dark:focus:file:border-blue-400`}},sizes:{sm:{base:`px-2.5 rounded text-sm`,input:`h-8`,textarea:`min-h-8 py-2`,file:`file:text-sm file:px-2.5 file:mr-2.5`},md:{base:`px-3 rounded-md`,input:`h-10`,textarea:`min-h-10 py-2`,file:`file:px-3 file:mr-3`},lg:{base:`px-4 rounded-md text-lg`,input:`h-12`,textarea:`min-h-12 py-3`,file:`file:text-lg file:px-4 file:mr-4`}}},a=(e,n)=>{let{class:r,type:a,...o}=n.attrs;return(0,t.h)(e.tag===`textarea`?`textarea`:`input`,{type:a,class:[r,i.base,...a===`file`?[i.file,i.colors[e.color??`light`].file,i.sizes[e.size??`md`].file]:[],i.colors[e.color??`light`].base,i.sizes[e.size??`md`].base,i.sizes[e.size??`md`][e.tag===`textarea`?`textarea`:`input`]],...o,value:e.modelValue,onInput:e=>n.emit(`update:modelValue`,e.target.value)})};a.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:String,tag:{type:String,default:`input`}};var o={wrapper:`inline-flex items-center gap-2.5`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:border-white after:-rotate-45 after:absolute`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 rounded-sm after:w-1.5 after:border-l-1 after:border-b-1 after:h-1 after:top-0.5 after:left-0.5`,md:`size-4 rounded after:w-2.5 after:border-l-2 after:border-b-2 after:h-1.5 after:top-0.75 after:left-0.5`,lg:`size-6 rounded-md after:w-4 after:border-l-3 after:border-b-3 after:h-2.5 after:top-0.75 after:left-0.75`}},s=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:o.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`checkbox`,checked:Array.isArray(e.modelValue)?e.modelValue.findIndex(t=>t===e.inputValue)!==-1:e.modelValue,class:[o.base,o.colors[e.color??`light`],o.sizes[e.size??`md`]],onChange:t=>{let r=t.target.checked;n.emit(`update:modelValue`,Array.isArray(e.modelValue)?r?[...e.modelValue,e.inputValue]:e.modelValue.filter(t=>t!==e.inputValue):r)}}),e.label?(0,t.h)(`label`,{class:o.label,for:r},e.label):null])};s.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:[Boolean,Array],id:String},s.emits=[`update:modelValue`];var c={wrapper:`inline-flex items-center gap-2`,label:`font-normal text-gray-900 dark:text-gray-300`,base:`appearance-none rounded-full relative border focus-visible:outline-2 focus:ring-0 focus-visible:outline-offset-2 after:hidden checked:after:block after:content-[''] after:bg-white after:absolute after:rounded-full after:top-1/2 after:left-1/2 after:-translate-x-1/2 after:-translate-y-1/2`,colors:{light:`border-gray-300 checked:bg-blue-600 checked:border-blue-600 dark:border-gray-600 focus-visible:outline-blue-600`,primary:`border-blue-300 checked:bg-blue-600 checked:border-blue-600 dark:border-blue-600 focus-visible:outline-blue-600`,error:`border-red-300 checked:bg-red-600 checked:border-red-600 dark:border-red-600 focus-visible:outline-red-600`,warning:`border-yellow-300 checked:bg-yellow-600 checked:border-yellow-600 dark:border-yellow-600 focus-visible:outline-yellow-600`,success:`border-green-300 checked:bg-green-600 checked:border-green-600 dark:border-green-600 focus-visible:outline-green-600`},sizes:{sm:`size-3 after:size-1.25`,md:`size-4 after:size-1.75`,lg:`size-6 after:size-3`}},l=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,{class:c.wrapper},[(0,t.h)(`input`,{...n.attrs,id:r,type:`radio`,checked:e.modelValue===e.inputValue,class:[c.base,c.colors[e.color??`light`],c.sizes[e.size??`md`]],onChange:()=>{n.emit(`update:modelValue`,e.inputValue)}}),e.label?(0,t.h)(`label`,{class:c.label,for:r},e.label):null])};l.props={label:String,color:{type:String,default:`light`},size:{type:String,default:`md`},inputValue:String,modelValue:String,id:String},l.emits=[`update:modelValue`];var u={base:`appearance-none border focus:outline-1`,wrapper:`w-fit relative after:block after:content-[''] after:border-l-2 after:border-b-2 after:border-gray-500 after:-rotate-45 has-focus:after:rotate-135 after:absolute`,colors:{primary:`bg-white text-blue-700 placeholder-blue-500 border-blue-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-blue-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-blue-600 dark:text-blue-300`,success:`bg-white text-green-700 placeholder-green-500 border-green-300 focus:border-green-600 focus:outline-green-600 dark:bg-transparent dark:border-green-600 dark:focus:border-green-400 dark:focus:outline-green-400 dark:placeholder-green-600 dark:text-green-300`,error:`bg-white text-red-700 placeholder-red-500 border-red-300 focus:border-red-600 focus:outline-red-600 dark:bg-transparent dark:border-red-600 dark:focus:border-red-400 dark:focus:outline-red-400 dark:placeholder-red-600 dark:text-red-300`,warning:`bg-white text-yellow-700 placeholder-yellow-500 border-yellow-300 focus:border-yellow-600 focus:outline-yellow-600 dark:bg-transparent dark:border-yellow-600 dark:focus:border-yellow-400 dark:focus:outline-yellow-400 dark:placeholder-yellow-600 dark:text-yellow-300`,light:`bg-white text-gray-700 placeholder-gray-400 border-gray-300 focus:border-blue-600 focus:outline-blue-600 dark:bg-transparent dark:border-gray-600 dark:focus:border-blue-400 dark:focus:outline-blue-400 dark:placeholder-gray-500 dark:text-gray-300`},wrapperSizes:{sm:`after:size-1.75 after:top-2.5 after:right-2.5 has-focus:after:top-3.5`,md:`after:size-2 after:top-3.25 after:right-3 has-focus:after:top-4.25`,lg:`after:size-2 after:top-4.25 after:right-4 has-focus:after:top-5.25`},sizes:{sm:`h-8 px-2.5 pr-8 rounded text-sm`,md:`h-10 pl-3 pr-10 rounded-md`,lg:`h-12 px-4 pr-12 rounded-md text-lg`}},d=(e,n)=>{let{class:r,type:i,...a}=n.attrs;return(0,t.h)(`div`,{class:[u.wrapper,u.wrapperSizes[e.size??`md`]]},(0,t.h)(`select`,{type:i,class:[r,u.base,u.colors[e.color??`light`],u.sizes[e.size??`md`]],...a,value:e.modelValue,onChange:e=>n.emit(`update:modelValue`,e.target.value)},e.options?.map(e=>(0,t.h)(`option`,{value:typeof e==`object`?e.id:e},typeof e==`object`?e.name:e))))};d.props={color:{type:String,default:`light`},size:{type:String,default:`md`},modelValue:null,options:{type:Array,default:()=>[]}};var f=(e,n)=>{let r=e.id||(0,t.useId)();return(0,t.h)(`div`,[(0,t.h)(`label`,{class:`block mb-1`,for:r},e.label),n.slots.default?n.slots.default({id:r}):null])};f.props={label:{type:String,required:!0},id:String};var p=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n},m={},h={xmlns:`http://www.w3.org/2000/svg`,fill:`none`,viewBox:`0 0 24 24`,"stroke-width":`1.5`,stroke:`currentColor`};function g(e,n){return(0,t.openBlock)(),(0,t.createElementBlock)(`svg`,h,[...n[0]||=[(0,t.createElementVNode)(`path`,{"stroke-linecap":`round`,"stroke-linejoin":`round`,d:`M6 18 18 6M6 6l12 12`},null,-1)]])}var _=p(m,[[`render`,g]]),v=(e,n)=>{let r=()=>{n.emit(`update:visible`,!1),n.emit(`close`)};return(0,t.h)(t.Transition,{enterFromClass:`opacity-0`,enterActiveClass:`transition transition-all duration-150`,enterToClass:`opacity-100`,leaveFromClass:`opacity-100`,leaveActiveClass:`transition transition-all duration-150`,leaveToClass:`opacity-0`},()=>e.visible?(0,t.h)(`div`,{role:`dialog`,class:`fixed inset-0 bg-black/50 w-full h-screen z-30 flex items-center justify-center`,onClick:r},(0,t.h)(`div`,{"data-test":`dialog-content`,class:`bg-white text-gray-900 max-w-screen-md w-full rounded-md shadow`,onClick:e=>{e.stopPropagation()}},[e.title?(0,t.h)(`header`,{class:`p-4 border-b border-gray-300 flex items-center justify-between`},[(0,t.h)(`h2`,{class:`font-bold text-lg`},e.title),(0,t.h)(`button`,{"aria-label":`Close Modal`,class:`cursor-pointer`,onClick:r},(0,t.h)(_,{class:`size-5`}))]):null,(0,t.h)(`div`,{"data-test":`dialog-body`,class:`p-4`},n.slots.default?.()),n.slots.footer?(0,t.h)(`footer`,{class:`p-4 border-t border-gray-300`},n.slots.footer()):null])):void 0)};v.props={title:String,visible:Boolean},v.emits=[`update:visible`,`close`];var y=e=>(0,t.h)(`div`,{class:`overflow-x-auto`},(0,t.h)(`table`,{class:`w-full border border-gray-300 dark:border-gray-700`},[(0,t.h)(`thead`,(0,t.h)(`tr`,e.columns?.map(e=>(0,t.h)(`th`,{class:`text-left font-bold px-4 py-3 border-b border-gray-300 bg-gray-50 text-gray-900 dark:bg-gray-800 dark:text-white dark:border-gray-700`},e.name)))),(0,t.h)(`tbody`,e.data?.length?e.data?.map(n=>(0,t.h)(`tr`,e.columns?.map(e=>(0,t.h)(`td`,{class:`text-gray-900 px-4 py-3 border-b border-gray-300 dark:text-white dark:border-gray-700`},e.render?(0,t.h)(e.render,{item:n}):n[e.id])))):(0,t.h)(`tr`,(0,t.h)(`td`,{colspan:2,class:`text-gray-900 px-4 py-3 dark:text-white`},`Empty data`)))]));y.props={columns:{type:Array,default:()=>[]},data:{type:Array,default:()=>[]}};var b=e=>(0,t.h)(`div`,{class:`bg-white border border-gray-300 rounded-lg px-5 py-4.5 space-y-2 dark:bg-gray-800 dark:border-gray-700`},[(0,t.h)(`p`,{"data-test":`widget-label`,class:`text-gray-700 dark:text-gray-400`},e.label),(0,t.h)(`p`,{"data-test":`widget-value`,class:`text-gray-900 text-xl font-bold dark:text-white`},e.value)]);b.props={label:{type:String,required:!0},value:{type:[String,Number],required:!0}},e.Button=r,e.Checkbox=s,e.FormItem=f,e.Input=a,e.Modal=v,e.Radio=l,e.Select=d,e.Table=y,e.Widget=b});
|