eco-vue-js 0.8.28 → 0.8.30

package/dist/components/ClickOutside/WClickOutside.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AAyEA,iBAAS,cAAc;;yBA4BM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;iFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WClickOutside.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ClickOutside/WClickOutside.vue"],"names":[],"mappings":"AA6EA,iBAAS,cAAc;;yBA4BM,GAAG;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;iFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ClickOutside/WClickOutside.vue.js

@@ -8,7 +8,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const element = ref();
     const clickListener = (event) => {
-      if (element.value && event.target instanceof Element && !hasParent(element.value, event.target)) emit("click");
+      if (!element.value || !(event.target instanceof Element) || hasParent(element.value, event.target)) return;
+      emit("click");
     };
     onMounted(() => {
       if (!isClientSide) return;

package/dist/components/InfiniteList/components/InfiniteListPage.vue.js

@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
       if (newItem) newData.results.splice(index, 1, newItem);
       else newData.results.splice(index, 1);
-      setData(newData);
+      setData(newData, { index, newItem });
     };
     const emitRefetch = () => {
       emit("refetch");

package/dist/components/List/WList.vue.d.ts

@@ -25,7 +25,11 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
+    slots: {
+        header?(_: {
+            count: number;
+        }): any;
+    };
     emit: (e: "update:header-padding", value: number) => void;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;

package/dist/components/List/WList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AAySA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAWpF,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,eACtF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4mBxD,mBAAmB,CAAC;;;gBApmBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;cACjC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;qBACN,OAAO;mBACT,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;mBAC7B,OAAO;KAklBmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA/kBP,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YAolBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtnBvE,wBAsnB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AAoTA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAYpF,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,eACtF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAmnBxD,mBAAmB,CAAC;;;gBA7mBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;cACjC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;qBACN,OAAO;mBACT,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;mBAC7B,OAAO;KA2lBmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YArDgB,GAAG;;cAniB1B,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YA6lBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7nBvE,wBA6nB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/List/WList.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, toRef, openBlock, createBlock, unref, withCtx, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode, normalizeStyle, isRef } from 'vue';
+import { defineComponent, ref, computed, toRef, openBlock, createBlock, unref, withCtx, renderSlot, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode, normalizeStyle, isRef } from 'vue';
 import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
 import { getIsMobile } from '../../utils/mobile.js';
 import { useSelected, getPosition } from '../../utils/useSelected.js';
@@ -11,8 +11,8 @@ import _sfc_main$6 from './components/HeaderSettings.vue.js';
 import { filterFields, useFieldConfigMap, getFirstFieldLabel } from './use/useFieldConfigMap.js';
 import _sfc_main$8 from './components/ListCardFieldNested.vue.js';
 import _sfc_main$4 from './components/HeaderFieldNested.vue.js';
+import { PAGE_LENGTH } from '../../utils/useDefaultQuery.js';
 
-const PAGE_LENGTH = 24;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WList",
   props: {
@@ -102,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         selected: unref(selected),
         reverse: unref(reverse),
         "selected-range": unref(selectedRange),
-        "page-length": PAGE_LENGTH,
+        "page-length": unref(PAGE_LENGTH),
         count: _ctx.count ?? listCount.value,
         onSelect: unref(setSelected),
         onSelectReverse: unref(setSelectedReverse),
@@ -111,6 +111,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:count": _cache[7] || (_cache[7] = ($event) => listCount.value = $event)
       }, {
         header: withCtx(({ selectAllValue }) => [
+          renderSlot(_ctx.$slots, "header", { count: listCount.value }),
           allowSelect.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 0,
             title: _ctx.selectionTitle,
@@ -205,12 +206,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(_sfc_main$8, {
                 fields: fieldsFiltered.value,
-                item
+                item,
+                skeleton,
+                mobile: unref(isMobile)
               }, {
                 default: withCtx((defaultScope) => [
                   (openBlock(), createBlock(resolveDynamicComponent(defaultScope.field.component), {
                     item: defaultScope.item,
-                    readonly: _ctx.readonlyGetter?.(defaultScope.item),
+                    readonly: _ctx.readonlyGetter?.(defaultScope.item) ?? false,
                     skeleton,
                     mobile: unref(isMobile),
                     class: normalizeClass({
@@ -229,20 +232,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 40, ["item", "readonly", "skeleton", "mobile", "class", "style", "onUpdate:item", "onDelete:item"]))
                 ]),
                 _: 2
-              }, 1032, ["fields", "item"])
+              }, 1032, ["fields", "item", "skeleton", "mobile"])
             ]),
             more: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu, (menuItem, menuIndex) => {
                 return openBlock(), createBlock(resolveDynamicComponent(menuItem), {
                   key: menuIndex,
                   item,
-                  readonly: _ctx.readonlyGetter?.(item),
+                  readonly: _ctx.readonlyGetter?.(item) ?? false,
+                  "update-item": setter,
+                  "delete-item": () => {
+                    setter();
+                    refetch();
+                  },
                   "onUpdate:item": setter,
                   "onDelete:item": ($event) => {
                     setter();
                     refetch();
                   }
-                }, null, 40, ["item", "readonly", "onUpdate:item", "onDelete:item"]);
+                }, null, 40, ["item", "readonly", "update-item", "delete-item", "onUpdate:item", "onDelete:item"]);
               }), 128))
             ]),
             _: 2
