@unsource/ui 1.9.9 → 1.9.11

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.
Files changed (97) hide show
  1. package/dist/module.json +1 -1
  2. package/dist/runtime/components/UnCheckboxItem.vue +1 -1
  3. package/dist/runtime/components/UnRadioItem.vue +1 -1
  4. package/package.json +1 -1
  5. package/dist/runtime/components/The/Button.d.vue.ts +0 -15
  6. package/dist/runtime/components/The/Button.vue +0 -52
  7. package/dist/runtime/components/The/Button.vue.d.ts +0 -15
  8. package/dist/runtime/components/The/Card.d.vue.ts +0 -21
  9. package/dist/runtime/components/The/Card.vue +0 -55
  10. package/dist/runtime/components/The/Card.vue.d.ts +0 -21
  11. package/dist/runtime/components/The/Chart.d.vue.ts +0 -18
  12. package/dist/runtime/components/The/Chart.vue +0 -149
  13. package/dist/runtime/components/The/Chart.vue.d.ts +0 -18
  14. package/dist/runtime/components/The/Checkbox.d.vue.ts +0 -15
  15. package/dist/runtime/components/The/Checkbox.vue +0 -40
  16. package/dist/runtime/components/The/Checkbox.vue.d.ts +0 -15
  17. package/dist/runtime/components/The/CodeInput.d.vue.ts +0 -6
  18. package/dist/runtime/components/The/CodeInput.vue +0 -31
  19. package/dist/runtime/components/The/CodeInput.vue.d.ts +0 -6
  20. package/dist/runtime/components/The/DiscountCode.d.vue.ts +0 -15
  21. package/dist/runtime/components/The/DiscountCode.vue +0 -29
  22. package/dist/runtime/components/The/DiscountCode.vue.d.ts +0 -15
  23. package/dist/runtime/components/The/Dropdown.d.vue.ts +0 -33
  24. package/dist/runtime/components/The/Dropdown.vue +0 -82
  25. package/dist/runtime/components/The/Dropdown.vue.d.ts +0 -33
  26. package/dist/runtime/components/The/DropdownModal.d.vue.ts +0 -17
  27. package/dist/runtime/components/The/DropdownModal.vue +0 -29
  28. package/dist/runtime/components/The/DropdownModal.vue.d.ts +0 -17
  29. package/dist/runtime/components/The/EmptyData.d.vue.ts +0 -6
  30. package/dist/runtime/components/The/EmptyData.vue +0 -13
  31. package/dist/runtime/components/The/EmptyData.vue.d.ts +0 -6
  32. package/dist/runtime/components/The/IRDatePicker.d.vue.ts +0 -15
  33. package/dist/runtime/components/The/IRDatePicker.vue +0 -85
  34. package/dist/runtime/components/The/IRDatePicker.vue.d.ts +0 -15
  35. package/dist/runtime/components/The/Input.d.vue.ts +0 -51
  36. package/dist/runtime/components/The/Input.vue +0 -55
  37. package/dist/runtime/components/The/Input.vue.d.ts +0 -51
  38. package/dist/runtime/components/The/Label.d.vue.ts +0 -16
  39. package/dist/runtime/components/The/Label.vue +0 -19
  40. package/dist/runtime/components/The/Label.vue.d.ts +0 -16
  41. package/dist/runtime/components/The/Log.d.vue.ts +0 -11
  42. package/dist/runtime/components/The/Log.vue +0 -28
  43. package/dist/runtime/components/The/Log.vue.d.ts +0 -11
  44. package/dist/runtime/components/The/Map.d.vue.ts +0 -17
  45. package/dist/runtime/components/The/Map.vue +0 -153
  46. package/dist/runtime/components/The/Map.vue.d.ts +0 -17
  47. package/dist/runtime/components/The/MultiUploader.d.vue.ts +0 -20
  48. package/dist/runtime/components/The/MultiUploader.vue +0 -126
  49. package/dist/runtime/components/The/MultiUploader.vue.d.ts +0 -20
  50. package/dist/runtime/components/The/NewPWA.d.vue.ts +0 -3
  51. package/dist/runtime/components/The/NewPWA.vue +0 -40
  52. package/dist/runtime/components/The/NewPWA.vue.d.ts +0 -3
  53. package/dist/runtime/components/The/NumberInput.d.vue.ts +0 -16
  54. package/dist/runtime/components/The/NumberInput.vue +0 -36
  55. package/dist/runtime/components/The/NumberInput.vue.d.ts +0 -16
  56. package/dist/runtime/components/The/NuxtIcon.d.vue.ts +0 -9
  57. package/dist/runtime/components/The/NuxtIcon.vue +0 -29
  58. package/dist/runtime/components/The/NuxtIcon.vue.d.ts +0 -9
  59. package/dist/runtime/components/The/PWA.d.vue.ts +0 -3
  60. package/dist/runtime/components/The/PWA.vue +0 -17
  61. package/dist/runtime/components/The/PWA.vue.d.ts +0 -3
  62. package/dist/runtime/components/The/QRCode.d.vue.ts +0 -6
  63. package/dist/runtime/components/The/QRCode.vue +0 -10
  64. package/dist/runtime/components/The/QRCode.vue.d.ts +0 -6
  65. package/dist/runtime/components/The/Range.d.vue.ts +0 -13
  66. package/dist/runtime/components/The/Range.vue +0 -56
  67. package/dist/runtime/components/The/Range.vue.d.ts +0 -13
  68. package/dist/runtime/components/The/Rate.d.vue.ts +0 -10
  69. package/dist/runtime/components/The/Rate.vue +0 -9
  70. package/dist/runtime/components/The/Rate.vue.d.ts +0 -10
  71. package/dist/runtime/components/The/Search.d.vue.ts +0 -21
  72. package/dist/runtime/components/The/Search.vue +0 -28
  73. package/dist/runtime/components/The/Search.vue.d.ts +0 -21
  74. package/dist/runtime/components/The/Searchbar.d.vue.ts +0 -13
  75. package/dist/runtime/components/The/Searchbar.vue +0 -35
  76. package/dist/runtime/components/The/Searchbar.vue.d.ts +0 -13
  77. package/dist/runtime/components/The/Slider.d.vue.ts +0 -9
  78. package/dist/runtime/components/The/Slider.vue +0 -18
  79. package/dist/runtime/components/The/Slider.vue.d.ts +0 -9
  80. package/dist/runtime/components/The/TableCard.d.vue.ts +0 -22
  81. package/dist/runtime/components/The/TableCard.vue +0 -46
  82. package/dist/runtime/components/The/TableCard.vue.d.ts +0 -22
  83. package/dist/runtime/components/The/TextIcon.d.vue.ts +0 -3
  84. package/dist/runtime/components/The/TextIcon.vue +0 -10
  85. package/dist/runtime/components/The/TextIcon.vue.d.ts +0 -3
  86. package/dist/runtime/components/The/Timer.d.vue.ts +0 -23
  87. package/dist/runtime/components/The/Timer.vue +0 -29
  88. package/dist/runtime/components/The/Timer.vue.d.ts +0 -23
  89. package/dist/runtime/components/The/Toggle/Button.d.vue.ts +0 -11
  90. package/dist/runtime/components/The/Toggle/Button.vue +0 -22
  91. package/dist/runtime/components/The/Toggle/Button.vue.d.ts +0 -11
  92. package/dist/runtime/components/The/Toggle/index.d.vue.ts +0 -11
  93. package/dist/runtime/components/The/Toggle/index.vue +0 -22
  94. package/dist/runtime/components/The/Toggle/index.vue.d.ts +0 -11
  95. package/dist/runtime/components/The/UploadFile.d.vue.ts +0 -24
  96. package/dist/runtime/components/The/UploadFile.vue +0 -83
  97. package/dist/runtime/components/The/UploadFile.vue.d.ts +0 -24
