vlite3 0.4.8 → 0.5.2

package/components/ImportData/ImportStep3.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ImportStep3.vue.js";
+export {
+  f as default
+};

package/components/ImportData/ImportStep4.vue.d.ts

@@ -0,0 +1,6 @@
+import { ImportProgress } from './types';
+type __VLS_Props = {
+    progress: ImportProgress;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/ImportData/ImportStep4.vue.js

@@ -0,0 +1,139 @@
+import { defineComponent as $, computed as s, ref as B, openBlock as d, createElementBlock as c, createElementVNode as e, toDisplayString as t, createVNode as m, createTextVNode as j, Fragment as I, renderList as P, createCommentVNode as p } from "vue";
+import f from "../Icon.vue.js";
+import { $t as v } from "../../utils/i18n.js";
+const T = { class: "space-y-6" }, F = {
+  key: 0,
+  class: "bg-card rounded-2xl p-8 border border-border shadow-sm"
+}, H = { class: "relative flex justify-center items-center pt-8 pb-4" }, R = { class: "relative w-36 h-36" }, U = {
+  class: "w-full h-full absolute top-0 left-0 text-primary transition-all duration-300 ease-out",
+  viewBox: "0 0 100 100"
+}, L = ["stroke-dasharray"], q = { class: "absolute inset-0 flex flex-col items-center justify-center" }, z = { class: "text-3xl font-bold text-foreground" }, A = { class: "text-xs text-muted-foreground mt-1" }, G = { class: "text-center mt-4 space-y-1" }, J = { class: "text-lg font-medium text-foreground" }, K = { class: "text-sm text-muted-foreground" }, M = {
+  key: 1,
+  class: "bg-card rounded-2xl p-8 border border-border shadow-sm"
+}, O = { class: "text-center mb-8" }, Q = { class: "inline-flex items-center justify-center w-16 h-16 bg-success/10 rounded-full mb-4" }, W = { class: "text-xl font-bold text-foreground" }, X = { class: "text-muted-foreground mt-1" }, Y = { class: "grid grid-cols-2 md:grid-cols-4 gap-4 max-w-3xl mx-auto" }, Z = { class: "bg-background rounded-xl p-4 border border-border flex flex-col items-center text-center" }, ee = { class: "text-2xl font-bold text-foreground" }, te = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wider mt-1" }, se = { class: "bg-background rounded-xl p-4 border border-border flex flex-col items-center text-center" }, oe = { class: "text-2xl font-bold text-success" }, re = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wider mt-1" }, de = { class: "bg-background rounded-xl p-4 border border-border flex flex-col items-center text-center" }, ce = { class: "text-2xl font-bold text-primary" }, le = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wider mt-1" }, ne = { class: "bg-background rounded-xl p-4 border border-border flex flex-col items-center text-center" }, ie = { class: "text-2xl font-bold text-warning" }, ae = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wider mt-1" }, ue = {
+  key: 0,
+  class: "mt-6 text-center"
+}, xe = { class: "inline-flex items-center gap-2 px-4 py-2 bg-destructive/10 text-destructive rounded-lg border border-destructive/20 font-medium" }, me = {
+  key: 0,
+  class: "mt-4 text-left"
+}, pe = {
+  key: 0,
+  class: "mt-3 max-h-48 overflow-y-auto bg-destructive/5 rounded-lg border border-destructive/10 p-3 text-sm"
+}, fe = { class: "space-y-2" }, ve = { class: "font-semibold shrink-0" }, be = /* @__PURE__ */ $({
+  __name: "ImportStep4",
+  props: {
+    progress: {}
+  },
+  setup(o) {
+    const i = o, r = (u, l, n) => {
+      const x = n ? v(u, n) : v(u);
+      return x !== u ? x : l;
+    }, g = s(() => i.progress.percentage >= 100), a = B(!1), h = s(() => r("vlite.importData.processing", "Processing Data...")), _ = s(() => r("vlite.importData.doNotClose", "Please do not close this window.")), b = s(() => r("vlite.importData.complete", "Import Complete")), w = s(() => r("vlite.importData.successCount", `Successfully processed ${i.progress.total} records.`, { total: i.progress.total })), k = s(() => r("vlite.importData.total", "Total")), y = s(() => r("vlite.importData.created", "Created")), D = s(() => r("vlite.importData.updated", "Updated")), C = s(() => r("vlite.importData.skipped", "Skipped")), E = s(() => r("vlite.importData.failedCount", `${i.progress.failed} records failed to import`, { count: i.progress.failed })), N = s(() => r("vlite.importData.hideErrors", "Hide Error Details")), S = s(() => r("vlite.importData.viewErrors", "View Error Details")), V = s(() => r("vlite.importData.row", "Row"));
+    return (u, l) => (d(), c("div", T, [
+      g.value ? (d(), c("div", M, [
+        e("div", O, [
+          e("div", Q, [
+            m(f, {
+              icon: "lucide:check",
+              class: "w-8 h-8 text-success"
+            })
+          ]),
+          e("h3", W, t(b.value), 1),
+          e("p", X, t(w.value), 1)
+        ]),
+        e("div", Y, [
+          e("div", Z, [
+            e("span", ee, t(o.progress.total), 1),
+            e("span", te, t(k.value), 1)
+          ]),
+          e("div", se, [
+            e("span", oe, t(o.progress.created), 1),
+            e("span", re, t(y.value), 1)
+          ]),
+          e("div", de, [
+            e("span", ce, t(o.progress.updated), 1),
+            e("span", le, t(D.value), 1)
+          ]),
+          e("div", ne, [
+            e("span", ie, t(o.progress.skipped), 1),
+            e("span", ae, t(C.value), 1)
+          ])
+        ]),
+        o.progress.failed > 0 ? (d(), c("div", ue, [
+          e("div", xe, [
+            m(f, {
+              icon: "lucide:alert-triangle",
+              class: "w-4 h-4"
+            }),
+            e("span", null, t(E.value), 1)
+          ]),
+          o.progress.errors?.length ? (d(), c("div", me, [
+            e("button", {
+              onClick: l[0] || (l[0] = (n) => a.value = !a.value),
+              class: "text-sm font-medium text-destructive hover:underline inline-flex items-center gap-1"
+            }, [
+              j(t(a.value ? N.value : S.value) + " ", 1),
+              m(f, {
+                icon: a.value ? "lucide:chevron-up" : "lucide:chevron-down",
+                class: "w-4 h-4"
+              }, null, 8, ["icon"])
+            ]),
+            a.value ? (d(), c("div", pe, [
+              e("ul", fe, [
+                (d(!0), c(I, null, P(o.progress.errors, (n, x) => (d(), c("li", {
+                  key: x,
+                  class: "text-destructive/80 flex items-start gap-2"
+                }, [
+                  e("span", ve, t(V.value) + " " + t(n.record) + ":", 1),
+                  e("span", null, t(n.message), 1)
+                ]))), 128))
+              ])
+            ])) : p("", !0)
+          ])) : p("", !0)
+        ])) : p("", !0)
+      ])) : (d(), c("div", F, [
+        e("div", H, [
+          e("div", R, [
+            l[1] || (l[1] = e("svg", {
+              class: "w-full h-full text-muted",
+              viewBox: "0 0 100 100"
+            }, [
+              e("circle", {
+                "stroke-width": "6",
+                stroke: "currentColor",
+                fill: "transparent",
+                r: "42",
+                cx: "50",
+                cy: "50"
+              })
+            ], -1)),
+            (d(), c("svg", U, [
+              e("circle", {
+                "stroke-width": "6",
+                stroke: "currentColor",
+                "stroke-linecap": "round",
+                fill: "transparent",
+                r: "42",
+                cx: "50",
+                cy: "50",
+                "stroke-dasharray": `${o.progress.percentage * 263 / 100} 263`,
+                transform: "rotate(-90 50 50)"
+              }, null, 8, L)
+            ])),
+            e("div", q, [
+              e("div", z, t(o.progress.percentage) + "%", 1),
+              e("div", A, t(o.progress.processed) + " / " + t(o.progress.total), 1)
+            ])
+          ])
+        ]),
+        e("div", G, [
+          e("h3", J, t(h.value), 1),
+          e("p", K, t(_.value), 1)
+        ])
+      ]))
+    ]));
+  }
+});
+export {
+  be as default
+};

