pukaad-ui-lib 1.302.0 → 1.304.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
3
  "configKey": "pukaadUI",
4
- "version": "1.302.0",
4
+ "version": "1.304.0",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.2",
7
7
  "unbuild": "3.6.1"
@@ -2,22 +2,40 @@
2
2
  <Card variant="outline">
3
3
  <div class="flex flex-col gap-[16px]">
4
4
  <div class="flex gap-[12px]">
5
- <Icon name="lucide:circle-alert" :size="20" class="text-primary shrink-0 mt-[2px]" />
5
+ <Icon
6
+ name="lucide:circle-alert"
7
+ :size="20"
8
+ class="text-primary shrink-0 mt-[2px]"
9
+ />
6
10
  <div v-if="props.item.description">{{ props.item.description }}</div>
7
11
  <div v-else class="text-cloud">ไม่มีข้อมูลคำอธิบาย</div>
8
12
  </div>
9
13
 
10
14
  <div class="flex gap-[12px]">
11
- <Icon name="lucide:tag" :size="20" class="text-primary shrink-0 mt-[2px]" />
15
+ <Icon
16
+ name="lucide:tag"
17
+ :size="20"
18
+ class="text-primary shrink-0 mt-[2px]"
19
+ />
12
20
  <div v-if="categoryText">{{ categoryText }}</div>
13
21
  <div v-else class="text-cloud">ไม่มีข้อมูลประเภท</div>
14
22
  </div>
15
23
 
16
24
  <div class="flex gap-[12px]">
17
- <Icon name="lucide:clock" :size="20" class="text-primary shrink-0 mt-[2px]" />
25
+ <Icon
26
+ name="lucide:clock"
27
+ :size="20"
28
+ class="text-primary shrink-0 mt-[2px]"
29
+ />
18
30
  <div v-if="businessHours.length" class="flex flex-col gap-[4px] flex-1">
19
- <div class="font-body-large-prominent text-success">{{ props.item.open_status ?? "\u0E40\u0E1B\u0E34\u0E14\u0E2D\u0E22\u0E39\u0E48" }}</div>
20
- <div v-for="(hour, index) in businessHours" :key="index" class="flex items-center justify-between">
31
+ <div class="font-body-large-prominent text-success">
32
+ {{ props.item.open_status ?? "\u0E40\u0E1B\u0E34\u0E14\u0E2D\u0E22\u0E39\u0E48" }}
33
+ </div>
34
+ <div
35
+ v-for="(hour, index) in businessHours"
36
+ :key="index"
37
+ class="flex items-center justify-between"
38
+ >
21
39
  <span>{{ hour.day }}</span>
22
40
  <span>{{ hour.time_range }}</span>
23
41
  </div>
@@ -26,7 +44,11 @@
26
44
  </div>
27
45
 
28
46
  <div class="flex gap-[12px]">
29
- <Icon name="lucide:phone" :size="20" class="text-primary shrink-0 mt-[2px]" />
47
+ <Icon
48
+ name="lucide:phone"
49
+ :size="20"
50
+ class="text-primary shrink-0 mt-[2px]"
51
+ />
30
52
  <div v-if="props.item.phone">{{ props.item.phone }}</div>
31
53
  <div v-else class="text-cloud">ไม่มีข้อมูลเบอร์โทรศัพท์</div>
32
54
  </div>
@@ -40,7 +62,11 @@
40
62
  class="flex gap-[12px] items-center cursor-pointer hover:underline"
41
63
  @click="onClickLink(linkItem.link)"
42
64
  >
43
- <Icon :name="`pukaad-social:${linkItem.name}`" :size="20" class="shrink-0" />
65
+ <Icon
66
+ :name="`pukaad-social:${linkItem.name}`"
67
+ :size="20"
68
+ class="shrink-0"
69
+ />
44
70
  <span>{{ linkItem.link }}</span>
45
71
  </div>
46
72
  </div>
@@ -54,7 +80,15 @@
54
80
 
55
81
  <script setup>
56
82
  import { computed } from "vue";
