shared-ritm 1.2.89 → 1.2.91

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 (120) hide show
  1. package/README.md +103 -103
  2. package/dist/index.css +1 -1
  3. package/dist/shared-ritm.es.js +2273 -2274
  4. package/dist/shared-ritm.umd.js +106 -106
  5. package/package.json +64 -64
  6. package/src/App.vue +2461 -2461
  7. package/src/api/services/AuthService.ts +64 -64
  8. package/src/api/services/CommentsService.ts +24 -24
  9. package/src/api/services/ControlsService.ts +65 -65
  10. package/src/api/services/FileService.ts +17 -17
  11. package/src/api/services/GanttService.ts +17 -17
  12. package/src/api/services/InstrumentsService.ts +23 -22
  13. package/src/api/services/MetricsService.ts +110 -110
  14. package/src/api/services/ProjectsService.ts +68 -68
  15. package/src/api/services/RepairsService.ts +119 -119
  16. package/src/api/services/SearchService.ts +16 -16
  17. package/src/api/services/TasksService.ts +145 -145
  18. package/src/api/services/UserService.ts +71 -71
  19. package/src/api/services/VideoService.ts +17 -17
  20. package/src/api/settings/ApiService.ts +123 -123
  21. package/src/api/types/Api_Comment.ts +40 -40
  22. package/src/api/types/Api_Controls.ts +72 -72
  23. package/src/api/types/Api_Files.ts +7 -7
  24. package/src/api/types/Api_Instruments.ts +98 -98
  25. package/src/api/types/Api_Projects.ts +55 -55
  26. package/src/api/types/Api_Repairs.ts +115 -115
  27. package/src/api/types/Api_Search.ts +48 -48
  28. package/src/api/types/Api_Service.ts +9 -9
  29. package/src/api/types/Api_Tasks.ts +315 -315
  30. package/src/api/types/Api_User.ts +87 -87
  31. package/src/common/app-button/AppButton.vue +173 -173
  32. package/src/common/app-checkbox/AppCheckbox.vue +26 -26
  33. package/src/common/app-date-picker/AppDatePicker.vue +81 -81
  34. package/src/common/app-datepicker/AppDatepicker.vue +165 -165
  35. package/src/common/app-dialogs/AppConfirmDialog.vue +99 -99
  36. package/src/common/app-dropdown/AppDropdown.vue +31 -31
  37. package/src/common/app-icon/AppIcon.vue +108 -108
  38. package/src/common/app-input/AppInput.vue +148 -148
  39. package/src/common/app-input-new/AppInputNew.vue +152 -152
  40. package/src/common/app-input-search/AppInputSearch.vue +174 -174
  41. package/src/common/app-layout/AppLayout.vue +84 -84
  42. package/src/common/app-layout/components/AppLayoutHeader.vue +246 -246
  43. package/src/common/app-layout/components/AppLayoutPage.vue +16 -16
  44. package/src/common/app-loader/index.vue +43 -43
  45. package/src/common/app-page-layout/AppPageLayout.vue +122 -122
  46. package/src/common/app-select/AppSelect.vue +157 -157
  47. package/src/common/app-sheet/AppSheet.vue +120 -120
  48. package/src/common/app-sheet-new/AppSheetNew.vue +246 -247
  49. package/src/common/app-sidebar/AppSidebar.vue +168 -168
  50. package/src/common/app-sidebar/components/SidebarMenu.vue +37 -37
  51. package/src/common/app-sidebar/components/SidebarMenuItem.vue +148 -148
  52. package/src/common/app-table/AppTable.vue +305 -305
  53. package/src/common/app-table/AppTableLayout.vue +126 -126
  54. package/src/common/app-table/components/ModalSelect.vue +270 -270
  55. package/src/common/app-table/components/TableModal.vue +331 -331
  56. package/src/common/app-table/components/TablePagination.vue +152 -152
  57. package/src/common/app-table/controllers/useBaseTable.ts +45 -45
  58. package/src/common/app-table/controllers/useColumnSelector.ts +38 -38
  59. package/src/common/app-table/controllers/useTableModel.ts +93 -93
  60. package/src/common/app-toggle/AppToggle.vue +24 -24
  61. package/src/common/app-wrapper/AppWrapper.vue +28 -28
  62. package/src/global.d.ts +1 -1
  63. package/src/icons/components/arrow-down-icon.vue +25 -25
  64. package/src/icons/components/arrow-frame-icon.vue +19 -19
  65. package/src/icons/components/arrow-square.vue +22 -22
  66. package/src/icons/components/table-filter-icon.vue +30 -30
  67. package/src/icons/dialogs/RemoveIcon.vue +12 -12
  68. package/src/icons/dialogs/SafetyIcon.vue +12 -12
  69. package/src/icons/header/NotificationIcon.vue +18 -18
  70. package/src/icons/header/PersonIcon.vue +11 -11
  71. package/src/icons/header/SettingIcon.vue +14 -14
  72. package/src/icons/header/flashIcon.vue +24 -24
  73. package/src/icons/header/searchStatusIcon.vue +24 -24
  74. package/src/icons/header/smallCapsIcon.vue +34 -34
  75. package/src/icons/sidebar/assign-module-icon.vue +36 -36
  76. package/src/icons/sidebar/instrument-history-icon.vue +32 -32
  77. package/src/icons/sidebar/instrument-order-icon.vue +38 -38
  78. package/src/icons/sidebar/instrument-work-zone-icon.vue +18 -18
  79. package/src/icons/sidebar/instruments-icon.vue +45 -45
  80. package/src/icons/sidebar/logo-icon.vue +15 -15
  81. package/src/icons/sidebar/logout-icon.vue +13 -13
  82. package/src/icons/sidebar/modules-icon.vue +16 -16
  83. package/src/icons/sidebar/notifications-icon.vue +24 -24
  84. package/src/icons/sidebar/order-icon.vue +44 -44
  85. package/src/icons/sidebar/pass-icon.vue +38 -38
  86. package/src/icons/sidebar/positions-icon.vue +42 -42
  87. package/src/icons/sidebar/preorder-icon.vue +19 -19
  88. package/src/icons/sidebar/projects-icon.vue +31 -31
  89. package/src/icons/sidebar/repair-object-icon.vue +18 -18
  90. package/src/icons/sidebar/repairs-icon.vue +20 -20
  91. package/src/icons/sidebar/roles-icon.vue +26 -26
  92. package/src/icons/sidebar/status-history-icon.vue +24 -24
  93. package/src/icons/sidebar/tasks-icon.vue +28 -28
  94. package/src/icons/sidebar/tasks_tasks-icon.vue +39 -39
  95. package/src/icons/sidebar/tasks_today-icon.vue +27 -27
  96. package/src/icons/sidebar/teams-icon.vue +32 -32
  97. package/src/icons/sidebar/user-icon.vue +18 -18
  98. package/src/icons/sidebar/users-icon.vue +46 -46
  99. package/src/icons/sidebar/videosources-icon.vue +19 -19
  100. package/src/icons/sidebar/videowall-icon.vue +13 -13
  101. package/src/icons/sidebar/videozones-icon.vue +21 -21
  102. package/src/icons/sidebar/warehouses-icon.vue +43 -43
  103. package/src/icons/sidebar/workshop-icon.vue +100 -100
  104. package/src/icons/sidebar/workzones-icon.vue +22 -22
  105. package/src/icons/task/attention-icon.vue +13 -13
  106. package/src/icons/task/clock-icon.vue +10 -10
  107. package/src/icons/task/delete-icon.vue +10 -10
  108. package/src/icons/task/fire-icon.vue +16 -16
  109. package/src/index.ts +112 -112
  110. package/src/main.ts +28 -28
  111. package/src/quasar-user-options.ts +17 -17
  112. package/src/router/index.ts +10 -10
  113. package/src/shared/styles/general.css +124 -124
  114. package/src/shims-vue.d.ts +5 -5
  115. package/src/styles/variables.sass +12 -12
  116. package/src/utils/confirm.ts +12 -12
  117. package/src/utils/faceApiHelper.ts +137 -137
  118. package/src/utils/helpers.ts +59 -59
  119. package/src/utils/notification.ts +9 -9
  120. package/dist/types/api/services/PhotoService.d.ts +0 -40
