shared-ritm 1.1.25 → 1.1.26

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 (82) hide show
  1. package/README.md +93 -0
  2. package/dist/index.css +1 -1
  3. package/dist/shared-ritm.es.js +10896 -88573
  4. package/dist/shared-ritm.umd.js +12 -52
  5. package/package.json +56 -56
  6. package/src/App.vue +2432 -2432
  7. package/src/api/services/AuthService.ts +41 -41
  8. package/src/api/services/GanttService.ts +17 -17
  9. package/src/api/services/MetricsService.ts +101 -101
  10. package/src/api/services/ProjectsService.ts +61 -61
  11. package/src/api/services/RepairsService.ts +82 -82
  12. package/src/api/services/TasksService.ts +39 -39
  13. package/src/api/settings/ApiService.ts +124 -124
  14. package/src/api/types/Api_Projects.ts +40 -40
  15. package/src/api/types/Api_Repairs.ts +57 -57
  16. package/src/api/types/Api_Tasks.ts +124 -124
  17. package/src/common/app-button/AppButton.vue +173 -173
  18. package/src/common/app-checkbox/AppCheckbox.vue +26 -26
  19. package/src/common/app-date-picker/AppDatePicker.vue +66 -66
  20. package/src/common/app-dialogs/AppConfirmDialog.vue +100 -100
  21. package/src/common/app-icon/AppIcon.vue +104 -104
  22. package/src/common/app-input/AppInput.vue +147 -147
  23. package/src/common/app-input-search/AppInputSearch.vue +170 -170
  24. package/src/common/app-layout/AppLayout.vue +62 -62
  25. package/src/common/app-layout/components/AppLayoutHeader.vue +124 -124
  26. package/src/common/app-loader/index.vue +43 -43
  27. package/src/common/app-page-layout/AppPageLayout.vue +122 -122
  28. package/src/common/app-select/AppSelect.vue +157 -157
  29. package/src/common/app-sheet/AppSheet.vue +114 -114
  30. package/src/common/app-sidebar/AppSidebar.vue +167 -167
  31. package/src/common/app-sidebar/components/SidebarMenu.vue +29 -29
  32. package/src/common/app-sidebar/components/SidebarMenuItem.vue +137 -137
  33. package/src/common/app-toggle/AppToggle.vue +23 -23
  34. package/src/common/app-wrapper/AppWrapper.vue +28 -28
  35. package/src/global.d.ts +1 -1
  36. package/src/icons/components/arrow-down-icon.vue +25 -25
  37. package/src/icons/components/arrow-frame-icon.vue +19 -19
  38. package/src/icons/components/arrow-square.vue +22 -22
  39. package/src/icons/dialogs/RemoveIcon.vue +12 -12
  40. package/src/icons/dialogs/SafetyIcon.vue +12 -12
  41. package/src/icons/header/flashIcon.vue +24 -24
  42. package/src/icons/header/notificationIcon.vue +18 -18
  43. package/src/icons/header/searchStatusIcon.vue +24 -24
  44. package/src/icons/header/smallCapsIcon.vue +34 -34
  45. package/src/icons/sidebar/assign-module-icon.vue +36 -36
  46. package/src/icons/sidebar/instrument-history-icon.vue +32 -32
  47. package/src/icons/sidebar/instrument-order-icon.vue +38 -38
  48. package/src/icons/sidebar/instrument-work-zone-icon.vue +18 -18
  49. package/src/icons/sidebar/instruments-icon.vue +45 -45
  50. package/src/icons/sidebar/logo-icon.vue +15 -15
  51. package/src/icons/sidebar/logout-icon.vue +13 -13
  52. package/src/icons/sidebar/modules-icon.vue +16 -16
  53. package/src/icons/sidebar/notifications-icon.vue +24 -24
  54. package/src/icons/sidebar/order-icon.vue +44 -44
  55. package/src/icons/sidebar/pass-icon.vue +38 -38
  56. package/src/icons/sidebar/positions-icon.vue +42 -42
  57. package/src/icons/sidebar/preorder-icon.vue +19 -19
  58. package/src/icons/sidebar/projects-icon.vue +31 -31
  59. package/src/icons/sidebar/repair-object-icon.vue +18 -18
  60. package/src/icons/sidebar/repairs-icon.vue +20 -20
  61. package/src/icons/sidebar/roles-icon.vue +26 -26
  62. package/src/icons/sidebar/status-history-icon.vue +24 -24
  63. package/src/icons/sidebar/tasks-icon.vue +28 -28
  64. package/src/icons/sidebar/tasks_tasks-icon.vue +39 -39
  65. package/src/icons/sidebar/tasks_today-icon.vue +27 -27
  66. package/src/icons/sidebar/teams-icon.vue +32 -32
  67. package/src/icons/sidebar/user-icon.vue +18 -18
  68. package/src/icons/sidebar/users-icon.vue +46 -46
  69. package/src/icons/sidebar/videosources-icon.vue +19 -19
  70. package/src/icons/sidebar/videowall-icon.vue +13 -13
  71. package/src/icons/sidebar/videozones-icon.vue +21 -21
  72. package/src/icons/sidebar/warehouses-icon.vue +43 -43
  73. package/src/icons/sidebar/workshop-icon.vue +100 -100
  74. package/src/icons/sidebar/workzones-icon.vue +22 -22
  75. package/src/index.ts +58 -58
  76. package/src/main.ts +15 -15
  77. package/src/quasar-user-options.ts +17 -17
  78. package/src/shared/styles/general.css +96 -96
  79. package/src/shims-vue.d.ts +5 -5
  80. package/src/utils/confirm.ts +12 -12
  81. package/src/utils/notification.ts +9 -9
  82. package/dist/types/router/index.d.ts +0 -2
