mikuru 1.0.39 → 1.0.40
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/CHANGELOG.md +7 -0
- package/components/MikuruComboboxMulti.mikuru +160 -0
- package/components/MikuruDataToolbar.mikuru +75 -0
- package/components/MikuruEmbedPlayer.mikuru +429 -0
- package/components/MikuruField.mikuru +46 -0
- package/components/MikuruFilterBar.mikuru +80 -0
- package/components/MikuruForm.mikuru +67 -0
- package/components/MikuruFormMessage.mikuru +33 -0
- package/components/MikuruInputOtp.mikuru +91 -0
- package/components/MikuruNumberInput.mikuru +103 -0
- package/components/MikuruPasswordInput.mikuru +107 -0
- package/components/MikuruVirtualList.mikuru +75 -0
- package/package.json +89 -1
- package/types/components/MikuruComboboxMulti.d.ts +17 -0
- package/types/components/MikuruDataToolbar.d.ts +17 -0
- package/types/components/MikuruEmbedPlayer.d.ts +61 -0
- package/types/components/MikuruField.d.ts +12 -0
- package/types/components/MikuruFilterBar.d.ts +19 -0
- package/types/components/MikuruForm.d.ts +12 -0
- package/types/components/MikuruFormMessage.d.ts +10 -0
- package/types/components/MikuruInputOtp.d.ts +12 -0
- package/types/components/MikuruNumberInput.d.ts +14 -0
- package/types/components/MikuruPasswordInput.d.ts +16 -0
- package/types/components/MikuruVirtualList.d.ts +19 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mikuru",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.40",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "module",
|
|
6
6
|
"description": "A compile-first JavaScript framework with Vue-like authoring and Svelte-like generated DOM updates.",
|
|
@@ -37,6 +37,14 @@
|
|
|
37
37
|
"types": "./types/env.d.ts",
|
|
38
38
|
"default": "./dist/env.js"
|
|
39
39
|
},
|
|
40
|
+
"./components/MikuruEmbedPlayer": {
|
|
41
|
+
"types": "./types/components/MikuruEmbedPlayer.d.ts",
|
|
42
|
+
"default": "./components/MikuruEmbedPlayer.mikuru"
|
|
43
|
+
},
|
|
44
|
+
"./components/MikuruEmbedPlayer.mikuru": {
|
|
45
|
+
"types": "./types/components/MikuruEmbedPlayer.d.ts",
|
|
46
|
+
"default": "./components/MikuruEmbedPlayer.mikuru"
|
|
47
|
+
},
|
|
40
48
|
"./components/MikuruVideoPlayer": {
|
|
41
49
|
"types": "./types/components/MikuruVideoPlayer.d.ts",
|
|
42
50
|
"default": "./components/MikuruVideoPlayer.mikuru"
|
|
@@ -349,6 +357,86 @@
|
|
|
349
357
|
"types": "./types/components/MikuruTreeView.d.ts",
|
|
350
358
|
"default": "./components/MikuruTreeView.mikuru"
|
|
351
359
|
},
|
|
360
|
+
"./components/MikuruForm": {
|
|
361
|
+
"types": "./types/components/MikuruForm.d.ts",
|
|
362
|
+
"default": "./components/MikuruForm.mikuru"
|
|
363
|
+
},
|
|
364
|
+
"./components/MikuruForm.mikuru": {
|
|
365
|
+
"types": "./types/components/MikuruForm.d.ts",
|
|
366
|
+
"default": "./components/MikuruForm.mikuru"
|
|
367
|
+
},
|
|
368
|
+
"./components/MikuruField": {
|
|
369
|
+
"types": "./types/components/MikuruField.d.ts",
|
|
370
|
+
"default": "./components/MikuruField.mikuru"
|
|
371
|
+
},
|
|
372
|
+
"./components/MikuruField.mikuru": {
|
|
373
|
+
"types": "./types/components/MikuruField.d.ts",
|
|
374
|
+
"default": "./components/MikuruField.mikuru"
|
|
375
|
+
},
|
|
376
|
+
"./components/MikuruFormMessage": {
|
|
377
|
+
"types": "./types/components/MikuruFormMessage.d.ts",
|
|
378
|
+
"default": "./components/MikuruFormMessage.mikuru"
|
|
379
|
+
},
|
|
380
|
+
"./components/MikuruFormMessage.mikuru": {
|
|
381
|
+
"types": "./types/components/MikuruFormMessage.d.ts",
|
|
382
|
+
"default": "./components/MikuruFormMessage.mikuru"
|
|
383
|
+
},
|
|
384
|
+
"./components/MikuruPasswordInput": {
|
|
385
|
+
"types": "./types/components/MikuruPasswordInput.d.ts",
|
|
386
|
+
"default": "./components/MikuruPasswordInput.mikuru"
|
|
387
|
+
},
|
|
388
|
+
"./components/MikuruPasswordInput.mikuru": {
|
|
389
|
+
"types": "./types/components/MikuruPasswordInput.d.ts",
|
|
390
|
+
"default": "./components/MikuruPasswordInput.mikuru"
|
|
391
|
+
},
|
|
392
|
+
"./components/MikuruNumberInput": {
|
|
393
|
+
"types": "./types/components/MikuruNumberInput.d.ts",
|
|
394
|
+
"default": "./components/MikuruNumberInput.mikuru"
|
|
395
|
+
},
|
|
396
|
+
"./components/MikuruNumberInput.mikuru": {
|
|
397
|
+
"types": "./types/components/MikuruNumberInput.d.ts",
|
|
398
|
+
"default": "./components/MikuruNumberInput.mikuru"
|
|
399
|
+
},
|
|
400
|
+
"./components/MikuruInputOtp": {
|
|
401
|
+
"types": "./types/components/MikuruInputOtp.d.ts",
|
|
402
|
+
"default": "./components/MikuruInputOtp.mikuru"
|
|
403
|
+
},
|
|
404
|
+
"./components/MikuruInputOtp.mikuru": {
|
|
405
|
+
"types": "./types/components/MikuruInputOtp.d.ts",
|
|
406
|
+
"default": "./components/MikuruInputOtp.mikuru"
|
|
407
|
+
},
|
|
408
|
+
"./components/MikuruComboboxMulti": {
|
|
409
|
+
"types": "./types/components/MikuruComboboxMulti.d.ts",
|
|
410
|
+
"default": "./components/MikuruComboboxMulti.mikuru"
|
|
411
|
+
},
|
|
412
|
+
"./components/MikuruComboboxMulti.mikuru": {
|
|
413
|
+
"types": "./types/components/MikuruComboboxMulti.d.ts",
|
|
414
|
+
"default": "./components/MikuruComboboxMulti.mikuru"
|
|
415
|
+
},
|
|
416
|
+
"./components/MikuruFilterBar": {
|
|
417
|
+
"types": "./types/components/MikuruFilterBar.d.ts",
|
|
418
|
+
"default": "./components/MikuruFilterBar.mikuru"
|
|
419
|
+
},
|
|
420
|
+
"./components/MikuruFilterBar.mikuru": {
|
|
421
|
+
"types": "./types/components/MikuruFilterBar.d.ts",
|
|
422
|
+
"default": "./components/MikuruFilterBar.mikuru"
|
|
423
|
+
},
|
|
424
|
+
"./components/MikuruDataToolbar": {
|
|
425
|
+
"types": "./types/components/MikuruDataToolbar.d.ts",
|
|
426
|
+
"default": "./components/MikuruDataToolbar.mikuru"
|
|
427
|
+
},
|
|
428
|
+
"./components/MikuruDataToolbar.mikuru": {
|
|
429
|
+
"types": "./types/components/MikuruDataToolbar.d.ts",
|
|
430
|
+
"default": "./components/MikuruDataToolbar.mikuru"
|
|
431
|
+
},
|
|
432
|
+
"./components/MikuruVirtualList": {
|
|
433
|
+
"types": "./types/components/MikuruVirtualList.d.ts",
|
|
434
|
+
"default": "./components/MikuruVirtualList.mikuru"
|
|
435
|
+
},
|
|
436
|
+
"./components/MikuruVirtualList.mikuru": {
|
|
437
|
+
"types": "./types/components/MikuruVirtualList.d.ts",
|
|
438
|
+
"default": "./components/MikuruVirtualList.mikuru"
|
|
439
|
+
},
|
|
352
440
|
"./components/MikuruTabs": {
|
|
353
441
|
"types": "./types/components/MikuruTabs.d.ts",
|
|
354
442
|
"default": "./components/MikuruTabs.mikuru"
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruComboboxMultiOption = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export type MikuruComboboxMultiProps = {
|
|
9
|
+
label?: string;
|
|
10
|
+
modelValue?: string[];
|
|
11
|
+
options?: MikuruComboboxMultiOption[];
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
declare const component: MikuruComponent<MikuruComboboxMultiProps>;
|
|
16
|
+
export default component;
|
|
17
|
+
export const mount: MikuruComponent<MikuruComboboxMultiProps>["mount"];
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruDataToolbarAction = {
|
|
4
|
+
id?: string;
|
|
5
|
+
label: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export type MikuruDataToolbarProps = {
|
|
10
|
+
title?: string;
|
|
11
|
+
description?: string;
|
|
12
|
+
actions?: MikuruDataToolbarAction[];
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
declare const component: MikuruComponent<MikuruDataToolbarProps>;
|
|
16
|
+
export default component;
|
|
17
|
+
export const mount: MikuruComponent<MikuruDataToolbarProps>["mount"];
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruEmbedPlayerProvider =
|
|
4
|
+
| "auto"
|
|
5
|
+
| "youtube"
|
|
6
|
+
| "vimeo"
|
|
7
|
+
| "dailymotion"
|
|
8
|
+
| "twitch"
|
|
9
|
+
| "niconico"
|
|
10
|
+
| "tiktok"
|
|
11
|
+
| "bilibili"
|
|
12
|
+
| "wistia"
|
|
13
|
+
| "generic";
|
|
14
|
+
|
|
15
|
+
export type MikuruEmbedPlayerLoadPayload = {
|
|
16
|
+
provider: string;
|
|
17
|
+
videoId: string;
|
|
18
|
+
src: string;
|
|
19
|
+
nativeEvent?: Event;
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export type MikuruEmbedPlayerUnsupportedPayload = {
|
|
23
|
+
url: string;
|
|
24
|
+
provider: string;
|
|
25
|
+
videoId: string;
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
export type MikuruEmbedPlayerEvents = {
|
|
29
|
+
onLoad?: (payload: MikuruEmbedPlayerLoadPayload) => void;
|
|
30
|
+
onUnsupported?: (payload: MikuruEmbedPlayerUnsupportedPayload) => void;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export type MikuruEmbedPlayerProps = {
|
|
34
|
+
url?: string;
|
|
35
|
+
provider?: MikuruEmbedPlayerProvider | string;
|
|
36
|
+
videoId?: string;
|
|
37
|
+
title?: string;
|
|
38
|
+
caption?: string;
|
|
39
|
+
width?: string | number;
|
|
40
|
+
height?: string | number;
|
|
41
|
+
aspectRatio?: string | number;
|
|
42
|
+
autoplay?: boolean;
|
|
43
|
+
muted?: boolean;
|
|
44
|
+
controls?: boolean;
|
|
45
|
+
loop?: boolean;
|
|
46
|
+
privacy?: boolean;
|
|
47
|
+
start?: number;
|
|
48
|
+
end?: number;
|
|
49
|
+
playlist?: string;
|
|
50
|
+
parent?: string;
|
|
51
|
+
loading?: "eager" | "lazy" | string;
|
|
52
|
+
allow?: string;
|
|
53
|
+
referrerPolicy?: string;
|
|
54
|
+
sandbox?: string;
|
|
55
|
+
emptyTitle?: string;
|
|
56
|
+
emptyMessage?: string;
|
|
57
|
+
} & MikuruEmbedPlayerEvents;
|
|
58
|
+
|
|
59
|
+
declare const component: MikuruComponent<MikuruEmbedPlayerProps>;
|
|
60
|
+
export default component;
|
|
61
|
+
export const mount: MikuruComponent<MikuruEmbedPlayerProps>["mount"];
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruFieldProps = {
|
|
4
|
+
label?: string;
|
|
5
|
+
help?: string;
|
|
6
|
+
error?: string;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
declare const component: MikuruComponent<MikuruFieldProps>;
|
|
11
|
+
export default component;
|
|
12
|
+
export const mount: MikuruComponent<MikuruFieldProps>["mount"];
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruFilterBarFilter = {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string;
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
export type MikuruFilterBarProps = {
|
|
9
|
+
label?: string;
|
|
10
|
+
search?: string;
|
|
11
|
+
searchLabel?: string;
|
|
12
|
+
searchPlaceholder?: string;
|
|
13
|
+
filters?: MikuruFilterBarFilter[];
|
|
14
|
+
activeFilter?: string;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
declare const component: MikuruComponent<MikuruFilterBarProps>;
|
|
18
|
+
export default component;
|
|
19
|
+
export const mount: MikuruComponent<MikuruFilterBarProps>["mount"];
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruFormProps = {
|
|
4
|
+
label?: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
declare const component: MikuruComponent<MikuruFormProps>;
|
|
11
|
+
export default component;
|
|
12
|
+
export const mount: MikuruComponent<MikuruFormProps>["mount"];
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruFormMessageProps = {
|
|
4
|
+
message?: string;
|
|
5
|
+
tone?: "neutral" | "error" | "success" | "warning" | string;
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
declare const component: MikuruComponent<MikuruFormMessageProps>;
|
|
9
|
+
export default component;
|
|
10
|
+
export const mount: MikuruComponent<MikuruFormMessageProps>["mount"];
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruInputOtpProps = {
|
|
4
|
+
label?: string;
|
|
5
|
+
modelValue?: string;
|
|
6
|
+
length?: number;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
declare const component: MikuruComponent<MikuruInputOtpProps>;
|
|
11
|
+
export default component;
|
|
12
|
+
export const mount: MikuruComponent<MikuruInputOtpProps>["mount"];
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruNumberInputProps = {
|
|
4
|
+
label?: string;
|
|
5
|
+
modelValue?: number;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
step?: number;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
declare const component: MikuruComponent<MikuruNumberInputProps>;
|
|
13
|
+
export default component;
|
|
14
|
+
export const mount: MikuruComponent<MikuruNumberInputProps>["mount"];
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruPasswordInputProps = {
|
|
4
|
+
label?: string;
|
|
5
|
+
modelValue?: string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
autocomplete?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
strength?: boolean;
|
|
10
|
+
showLabel?: string;
|
|
11
|
+
hideLabel?: string;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
declare const component: MikuruComponent<MikuruPasswordInputProps>;
|
|
15
|
+
export default component;
|
|
16
|
+
export const mount: MikuruComponent<MikuruPasswordInputProps>["mount"];
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import type { MikuruComponent } from "../env";
|
|
2
|
+
|
|
3
|
+
export type MikuruVirtualListItem = {
|
|
4
|
+
id?: string;
|
|
5
|
+
value?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
label?: string;
|
|
8
|
+
description?: string;
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export type MikuruVirtualListProps = {
|
|
12
|
+
items?: MikuruVirtualListItem[];
|
|
13
|
+
itemHeight?: number;
|
|
14
|
+
height?: number;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
declare const component: MikuruComponent<MikuruVirtualListProps>;
|
|
18
|
+
export default component;
|
|
19
|
+
export const mount: MikuruComponent<MikuruVirtualListProps>["mount"];
|