lkt-item-crud 1.1.2 → 1.1.4

package/dist/build.d.ts

@@ -1,4 +1,4 @@
 export { Be as default };
 declare namespace Be {
-    function install(a: any, N?: {}): void;
+    function install(a: any, U?: {}): void;
 }

package/dist/build.js

@@ -1,17 +1,17 @@
-import { defineComponent as re, useSlots as ue, ref as n, computed as o, watch as B, resolveComponent as w, openBlock as i, createElementBlock as m, createElementVNode as M, toDisplayString as I, renderSlot as R, createCommentVNode as C, withDirectives as V, createBlock as _, withCtx as F, unref as H, vShow as q, createVNode as P } from "vue";
+import { defineComponent as ue, useSlots as re, ref as s, computed as o, watch as B, resolveComponent as w, openBlock as i, createElementBlock as m, createElementVNode as j, toDisplayString as M, renderSlot as O, createCommentVNode as h, withDirectives as R, createBlock as V, withCtx as A, unref as H, vShow as q, createVNode as P } from "vue";
 import { httpCall as oe } from "lkt-http-client";
 import { DataState as de } from "lkt-data-state";
-const se = { class: "lkt-item-crud" }, ne = {
+const ne = { class: "lkt-item-crud" }, se = {
   key: 0,
   class: "lkt-item-crud_header"
-}, ie = { class: "lkt-item-crud_header-title" }, ce = { class: "lkt-item-crud_header-slot" }, ve = { class: "lkt-item-crud-buttons" }, fe = { key: 1 }, pe = { key: 1 }, me = {
+}, ie = { class: "lkt-item-crud_header-title" }, ce = { class: "lkt-item-crud_header-slot" }, fe = { class: "lkt-item-crud-buttons" }, ve = { key: 1 }, pe = { key: 1 }, me = {
   key: 1,
   class: "lkt-item-crud_content"
 }, ye = {
   key: 0,
   class: "lkt-grid-1"
-}, he = { name: "LktItemCrud", inheritAttrs: !1 }, Ce = /* @__PURE__ */ re({
-  ...he,
+}, Ce = { name: "LktItemCrud", inheritAttrs: !1 }, he = /* @__PURE__ */ ue({
+  ...Ce,
   props: {
     modelValue: { type: Object, required: !1, default: () => ({}) },
     title: { type: String, default: "" },
@@ -33,61 +33,63 @@ const se = { class: "lkt-item-crud" }, ne = {
     createConfirm: { type: String, default: "" },
     updateConfirm: { type: String, default: "" },
     dropConfirm: { type: String, default: "" },
-    createConfirmData: { type: String, default: "" },
-    updateConfirmData: { type: String, default: "" },
-    dropConfirmData: { type: String, default: "" },
+    createConfirmData: { type: Object, default: () => ({}) },
+    updateConfirmData: { type: Object, default: () => ({}) },
+    dropConfirmData: { type: Object, default: () => ({}) },
     createDisabled: { type: Boolean, default: !1 },
     updateDisabled: { type: Boolean, default: !1 },
     dropDisabled: { type: Boolean, default: !1 },
-    saveValidator: { type: Function, required: !1, default: () => !0 }
+    saveValidator: { type: Function, required: !1, default: () => !0 },
+    onCreate: { type: Function, required: !1, default: () => !0 },
+    onUpdate: { type: Function, required: !1, default: () => !0 }
   },
   emits: ["update:modelValue", "read", "create", "update", "drop", "perms", "error", "modified-data"],
-  setup(a, { expose: N, emit: z }) {
-    const e = a, O = ue(), d = z;
+  setup(a, { expose: U, emit: z }) {
+    const e = a, _ = re(), d = z;
     let G = [];
-    const l = n(!0), u = n(e.modelValue), y = n(G), c = n(!1), v = n(!1), f = n(!1), s = n(200), S = n(null), k = n(null), h = n(new de(u.value)), K = o(() => e.isCreate ? e.createConfirm : e.updateConfirm), Q = o(() => e.isCreate ? e.createConfirmData : e.updateConfirmData), T = o(() => e.isCreate ? e.createResource : e.updateResource), W = o(() => e.isCreate ? { ...e.createData, ...JSON.parse(JSON.stringify(u.value)) } : { ...e.updateData, ...JSON.parse(JSON.stringify(u.value)) }), X = o(() => e.isCreate ? e.createDisabled : e.updateDisabled), D = o(() => !e.isCreate && y.value.includes("update")), g = o(() => !e.isCreate && y.value.includes("drop")), L = async () => {
-      l.value = !0, s.value = -1, f.value = !1;
+    const l = s(!0), r = s(e.modelValue), y = s(G), c = s(!1), f = s(!1), v = s(!1), n = s(200), S = s(null), k = s(null), C = s(new de(r.value)), K = o(() => e.isCreate ? e.createConfirm : e.updateConfirm), Q = o(() => e.isCreate ? e.createConfirmData : e.updateConfirmData), I = o(() => e.isCreate ? e.createResource : e.updateResource), W = o(() => e.isCreate ? { ...e.createData, ...JSON.parse(JSON.stringify(r.value)) } : { ...e.updateData, ...JSON.parse(JSON.stringify(r.value)) }), X = o(() => e.isCreate ? e.createDisabled : e.updateDisabled), D = o(() => !e.isCreate && y.value.includes("update")), b = o(() => !e.isCreate && y.value.includes("drop")), L = async () => {
+      l.value = !0, n.value = -1, v.value = !1;
       try {
         const t = await oe(e.readResource, e.readData);
-        if (l.value = !1, s.value = t.httpStatus, !t.success) {
-          v.value = !1, s.value = t.httpStatus, d("error", t.httpStatus);
+        if (l.value = !1, n.value = t.httpStatus, !t.success) {
+          f.value = !1, n.value = t.httpStatus, d("error", t.httpStatus);
           return;
         }
-        v.value = !0, u.value = t.data, y.value = t.perms, h.value.increment(u.value).turnStoredIntoOriginal(), d("read", t);
+        f.value = !0, r.value = t.data, y.value = t.perms, C.value.increment(r.value).turnStoredIntoOriginal(), d("read", t);
       } catch {
-        l.value = !1, v.value = !1, s.value = 404, d("error", 404);
+        l.value = !1, f.value = !1, n.value = 404, d("error", 404);
         return;
       }
-    }, Y = o(() => l.value ? !1 : e.title || !!O["post-title"]);
+    }, Y = o(() => l.value ? !1 : e.title || !!_["post-title"]);
     B(() => e.modelValue, (t) => {
-      u.value = t, h.value.increment(t);
-    }, { deep: !0 }), B(u, (t) => {
-      d("update:modelValue", u.value), h.value.increment(t);
+      r.value = t, C.value.increment(t);
+    }, { deep: !0 }), B(r, (t) => {
+      d("update:modelValue", r.value), C.value.increment(t);
     }, { deep: !0 }), B(y, () => d("perms", y.value));
-    const $ = o(() => X.value || !e.isCreate && !D.value || typeof e.saveValidator == "function" && !e.saveValidator(u.value) ? !1 : h.value.changed());
-    B($, (t) => d("modified-data", t)), e.readResource && !e.isCreate ? L() : e.isCreate && (v.value = !0, c.value = !0, l.value = !1);
-    const Z = (t, r) => {
-      if (l.value = !1, s.value = r.httpStatus, !r.success) {
-        f.value = !0, d("error", r.httpStatus);
+    const N = o(() => X.value || !e.isCreate && !D.value || typeof e.saveValidator == "function" && !e.saveValidator(r.value) ? !1 : C.value.changed());
+    B(N, (t) => d("modified-data", t)), e.readResource && !e.isCreate ? L() : e.isCreate && (f.value = !0, c.value = !0, l.value = !1);
+    const Z = (t, u) => {
+      if (l.value = !1, n.value = u.httpStatus, !u.success) {
+        v.value = !0, d("error", u.httpStatus);
         return;
       }
-      f.value = !0, d("drop", r);
-    }, ee = (t, r) => {
-      if (T.value) {
-        if (l.value = !1, s.value = r.httpStatus, !r.success) {
-          f.value = !0, d("error", r.httpStatus);
+      v.value = !0, d("drop", u);
+    }, ee = (t, u) => {
+      if (I.value) {
+        if (l.value = !1, n.value = u.httpStatus, !u.success) {
+          v.value = !0, d("error", u.httpStatus);
           return;
         }
-        f.value = !0;
+        v.value = !0;
       }
-      let b = e.isCreate ? "create" : "update";
-      e.isCreate || h.value.turnStoredIntoOriginal(), r.autoReloadId && (e.readData.id = r.autoReloadId, L()), d(b, r);
-    }, x = () => {
-      l.value = !0, s.value = -1;
-    }, j = () => {
+      let g = e.isCreate ? "create" : "update";
+      e.isCreate || C.value.turnStoredIntoOriginal(), u.autoReloadId && (e.readData.id = u.autoReloadId, L()), e.isCreate && typeof e.onCreate == "function" && e.onCreate(), !e.isCreate && typeof e.onUpdate == "function" && e.onUpdate(), d(g, u);
+    }, T = () => {
+      l.value = !0, n.value = -1;
+    }, $ = () => {
       l.value = !1;
     };
-    N({
+    U({
       doDrop: () => {
         k.value && typeof k.value.click == "function" && k.value.click();
       },
@@ -96,76 +98,76 @@ const se = { class: "lkt-item-crud" }, ne = {
         S.value && typeof S.value.click == "function" && S.value.click();
       }
     });
-    const U = o(() => !e.hiddenDrop && !l.value && c.value && v.value), J = o(() => l.value ? !1 : e.isCreate ? !0 : !e.hiddenSave && c.value && v.value), E = o(() => !l.value && !e.isCreate && v.value), te = o(() => !e.hiddenButtons && (J.value || U.value || E.value));
-    return (t, r) => {
-      const b = w("lkt-button"), ae = w("lkt-field-switch"), A = w("lkt-http-info"), le = w("lkt-loader");
-      return i(), m("article", se, [
-        Y.value ? (i(), m("header", ne, [
-          M("h1", ie, I(a.title), 1),
-          M("div", ce, [
-            R(t.$slots, "post-title", {
-              item: u.value,
+    const x = o(() => !e.hiddenDrop && !l.value && c.value && f.value), J = o(() => l.value ? !1 : e.isCreate ? !0 : !e.hiddenSave && c.value && f.value), E = o(() => !l.value && !e.isCreate && f.value), te = o(() => !e.hiddenButtons && (J.value || x.value || E.value));
+    return (t, u) => {
+      const g = w("lkt-button"), ae = w("lkt-field-switch"), F = w("lkt-http-info"), le = w("lkt-loader");
+      return i(), m("article", ne, [
+        Y.value ? (i(), m("header", se, [
+          j("h1", ie, M(a.title), 1),
+          j("div", ce, [
+            O(t.$slots, "post-title", {
+              item: r.value,
               loading: l.value
             })
           ])
-        ])) : C("", !0),
-        V(M("div", ve, [
-          a.isCreate ? C("", !0) : V((i(), _(b, {
+        ])) : h("", !0),
+        R(j("div", fe, [
+          a.isCreate ? h("", !0) : R((i(), V(g, {
             key: 0,
             ref: (p) => k.value = p,
             palette: "danger",
-            disabled: a.dropDisabled || !g.value,
+            disabled: a.dropDisabled || !b.value,
             "confirm-modal": a.dropConfirm,
             "confirm-data": a.dropConfirmData,
             resource: a.dropResource,
             "resource-data": a.dropData,
-            onLoading: x,
-            onLoaded: j,
+            onLoading: T,
+            onLoaded: $,
             onClick: Z
           }, {
-            default: F(() => [
-              H(O)["button-drop"] ? R(t.$slots, "button-drop", {
+            default: A(() => [
+              H(_)["button-drop"] ? O(t.$slots, "button-drop", {
                 key: 0,
-                item: u.value,
+                item: r.value,
                 editMode: c.value,
                 isCreate: a.isCreate,
                 canUpdate: D.value,
-                canDrop: g.value
-              }) : (i(), m("span", fe, I(a.dropText), 1))
+                canDrop: b.value
+              }) : (i(), m("span", ve, M(a.dropText), 1))
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data"])), [
-            [q, U.value]
+            [q, x.value]
           ]),
-          V(P(b, {
+          R(P(g, {
             ref: (p) => S.value = p,
             palette: "success",
-            disabled: !$.value,
+            disabled: !N.value,
             "confirm-modal": K.value,
             "confirm-data": Q.value,
-            resource: T.value,
+            resource: I.value,
             "resource-data": W.value,
-            onLoading: x,
-            onLoaded: j,
+            onLoading: T,
+            onLoaded: $,
             onClick: ee
           }, {
-            default: F(() => [
-              H(O)["button-save"] ? R(t.$slots, "button-save", {
+            default: A(() => [
+              H(_)["button-save"] ? O(t.$slots, "button-save", {
                 key: 0,
-                item: u.value,
+                item: r.value,
                 editMode: c.value,
                 isCreate: a.isCreate,
                 canUpdate: D.value,
-                canDrop: g.value
-              }) : (i(), m("span", pe, I(a.saveText), 1))
+                canDrop: b.value
+              }) : (i(), m("span", pe, M(a.saveText), 1))
             ]),
             _: 3
           }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data"]), [
             [q, J.value]
           ]),
-          V(P(ae, {
+          R(P(ae, {
             modelValue: c.value,
-            "onUpdate:modelValue": r[0] || (r[0] = (p) => c.value = p),
+            "onUpdate:modelValue": u[0] || (u[0] = (p) => c.value = p),
             label: a.editModeText
           }, null, 8, ["modelValue", "label"]), [
             [q, E.value]
@@ -173,36 +175,36 @@ const se = { class: "lkt-item-crud" }, ne = {
         ], 512), [
           [q, te.value]
         ]),
-        l.value ? C("", !0) : (i(), m("div", me, [
-          v.value ? (i(), m("div", ye, [
-            f.value ? (i(), _(A, {
+        l.value ? h("", !0) : (i(), m("div", me, [
+          f.value ? (i(), m("div", ye, [
+            v.value ? (i(), V(F, {
               key: 0,
-              code: s.value,
+              code: n.value,
               quick: "",
-              palette: s.value === 200 ? "success" : "danger",
+              palette: n.value === 200 ? "success" : "danger",
               "can-close": "",
-              onClose: r[1] || (r[1] = (p) => f.value = !1)
-            }, null, 8, ["code", "palette"])) : C("", !0),
-            R(t.$slots, "item", {
-              item: u.value,
+              onClose: u[1] || (u[1] = (p) => v.value = !1)
+            }, null, 8, ["code", "palette"])) : h("", !0),
+            O(t.$slots, "item", {
+              item: r.value,
               loading: l.value,
               editMode: c.value,
               isCreate: a.isCreate,
               canUpdate: D.value,
-              canDrop: g.value
+              canDrop: b.value
             })
-          ])) : (i(), _(A, {
+          ])) : (i(), V(F, {
             key: 1,
-            code: s.value
+            code: n.value
           }, null, 8, ["code"]))
         ])),
-        l.value ? (i(), _(le, { key: 2 })) : C("", !0)
+        l.value ? (i(), V(le, { key: 2 })) : h("", !0)
       ]);
     };
   }
 }), Be = {
-  install: (a, N = {}) => {
-    a.component("lkt-item-crud") === void 0 && a.component("lkt-item-crud", Ce);
+  install: (a, U = {}) => {
+    a.component("lkt-item-crud") === void 0 && a.component("lkt-item-crud", he);
   }
 };
 export {

package/dist/lib-components/LktItemCrud.vue.d.ts

@@ -85,16 +85,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     createConfirmData: {
-        type: StringConstructor;
-        default: string;
+        type: ObjectConstructor;
+        default: () => {};
     };
     updateConfirmData: {
-        type: StringConstructor;
-        default: string;
+        type: ObjectConstructor;
+        default: () => {};
     };
     dropConfirmData: {
-        type: StringConstructor;
-        default: string;
+        type: ObjectConstructor;
+        default: () => {};
     };
     createDisabled: {
         type: BooleanConstructor;
@@ -113,6 +113,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: false;
         default: () => boolean;
     };
+    onCreate: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
+    onUpdate: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
 }, {
     doDrop: () => void;
     doRefresh: () => Promise<void>;
@@ -213,16 +223,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     createConfirmData: {
-        type: StringConstructor;
-        default: string;
+        type: ObjectConstructor;
+        default: () => {};
     };
     updateConfirmData: {
-        type: StringConstructor;
-        default: string;
+        type: ObjectConstructor;
+        default: () => {};
     };
     dropConfirmData: {
-        type: StringConstructor;
-        default: string;
+        type: ObjectConstructor;
+        default: () => {};
     };
     createDisabled: {
         type: BooleanConstructor;
@@ -241,6 +251,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: false;
         default: () => boolean;
     };
+    onCreate: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
+    onUpdate: {
+        type: FunctionConstructor;
+        required: false;
+        default: () => boolean;
+    };
 }>> & {
     onError?: ((...args: any[]) => any) | undefined;
     onDrop?: ((...args: any[]) => any) | undefined;
@@ -252,6 +272,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onModified-data"?: ((...args: any[]) => any) | undefined;
 }, {
     title: string;
+    onUpdate: Function;
+    onCreate: Function;
     modelValue: Record<string, any>;
     editModeText: string;
     saveText: string;
@@ -267,9 +289,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     createConfirm: string;
     updateConfirm: string;
     dropConfirm: string;
-    createConfirmData: string;
-    updateConfirmData: string;
-    dropConfirmData: string;
+    createConfirmData: Record<string, any>;
+    updateConfirmData: Record<string, any>;
+    dropConfirmData: Record<string, any>;
     createDisabled: boolean;
     updateDisabled: boolean;
     dropDisabled: boolean;

package/package.json

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

package/src/lib-components/LktItemCrud.vue

@@ -33,15 +33,18 @@ const props = defineProps({
     updateConfirm: {type: String, default: ''},
     dropConfirm: {type: String, default: ''},
 
-    createConfirmData: {type: String, default: ''},
-    updateConfirmData: {type: String, default: ''},
-    dropConfirmData: {type: String, default: ''},
+    createConfirmData: {type: Object, default: () => ({})},
+    updateConfirmData: {type: Object, default: () => ({})},
+    dropConfirmData: {type: Object, default: () => ({})},
 
     createDisabled: {type: Boolean, default: false},
     updateDisabled: {type: Boolean, default: false},
     dropDisabled: {type: Boolean, default: false},
 
     saveValidator: {type: Function, required: false, default: () => true},
+
+    onCreate: {type: Function, required: false, default: () => true},
+    onUpdate: {type: Function, required: false, default: () => true},
 });
 
 const slots = useSlots();
@@ -186,8 +189,9 @@ const onDrop = ($event: PointerEvent, r: HTTPResponse) => {
             props.readData['id'] = r.autoReloadId;
             fetchItem();
         }
+        if (props.isCreate && typeof props.onCreate === 'function') props.onCreate();
+        if (!props.isCreate && typeof props.onUpdate === 'function') props.onUpdate();
         emit(emits, r)
-
     },
     onButtonLoading = () => {
         isLoading.value = true;