@@ -1,124 +1,124 @@
1
- export type Api_Tasks_Responsible_Dto = {
2
- id: string
3
- first_name: string
4
- last_name: string
5
- patronymic: string
6
- full_name: string
7
- }
8
-
9
- export type Api_Tasks_Assigned_Dto = {
10
- id: string
11
- first_name: string
12
- last_name: string
13
- patronymic: null | string
14
- full_name: string
15
- }
16
-
17
- export type Api_Tasks_Status_Dto = {
18
- id: string
19
- name: string
20
- title: string
21
- }
22
- export type Api_Tasks_Project_Dto = {
23
- id: string
24
- name: string
25
- teams: string[]
26
- }
27
- export type Api_Tasks_Position_Dto = {
28
- id: string
29
- name: string
30
- display_name: string
31
- }
32
-
33
- export type Api_Tasks_Position_Assigned_Dto = {
34
- id: number
35
- user: {
36
- id: string
37
- full_name: string
38
- }
39
- position: Api_Tasks_Position_Dto
40
- }
41
-
42
- export type Api_Tasks_Teams_Dto = {
43
- id: string
44
- name: string
45
- display_name: string
46
- }
47
-
48
- export type Api_Tasks_Equipment_Dto = {
49
- id: string
50
- name: string
51
- model: string
52
- registration_number: string
53
- created_at: string
54
- updated_at: string
55
- repair_frequency: number
56
- repair_range: number
57
- }
58
-
59
- export type Api_Tasks_Task_Dto = {
60
- id: string
61
- name: string
62
- type: string
63
- project_id: string
64
- description: string
65
- subtask_counter: number
66
- subtasks: Api_Tasks_Task_Dto[]
67
- state_id: null | string
68
- start_date: string
69
- end_date: string
70
- deadline: string
71
- plan_date: string
72
- time_to_complete: null | string | number
73
- time_to_complete_sec: number
74
- priority: number
75
- work_zone_id: null | string
76
- location_id: null | string
77
- target: any
78
- status: Api_Tasks_Status_Dto
79
- project: Api_Tasks_Project_Dto
80
- position: Api_Tasks_Position_Dto[]
81
- assigned: Api_Tasks_Assigned_Dto[]
82
- instruments: any[]
83
- warehouse: any[]
84
- responsible: Api_Tasks_Responsible_Dto[]
85
- position_assigned: Api_Tasks_Position_Assigned_Dto[]
86
- comments: any[]
87
- files: any[]
88
- teams: Api_Tasks_Teams_Dto[]
89
- work_zone: string
90
- planned_start: null | string
91
- planned_end: null | string
92
- fact_start_date: string
93
- fact_end_date: null | string
94
- work_sec: number
95
- pause_sec: number
96
- repair_object: null | string
97
- isPause: boolean
98
- equipment: Api_Tasks_Equipment_Dto[]
99
- }
100
-
101
- export type Api_Tasks_Simple_Responsible_Dto = {
102
- id: string
103
- full_name: string
104
- }
105
-
106
- export type Api_Tasks_Dto = {
107
- id: string
108
- name: string
109
- plan_date: null | string
110
- deadline: null | string
111
- priority: number
112
- subtasks_count: number
113
- responsible: Api_Tasks_Simple_Responsible_Dto[]
114
- assigned: any[]
115
- status: Api_Tasks_Status_Dto
116
- expired: boolean
117
- teams: Api_Tasks_Teams_Dto[]
118
- is_critical_path: boolean
119
- isPause: boolean
120
- fact_start_date: null | string
121
- fact_end_date: null | string
122
- pause_sec: number
123
- work_sec: number
124
- }
1
+ export type Api_Tasks_Responsible_Dto = {
2
+ id: string
3
+ first_name: string
4
+ last_name: string
5
+ patronymic: string
6
+ full_name: string
7
+ }
8
+
9
+ export type Api_Tasks_Assigned_Dto = {
10
+ id: string
11
+ first_name: string
12
+ last_name: string
13
+ patronymic: null | string
14
+ full_name: string
15
+ }
16
+
17
+ export type Api_Tasks_Status_Dto = {
18
+ id: string
19
+ name: string
20
+ title: string
21
+ }
22
+ export type Api_Tasks_Project_Dto = {
23
+ id: string
24
+ name: string
25
+ teams: string[]
26
+ }
27
+ export type Api_Tasks_Position_Dto = {
28
+ id: string
29
+ name: string
30
+ display_name: string
31
+ }
32
+
33
+ export type Api_Tasks_Position_Assigned_Dto = {
34
+ id: number
35
+ user: {
36
+ id: string
37
+ full_name: string
38
+ }
39
+ position: Api_Tasks_Position_Dto
40
+ }
41
+
42
+ export type Api_Tasks_Teams_Dto = {
43
+ id: string
44
+ name: string
45
+ display_name: string
46
+ }
47
+
48
+ export type Api_Tasks_Equipment_Dto = {
49
+ id: string
50
+ name: string
51
+ model: string
52
+ registration_number: string
53
+ created_at: string
54
+ updated_at: string
55
+ repair_frequency: number
56
+ repair_range: number
57
+ }
58
+
59
+ export type Api_Tasks_Task_Dto = {
60
+ id: string
61
+ name: string
62
+ type: string
63
+ project_id: string
64
+ description: string
65
+ subtask_counter: number
66
+ subtasks: Api_Tasks_Task_Dto[]
67
+ state_id: null | string
68
+ start_date: string
69
+ end_date: string
70
+ deadline: string
71
+ plan_date: string
72
+ time_to_complete: null | string | number
73
+ time_to_complete_sec: number
74
+ priority: number
75
+ work_zone_id: null | string
76
+ location_id: null | string
77
+ target: any
78
+ status: Api_Tasks_Status_Dto
79
+ project: Api_Tasks_Project_Dto
80
+ position: Api_Tasks_Position_Dto[]
81
+ assigned: Api_Tasks_Assigned_Dto[]
82
+ instruments: any[]
83
+ warehouse: any[]
84
+ responsible: Api_Tasks_Responsible_Dto[]
85
+ position_assigned: Api_Tasks_Position_Assigned_Dto[]
86
+ comments: any[]
87
+ files: any[]
88
+ teams: Api_Tasks_Teams_Dto[]
89
+ work_zone: string
90
+ planned_start: null | string
91
+ planned_end: null | string
92
+ fact_start_date: string
93
+ fact_end_date: null | string
94
+ work_sec: number
95
+ pause_sec: number
96
+ repair_object: null | string
97
+ isPause: boolean
98
+ equipment: Api_Tasks_Equipment_Dto[]
99
+ }
100
+
101
+ export type Api_Tasks_Simple_Responsible_Dto = {
102
+ id: string
103
+ full_name: string
104
+ }
105
+
106
+ export type Api_Tasks_Dto = {
107
+ id: string
108
+ name: string
109
+ plan_date: null | string
110
+ deadline: null | string
111
+ priority: number
112
+ subtasks_count: number
113
+ responsible: Api_Tasks_Simple_Responsible_Dto[]
114
+ assigned: any[]
115
+ status: Api_Tasks_Status_Dto
116
+ expired: boolean
117
+ teams: Api_Tasks_Teams_Dto[]
118
+ is_critical_path: boolean
119
+ isPause: boolean
120
+ fact_start_date: null | string
121
+ fact_end_date: null | string
122
+ pause_sec: number
123
+ work_sec: number
124
+ }
@@ -1,173 +1,173 @@
1
- <template>
2
- <q-btn
3
- v-bind="$props"
4
- :class="[$style.wrapper]"
5
- :disable="isDisabled"
6
- :no-caps="!uppercase"
7
- :no-wrap="!wrap"
8
- class="hover-bg-secondary hover-text-black"
9
- @click="onClick"
10
- >
11
- <slot></slot>
12
- <q-badge
13
- v-if="badge"
14
- style="padding: 6px; top: -10px; right: -10px; font-size: 12px"
15
- :color="badgeColor"
16
- :floating="!badgeInline"
17
- :rounded="true"
18
- >{{ badgeText }}</q-badge
19
- >
20
- <q-tooltip v-if="tooltip" class="text-body2" :delay="400">{{ tooltip }}</q-tooltip>
21
- </q-btn>
22
- </template>
23
-
24
- <script lang="ts" setup>
25
- import { computed, defineProps, defineEmits } from 'vue'
26
-
27
- interface QBtnProps {
28
- size?: string | undefined
29
- type?: string | undefined
30
- to?: string | any | undefined
31
- replace?: boolean | undefined
32
- href?: string | undefined
33
- target?: string | undefined
34
- label?: string | number | undefined
35
- icon?: string | undefined
36
- iconRight?: string | undefined
37
- outline?: boolean | undefined
38
- flat?: boolean | undefined
39
- unelevated?: boolean | undefined
40
- rounded?: boolean | undefined
41
- push?: boolean | undefined
42
- square?: boolean | undefined
43
- glossy?: boolean | undefined
44
- fab?: boolean | undefined
45
- fabMini?: boolean | undefined
46
- padding?: string | undefined
47
- color?: string | undefined
48
- textColor?: string | undefined
49
- noCaps?: boolean | undefined
50
- noWrap?: boolean | undefined
51
- dense?: boolean | undefined
52
- ripple?: boolean | any | undefined
53
- tabindex?: number | string | undefined
54
- align?: 'left' | 'right' | 'center' | 'around' | 'between' | 'evenly' | undefined
55
- stack?: boolean | undefined
56
- stretch?: boolean | undefined
57
- loading?: boolean | undefined
58
- round?: boolean | undefined
59
- percentage?: number | undefined
60
- darkPercentage?: boolean | undefined
61
- }
62
-
63
- interface Props extends QBtnProps {
64
- disable?: boolean | ((...args: any[]) => boolean)
65
- tooltip?: string
66
- uppercase?: boolean
67
- xSmall?: boolean
68
- small?: boolean
69
- large?: boolean
70
- fullWidth?: boolean
71
- wrap?: boolean
72
- largeIcon?: boolean
73
- modelValue?: boolean
74
- badge?: string | boolean | number
75
- badgeColor?: string
76
- badgeInline?: boolean
77
- link?: boolean
78
- borderColor?: string
79
- borderRadius?: string
80
- borderWidth?: string
81
- width?: string
82
- height?: string
83
- }
84
-
85
- const props = withDefaults(defineProps<Props>(), {
86
- borderRadius: '16px',
87
- borderWidth: '1px',
88
- width: 'auto',
89
- height: 'auto',
90
- disable: false,
91
- })
92
-
93
- const emit = defineEmits(['update:modelValue', 'click'])
94
-
95
- function onClick(event: any) {
96
- emit('click', event)
97
- emit('update:modelValue', !props.modelValue)
98
- }
99
-
100
- const badgeText = computed(() => {
101
- if (props.badge === undefined || props.badge === false) return ''
102
- if (props.badge === true || props.badge === '') return ''
103
- return props.badge
104
- })
105
-
106
- // const btnClasses = computed(() => {
107
- // return {
108
- // '--icon': props.icon && !props.label,
109
- // '--width-left-icon': props.icon && props.label,
110
- // '--width-right-icon': props.iconRight && props.label,
111
- // '--default': !props.small && !props.large && !props.xSmall,
112
- // '--x-small': props.xSmall,
113
- // '--small': props.small,
114
- // '--large': props.large,
115
- // '--full-width': props.fullWidth,
116
- // '--large-icon': props.largeIcon,
117
- // '--is-active': props.modelValue,
118
- // '--link': props.link,
119
- // '--loading': props.loading,
120
- // }
121
- // })
122
-
123
- const isDisabled = computed(() => {
124
- return typeof props.disable === 'function' ? props.disable() : props.disable
125
- })
126
- </script>
127
-
128
- <style lang="scss" module>
129
- .wrapper {
130
- flex: 0 0 auto;
131
- width: v-bind(width);
132
- height: v-bind(height);
133
- &:global(.q-btn--rounded) {
134
- border-radius: v-bind(borderRadius);
135
- }
136
- &:global(.q-btn--outline:before) {
137
- border-width: v-bind(borderWidth);
138
- }
139
- &:global(.q-btn) {
140
- color: #0a1629;
141
- font-size: 16px;
142
- font-style: normal;
143
- font-weight: 700;
144
- font-family: NunitoSansFont, sans-serif;
145
- }
146
-
147
- &:global(.--loading) {
148
- span:has(> svg) {
149
- overflow: hidden;
150
- }
151
- }
152
-
153
- :global(.q-icon) {
154
- font-size: 1.2em;
155
- }
156
-
157
- &:global(.--large-icon .q-icon) {
158
- font-size: 1.715em;
159
- }
160
-
161
- &:global(.--full-width) {
162
- width: 100%;
163
- }
164
-
165
- &:global(.--link) {
166
- padding: 0 8px;
167
- display: inline;
168
- min-height: unset;
169
- font-size: inherit;
170
- text-decoration: underline;
171
- }
172
- }
173
- </style>
1
+ <template>
2
+ <q-btn
3
+ v-bind="$props"
4
+ :class="[$style.wrapper]"
5
+ :disable="isDisabled"
6
+ :no-caps="!uppercase"
7
+ :no-wrap="!wrap"
8
+ class="hover-bg-secondary hover-text-black"
9
+ @click="onClick"
10
+ >
11
+ <slot></slot>
12
+ <q-badge
13
+ v-if="badge"
14
+ style="padding: 6px; top: -10px; right: -10px; font-size: 12px"
15
+ :color="badgeColor"
16
+ :floating="!badgeInline"
17
+ :rounded="true"
18
+ >{{ badgeText }}</q-badge
19
+ >
20
+ <q-tooltip v-if="tooltip" class="text-body2" :delay="400">{{ tooltip }}</q-tooltip>
21
+ </q-btn>
22
+ </template>
23
+
24
+ <script lang="ts" setup>
25
+ import { computed, defineProps, defineEmits } from 'vue'
26
+
27
+ interface QBtnProps {
28
+ size?: string | undefined
29
+ type?: string | undefined
30
+ to?: string | any | undefined
31
+ replace?: boolean | undefined
32
+ href?: string | undefined
33
+ target?: string | undefined
34
+ label?: string | number | undefined
35
+ icon?: string | undefined
36
+ iconRight?: string | undefined
37
+ outline?: boolean | undefined
38
+ flat?: boolean | undefined
39
+ unelevated?: boolean | undefined
40
+ rounded?: boolean | undefined
41
+ push?: boolean | undefined
42
+ square?: boolean | undefined
43
+ glossy?: boolean | undefined
44
+ fab?: boolean | undefined
45
+ fabMini?: boolean | undefined
46
+ padding?: string | undefined
47
+ color?: string | undefined
48
+ textColor?: string | undefined
49
+ noCaps?: boolean | undefined
50
+ noWrap?: boolean | undefined
51
+ dense?: boolean | undefined
52
+ ripple?: boolean | any | undefined
53
+ tabindex?: number | string | undefined
54
+ align?: 'left' | 'right' | 'center' | 'around' | 'between' | 'evenly' | undefined
55
+ stack?: boolean | undefined
56
+ stretch?: boolean | undefined
57
+ loading?: boolean | undefined
58
+ round?: boolean | undefined
59
+ percentage?: number | undefined
60
+ darkPercentage?: boolean | undefined
61
+ }
62
+
63
+ interface Props extends QBtnProps {
64
+ disable?: boolean | ((...args: any[]) => boolean)
65
+ tooltip?: string
66
+ uppercase?: boolean
67
+ xSmall?: boolean
68
+ small?: boolean
69
+ large?: boolean
70
+ fullWidth?: boolean
71
+ wrap?: boolean
72
+ largeIcon?: boolean
73
+ modelValue?: boolean
74
+ badge?: string | boolean | number
75
+ badgeColor?: string
76
+ badgeInline?: boolean
77
+ link?: boolean
78
+ borderColor?: string
79
+ borderRadius?: string
80
+ borderWidth?: string
81
+ width?: string
82
+ height?: string
83
+ }
84
+
85
+ const props = withDefaults(defineProps<Props>(), {
86
+ borderRadius: '16px',
87
+ borderWidth: '1px',
88
+ width: 'auto',
89
+ height: 'auto',
90
+ disable: false,
91
+ })
92
+
93
+ const emit = defineEmits(['update:modelValue', 'click'])
94
+
95
+ function onClick(event: any) {
96
+ emit('click', event)
97
+ emit('update:modelValue', !props.modelValue)
98
+ }
99
+
100
+ const badgeText = computed(() => {
101
+ if (props.badge === undefined || props.badge === false) return ''
102
+ if (props.badge === true || props.badge === '') return ''
103
+ return props.badge
104
+ })
105
+
106
+ // const btnClasses = computed(() => {
107
+ // return {
108
+ // '--icon': props.icon && !props.label,
109
+ // '--width-left-icon': props.icon && props.label,
110
+ // '--width-right-icon': props.iconRight && props.label,
111
+ // '--default': !props.small && !props.large && !props.xSmall,
112
+ // '--x-small': props.xSmall,
113
+ // '--small': props.small,
114
+ // '--large': props.large,
115
+ // '--full-width': props.fullWidth,
116
+ // '--large-icon': props.largeIcon,
117
+ // '--is-active': props.modelValue,
118
+ // '--link': props.link,
119
+ // '--loading': props.loading,
120
+ // }
121
+ // })
122
+
123
+ const isDisabled = computed(() => {
124
+ return typeof props.disable === 'function' ? props.disable() : props.disable
125
+ })
126
+ </script>
127
+
128
+ <style lang="scss" module>
129
+ .wrapper {
130
+ flex: 0 0 auto;
131
+ width: v-bind(width);
132
+ height: v-bind(height);
133
+ &:global(.q-btn--rounded) {
134
+ border-radius: v-bind(borderRadius);
135
+ }
136
+ &:global(.q-btn--outline:before) {
137
+ border-width: v-bind(borderWidth);
138
+ }
139
+ &:global(.q-btn) {
140
+ color: #0a1629;
141
+ font-size: 16px;
142
+ font-style: normal;
143
+ font-weight: 700;
144
+ font-family: NunitoSansFont, sans-serif;
145
+ }
146
+
147
+ &:global(.--loading) {
148
+ span:has(> svg) {
149
+ overflow: hidden;
150
+ }
151
+ }
152
+
153
+ :global(.q-icon) {
154
+ font-size: 1.2em;
155
+ }
156
+
157
+ &:global(.--large-icon .q-icon) {
158
+ font-size: 1.715em;
159
+ }
160
+
161
+ &:global(.--full-width) {
162
+ width: 100%;
163
+ }
164
+
165
+ &:global(.--link) {
166
+ padding: 0 8px;
167
+ display: inline;
168
+ min-height: unset;
169
+ font-size: inherit;
170
+ text-decoration: underline;
171
+ }
172
+ }
173
+ </style>
@@ -1,26 +1,26 @@
1
- <template>
2
- <q-checkbox v-model="value" :class="$style['app-checkbox']" />
3
- </template>
4
- <script setup lang="ts">
5
- import { computed } from 'vue'
6
-
7
- interface Props {
8
- modelValue: any
9
- }
10
-
11
- const props = defineProps<Props>()
12
- const emit = defineEmits(['update:modelValue', 'number'])
13
-
14
- const value = computed({
15
- get: () => props.modelValue,
16
- set: (newValue: any) => emit('update:modelValue', newValue),
17
- })
18
- </script>
19
- <style module lang="scss">
20
- .app-checkbox {
21
- :global(.q-checkbox__bg) {
22
- border-radius: 6px;
23
- border-color: white;
24
- }
25
- }
26
- </style>
1
+ <template>
2
+ <q-checkbox v-model="value" :class="$style['app-checkbox']" />
3
+ </template>
4
+ <script setup lang="ts">
5
+ import { computed } from 'vue'
6
+
7
+ interface Props {
8
+ modelValue: any
9
+ }
10
+
11
+ const props = defineProps<Props>()
12
+ const emit = defineEmits(['update:modelValue', 'number'])
13
+
14
+ const value = computed({
15
+ get: () => props.modelValue,
16
+ set: (newValue: any) => emit('update:modelValue', newValue),
17
+ })
18
+ </script>
19
+ <style module lang="scss">
20
+ .app-checkbox {
21
+ :global(.q-checkbox__bg) {
22
+ border-radius: 6px;
23
+ border-color: white;
24
+ }
25
+ }
26
+ </style>