vlite3 0.1.10 → 0.2.2

package/components/Form/Form.vue.d.ts

@@ -62,10 +62,12 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     onSubmit: (payload: IFormSubmitPayload, close: () => void) => any;
     onCancel: () => any;
+    onAddonAction: (action: string) => any;
     onStepChange: (step: number) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onOnSubmit?: (payload: IFormSubmitPayload, close: () => void) => any;
     onOnCancel?: () => any;
+    onOnAddonAction?: (action: string) => any;
     onOnStepChange?: (step: number) => any;
 }>, {
     values: Record<string, any>;

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-353f6094"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-67eb0c47"]]);
 export {
-  p as default
+  _ as default
 };

package/components/Form/Form.vue2.js

@@ -1,27 +1,27 @@
-import { defineComponent as Q, inject as W, computed as u, ref as X, watch as Y, openBlock as s, createElementBlock as o, withModifiers as Z, normalizeClass as h, createVNode as x, createCommentVNode as d, unref as t, Fragment as _, renderList as ee, createElementVNode as D, toDisplayString as k, renderSlot as te, createBlock as p, mergeProps as ae } from "vue";
-import { useForm as ie } from "./composables/useForm.js";
-import w from "./FormFields.vue.js";
-import N from "../Button.vue.js";
-import se from "../Timeline.vue.js";
-const le = {
+import { defineComponent as W, inject as X, computed as d, ref as Y, watch as Z, openBlock as l, createElementBlock as o, withModifiers as _, normalizeClass as h, createVNode as x, createCommentVNode as c, unref as t, Fragment as ee, renderList as te, createElementVNode as U, toDisplayString as k, renderSlot as ae, createBlock as p, mergeProps as ie } from "vue";
+import { useForm as se } from "./composables/useForm.js";
+import D from "./FormFields.vue.js";
+import A from "../Button.vue.js";
+import le from "../Timeline.vue.js";
+const ne = {
   key: 0,
   class: "form-timeline mb-18"
-}, ne = {
+}, oe = {
   key: 1,
   class: "form-fields-single"
-}, oe = {
+}, re = {
   key: 2,
   class: "form-groups space-y-6"
-}, re = { class: "text-base font-semibold text-foreground" }, ue = {
+}, de = { class: "text-base font-semibold text-foreground" }, ue = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, de = { class: "form-group-body p-6" }, ce = {
+}, ce = { class: "form-group-body p-6" }, me = {
   key: 3,
   class: "form-step"
-}, me = { class: "text-lg font-semibold text-foreground" }, ve = {
+}, ve = { class: "text-lg font-semibold text-foreground" }, fe = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, xe = /* @__PURE__ */ Q({
+}, ke = /* @__PURE__ */ W({
   __name: "Form",
   props: {
     schema: {},
@@ -47,62 +47,62 @@ const le = {
     footerClass: { default: "" },
     timelineTextPosition: { default: "bottom" }
   },
-  emits: ["onSubmit", "onCancel", "onStepChange"],
-  setup(e, { emit: A }) {
-    const i = e, m = A, v = W("modal-context", null), G = u(() => i.showCancel || !!v), $ = u(() => !!v), b = u(() => !i.schema || i.schema.length === 0 ? !1 : Array.isArray(i.schema[0])), r = u(() => i.tabs && i.tabs.length > 0 && b.value), a = X(0), P = u(() => i.tabs ? i.tabs.map((l, n) => ({
-      id: l.id?.toString() || n.toString(),
-      title: l.title,
-      icon: l.icon,
-      description: l.description,
-      status: n < a.value ? "completed" : n === a.value ? "current" : "upcoming"
-    })) : []), g = u(() => b.value ? i.schema : [i.schema]), R = u(() => r.value ? g.value[a.value] || [] : []), {
+  emits: ["onSubmit", "onCancel", "onStepChange", "onAddonAction"],
+  setup(e, { emit: M }) {
+    const s = e, m = M, f = X("modal-context", null), G = d(() => s.showCancel || !!f), $ = d(() => !!f), b = d(() => !s.schema || s.schema.length === 0 ? !1 : Array.isArray(s.schema[0])), r = d(() => s.tabs && s.tabs.length > 0 && b.value), i = Y(0), w = d(() => s.tabs ? s.tabs.map((n, a) => ({
+      id: n.id?.toString() || a.toString(),
+      title: n.title,
+      icon: n.icon,
+      description: n.description,
+      status: a < i.value ? "completed" : a === i.value ? "current" : "upcoming"
+    })) : []), g = d(() => b.value ? s.schema : [s.schema]), P = d(() => r.value ? g.value[i.value] || [] : []), {
       formValues: y,
       errors: S,
-      isSubmitting: V,
+      isSubmitting: N,
       handleFieldChange: j,
       validateField: E,
-      validateAll: fe,
+      validateAll: he,
       isFieldVisible: C,
       isFieldDisabled: F,
-      isFieldReadonly: z,
-      getFieldValue: he,
+      isFieldReadonly: V,
+      getFieldValue: be,
       handleSubmit: L,
-      flatSchema: be
-    } = ie({
-      schema: i.schema,
-      values: i.values,
-      isUpdate: i.isUpdate,
-      folderId: i.folderId,
-      onSubmit: (l) => {
-        m("onSubmit", l, v?.close);
+      flatSchema: ge
+    } = se({
+      schema: s.schema,
+      values: s.values,
+      isUpdate: s.isUpdate,
+      folderId: s.folderId,
+      onSubmit: (n) => {
+        m("onSubmit", n, f?.close);
       }
     });
-    Y(
-      () => i.values,
-      (l) => {
+    Z(
+      () => s.values,
+      (n) => {
       },
       { deep: !0 }
     );
-    const U = (l, n) => {
-      j(l, n.value, n.data);
+    const z = (n, a) => {
+      j(n, a.value, a.data);
     }, q = () => {
       if (!r.value) return !0;
-      const l = R.value;
-      let n = !0;
-      for (const f of l) {
-        if (!C(f) || F(f)) continue;
-        E(f) && (n = !1);
+      const n = P.value;
+      let a = !0;
+      for (const u of n) {
+        if (!C(u) || F(u)) continue;
+        E(u) && (a = !1);
       }
-      return n;
-    }, I = u(() => r.value ? a.value < g.value.length - 1 : !1), B = u(() => r.value ? a.value > 0 : !1), T = u(() => r.value ? a.value === g.value.length - 1 : !0), H = () => {
-      I.value && q() && (a.value++, m("onStepChange", a.value));
+      return a;
+    }, I = d(() => r.value ? i.value < g.value.length - 1 : !1), R = d(() => r.value ? i.value > 0 : !1), B = d(() => r.value ? i.value === g.value.length - 1 : !0), T = () => {
+      I.value && q() && (i.value++, m("onStepChange", i.value));
     }, J = () => {
-      B.value && (a.value--, m("onStepChange", a.value));
-    }, K = (l, n) => {
-      n <= a.value && (a.value = n, m("onStepChange", a.value));
-    }, M = async () => {
-      if (r.value && !T.value) {
-        H();
+      R.value && (i.value--, m("onStepChange", i.value));
+    }, K = (n, a) => {
+      a <= i.value && (i.value = a, m("onStepChange", i.value));
+    }, H = async () => {
+      if (r.value && !B.value) {
+        T();
         return;
       }
       try {
@@ -110,37 +110,37 @@ const le = {
       } catch {
       }
     }, O = () => {
-      m("onCancel"), v && v?.close?.();
+      m("onCancel"), f && f?.close?.();
     };
-    return (l, n) => (s(), o("form", {
-      class: h(["form-container", i.class]),
-      onSubmit: Z(M, ["prevent"])
+    return (n, a) => (l(), o("form", {
+      class: h(["form-container", s.class]),
+      onSubmit: _(H, ["prevent"])
     }, [
-      r.value && P.value.length > 0 ? (s(), o("div", le, [
-        x(se, {
-          steps: P.value,
-          activeStep: a.value,
+      r.value && w.value.length > 0 ? (l(), o("div", ne, [
+        x(le, {
+          steps: w.value,
+          activeStep: i.value,
           direction: "horizontal",
           textPosition: e.timelineTextPosition,
           clickable: !0,
           onStepClick: K
         }, null, 8, ["steps", "activeStep", "textPosition"])
-      ])) : d("", !0),
-      b.value ? b.value && !r.value ? (s(), o("div", oe, [
-        (s(!0), o(_, null, ee(g.value, (f, c) => (s(), o("div", {
-          key: c,
+      ])) : c("", !0),
+      b.value ? b.value && !r.value ? (l(), o("div", re, [
+        (l(!0), o(ee, null, te(g.value, (u, v) => (l(), o("div", {
+          key: v,
           class: h(["form-group border rounded-lg overflow-hidden", e.groupClass])
         }, [
-          e.groupsHeadings?.[c] ? (s(), o("div", {
+          e.groupsHeadings?.[v] ? (l(), o("div", {
             key: 0,
             class: h(["form-group-header bg-muted/50 px-6 py-4 border-b", e.headerClass])
           }, [
-            D("h3", re, k(e.groupsHeadings[c]), 1),
-            e.groupHeadingsDescription?.[c] ? (s(), o("p", ue, k(e.groupHeadingsDescription[c]), 1)) : d("", !0)
-          ], 2)) : d("", !0),
-          D("div", de, [
-            x(w, {
-              schema: f,
+            U("h3", de, k(e.groupsHeadings[v]), 1),
+            e.groupHeadingsDescription?.[v] ? (l(), o("p", ue, k(e.groupHeadingsDescription[v]), 1)) : c("", !0)
+          ], 2)) : c("", !0),
+          U("div", ce, [
+            x(D, {
+              schema: u,
               values: t(y),
               errors: t(S),
               variant: e.variant,
@@ -150,21 +150,22 @@ const le = {
               isUpdate: e.isUpdate,
               isFieldVisible: t(C),
               isFieldDisabled: t(F),
-              isFieldReadonly: t(z),
-              onChange: U
+              isFieldReadonly: t(V),
+              onChange: z,
+              onAddonAction: a[1] || (a[1] = (Q) => m("onAddonAction", Q))
             }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
           ])
         ], 2))), 128))
-      ])) : r.value ? (s(), o("div", ce, [
-        e.tabs?.[a.value] ? (s(), o("div", {
+      ])) : r.value ? (l(), o("div", me, [
+        e.tabs?.[i.value] ? (l(), o("div", {
           key: 0,
           class: h(["form-step-header mb-6", e.headerClass])
         }, [
-          D("h2", me, k(e.tabs[a.value].title), 1),
-          e.tabs[a.value].description ? (s(), o("p", ve, k(e.tabs[a.value].description), 1)) : d("", !0)
-        ], 2)) : d("", !0),
-        x(w, {
-          schema: R.value,
+          U("h2", ve, k(e.tabs[i.value].title), 1),
+          e.tabs[i.value].description ? (l(), o("p", fe, k(e.tabs[i.value].description), 1)) : c("", !0)
+        ], 2)) : c("", !0),
+        x(D, {
+          schema: P.value,
           values: t(y),
           errors: t(S),
           variant: e.variant,
@@ -174,11 +175,12 @@ const le = {
           isUpdate: e.isUpdate,
           isFieldVisible: t(C),
           isFieldDisabled: t(F),
-          isFieldReadonly: t(z),
-          onChange: U
+          isFieldReadonly: t(V),
+          onChange: z,
+          onAddonAction: a[2] || (a[2] = (u) => m("onAddonAction", u))
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-      ])) : d("", !0) : (s(), o("div", ne, [
-        x(w, {
+      ])) : c("", !0) : (l(), o("div", oe, [
+        x(D, {
           schema: e.schema,
           values: t(y),
           errors: t(S),
@@ -189,17 +191,18 @@ const le = {
           isUpdate: e.isUpdate,
           isFieldVisible: t(C),
           isFieldDisabled: t(F),
-          isFieldReadonly: t(z),
-          onChange: U
+          isFieldReadonly: t(V),
+          onChange: z,
+          onAddonAction: a[0] || (a[0] = (u) => m("onAddonAction", u))
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
       ])),
-      te(l.$slots, "default", {
+      ae(n.$slots, "default", {
         values: t(y),
         errors: t(S),
-        isSubmitting: t(V),
-        handleSubmit: M
+        isSubmitting: t(N),
+        handleSubmit: H
       }, void 0, !0),
-      e.footer ? (s(), o("div", {
+      e.footer ? (l(), o("div", {
         key: 4,
         class: h([
           "form-footer flex items-center justify-end gap-3",
@@ -207,41 +210,41 @@ const le = {
           $.value ? "sticky bottom-0 z-20 bg-body pt-4 border-t border-border/40 -mx-4 px-4  mt-4" : "mt-6"
         ])
       }, [
-        G.value ? (s(), p(N, {
+        G.value ? (l(), p(A, {
           key: 0,
           type: "button",
           variant: "outline",
           text: e.cancelText,
-          disabled: e.loading || t(V),
+          disabled: e.loading || t(N),
           onClick: O
-        }, null, 8, ["text", "disabled"])) : d("", !0),
-        r.value && B.value ? (s(), p(N, {
+        }, null, 8, ["text", "disabled"])) : c("", !0),
+        r.value && R.value ? (l(), p(A, {
           key: 1,
           type: "button",
           variant: "outline",
           icon: "lucide:arrow-left",
           text: "Previous",
           onClick: J
-        })) : d("", !0),
-        r.value && !T.value ? (s(), p(N, {
+        })) : c("", !0),
+        r.value && !B.value ? (l(), p(A, {
           key: 2,
           type: "button",
           variant: "primary",
           text: "Next",
           iconRight: "lucide:arrow-right",
-          onClick: H
-        })) : (s(), p(N, ae({
+          onClick: T
+        })) : (l(), p(A, ie({
           key: 3,
           type: "submit",
           variant: "primary",
           text: e.submitText
         }, e.submitProps, {
-          loading: e.loading || t(V)
+          loading: e.loading || t(N)
         }), null, 16, ["text", "loading"]))
-      ], 2)) : d("", !0)
+      ], 2)) : c("", !0)
     ], 34));
   }
 });
 export {
-  xe as default
+  ke as default
 };

package/components/Form/FormField.vue.d.ts

@@ -14,8 +14,12 @@ interface Props {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (payload: IFormFieldChangePayload) => any;
+    addonAction: (action: string) => any;
+    addonChange: (name: string, payload: IFormFieldChangePayload) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onChange?: (payload: IFormFieldChangePayload) => any;
+    onAddonAction?: (action: string) => any;
+    onAddonChange?: (name: string, payload: IFormFieldChangePayload) => any;
 }>, {
     disabled: boolean;
     size: InputSize;