tantee-nuxt-commons 0.0.169 → 0.0.171

package/dist/runtime/components/label/DateCount.vue

@@ -2,143 +2,39 @@
 import { DateTime } from "luxon";
 import { computed } from "vue";
 
-type Unit = 'years' | 'months' | 'days' | 'hours' | 'minutes' | 'seconds';
-type Locale = 'th' | 'en' | 'en-US' | 'th-TH';
+type Locale = "th" | "en" | "en-US" | "th-TH";
 
 interface Props {
   modelValue: DateTime;
   endDate?: DateTime;
   locale?: Locale;
-  showSuffix?: boolean;
-  units?: Unit[];
-  zeroBase?: boolean; // true = start at 0, false = start at 1 (inclusive)
+  zeroBase?: boolean; // true = start at 0, false = start at 1
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  locale: 'th',
-  showSuffix: true,
+  locale: "th",
   zeroBase: true,
 });
 
-// Fallback map: map complex locale (e.g., en-US) to base (e.g., en)
-const normalizeLocale = (locale: Locale): 'en' | 'th' => {
-  if (locale.startsWith('en')) return 'en';
-  if (locale.startsWith('th')) return 'th';
-  return 'th'; // default fallback
-};
+const normalizeLocale = (locale: Locale): "en" | "th" =>
+    locale.startsWith("en") ? "en" : "th";
 
