@stonecrop/aform 0.6.3 → 0.7.1

package/dist/aform.d.ts

@@ -139,7 +139,7 @@ export declare type ComponentProps = {
      * Indicate whether elements inside the component are read-only
      * @public
      */
-    readonly?: boolean;
+    readOnly?: boolean;
     /**
      * Set a unique identifier for elements inside the component
      * @public
@@ -260,7 +260,7 @@ name: string;
 align?: CanvasTextAlign | undefined;
 edit?: boolean | undefined;
 label?: string | undefined;
-type?: string | undefined;
+fieldtype?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
@@ -284,7 +284,7 @@ name: string;
 align?: CanvasTextAlign | undefined;
 edit?: boolean | undefined;
 label?: string | undefined;
-type?: string | undefined;
+fieldtype?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
@@ -554,7 +554,7 @@ name: string;
 align?: CanvasTextAlign | undefined;
 edit?: boolean | undefined;
 label?: string | undefined;
-type?: string | undefined;
+fieldtype?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
@@ -578,7 +578,7 @@ name: string;
 align?: CanvasTextAlign | undefined;
 edit?: boolean | undefined;
 label?: string | undefined;
-type?: string | undefined;
+fieldtype?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
@@ -848,7 +848,7 @@ name: string;
 align?: CanvasTextAlign | undefined;
 edit?: boolean | undefined;
 label?: string | undefined;
-type?: string | undefined;
+fieldtype?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
@@ -872,7 +872,7 @@ name: string;
 align?: CanvasTextAlign | undefined;
 edit?: boolean | undefined;
 label?: string | undefined;
-type?: string | undefined;
+fieldtype?: string | undefined;
 width?: string | undefined;
 pinned?: boolean | undefined;
 resizable?: boolean | undefined;
@@ -1403,15 +1403,12 @@ export declare interface TableColumn {
      */
     label?: string;
     /**
-     * The data-type of the column. Possible values:
-     * - `Data` - the column contains text data
-     * - `Select` - the column contains a select input
-     * - `Date` - the column contains a date input
-     * - `component` - the column contains a custom component
+     * The semantic field type of the column. Uses the same StonecropFieldType enum as forms.
+     * Common values: 'Data', 'Text', 'Int', 'Float', 'Date', 'Select', 'Link', 'Check', etc.
      *
-     * @beta
+     * @public
      */
-    type?: string;
+    fieldtype?: string;
     /**
      * The width of the column. This can be a number (in pixels) or a string (in CSS units).
      *

package/dist/aform.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, mergeModels as z, useModel as q, createElementBlock as b, openBlock as g, createElementVNode as c, withDirectives as E, toDisplayString as M, vModelCheckbox as Pe, vShow as U, resolveComponent as Fe, createBlock as le, withCtx as Re, useTemplateRef as xe, vModelText as H, watch as F, getCurrentScope as De, onScopeDispose as Ee, toRef as Oe, readonly as Me, ref as x, customRef as He, computed as T, watchEffect as ae, toValue as w, unref as S, shallowRef as G, reactive as Be, normalizeClass as X, withKeys as R, Fragment as j, renderList as Y, withModifiers as Ie, onMounted as se, onBeforeUnmount as qe, getCurrentInstance as Ue, nextTick as We, resolveDynamicComponent as Ne, mergeProps as je, renderSlot as Ye, createTextVNode as Ae, createCommentVNode as re, createVNode as Ke } from "vue";
+import { defineComponent as C, mergeModels as z, useModel as q, createElementBlock as b, openBlock as g, createElementVNode as c, withDirectives as E, toDisplayString as M, vModelCheckbox as Oe, vShow as U, resolveComponent as Pe, createBlock as le, withCtx as Fe, useTemplateRef as xe, vModelText as H, watch as P, getCurrentScope as De, onScopeDispose as Ee, toRef as Re, readonly as Me, ref as x, customRef as He, computed as T, watchEffect as ae, toValue as w, unref as S, shallowRef as G, reactive as Be, normalizeClass as X, withKeys as F, Fragment as j, renderList as Y, withModifiers as Ie, onMounted as se, onBeforeUnmount as qe, getCurrentInstance as Ue, nextTick as We, resolveDynamicComponent as Ne, mergeProps as je, renderSlot as Ye, createTextVNode as Ae, createCommentVNode as re, createVNode as Ke } from "vue";
 import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["for"], Je = { class: "aform_checkbox-container aform_input-field" }, Qe = ["id", "readonly", "required"], Xe = ["innerHTML"], Ze = /* @__PURE__ */ C({
   __name: "ACheckbox",
   props: /* @__PURE__ */ z({
@@ -6,7 +6,7 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
     label: {},
     mask: {},
     required: { type: Boolean },
-    readonly: { type: Boolean },
+    readOnly: { type: Boolean },
     uuid: {},
     validation: { default: () => ({ errorMessage: " " }) }
   }, {
@@ -27,10 +27,10 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
           "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
           type: "checkbox",
           class: "aform_checkbox",
-          readonly: e.readonly,
+          readonly: e.readOnly,
           required: e.required
         }, null, 8, Qe), [
-          [Pe, t.value]
+          [Oe, t.value]
         ])
       ]),
       E(c("p", {
@@ -46,18 +46,18 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
   for (const [o, a] of t)
     n[o] = a;
   return n;
-}, et = /* @__PURE__ */ L(Ze, [["__scopeId", "data-v-aaa1a4c4"]]), tt = /* @__PURE__ */ C({
+}, et = /* @__PURE__ */ L(Ze, [["__scopeId", "data-v-f13fd4d6"]]), tt = /* @__PURE__ */ C({
   __name: "AComboBox",
   props: ["event", "cellData", "tableID"],
   setup(e) {
     return (t, n) => {
-      const o = Fe("ATableModal");
+      const o = Pe("ATableModal");
       return g(), le(o, {
         event: e.event,
         "cell-data": e.cellData,
         class: "amodal"
       }, {
-        default: Re(() => [...n[0] || (n[0] = [
+        default: Fe(() => [...n[0] || (n[0] = [
           c("div", null, [
             c("input", { type: "text" }),
             c("input", { type: "text" }),
@@ -75,7 +75,7 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
     label: { default: "Date" },
     mask: {},
     required: { type: Boolean },
-    readonly: { type: Boolean },
+    readOnly: { type: Boolean },
     uuid: {},
     validation: { default: () => ({ errorMessage: " " }) }
   }, {
@@ -98,7 +98,7 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
         ref: "date",
         "onUpdate:modelValue": s[0] || (s[0] = (l) => t.value = l),
         type: "date",
-        disabled: e.readonly,
+        disabled: e.readOnly,
         required: e.required,
         onClick: o
       }, null, 8, nt), [
@@ -112,7 +112,7 @@ import './assets/index.css';const ze = { class: "aform_form-element" }, Ge = ["f
       ])
     ]));
   }
-}), st = /* @__PURE__ */ L(at, [["__scopeId", "data-v-455d9e30"]]);
+}), st = /* @__PURE__ */ L(at, [["__scopeId", "data-v-a15ed922"]]);
 function Te(e, t) {
   return De() ? (Ee(e, t), !0) : !1;
 }
@@ -139,7 +139,7 @@ typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
 const rt = Object.prototype.toString, it = (e) => rt.call(e) === "[object Object]", N = () => {
 }, ut = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
 function ct(...e) {
-  if (e.length !== 1) return Oe(...e);
+  if (e.length !== 1) return Re(...e);
   const t = e[0];
   return typeof t == "function" ? Me(He(() => ({
     get: t,
@@ -150,13 +150,13 @@ function Z(e) {
   return Array.isArray(e) ? e : [e];
 }
 function dt(e, t, n) {
-  return F(e, t, {
+  return P(e, t, {
     ...n,
     immediate: !0
   });
 }
 const $e = Ce ? window : void 0, ft = Ce ? window.document : void 0;
-function O(e) {
+function R(e) {
   var t;
   const n = w(e);
   return (t = n?.$el) !== null && t !== void 0 ? t : n;
@@ -169,7 +169,7 @@ function ee(...e) {
   return dt(() => {
     var o, a;
     return [
-      (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((s) => O(s))) !== null && o !== void 0 ? o : [$e].filter((s) => s != null),
+      (o = (a = n.value) === null || a === void 0 ? void 0 : a.map((s) => R(s))) !== null && o !== void 0 ? o : [$e].filter((s) => s != null),
       Z(w(n.value ? e[1] : e[0])),
       Z(S(n.value ? e[2] : e[1])),
       w(n.value ? e[3] : e[2])
@@ -193,7 +193,7 @@ function me(e, t, n = {}) {
   const u = (f) => w(a).some((h) => {
     if (typeof h == "string") return Array.from(o.document.querySelectorAll(h)).some((D) => D === f.target || f.composedPath().includes(D));
     {
-      const D = O(h);
+      const D = R(h);
       return D && (f.target === D || f.composedPath().includes(D));
     }
   });
@@ -206,7 +206,7 @@ function me(e, t, n = {}) {
     return y == null || !Array.isArray(y) ? !1 : y.some((k) => k.el === h.target || h.composedPath().includes(k.el));
   }
   const d = (f) => {
-    const h = O(e);
+    const h = R(e);
     if (f.target != null && !(!(h instanceof Element) && v(e) && m(e, f)) && !(!h || h === f.target || f.composedPath().includes(h))) {
       if ("detail" in f && f.detail === 0 && (i = !u(f)), !i) {
         i = !0;
@@ -226,13 +226,13 @@ function me(e, t, n = {}) {
       capture: s
     }),
     ee(o, "pointerdown", (f) => {
-      const h = O(e);
+      const h = R(e);
       i = !u(f) && !!(h && !f.composedPath().includes(h));
     }, { passive: !0 }),
     l && ee(o, "blur", (f) => {
       setTimeout(() => {
         var h;
-        const D = O(e);
+        const D = R(e);
         ((h = o.document.activeElement) === null || h === void 0 ? void 0 : h.tagName) === "IFRAME" && !D?.contains(o.document.activeElement) && t(f);
       }, 0);
     }, { passive: !0 })
@@ -263,7 +263,7 @@ function vt(e) {
 function pt(e = {}) {
   const { document: t = ft } = e, n = x(vt(e.initialFiles)), { on: o, trigger: a } = /* @__PURE__ */ fe(), { on: s, trigger: l } = /* @__PURE__ */ fe(), r = T(() => {
     var m;
-    const d = (m = O(e.input)) !== null && m !== void 0 ? m : t ? t.createElement("input") : void 0;
+    const d = (m = R(e.input)) !== null && m !== void 0 ? m : t ? t.createElement("input") : void 0;
     return d && (d.type = "file", d.onchange = (p) => {
       n.value = p.target.files, a(n.value);
     }, d.oncancel = () => {
@@ -301,7 +301,7 @@ const ne = /* @__PURE__ */ new WeakMap();
 function ht(e, t = !1) {
   const n = G(t);
   let o = "";
-  F(ct(e), (l) => {
+  P(ct(e), (l) => {
     const r = te(w(l));
     if (r) {
       const i = r;
@@ -348,7 +348,7 @@ function yt() {
     if (t.value = o.value, e) return;
     e = !0;
     const a = ht(n, o.value);
-    F(t, (s) => a.value = s);
+    P(t, (s) => a.value = s);
   };
 }
 yt();
@@ -428,11 +428,11 @@ const bt = { class: "input-wrapper" }, wt = {
           onInput: a,
           onFocus: l,
           onKeydown: [
-            R(u, ["down"]),
-            R(v, ["up"]),
-            R(m, ["enter"]),
-            R(o, ["esc"]),
-            R(o, ["tab"])
+            F(u, ["down"]),
+            F(v, ["up"]),
+            F(m, ["enter"]),
+            F(o, ["esc"]),
+            F(o, ["tab"])
           ]
         }, null, 544), [
           [H, t.value]
@@ -464,7 +464,7 @@ function Q(e) {
   return Array.isArray(e) ? e : [e];
 }
 function $t(e, t, n) {
-  return F(e, t, {
+  return P(e, t, {
     ...n,
     immediate: !0
   });
@@ -513,7 +513,7 @@ function _t(e, t, n = {}) {
   let s;
   const l = /* @__PURE__ */ Lt(() => o && "MutationObserver" in o), r = () => {
     s && (s.disconnect(), s = void 0);
-  }, i = F(T(() => {
+  }, i = P(T(() => {
     const m = Q(w(e)).map(B).filter(It);
     return new Set(m);
   }), (m) => {
@@ -554,7 +554,7 @@ function Vt(e, t, n = {}) {
   return Se(u), u;
 }
 // @__NO_SIDE_EFFECTS__
-function Pt(e = {}) {
+function Ot(e = {}) {
   var t;
   const { window: n = W, deep: o = !0, triggerOnRemoval: a = !1 } = e, s = (t = e.document) !== null && t !== void 0 ? t : n?.document, l = () => {
     let u = s?.activeElement;
@@ -575,14 +575,14 @@ function Pt(e = {}) {
   }
   return a && Vt(r, i, { document: s }), i(), r;
 }
-const Ft = "focusin", Rt = "focusout", Ot = ":focus-within";
+const Pt = "focusin", Ft = "focusout", Rt = ":focus-within";
 function Ht(e, t = {}) {
   const { window: n = W } = t, o = T(() => B(e)), a = G(!1), s = T(() => a.value);
-  if (!n || !(/* @__PURE__ */ Pt(t)).value) return { focused: s };
+  if (!n || !(/* @__PURE__ */ Ot(t)).value) return { focused: s };
   const l = { passive: !0 };
-  return K(o, Ft, () => a.value = !0, l), K(o, Rt, () => {
+  return K(o, Pt, () => a.value = !0, l), K(o, Ft, () => {
     var r, i, u;
-    return a.value = (r = (i = o.value) === null || i === void 0 || (u = i.matches) === null || u === void 0 ? void 0 : u.call(i, Ot)) !== null && r !== void 0 ? r : !1;
+    return a.value = (r = (i = o.value) === null || i === void 0 || (u = i.matches) === null || u === void 0 ? void 0 : u.call(i, Rt)) !== null && r !== void 0 ? r : !1;
   }, l), { focused: s };
 }
 function Bt(e, { window: t = W, scrollTarget: n } = {}) {
@@ -596,7 +596,7 @@ function Bt(e, { window: t = W, scrollTarget: n } = {}) {
       o.value = r.top <= (t.innerHeight || s.documentElement.clientHeight) && r.left <= (t.innerWidth || s.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;
     }
   };
-  return F(
+  return P(
     () => B(e),
     () => a(),
     { immediate: !0, flush: "post" }
@@ -814,7 +814,7 @@ function Nt(e) {
     for (const l of e) {
       const r = t(l), i = o(l), u = a(l), v = r ? [r] : i;
       for (const m of v) {
-        const { focused: d } = Ht(x(m)), p = F(d, (I) => {
+        const { focused: d } = Ht(x(m)), p = P(d, (I) => {
           I ? m.addEventListener("keydown", u) : m.removeEventListener("keydown", u);
         });
         s.push(p);
@@ -854,10 +854,10 @@ const jt = {
     const i = () => {
       l.value = [];
       const y = new Date(s.value, a.value, 1), k = y.getDay(), $ = y.setDate(y.getDate() - k);
-      for (const P of Array(43).keys())
-        l.value.push($ + P * 864e5);
+      for (const O of Array(43).keys())
+        l.value.push($ + O * 864e5);
     };
-    F([a, s], i);
+    P([a, s], i);
     const u = () => s.value -= 1, v = () => s.value += 1, m = () => {
       a.value == 0 ? (a.value = 11, u()) : a.value -= 1;
     }, d = () => {
@@ -914,20 +914,20 @@ const jt = {
             c("td", null, "S")
           ], -1)),
           (g(), b(j, null, Y(zt, ($) => c("tr", { key: $ }, [
-            (g(), b(j, null, Y(we, (P) => c("td", {
+            (g(), b(j, null, Y(we, (O) => c("td", {
               ref_for: !0,
               ref: "celldate",
-              key: A($, P),
+              key: A($, O),
               contenteditable: !1,
               spellcheck: !1,
               tabindex: 0,
               class: X({
-                todaysDate: p(f($, P)),
-                selectedDate: I(f($, P))
+                todaysDate: p(f($, O)),
+                selectedDate: I(f($, O))
               }),
-              onClick: Ie((Ve) => h(A($, P)), ["prevent", "stop"]),
-              onKeydown: R((Ve) => h(A($, P)), ["enter"])
-            }, M(new Date(f($, P)).getDate()), 43, Kt)), 64))
+              onClick: Ie((Ve) => h(A($, O)), ["prevent", "stop"]),
+              onKeydown: F((Ve) => h(A($, O)), ["enter"])
+            }, M(new Date(f($, O)).getDate()), 43, Kt)), 64))
           ])), 64))
         ])
       ])
@@ -948,7 +948,7 @@ const jt = {
   props: {
     modelValue: {},
     data: {},
-    readonly: { type: Boolean }
+    readOnly: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
@@ -982,11 +982,11 @@ const jt = {
         "onUpdate:modelValue": (v) => s.value[u].value = v,
         schema: i,
         data: o.value[i.fieldname],
-        readonly: e.readonly
-      }, { ref_for: !0 }, a(i)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "readonly"]))), 128))
+        readOnly: e.readOnly
+      }, { ref_for: !0 }, a(i)), null, 16, ["modelValue", "onUpdate:modelValue", "schema", "data", "readOnly"]))), 128))
     ]));
   }
-}), _e = /* @__PURE__ */ L(en, [["__scopeId", "data-v-82d33d5b"]]), tn = /* @__PURE__ */ C({
+}), _e = /* @__PURE__ */ L(en, [["__scopeId", "data-v-5336a410"]]), tn = /* @__PURE__ */ C({
   __name: "AFieldset",
   props: {
     schema: {},
@@ -1060,7 +1060,7 @@ const jt = {
     label: {},
     mask: {},
     required: { type: Boolean },
-    readonly: { type: Boolean },
+    readOnly: { type: Boolean },
     uuid: {},
     validation: { default: () => ({ errorMessage: "&nbsp;" }) }
   }, {
@@ -1076,7 +1076,7 @@ const jt = {
         "onUpdate:modelValue": o[0] || (o[0] = (a) => t.value = a),
         class: "aform_input-field",
         type: "number",
-        disabled: e.readonly,
+        disabled: e.readOnly,
         required: e.required
       }, null, 8, cn), [
         [H, t.value]
@@ -1156,7 +1156,7 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
     label: {},
     mask: {},
     required: { type: Boolean },
-    readonly: { type: Boolean },
+    readOnly: { type: Boolean },
     uuid: {},
     validation: { default: () => ({ errorMessage: "&nbsp;" }) }
   }, {
@@ -1171,7 +1171,7 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
         id: e.uuid,
         "onUpdate:modelValue": a[0] || (a[0] = (s) => n.value = s),
         class: "aform_input-field",
-        disabled: e.readonly,
+        disabled: e.readOnly,
         maxlength: e.mask && t.value ? e.mask.length : void 0,
         required: e.required
       }, null, 8, wn), [
@@ -1190,10 +1190,10 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
       ])
     ]));
   }
-}), En = { class: "login-container" }, Mn = { class: "account-container" }, In = { class: "account-header" }, An = { id: "account-title" }, Tn = { id: "account-subtitle" }, Cn = { class: "login-form-container" }, $n = { class: "login-form-email aform_form-element" }, Sn = ["disabled"], Ln = { class: "login-form-password aform_form-element" }, _n = ["disabled"], Vn = ["disabled"], Pn = {
+}), En = { class: "login-container" }, Mn = { class: "account-container" }, In = { class: "account-header" }, An = { id: "account-title" }, Tn = { id: "account-subtitle" }, Cn = { class: "login-form-container" }, $n = { class: "login-form-email aform_form-element" }, Sn = ["disabled"], Ln = { class: "login-form-password aform_form-element" }, _n = ["disabled"], Vn = ["disabled"], On = {
   key: 0,
   class: "material-symbols-outlined loading-icon"
-}, Fn = /* @__PURE__ */ C({
+}, Pn = /* @__PURE__ */ C({
   __name: "Login",
   props: {
     headerTitle: { default: "Login" },
@@ -1261,7 +1261,7 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
                 disabled: s.value || !o.value || !a.value,
                 onClick: r
               }, [
-                s.value ? (g(), b("span", Pn, "progress_activity")) : re("", !0),
+                s.value ? (g(), b("span", On, "progress_activity")) : re("", !0),
                 u[4] || (u[4] = c("span", { id: "login-form-button" }, "Login", -1))
               ], 8, Vn)
             ])
@@ -1273,7 +1273,7 @@ const bn = { class: "aform_form-element" }, wn = ["id", "disabled", "maxlength",
       ])
     ]));
   }
-}), On = /* @__PURE__ */ L(Fn, [["__scopeId", "data-v-d9ffd0a7"]]);
+}), Rn = /* @__PURE__ */ L(Pn, [["__scopeId", "data-v-d9ffd0a7"]]);
 function Hn(e) {
   e.component("ACheckbox", et), e.component("ACombobox", tt), e.component("ADate", st), e.component("ADropdown", Et), e.component("ADatePicker", Jt), e.component("AFieldset", nn), e.component("AFileAttach", rn), e.component("AForm", _e), e.component("ANumericInput", mn), e.component("ATextInput", Dn);
 }
@@ -1288,7 +1288,7 @@ export {
   _e as AForm,
   mn as ANumericInput,
   Dn as ATextInput,
-  On as Login,
+  Rn as Login,
   Hn as install
 };
 //# sourceMappingURL=aform.js.map