nuxt-hs-ui 4.0.2 → 4.0.5
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/README.md +2 -9
- package/dist/module.json +2 -2
- package/dist/module.mjs +4 -5
- package/dist/runtime/components/form/_select/item-row.vue.d.ts +7 -2
- package/dist/runtime/components/form/btn.vue.d.ts +1 -1
- package/dist/runtime/components/form/check-box.vue.d.ts +2 -2
- package/dist/runtime/components/form/check-list.vue.d.ts +3 -3
- package/dist/runtime/components/form/combo-box.vue.d.ts +12 -3
- package/dist/runtime/components/form/datepicker.vue.d.ts +2 -2
- package/dist/runtime/components/form/input-frame.vue.d.ts +5 -5
- package/dist/runtime/components/form/radio.vue.d.ts +10 -2
- package/dist/runtime/components/form/select.vue.d.ts +7 -2
- package/dist/runtime/components/form/text-box.vue.d.ts +5 -5
- package/dist/runtime/components/form/textarea.vue.d.ts +2 -2
- package/dist/runtime/components/form/value-box.vue +1 -1
- package/dist/runtime/components/form/value-box.vue.d.ts +2 -2
- package/dist/runtime/components/interactive/alert.vue.d.ts +1 -1
- package/dist/runtime/components/interactive/block-loading.vue.d.ts +1 -1
- package/dist/runtime/components/interactive/modal.vue.d.ts +1 -1
- package/dist/runtime/components/interactive/window-loader.vue +0 -23
- package/dist/runtime/components/layout/accordion-down.vue.d.ts +1 -1
- package/dist/runtime/components/layout/accordion.vue.d.ts +1 -1
- package/dist/runtime/components/layout/card-item.vue.d.ts +1 -1
- package/dist/runtime/components/layout/divider-h.vue.d.ts +1 -1
- package/dist/runtime/components/misc/breadcrumb.vue.d.ts +1 -1
- package/dist/runtime/utils/float.js +1 -1
- package/dist/runtime/utils/theme.d.ts +2 -2
- package/dist/runtime/utils/theme.js +2 -2
- package/package.json +12 -13
package/README.md
CHANGED
|
@@ -126,14 +126,12 @@ All components are auto-imported when the module is registered.
|
|
|
126
126
|
| Component | Description |
|
|
127
127
|
|---|---|
|
|
128
128
|
| `Btn` | Themed button with loading / disabled states |
|
|
129
|
-
| `BtnLineLoading` | Button with inline loading indicator |
|
|
130
129
|
| `TextBox` | Styled text input |
|
|
131
130
|
| `Textarea` | Styled multi-line input |
|
|
132
131
|
| `CheckBox` | Single checkbox with label |
|
|
133
132
|
| `CheckList` | List of checkboxes |
|
|
134
133
|
| `Radio` | Radio button group |
|
|
135
134
|
| `Select` | Dropdown select with search |
|
|
136
|
-
| `SelectImgIcon` | Select with image/icon support |
|
|
137
135
|
| `DatePicker` | Date picker (powered by flatpickr) |
|
|
138
136
|
| `ValueBox` | Read-only value display field |
|
|
139
137
|
| `InputFrame` | Generic wrapper for custom form inputs |
|
|
@@ -145,8 +143,7 @@ All components are auto-imported when the module is registered.
|
|
|
145
143
|
| `Alert` | Inline alert banner |
|
|
146
144
|
| `BlockLoading` | Full-area loading overlay |
|
|
147
145
|
| `Dialog` | Confirmation / prompt dialog |
|
|
148
|
-
| `Modal` | Base modal
|
|
149
|
-
| `ModalBg` | Backdrop layer for modals |
|
|
146
|
+
| `Modal` | Base modal |
|
|
150
147
|
| `Toast` | Toast notification |
|
|
151
148
|
| `WindowLoader` | Full-window loading screen |
|
|
152
149
|
|
|
@@ -160,7 +157,6 @@ All components are auto-imported when the module is registered.
|
|
|
160
157
|
| `Accordion` | Collapsible section |
|
|
161
158
|
| `AccordionDown` | Bottom-anchored collapsible section |
|
|
162
159
|
| `AspectBox` | Fixed aspect-ratio container |
|
|
163
|
-
| `DividerH` | Horizontal divider |
|
|
164
160
|
|
|
165
161
|
### Misc
|
|
166
162
|
|
|
@@ -192,7 +188,7 @@ All composables are auto-imported.
|
|
|
192
188
|
|
|
193
189
|
## Utils
|
|
194
190
|
|
|
195
|
-
Available via `nuxt-hs-ui
|
|
191
|
+
Available via `nuxt-hs-ui/utils/*` named exports.
|
|
196
192
|
|
|
197
193
|
| Module | Description |
|
|
198
194
|
|---|---|
|
|
@@ -204,13 +200,10 @@ Available via `nuxt-hs-ui-next/utils/*` named exports.
|
|
|
204
200
|
| `select-item` | Select item type definitions |
|
|
205
201
|
| `multi-lang` | Multilingual string utilities |
|
|
206
202
|
| `multi-lang-object` | Multilingual object utilities |
|
|
207
|
-
| `wareki` | Japanese era (和暦) conversion |
|
|
208
203
|
| `dayjs` | Pre-configured dayjs instance |
|
|
209
204
|
| `tabulator` | Tabulator helper types and formatters |
|
|
210
205
|
| `class-style` | Tailwind class merging utilities |
|
|
211
206
|
| `modal` | Modal state helpers |
|
|
212
|
-
| `stop-watch` | Stopwatch / timer utility |
|
|
213
|
-
| `tv` | tailwind-variants wrapper |
|
|
214
207
|
| `theme` | Theme token accessor |
|
|
215
208
|
| `com` | Common utility functions |
|
|
216
209
|
|
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -8,7 +8,7 @@ const AddTheme = (theme) => {
|
|
|
8
8
|
return ret;
|
|
9
9
|
}, {});
|
|
10
10
|
addTemplate({
|
|
11
|
-
filename: "nuxt-hs-ui
|
|
11
|
+
filename: "nuxt-hs-ui/runtime/theme.mjs",
|
|
12
12
|
getContents: () => `
|
|
13
13
|
export const Theme = ${JSON.stringify(Theme, null, 2)};
|
|
14
14
|
const themeColor = ${themeColor};
|
|
@@ -18,16 +18,16 @@ export function GetColorCode(key){
|
|
|
18
18
|
`
|
|
19
19
|
});
|
|
20
20
|
addTemplate({
|
|
21
|
-
filename: "nuxt-hs-ui
|
|
21
|
+
filename: "nuxt-hs-ui/types/theme.d.ts",
|
|
22
22
|
getContents: () => {
|
|
23
23
|
const union = themekey.length ? themekey.map((k) => `'${k}'`).join(" | ") : "never";
|
|
24
24
|
return `
|
|
25
|
-
declare module '#build/nuxt-hs-ui
|
|
25
|
+
declare module '#build/nuxt-hs-ui/runtime/theme' {
|
|
26
26
|
export type ThemeColor = ${union};
|
|
27
27
|
export const Theme: Record<ThemeColor, ThemeColor>;
|
|
28
28
|
export function GetColorCode(key: ThemeColor): string;
|
|
29
29
|
}
|
|
30
|
-
declare module '#build/nuxt-hs-ui
|
|
30
|
+
declare module '#build/nuxt-hs-ui/runtime/theme-internal' {
|
|
31
31
|
export function GetColorCode(key: string): string;
|
|
32
32
|
}
|
|
33
33
|
export type ThemeColor = ${union};
|
|
@@ -138,7 +138,6 @@ const module$1 = defineNuxtModule({
|
|
|
138
138
|
nuxt.options.vite.optimizeDeps ||= {};
|
|
139
139
|
nuxt.options.vite.optimizeDeps.include ||= [];
|
|
140
140
|
nuxt.options.vite.optimizeDeps.include.push(
|
|
141
|
-
"@vueuse/integrations/useFocusTrap",
|
|
142
141
|
"body-scroll-lock",
|
|
143
142
|
"tailwind-merge",
|
|
144
143
|
"tailwind-variants",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ClassType } from '../../../utils/class-style.js';
|
|
2
2
|
import type { SelectItem } from '../../../utils/select-item.js';
|
|
3
3
|
declare const __VLS_export: <IdType extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
4
|
-
props: __VLS_PrettifyLocal<{
|
|
4
|
+
props: import("vue").PublicProps & __VLS_PrettifyLocal<{
|
|
5
5
|
list: SelectItem<IdType>[];
|
|
6
6
|
item: SelectItem<IdType> & {
|
|
7
7
|
_key: string;
|
|
@@ -15,7 +15,12 @@ declare const __VLS_export: <IdType extends string | number>(__VLS_props: NonNul
|
|
|
15
15
|
imgMode: "cover" | "contain";
|
|
16
16
|
disabled?: boolean;
|
|
17
17
|
readonly?: boolean;
|
|
18
|
-
} &
|
|
18
|
+
} & {
|
|
19
|
+
onBlur?: (() => any) | undefined;
|
|
20
|
+
onFocus?: (() => any) | undefined;
|
|
21
|
+
"onValue-change"?: ((after: IdType | null, before: IdType | null) => any) | undefined;
|
|
22
|
+
"onUpdate:selectOpen"?: ((isOpen: boolean) => any) | undefined;
|
|
23
|
+
}> & (typeof globalThis extends {
|
|
19
24
|
__VLS_PROPS_FALLBACK: infer P;
|
|
20
25
|
} ? P : {});
|
|
21
26
|
expose: (exposed: {}) => void;
|
|
@@ -44,13 +44,13 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props,
|
|
|
44
44
|
onId?: ((id: string) => any) | undefined;
|
|
45
45
|
onRef?: ((element: HTMLElement) => any) | undefined;
|
|
46
46
|
}>, {
|
|
47
|
+
class: ClassType;
|
|
47
48
|
theme: ThemeColor;
|
|
48
49
|
size: "xs" | "s" | "m" | "l" | "xl";
|
|
49
50
|
variant: "outlined" | "flat" | "text";
|
|
50
51
|
to: string;
|
|
51
52
|
disabled: boolean;
|
|
52
53
|
loading: boolean;
|
|
53
|
-
class: ClassType;
|
|
54
54
|
textAlign: "left" | "center" | "right";
|
|
55
55
|
wrap: boolean;
|
|
56
56
|
classInner: ClassType;
|
|
@@ -43,9 +43,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
|
|
|
43
43
|
"onUpdate:data"?: ((value: boolean) => any) | undefined;
|
|
44
44
|
"onValue-change"?: ((after: boolean, before: boolean | null) => any) | undefined;
|
|
45
45
|
}>, {
|
|
46
|
+
label: MultiLang;
|
|
47
|
+
image: boolean;
|
|
46
48
|
warn: string;
|
|
47
49
|
size: "s" | "m" | "l";
|
|
48
|
-
image: boolean;
|
|
49
50
|
disabled: boolean;
|
|
50
51
|
imgUrl: string | null;
|
|
51
52
|
classImg: ClassType;
|
|
@@ -53,7 +54,6 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
|
|
|
53
54
|
classLabel: ClassType;
|
|
54
55
|
diff: boolean | null;
|
|
55
56
|
tabindex: string;
|
|
56
|
-
label: MultiLang;
|
|
57
57
|
warnTimeOut: number;
|
|
58
58
|
uiText: {
|
|
59
59
|
validError: {
|
|
@@ -62,17 +62,17 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
|
|
|
62
62
|
"onUpdate:data"?: ((value: number[], id: number) => any) | undefined;
|
|
63
63
|
"onValue-change"?: ((after: number[], before: number[], id: number) => any) | undefined;
|
|
64
64
|
}>, {
|
|
65
|
+
label: MultiLang;
|
|
66
|
+
image: boolean;
|
|
67
|
+
class: ClassType;
|
|
65
68
|
error: boolean;
|
|
66
69
|
warn: string;
|
|
67
70
|
size: "s" | "m" | "l";
|
|
68
|
-
image: boolean;
|
|
69
71
|
disabled: boolean;
|
|
70
|
-
class: ClassType;
|
|
71
72
|
classImg: ClassType;
|
|
72
73
|
classImgTag: ClassType;
|
|
73
74
|
diff: number[];
|
|
74
75
|
tabindex: string;
|
|
75
|
-
label: MultiLang;
|
|
76
76
|
warnTimeOut: number;
|
|
77
77
|
classHeader: ClassType;
|
|
78
78
|
classInput: ClassType;
|
|
@@ -2,13 +2,13 @@ import type { ClassType } from '../../utils/class-style.js';
|
|
|
2
2
|
import type { MultiLang } from '../../utils/multi-lang.js';
|
|
3
3
|
import type { SelectItem } from '../../utils/select-item.js';
|
|
4
4
|
declare const __VLS_export: <IdType extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
5
|
-
props: __VLS_PrettifyLocal<{
|
|
5
|
+
props: import("vue").PublicProps & __VLS_PrettifyLocal<{
|
|
6
6
|
type?: "email" | "number" | "tel" | "text" | "url";
|
|
7
7
|
textAlign?: "left" | "center" | "right";
|
|
8
8
|
maxLen?: number;
|
|
9
9
|
autocomplete?: string;
|
|
10
10
|
datalist?: string[];
|
|
11
|
-
enterkeyhint?: ("
|
|
11
|
+
enterkeyhint?: ("search" | "done" | "enter" | "go" | "next" | "previous" | "send") | undefined;
|
|
12
12
|
inputmode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
13
13
|
inputSize?: string | number;
|
|
14
14
|
placeholder?: MultiLang;
|
|
@@ -38,7 +38,16 @@ declare const __VLS_export: <IdType extends string | number>(__VLS_props: NonNul
|
|
|
38
38
|
warn?: string;
|
|
39
39
|
warnTimeOut?: number;
|
|
40
40
|
size?: "s" | "m" | "l";
|
|
41
|
-
} &
|
|
41
|
+
} & {
|
|
42
|
+
onBlur?: ((elm: HTMLElement) => any) | undefined;
|
|
43
|
+
onFocus?: ((elm: HTMLElement) => any) | undefined;
|
|
44
|
+
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
45
|
+
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
46
|
+
onRef?: ((element: HTMLElement) => any) | undefined;
|
|
47
|
+
"onUpdate:data"?: ((value: string) => any) | undefined;
|
|
48
|
+
"onValue-change"?: ((after: string, before: string | null) => any) | undefined;
|
|
49
|
+
"onUpdate:activeId"?: ((id: IdType | null) => any) | undefined;
|
|
50
|
+
}> & (typeof globalThis extends {
|
|
42
51
|
__VLS_PROPS_FALLBACK: infer P;
|
|
43
52
|
} ? P : {});
|
|
44
53
|
expose: (exposed: import("vue").ShallowUnwrapRef<{
|
|
@@ -74,16 +74,16 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
|
|
|
74
74
|
"onValue-change"?: ((after: string | null, before: string | null) => any) | undefined;
|
|
75
75
|
"onReset-piceker-func"?: ((func: any) => any) | undefined;
|
|
76
76
|
}>, {
|
|
77
|
+
label: MultiLang;
|
|
78
|
+
class: ClassType;
|
|
77
79
|
error: boolean;
|
|
78
80
|
warn: string;
|
|
79
81
|
theme: ThemeColor;
|
|
80
82
|
size: "s" | "m" | "l";
|
|
81
83
|
disabled: boolean;
|
|
82
|
-
class: ClassType;
|
|
83
84
|
textAlign: "left" | "center" | "right";
|
|
84
85
|
diff: string | null;
|
|
85
86
|
tabindex: string;
|
|
86
|
-
label: MultiLang;
|
|
87
87
|
warnTimeOut: number;
|
|
88
88
|
uiText: {
|
|
89
89
|
error: {
|
|
@@ -22,14 +22,14 @@ type Props = {
|
|
|
22
22
|
size?: 's' | 'm' | 'l';
|
|
23
23
|
};
|
|
24
24
|
declare var __VLS_1: {
|
|
25
|
-
disabled:
|
|
25
|
+
disabled: boolean;
|
|
26
26
|
}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {
|
|
27
|
-
defaultClass:
|
|
27
|
+
defaultClass: string[];
|
|
28
28
|
}, __VLS_9: {
|
|
29
29
|
focus: boolean;
|
|
30
30
|
change: boolean;
|
|
31
31
|
}, __VLS_11: {
|
|
32
|
-
disabled:
|
|
32
|
+
disabled: boolean;
|
|
33
33
|
}, __VLS_13: {
|
|
34
34
|
focus: boolean;
|
|
35
35
|
change: boolean;
|
|
@@ -58,14 +58,14 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
|
|
|
58
58
|
onRef?: ((elm: HTMLElement) => any) | undefined;
|
|
59
59
|
"onHeader-label-click"?: (() => any) | undefined;
|
|
60
60
|
}>, {
|
|
61
|
+
label: MultiLang;
|
|
62
|
+
class: ClassType;
|
|
61
63
|
change: boolean;
|
|
62
64
|
error: boolean;
|
|
63
65
|
focus: boolean;
|
|
64
66
|
warn: string;
|
|
65
67
|
size: "s" | "m" | "l";
|
|
66
68
|
disabled: boolean;
|
|
67
|
-
class: ClassType;
|
|
68
|
-
label: MultiLang;
|
|
69
69
|
warnTimeOut: number;
|
|
70
70
|
classHeader: ClassType;
|
|
71
71
|
classInput: ClassType;
|
|
@@ -2,7 +2,7 @@ import { type ClassType } from '../../utils/class-style.js';
|
|
|
2
2
|
import type { SelectItem } from '../../utils/select-item.js';
|
|
3
3
|
import type { MultiLang } from '../../utils/multi-lang.js';
|
|
4
4
|
declare const __VLS_export: <IdType extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
5
|
-
props: __VLS_PrettifyLocal<{
|
|
5
|
+
props: import("vue").PublicProps & __VLS_PrettifyLocal<{
|
|
6
6
|
list: SelectItem<IdType>[];
|
|
7
7
|
order?: boolean;
|
|
8
8
|
image?: boolean;
|
|
@@ -33,7 +33,15 @@ declare const __VLS_export: <IdType extends string | number>(__VLS_props: NonNul
|
|
|
33
33
|
warn?: string;
|
|
34
34
|
warnTimeOut?: number;
|
|
35
35
|
size?: "s" | "m" | "l";
|
|
36
|
-
} &
|
|
36
|
+
} & {
|
|
37
|
+
onBlur?: ((elm: HTMLElement) => any) | undefined;
|
|
38
|
+
onFocus?: ((elm: HTMLElement) => any) | undefined;
|
|
39
|
+
onKeydown?: ((event: KeyboardEvent) => any) | undefined;
|
|
40
|
+
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
41
|
+
onRef?: ((element: HTMLElement) => any) | undefined;
|
|
42
|
+
"onUpdate:data"?: ((value: (IdType extends string ? string : number) | null) => any) | undefined;
|
|
43
|
+
"onValue-change"?: ((after: (IdType extends string ? string : number) | null, before: (IdType extends string ? string : number) | null) => any) | undefined;
|
|
44
|
+
}> & (typeof globalThis extends {
|
|
37
45
|
__VLS_PROPS_FALLBACK: infer P;
|
|
38
46
|
} ? P : {});
|
|
39
47
|
expose: (exposed: {}) => void;
|
|
@@ -2,7 +2,7 @@ import type { ClassType } from '../../utils/class-style.js';
|
|
|
2
2
|
import type { MultiLang } from '../../utils/multi-lang.js';
|
|
3
3
|
import type { SelectItem } from '../../utils/select-item.js';
|
|
4
4
|
declare const __VLS_export: <IdType extends string | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
5
|
-
props: __VLS_PrettifyLocal<{
|
|
5
|
+
props: import("vue").PublicProps & __VLS_PrettifyLocal<{
|
|
6
6
|
list: SelectItem<IdType>[];
|
|
7
7
|
order?: boolean;
|
|
8
8
|
loading?: boolean;
|
|
@@ -34,7 +34,12 @@ declare const __VLS_export: <IdType extends string | number>(__VLS_props: NonNul
|
|
|
34
34
|
warn?: string;
|
|
35
35
|
warnTimeOut?: number;
|
|
36
36
|
size?: "s" | "m" | "l";
|
|
37
|
-
} &
|
|
37
|
+
} & {
|
|
38
|
+
onBlur?: (() => any) | undefined;
|
|
39
|
+
onFocus?: (() => any) | undefined;
|
|
40
|
+
"onUpdate:data"?: ((value: IdType | null) => any) | undefined;
|
|
41
|
+
"onValue-change"?: ((after: IdType | null, before: IdType | null) => any) | undefined;
|
|
42
|
+
}> & (typeof globalThis extends {
|
|
38
43
|
__VLS_PROPS_FALLBACK: infer P;
|
|
39
44
|
} ? P : {});
|
|
40
45
|
expose: (exposed: {}) => void;
|
|
@@ -64,17 +64,19 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
|
|
|
64
64
|
"onUpdate:data"?: ((value: string) => any) | undefined;
|
|
65
65
|
"onValue-change"?: ((after: string, before: string | null) => any) | undefined;
|
|
66
66
|
}>, {
|
|
67
|
+
datalist: string[];
|
|
68
|
+
label: MultiLang;
|
|
69
|
+
pattern: string;
|
|
70
|
+
class: ClassType;
|
|
67
71
|
error: boolean;
|
|
68
72
|
warn: string;
|
|
69
73
|
size: "s" | "m" | "l";
|
|
70
74
|
lang: string;
|
|
71
75
|
disabled: boolean;
|
|
72
|
-
class: ClassType;
|
|
73
76
|
type: "email" | "number" | "password" | "tel" | "text" | "url";
|
|
74
77
|
textAlign: "left" | "center" | "right";
|
|
75
78
|
diff: string | null;
|
|
76
79
|
tabindex: string;
|
|
77
|
-
label: MultiLang;
|
|
78
80
|
warnTimeOut: number;
|
|
79
81
|
classHeader: ClassType;
|
|
80
82
|
classInput: ClassType;
|
|
@@ -88,12 +90,10 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
|
|
|
88
90
|
requireText: MultiLang;
|
|
89
91
|
maxLen: number;
|
|
90
92
|
autocomplete: string;
|
|
91
|
-
datalist: string[];
|
|
92
93
|
enterkeyhint: Enterkeyhint;
|
|
93
|
-
inputmode: "
|
|
94
|
+
inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
|
|
94
95
|
inputSize: string | number;
|
|
95
96
|
placeholder: MultiLang;
|
|
96
|
-
pattern: string;
|
|
97
97
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
98
98
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
99
99
|
declare const _default: typeof __VLS_export;
|
|
@@ -60,14 +60,14 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
|
|
|
60
60
|
"onUpdate:data"?: ((value: string) => any) | undefined;
|
|
61
61
|
"onValue-change"?: ((after: string, before: string | null) => any) | undefined;
|
|
62
62
|
}>, {
|
|
63
|
+
label: MultiLang;
|
|
64
|
+
class: ClassType;
|
|
63
65
|
error: boolean;
|
|
64
66
|
warn: string;
|
|
65
67
|
size: "s" | "m" | "l";
|
|
66
68
|
disabled: boolean;
|
|
67
|
-
class: ClassType;
|
|
68
69
|
diff: string | null;
|
|
69
70
|
tabindex: string;
|
|
70
|
-
label: MultiLang;
|
|
71
71
|
warnTimeOut: number;
|
|
72
72
|
uiText: {
|
|
73
73
|
rowsUnit: MultiLang;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script setup>
|
|
2
|
-
import BigNumber from "bignumber.js";
|
|
2
|
+
import { BigNumber } from "bignumber.js";
|
|
3
3
|
import { reactive, ref, watch, computed, useId, onMounted, nextTick } from "#imports";
|
|
4
4
|
import { InsertComma } from "../../utils/number";
|
|
5
5
|
import { FloatNullable } from "../../utils/float";
|
|
@@ -76,16 +76,16 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {
|
|
|
76
76
|
"onUpdate:data"?: ((value: number | null) => any) | undefined;
|
|
77
77
|
"onValue-change"?: ((after: number | null, before: number | null) => any) | undefined;
|
|
78
78
|
}>, {
|
|
79
|
+
label: MultiLang;
|
|
80
|
+
class: ClassType;
|
|
79
81
|
error: boolean;
|
|
80
82
|
warn: string;
|
|
81
83
|
size: "s" | "m" | "l";
|
|
82
84
|
disabled: boolean;
|
|
83
85
|
step: number;
|
|
84
|
-
class: ClassType;
|
|
85
86
|
textAlign: "left" | "center" | "right";
|
|
86
87
|
diff: number | null;
|
|
87
88
|
tabindex: string;
|
|
88
|
-
label: MultiLang;
|
|
89
89
|
warnTimeOut: number;
|
|
90
90
|
uiText: {
|
|
91
91
|
validError: {
|
|
@@ -13,12 +13,12 @@ type __VLS_Slots = {} & {
|
|
|
13
13
|
default?: (props: typeof __VLS_1) => any;
|
|
14
14
|
};
|
|
15
15
|
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
|
+
class: ClassType;
|
|
16
17
|
bgDelta: number;
|
|
17
18
|
inkDelta: number;
|
|
18
19
|
borderDelta: number;
|
|
19
20
|
over: string;
|
|
20
21
|
theme: ThemeColor;
|
|
21
|
-
class: ClassType;
|
|
22
22
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
23
23
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
24
24
|
declare const _default: typeof __VLS_export;
|
|
@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
|
|
|
9
9
|
default?: (props: typeof __VLS_1) => any;
|
|
10
10
|
};
|
|
11
11
|
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
12
|
-
message: string;
|
|
13
12
|
class: ClassType;
|
|
13
|
+
message: string;
|
|
14
14
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
15
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
16
|
declare const _default: typeof __VLS_export;
|
|
@@ -21,9 +21,9 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
|
|
|
21
21
|
onClose?: (() => any) | undefined;
|
|
22
22
|
"onUpdate:show"?: ((bool: boolean) => any) | undefined;
|
|
23
23
|
}>, {
|
|
24
|
+
class: ClassType;
|
|
24
25
|
zIndex: number;
|
|
25
26
|
closeable: boolean;
|
|
26
|
-
class: ClassType;
|
|
27
27
|
classInner: ClassType;
|
|
28
28
|
mounted: boolean;
|
|
29
29
|
target: string;
|
|
@@ -1,21 +1,7 @@
|
|
|
1
1
|
<script setup>
|
|
2
|
-
import { useFocusTrap } from "@vueuse/integrations/useFocusTrap";
|
|
3
|
-
import { ref, watch } from "#imports";
|
|
4
2
|
import { useHsWindowLoader } from "../../composables/use-hs-window-loader";
|
|
5
3
|
import { useHsPinia } from "../../composables/use-pinia";
|
|
6
4
|
const WindowLoader = useHsWindowLoader(useHsPinia());
|
|
7
|
-
const focusTargetElm = ref(null);
|
|
8
|
-
const { activate, deactivate } = useFocusTrap(focusTargetElm);
|
|
9
|
-
watch(
|
|
10
|
-
() => WindowLoader.state.show,
|
|
11
|
-
(show) => {
|
|
12
|
-
if (show) {
|
|
13
|
-
activate();
|
|
14
|
-
} else {
|
|
15
|
-
deactivate();
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
);
|
|
19
5
|
</script>
|
|
20
6
|
|
|
21
7
|
<template>
|
|
@@ -40,20 +26,11 @@ watch(
|
|
|
40
26
|
<div class="sk-cube sk-cube9" />
|
|
41
27
|
</div>
|
|
42
28
|
<div class="HsUiWindowLoader-text">Please wait...</div>
|
|
43
|
-
<input type="checkbox" class="dummy" />
|
|
44
29
|
</div>
|
|
45
30
|
</div>
|
|
46
31
|
</template>
|
|
47
32
|
|
|
48
33
|
<style scoped>
|
|
49
|
-
.dummy {
|
|
50
|
-
opacity: 0;
|
|
51
|
-
-webkit-appearance: none;
|
|
52
|
-
-moz-appearance: none;
|
|
53
|
-
appearance: none;
|
|
54
|
-
outline: none;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
34
|
.HsUiWindowLoader {
|
|
58
35
|
position: fixed;
|
|
59
36
|
left: 0;
|
|
@@ -13,8 +13,8 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
|
|
|
13
13
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
14
14
|
onClosed?: (() => any) | undefined;
|
|
15
15
|
}>, {
|
|
16
|
-
class: ClassType;
|
|
17
16
|
span: number;
|
|
17
|
+
class: ClassType;
|
|
18
18
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
19
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
20
|
declare const _default: typeof __VLS_export;
|
|
@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
|
|
|
9
9
|
default?: (props: typeof __VLS_1) => any;
|
|
10
10
|
};
|
|
11
11
|
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
12
|
-
class: ClassType;
|
|
13
12
|
span: number;
|
|
13
|
+
class: ClassType;
|
|
14
14
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
15
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
16
|
declare const _default: typeof __VLS_export;
|
|
@@ -21,11 +21,11 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props,
|
|
|
21
21
|
onRef?: ((e: HTMLElement) => any) | undefined;
|
|
22
22
|
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
23
23
|
}>, {
|
|
24
|
+
class: ClassType;
|
|
24
25
|
scroll: boolean;
|
|
25
26
|
theme: ThemeColor;
|
|
26
27
|
size: "xs" | "s" | "m" | "l" | "xl";
|
|
27
28
|
variant: "header" | "body" | "footer";
|
|
28
|
-
class: ClassType;
|
|
29
29
|
open: boolean;
|
|
30
30
|
accordion: boolean;
|
|
31
31
|
cross: boolean;
|
|
@@ -8,9 +8,9 @@ interface Props {
|
|
|
8
8
|
class?: ClassType;
|
|
9
9
|
}
|
|
10
10
|
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
11
|
+
class: ClassType;
|
|
11
12
|
theme: ThemeColor;
|
|
12
13
|
size: number;
|
|
13
|
-
class: ClassType;
|
|
14
14
|
span1: number;
|
|
15
15
|
span2: number;
|
|
16
16
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -13,8 +13,8 @@ interface Props {
|
|
|
13
13
|
theme?: ThemeColor;
|
|
14
14
|
}
|
|
15
15
|
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
16
|
-
theme: ThemeColor;
|
|
17
16
|
class: ClassType;
|
|
17
|
+
theme: ThemeColor;
|
|
18
18
|
classLink: ClassType;
|
|
19
19
|
classUnlink: ClassType;
|
|
20
20
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { ThemeColor } from '#build/nuxt-hs-ui
|
|
1
|
+
import type { ThemeColor } from '#build/nuxt-hs-ui/types/theme';
|
|
2
2
|
export declare const GetColorCode: (theme: ThemeColor) => string;
|
|
3
|
-
export type { ThemeColor } from '#build/nuxt-hs-ui
|
|
3
|
+
export type { ThemeColor } from '#build/nuxt-hs-ui/types/theme';
|
|
4
4
|
export declare const Theme: Record<ThemeColor, ThemeColor>;
|
|
5
5
|
export declare function GetTextColor(bgHex: string, over?: string): '#000000' | '#ffffff';
|
|
6
6
|
export declare function pickTextColor(bgHex: string, over?: string): '#000000' | '#ffffff';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { GetColorCode as _GetColorCode } from "#build/nuxt-hs-ui
|
|
1
|
+
import { GetColorCode as _GetColorCode } from "#build/nuxt-hs-ui/runtime/theme.mjs";
|
|
2
2
|
export const GetColorCode = (theme2) => _GetColorCode(theme2);
|
|
3
|
-
import { Theme as theme } from "#build/nuxt-hs-ui
|
|
3
|
+
import { Theme as theme } from "#build/nuxt-hs-ui/runtime/theme.mjs";
|
|
4
4
|
export const Theme = theme;
|
|
5
5
|
export function GetTextColor(bgHex, over = "#ffffff") {
|
|
6
6
|
try {
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "nuxt-hs-ui",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.5",
|
|
4
4
|
"description": "This repository is dedicated to the ongoing migration of **nuxt-hs-ui** to **Nuxt 4**",
|
|
5
|
-
"repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui
|
|
5
|
+
"repository": "https://github.com/hare-systems-ryo/nuxt-hs-ui",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"author": {
|
|
8
8
|
"name": "Ryo@Hare-Systems",
|
|
@@ -46,7 +46,6 @@
|
|
|
46
46
|
"dev:build": "nuxi build playground",
|
|
47
47
|
"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
|
|
48
48
|
"release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
|
|
49
|
-
"release-nologen": "npm run lint && npm run test && npm run prepack && npm publish && git push --follow-tags",
|
|
50
49
|
"release-beta": "npm run lint && npm run test && npm run prepack && npm publish --tag beta && git push --follow-tags",
|
|
51
50
|
"lint": "eslint .",
|
|
52
51
|
"test": "vitest run",
|
|
@@ -63,17 +62,16 @@
|
|
|
63
62
|
"@vueuse/core": "^14.3.0",
|
|
64
63
|
"@vueuse/integrations": "^14.3.0",
|
|
65
64
|
"@vueuse/nuxt": "^14.3.0",
|
|
66
|
-
"bignumber.js": "^
|
|
65
|
+
"bignumber.js": "^11.1.4",
|
|
67
66
|
"body-scroll-lock": "^4.0.0-beta.0",
|
|
68
67
|
"dayjs": "^1.11.21",
|
|
69
68
|
"flatpickr": "^4.6.13",
|
|
70
|
-
"focus-trap": "^7.6.6",
|
|
71
69
|
"pinia": "^3.0.4",
|
|
72
70
|
"pinia-plugin-persistedstate": "^4.7.1",
|
|
73
|
-
"tabulator-tables": "^6.
|
|
74
|
-
"tailwind-merge": "^3.
|
|
71
|
+
"tabulator-tables": "^6.5.0",
|
|
72
|
+
"tailwind-merge": "^3.6.0",
|
|
75
73
|
"tailwind-variants": "^3.2.2",
|
|
76
|
-
"tailwindcss": "^4.1
|
|
74
|
+
"tailwindcss": "^4.3.1",
|
|
77
75
|
"vue-select": "^4.0.0-beta.6"
|
|
78
76
|
},
|
|
79
77
|
"devDependencies": {
|
|
@@ -83,7 +81,7 @@
|
|
|
83
81
|
"@nuxt/image": "^2.0.0",
|
|
84
82
|
"@nuxt/module-builder": "^1.0.2",
|
|
85
83
|
"@nuxt/schema": "^4.4.8",
|
|
86
|
-
"@nuxt/test-utils": "^
|
|
84
|
+
"@nuxt/test-utils": "^4.0.3",
|
|
87
85
|
"@nuxt/ui": "^4.8.2",
|
|
88
86
|
"@types/body-scroll-lock": "^3.1.2",
|
|
89
87
|
"@types/node": "latest",
|
|
@@ -93,9 +91,10 @@
|
|
|
93
91
|
"eslint": "^10.5.0",
|
|
94
92
|
"npm": "^11.17.0",
|
|
95
93
|
"nuxt": "^4.4.8",
|
|
96
|
-
"sass": "^1.
|
|
94
|
+
"sass": "^1.101.0",
|
|
97
95
|
"typescript": "~5.9.3",
|
|
98
|
-
"
|
|
99
|
-
"
|
|
96
|
+
"unbuild": "^3.6.1",
|
|
97
|
+
"vitest": "^4.1.9",
|
|
98
|
+
"vue-tsc": "^3.3.5"
|
|
100
99
|
}
|
|
101
|
-
}
|
|
100
|
+
}
|