57
- const DAY_NAMES = ["\u0E27\u0E31\u0E19\u0E2D\u0E32\u0E17\u0E34\u0E15\u0E22\u0E4C", "\u0E27\u0E31\u0E19\u0E08\u0E31\u0E19\u0E17\u0E23\u0E4C", "\u0E27\u0E31\u0E19\u0E2D\u0E31\u0E07\u0E04\u0E32\u0E23", "\u0E27\u0E31\u0E19\u0E1E\u0E38\u0E18", "\u0E27\u0E31\u0E19\u0E1E\u0E24\u0E2B\u0E31\u0E2A\u0E1A\u0E14\u0E35", "\u0E27\u0E31\u0E19\u0E28\u0E38\u0E01\u0E23\u0E4C", "\u0E27\u0E31\u0E19\u0E40\u0E2A\u0E32\u0E23\u0E4C"];
83
+ const DAY_NAMES = [
84
+ "\u0E27\u0E31\u0E19\u0E2D\u0E32\u0E17\u0E34\u0E15\u0E22\u0E4C",
85
+ "\u0E27\u0E31\u0E19\u0E08\u0E31\u0E19\u0E17\u0E23\u0E4C",
86
+ "\u0E27\u0E31\u0E19\u0E2D\u0E31\u0E07\u0E04\u0E32\u0E23",
87
+ "\u0E27\u0E31\u0E19\u0E1E\u0E38\u0E18",
88
+ "\u0E27\u0E31\u0E19\u0E1E\u0E24\u0E2B\u0E31\u0E2A\u0E1A\u0E14\u0E35",
89
+ "\u0E27\u0E31\u0E19\u0E28\u0E38\u0E01\u0E23\u0E4C",
90
+ "\u0E27\u0E31\u0E19\u0E40\u0E2A\u0E32\u0E23\u0E4C"
91
+ ];
58
92
  const props = defineProps({
59
93
  item: { type: Object, required: false, default: () => ({}) }
60
94
  });
@@ -1,6 +1,8 @@
1
1
  <template>
2
- <div class="py-[16px] border-b-[1px] border-mercury flex gap-[16px] w-full">
3
- <div v-if="props.item.user.avatar">
2
+ <div
3
+ class="py-[16px] border-b-[1px] border-mercury last:border-b-0 flex gap-[16px] w-full"
4
+ >
5
+ <div>
4
6
  <Avatar
5
7
  :src="props.item.user.avatar"
6
8
  alt="profile_myProfile"
@@ -8,7 +8,10 @@
8
8
  v-model="isOpen"
9
9
  >
10
10
  <div class="flex flex-col gap-[16px]">
11
- <div class="flex gap-[16px]">
11
+ <div
12
+ v-if="form.coverImage || form.placeName || form.address"
13
+ class="flex gap-[16px]"
14
+ >
12
15
  <div
13
16
  v-if="form.coverImage"
14
17
  class="w-[178px] h-[100px] rounded-[8px] overflow-hidden flex-shrink-0"
@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
64
64
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
65
65
  src: string;
66
66
  center: boolean;
67
- background: boolean;
68
- modal: boolean;
69
67
  responsive: boolean;
70
68
  restore: boolean;
71
69
  checkCrossOrigin: boolean;
72
70
  checkOrientation: boolean;
73
71
  crossorigin: "" | "anonymous" | "use-credentials";
72
+ modal: boolean;
74
73
  guides: boolean;
75
74
  highlight: boolean;
75
+ background: boolean;
76
76
  autoCrop: boolean;
77
77
  movable: boolean;
78
78
  rotatable: boolean;
@@ -64,15 +64,15 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
64
64
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
65
65
  src: string;
66
66
  center: boolean;
67
- background: boolean;
68
- modal: boolean;
69
67
  responsive: boolean;
70
68
  restore: boolean;
71
69
  checkCrossOrigin: boolean;
72
70
  checkOrientation: boolean;
73
71
  crossorigin: "" | "anonymous" | "use-credentials";
72
+ modal: boolean;
74
73
  guides: boolean;
75
74
  highlight: boolean;
75
+ background: boolean;
76
76
  autoCrop: boolean;
