@bildvitta/quasar-ui-asteroid 3.0.0-beta.6 → 3.0.0-beta.7

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 (80) hide show
  1. package/dist/api/QasActionsMenu.json +15 -15
  2. package/dist/api/QasAppBar.json +4 -4
  3. package/dist/api/QasAppMenu.json +11 -11
  4. package/dist/api/QasCard.json +4 -4
  5. package/dist/api/QasCheckboxGroup.json +8 -8
  6. package/dist/api/QasCopy.json +4 -4
  7. package/dist/api/QasDateTimeInput.json +6 -6
  8. package/dist/api/QasDelete.json +17 -17
  9. package/dist/api/QasDialog.json +21 -21
  10. package/dist/api/QasFilters.json +16 -16
  11. package/dist/api/QasFormGenerator.json +31 -31
  12. package/dist/api/QasFormView.json +84 -84
  13. package/dist/api/QasGallery.json +4 -4
  14. package/dist/api/QasGridGenerator.json +39 -39
  15. package/dist/api/QasInput.json +13 -13
  16. package/dist/api/QasListView.json +55 -55
  17. package/dist/api/QasNestedFields.json +32 -32
  18. package/dist/api/QasNumericInput.json +21 -2
  19. package/dist/api/QasPageHeader.json +7 -7
  20. package/dist/api/QasPasswordInput.json +13 -13
  21. package/dist/api/QasPasswordStrengthChecker.json +12 -12
  22. package/dist/api/QasProfile.json +5 -5
  23. package/dist/api/QasResizer.json +11 -11
  24. package/dist/api/QasSearchBox.json +5 -5
  25. package/dist/api/QasSelect.json +14 -14
  26. package/dist/api/QasSelectList.json +6 -6
  27. package/dist/api/QasSignatureUploader.json +9 -9
  28. package/dist/api/QasSingleView.json +40 -40
  29. package/dist/api/QasSortable.json +20 -20
  30. package/dist/api/QasTableGenerator.json +5 -5
  31. package/dist/api/QasTransfer.json +9 -9
  32. package/dist/api/QasUploader.json +17 -17
  33. package/dist/asteroid.cjs.js +53 -23
  34. package/dist/asteroid.cjs.min.js +2 -2
  35. package/dist/asteroid.esm.css +1 -1
  36. package/dist/asteroid.esm.js +53 -23
  37. package/dist/asteroid.esm.min.js +2 -2
  38. package/dist/asteroid.umd.css +1 -1
  39. package/dist/asteroid.umd.js +53 -23
  40. package/dist/asteroid.umd.min.js +2 -2
  41. package/dist/vetur/asteroid-attributes.json +261 -261
  42. package/dist/vetur/asteroid-tags.json +89 -89
  43. package/package.json +1 -1
  44. package/src/components/actions-menu/QasActionsMenu.yml +15 -15
  45. package/src/components/app-bar/QasAppBar.yml +4 -4
  46. package/src/components/app-menu/QasAppMenu.yml +11 -11
  47. package/src/components/card/QasCard.yml +4 -4
  48. package/src/components/checkbox-group/QasCheckboxGroup.yml +9 -8
  49. package/src/components/copy/QasCopy.yml +4 -3
  50. package/src/components/date-time-input/QasDateTimeInput.yml +6 -5
  51. package/src/components/delete/QasDelete.yml +15 -15
  52. package/src/components/dialog/QasDialog.yml +20 -19
  53. package/src/components/filters/QasFilters.vue +1 -1
  54. package/src/components/filters/QasFilters.yml +16 -16
  55. package/src/components/form-generator/QasFormGenerator.yml +21 -21
  56. package/src/components/form-view/QasFormView.yml +68 -68
  57. package/src/components/gallery/QasGallery.yml +4 -4
  58. package/src/components/grid-generator/QasGridGenerator.yml +28 -27
  59. package/src/components/input/QasInput.yml +13 -13
  60. package/src/components/list-view/QasListView.vue +8 -1
  61. package/src/components/list-view/QasListView.yml +48 -48
  62. package/src/components/nested-fields/QasNestedFields.yml +26 -25
  63. package/src/components/numeric-input/QasNumericInput.vue +31 -13
  64. package/src/components/numeric-input/QasNumericInput.yml +16 -2
  65. package/src/components/page-header/QasPageHeader.yml +4 -4
  66. package/src/components/password-input/QasPasswordInput.vue +1 -1
  67. package/src/components/password-input/QasPasswordInput.yml +11 -11
  68. package/src/components/password-strength-checker/QasPasswordStrengthChecker.yml +10 -10
  69. package/src/components/profile/QasProfile.yml +5 -5
  70. package/src/components/resizer/QasResizer.yml +6 -5
  71. package/src/components/search-box/QasSearchBox.yml +5 -5
  72. package/src/components/select/QasSelect.yml +7 -7
  73. package/src/components/select-list/QasSelectList.yml +6 -6
  74. package/src/components/signature-uploader/QasSignatureUploader.yml +9 -9
  75. package/src/components/single-view/QasSingleView.yml +36 -36
  76. package/src/components/sortable/QasSortable.yml +17 -17
  77. package/src/components/table-generator/QasTableGenerator.yml +5 -5
  78. package/src/components/transfer/QasTransfer.vue +2 -1
  79. package/src/components/transfer/QasTransfer.yml +9 -9
  80. package/src/components/uploader/QasUploader.yml +12 -12
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--qas-background-color: #f5f5f5;--qas-generic-border-radius: 8px}h1{font-size:6rem;font-weight:800;letter-spacing:0;line-height:6rem;margin:0}h2{font-size:3.75rem;font-weight:700;letter-spacing:0;line-height:3.75rem;margin:0}h3{font-size:3rem;font-weight:600;letter-spacing:0;line-height:2.5rem;margin:0}h4{font-size:2.125rem;font-weight:800;letter-spacing:0;line-height:2.5rem;margin:0}h5{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;margin:0}h6{font-size:1.25rem;font-weight:600;letter-spacing:0;line-height:2rem;margin:0}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:var(--qas-generic-border-radius)}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}.bg-no-repeat{background-repeat:no-repeat !important}.bg-size-contain{background-size:contain !important}.bg-size-cover{background-size:cover !important}.bg-position-bottom{background-position:bottom !important}.bg-position-center{background-position:center !important}.bg-position-left{background-position:left !important}.bg-position-right{background-position:right !important}.bg-position-top{background-position:top !important}.border-secondary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-secondary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right){border-width:1px !important}.border-primary{border:0 solid var(--q-primary) !important}.border-primary-contrast{border:0 solid var(--q-primary-contrast) !important}.border-secondary{border:0 solid var(--q-secondary) !important}.border-secondary-contrast{border:0 solid var(--q-secondary-contrast) !important}.border-top{border-top-width:1px !important}.border-left{border-left-width:1px !important}.border-bottom{border-bottom-width:1px !important}.border-right{border-right-width:1px !important}.rounded-borders-sm{border-radius:calc(var(--qas-generic-border-radius) / 2) !important}.rounded-borders-lg{border-radius:calc(var(--qas-generic-border-radius) * 2) !important}.rounded-borders-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-borders-right{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-borders-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-borders-left{border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{margin-left:auto;margin-right:auto;max-width:1280px;width:calc(100% - 80px)}.container.spaced,.container-xs.spaced,.container-sm.spaced,.container-md.spaced,.container-lg.spaced,.container-xl.spaced{padding-bottom:20px;padding-top:20px}@media(max-width: 599px){.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{width:calc(100% - 20px)}}.container-xs{max-width:599px !important}.container-sm{max-width:1023px !important}.container-md{max-width:1439px !important}.container-lg{max-width:1919px !important}body{font-family:Inter,system-ui,sans-serif}.qs-lh-xs{line-height:.85 !important}.qs-lh-sm{line-height:1 !important}.qs-lh-md{line-height:1.15 !important}.qs-lh-lg{line-height:1.3 !important}.qs-lh-xl{line-height:1.5 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.text-baseline{vertical-align:baseline !important}.text-break{word-break:break-all !important}.text-underline{text-decoration:underline !important}.text-no-decoration{text-decoration:none !important}.unset{all:unset}a.unset,button.unset{cursor:pointer}.qas-app-bar__toolbar{height:70px}.qas-app-bar__brand{height:24px;margin-right:8px;position:relative;top:4px}.qas-app-bar__user{background-color:var(--qas-background-color);transition:background-color .3s cubic-bezier(0.25, 0.8, 0.5, 1)}.qas-app-bar__user:focus,.qas-app-bar__user:hover{background-color:rgba(255,255,255,.2)}.qas-app-bar__user-data{max-width:180px}.qas-app-bar__user-menu{width:260px}@media(max-width: 599px){.qas-app-bar__user-data{display:none}}.qas-alert{border-style:solid;border-width:0 10px}.qas-actions-menu__list{width:265px;z-index:1}.q-expansion-item--expanded .q-item:not(.qas-app-menu--active.q-item){background-color:#fafafa}.qas-list-items .q-list>.q-item{padding:24px 16px}.qas-map__draw{height:300px;width:100%}.qas-nested-fields__actions{height:56px}.qas-signature-pad__canvas{border:1px solid rgba(0,0,0,.12)}.qas-table-generator .q-table th{font-weight:bold}.qas-table-generator--mobile{margin:0 -10px}.qas-table-generator--mobile .q-table{margin-left:10px}.qas-transfer__icon{transform:rotate(-90deg)}.qas-uploader__input{display:none}
1
+ @import"https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--qas-background-color: #f5f5f5;--qas-generic-border-radius: 8px}h1{font-size:6rem;font-weight:800;letter-spacing:0;line-height:6rem;margin:0}h2{font-size:3.75rem;font-weight:700;letter-spacing:0;line-height:3.75rem;margin:0}h3{font-size:3rem;font-weight:600;letter-spacing:0;line-height:2.5rem;margin:0}h4{font-size:2.125rem;font-weight:800;letter-spacing:0;line-height:2.5rem;margin:0}h5{font-size:1.5rem;font-weight:700;letter-spacing:0;line-height:2rem;margin:0}h6{font-size:1.25rem;font-weight:600;letter-spacing:0;line-height:2rem;margin:0}body{background-color:var(--qas-background-color)}.q-field--outlined .q-field__inner{background-color:#fff;border-radius:var(--qas-generic-border-radius)}.q-radio__inner::before{color:var(--q-primary)}.q-tabs__arrow{color:var(--q-primary)}.bg-no-repeat{background-repeat:no-repeat !important}.bg-size-contain{background-size:contain !important}.bg-size-cover{background-size:cover !important}.bg-position-bottom{background-position:bottom !important}.bg-position-center{background-position:center !important}.bg-position-left{background-position:left !important}.bg-position-right{background-position:right !important}.bg-position-top{background-position:top !important}.border-secondary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-secondary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary-contrast:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right),.border-primary:not(.border-top):not(.border-left):not(.border-bottom):not(.border-right){border-width:1px !important}.border-primary{border:0 solid var(--q-primary) !important}.border-primary-contrast{border:0 solid var(--q-primary-contrast) !important}.border-secondary{border:0 solid var(--q-secondary) !important}.border-secondary-contrast{border:0 solid var(--q-secondary-contrast) !important}.border-top{border-top-width:1px !important}.border-left{border-left-width:1px !important}.border-bottom{border-bottom-width:1px !important}.border-right{border-right-width:1px !important}.rounded-borders-sm{border-radius:calc(var(--qas-generic-border-radius) / 2) !important}.rounded-borders-lg{border-radius:calc(var(--qas-generic-border-radius) * 2) !important}.rounded-borders-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.rounded-borders-right{border-bottom-left-radius:0 !important;border-top-left-radius:0 !important}.rounded-borders-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.rounded-borders-left{border-bottom-right-radius:0 !important;border-top-right-radius:0 !important}.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{margin-left:auto;margin-right:auto;max-width:1280px;width:calc(100% - 80px)}.container.spaced,.container-xs.spaced,.container-sm.spaced,.container-md.spaced,.container-lg.spaced,.container-xl.spaced{padding-bottom:20px;padding-top:20px}@media(max-width: 599px){.container,.container-xs,.container-sm,.container-md,.container-lg,.container-xl{width:calc(100% - 20px)}}.container-xs{max-width:599px !important}.container-sm{max-width:1023px !important}.container-md{max-width:1439px !important}.container-lg{max-width:1919px !important}body{font-family:Inter,system-ui,sans-serif}.qs-lh-xs{line-height:.85 !important}.qs-lh-sm{line-height:1 !important}.qs-lh-md{line-height:1.15 !important}.qs-lh-lg{line-height:1.3 !important}.qs-lh-xl{line-height:1.5 !important}.opacity-10{opacity:0.1 !important}.opacity-20{opacity:0.2 !important}.opacity-30{opacity:0.3 !important}.opacity-40{opacity:0.4 !important}.opacity-50{opacity:0.5 !important}.opacity-60{opacity:0.6 !important}.opacity-70{opacity:0.7 !important}.opacity-80{opacity:0.8 !important}.opacity-90{opacity:0.9 !important}.text-baseline{vertical-align:baseline !important}.text-break{word-break:break-all !important}.text-underline{text-decoration:underline !important}.text-no-decoration{text-decoration:none !important}.unset{all:unset}a.unset,button.unset{cursor:pointer}.qas-actions-menu__list{width:265px;z-index:1}.qas-alert{border-style:solid;border-width:0 10px}.qas-app-bar__toolbar{height:70px}.qas-app-bar__brand{height:24px;margin-right:8px;position:relative;top:4px}.qas-app-bar__user{background-color:var(--qas-background-color);transition:background-color .3s cubic-bezier(0.25, 0.8, 0.5, 1)}.qas-app-bar__user:focus,.qas-app-bar__user:hover{background-color:rgba(255,255,255,.2)}.qas-app-bar__user-data{max-width:180px}.qas-app-bar__user-menu{width:260px}@media(max-width: 599px){.qas-app-bar__user-data{display:none}}.q-expansion-item--expanded .q-item:not(.qas-app-menu--active.q-item){background-color:#fafafa}.qas-list-items .q-list>.q-item{padding:24px 16px}.qas-nested-fields__actions{height:56px}.qas-map__draw{height:300px;width:100%}.qas-signature-pad__canvas{border:1px solid rgba(0,0,0,.12)}.qas-table-generator .q-table th{font-weight:bold}.qas-table-generator--mobile{margin:0 -10px}.qas-table-generator--mobile .q-table{margin-left:10px}.qas-transfer__icon{transform:rotate(-90deg)}.qas-uploader__input{display:none}
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @bildvitta/quasar-ui-asteroid v3.0.0-beta.6
2
+ * @bildvitta/quasar-ui-asteroid v3.0.0-beta.7
3
3
  * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