@@ -252,7 +260,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               fn: withCtx(() => [
                 (openBlock(), createBlock(resolveDynamicComponent(_ctx.expansion), {
                   item,
-                  readonly: _ctx.readonlyGetter?.(item),
+                  readonly: _ctx.readonlyGetter?.(item) ?? false,
                   skeleton,
                   mobile: unref(isMobile),
                   "onUpdate:item": setter,
@@ -266,8 +274,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             } : void 0
           ]), 1032, ["disabled", "mobile", "card-class", "card-wrapper-class", "has-border", "more-bottom", "allow-open", "align-top"])
         ]),
-        _: 1
-      }, 8, ["use-query-fn", "query-params", "skeleton-length", "header-margin", "allow-select", "selected", "reverse", "selected-range", "count", "onSelect", "onSelectReverse", "onSelectRange"]);
+        _: 3
+      }, 8, ["use-query-fn", "query-params", "skeleton-length", "header-margin", "allow-select", "selected", "reverse", "selected-range", "page-length", "count", "onSelect", "onSelectReverse", "onSelectRange"]);
     };
   }
 });

package/dist/components/List/components/HeaderFieldNested.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderFieldNested.vue"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAIlC,IAAI,EAAE,WAAW,eACpB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAyFxD,mBAAmB,CAAC;gBArFpB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;KAqFgD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBAlFF,CAAC,KAAK,EAAE;YACf,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YACnC,MAAM,EAAE,OAAO,CAAA;YACf,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,MAAM,CAAA;YACd,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;SACd,KAAK,IAAI;;iBAPD,CAAC,KAAK,EAAE;YACf,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YACnC,MAAM,EAAE,OAAO,CAAA;YACf,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,MAAM,CAAA;YACd,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;SACd,KAAK,IAAI;;UA6EH,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnGvE,wBAmG4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderFieldNested.vue"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAIlC,IAAI,EAAE,WAAW,eACpB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA+FxD,mBAAmB,CAAC;gBA3FpB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;KA2FgD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBAxFF,CAAC,KAAK,EAAE;YACf,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YACnC,MAAM,EAAE,OAAO,CAAA;YACf,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,MAAM,CAAA;YACd,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;SACd,KAAK,IAAI;;iBAPD,CAAC,KAAK,EAAE;YACf,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YACnC,MAAM,EAAE,OAAO,CAAA;YACf,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,MAAM,CAAA;YACd,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;SACd,KAAK,IAAI;;UAmFH,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzGvE,wBAyG4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/List/components/HeaderFieldNested.vue.js