-const labelsEnPlural: Record<Unit, string> = {
-  years: 'years',
-  months: 'months',
-  days: 'days',
-  hours: 'hours',
-  minutes: 'minutes',
-  seconds: 'seconds',
-};
-const labelsEnSingular: Record<Unit, string> = {
-  years: 'year',
-  months: 'month',
-  days: 'day',
-  hours: 'hour',
-  minutes: 'minute',
-  seconds: 'second',
-};
-
-const localizedLabels: Record<'en' | 'th', Record<Unit, string>> = {
-  en: labelsEnPlural, // จะสลับเป็น singular ตามค่าจริงตอน render
-  th: {
-    years: 'ปี',
-    months: 'เดือน',
-    days: 'วัน',
-    hours: 'ชั่วโมง',
-    minutes: 'นาที',
-    seconds: 'วินาที',
-  },
-};
-
-const localizedSuffix: Record<'en' | 'th', string> = {
-  en: 'ago',
-  th: 'ที่ผ่านมา',
-};
-
-const outputText = computed(() => {
-  const base = props.endDate ?? DateTime.now(); // ใช้ endDate ถ้ามี ไม่งั้น now
+const countDate = computed(() => {
+  const base = props.endDate ?? DateTime.now();
   const baseLocale = normalizeLocale(props.locale);
 
-  const units: Unit[] = props.units?.length
-      ? props.units
-      : ['years', 'months', 'days', 'hours', 'minutes', 'seconds'];
-
-  const diffObj = base.diff(props.modelValue, units).toObject();
-
-  // helper: คืน label ตาม singular/plural (เฉพาะ en)
-  const labelFor = (unit: Unit, value: number) => {
-    if (baseLocale === 'en') {
-      return value === 1 ? labelsEnSingular[unit] : labelsEnPlural[unit];
-    }
-    return localizedLabels[baseLocale][unit];
-  };
-
-  // ---------- โหมด single unit ----------
-  if (!props.units) {
-    const foundUnit = units.find((unit) => (diffObj[unit] ?? 0) >= 1);
-    if (foundUnit) {
-      const raw = Math.floor(diffObj[foundUnit] ?? 0); // >= 1
-      const value = props.zeroBase ? raw : raw + 1;     // inclusive (+1)
-      const label = labelFor(foundUnit, value);
-      const suffix = props.showSuffix ? localizedSuffix[baseLocale] : '';
-      return `${value} ${label}${suffix ? ` ${suffix}` : ''}`;
-    }
-
-    // ถ้าไม่มีหน่วยใด >= 1 ให้ใช้หน่วยเล็กสุด
-    const lastUnit = units.at(-1)!;
-    const raw = Math.max(0, Math.floor(diffObj[lastUnit] ?? 0));
-    const value = props.zeroBase ? raw : 1; // inclusive: อย่างน้อย 1
-    const label = labelFor(lastUnit, value);
-    const suffix = props.showSuffix ? localizedSuffix[baseLocale] : '';
-    return `${value} ${label}${suffix ? ` ${suffix}` : ''}`;
-  }
-
-  // ---------- โหมด multi-unit ----------
-  // เก็บค่าแบบตัวเลขก่อน แล้วค่อยเรนเดอร์
-  const values = units.map((unit) => ({
-    unit,
-    raw: Math.max(0, Math.floor(diffObj[unit] ?? 0)),
-  }));
-
-  // เลือกหน่วยที่เล็กที่สุด
-  const smallest = values[values.length - 1];
-
-  // ถ้ามีค่าอย่างน้อยหนึ่งหน่วย > 0 และเป็น inclusive (zeroBase=false) => +1 ที่หน่วยเล็กสุด
-  const anyPositive = values.some((v) => v.raw > 0);
-  const adjusted = values.map((v, idx) => {
-    if (!props.zeroBase && anyPositive && idx === values.length - 1) {
-      return { ...v, raw: v.raw + 1 };
-    }
-    return v;
-  });
+  let days = Math.floor(base.diff(props.modelValue, "days").days ?? 0);
 
-  // สร้างข้อความจากหน่วยที่มีค่า > 0
-  const parts = adjusted
-      .filter((v) => v.raw > 0)
-      .map((v) => `${v.raw} ${labelFor(v.unit, v.raw)}`);
+  if (!props.zeroBase) days += 1;
 
-  // หากทั้งหมดเป็น 0:
-  if (parts.length === 0) {
-    const minValue = props.zeroBase ? 0 : 1;
-    const label = labelFor(smallest.unit, minValue);
-    const suffix = props.showSuffix ? localizedSuffix[baseLocale] : '';
-    return `${minValue} ${label}${suffix ? ` ${suffix}` : ''}`;
+  if (baseLocale === "en") {
+    return days === 1 ? "1 day" : `${days} days`;
   }
 
-  const suffix = props.showSuffix ? localizedSuffix[baseLocale] : '';
-  return `${parts.join(' ')}${suffix ? ` ${suffix}` : ''}`;
+  return `${days} วัน`;
 });
 </script>
 
 <template>
-<span>
-  <i v-if="props.zeroBase" class="mdi mdi-clock-time-twelve-outline"></i>
-  <span v-if="props.zeroBase">&nbsp;</span>{{ outputText }}
-</span>
+  <span>{{ countDate }}</span>
 </template>

package/dist/runtime/components/pdf/View.vue

@@ -15,12 +15,12 @@ interface Props extends /* @vue-ignore */ InstanceType<typeof PDF['$props']> {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  base64String: '',
-  title: '',
-  fileName: '',
+  base64String: "",
+  title: "",
+  fileName: "",
   disabled: false,
   isPrint: false,
-  showBackToTopBtn: false,
+  showBackToTopBtn: false
 })
 
 const emit = defineEmits(['closeDialog'])
@@ -33,34 +33,25 @@ const generateUniqueId = (): string => {
 }
 
 const downloadPdf = (): void => {
-  try {
-    if (!props.base64String) alert?.addAlert({ message: 'No Base64 provided', alertType: 'error' })
+  const byteString = atob(props.base64String || '')
+  const byteArray = new Uint8Array(byteString.length)
 
-    const byteString = atob(props.base64String || '')
-    const byteArray = new Uint8Array(byteString.length)
-
-    for (let i = 0; i < byteString.length; i++) {
-      byteArray[i] = byteString.charCodeAt(i)
-    }
-
-    const blob = new Blob([byteArray], { type: 'application/pdf' })
-    const link = URL.createObjectURL(blob)
-    const anchorElement = document.createElement('a')
-    anchorElement.style.display = 'none'
-    anchorElement.href = link
-    anchorElement.download = `${generateUniqueId()}.pdf`
-
-    document.body.appendChild(anchorElement)
-    anchorElement.click()
-    URL.revokeObjectURL(link)
-    document.body.removeChild(anchorElement)
-    base64.value = ''
-
-    alert?.addAlert({ message: 'Download success', alertType: 'success' })
-  }
-  catch (error) {
-    alert?.addAlert({ message: `Download unsuccess : ${error}`, alertType: 'error' })
+  for (let i = 0; i < byteString.length; i++) {
+    byteArray[i] = byteString.charCodeAt(i)
   }
+
+  const blob = new Blob([byteArray], { type: 'application/pdf' })
+  const link = URL.createObjectURL(blob)
+  const anchorElement = document.createElement('a')
+  anchorElement.style.display = 'none'
+  anchorElement.href = link
+  anchorElement.download = `${generateUniqueId()}.pdf`
+
+  document.body.appendChild(anchorElement)
+  anchorElement.click()
+  URL.revokeObjectURL(link)
+  document.body.removeChild(anchorElement)
+  base64.value = ''
 }
 
 const printPdf = () => {
@@ -69,7 +60,7 @@ const printPdf = () => {
     type: 'pdf',
     base64: true,
     onPrintDialogClose: endLoadPdf,
-    onError: (error) => {
+    onError: (error: any) => {
       alert?.addAlert({ message: error, alertType: 'error' })
     },
   })
@@ -82,19 +73,18 @@ const endLoadPdf = () => {
 }
 
 const isMobile = () => {
-  return /Android|Mobi|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Macintosh/i.test(navigator.userAgent)
+  return /Android|Mobi|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Macintosh/i.test(navigator.userAgent);
 }
 
 const checkMobileAndPrint = computed(() => {
-  return !isMobile() && props.isPrint
-})
+  return !isMobile() && props.isPrint;
+});
 
 const setWidthPdf = computed(() => {
   if (isMobile()) {
-    return '100%'
-  }
-  else {
-    return '100dvh'
+    return "100%"
+  } else {
+    return "100dvh"
   }
 })
 </script>
@@ -124,10 +114,10 @@ const setWidthPdf = computed(() => {
     </v-toolbar>
     <v-card-text class="justify-center h-screen">
       <PDF
-        v-bind="$attrs"
-        :pdf-width="setWidthPdf"
-        :src="base64"
-        :show-back-to-top-btn="props.showBackToTopBtn"
+          v-bind="$attrs"
+          :pdf-width="setWidthPdf"
+          :src="base64"
+          :show-back-to-top-btn="props.showBackToTopBtn"
       />
     </v-card-text>
   </v-card>

package/dist/runtime/composables/assetFile.d.ts

@@ -0,0 +1,31 @@
+/** Core format you wanted to standardize around */
+export interface Base64String {
+    base64String?: string;
+}
+export interface Base64Asset extends Base64String {
+    id?: number;
+}
+export interface Base64File extends Base64Asset {
+    /** Display or server filename; when converting from a File, we use File.name */
+    fileName: string;
+    originalFileName?: string;
+    /** Parsed or inferred MIME type */
+    fileType?: string;
+}
+export interface Base64Image {
+    imageData: Base64Asset;
+    imageTitle?: string;
+    imageProps?: Record<string, unknown>;
+}
+/** Ensure we have a well-formed data URL; if raw base64 is provided, wrap it */
+declare function ensureDataUrl(base64Data: string, contentType?: string): string;
+export declare const useAssetFile: () => {
+    hydrateAssetFile: <T extends Base64Asset>(assetFile: T) => Promise<T>;
+    base64ToFile: (base64Data: string, filename: string, defaultContentType?: string) => File | undefined;
+    fileToBase64: (file: File, maxFileSizeMB?: number) => Promise<Base64File>;
+    fileToBase64String: (file: File, maxFileSizeMB?: number) => Promise<Base64String>;
+    downloadBase64File: (base64Data: string, filename: string) => void;
+    downloadAsset: (input: string | Base64File | Base64Asset, filename?: string, defaultContentType?: string) => void;
+    ensureDataUrl: typeof ensureDataUrl;
+};
+export {};

package/dist/runtime/composables/assetFile.js

@@ -0,0 +1,134 @@
+import { useGraphQlOperation } from "./graphqlOperation.js";
+const DATA_URL_RE = /^data:([^;]+);base64,(.+)$/i;
+function parseDataUrl(input) {
+  const match = input.match(DATA_URL_RE);
+  if (!match) return null;
+  const [, contentType, payload] = match;
+  return { contentType, payload };
+}
+function base64ToBytes(base64Payload) {
+  const normalized = base64Payload.replace(/-/g, "+").replace(/_/g, "/");
+  const binaryStr = atob(normalized);
+  const len = binaryStr.length;
+  const bytes = new Uint8Array(len);
+  const CHUNK = 32768;
+  for (let i = 0; i < len; i += CHUNK) {
+    const end = Math.min(i + CHUNK, len);
+    for (let j = i; j < end; j++) {
+      bytes[j] = binaryStr.charCodeAt(j);
+    }
+  }
+  return bytes;
+}
+function bytesToFile(bytes, filename, contentType) {
+  try {
+    return new File([bytes], filename, { type: contentType });
+  } catch {
+    return new Blob([bytes], { type: contentType });
+  }
+}
+function ensureDataUrl(base64Data, contentType = "application/octet-stream") {
+  if (DATA_URL_RE.test(base64Data)) return base64Data;
+  return `data:${contentType};base64,${base64Data}`;
+}
+function extensionFromMime(mime) {
+  const map = {
+    "image/png": "png",
+    "image/jpeg": "jpg",
+    "image/jpg": "jpg",
+    "image/gif": "gif",
+    "image/webp": "webp",
+    "application/pdf": "pdf",
+    "text/plain": "txt"
+  };
+  return map[mime];
+}
+export const useAssetFile = () => {
+  async function hydrateAssetFile(assetFile) {
+    if (!assetFile?.base64String && assetFile?.id != null) {
+      const result = await useGraphQlOperation(
+        "Query",
+        "assetFileById",
+        ["id", "base64String"],
+        { id: assetFile.id },
+        false
+      );
+      if (result?.base64String) assetFile.base64String = result.base64String;
+    }
+    return assetFile;
+  }
+  function base64ToFile(base64Data, filename, defaultContentType = "application/octet-stream") {
+    try {
+      const parsed = parseDataUrl(base64Data);
+      const contentType = parsed?.contentType ?? defaultContentType;
+      const payload = parsed?.payload ?? base64Data;
+      const bytes = base64ToBytes(payload);
+      return bytesToFile(bytes, filename, contentType);
+    } catch (error) {
+      console.error("Invalid base64 data", error);
+      return void 0;
+    }
+  }
+  function fileToBase64(file, maxFileSizeMB = 5) {
+    const maxSize = maxFileSizeMB * 1048576;
+    return new Promise((resolve, reject) => {
+      if (file.size > maxSize) {
+        reject(`File (${file.name}) size exceeds the ${maxFileSizeMB} MB limit.`);
+        return;
+      }
+      const reader = new FileReader();
+      reader.onload = (event) => {
+        const dataUrl = event.target?.result;
+        resolve({
+          fileName: file.name,
+          originalFileName: file.name,
+          base64String: dataUrl,
+          fileType: file.type || parseDataUrl(dataUrl)?.contentType
+        });
+      };
+      reader.onerror = reject;
+      reader.readAsDataURL(file);
+    });
+  }
+  async function fileToBase64String(file, maxFileSizeMB = 5) {
+    const res = await fileToBase64(file, maxFileSizeMB);
+    return { base64String: res.base64String };
+  }
+  function downloadBase64File(base64Data, filename) {
+    const file = base64ToFile(base64Data, filename);
+    if (!file) return;
+    const url = URL.createObjectURL(file);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = filename;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+  }
+  function downloadAsset(input, filename, defaultContentType = "application/octet-stream") {
+    let base64 = typeof input === "string" ? input : input.base64String;
+    if (!base64) return;
+    if (!filename) {
+      const parsed2 = parseDataUrl(base64);
+      const ext = parsed2 ? extensionFromMime(parsed2.contentType) : void 0;
+      filename = typeof input !== "string" && input.fileName || `download${ext ? "." + ext : ""}`;
+    }
+    const parsed = parseDataUrl(base64);
+    if (!parsed) {
+      base64 = ensureDataUrl(base64, defaultContentType);
+    }
+    downloadBase64File(base64, filename);
+  }
+  return {
+    // core
+    hydrateAssetFile,
+    base64ToFile,
+    fileToBase64,
+    fileToBase64String,
+    downloadBase64File,
+    downloadAsset,
+    // helpers (exported in case you want them elsewhere)
+    ensureDataUrl
+  };
+};

package/dist/runtime/composables/document/templateFormTable.js

@@ -34,16 +34,13 @@ function guessWidth(width) {
 export function processTemplateFormTable(item, parentTemplates, dataVariable) {
   let tableOptions = Object.assign({ title: item.inputLabel || "", formTemplate: "" }, item.inputOptions);
   let tableHeader = tableOptions.headers || [];
+  if (!tableHeader.some((h) => h.key === "action")) tableHeader.push({ title: "Action", key: "action", width: "100px" });
   let tableItemTemplate = "";
   tableHeader.forEach((h) => {
     if (h.template) {
       tableItemTemplate += `\r
 <template #item.${h.key}="props">${h.template}</template>`;
-    } else {
-      tableItemTemplate += `\r
-<template #item.${h.key}="props">{{autoSanitizedDisplay(props.item.${h.key})}}</template>`;
     }
   });
-  if (!tableHeader.some((h) => h.key === "action")) tableHeader.push({ title: "Action", key: "action", width: "100px" });
   return processDefaultTemplate(item, `<template #form="{data,rules}">${useDocumentTemplate(tableOptions.formTemplate)}</template>${tableItemTemplate}`, `title="${tableOptions.title}" :headers='${escapeObjectForInlineBinding(tableHeader)}'`, void 0, dataVariable);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tantee-nuxt-commons",
-  "version": "0.0.169",
+  "version": "0.0.171",
   "description": "Ramathibodi Nuxt modules for common components",
   "repository": {
     "type": "git",