sprintify-ui 0.0.42 → 0.0.44

package/dist/types/src/components/BaseFieldI18n.vue.d.ts

@@ -2,7 +2,7 @@ import { Locales } from '@/types';
 import { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
-        required: true;
+        default: undefined;
         type: PropType<{
             [locale: string]: string | number | boolean;
         } | null | undefined>;
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
-        required: true;
+        default: undefined;
         type: PropType<{
             [locale: string]: string | number | boolean;
         } | null | undefined>;
@@ -84,6 +84,9 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     name: string;
     label: string;
+    modelValue: {
+        [locale: string]: string | number | boolean;
+    } | null | undefined;
     hasError: boolean;
     component: "BaseInput" | "BaseTextarea";
     defaultValue: string | number | boolean;

package/dist/types/src/composables/field.d.ts

@@ -13,5 +13,7 @@ export declare function useField(config: Config): {
     hasErrorInternal: import("vue").ComputedRef<boolean>;
     errorMessageInternal: import("vue").ComputedRef<string | null | undefined>;
     emitUpdate: (value: any) => void;
+    enableForm: () => void;
+    disableForm: () => void;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseFieldI18n.vue

@@ -55,7 +55,7 @@ type Value = { [locale: string]: string | number | boolean };
 
 const props = defineProps({
   modelValue: {
-    required: true,
+    default: undefined,
     type: [Object, null, undefined] as PropType<Value | null | undefined>,
   },
   locales: {

package/src/components/BaseMediaLibrary.vue

@@ -8,8 +8,8 @@
       :accept="accept"
       :accepted-extensions="acceptedExtensions"
       :url="uploadUrl"
-      @upload:start="$emit('upload:start', $event)"
-      @upload:end="$emit('upload:end', $event)"
+      @upload:start="onUploadStart"
+      @upload:end="onUploadEnd"
       @upload:fail="$emit('upload:fail', $event)"
       @upload:success="onUploadSuccess"
     >
@@ -162,7 +162,7 @@ const emit = defineEmits([
   'upload:end',
 ]);
 
-const { emitUpdate } = useField({
+const { emitUpdate, enableForm, disableForm } = useField({
   name: computed(() => props.name),
   required: computed(() => false),
   hasError: computed(() => props.hasError),
@@ -285,4 +285,14 @@ const maxFileSize = computed(() => {
     i18n.t('sui.up_to_x', { x: fileSizeFormat(props.maxSize) })
   );
 });
+
+function onUploadStart(event: any) {
+  emit('upload:start', event);
+  disableForm();
+}
+
+function onUploadEnd(event: any) {
+  emit('upload:end', event);
+  enableForm();
+}
 </script>

package/src/composables/field.ts

@@ -58,6 +58,14 @@ export function useField(config: Config) {
     setLabelClass(labelClass);
   }
 
+  const disableForm = inject('form:disable', () => {
+    return;
+  }) as () => void;
+
+  const enableForm = inject('form:enable', () => {
+    return;
+  }) as () => void;
+
   const requiredInternal = computed((): boolean => {
     if (required.value) {
       return required.value;
@@ -96,5 +104,7 @@ export function useField(config: Config) {
     hasErrorInternal,
     errorMessageInternal,
     emitUpdate,
+    enableForm,
+    disableForm,
   };
 }