vlite3 0.9.2 → 0.9.4

package/components/Form/FormField.vue.js

@@ -1,21 +1,21 @@
-import { defineComponent as I, computed as o, markRaw as O, openBlock as s, createBlock as u, mergeProps as f, toHandlers as C, createSlots as T, unref as F, withCtx as n, createVNode as L, createTextVNode as m, toDisplayString as p, createCommentVNode as $, resolveDynamicComponent as j } from "vue";
-import { isComponent as x, isAddonObject as v } from "./utils/form.utils.js";
-import D from "../NumberInput.vue.js";
-import h from "../Button.vue.js";
-import { $t as E } from "../../utils/i18n.js";
-import g from "../Input.vue.js";
+import { defineComponent as T, computed as r, markRaw as j, openBlock as u, createBlock as f, mergeProps as c, toHandlers as L, createSlots as E, unref as $, withCtx as o, createVNode as A, createTextVNode as p, toDisplayString as v, createCommentVNode as N, resolveDynamicComponent as H } from "vue";
+import { isComponent as z, isAddonObject as h } from "./utils/form.utils.js";
+import q from "../NumberInput.vue.js";
+import g from "../Button.vue.js";
+import { $t as G } from "../../utils/i18n.js";
+import y from "../Input.vue.js";
 /* empty css            */