package/components/ImportData/ImportStep4.vue2.js

@@ -0,0 +1,4 @@
+import f from "./ImportStep4.vue.js";
+export {
+  f as default
+};

package/components/ImportData/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ImportData } from './ImportData.vue';
+export * from './types';

package/components/ImportData/types.d.ts

@@ -0,0 +1,51 @@
+export interface ImportField {
+    field: string;
+    title: string;
+    required?: boolean;
+    matchings?: string[];
+    expectedType?: 'string' | 'number' | 'boolean' | 'array' | 'object';
+    defaultValue?: any;
+    onMatch?: (value: any) => any;
+}
+export interface ImportProgress {
+    total: number;
+    processed: number;
+    created: number;
+    updated: number;
+    skipped: number;
+    failed: number;
+    percentage: number;
+    errors: {
+        record: string;
+        message: string;
+    }[];
+}
+export interface ImportOptions {
+    existing: 'add' | 'replace' | 'skip';
+    new: 'create' | 'skip';
+}
+export interface ImportBatchPayload {
+    data: any[];
+    options: ImportOptions;
+}
+export interface ImportBatchResult {
+    processed: number;
+    created: number;
+    updated: number;
+    skipped: number;
+    failed: number;
+    errors: {
+        record: string;
+        message: string;
+    }[];
+}
+export interface ImportDataProps {
+    title?: string;
+    titleI18n?: string;
+    buttonText?: string;
+    buttonIcon?: string;
+    fields: ImportField[];
+    batchSize?: number;
+    processBatch: (payload: ImportBatchPayload) => Promise<ImportBatchResult>;
+    onComplete?: () => void;
+}

package/components/Input.vue.d.ts

@@ -12,28 +12,28 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: string | number) => any;
-    change: (value: string | number) => any;
     blur: (event: FocusEvent) => any;
+    change: (value: string | number) => any;
     focus: (event: FocusEvent) => any;
+    "update:modelValue": (value: string | number) => any;
     "click:icon": (event: MouseEvent) => any;
     "click:icon-right": (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: string | number) => any;
-    onChange?: (value: string | number) => any;
     onBlur?: (event: FocusEvent) => any;
+    onChange?: (value: string | number) => any;
     onFocus?: (event: FocusEvent) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
     "onClick:icon"?: (event: MouseEvent) => any;
     "onClick:icon-right"?: (event: MouseEvent) => any;
 }>, {
-    disabled: boolean;
-    type: import('../types').InputType;
-    class: string;
-    size: InputSize;
     variant: InputVariant;
-    modelValue: string | number;
+    size: InputSize;
     rounded: InputRounded;
+    type: import('../types').InputType;
+    class: string;
+    disabled: boolean;
     loading: boolean;
+    modelValue: string | number;
     rows: number;
     showClearButton: boolean;
     autofocus: boolean;