pukaad-ui-lib 1.90.0 → 1.92.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/module.json +1 -1
- package/dist/module.mjs +4 -2
- package/dist/runtime/composables/useConvert.d.ts +28 -0
- package/dist/runtime/composables/useConvert.js +71 -0
- package/dist/runtime/plugins/convert.client.d.ts +1 -2
- package/dist/runtime/plugins/convert.client.js +18 -16
- package/package.json +1 -1
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -79,10 +79,11 @@ const module$1 = defineNuxtModule({
|
|
|
79
79
|
});
|
|
80
80
|
addPlugin(resolver.resolve("./runtime/plugins/re-captcha"));
|
|
81
81
|
addPlugin(resolver.resolve("./runtime/plugins/loadingPage"));
|
|
82
|
+
addPlugin(resolver.resolve("./runtime/plugins/dayjs"));
|
|
82
83
|
addPlugin(resolver.resolve("./runtime/plugins/alert"));
|
|
83
84
|
addPlugin(resolver.resolve("./runtime/plugins/toast"));
|
|
84
|
-
addPlugin(resolver.resolve("./runtime/plugins/convert.client"));
|
|
85
85
|
addPlugin(resolver.resolve("./runtime/plugins/quill.client"));
|
|
86
|
+
addPlugin(resolver.resolve("./runtime/plugins/convert.client"));
|
|
86
87
|
_nuxt.hook("nitro:config", (nitroConfig) => {
|
|
87
88
|
nitroConfig.publicAssets ||= [];
|
|
88
89
|
nitroConfig.publicAssets.push({
|
|
@@ -108,7 +109,8 @@ const module$1 = defineNuxtModule({
|
|
|
108
109
|
references.push(
|
|
109
110
|
{ types: "dayjs/plugin/buddhistEra" },
|
|
110
111
|
{ types: "dayjs/plugin/minMax" },
|
|
111
|
-
{ types: "dayjs/plugin/updateLocale" }
|
|
112
|
+
{ types: "dayjs/plugin/updateLocale" },
|
|
113
|
+
{ path: resolver.resolve("./types/convert.d.ts") }
|
|
112
114
|
);
|
|
113
115
|
});
|
|
114
116
|
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export declare class Convert {
|
|
2
|
+
/**
|
|
3
|
+
* Convert date to Thai Buddhist Era
|
|
4
|
+
* @example convertDate("2026-01-20") => "20 มกราคม 2569"
|
|
5
|
+
*/
|
|
6
|
+
convertDate(date: string | Date | null | undefined): string;
|
|
7
|
+
/**
|
|
8
|
+
* Convert datetime to Thai Buddhist Era with comma separator
|
|
9
|
+
* @example convertDateTime("2026-01-20T13:30:00") => "20 มกราคม 2569, 13:30 น."
|
|
10
|
+
*/
|
|
11
|
+
convertDateTime(date: string | Date | null | undefined): string;
|
|
12
|
+
/**
|
|
13
|
+
* Convert date to short format
|
|
14
|
+
* @example convertShortDate("2026-01-20") => "20/01/69"
|
|
15
|
+
*/
|
|
16
|
+
convertShortDate(date: string | Date | null | undefined): string;
|
|
17
|
+
/**
|
|
18
|
+
* Convert time only
|
|
19
|
+
* @example convertTime("2026-01-20T13:30:00") => "13:30 น."
|
|
20
|
+
*/
|
|
21
|
+
convertTime(date: string | Date | null | undefined): string;
|
|
22
|
+
/**
|
|
23
|
+
* Convert number to Thai format
|
|
24
|
+
* @example convertNumber(1500000) => "1.5 ล้าน"
|
|
25
|
+
*/
|
|
26
|
+
convertNumber(num: number): string;
|
|
27
|
+
}
|
|
28
|
+
export declare function useConvert(): Convert;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import dayjs from "#dayjs";
|
|
2
|
+
const djs = dayjs;
|
|
3
|
+
export class Convert {
|
|
4
|
+
/**
|
|
5
|
+
* Convert date to Thai Buddhist Era
|
|
6
|
+
* @example convertDate("2026-01-20") => "20 มกราคม 2569"
|
|
7
|
+
*/
|
|
8
|
+
convertDate(date) {
|
|
9
|
+
if (!date) return "-";
|
|
10
|
+
const d = djs(date);
|
|
11
|
+
if (!d.isValid()) return "-";
|
|
12
|
+
return d.format("D MMMM BBBB");
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Convert datetime to Thai Buddhist Era with comma separator
|
|
16
|
+
* @example convertDateTime("2026-01-20T13:30:00") => "20 มกราคม 2569, 13:30 น."
|
|
17
|
+
*/
|
|
18
|
+
convertDateTime(date) {
|
|
19
|
+
if (!date) return "-";
|
|
20
|
+
const d = djs(date);
|
|
21
|
+
if (!d.isValid()) return "-";
|
|
22
|
+
return d.format("D MMMM BBBB, HH:mm \u0E19.");
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Convert date to short format
|
|
26
|
+
* @example convertShortDate("2026-01-20") => "20/01/69"
|
|
27
|
+
*/
|
|
28
|
+
convertShortDate(date) {
|
|
29
|
+
if (!date) return "-";
|
|
30
|
+
const d = djs(date);
|
|
31
|
+
if (!d.isValid()) return "-";
|
|
32
|
+
return d.format("DD/MM/BB");
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Convert time only
|
|
36
|
+
* @example convertTime("2026-01-20T13:30:00") => "13:30 น."
|
|
37
|
+
*/
|
|
38
|
+
convertTime(date) {
|
|
39
|
+
if (!date) return "-";
|
|
40
|
+
const d = djs(date);
|
|
41
|
+
if (!d.isValid()) return "-";
|
|
42
|
+
return d.format("HH:mm \u0E19.");
|
|
43
|
+
}
|
|
44
|
+
/**
|
|
45
|
+
* Convert number to Thai format
|
|
46
|
+
* @example convertNumber(1500000) => "1.5 ล้าน"
|
|
47
|
+
*/
|
|
48
|
+
convertNumber(num) {
|
|
49
|
+
if (num >= 1e6) {
|
|
50
|
+
const value = Math.floor(num / 1e6 * 10) / 10;
|
|
51
|
+
return value.toString().replace(/\.0$/, "") + " \u0E25\u0E49\u0E32\u0E19";
|
|
52
|
+
}
|
|
53
|
+
if (num >= 1e5) {
|
|
54
|
+
const value = Math.floor(num / 1e5 * 10) / 10;
|
|
55
|
+
return value.toString().replace(/\.0$/, "") + " \u0E41\u0E2A\u0E19";
|
|
56
|
+
}
|
|
57
|
+
if (num >= 1e4) {
|
|
58
|
+
const value = Math.floor(num / 1e4 * 10) / 10;
|
|
59
|
+
return value.toString().replace(/\.0$/, "") + " \u0E2B\u0E21\u0E37\u0E48\u0E19";
|
|
60
|
+
}
|
|
61
|
+
if (num >= 1e3) {
|
|
62
|
+
const value = Math.floor(num / 1e3 * 10) / 10;
|
|
63
|
+
return value.toString().replace(/\.0$/, "") + " \u0E1E\u0E31\u0E19";
|
|
64
|
+
}
|
|
65
|
+
return num.toString();
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
const convertInstance = new Convert();
|
|
69
|
+
export function useConvert() {
|
|
70
|
+
return convertInstance;
|
|
71
|
+
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
import { defineNuxtPlugin } from "nuxt/app";
|
|
2
|
-
let dayjsInstance;
|
|
1
|
+
import { defineNuxtPlugin, useNuxtApp } from "nuxt/app";
|
|
3
2
|
export class Convert {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
3
|
+
getDayjs() {
|
|
4
|
+
const nuxtApp = useNuxtApp();
|
|
5
|
+
return nuxtApp.$dayjs || null;
|
|
7
6
|
}
|
|
8
7
|
/**
|
|
9
8
|
* Convert date to Thai Buddhist Era
|
|
@@ -11,7 +10,9 @@ export class Convert {
|
|
|
11
10
|
*/
|
|
12
11
|
convertDate(date) {
|
|
13
12
|
if (!date) return "-";
|
|
14
|
-
const
|
|
13
|
+
const dayjs = this.getDayjs();
|
|
14
|
+
if (!dayjs) return "-";
|
|
15
|
+
const d = dayjs(date);
|
|
15
16
|
if (!d.isValid()) return "-";
|
|
16
17
|
return d.format("D MMMM BBBB");
|
|
17
18
|
}
|
|
@@ -21,7 +22,9 @@ export class Convert {
|
|
|
21
22
|
*/
|
|
22
23
|
convertDateTime(date) {
|
|
23
24
|
if (!date) return "-";
|
|
24
|
-
const
|
|
25
|
+
const dayjs = this.getDayjs();
|
|
26
|
+
if (!dayjs) return "-";
|
|
27
|
+
const d = dayjs(date);
|
|
25
28
|
if (!d.isValid()) return "-";
|
|
26
29
|
return d.format("D MMMM BBBB, HH:mm \u0E19.");
|
|
27
30
|
}
|
|
@@ -31,7 +34,9 @@ export class Convert {
|
|
|
31
34
|
*/
|
|
32
35
|
convertShortDate(date) {
|
|
33
36
|
if (!date) return "-";
|
|
34
|
-
const
|
|
37
|
+
const dayjs = this.getDayjs();
|
|
38
|
+
if (!dayjs) return "-";
|
|
39
|
+
const d = dayjs(date);
|
|
35
40
|
if (!d.isValid()) return "-";
|
|
36
41
|
return d.format("DD/MM/BB");
|
|
37
42
|
}
|
|
@@ -41,7 +46,9 @@ export class Convert {
|
|
|
41
46
|
*/
|
|
42
47
|
convertTime(date) {
|
|
43
48
|
if (!date) return "-";
|
|
44
|
-
const
|
|
49
|
+
const dayjs = this.getDayjs();
|
|
50
|
+
if (!dayjs) return "-";
|
|
51
|
+
const d = dayjs(date);
|
|
45
52
|
if (!d.isValid()) return "-";
|
|
46
53
|
return d.format("HH:mm \u0E19.");
|
|
47
54
|
}
|
|
@@ -69,15 +76,10 @@ export class Convert {
|
|
|
69
76
|
return num.toString();
|
|
70
77
|
}
|
|
71
78
|
}
|
|
72
|
-
export default defineNuxtPlugin(
|
|
73
|
-
const dayjs = (await import("dayjs")).default;
|
|
74
|
-
const buddhistEra = (await import("dayjs/plugin/buddhistEra")).default;
|
|
75
|
-
const localeTh = (await import("dayjs/locale/th")).default;
|
|
76
|
-
dayjs.extend(buddhistEra);
|
|
77
|
-
dayjs.locale("th");
|
|
79
|
+
export default defineNuxtPlugin(() => {
|
|
78
80
|
return {
|
|
79
81
|
provide: {
|
|
80
|
-
convert: new Convert(
|
|
82
|
+
convert: new Convert()
|
|
81
83
|
}
|
|
82
84
|
};
|
|
83
85
|
});
|