@dasidev/dasi-ui 1.0.0

package/src/vueform.config.js

@@ -0,0 +1,77 @@
+import en from '@vueform/vueform/locales/en'
+import tailwind from '@vueform/vueform/dist/tailwind'
+import dasiClasses from '@/vueform/customization/classes'
+import { defineConfig } from '@vueform/vueform'
+import PluginMask from '@vueform/plugin-mask'
+import api from './api/api'
+import SelectorElement from './vueform/elements/SelectorElement.vue'
+import ConfigDataSelectorElement from './vueform/elements/ConfigDataSelectorElement.vue'
+import DateSelectorElement from './vueform/elements/DateSelectorElement.vue'
+
+
+/**
+ * DASI
+ *
+ */
+
+
+/**
+ * Validator
+ *
+ */
+import { intlMaxNumber, intlMinNumber } from './vueform.validator'
+
+en.validation.required = 'Kolom :attribute wajib diisi'
+en.validation.numeric = 'Kolom :attribute harus berisi angka'
+en.validation.max = 'Kolom :attribute tidak bisa lebih dari :max'
+en.validation.min = 'Kolom :attribute tidak bisa kurang dari :min'
+en.validation.regex = 'Kolom :attribute tidak sesuai'
+
+
+export default defineConfig({
+  displayErrors: false,
+  theme: tailwind,
+  locales: { en },
+  locale: 'en',
+  floatPlaceholders: false,
+  size: 'lg',
+  plugins: [PluginMask],
+  rules: {
+    intlMaxNumber,
+    intlMinNumber,
+  },
+  addClasses: dasiClasses,
+  endpoints: {
+    uploadTempFile: async (value, el$) => {
+      const element = el$.el$
+      element?.messageBag?.remove(`Format file tidak sesuai (${element?.accept})`, "error");
+      if (element?.accept && element?.accept !== element?.value?.type) {
+        element?.messageBag?.prepend(`Format file tidak sesuai (${element?.accept})`, "error");
+        throw new Error(`Format file tidak sesuai (${element?.accept})`)
+      }
+      const formData = new FormData();
+      formData.append('file', value);
+      const response = await api.post('/media', formData, {
+        headers: {
+          'Content-Type': 'multipart/form-data',
+        },
+        onUploadProgress: (e) => {
+          el$.progress = Math.round((e.loaded * 100) / e.total)
+        },
+        cancelToken: el$.$vueform.services.axios.CancelToken.source().token,
+      })
+      return response.data.data;
+    },
+    removeTempFile: async (value, el$) => {
+      await api.delete(`/media/${value.id}/soft`);
+    },
+    removeFile: async (value) => {
+      await api.delete(`/media/${value.id}/soft`);
+    },
+  },
+  elements: [
+    SelectorElement,
+    ConfigDataSelectorElement,
+    DateSelectorElement
+  ]
+})

package/src/vueform.validator.ts

@@ -0,0 +1,77 @@
+import { Validator } from '@vueform/vueform'
+import { intlFormatedToNumber } from './lib/utils';
+
+export const intlMaxNumber = class extends Validator {
+  get msg() {
+    return 'Kolom :attribute harus kurang dari :maxValue'
+  }
+
+  get messageParams() {
+    return {
+      attribute: this.attributeName,
+      maxValue: this.maxValue,
+    }
+  }
+
+  get maxValue () {
+    return this.attributes[0] ? Number(this.attributes[0]) ?? 100 : 100;
+  }
+
+  check(value: any) {
+    return (intlFormatedToNumber(value) || 0) < this.maxValue;
+  }
+}
+
+export const intlMinNumber = class extends Validator {
+  get msg() {
+    return 'Kolom :attribute harus lebih dari :minValue'
+  }
+
+  get messageParams() {
+    return {
+      attribute: this.attributeName,
+      minValue: this.minValue,
+    }
+  }
+
+  get minValue () {
+    return this.attributes[0] ? Number(this.attributes[0]) ?? 0 : 0;
+  }
+
+  check(value: any) {
+    return (intlFormatedToNumber(value) || 0) > this.minValue;
+  }
+}
+
+export const fileUploadComplete = class extends Validator {
+  get msg() {
+    return 'File sedang diupload, mohon tunggu hingga upload selesai'
+  }
+
+  check(value: any) {
+    // If no value, let required rule handle this
+    if (!value) {
+      return true;
+    }
+    
+    // Check if form is being submitted
+    const form = this.el$?.$vueform;
+    const isSubmitting = form?.submitting || form?.preparing;
+    
+    // If value is a File object
+    if (value instanceof File) {
+      // Allow File object during normal validation (so upload can start)
+      // Only fail when trying to submit form
+      return !isSubmitting;
+    }
+    
+    // If it's a response object, check if it has id and url from /media POST response
+    if (typeof value === 'object' && value !== null) {
+      // Only valid when /media POST is finished and has response.data.data.id and url
+      return !!(value.id && value.url);
+    }
+    
+    // Other types - invalid
+    return false;
+  }
+}