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

package/dist/api/QasTableGenerator.json

@@ -9,6 +9,11 @@
       "default": [],
       "type": "Array"
     },
+    "empty-result-text": {
+      "desc": "Quando uma célula da tabela está vazia, esta prop define qual será o valor padrão.",
+      "default": "-",
+      "type": "String"
+    },
     "fields": {
       "desc": "Lista de field contendo informações necessárias para a criação da tabela.",
       "default": {},
@@ -30,11 +35,6 @@
       "default": "name",
       "type": "String"
     },
-    "empty-result-text": {
-      "desc": "Quando uma célula da tabela está vazia, esta prop define qual será o valor padrão.",
-      "default": "-",
-      "type": "String"
-    },
     "use-scroll-on-grab": {
       "desc": "Adiciona scroll pelo mouse ao arrastar tabela em todas as telas (Celular, Desktop).",
       "default": true,

package/dist/api/QasTransfer.json

@@ -8,11 +8,6 @@
       "desc": "Controla como sera o retorno do model, se \"true\" será um array de string, se \"false\" array de objeto.",
       "type": "Boolean"
     },
-    "model-value": {
-      "desc": "Model do componente, controla quais itens estão na segunda coluna.",
-      "default": [],
-      "type": "Array"
-    },
     "fuse-options": {
       "desc": "Configurações do [fuse.js](https://fusejs.io/api/options.html).",
       "default": {
@@ -22,15 +17,20 @@
       },
       "type": "Object"
     },
+    "label-key": {
+      "desc": "Nos options, você pode passar um array de objeto com qualquer chave/valor, esta prop serve para identificar qual será o equivalente ao \"label\".",
+      "default": "label",
+      "type": "String"
+    },
     "label": {
       "desc": "Rotulo que vai ficar em cima da primeira coluna.",
       "type": "String",
       "required": true
     },
-    "label-key": {
-      "desc": "Nos options, você pode passar um array de objeto com qualquer chave/valor, esta prop serve para identificar qual será o equivalente ao \"label\".",
-      "default": "label",
-      "type": "String"
+    "model-value": {
+      "desc": "Model do componente, controla quais itens estão na segunda coluna.",
+      "default": [],
+      "type": "Array"
     },
     "options": {
       "desc": "Array de objetos com todos items que serão transferidos",

package/dist/api/QasUploader.json

@@ -39,6 +39,18 @@
       "default": "undefined",
       "type": "Number"
     },
+    "model-value": {
+      "desc": "Model do componente, caso seja múltiplo, retorna um array de string, senão somente uma string.",
+      "default": true,
+      "type": [
+        "Array",
+        "String"
+      ],
+      "examples": [
+        "v-model=\"value\""
+      ],
+      "model": true
+    },
     "pica-resize-options": {
       "desc": "Opções para a biblioteca \"pica\" que é responsável por fazer o redimensionamento antes do upload (https://github.com/nodeca/pica).",
       "type": "Object",
@@ -49,6 +61,11 @@
         "unsharpThreshold": 1
       }
     },
+    "readonly": {
+      "desc": "O componente não faz mais upload, apenas exibe.",
+      "default": true,
+      "type": "Number"
+    },
     "size-limit": {
       "desc": "Se o tamanho da imagem for menor ou igual ao passado nesta prop, não será feito um redimensionamento.",
       "default": 1280,
@@ -59,23 +76,6 @@
       "default": true,
       "type": "Number"
     },
-    "readonly": {
-      "desc": "O componente não faz mais upload, apenas exibe.",
-      "default": true,
-      "type": "Number"
-    },
-    "model-value": {
-      "desc": "Model do componente, caso seja múltiplo, retorna um array de string, senão somente uma string.",
-      "default": true,
-      "type": [
-        "Array",
-        "String"
-      ],
-      "examples": [
-        "v-model=\"value\""
-      ],
-      "model": true
-    },
     "uploading": {
       "desc": "Model que retorna se o componente está fazendo algum upload.",
       "type": "Boolean",

package/dist/asteroid.cjs.js

@@ -1,5 +1,5 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.0.0-beta.6
+* @bildvitta/quasar-ui-asteroid v3.0.0-beta.7
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -3017,7 +3017,10 @@ var script$t = {
     }
   },
 
