lkt-item-crud 1.1.13 → 1.1.15

package/dist/build.js

@@ -1,18 +1,18 @@
-import { defineComponent as ne, useSlots as se, ref as s, computed as d, watch as D, resolveComponent as q, openBlock as c, createElementBlock as h, createElementVNode as E, toDisplayString as j, renderSlot as w, createCommentVNode as g, withDirectives as O, createBlock as V, withCtx as G, unref as K, vShow as I, createVNode as Q } from "vue";
+import { defineComponent as ne, useSlots as se, ref as s, computed as d, watch as D, resolveComponent as q, openBlock as v, createElementBlock as h, createElementVNode as E, toDisplayString as j, renderSlot as w, createCommentVNode as g, withDirectives as O, createBlock as V, withCtx as G, unref as K, vShow as I, createVNode as Q } from "vue";
 import { httpCall as ie } from "lkt-http-client";
 import { DataState as ce } from "lkt-data-state";
 const N = class N {
 };
 N.debugEnabled = !1;
 let U = N;
-const p = (...u) => {
+const i = (...u) => {
   U.debugEnabled && console.info("[LktItemCrud] ", ...u);
 }, we = (u = !0) => {
   U.debugEnabled = u;
 }, ve = { class: "lkt-item-crud" }, fe = {
   key: 0,
   class: "lkt-item-crud_header"
-}, pe = { class: "lkt-item-crud_header-title" }, me = { class: "lkt-item-crud_header-slot" }, ye = { class: "lkt-item-crud-buttons" }, he = { key: 1 }, Se = { key: 1 }, be = {
+}, pe = { class: "lkt-item-crud_header-title" }, me = { class: "lkt-item-crud_header-slot" }, ye = { class: "lkt-item-crud-buttons" }, he = { key: 1 }, be = { key: 1 }, Se = {
   key: 1,
   class: "lkt-item-crud_content"
 }, ke = {
@@ -57,45 +57,50 @@ const p = (...u) => {
   setup(u, { expose: T, emit: W }) {
     const e = u, L = se(), n = W;
     let X = [];
-    const o = s(!0), r = s(e.modelValue), S = s(X), v = s(!1), f = s(!1), m = s(!1), i = s(200), C = s(null), B = s(null), b = s(new ce(r.value)), a = s(e.isCreate), Y = d(() => a.value ? e.createConfirm : e.updateConfirm), Z = d(() => a.value ? e.createConfirmData : e.updateConfirmData), $ = d(() => a.value ? e.createResource : e.updateResource), ee = d(() => a.value ? { ...e.createData, ...JSON.parse(JSON.stringify(r.value)) } : { ...e.updateData, ...JSON.parse(JSON.stringify(r.value)) }), te = d(() => a.value ? e.createDisabled : e.updateDisabled), _ = d(() => !a.value && S.value.includes("update")), R = d(() => !a.value && S.value.includes("drop")), M = async () => {
-      p("fetchItem"), o.value = !0, i.value = -1, m.value = !1;
+    const o = s(!0), r = s(e.modelValue), b = s(X), f = s(!1), p = s(!1), m = s(!1), c = s(200), C = s(null), B = s(null), S = s(new ce(r.value)), l = s(e.isCreate), Y = d(() => l.value ? e.createConfirm : e.updateConfirm), Z = d(() => l.value ? e.createConfirmData : e.updateConfirmData), $ = d(() => l.value ? e.createResource : e.updateResource), ee = d(() => l.value ? { ...e.createData, ...JSON.parse(JSON.stringify(r.value)) } : { ...e.updateData, ...JSON.parse(JSON.stringify(r.value)) }), te = d(() => l.value ? e.createDisabled : e.updateDisabled), _ = d(() => !l.value && b.value.includes("update")), R = d(() => !l.value && b.value.includes("drop")), M = async () => {
+      i("fetchItem"), o.value = !0, c.value = -1, m.value = !1;
       try {
         const t = await ie(e.readResource, e.readData);
-        if (p("fetchItem -> response", t), o.value = !1, i.value = t.httpStatus, !t.success) {
-          f.value = !1, i.value = t.httpStatus, n("error", t.httpStatus);
+        if (i("fetchItem -> response", t), o.value = !1, c.value = t.httpStatus, !t.success) {
+          p.value = !1, c.value = t.httpStatus, n("error", t.httpStatus);
           return;
         }
-        f.value = !0, r.value = t.data, S.value = t.perms, b.value.increment(r.value).turnStoredIntoOriginal(), n("read", t);
+        p.value = !0, r.value = t.data, b.value = t.perms, S.value.increment(r.value).turnStoredIntoOriginal(), n("read", t);
       } catch {
-        o.value = !1, f.value = !1, i.value = 404, n("error", 404);
+        o.value = !1, p.value = !1, c.value = 404, n("error", 404);
         return;
       }
     }, ae = d(() => o.value ? !1 : e.title || !!L["post-title"]);
     D(() => e.modelValue, (t) => {
-      r.value = t, b.value.increment(t);
+      r.value = t, S.value.increment(t);
     }, { deep: !0 }), D(r, (t) => {
-      typeof e.beforeEmitUpdate == "function" && e.beforeEmitUpdate(r.value), n("update:modelValue", r.value), b.value.increment(t);
-    }, { deep: !0 }), D(S, () => n("perms", S.value));
-    const x = d(() => te.value || !a.value && !_.value || typeof e.saveValidator == "function" && !e.saveValidator(r.value) ? !1 : b.value.changed());
-    D(x, (t) => n("modified-data", t)), D(a, (t) => n("update:isCreate", t)), e.readResource && !a.value ? M() : a.value && (f.value = !0, v.value = !0, o.value = !1);
-    const le = (t, l) => {
-      if (o.value = !1, i.value = l.httpStatus, !l.success) {
-        m.value = !0, n("error", l.httpStatus);
+      if (i("item updated ->", r.value), typeof e.beforeEmitUpdate == "function") {
+        i("item updated -> has beforeEmitUpdate");
+        let a = e.beforeEmitUpdate(r.value);
+        typeof a == "object" && (r.value = a);
+      }
+      n("update:modelValue", r.value), i("item updated -> update dataState"), S.value.increment(t);
+    }, { deep: !0 }), D(b, () => n("perms", b.value));
+    const x = d(() => te.value || !l.value && !_.value || typeof e.saveValidator == "function" && !e.saveValidator(r.value) ? !1 : S.value.changed());
+    D(x, (t) => n("modified-data", t)), D(l, (t) => n("update:isCreate", t)), e.readResource && !l.value ? M() : l.value && (p.value = !0, f.value = !0, o.value = !1);
+    const le = (t, a) => {
+      if (o.value = !1, c.value = a.httpStatus, !a.success) {
+        m.value = !0, n("error", a.httpStatus);
         return;
       }
-      m.value = !0, n("drop", l);
-    }, ue = (t, l) => {
-      if (p("onSave -> received response:", l), $.value) {
-        if (o.value = !1, i.value = l.httpStatus, !l.success) {
-          m.value = !0, n("error", l.httpStatus);
+      m.value = !0, n("drop", a);
+    }, ue = (t, a) => {
+      if (i("onSave -> received response:", a), $.value) {
+        if (o.value = !1, c.value = a.httpStatus, !a.success) {
+          m.value = !0, n("error", a.httpStatus);
           return;
         }
         m.value = !0;
       }
-      let k = a.value ? "create" : "update";
-      a.value || (p("onSave -> turn stored data into original"), b.value.turnStoredIntoOriginal()), k === "create" ? typeof e.onCreate == "function" && (p("onSave -> trigger onCreate callback"), e.onCreate(l)) : typeof e.onUpdate == "function" && (p("onSave -> trigger onUpdate callback"), e.onUpdate(l)), !e.insideModal && l.autoReloadId && (p("onSave -> autoReloadId detected: ", l.autoReloadId), e.readData.id = l.autoReloadId, p("onSave -> turning off create mode"), a.value = !1, M()), n(k, l);
+      let k = l.value ? "create" : "update";
+      l.value || (i("onSave -> turn stored data into original"), S.value.turnStoredIntoOriginal()), k === "create" ? typeof e.onCreate == "function" && (i("onSave -> trigger onCreate callback"), e.onCreate(a)) : typeof e.onUpdate == "function" && (i("onSave -> trigger onUpdate callback"), e.onUpdate(a)), !e.insideModal && a.autoReloadId && (i("onSave -> autoReloadId detected: ", a.autoReloadId), e.readData.id = a.autoReloadId, i("onSave -> turning off create mode"), l.value = !1, M()), n(k, a);
     }, F = () => {
-      o.value = !0, i.value = -1;
+      o.value = !0, c.value = -1;
     }, J = () => {
       o.value = !1;
     };
@@ -108,11 +113,11 @@ const p = (...u) => {
         C.value && typeof C.value.click == "function" && C.value.click();
       }
     });
-    const A = d(() => !e.hiddenDrop && !o.value && v.value && f.value), H = d(() => o.value ? !1 : a.value ? !0 : !e.hiddenSave && v.value && f.value), P = d(() => !o.value && !a.value && f.value && !(e.dropDisabled && e.updateDisabled)), oe = d(() => !e.hiddenButtons && (H.value || A.value || P.value));
-    return (t, l) => {
+    const A = d(() => !e.hiddenDrop && !o.value && f.value && p.value), H = d(() => o.value ? !1 : l.value ? !0 : !e.hiddenSave && f.value && p.value), P = d(() => !o.value && !l.value && p.value && !(e.dropDisabled && e.updateDisabled)), oe = d(() => !e.hiddenButtons && (H.value || A.value || P.value));
+    return (t, a) => {
       const k = q("lkt-button"), re = q("lkt-field-switch"), z = q("lkt-http-info"), de = q("lkt-loader");
-      return c(), h("article", ve, [
-        ae.value ? (c(), h("header", fe, [
+      return v(), h("article", ve, [
+        ae.value ? (v(), h("header", fe, [
           E("h1", pe, j(u.title), 1),
           E("div", me, [
             w(t.$slots, "post-title", {
@@ -122,7 +127,7 @@ const p = (...u) => {
           ])
         ])) : g("", !0),
         O(E("div", ye, [
-          a.value ? g("", !0) : O((c(), V(k, {
+          l.value ? g("", !0) : O((v(), V(k, {
             key: 0,
             ref: (y) => B.value = y,
             palette: "danger",
@@ -139,11 +144,11 @@ const p = (...u) => {
               K(L)["button-drop"] ? w(t.$slots, "button-drop", {
                 key: 0,
                 item: r.value,
-                editMode: v.value,
-                isCreate: a.value,
+                editMode: f.value,
+                isCreate: l.value,
                 canUpdate: _.value,
                 canDrop: R.value
-              }) : (c(), h("span", he, j(u.dropText), 1))
+              }) : (v(), h("span", he, j(u.dropText), 1))
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data"])), [
@@ -165,19 +170,19 @@ const p = (...u) => {
               K(L)["button-save"] ? w(t.$slots, "button-save", {
                 key: 0,
                 item: r.value,
-                editMode: v.value,
-                isCreate: a.value,
+                editMode: f.value,
+                isCreate: l.value,
                 canUpdate: _.value,
                 canDrop: R.value
-              }) : (c(), h("span", Se, j(u.saveText), 1))
+              }) : (v(), h("span", be, j(u.saveText), 1))
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data"]), [
             [I, H.value]
           ]),
           O(Q(re, {
-            modelValue: v.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (y) => v.value = y),
+            modelValue: f.value,
+            "onUpdate:modelValue": a[0] || (a[0] = (y) => f.value = y),
             label: u.editModeText
           }, null, 8, ["modelValue", "label"]), [
             [I, P.value]
@@ -185,30 +190,30 @@ const p = (...u) => {
         ], 512), [
           [I, oe.value]
         ]),
-        o.value ? g("", !0) : (c(), h("div", be, [
-          f.value ? (c(), h("div", ke, [
-            m.value ? (c(), V(z, {
+        o.value ? g("", !0) : (v(), h("div", Se, [
+          p.value ? (v(), h("div", ke, [
+            m.value ? (v(), V(z, {
               key: 0,
-              code: i.value,
+              code: c.value,
               quick: "",
-              palette: i.value === 200 ? "success" : "danger",
+              palette: c.value === 200 ? "success" : "danger",
               "can-close": "",
-              onClose: l[1] || (l[1] = (y) => m.value = !1)
+              onClose: a[1] || (a[1] = (y) => m.value = !1)
             }, null, 8, ["code", "palette"])) : g("", !0),
             w(t.$slots, "item", {
               item: r.value,
               loading: o.value,
-              editMode: v.value,
-              isCreate: a.value,
+              editMode: f.value,
+              isCreate: l.value,
               canUpdate: _.value,
               canDrop: R.value
             })
-          ])) : (c(), V(z, {
+          ])) : (v(), V(z, {
             key: 1,
-            code: i.value
+            code: c.value
           }, null, 8, ["code"]))
         ])),
-        o.value ? (c(), V(de, { key: 2 })) : g("", !0)
+        o.value ? (v(), V(de, { key: 2 })) : g("", !0)
       ]);
     };
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-item-crud",
-  "version": "1.1.13",
+  "version": "1.1.15",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",

package/src/lib-components/LktItemCrud.vue

@@ -140,8 +140,14 @@ watch(() => props.modelValue, v => {
 }, {deep: true});
 
 watch(item, (v) => {
-    if (typeof props.beforeEmitUpdate === 'function') props.beforeEmitUpdate(item.value);
+    debug('item updated ->', item.value);
+    if (typeof props.beforeEmitUpdate === 'function') {
+        debug('item updated -> has beforeEmitUpdate');
+        let override = props.beforeEmitUpdate(item.value);
+        if (typeof override === 'object') item.value = override;
+    }
     emit('update:modelValue', item.value);
+    debug('item updated -> update dataState');
     dataState.value.increment(v);
 }, {deep: true});