-import H from "../Switch.vue.js";
-import q from "../CheckBox.vue.js";
-import G from "../FilePicker/FilePicker.vue.js";
-import J from "../AvatarUploader/AvatarUploader.vue.js";
-import z from "../Dropdown/Dropdown.vue.js";
-import K from "../MultiSelect/MultiSelect.vue.js";
-import M from "../DatePicker.vue.js";
-import Q from "../ColorPicker/ColorPicker.vue.js";
-import W from "../IconPicker.vue.js";
-import X from "./CustomFields.vue.js";
-const pe = /* @__PURE__ */ I({
+import J from "../Switch.vue.js";
+import K from "../CheckBox.vue.js";
+import M from "../FilePicker/FilePicker.vue.js";
+import Q from "../AvatarUploader/AvatarUploader.vue.js";
+import V from "../Dropdown/Dropdown.vue.js";
+import W from "../MultiSelect/MultiSelect.vue.js";
+import X from "../DatePicker.vue.js";
+import Y from "../ColorPicker/ColorPicker.vue.js";
+import Z from "../IconPicker.vue.js";
+import _ from "./CustomFields.vue.js";
+const ge = /* @__PURE__ */ T({
   __name: "FormField",
   props: {
     field: {},
@@ -33,17 +33,17 @@ const pe = /* @__PURE__ */ I({
     loading: { type: Boolean, default: !1 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(t, { emit: A }) {
-    const e = t, c = A, d = (a, l) => {
-      c("change", { value: a, data: l });
-    }, V = (a) => {
-      c("change", { value: a });
-    }, y = o(
+  setup(t, { emit: P }) {
+    const e = t, m = P, n = (a, l) => {
+      m("change", { value: a, data: l });
+    }, S = (a) => {
+      m("change", { value: a });
+    }, b = r(
       () => e.field.type === "number" && e.field.isSensitiveField === !0
-    ), N = o(() => {
+    ), U = r(() => {
       const a = e.field.type;
-      if (x(a))
-        return O(a);
+      if (z(a))
+        return j(a);
       switch (a) {
         case "text":
         case "email":
@@ -52,48 +52,48 @@ const pe = /* @__PURE__ */ I({
         case "url":
         case "search":
         case "textarea":
-          return g;
+          return y;
         case "number":
-          return y.value ? g : D;
+          return b.value ? y : q;
         case "switch":
-          return H;
+          return J;
         case "check":
-          return q;
+          return K;
         case "select":
-          return z;
+          return V;
         case "multiSelect":
-          return K;
+          return W;
         case "date":
         case "time":
-          return M;
+          return X;
         case "file":
         case "fileUploader":
-          return G;
+          return M;
         case "avatarUpload":
-          return J;
-        case "color":
           return Q;
+        case "color":
+          return Y;
         case "iconPicker":
-          return W;
+          return Z;
         case "customFields":
-          return X;
+          return _;
         default:
-          return g;
+          return y;
       }
-    }), S = o(() => {
-      const a = e.field.type, l = {
-        disabled: e.disabled || e.field.disabled === !0,
-        readonly: e.readonly || e.field.readonly === !0,
-        ...e?.field || {},
+    }), k = r(() => {
+      const a = e.field.type, { disabled: l, readonly: d, ...D } = e.field, i = {
+        ...D,
+        disabled: e.disabled || l === !0,
+        readonly: e.readonly || d === !0,
         ...e.field.props || {},
         label: "",
         labelI18n: ""
-      }, i = e.field.placeholderI18n ? E(e.field.placeholderI18n) : e.field.placeholder, b = e.variant === "floating" && e.label && !e.floatingActive, r = b ? "" : i;
+      }, C = e.field.placeholderI18n ? G(e.field.placeholderI18n) : e.field.placeholder, x = e.variant === "floating" && e.label && !e.floatingActive, s = x ? "" : C;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || !a ? {
-        ...l,
+        ...i,
         modelValue: e.value ?? "",
         type: a || "text",
-        placeholder: r,
+        placeholder: s,
         label: e.label,
         icon: e.field.icon,
         iconRight: e.field.iconRight,
@@ -108,13 +108,13 @@ const pe = /* @__PURE__ */ I({
         max: e.field.max,
         rows: a === "textarea" ? e.field.props?.rows || 3 : void 0,
         class: `${e.field.className}`
-      } : a === "number" && y.value ? {
-        ...l,
+      } : a === "number" && b.value ? {
+        ...i,
         // Convert numeric value to string so Input.vue (string-based) displays it correctly
         modelValue: e.value !== void 0 && e.value !== null ? String(e.value) : "",
         // 'password' activates the eye-toggle inside Input.vue
         type: "password",
-        placeholder: r,
+        placeholder: s,
         label: e.label,
         variant: e.variant,
         size: e.size,
@@ -124,7 +124,7 @@ const pe = /* @__PURE__ */ I({
         showClearButton: !1,
         class: e.field.className ?? ""
       } : a === "number" ? {
-        ...l,
+        ...i,
         modelValue: e.value ?? void 0,
         min: e.field.min,
         max: e.field.max,
@@ -133,59 +133,59 @@ const pe = /* @__PURE__ */ I({
         mode: e.field.props?.mode ?? (e.variant === "transparent" ? "ghost" : "outline"),
         size: e.size,
         rounded: e.rounded,
-        placeholder: r,
+        placeholder: s,
         class: e.field.className
       } : a === "switch" ? {
-        ...l,
+        ...i,
         modelValue: !!e.value,
         size: "sm",
         label: ""
         // Label handled externally
       } : a === "check" ? {
-        ...l,
+        ...i,
         modelValue: !!e.value,
         label: ""
         // Label handled externally
       } : a === "select" ? {
-        ...l,
+        ...i,
         modelValue: e.value,
         options: e.field.options || [],
-        placeholder: r,
+        placeholder: s,
         selectable: !0,
         closeOnSelect: !0,
         triggerProps: {
           variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
           size: e.size,
-          ...b ? { text: "​" } : {}
+          ...x ? { text: "​" } : {}
         }
       } : a === "multiSelect" ? {
-        ...l,
+        ...i,
         modelValue: Array.isArray(e.value) ? e.value : [],
         options: e.field.options || [],
-        placeholder: i,
+        placeholder: C,
         variant: e.variant,
         size: e.size,
         rounded: e.rounded
       } : a === "date" || a === "time" ? {
-        ...l,
+        ...i,
         modelValue: e.value,
         mode: a === "time" ? "time" : "date",
-        placeholder: r,
+        placeholder: s,
         btnProps: {
           variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
           size: e.size,
           class: "px-3!",
-          ...b ? { text: "​" } : {}
+          ...x ? { text: "​" } : {}
         }
       } : a === "fileUploader" || a === "file" ? {
-        ...l,
+        ...i,
         modelValue: e.value,
         multiSelect: e.field.props?.multiple || !1,
         maxFiles: e.field.maxFiles || e.field.props?.maxFiles,
         fileTypes: e.field.props?.accept ? e.field.props.accept.split(",") : [],
         returnFormat: "base64",
         variant: a === "file" ? "input" : "dropzone",
-        placeholder: r,
+        placeholder: s,
         size: e.size,
         rounded: e.rounded,
         maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0,
@@ -193,165 +193,166 @@ const pe = /* @__PURE__ */ I({
         allowRename: e.field.props?.allowRename ?? !0
       } : a === "avatarUpload" ? {
         size: "2xl",
-        ...l,
+        ...i,
         modelValue: e.value,
         editable: !e.readonly,
         maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0,
         loading: e.loading
       } : a === "color" ? {
-        ...l,
+        ...i,
         modelValue: e.value || "#000000"
       } : a === "iconPicker" ? {
-        ...l,
+        ...i,
         value: e.value || "lucide:smile"
       } : a === "customFields" ? {
-        ...l,
+        ...i,
         label: e?.field?.label,
         labelI18n: e?.field?.labelI18n,
         modelValue: Array.isArray(e.value) ? e.value : [],
         schema: e.field.props?.schema || [],
         headers: e.field.props?.headers || [],
+        draggable: e.field.props?.draggable || !1,
         values: e.values,
         variant: e.variant,
         size: e.size,
         rounded: e.rounded,
         isUpdate: e.isUpdate
-      } : x(a) ? {
-        ...l,
+      } : z(a) ? {
+        ...i,
         value: e.value,
         values: e.values
-      } : l;
-    }), k = o(() => {
+      } : i;
+    }), R = r(() => {
       const a = e.field.type;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || a === "switch" || a === "check" || !a ? {
-        "update:modelValue": V
-      } : a === "number" && y.value ? {
+        "update:modelValue": S
+      } : a === "number" && b.value ? {
         "update:modelValue": (l) => {
-          const i = l === "" ? void 0 : Number(l);
-          c("change", { value: isNaN(i) ? void 0 : i });
+          const d = l === "" ? void 0 : Number(l);
+          m("change", { value: isNaN(d) ? void 0 : d });
         }
       } : a === "number" ? {
-        "update:modelValue": V
+        "update:modelValue": S
       } : a === "select" ? {
         onSelect: (l) => {
-          d(l.value, l.data);
+          n(l.value, l.data);
         }
       } : a === "multiSelect" ? {
-        change: (l) => d(l)
+        change: (l) => n(l)
       } : a === "date" || a === "time" ? {
-        change: (l) => d(l)
+        change: (l) => n(l)
       } : a === "fileUploader" || a === "file" ? {
         change: (l) => {
-          d(l);
+          n(l);
         },
         "update:modelValue": (l) => {
-          d(l);
+          n(l);
         }
       } : a === "avatarUpload" ? {
         change: (l) => {
-          d(l);
+          n(l);
         },
         "update:modelValue": (l) => {
-          d(l);
+          n(l);
         }
       } : a === "color" ? {
-        change: (l) => d(l)
+        change: (l) => n(l)
       } : a === "iconPicker" ? {
-        onSelect: (l) => d(l)
+        onSelect: (l) => n(l)
       } : a === "customFields" ? {
-        change: (l) => d(l)
-      } : x(a) ? {
+        change: (l) => n(l)
+      } : z(a) ? {
         onChange: (l) => {
-          d(l.value, l.data);
+          n(l.value, l.data);
         }
       } : {};
-    }), P = o(() => v(e.field.addonLeft) || v(e.field.addonRight)), U = o(() => {
+    }), B = r(() => h(e.field.addonLeft) || h(e.field.addonRight)), I = r(() => {
       const a = e.field.type;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || !a;
-    }), B = o(() => P.value && U.value), R = (a, l) => {
-      c("addonChange", a.name, { value: l.value });
-    }, w = (a) => {
-      a.action && c("addonAction", a.action);
+    }), O = r(() => B.value && I.value), w = (a, l) => {
+      m("addonChange", a.name, { value: l.value });
+    }, F = (a) => {
+      a.action && m("addonAction", a.action);
     };
-    return (a, l) => B.value ? (s(), u(g, f({ key: 0 }, {
-      ...S.value,
+    return (a, l) => O.value ? (u(), f(y, c({ key: 0 }, {
+      ...k.value,
       ...t.field?.props || {}
-    }, C(k.value)), T({ _: 2 }, [
-      F(v)(t.field.addonLeft) ? {
+    }, L(R.value)), E({ _: 2 }, [
+      $(h)(t.field.addonLeft) ? {
         name: "addon-left",
-        fn: n(() => [
-          t.field.addonLeft.type === "select" ? (s(), u(z, f({
+        fn: o(() => [
+          t.field.addonLeft.type === "select" ? (u(), f(V, c({
             key: 0,
             modelValue: t.field.addonLeft.name ? t.values[t.field.addonLeft.name] : void 0,
             options: t.field.addonLeft.options || []
           }, t.field.addonLeft.props || {}, {
-            onOnSelect: l[0] || (l[0] = (i) => R(t.field.addonLeft, i))
+            onOnSelect: l[0] || (l[0] = (d) => w(t.field.addonLeft, d))
           }), {
-            trigger: n(({ selectedLabel: i }) => [
-              L(h, { variant: "outline" }, {
-                default: n(() => [
-                  m(p(i), 1)
+            trigger: o(({ selectedLabel: d }) => [
+              A(g, { variant: "outline" }, {
+                default: o(() => [
+                  p(v(d), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : t.field.addonLeft.type === "button" ? (s(), u(h, f({
+          }, 16, ["modelValue", "options"])) : t.field.addonLeft.type === "button" ? (u(), f(g, c({
             key: 1,
             variant: "outline"
           }, t.field.addonLeft.props || {}, {
-            onClick: l[1] || (l[1] = (i) => w(t.field.addonLeft))
+            onClick: l[1] || (l[1] = (d) => F(t.field.addonLeft))
           }), {
-            default: n(() => [
-              m(p(t.field.addonLeft.text), 1)
+            default: o(() => [
+              p(v(t.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : $("", !0)
+          }, 16)) : N("", !0)
         ]),
         key: "0"
       } : void 0,
-      F(v)(t.field.addonRight) ? {
+      $(h)(t.field.addonRight) ? {
         name: "addon-right",
-        fn: n(() => [
-          t.field.addonRight.type === "select" ? (s(), u(z, f({
+        fn: o(() => [
+          t.field.addonRight.type === "select" ? (u(), f(V, c({
             key: 0,
             modelValue: t.field.addonRight.name ? t.values[t.field.addonRight.name] : void 0,
             options: t.field.addonRight.options || []
           }, t.field.addonRight.props || {}, {
-            onOnSelect: l[2] || (l[2] = (i) => R(t.field.addonRight, i))
+            onOnSelect: l[2] || (l[2] = (d) => w(t.field.addonRight, d))
           }), {
-            trigger: n(({ selectedLabel: i }) => [
-              L(h, { variant: "outline" }, {
-                default: n(() => [
-                  m(p(i), 1)
+            trigger: o(({ selectedLabel: d }) => [
+              A(g, { variant: "outline" }, {
+                default: o(() => [
+                  p(v(d), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : t.field.addonRight.type === "button" ? (s(), u(h, f({
+          }, 16, ["modelValue", "options"])) : t.field.addonRight.type === "button" ? (u(), f(g, c({
             key: 1,
             variant: "outline"
           }, t.field.addonRight.props || {}, {
-            onClick: l[3] || (l[3] = (i) => w(t.field.addonRight))
+            onClick: l[3] || (l[3] = (d) => F(t.field.addonRight))
           }), {
-            default: n(() => [
-              m(p(t.field.addonRight.text), 1)
+            default: o(() => [
+              p(v(t.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : $("", !0)
+          }, 16)) : N("", !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040)) : (s(), u(j(N.value), f({
+    ]), 1040)) : (u(), f(H(U.value), c({
       key: 1,
       class: ["switch", "check"].includes(t.field?.type) ? "" : "w-full"
     }, {
-      ...S.value,
+      ...k.value,
       ...t.field?.props || {}
-    }, C(k.value)), null, 16, ["class"]));
+    }, L(R.value)), null, 16, ["class"]));
   }
 });
 export {
-  pe as default
+  ge as default
 };

package/components/Form/types.d.ts

@@ -64,6 +64,7 @@ export type IFormWhen = (context: IFormContext) => boolean;
 export interface IFormCustomFieldsProps {
     schema: IForm[];
     headers?: string[];
+    draggable?: boolean;
 }
 /**
  * Main form field interface

package/components/List/ListFieldRow.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as V, ref as D, computed as f, openBlock as l, createElementBlock as a, normalizeClass as s, createElementVNode as v, createBlock as u, createCommentVNode as T, toDisplayString as w, renderSlot as C, resolveDynamicComponent as B, Fragment as m, createVNode as S } from "vue";
 import x from "../Icon.vue.js";
 import b from "../Price/Price.vue.js";
-import h from "../Date/Date.vue.js";
+import h from "../DateTime/DateTime.vue.js";
 import { $t as I } from "../../utils/i18n.js";
 import { getObjectValue as N, formatNumber as Y, getStatusColorClass as F } from "./utils.js";
 const A = { class: "flex items-center gap-2 min-w-0" }, E = { class: "text-xs font-normal text-muted-foreground leading-snug truncate" }, O = { class: "min-w-0" }, z = {

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as R } from "../utils/i18n.js";
-/* empty css                                       */
+/* empty css                                      */
 const U = { class: "block truncate -text-fs-1.5" }, V = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, q = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/components/NumberInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./NumberInput.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a8237529"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9a771336"]]);
 export {
   a as default
 };