lkt-item-crud 1.0.0 → 1.0.1

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

@@ -19,43 +19,49 @@ const b = { class: "lkt-item-crud" }, j = {
   },
   emits: ["update:modelValue", "read", "create", "update", "drop", "perms"],
   setup(u, { expose: _, emit: y }) {
-    const r = u, R = w(), s = y, t = p(!0), o = p(r.modelValue), n = p([]), i = async () => (t.value = !0, await d(r.readResource, r.readData).then((e) => {
-      t.value = !1, o.value = e.data, n.value = e.perms, s("read", e);
-    })), S = I(() => t.value ? !1 : r.title || !!R["post-title"]);
-    m(() => r.modelValue, (e) => o.value = e), m(o, () => s("update:modelValue", o.value)), m(n, () => s("perms", n.value));
-    const g = async (e) => {
-      const l = r.createResource;
-      return t.value = !0, await d(l, { ...e }).then((a) => {
+    const r = u, g = w(), s = y, t = p(!0), l = p(r.modelValue), n = p([]), i = async () => (t.value = !0, await d(r.readResource, r.readData).then((e) => {
+      t.value = !1, l.value = e.data, n.value = e.perms, s("read", e);
+    })), R = I(() => t.value ? !1 : r.title || !!g["post-title"]);
+    m(() => r.modelValue, (e) => l.value = e), m(l, () => s("update:modelValue", l.value)), m(n, () => s("perms", n.value));
+    const S = async (e) => {
+      const o = r.createResource;
+      return t.value = !0, await d(o, { ...e }).then((a) => {
         t.value = !1, s("create", a);
       });
     }, C = async (e) => {
-      const l = r.updateResource;
-      return t.value = !0, await d(l, { ...e }).then((a) => {
+      const o = r.updateResource;
+      return t.value = !0, await d(o, { ...e }).then((a) => {
         t.value = !1, s("update", a);
       });
     }, V = async (e) => {
-      const l = r.dropResource;
-      return t.value = !0, await d(l, { ...e }).then((a) => {
+      const o = r.dropResource;
+      return t.value = !0, await d(o, { ...e }).then((a) => {
         t.value = !1, s("drop", a);
       });
     };
     return r.readResource && i(), _({
       fetchItem: i,
-      create: g,
+      create: S,
       update: C,
       drop: V,
       refresh: i
-    }), (e, l) => {
+    }), (e, o) => {
       const a = B("lkt-loader");
       return c(), f("article", b, [
-        S.value ? (c(), f("header", j, [
+        R.value ? (c(), f("header", j, [
           h("h1", E, D(u.title), 1),
           h("div", N, [
-            k(e.$slots, "post-title", { item: o.value })
+            k(e.$slots, "post-title", {
+              item: l.value,
+              loading: t.value
+            })
           ])
         ])) : v("", !0),
         t.value ? v("", !0) : (c(), f("div", O, [
-          k(e.$slots, "item", { item: o.value })
+          k(e.$slots, "item", {
+            item: l.value,
+            loading: t.value
+          })
         ])),
         t.value ? (c(), L(a, { key: 2 })) : v("", !0)
       ]);

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

@@ -1 +1 @@
-(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue"),require("lkt-http-client")):typeof define=="function"&&define.amd?define(["vue","lkt-http-client"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.LktItemCrud=o(e.Vue,e.LktHttpClient))})(this,function(e,o){"use strict";const m={class:"lkt-item-crud"},f={key:0,class:"lkt-item-crud_header"},h={class:"lkt-item-crud_header-title"},k={class:"lkt-item-crud_header-slot"},_={key:1,class:"lkt-item-crud_content"},y={name:"LktItemCrud",inheritAttrs:!1},C=e.defineComponent({...y,props:{modelValue:{type:Object,required:!1,default:()=>({})},readResource:{type:String,required:!0},readData:{type:Object,required:!1,default:()=>({})},createResource:{type:String,required:!1},updateResource:{type:String,required:!1},dropResource:{type:String,required:!1},title:{type:String,default:""}},emits:["update:modelValue","read","create","update","drop","perms"],setup(d,{expose:p,emit:V}){const a=d,R=e.useSlots(),l=V,r=e.ref(!0),n=e.ref(a.modelValue),u=e.ref([]),i=async()=>(r.value=!0,await o.httpCall(a.readResource,a.readData).then(t=>{r.value=!1,n.value=t.data,u.value=t.perms,l("read",t)})),S=e.computed(()=>r.value?!1:a.title||!!R["post-title"]);e.watch(()=>a.modelValue,t=>n.value=t),e.watch(n,()=>l("update:modelValue",n.value)),e.watch(u,()=>l("perms",u.value));const q=async t=>{const c=a.createResource;return r.value=!0,await o.httpCall(c,{...t}).then(s=>{r.value=!1,l("create",s)})},B=async t=>{const c=a.updateResource;return r.value=!0,await o.httpCall(c,{...t}).then(s=>{r.value=!1,l("update",s)})},w=async t=>{const c=a.dropResource;return r.value=!0,await o.httpCall(c,{...t}).then(s=>{r.value=!1,l("drop",s)})};return a.readResource&&i(),p({fetchItem:i,create:q,update:B,drop:w,refresh:i}),(t,c)=>{const s=e.resolveComponent("lkt-loader");return e.openBlock(),e.createElementBlock("article",m,[S.value?(e.openBlock(),e.createElementBlock("header",f,[e.createElementVNode("h1",h,e.toDisplayString(d.title),1),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"post-title",{item:n.value})])])):e.createCommentVNode("",!0),r.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(t.$slots,"item",{item:n.value})])),r.value?(e.openBlock(),e.createBlock(s,{key:2})):e.createCommentVNode("",!0)])}}});return{install:(d,p={})=>{d.component("LktItemCrud",C)}}});
+(function(e,o){typeof exports=="object"&&typeof module<"u"?module.exports=o(require("vue"),require("lkt-http-client")):typeof define=="function"&&define.amd?define(["vue","lkt-http-client"],o):(e=typeof globalThis<"u"?globalThis:e||self,e.LktItemCrud=o(e.Vue,e.LktHttpClient))})(this,function(e,o){"use strict";const m={class:"lkt-item-crud"},f={key:0,class:"lkt-item-crud_header"},h={class:"lkt-item-crud_header-title"},k={class:"lkt-item-crud_header-slot"},_={key:1,class:"lkt-item-crud_content"},y={name:"LktItemCrud",inheritAttrs:!1},C=e.defineComponent({...y,props:{modelValue:{type:Object,required:!1,default:()=>({})},readResource:{type:String,required:!0},readData:{type:Object,required:!1,default:()=>({})},createResource:{type:String,required:!1},updateResource:{type:String,required:!1},dropResource:{type:String,required:!1},title:{type:String,default:""}},emits:["update:modelValue","read","create","update","drop","perms"],setup(d,{expose:p,emit:V}){const a=d,R=e.useSlots(),s=V,r=e.ref(!0),n=e.ref(a.modelValue),u=e.ref([]),i=async()=>(r.value=!0,await o.httpCall(a.readResource,a.readData).then(t=>{r.value=!1,n.value=t.data,u.value=t.perms,s("read",t)})),S=e.computed(()=>r.value?!1:a.title||!!R["post-title"]);e.watch(()=>a.modelValue,t=>n.value=t),e.watch(n,()=>s("update:modelValue",n.value)),e.watch(u,()=>s("perms",u.value));const q=async t=>{const c=a.createResource;return r.value=!0,await o.httpCall(c,{...t}).then(l=>{r.value=!1,s("create",l)})},B=async t=>{const c=a.updateResource;return r.value=!0,await o.httpCall(c,{...t}).then(l=>{r.value=!1,s("update",l)})},g=async t=>{const c=a.dropResource;return r.value=!0,await o.httpCall(c,{...t}).then(l=>{r.value=!1,s("drop",l)})};return a.readResource&&i(),p({fetchItem:i,create:q,update:B,drop:g,refresh:i}),(t,c)=>{const l=e.resolveComponent("lkt-loader");return e.openBlock(),e.createElementBlock("article",m,[S.value?(e.openBlock(),e.createElementBlock("header",f,[e.createElementVNode("h1",h,e.toDisplayString(d.title),1),e.createElementVNode("div",k,[e.renderSlot(t.$slots,"post-title",{item:n.value,loading:r.value})])])):e.createCommentVNode("",!0),r.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",_,[e.renderSlot(t.$slots,"item",{item:n.value,loading:r.value})])),r.value?(e.openBlock(),e.createBlock(l,{key:2})):e.createCommentVNode("",!0)])}}});return{install:(d,p={})=>{d.component("LktItemCrud",C)}}});

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

@@ -197,9 +197,11 @@ declare const _default: {
     $slots: {
         'post-title': (_: {
             item: Record<string, any>;
+            loading: boolean;
         }) => any;
         item: (_: {
             item: Record<string, any>;
+            loading: false;
         }) => any;
     };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-item-crud",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "",
   "main": "src/index.ts",
   "module": "src/index.ts",

package/src/lib-components/LktItemCrud.vue

@@ -92,11 +92,11 @@ defineExpose({
         <header class="lkt-item-crud_header" v-if="displayHeader">
             <h1 class="lkt-item-crud_header-title">{{ title }}</h1>
             <div class="lkt-item-crud_header-slot">
-                <slot name="post-title" v-bind:item="item"></slot>
+                <slot name="post-title" v-bind:item="item" v-bind:loading="loading"></slot>
             </div>
         </header>
         <div class="lkt-item-crud_content" v-if="!loading">
-            <slot name="item" v-bind:item="item"></slot>
+            <slot name="item" v-bind:item="item" v-bind:loading="loading"></slot>
         </div>
         <lkt-loader v-if="loading"></lkt-loader>
     </article>