@@ -1,87 +1,87 @@
1
- export type Api_User_Team = {
2
- id: string
3
- name: string
4
- display_name: string
5
- description: string
6
- created_at: string
7
- updated_at: string
8
- pivot?: {
9
- team_id: string
10
- user_id: string
11
- }
12
- }
13
-
14
- export type Api_User_Team_Search = {
15
- id: string
16
- name: string
17
- display_name: string
18
- }
19
-
20
- export type Api_User_Photo = {
21
- id: string
22
- name: string
23
- path: string
24
- type: string
25
- }
26
-
27
- export type Api_User = {
28
- id: string
29
- RFID: string
30
- avatar: unknown | null
31
- avatar_id: string | null
32
- change_password: string
33
- created_at: string
34
- updated_at: string
35
- deleted_at: string | null
36
- dismissal_at: string | null
37
- email_verified_at: string
38
- divisions: string
39
- email: string
40
- face_recognition_id: string | null
41
- first_name: string
42
- full_name: string
43
- last_name: string
44
- patronymic: string
45
- personnel_number: number
46
- phone: string
47
- profession: string
48
- teams: Api_User_Team[]
49
- photos: Api_User_Photo[]
50
- }
51
-
52
- export type Api_User_Create = {
53
- last_name?: string
54
- first_name?: string
55
- patronymic?: string
56
- email?: string
57
- phone?: string
58
- divisions?: string
59
- positions?: [string]
60
- teams?: {
61
- team_id: string
62
- roles: string[]
63
- }[]
64
- current_password?: string
65
- password?: string
66
- password_confirmation?: string
67
- }
68
-
69
- export type Api_User_Permission = {
70
- id: string
71
- name: string
72
- display_name: string
73
- }
74
-
75
- export type Api_User_Role = {
76
- id: string
77
- name: string
78
- display_name: string
79
- permissions?: Api_User_Permission[]
80
- }
81
-
82
- export type Api_User_Position = {
83
- id: string
84
- name: string
85
- display_name: string
86
- description?: string
87
- }
1
+ export type Api_User_Team = {
2
+ id: string
3
+ name: string
4
+ display_name: string
5
+ description: string
6
+ created_at: string
7
+ updated_at: string
8
+ pivot?: {
9
+ team_id: string
10
+ user_id: string
11
+ }
12
+ }
13
+
14
+ export type Api_User_Team_Search = {
15
+ id: string
16
+ name: string
17
+ display_name: string
18
+ }
19
+
20
+ export type Api_User_Photo = {
21
+ id: string
22
+ name: string
23
+ path: string
24
+ type: string
25
+ }
26
+
27
+ export type Api_User = {
28
+ id: string
29
+ RFID: string
30
+ avatar: unknown | null
31
+ avatar_id: string | null
32
+ change_password: string
33
+ created_at: string
34
+ updated_at: string
35
+ deleted_at: string | null
36
+ dismissal_at: string | null
37
+ email_verified_at: string
38
+ divisions: string
39
+ email: string
40
+ face_recognition_id: string | null
41
+ first_name: string
42
+ full_name: string
43
+ last_name: string
44
+ patronymic: string
45
+ personnel_number: number
46
+ phone: string
47
+ profession: string
48
+ teams: Api_User_Team[]
49
+ photos: Api_User_Photo[]
50
+ }
51
+
52
+ export type Api_User_Create = {
53
+ last_name?: string
54
+ first_name?: string
55
+ patronymic?: string
56
+ email?: string
57
+ phone?: string
58
+ divisions?: string
59
+ positions?: [string]
60
+ teams?: {
61
+ team_id: string
62
+ roles: string[]
63
+ }[]
64
+ current_password?: string
65
+ password?: string
66
+ password_confirmation?: string
67
+ }
68
+
69
+ export type Api_User_Permission = {
70
+ id: string
71
+ name: string
72
+ display_name: string
73
+ }
74
+
75
+ export type Api_User_Role = {
76
+ id: string
77
+ name: string
78
+ display_name: string
79
+ permissions?: Api_User_Permission[]
80
+ }
81
+
82
+ export type Api_User_Position = {
83
+ id: string
84
+ name: string
85
+ display_name: string
86
+ description?: string
87
+ }
@@ -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>