inertia-bootstrap-forms 1.0.70 → 1.0.72

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "inertia-bootstrap-forms",
-    "version": "1.0.70",
+    "version": "1.0.72",
     "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: {
@@ -59,14 +60,6 @@ export default defineComponent({
 
     return {modelValue, form, group, editorRef, handleInit};
   },
-  emits: ['update:modelValue', 'setContent'],
-  methods:{
-    setContentInModelValue(content, format, paste, selection){
-      this.modelValue = content;
-      this.$emit('setContent', content, format, paste, selection);
-      this.$emit('update:modelValue', content);
-    }
-  }
 })
 </script>
 
@@ -74,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'));
@@ -161,9 +164,7 @@ onMounted(() => {
   }
 
   if(uppy.value?.opts?.restrictions){
-    console.log(uppy.value?.opts?.restrictions);
     restrictionCaption.value = buildRestrictionsCaption(uppy.value.opts.restrictions)
-    console.log('restrictionCaption', restrictionCaption.value);
   }
 });