@dasidev/dasi-ui 1.0.19 → 1.0.21

package/template/src/vueform.validator.ts

@@ -1,77 +0,0 @@
-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;
-  }
-}

package/template/tailwind.config.js

@@ -1,137 +0,0 @@
-const animate = require("tailwindcss-animate");
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: "class",
-  content: [
-    "./pages/**/*.{ts,tsx,vue}",
-    "./components/**/*.{ts,tsx,vue}",
-    "./app/**/*.{ts,tsx,vue}",
-    "./src/**/*.{ts,tsx,vue}",
-    "./vueform.config.js",
-    "./node_modules/@vueform/vueform/themes/tailwind/**/*.vue",
-    "./node_modules/@vueform/vueform/themes/tailwind/**/*.js",
-  ],
-  theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px"
-      }
-    },
-    extend: {
-      fontFamily: {
-        sans: ["Inter", "sans-serif"]
-      },
-      ringColor: {
-        ring: "#2671D9"
-      },
-      transitionDuration: {
-        DEFAULT: "300ms"
-      },
-      colors: {
-        // Framework primary colors (based on dasi-web-app but generalized)
-        primary_main: "#2671D9",
-        primary_hover: "#297df0",
-        bg_main: "#f6fafd",
-        hover_main: "#e8f1fb",
-        active_main: "#e8f1fb",
-        text_main: "#4D5E80",
-
-        // Dark mode colors
-        dark_bg: '#0a0a0a',
-        dark_bg_transparent: '#0a0a0a11',
-        dark_bg2: '#111',
-        dark_bg3: '#151515',
-        dark_bg3a: '#1a1a1a',
-        dark_bg4: '#222',
-        dark_bg5: '#252525',
-        dark_bg6: '#333',
-        dark_bg7: '#353535',
-        dark_bg8: '#444',
-        dark_border: '#151515',
-        dark_border2: '#222',
-        dark_border3: '#252525',
-        dark_border4: '#333',
-        dark_border5: '#353535',
-        dark_text: '#ccc',
-
-        // shadcn-vue colors
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        primary: {
-          DEFAULT: "#2671D9",
-          foreground: "hsl(var(--primary-foreground))"
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))"
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))"
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))"
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))"
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))"
-        },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))"
-        }
-      },
-      borderRadius: {
-        xl: "calc(var(--radius) + 4px)",
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)"
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: 0 },
-          to: { height: "var(--radix-accordion-content-height)" }
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: 0 }
-        },
-        "collapsible-down": {
-          from: { height: 0 },
-          to: { height: "var(--radix-collapsible-content-height)" }
-        },
-        "collapsible-up": {
-          from: { height: "var(--radix-collapsible-content-height)" },
-          to: { height: 0 }
-        },
-        progress: {
-          "0%": { transform: " translateX(0) scaleX(0)" },
-          "40%": { transform: "translateX(0) scaleX(0.4)" },
-          "100%": { transform: "translateX(100%) scaleX(0.5)" }
-        }
-      },
-      transformOrigin: {
-        "left-right": "0% 50%"
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-        "collapsible-down": "collapsible-down 0.2s ease-in-out",
-        "collapsible-up": "collapsible-up 0.2s ease-in-out",
-        progress: "progress 1s infinite linear"
-      }
-    }
-  },
-  plugins: [animate, require("@vueform/vueform/tailwind")]
-};

package/template/tsconfig.app.json

@@ -1,28 +0,0 @@
-{
-  "extends": "@vue/tsconfig/tsconfig.dom.json",
-  "include": [
-    "env.d.ts",
-    "src/**/*",
-    "src/**/*.vue",
-    "src/**/*.ts",
-  ],
-  "exclude": [
-    "src/**/__tests__/*"
-  ],
-  "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "strict": true,
-    "composite": true,
-    "allowJs": true,
-    "moduleResolution": "node",
-    "skipLibCheck": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "baseUrl": ".",
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ]
-    },
-  }
-}

package/template/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "files": [],
-  "references": [
-    {
-      "path": "./tsconfig.node.json"
-    },
-    {
-      "path": "./tsconfig.app.json"
-    },
-    {
-      "path": "./tsconfig.vitest.json"
-    }
-  ]
-}

package/template/tsconfig.node.json

@@ -1,19 +0,0 @@
-{
-  "extends": "@tsconfig/node20/tsconfig.json",
-  "include": [
-    "vite.config.*",
-    "vitest.config.*",
-    "cypress.config.*",
-    "nightwatch.conf.*",
-    "playwright.config.*"
-  ],
-  "compilerOptions": {
-    "composite": true,
-    "noEmit": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "types": ["node"]
-  }
-}

package/template/tsconfig.vitest.json

@@ -1,11 +0,0 @@
-{
-  "extends": "./tsconfig.app.json",
-  "exclude": [],
-  "compilerOptions": {
-    "composite": true,
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
-
-    "lib": [],
-    "types": ["node", "jsdom"]
-  }
-}

package/template/vite.config.ts

@@ -1,33 +0,0 @@
-import { fileURLToPath, URL } from 'node:url'
-
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import vueJsx from '@vitejs/plugin-vue-jsx'
-import viteRawPlugin from 'vite-raw-plugin'
-
-import tailwind from "tailwindcss"
-import autoprefixer from "autoprefixer"
-
-// https://vitejs.dev/config/
-export default defineConfig({
-  css: {
-    postcss: {
-      plugins: [tailwind(), autoprefixer()],
-    },
-  },
-  plugins: [
-    vue(),
-    vueJsx(),
-    viteRawPlugin({
-      fileRegex: /\.md$/
-    }),
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
-    }
-  },
-  optimizeDeps: {
-    exclude: ['highlight.js'],
-  }
-})