@@ -18,13 +18,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             fields: field.fields
           }, {
             default: withCtx((defaultScope) => [
-              renderSlot(_ctx.$slots, "default", {
+              defaultScope.length !== 1 ? renderSlot(_ctx.$slots, "default", {
+                key: 0,
                 field: defaultScope.field,
                 nested: true,
                 index: defaultScope.index,
                 length: defaultScope.length,
                 first: defaultScope.first,
                 last: defaultScope.last
+              }) : renderSlot(_ctx.$slots, "default", {
+                key: 1,
+                field: defaultScope.field,
+                nested: true,
+                index,
+                length: _ctx.fields.length,
+                first: index === 0,
+                last: index === _ctx.fields.length - 1
               })
             ]),
             _: 2

package/dist/components/List/components/ListCardFieldNested.vue.d.ts

@@ -4,6 +4,8 @@ declare const _default: <Data extends DefaultData, QueryParams>(__VLS_props: Non
         fields: ListFields<Data, QueryParams>;
         item: Data;
         nested?: boolean;
+        skeleton: boolean;
+        mobile: boolean;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

package/dist/components/List/components/ListCardFieldNested.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListCardFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/ListCardFieldNested.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAKlC,IAAI,SAAS,WAAW,EAAE,WAAW,eACxC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAmIxD,mBAAmB,CAAC;gBA/HpB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;cAC/B,IAAI;iBACD,OAAO;KA6HqE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBA1HF,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAA;SAAC,KAAK,IAAI;;iBAAlE,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAA;SAAC,KAAK,IAAI;;UA4HpE,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7IvE,wBA6I4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ListCardFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/ListCardFieldNested.vue"],"names":[],"mappings":"AAyFA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAKlC,IAAI,SAAS,WAAW,EAAE,WAAW,eACxC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqIxD,mBAAmB,CAAC;gBAjIpB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;cAC/B,IAAI;iBACD,OAAO;kBACN,OAAO;gBACT,OAAO;KA6HsE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBA1HF,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAA;SAAC,KAAK,IAAI;;iBAAlE,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAA;SAAC,KAAK,IAAI;;UA4HpE,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/IvE,wBA+I4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/List/components/ListCardFieldNested.vue.js

@@ -8,7 +8,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     fields: {},
     item: {},
-    nested: { type: Boolean }
+    nested: { type: Boolean },
+    skeleton: { type: Boolean },
+    mobile: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -21,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "keyArray" in field || "getterArray" in field ? (openBlock(), createBlock(resolveDynamicComponent(field.componentArray ?? "div"), mergeProps({
               key: 0,
               ref_for: true
-            }, field.componentArray ? { item: _ctx.item } : void 0, {
+            }, field.componentArray ? { item: _ctx.item, skeleton: _ctx.skeleton, mobile: _ctx.mobile } : void 0, {
               class: field.cssClassArray
             }), {
               default: withCtx(() => [
@@ -29,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   items: "keyArray" in field ? _ctx.item[field.keyArray] : field.getterArray(_ctx.item)
                 }, {
                   default: withCtx(({ inner, index, last, first }) => [
-                    (openBlock(), createBlock(resolveDynamicComponent(field.componentItem ?? _sfc_main$2), mergeProps({ ref_for: true }, field.componentItem ? { item: _ctx.item, index, last, first } : void 0), {
+                    (openBlock(), createBlock(resolveDynamicComponent(field.componentItem ?? _sfc_main$2), mergeProps({ ref_for: true }, field.componentItem ? { item: _ctx.item, skeleton: _ctx.skeleton, mobile: _ctx.mobile, index, last, first } : void 0), {
                       default: withCtx(() => [
                         createElementVNode("div", {
                           class: normalizeClass(["flex", field.cssClass])
@@ -37,13 +39,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           createVNode(_component_ListCardFieldNested, {
                             fields: field.fields,
                             item: inner,
+                            skeleton: _ctx.skeleton,
+                            mobile: _ctx.mobile,
                             nested: ""
                           }, {
                             default: withCtx((defaultScope) => [
                               renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, defaultScope))
                             ]),
                             _: 2
-                          }, 1032, ["fields", "item"])
+                          }, 1032, ["fields", "item", "skeleton", "mobile"])
                         ], 2)
                       ]),
                       _: 2
@@ -60,13 +64,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(_component_ListCardFieldNested, {
                 fields: field.fields,
                 item: "keyEntity" in field ? _ctx.item[field.keyEntity] : "getterEntity" in field ? field.getterEntity(_ctx.item) : _ctx.item,
+                skeleton: _ctx.skeleton,
+                mobile: _ctx.mobile,
                 nested: ""
               }, {
                 default: withCtx((defaultScope) => [
                   renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, defaultScope))
                 ]),
                 _: 2
-              }, 1032, ["fields", "item"])
+              }, 1032, ["fields", "item", "skeleton", "mobile"])
             ], 2))
           ], 64)) : renderSlot(_ctx.$slots, "default", {
             key: 1,

package/dist/components/List/types.d.ts

@@ -1,18 +1,22 @@
 import { Component, Raw } from 'vue';
 export type FieldComponent<Data> = Component<{
     item: Data;
-    skeleton?: boolean;
-    readonly?: boolean;
-    mobile?: boolean;
+    skeleton: boolean;
+    readonly: boolean;
+    mobile: boolean;
+}>;
+export type FieldComponentNested<Data> = Component<{
+    item: Data;
+    skeleton: boolean;
+    mobile: boolean;
 }>;
 export type FieldComponentItem<Data> = Component<{
     item: Data;
-    skeleton?: boolean;
-    readonly?: boolean;
-    mobile?: boolean;
-    index?: number;
-    first?: boolean;
-    last?: boolean;
+    skeleton: boolean;
+    mobile: boolean;
+    index: number;
+    first: boolean;
+    last: boolean;
 }>;
 export type ListField<Data, QueryParams = unknown> = {
     component: Raw<FieldComponent<Data>>;
@@ -50,7 +54,7 @@ type FieldNestedArray<Data, QueryParams = unknown, Key extends keyof PickByType<
 export interface ListFieldNestedArray<Data, QueryParams = unknown> extends FieldNestedArray<Data, QueryParams> {
     cssClass?: string;
     cssClassArray?: string;
-    componentArray?: Raw<FieldComponent<Data>>;
+    componentArray?: Raw<FieldComponentNested<Data>>;
 }
 type FieldNestedArrayGetter<Data, QueryParams = unknown, Inner = unknown> = {
     getterArray: (data: Data) => Inner[];
@@ -60,17 +64,19 @@ type FieldNestedArrayGetter<Data, QueryParams = unknown, Inner = unknown> = {
 export interface ListFieldNestedArrayGetter<Data, QueryParams = unknown, Inner = unknown> extends FieldNestedArrayGetter<Data, QueryParams, Inner> {
     cssClass?: string;
     cssClassArray?: string;
-    componentArray?: Raw<FieldComponent<Data>>;
+    componentArray?: Raw<FieldComponentNested<Data>>;
 }
 export type ListFields<Data, QueryParams = unknown> = (ListField<Data, QueryParams> | ListFieldNested<Data, QueryParams> | ListFieldNestedEntity<Data, QueryParams> | ListFieldNestedEntityGetter<Data, QueryParams> | ListFieldNestedArray<Data, QueryParams> | ListFieldNestedArrayGetter<Data, QueryParams>)[];
 export type MenuComponent<Data> = Component<{
     item: Data;
-    readonly?: boolean;
+    readonly: boolean;
+    updateItem: (newItem?: Data | undefined) => void;
+    deleteItem: () => void;
 }>;
 export type BulkComponent<QueryParams> = Component<{
     queryParamsGetter: () => QueryParams;
     selectionCount: number;
-    disableMessage?: string;
+    disableMessage: string | undefined;
 }>;
 export type FieldConfig = {
     width: number | null;

package/dist/components/List/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAEvC,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI,SAAS,CAAC;IAC3C,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF,MAAM,MAAM,kBAAkB,CAAC,IAAI,IAAI,SAAS,CAAC;IAC/C,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAC,CAAA;AAEF,MAAM,MAAM,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,IAAI;IACnD,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAA;IACpC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,MAAM,CAAC,CAAA;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,MAAM,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAC5F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,eAAe,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,IAAI;IACzD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;CACtC,CAAA;AAED,KAAK,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,EAAE,GAAG,SAAS,MAAM,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI;IAC7J,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC,CAAA;CAC3C,CAAA;AAED,MAAM,WAAW,qBAAqB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAE,SAAQ,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;IAC9G,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,KAAK,uBAAuB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,IAAI;IAC3E,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,CAAA;IACnC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;IACtC,aAAa,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAA;CAC/C,CAAA;AAED,MAAM,WAAW,2BAA2B,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,CAAE,SAAQ,uBAAuB,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC;IAClJ,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,KAAK,gBAAgB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,EAAE,GAAG,SAAS,MAAM,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM,UAAU,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI;IAChJ,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,CAAA;IAClF,aAAa,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,SAAS,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,GAAG,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAA;CAC9F,CAAA;AAED,MAAM,WAAW,oBAAoB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAAE,SAAQ,gBAAgB,CAAC,IAAI,EAAE,WAAW,CAAC;IAC5G,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAA;CAC3C;AAED,KAAK,sBAAsB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,IAAI;IAC1E,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK,EAAE,CAAA;IACpC,MAAM,EAAE,UAAU,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;IACtC,aAAa,CAAC,EAAE,GAAG,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAA;CAC/C,CAAA;AAED,MAAM,WAAW,0BAA0B,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,CAAE,SAAQ,sBAAsB,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC;IAChJ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAA;CAC3C;AAED,MAAM,MAAM,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,IAAI,CAClD,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,GAE5B,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,GAElC,qBAAqB,CAAC,IAAI,EAAE,WAAW,CAAC,GACxC,2BAA2B,CAAC,IAAI,EAAE,WAAW,CAAC,GAE9C,oBAAoB,CAAC,IAAI,EAAE,WAAW,CAAC,GACvC,0BAA0B,CAAC,IAAI,EAAE,WAAW,CAAC,CAChD,EAAE,CAAA;AAEH,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI,SAAS,CAAC;IAC1C,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,aAAa,CAAC,WAAW,IAAI,SAAS,CAAC;IACjD,iBAAiB,EAAE,MAAM,WAAW,CAAA;IACpC,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,mBAAmB,CAAC,MAAM,IAAI,MAAM,SAAS,CAAC,MAAM,IAAI,EAAE,GAAG,MAAM,IAAI,CAAC,GACzE,IAAI,SAAS;IAAC,KAAK,EAAE,MAAM,KAAK,CAAA;CAAC,GACjC,CAAC,KAAK,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,GACrC,IAAI,SAAS;IAAC,MAAM,EAAE,MAAM,WAAW,CAAA;CAAC,GACxC,CAAC,GAAG,mBAAmB,CAAC,WAAW,CAAC,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,GACnE,mBAAmB,CAAC,IAAI,CAAC,GACzB,EAAE,CAAA;AAEN,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,UAAU,CAAC,OAAO,CAAC,IAAI,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAGpG,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"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"}

package/dist/main.js

@@ -83,7 +83,7 @@ export { SemanticType } from './utils/SemanticType.js';
 export { HorizontalAlign } from './utils/HorizontalAlign.js';
 export { Month, WeekDay, addDay, addMonth, addYear, dateFormat, dateFormatter, dateRegexp, dateToQueryString, datetimeFormat, durationHumanize, getDurationRound, getStartOfDay, getStartOfMonth, getStartOfNextDay, getStartOfWeek, isSameDate, isSameMonth, isSameYear, monthShortFormatter, parseDate, timeFormat, weekdayShortFormatter } from './utils/dateTime.js';
 export { getIsMobile, getIsTouchDevice } from './utils/mobile.js';
-export { useDefaultQuery } from './utils/useDefaultQuery.js';
+export { PAGE_LENGTH, makeQueryPaginated, useDefaultQuery } from './utils/useDefaultQuery.js';
 export { paginatedResponseUpdater, useQueryUpdater } from './utils/useQueryUpdater.js';
 export { useCopy } from './utils/useCopy.js';
 export { debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, set, throttle } from './utils/utils.js';

package/dist/types/vue-query.d.ts

@@ -0,0 +1,6 @@
+declare module '@tanstack/query-core' {
+  interface SetDataOptions {
+    index?: number
+    newItem?: unknown
+  }
+}

package/dist/utils/useDefaultQuery.d.ts

@@ -7,5 +7,9 @@ export declare const useDefaultQuery: <TQueryFnData = unknown, TData = TQueryFnD
 }>, TData, TQueryFnData, TQueryKey>, queryClient?: QueryClient | undefined) => UseQueryReturnType<TData, ApiError> & {
     setData: (updater: TQueryFnData, options?: Params[2]) => ReturnType<QueryClient["setQueriesData"]>;
 };
+export declare const PAGE_LENGTH = 24;
+export declare const makeQueryPaginated: <Data, QueryParams extends {
+    page?: number;
+}>(key: string, getter: (queryParams: QueryParams) => Data[], setter?: (data: Data[]) => void, pageLength?: number) => UseQueryPaginated<Data, QueryParams>;
 export {};
 //# sourceMappingURL=useDefaultQuery.d.ts.map

package/dist/utils/useDefaultQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultQuery.d.ts","sourceRoot":"","sources":["../../src/utils/useDefaultQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,QAAQ,EAAC,MAAM,qBAAqB,CAAA;AACtH,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AAEnC,KAAK,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAEvD,eAAO,MAAM,eAAe,GAC1B,YAAY,YACZ,KAAK,iBACL,SAAS,SAAS,QAAQ;;;+EAEwD,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG;IACtH,OAAO,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;CAUrG,CAAA"}
+{"version":3,"file":"useDefaultQuery.d.ts","sourceRoot":"","sources":["../../src/utils/useDefaultQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAE,KAAK,QAAQ,EAAC,MAAM,qBAAqB,CAAA;AACtH,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAA;AAG9B,KAAK,MAAM,GAAG,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;AAEvD,eAAO,MAAM,eAAe,GAC1B,YAAY,YACZ,KAAK,iBACL,SAAS,SAAS,QAAQ;;;+EAEwD,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG;IACtH,OAAO,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAA;CAUrG,CAAA;AAED,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,kBAAkB,GAAI,IAAI,EAAE,WAAW,SAAS;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAC,OAAO,MAAM,UAAU,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,EAAE,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,0BAA6B,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAsDvO,CAAA"}

package/dist/utils/useDefaultQuery.js

@@ -1,4 +1,6 @@
 import { useQueryClient, useQuery } from '@tanstack/vue-query';
+import { ApiError } from './api.js';
+import { unref } from 'vue';
 
 const useDefaultQuery = (...args) => {
   const queryClient = args[1] ?? useQueryClient();
@@ -8,5 +10,52 @@ const useDefaultQuery = (...args) => {
     setData
   };
 };
+const PAGE_LENGTH = 24;
+const makeQueryPaginated = (key, getter, setter, pageLength = PAGE_LENGTH) => {
+  return (queryParams, options = {}) => {
+    const query = useDefaultQuery({
+      queryKey: [key, queryParams],
+      queryFn: () => {
+        return new Promise((resolve, reject) => {
+          const currentList = getter(unref(queryParams));
+          const current = Math.max(unref(queryParams).page ?? 1, 1);
+          const pages_count = Math.floor(currentList.length / pageLength) + 1;
+          if (current > pages_count) reject(new ApiError({ status: 404 }));
+          else resolve({
+            count: currentList.length,
+            pages_count,
+            current,
+            next: pages_count > current ? current + 1 : null,
+            previous: current !== 1 ? current - 1 : null,
+            results: currentList.slice(pageLength * (current - 1), pageLength * current)
+          });
+        });
+      },
+      ...options
+    });
+    return {
+      ...query,
+      setData: (data, options2) => {
+        if (setter && unref(options2)?.index !== void 0) {
+          const index = unref(unref(options2)?.index);
+          if (index !== void 0) {
+            const newList = getter({}).slice();
+            const oldItem = query.data.value?.results[index];
+            if (oldItem !== void 0) {
+              const itemIndex = newList.findIndex((item) => item.id === oldItem.id);
+              const newItem = unref(unref(options2)?.newItem);
+              if (index !== -1) {
+                if (newItem === void 0) newList.splice(itemIndex, 1);
+                else newList.splice(itemIndex, 1, newItem);
+                setter(newList);
+              }
+            }
+          }
+        }
+        return query.setData(data, options2);
+      }
+    };
+  };
+};
 
-export { useDefaultQuery };
+export { PAGE_LENGTH, makeQueryPaginated, useDefaultQuery };

package/package.json

@@ -4,7 +4,7 @@
     "type": "git",
     "url": "https://github.com/rsmple/eco-vue-js.git"
   },
-  "version": "0.8.28",
+  "version": "0.8.30",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",