4
4
  * Released under the MIT License.
5
5
  */
@@ -3004,7 +3004,10 @@ var script$t = {
3004
3004
  }
3005
3005
  },
3006
3006
 
3007
- emits: ['update:modelValue'],
3007
+ emits: [
3008
+ 'update:modelValue',
3009
+ 'update-model'
3010
+ ],
3008
3011
 
3009
3012
  data () {
3010
3013
  return {
@@ -3015,15 +3018,13 @@ var script$t = {
3015
3018
  computed: {
3016
3019
  defaultMode () {
3017
3020
  return defaultModes[this.mode]
3018
- },
3019
-
3020
- model: {
3021
- get () {
3022
- return this.modelValue
3023
- },
3021
+ }
3022
+ },
3024
3023
 
3025
- set () {
3026
- this.$emit('update:modelValue', this.autoNumeric.getNumber());
3024
+ watch: {
3025
+ modelValue (value) {
3026
+ if (this.autoNumeric) {
3027
+ this.autoNumeric.set(value);
3027
3028
  }
3028
3029
  }
3029
3030
  },
@@ -3058,39 +3059,56 @@ var script$t = {
3058
3059
  Object.assign(options, this.autonumericProps);
3059
3060
 
3060
3061
  this.$nextTick(() => {
3061
- this.$refs.input.value = this.modelValue;
3062
3062
  this.autoNumeric = new AutoNumeric(this.$refs.input, options);
3063
+ this.autoNumeric.set(this.modelValue);
3063
3064
  });
3064
3065
  },
3065
3066
 
3066
3067
  beforeUnmount () {
3067
3068
  this.autoNumeric.remove();
3069
+ },
3070
+
3071
+ methods: {
3072
+ setSelect () {
3073
+ this.$refs?.input?.select();
3074
+ },
3075
+
3076
+ emitValue () {
3077
+ this.$emit('update:modelValue', this.autoNumeric.getNumber());
3078
+ },
3079
+
3080
+ emitUpdateModel (value) {
3081
+ this.$emit('update-model', {
3082
+ value,
3083
+ raw: this.autoNumeric.getNumber()
3084
+ });
3085
+ }
3068
3086
  }
3069
3087
  };
3070
3088
 
3071
- const _hoisted_1$j = ["id", "model-value", "onInput"];
3089
+ const _hoisted_1$j = ["id"];
3072
3090
 
3073
3091
  function render$t(_ctx, _cache, $props, $setup, $data, $options) {
3074
3092
  const _component_q_field = resolveComponent("q-field");
3075
3093
 
3076
3094
  return (openBlock(), createBlock(_component_q_field, {
3077
- modelValue: $options.model,
3078
- "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
3095
+ "model-value": $props.modelValue,
3079
3096
  outlined: ""
3080
3097
  }, {
3081
- control: withCtx(({ emitValue, floatingLabel, id, value }) => [
3098
+ control: withCtx(({ floatingLabel, id }) => [
3082
3099
  withDirectives(createElementVNode("input", {
3083
3100
  id: id,
3084
3101
  ref: "input",
3085
3102
  class: "q-field__input",
3086
- "model-value": value,
3087
- onInput: $event => (emitValue($event.target.value))
3103
+ onBlur: _cache[0] || (_cache[0] = (...args) => ($options.emitValue && $options.emitValue(...args))),
3104
+ onClick: _cache[1] || (_cache[1] = (...args) => ($options.setSelect && $options.setSelect(...args))),
3105
+ onInput: _cache[2] || (_cache[2] = $event => ($options.emitUpdateModel($event.target.value)))
3088
3106
  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$j), [
3089
3107
  [vShow, floatingLabel]
3090
3108
  ])
3091
3109
  ]),
3092
3110
  _: 1 /* STABLE */
3093
- }, 8 /* PROPS */, ["modelValue"]))
3111
+ }, 8 /* PROPS */, ["model-value"]))
3094
3112
  }
3095
3113
 
3096
3114
  script$t.render = render$t;
@@ -3346,7 +3364,8 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
3346
3364
  createVNode(_component_qas_input, mergeProps({
3347
3365
  modelValue: $options.model,
3348
3366
  "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
3349
- "bottom-slots": ""
3367
+ "bottom-slots": false,
3368
+ color: "negative"
3350
3369
  }, _ctx.$attrs, {
3351
3370
  "remove-error-on-type": "",
3352
3371
  type: $options.type
@@ -4838,7 +4857,10 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
4838
4857
  label: $options.filterButtonLabel
4839
4858
  }, {
4840
4859
  default: withCtx(() => [
4841
- createVNode(_component_q_menu, null, {
4860
+ createVNode(_component_q_menu, {
4861
+ class: "full-width",
4862
+ "max-width": "240px"
4863
+ }, {
4842
4864
  default: withCtx(() => [
4843
4865
  ($data.isFetching)
4844
4866
  ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
@@ -6367,6 +6389,7 @@ var script$e = {
6367
6389
  handler (value) {
6368
6390
  this.$emit('update:results', extend([], true, value));
6369
6391
  },
6392
+ deep: true,
6370
6393
  immediate: true
6371
6394
  }
6372
6395
  },
@@ -6385,10 +6408,16 @@ var script$e = {
6385
6408
  async fetchList (filters = {}) {
6386
6409
  this.mx_isFetching = true;
6387
6410
 
6411
+ const hasFilters = !!Object.keys(filters).length;
6412
+
6388
6413
  try {
6389
6414
  const response = await this.$store.dispatch(
6390
6415
  `${this.entity}/fetchList`,
6391
- { ...this.mx_context, url: this.url, filters }
6416
+ {
6417
+ ...this.mx_context,
6418
+ url: this.url,
6419
+ ...(hasFilters && { filters })
6420
+ }
6392
6421
  );
6393
6422
 
6394
6423
  const { errors, fields, metadata } = response.data;
@@ -8977,6 +9006,7 @@ var script = {
8977
9006
  options: {
8978
9007
  handler (value) {
8979
9008
  this.optionsList = extend(true, [], value);
9009
+ this.setSelectedFromValue(true);
8980
9010
  },
8981
9011
 
8982
9012
  immediate: true
@@ -9042,7 +9072,7 @@ var script = {
9042
9072
  },
9043
9073
 
9044
9074
  setSelectedFromValue (isFirst) {
9045
- this.modelValue.forEach(item => {
9075
+ this.optionsList.length && this.modelValue.forEach(item => {
9046
9076
  const selected = this.optionsList.find(option => {
9047
9077
  return option[this.valueKey] === (this.emitValue ? item : item[this.valueKey])
9048
9078
  });
@@ -9219,7 +9249,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
9219
9249
 
9220
9250
  var name = "@bildvitta/quasar-ui-asteroid";
9221
9251
  var description = "Asteroid";
9222
- var version$1 = "3.0.0-beta.6";
9252
+ var version$1 = "3.0.0-beta.7";
9223
9253
  var author = "Bild & Vitta <systemteam@bild.com.br>";
9224
9254
  var license = "MIT";
9225
9255
  var main = "dist/asteroid.cjs.min.js";