lkt-item-crud 1.0.11 → 1.1.0

package/dist/lkt-item-crud.es.js

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

package/dist/lkt-item-crud.umd.js

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

package/dist/types/index.d.ts

@@ -1,6 +0,0 @@
-import { App } from "vue";
-import "./../lkt-item-crud.css";
-declare const LktItemCrud: {
-    install: (app: App, options?: {}) => void;
-};
-export default LktItemCrud;