77
77
  movable: boolean;
78
78
  rotatable: boolean;
@@ -50,11 +50,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
50
50
  name: string;
51
51
  options: AutocompleteOption[] | string[] | number[];
52
52
  description: string;
53
+ limit: number;
53
54
  placeholder: string;
54
55
  disabledErrorMessage: boolean;
55
56
  disabledBorder: boolean;
56
57
  showCounter: boolean;
57
- limit: number;
58
58
  returnObject: boolean;
59
59
  freeText: boolean;
60
60
  valueKey: string;
@@ -50,11 +50,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
50
50
  name: string;
51
51
  options: AutocompleteOption[] | string[] | number[];
52
52
  description: string;
53
+ limit: number;
53
54
  placeholder: string;
54
55
  disabledErrorMessage: boolean;
55
56
  disabledBorder: boolean;
56
57
  showCounter: boolean;
57
- limit: number;
58
58
  returnObject: boolean;
59
59
  freeText: boolean;
60
60
  valueKey: string;
@@ -34,8 +34,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
34
34
  fullWidth: boolean;
35
35
  fullHeight: boolean;
36
36
  name: string;
37
- disabledErrorMessage: boolean;
38
37
  limit: number;
38
+ disabledErrorMessage: boolean;
39
39
  accept: string;
40
40
  labelIcon: string;
41
41
  disabledDrop: boolean;
@@ -34,8 +34,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
34
34
  fullWidth: boolean;
35
35
  fullHeight: boolean;
36
36
  name: string;
37
- disabledErrorMessage: boolean;
38
37
  limit: number;
38
+ disabledErrorMessage: boolean;
39
39
  accept: string;
40
40
  labelIcon: string;
41
41
  disabledDrop: boolean;
@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
26
26
  }>, {
27
27
  name: string;
28
28
  state: "user" | "admin";
29
- placeholder: string;
30
29
  limit: number;
30
+ placeholder: string;
31
31
  ignore: string[];
32
32
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
33
33
  declare const _default: typeof __VLS_export;
@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
26
26
  }>, {
27
27
  name: string;
28
28
  state: "user" | "admin";
29
- placeholder: string;
30
29
  limit: number;
30
+ placeholder: string;
31
31
  ignore: string[];
32
32
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
33
33
  declare const _default: typeof __VLS_export;
@@ -59,10 +59,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
59
59
  required: boolean;
60
60
  id: string;
61
61
  name: string;
62
+ limit: number;
62
63
  disabledErrorMessage: boolean;
63
64
  disabledBorder: boolean;
64
65
  showCounter: boolean;
65
- limit: number;
66
66
  readonly: boolean;
67
67
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
68
68
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -59,10 +59,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
59
59
  required: boolean;
60
60
  id: string;
61
61
  name: string;
62
+ limit: number;
62
63
  disabledErrorMessage: boolean;
63
64
  disabledBorder: boolean;
64
65
  showCounter: boolean;
65
- limit: number;
66
66
  readonly: boolean;
67
67
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
68
68
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -46,10 +46,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
46
46
  id: string;
47
47
  name: string;
48
48
  resize: "none" | "both" | "horizontal" | "vertical";
49
+ limit: number;
49
50
  disabledErrorMessage: boolean;
50
51
  disabledBorder: boolean;
51
52
  showCounter: boolean;
52
- limit: number;
53
53
  readonly: boolean;
54
54
  rows: number;
55
55
  heightScroll: boolean;
@@ -46,10 +46,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
46
46
  id: string;
47
47
  name: string;
48
48
  resize: "none" | "both" | "horizontal" | "vertical";
49
+ limit: number;
49
50
  disabledErrorMessage: boolean;
50
51
  disabledBorder: boolean;
51
52
  showCounter: boolean;
52
- limit: number;
53
53
  readonly: boolean;
54
54
  rows: number;
55
55
  heightScroll: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
- "version": "1.302.0",
3
+ "version": "1.304.0",
4
4
  "description": "pukaad-ui for MeMSG",
5
5
  "repository": {
6
6
  "type": "git",