-  emits: ['update:modelValue'],
+  emits: [
+    'update:modelValue',
+    'update-model'
+  ],
 
   data () {
     return {
@@ -3028,15 +3031,13 @@ var script$t = {
   computed: {
     defaultMode () {
       return defaultModes[this.mode]
-    },
-
-    model: {
-      get () {
-        return this.modelValue
-      },
+    }
+  },
 
-      set () {
-        this.$emit('update:modelValue', this.autoNumeric.getNumber());
+  watch: {
+    modelValue (value) {
+      if (this.autoNumeric) {
+        this.autoNumeric.set(value);
       }
     }
   },
@@ -3071,39 +3072,56 @@ var script$t = {
     Object.assign(options, this.autonumericProps);
 
     this.$nextTick(() => {
-      this.$refs.input.value = this.modelValue;
       this.autoNumeric = new AutoNumeric__default["default"](this.$refs.input, options);
+      this.autoNumeric.set(this.modelValue);
     });
   },
 
   beforeUnmount () {
     this.autoNumeric.remove();
+  },
+
+  methods: {
+    setSelect () {
+      this.$refs?.input?.select();
+    },
+
+    emitValue () {
+      this.$emit('update:modelValue', this.autoNumeric.getNumber());
+    },
+
+    emitUpdateModel (value) {
+      this.$emit('update-model', {
+        value,
+        raw: this.autoNumeric.getNumber()
+      });
+    }
   }
 };
 
-const _hoisted_1$j = ["id", "model-value", "onInput"];
+const _hoisted_1$j = ["id"];
 
 function render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_field = vue.resolveComponent("q-field");
 
   return (vue.openBlock(), vue.createBlock(_component_q_field, {
-    modelValue: $options.model,
-    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
+    "model-value": $props.modelValue,
     outlined: ""
   }, {
-    control: vue.withCtx(({ emitValue, floatingLabel, id, value }) => [
+    control: vue.withCtx(({ floatingLabel, id }) => [
       vue.withDirectives(vue.createElementVNode("input", {
         id: id,
         ref: "input",
         class: "q-field__input",
-        "model-value": value,
-        onInput: $event => (emitValue($event.target.value))
+        onBlur: _cache[0] || (_cache[0] = (...args) => ($options.emitValue && $options.emitValue(...args))),
+        onClick: _cache[1] || (_cache[1] = (...args) => ($options.setSelect && $options.setSelect(...args))),
+        onInput: _cache[2] || (_cache[2] = $event => ($options.emitUpdateModel($event.target.value)))
       }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1$j), [
         [vue.vShow, floatingLabel]
       ])
     ]),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["modelValue"]))
+  }, 8 /* PROPS */, ["model-value"]))
 }
 
 script$t.render = render$t;
@@ -3359,7 +3377,8 @@ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createVNode(_component_qas_input, vue.mergeProps({
       modelValue: $options.model,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.model) = $event)),
-      "bottom-slots": ""
+      "bottom-slots": false,
+      color: "negative"
     }, _ctx.$attrs, {
       "remove-error-on-type": "",
       type: $options.type
@@ -4851,7 +4870,10 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                       label: $options.filterButtonLabel
                     }, {
                       default: vue.withCtx(() => [
-                        vue.createVNode(_component_q_menu, null, {
+                        vue.createVNode(_component_q_menu, {
+                          class: "full-width",
+                          "max-width": "240px"
+                        }, {
                           default: vue.withCtx(() => [
                             ($data.isFetching)
                               ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6, [
@@ -6380,6 +6402,7 @@ var script$e = {
       handler (value) {
         this.$emit('update:results', quasar.extend([], true, value));
       },
+      deep: true,
       immediate: true
     }
   },
@@ -6398,10 +6421,16 @@ var script$e = {
     async fetchList (filters = {}) {
       this.mx_isFetching = true;
 
+      const hasFilters = !!Object.keys(filters).length;
+
       try {
         const response = await this.$store.dispatch(
           `${this.entity}/fetchList`,
-          { ...this.mx_context, url: this.url, filters }
+          {
+            ...this.mx_context,
+            url: this.url,
+            ...(hasFilters && { filters })
+          }
         );
 
         const { errors, fields, metadata } = response.data;
@@ -8990,6 +9019,7 @@ var script = {
     options: {
       handler (value) {
         this.optionsList = quasar.extend(true, [], value);
+        this.setSelectedFromValue(true);
       },
 
       immediate: true
@@ -9055,7 +9085,7 @@ var script = {
     },
 
     setSelectedFromValue (isFirst) {
-      this.modelValue.forEach(item => {
+      this.optionsList.length && this.modelValue.forEach(item => {
         const selected = this.optionsList.find(option => {
           return option[this.valueKey] === (this.emitValue ? item : item[this.valueKey])
         });
@@ -9232,7 +9262,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
 
 var name = "@bildvitta/quasar-ui-asteroid";
 var description = "Asteroid";
-var version$1 = "3.0.0-beta.6";
+var version$1 = "3.0.0-beta.7";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";