lkt-item-crud 1.1.7 → 1.1.9

package/dist/build.js

@@ -1,4 +1,4 @@
-import { defineComponent as ne, useSlots as se, ref as s, computed as d, watch as b, resolveComponent as w, openBlock as c, createElementBlock as h, createElementVNode as j, toDisplayString as N, renderSlot as O, createCommentVNode as D, withDirectives as V, createBlock as q, 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 w, openBlock as c, createElementBlock as h, createElementVNode as j, toDisplayString as N, renderSlot as O, createCommentVNode as g, withDirectives as V, createBlock as q, 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 T = class T {
@@ -6,7 +6,7 @@ const T = class T {
 T.debugEnabled = !1;
 let L = T;
 const p = (...u) => {
-  L.debugEnabled && console.info("[LktHttpClient] ", ...u);
+  L.debugEnabled && console.info("[LktItemCrud] ", ...u);
 }, Oe = (u = !0) => {
   L.debugEnabled = u;
 }, ve = { class: "lkt-item-crud" }, fe = {
@@ -55,7 +55,7 @@ const p = (...u) => {
   setup(u, { expose: $, emit: W }) {
     const e = u, M = 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), g = s(null), C = s(null), k = 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), x = 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), B = d(() => !a.value && S.value.includes("update")), _ = d(() => !a.value && S.value.includes("drop")), U = async () => {
+    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), k = 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), x = 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")), U = async () => {
       p("fetchItem"), o.value = !0, i.value = -1, m.value = !1;
       try {
         const t = await ie(e.readResource, e.readData);
@@ -69,13 +69,13 @@ const p = (...u) => {
         return;
       }
     }, ae = d(() => o.value ? !1 : e.title || !!M["post-title"]);
-    b(() => e.modelValue, (t) => {
+    D(() => e.modelValue, (t) => {
       r.value = t, k.value.increment(t);
-    }, { deep: !0 }), b(r, (t) => {
+    }, { deep: !0 }), D(r, (t) => {
       n("update:modelValue", r.value), k.value.increment(t);
-    }, { deep: !0 }), b(S, () => n("perms", S.value));
-    const E = d(() => te.value || !a.value && !B.value || typeof e.saveValidator == "function" && !e.saveValidator(r.value) ? !1 : k.value.changed());
-    b(E, (t) => n("modified-data", t)), b(a, (t) => n("update:isCreate", t)), e.readResource && !a.value ? U() : a.value && (f.value = !0, v.value = !0, o.value = !1);
+    }, { deep: !0 }), D(S, () => n("perms", S.value));
+    const E = d(() => te.value || !a.value && !_.value || typeof e.saveValidator == "function" && !e.saveValidator(r.value) ? !1 : k.value.changed());
+    D(E, (t) => n("modified-data", t)), D(a, (t) => n("update:isCreate", t)), e.readResource && !a.value ? U() : 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);
@@ -90,8 +90,8 @@ const p = (...u) => {
         }
         m.value = !0;
       }
