inertia-bootstrap-forms 1.0.69 → 1.0.71

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "inertia-bootstrap-forms",
-    "version": "1.0.69",
+    "version": "1.0.71",
     "description": "Create bootstrap forms with inertia and twitter bootstrap",
     "main": "dist/inertia-bootstrap-forms.cjs.js",
     "module": "dist/inertia-bootstrap-forms.es.js",

package/src/EditorInput.vue

@@ -3,6 +3,7 @@ import Editor from '@tinymce/tinymce-vue';
 import {computed, defineComponent, inject, ref} from "vue";
 
 export default defineComponent({
+  emits: ['update:modelValue', 'setContent'],
   components: {Editor},
   props: {
     name: {
@@ -57,15 +58,8 @@ export default defineComponent({
       }
     });
 
-    const setContentInModelValue = (content, format, paste, selection) => {
-      modelValue.value = content;
-      emit('setContent', content, format, paste, selection)
-      emit('update:modelValue', content)
-    }
-
-    return {modelValue, form, group, editorRef, handleInit, setContentInModelValue};
+    return {modelValue, form, group, editorRef, handleInit};
   },
-  emits: ['update:modelValue', 'setContent'],
 })
 </script>
 
@@ -73,7 +67,6 @@ export default defineComponent({
   <Editor
       ref="editorRef"
       @init="handleInit"
-      @SetContent="setContentInModelValue"
       v-model="modelValue"
       class="tiny-editor-input-el"
       :init="{

package/src/FormContainer.vue

@@ -67,6 +67,7 @@ export default defineComponent({
           processing,
           progress,
           wasSuccessful,
+          uploading,
           recentlySuccessful,
           __rememberable,
           ...cleanedData

package/src/SubmitButton.vue

@@ -3,21 +3,24 @@ import {Spinner} from 'vue3-bootstrap-components';
 import {defineComponent} from "vue";
 
 export default defineComponent({
-    components: {
-        Spinner
-    },
-    inject: ['form'],
-    props: {},
+  components: {
+    Spinner
+  },
+  inject: ['form'],
+  props: {},
 })
 </script>
 <template>
-    <button
-        type="submit"
-        :disabled="form?.processing"
-        class="btn btn-primary px-3 px-sm-4">
-        <Spinner v-if="form?.processing"/>
-        <slot>
-            تایید و ثبت اطلاعات
-        </slot>
-    </button>
+  <button
+      type="submit"
+      :disabled="form?.processing || form?.uploading"
+      class="btn btn-primary px-3 px-sm-4">
+    <Spinner v-if="form?.processing || form?.uploading"/>
+    <slot :form="form">
+      تایید و ثبت اطلاعات
+    </slot>
+    <slot name="progress">
+      <span class="submit-upload-percent" v-if="form?.uploading">{{ form?.uploading }}%</span>
+    </slot>
+  </button>
 </template>

package/src/UppyInput.vue

@@ -119,7 +119,10 @@ uppy.value.on('file-removed', (file) => {
   emits('file-removed', file);
 });
 
-uppy.value.on('progress', (progress) => emits('progress', progress));
+uppy.value.on('progress', (progress) => {
+  form.value['uploading'] = (progress >= 100 || progress <=0) ? null : progress;
+  emits('progress', progress)
+});
 uppy.value.on('upload-progress', (file, progress) => emits('upload-progress', file, progress));
 uppy.value.on('upload-pause', (file, progress) => emits('upload-pause', file, progress));
 uppy.value.on('cancel-all', () => emits('cancel-all'));