@mythpe/quasar-ui-qui 0.1.38 → 0.1.40

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/form/MSelect.vue +6 -3
  3. package/src/components/grid/MHelpRow.vue +1 -1
  4. package/src/style/main.sass +10 -0
  5. package/src/types/api/MSelect.d.ts +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mythpe/quasar-ui-qui",
3
- "version": "0.1.38",
3
+ "version": "0.1.40",
4
4
  "description": "MyTh Quasar UI Kit App Extension",
5
5
  "author": {
6
6
  "name": "MyTh Ahmed Faiz",
package/src/components/form/MSelect.vue CHANGED
@@ -43,6 +43,7 @@ type P = {
43
43
  useInput?: Props['useInput'];
44
44
  mapOptions?: Props['mapOptions'];
45
45
  loading?: Props['loading'];
46
+ noLoading?: Props['noLoading'];
46
47
  multiple?: Props['multiple'];
47
48
  options?: Props['options'];
48
49
  optionLabel?: Props['optionLabel'];
@@ -86,6 +87,7 @@ const props = withDefaults(defineProps<P>(), {
86
87
  useInput: () => !0,
87
88
  mapOptions: () => !0,
88
89
  loading: undefined,
90
+ noLoading: !1,
89
91
  multiple: undefined,
90
92
  options: () => ([]),
91
93
  optionLabel: () => 'label',
@@ -215,6 +217,7 @@ defineOptions({
215
217
  <component
216
218
  :is="viewMode ? QField : QSelect"
217
219
  ref="input"
220
+ popup-content-class="m--select__popup-content"
218
221
  v-bind="{
219
222
  behavior: $q.platform.is.ios === !0 ? 'dialog' : behavior,
220
223
  ...theme,
@@ -292,7 +295,7 @@ defineOptions({
292
295
  </slot>
293
296
  </template>
294
297
  <template
295
- v-if="loading"
298
+ v-if="loading && !noLoading"
296
299
  #selected
297
300
  >
298
301
  <q-skeleton width="60%" />
@@ -303,9 +306,9 @@ defineOptions({
303
306
  >
304
307
  <MContainer>
305
308
  <MRow class="items-center">
306
- <MBtn
309
+ <q-btn
307
310
  :label="__('labels.done')"
308
- flat
311
+ color="primary"
309
312
  @click="onDoneOptions()"
310
313
  />
311
314
  </MRow>
package/src/components/grid/MHelpRow.vue CHANGED
@@ -28,7 +28,7 @@ defineOptions({
28
28
  <template>
29
29
  <div
30
30
  v-if="text || tooltip"
31
- class="row"
31
+ class="m--help-row row"
32
32
  >
33
33
  <div class="col-auto">
34
34
  <q-icon
package/src/style/main.sass CHANGED
@@ -169,3 +169,13 @@ $control-max-width: 200px !default
169
169
  .screen--sm
170
170
  .m--dt-btn-tooltip
171
171
  display: none
172
+
173
+ $m-help-row-margin-top: 4px !default
174
+
175
+ .m--help-row
176
+ margin-top: $m-help-row-margin-top
177
+
178
+ $m--select__popup-content: 300px !default
179
+
180
+ .m--select__popup-content
181
+ max-height: $m--select__popup-content
package/src/types/api/MSelect.d.ts CHANGED
@@ -30,9 +30,9 @@ export interface MSelectProps extends Omit<QSelectProps, 'rules' | 'name' | 'mod
30
30
  */
31
31
  axiosMode?: boolean | undefined;
32
32
  /**
33
- * Fetch Data on mounted
33
+ * dont use default loading slot.
34
34
  */
35
- // iniData?: boolean;
35
+ noLoading?: boolean;
36
36
  }
37
37
 
38
38
  type ItemsScope = { items: any[], value: any };