@@ -1,82 +0,0 @@
1
- <template>
2
- <div class="flex relative items-center b-rd-3 gap-2 cursor-pointer border-1"
3
- v-on-click-outside="()=>dropdown=false"
4
- :class="[dropdown ? 'border-secondary-900' : 'border-transparent'], [bgColor ? bgColor : 'bg-white'], [height ? height : ''] ,[px ? px : ''], [width ? width : '']"
5
- @click="!disabled ? dropdown = !dropdown : ''">
6
- <TheNuxtIcon v-if="!disabled" :name="prependIcon" icon-type="svg" class="text-xl text-text"
7
- :class="[textColor ? textColor : 'c-black-900' ]"/>
8
- <p class="flex c-gray-400 text-sm font-medium select-none gap-2 grow" :class="[value ? '' : 'c-opacity-50']">
9
- <TheNuxtIcon v-if="icon" :name="icon" class="rounded-full text-lg" icon-type="svg"/>
10
- {{ title || $t('لطفا یک گزینه را انتخاب کنید') }}
11
- </p>
12
- <p v-if="value" class="c-gray-400 text-sm font-extrabold">
13
- {{ typeof value?.label === 'number' ? value.label.toLocaleString() + ' ' + value.key : value }}</p>
14
- <TheNuxtIcon v-if="!disabled" :name="appendIcon" icon-type="svg" class="text-xl text-text"
15
- :class="[textColor ? textColor : 'c-black-900' ]"/>
16
- <div
17
- v-show="dropdown"
18
- class="flex flex-col items-stretch absolute top-12 right-0 w-full bg-white rounded-2xl max-h-40vh overflow-auto shadow-card">
19
- <TheDropdownModal :items="data" v-model="value"/>
20
- </div>
21
- </div>
22
- </template>
23
-
24
- <script setup>
25
- import { vOnClickOutside } from "@vueuse/components";
26
- const props = defineProps({
27
- title: {
28
- type: String,
29
- default: ""
30
- },
31
- appendText: {
32
- type: String,
33
- default: ""
34
- },
35
- icon: {
36
- type: String,
37
- default: ""
38
- },
39
- label: {
40
- type: String,
41
- default: "title"
42
- },
43
- data: {
44
- type: Array,
45
- default: () => []
46
- },
47
- disabled: {
48
- type: Boolean,
49
- default: false
50
- },
51
- bgColor: {
52
- type: String,
53
- default: "bg-gray-100"
54
- },
55
- textColor: {
56
- type: String,
57
- default: ""
58
- },
59
- appendIcon: {
60
- type: String,
61
- default: ""
62
- },
63
- prependIcon: {
64
- type: String,
65
- default: ""
66
- },
67
- height: {
68
- type: String,
69
- default: "h-12"
70
- },
71
- width: {
72
- type: String,
73
- default: ""
74
- },
75
- px: {
76
- type: String,
77
- default: ""
78
- }
79
- });
80
- const value = defineModel();
81
- const dropdown = ref(false);
82
- </script>
@@ -1,33 +0,0 @@
1
- declare const _default: typeof __VLS_export;
2
- export default _default;
3
- declare const __VLS_export: import("vue").DefineComponent<{}, {
4
- $props: Partial<typeof props>;
5
- icon: string;
6
- appendIcon: string;
7
- label: string;
8
- title: string;
9
- appendText: string;
10
- data: unknown[];
11
- disabled: boolean;
12
- bgColor: string;
13
- textColor: string;
14
- prependIcon: string;
15
- height: string;
16
- width: string;
17
- px: string;
18
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
19
- declare const props: {
20
- readonly icon: string;
21
- readonly appendIcon: string;
22
- readonly label: string;
23
- readonly title: string;
24
- readonly appendText: string;
25
- readonly data: unknown[];
26
- readonly disabled: boolean;
27
- readonly bgColor: string;
28
- readonly textColor: string;
29
- readonly prependIcon: string;
30
- readonly height: string;
31
- readonly width: string;
32
- readonly px: string;
33
- };
@@ -1,17 +0,0 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- items: {
3
- type: ArrayConstructor;
4
- };
5
- modelValue: {
6
- type: import("vue").PropType<any>;
7
- };
8
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
9
- items: {
10
- type: ArrayConstructor;
11
- };
12
- modelValue: {
13
- type: import("vue").PropType<any>;
14
- };
15
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
- declare const _default: typeof __VLS_export;
17
- export default _default;
@@ -1,29 +0,0 @@
1
- <template>
2
- <div class="bg-white-100 shadow-2xl rounded-t-2xl p-4 pb-8 z-2" @close="emit('close')">
3
- <div class="flex flex-col gap-2">
4
- <div v-for="item in items" class="flex gap-2 px-1 py-2 border-(0 b-1 gray-100 solid) items-center" @click="value = item">
5
- <!-- <TheNuxtIcon name="nissan.png" icon-type="img" class="!w-12 !h-8"/>-->
6
- <p class="c-gray-900 text-sm font-normal">{{typeof item?.label === "number" ? item.label.toLocaleString() + " " + item.key : item.label}}</p>
7
- </div>
8
- </div>
9
- </div>
10
- </template>
11
-
12
- <script setup>
13
- const { t } = useI18n();
14
- const route = useRoute();
15
- const emit = defineEmits(["close"]);
16
- defineProps({
17
- items: {
18
- type: Array
19
- }
20
- });
21
- const value = defineModel();
22
- const check = ref(JSON.parse(route.query.filter || "{}") || {});
23
- const router = useRouter();
24
- watch(check, () => {
25
- router.replace({
26
- query: { filter: JSON.stringify(check.value) }
27
- });
28
- });
29
- </script>
@@ -1,17 +0,0 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- items: {
3
- type: ArrayConstructor;
4
- };
5
- modelValue: {
6
- type: import("vue").PropType<any>;
7
- };
8
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
9
- items: {
10
- type: ArrayConstructor;
11
- };
12
- modelValue: {
13
- type: import("vue").PropType<any>;
14
- };
15
- }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
- declare const _default: typeof __VLS_export;
17
- export default _default;
@@ -1,6 +0,0 @@
1
- type __VLS_Props = {
2
- title?: string;
3
- };
4
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
5
- declare const _default: typeof __VLS_export;
6
- export default _default;
@@ -1,13 +0,0 @@
1
- <template>
2
- <div class="flex items-center justify-center py-2">
3
- <p class="text-(sm gray-400) font-medium">{{ title }} جهت نمایش وجود ندارد.
4
- <TheNuxtIcon name="solar:sad-square-bold-duotone"/>
5
- </p>
6
- </div>
7
- </template>
8
-
9
- <script setup>
10
- const { title = "\u0627\u0637\u0644\u0627\u0639\u0627\u062A\u06CC" } = defineProps({
11
- title: { type: String, required: false }
12
- });
13
- </script>
@@ -1,6 +0,0 @@
1
- type __VLS_Props = {
2
- title?: string;
3
- };
4
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
5
- declare const _default: typeof __VLS_export;
6
- export default _default;
@@ -1,15 +0,0 @@
1
- type __VLS_Props = {
2
- placeholder?: string;
3
- disabled?: boolean;
4
- focusable?: boolean;
5
- locale?: string;
6
- type?: 'date' | 'datetime' | 'time';
7
- head?: string;
8
- };
9
- type __VLS_ModelProps = {
10
- modelValue?: any;
11
- };
12
- type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
13
- declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
- declare const _default: typeof __VLS_export;
15
- export default _default;
@@ -1,85 +0,0 @@
1
- <template>
2
- <ClientOnly>
3
- <div class="flex flex-col gap-1">
4
- <p v-if="head" class="text-(sm secondary-500) font-medium">{{ head }}</p>
5
- <div class="flex flex-col relative border-(1 solid) rounded-2xl h-12"
6
- :class="[focused ? 'border-primary-500 bg-white' : 'bg-white border-white']">
7
- <div class="flex p-3 rounded-full cursor-pointer h-full" @click="click"
8
- v-on-click-outside="() => focused = false">
9
- <p class="c-gray-400 text-base font-medium grow">
10
- {{
11
- value ? moment(value, format[type]).locale(locale).format(display[type]) : focused ? "" : placeholder
12
- }}
13
- </p>
14
- <TheNuxtIcon name="solar:close-circle-bold-duotone" @click.prevent.stop="emit('append')" class="text-5 c-gray-400"/>
15
- </div>
16
- <div v-if="focused && focusable || value"
17
- class="absolute top-0 right-0 transform -translate-y-1/2 -translate-x-1/6 px-2 bg-white z-2 ">
18
- <p class="text-(sm gray-900) font-extrabold">{{ placeholder }}</p>
19
- </div>
20
- <date-picker
21
- :editable="true"
22
- :format="format[type]"
23
- :display-format="display[type]"
24
- :locale="locale"
25
- view="day"
26
- color="#7cb5f6"
27
- @close="show = false"
28
- :show="show"
29
- :type="type"
30
- v-model="value"
31
- custom-input="#my-custom-editable-input"
32
- />
33
- <input id="my-custom-editable-input" hidden>
34
- </div>
35
- </div>
36
- </ClientOnly>
37
- </template>
38
-
39
- <script setup>
40
- import { vOnClickOutside } from "@vueuse/components";
41
- import DatePicker from "vue3-persian-datetime-picker";
42
- import moment from "jalali-moment";
43
- const format = {
44
- datetime: "YYYY-MM-DDTHH:mm:ssZ",
45
- time: "HH:mm",
46
- date: "YYYY-MM-DDTHH:mm:ssZ"
47
- };
48
- const display = {
49
- datetime: "jYYYY-jMM-jDD HH:mm",
50
- time: "HH:mm",
51
- date: "jYYYY-jMM-jDD"
52
- };
53
- const {
54
- placeholder = "",
55
- disabled = false,
56
- focusable = true,
57
- locale = "fa",
58
- type = "datetime",
59
- head = ""
60
- } = defineProps({
61
- placeholder: { type: String, required: false },
62
- disabled: { type: Boolean, required: false },
63
- focusable: { type: Boolean, required: false },
64
- locale: { type: String, required: false },
65
- type: { type: String, required: false },
66
- head: { type: String, required: false }
67
- });
68
- const emit = defineEmits(["append"]);
69
- const value = defineModel();
70
- const show = ref(false);
71
- const focused = ref(false);
72
- const click = () => {
73
- show.value = !show.value;
74
- focused.value = true;
75
- };
76
- </script>
77
-
78
- <style>
79
- .vpd-main .vpd-content {
80
- @apply rounded-2xl shadow-none;
81
- }
82
- .vpd-main .vpd-header {
83
- @apply rounded-t-2xl !important;
84
- }
85
- </style>
@@ -1,15 +0,0 @@
1
- type __VLS_Props = {
2
- placeholder?: string;
3
- disabled?: boolean;
4
- focusable?: boolean;
5
- locale?: string;
6
- type?: 'date' | 'datetime' | 'time';
7
- head?: string;
8
- };
9
- type __VLS_ModelProps = {
10
- modelValue?: any;
11
- };
12
- type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
13
- declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
14
- declare const _default: typeof __VLS_export;
15
- export default _default;
@@ -1,51 +0,0 @@
1
- interface Props {
2
- className?: string;
3
- valueClassName?: string;
4
- focusClassName?: string;
5
- labelClass?: string;
6
- prependIcon?: string;
7
- prependIconType?: string;
8
- appendIcon?: string;
9
- appendIconType?: string;
10
- appendIconClass?: string;
11
- appendText?: string;
12
- inputType?: string;
13
- placeholder?: string;
14
- label?: string;
15
- password?: boolean;
16
- date?: boolean;
17
- disabled?: boolean;
18
- inputMode?: string;
19
- iconColor?: string;
20
- bgStyle?: string;
21
- handler?: any;
22
- focusable?: boolean;
23
- }
24
- type __VLS_Props = Props;
25
- type __VLS_ModelProps = {
26
- modelValue?: any;
27
- };
28
- type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
29
- declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
30
- appendIcon: string;
31
- label: string;
32
- appendText: string;
33
- disabled: boolean;
34
- prependIcon: string;
35
- date: boolean;
36
- placeholder: string;
37
- focusable: boolean;
38
- className: string;
39
- valueClassName: string;
40
- focusClassName: string;
41
- labelClass: string;
42
- appendIconType: string;
43
- appendIconClass: string;
44
- inputType: string;
45
- password: boolean;
46
- inputMode: string;
47
- iconColor: string;
48
- bgStyle: string;
49
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
50
- declare const _default: typeof __VLS_export;
51
- export default _default;
@@ -1,55 +0,0 @@
1
- <template>
2
- <div class="flex flex-col gap-1.5 ">
3
- <p v-if="label" :class="labelClass">{{ label }}</p>
4
- <div
5
- v-on-click-outside="() => focused = false" class="flex relative px-3 py-1 gap-1 h-12 items-center bg-white"
6
- :class="[value && !focused ? valueClassName : focused ? focusClassName : bgStyle, className]">
7
- <TheNuxtIcon v-if="prependIcon" :name="prependIcon" :icon-type="prependIconType" :class="[iconColor ? iconColor : 'text-gray-400']"/>
8
- <TheIRDatePicker v-if="date" v-model="value" format="YYYY-MM-DD[T]HH:mm:ssZ" class="text-text"
9
- display-format="jDD jMMMM jYYYY" :placeholder="placeholder"/>
10
- <input v-if="InputType !== 'textarea'" dir="rtl" v-model="value" :type="InputType" :inputmode="inputMode"
11
- class="flex-grow bg-white placeholder-gray-200 text-text-head font-300 text-sm" :disabled="disabled"
12
- :placeholder="!focused ? placeholder : value || ''" @focus="date ? InputType = 'date' : focused = true"/>
13
- <textarea v-else v-model="value" :placeholder="placeholder" :disabled="disabled"
14
- class="border-none text-sm font-400 grow c-gray-900 placeholder:(c-gray-400) outline-none bg-white h-24"
15
- @focus="date ? InputType = 'date' : ''" @blur="date ? InputType = 'text' : ''"/>
16
- <TheNuxtIcon v-if="password" :name="InputType === 'text' ? 'eye-slash' : 'eye'" icon-type="svg"
17
- class="!text-gray-200 cursor-pointer" @click="InputType = InputType === 'text' ? 'password' : 'text'"/>
18
- <TheNuxtIcon v-if="appendIcon" :name="appendIcon" :icon-type="appendIconType" @click="$emit('append')"
19
- :class="[iconColor ? iconColor : 'text-gray-400', appendIconClass]"
20
- class="!svg:(w-3 h-3) bg-bg bg-opacity-30 justify-center rounded-full"/>
21
- <p dir="ltr" class="font-400 text-xs text-text-head whitespace-nowrap" v-if="appendText">{{ appendText }}</p>
22
- </div>
23
- </div>
24
- </template>
25
-
26
- <script setup>
27
- import { vOnClickOutside } from "@vueuse/components";
28
- const props = defineProps({
29
- className: { type: String, required: false, default: "rounded-2xl bg-bg" },
30
- valueClassName: { type: String, required: false, default: "border-(1 solid gray-200) bg-bg" },
31
- focusClassName: { type: String, required: false, default: "border-(2 solid secondary-500) !bg-bg" },
32
- labelClass: { type: String, required: false, default: "text-(xs text-head) font-400 leading-6" },
33
- prependIcon: { type: String, required: false, default: "" },
34
- prependIconType: { type: String, required: false },
35
- appendIcon: { type: String, required: false, default: "" },
36
- appendIconType: { type: String, required: false, default: "svg" },
37
- appendIconClass: { type: String, required: false, default: "" },
38
- appendText: { type: String, required: false, default: "" },
39
- inputType: { type: String, required: false, default: "text" },
40
- placeholder: { type: String, required: false, default: "" },
41
- label: { type: String, required: false, default: "" },
42
- password: { type: Boolean, required: false, default: false },
43
- date: { type: Boolean, required: false, default: false },
44
- disabled: { type: Boolean, required: false, default: false },
45
- inputMode: { type: String, required: false, default: "" },
46
- iconColor: { type: String, required: false, default: "" },
47
- bgStyle: { type: String, required: false, default: "bg-bg border-(1 solid gray-200)" },
48
- handler: { type: null, required: false },
49
- focusable: { type: Boolean, required: false, default: false }
50
- });
51
- defineEmits(["append", "update:modelValue"]);
52
- const value = defineModel();
53
- const focused = ref(false);
54
- const InputType = ref(props.inputType);
55
- </script>
@@ -1,51 +0,0 @@
1
- interface Props {
2
- className?: string;
3
- valueClassName?: string;
4
- focusClassName?: string;
5
- labelClass?: string;
6
- prependIcon?: string;
7
- prependIconType?: string;
8
- appendIcon?: string;
9
- appendIconType?: string;
10
- appendIconClass?: string;
11
- appendText?: string;
12
- inputType?: string;
13
- placeholder?: string;
14
- label?: string;
15
- password?: boolean;
16
- date?: boolean;
17
- disabled?: boolean;
18
- inputMode?: string;
19
- iconColor?: string;
20
- bgStyle?: string;
21
- handler?: any;
22
- focusable?: boolean;
23
- }
24
- type __VLS_Props = Props;
25
- type __VLS_ModelProps = {
26
- modelValue?: any;
27
- };
28
- type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
29
- declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {
30
- appendIcon: string;
31
- label: string;
32
- appendText: string;
33
- disabled: boolean;
34
- prependIcon: string;
35
- date: boolean;
36
- placeholder: string;
37
- focusable: boolean;
38
- className: string;
39
- valueClassName: string;
40
- focusClassName: string;
41
- labelClass: string;
42
- appendIconType: string;
43
- appendIconClass: string;
44
- inputType: string;
45
- password: boolean;
46
- inputMode: string;
47
- iconColor: string;
48
- bgStyle: string;
49
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
50
- declare const _default: typeof __VLS_export;
51
- export default _default;
@@ -1,16 +0,0 @@
1
- declare const _default: typeof __VLS_export;
2
- export default _default;
3
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
4
- type __VLS_WithSlots<T, S> = T & (new () => {
5
- $slots: S;
6
- });
7
- declare const __VLS_base: import("vue").DefineComponent<{}, {
8
- $props: Partial<typeof __VLS_props>;
9
- header: string;
10
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
11
- type __VLS_Slots = {
12
- default?: ((props: {}) => any) | undefined;
13
- };
14
- declare const __VLS_props: {
15
- readonly header: string;
16
- };
@@ -1,19 +0,0 @@
1
- <template>
2
- <div class="flex flex-col">
3
- <h2 v-if="header" class="text-base text-black-1">
4
- {{ header }}
5
- </h2>
6
- <p class="text-sm text-black-2 whitespace-pre-line">
7
- <slot />
8
- </p>
9
- </div>
10
- </template>
11
-
12
- <script setup>
13
- defineProps({
14
- header: {
15
- type: String,
16
- default: ""
17
- }
18
- });
19
- </script>
@@ -1,16 +0,0 @@
1
- declare const _default: typeof __VLS_export;
2
- export default _default;
3
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
4
- type __VLS_WithSlots<T, S> = T & (new () => {
5
- $slots: S;
6
- });
7
- declare const __VLS_base: import("vue").DefineComponent<{}, {
8
- $props: Partial<typeof __VLS_props>;
9
- header: string;
10
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
11
- type __VLS_Slots = {
12
- default?: ((props: {}) => any) | undefined;
13
- };
14
- declare const __VLS_props: {
15
- readonly header: string;
16
- };
@@ -1,11 +0,0 @@
1
- declare const _default: typeof __VLS_export;
2
- export default _default;
3
- declare const __VLS_export: import("vue").DefineComponent<{}, {
4
- $props: Partial<typeof __VLS_props>;
5
- fixed: boolean;
6
- data: string | number | boolean | Record<string, any> | unknown[];
7
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
8
- declare const __VLS_props: {
9
- readonly fixed: boolean;
10
- readonly data: string | number | boolean | Record<string, any> | unknown[];
11
- };
@@ -1,28 +0,0 @@
1
- <template>
2
- <DevOnly>
3
- <VueJsonPretty
4
- dir="ltr"
5
- :class="{'fixed':fixed}"
6
- class="bottom-0 right-0 left-0 overflow-auto max-h-100 bg-dark-500 z-100 text-white"
7
- :data="data"
8
- :deep="2"
9
- :showLength="true"
10
- :showLineNumber="true"
11
- :showIcon="true"
12
- :virtual="false"
13
- />
14
- </DevOnly>
15
- </template>
16
-
17
- <script setup>
18
- defineProps({
19
- data: {
20
- type: [Number, Object, Array, String, Boolean],
21
- default: "none"
22
- },
23
- fixed: {
24
- type: Boolean,
25
- default: true
26
- }
27
- });
28
- </script>
@@ -1,11 +0,0 @@
1
- declare const _default: typeof __VLS_export;
2
- export default _default;
3
- declare const __VLS_export: import("vue").DefineComponent<{}, {
4
- $props: Partial<typeof __VLS_props>;
5
- fixed: boolean;
6
- data: string | number | boolean | Record<string, any> | unknown[];
7
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
8
- declare const __VLS_props: {
9
- readonly fixed: boolean;
10
- readonly data: string | number | boolean | Record<string, any> | unknown[];
11
- };
@@ -1,17 +0,0 @@
1
- import type { Address, Point as PointType } from '~/types/app';
2
- type __VLS_Props = {
3
- points?: PointType[];
4
- readonly?: boolean;
5
- marker?: string;
6
- };
7
- type __VLS_ModelProps = {
8
- 'center'?: any;
9
- };
10
- type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
11
- declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
12
- Map: any;
13
- getCenter: () => any;
14
- setCenter: (coords: Address) => void;
15
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
16
- declare const _default: typeof __VLS_export;
17
- export default _default;