-      let R = a.value ? "create" : "update";
-      a.value || (p("onSave -> turn stored data into original"), k.value.turnStoredIntoOriginal()), l.autoReloadId && (p("onSave -> autoReloadId detected: ", l.autoReloadId), e.readData.id = l.autoReloadId, p("onSave -> turning off create mode"), a.value = !1, U()), a.value ? typeof e.onCreate == "function" && (p("onSave -> trigger onCreate callback"), e.onCreate()) : typeof e.onUpdate == "function" && (p("onSave -> trigger onUpdate callback"), e.onUpdate()), n(R, l);
+      let b = a.value ? "create" : "update";
+      a.value || (p("onSave -> turn stored data into original"), k.value.turnStoredIntoOriginal()), l.autoReloadId && (p("onSave -> autoReloadId detected: ", l.autoReloadId), e.readData.id = l.autoReloadId, p("onSave -> turning off create mode"), a.value = !1, U()), b === "create" ? typeof e.onCreate == "function" && (p("onSave -> trigger onCreate callback"), e.onCreate()) : typeof e.onUpdate == "function" && (p("onSave -> trigger onUpdate callback"), e.onUpdate()), n(b, l);
     }, J = () => {
       o.value = !0, i.value = -1;
     }, F = () => {
@@ -99,16 +99,16 @@ const p = (...u) => {
     };
     $({
       doDrop: () => {
-        C.value && typeof C.value.click == "function" && C.value.click();
+        B.value && typeof B.value.click == "function" && B.value.click();
       },
       doRefresh: U,
       doSave: () => {
-        g.value && typeof g.value.click == "function" && g.value.click();
+        C.value && typeof C.value.click == "function" && C.value.click();
       }
     });
-    const H = d(() => !e.hiddenDrop && !o.value && v.value && f.value), A = d(() => o.value ? !1 : a.value ? !0 : !e.hiddenSave && v.value && f.value), P = d(() => !o.value && !a.value && f.value), oe = d(() => !e.hiddenButtons && (A.value || H.value || P.value));
+    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), oe = d(() => !e.hiddenButtons && (H.value || A.value || P.value));
     return (t, l) => {
-      const R = w("lkt-button"), re = w("lkt-field-switch"), z = w("lkt-http-info"), de = w("lkt-loader");
+      const b = w("lkt-button"), re = w("lkt-field-switch"), z = w("lkt-http-info"), de = w("lkt-loader");
       return c(), h("article", ve, [
         ae.value ? (c(), h("header", fe, [
           j("h1", pe, N(u.title), 1),
@@ -118,13 +118,13 @@ const p = (...u) => {
               loading: o.value
             })
           ])
-        ])) : D("", !0),
+        ])) : g("", !0),
         V(j("div", ye, [
-          a.value ? D("", !0) : V((c(), q(R, {
+          a.value ? g("", !0) : V((c(), q(b, {
             key: 0,
-            ref: (y) => C.value = y,
+            ref: (y) => B.value = y,
             palette: "danger",
-            disabled: u.dropDisabled || !_.value,
+            disabled: u.dropDisabled || !R.value,
             "confirm-modal": u.dropConfirm,
             "confirm-data": u.dropConfirmData,
             resource: u.dropResource,
@@ -139,16 +139,16 @@ const p = (...u) => {
                 item: r.value,
                 editMode: v.value,
                 isCreate: a.value,
-                canUpdate: B.value,
-                canDrop: _.value
+                canUpdate: _.value,
+                canDrop: R.value
               }) : (c(), h("span", he, N(u.dropText), 1))
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data"])), [
-            [I, H.value]
+            [I, A.value]
           ]),
-          V(Q(R, {
-            ref: (y) => g.value = y,
+          V(Q(b, {
+            ref: (y) => C.value = y,
             palette: "success",
             disabled: !E.value,
             "confirm-modal": Y.value,
@@ -165,13 +165,13 @@ const p = (...u) => {
                 item: r.value,
                 editMode: v.value,
                 isCreate: a.value,
-                canUpdate: B.value,
-                canDrop: _.value
+                canUpdate: _.value,
+                canDrop: R.value
               }) : (c(), h("span", Se, N(u.saveText), 1))
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data"]), [
-            [I, A.value]
+            [I, H.value]
           ]),
           V(Q(re, {
             modelValue: v.value,
@@ -183,7 +183,7 @@ const p = (...u) => {
         ], 512), [
           [I, oe.value]
         ]),
-        o.value ? D("", !0) : (c(), h("div", ke, [
+        o.value ? g("", !0) : (c(), h("div", ke, [
           f.value ? (c(), h("div", be, [
             m.value ? (c(), q(z, {
               key: 0,
@@ -192,21 +192,21 @@ const p = (...u) => {
               palette: i.value === 200 ? "success" : "danger",
               "can-close": "",
               onClose: l[1] || (l[1] = (y) => m.value = !1)
-            }, null, 8, ["code", "palette"])) : D("", !0),
+            }, null, 8, ["code", "palette"])) : g("", !0),
             O(t.$slots, "item", {
               item: r.value,
               loading: o.value,
               editMode: v.value,
               isCreate: a.value,
-              canUpdate: B.value,
-              canDrop: _.value
+              canUpdate: _.value,
+              canDrop: R.value
             })
           ])) : (c(), q(z, {
             key: 1,
             code: i.value
           }, null, 8, ["code"]))
         ])),
-        o.value ? (c(), q(de, { key: 2 })) : D("", !0)
+        o.value ? (c(), q(de, { key: 2 })) : g("", !0)
       ]);
     };
   }

package/package.json

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

package/src/lib-components/LktItemCrud.vue

@@ -199,7 +199,7 @@ const onDrop = ($event: PointerEvent, r: HTTPResponse) => {
             createMode.value = false;
             fetchItem();
         }
-        if (createMode.value) {
+        if (emits === 'create') {
             if (typeof props.onCreate === 'function') {
                 debug('onSave -> trigger onCreate callback');
                 props.onCreate();