eco-vue-js 0.10.6 → 0.10.7

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

@@ -19,7 +19,7 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
         selectionTitle: string;
         bulk?: BulkComponent<QueryParams>[];
         bulkMore?: BulkComponent<QueryParams>[];
-        menu: MenuComponent<Data>[];
+        menu?: MenuComponent<Data>[];
         readonlyGetter?: (item: Data) => boolean;
         cardClass?: string;
         cardWrapperClass?: string;
@@ -34,7 +34,6 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
         noOrdering?: boolean;
         formNameGetter?: (data: Data) => string | undefined;
         groupBy?: (a: Data, b: Data) => boolean;
-        hideMore?: boolean;
         cardColumns: CardColumns;
         cardAreas: CardAreas<Fields, CardColumns["length"]>;
         cardTo?: (item: Data) => LinkProps["to"];

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":"AAiXA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAWzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAYrB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,eAC9H,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+pBxD,mBAAmB,CAAC;;;;;;gBA3pBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,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;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;mBAC5B,OAAO;qBACL,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;KA+nB6C,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YA9De,GAAG;;;;;YACH,GAAG;;cA/jBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;;;;YAioBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzqBvE,wBAyqB4E;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":"AAuXA,OAAO,KAAK,EAAC,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AACzH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;AAWzC,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAYrB,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE,WAAW,SAAS,SAAS,OAAO,EAAE,eAC9H,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;WAqqBxD,mBAAmB,CAAC;;;;;;gBAjqBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;uBACT,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;6BACxC,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;eAChC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACX,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;2BACC,MAAM;6BACJ,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;mBACR,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;sBAC1B,QAAQ;mBACX,OAAO;sBACJ,OAAO;mBACV,OAAO;qBACL,OAAO;yBACH,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS;kBACzC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;qBAC1B,WAAW;mBACb,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;iBAC1C,CAAC,IAAI,EAAE,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;KAsoB6C,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YA9De,GAAG;;;;;YACH,GAAG;;cAtkBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;;;;YAwoBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/qBvE,wBA+qB4E;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, createElementBlock, openBlock, normalizeClass, unref, createVNode, normalizeStyle, withCtx, renderSlot, createCommentVNode, createSlots, Fragment, renderList, createBlock, resolveDynamicComponent, createElementVNode, isRef } from 'vue';
+import { defineComponent, ref, computed, toRef, createElementBlock, openBlock, normalizeClass, unref, createVNode, normalizeStyle, withCtx, renderSlot, createCommentVNode, createSlots, createBlock, resolveDynamicComponent, Fragment, renderList, createElementVNode, isRef } from 'vue';
 import _sfc_main$4 from '../Button/WButtonSelection.vue.js';
 import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
 import { useIsMobile } from '../../utils/mobile.js';
@@ -43,7 +43,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     noOrdering: { type: Boolean },
     formNameGetter: { type: Function },
     groupBy: { type: Function },
-    hideMore: { type: Boolean },
     cardColumns: {},
     cardAreas: {},
     cardTo: { type: Function }
@@ -75,6 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const allowSelect = computed(() => props.bulk !== void 0);
     const allowOpen = computed(() => props.expansion !== void 0);
+    const disableSelect = computed(() => !allowSelect.value);
     const {
       allowSelectHover,
       selectionCount,
@@ -85,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       resetSelection,
       selectAll,
       getQueryParams
-    } = useSelected(toRef(props, "count"));
+    } = useSelected(toRef(props, "count"), disableSelect);
     const ordering = computed(() => {
       if (props.queryParams instanceof Object && "ordering" in props.queryParams && typeof props.queryParams.ordering === "string") {
         return parseOrdering(props.queryParams.ordering);
@@ -139,18 +139,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: "z-[2]",
               "onClear:selection": unref(resetSelection)
             }, createSlots({
-              default: withCtx(({ disableMessage, cssClass }) => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.bulk, (item, index) => {
-                  return openBlock(), createBlock(resolveDynamicComponent(item), {
-                    key: index,
-                    "selection-count": unref(selectionCount),
-                    "query-params-getter": getQueryParamsBulk,
-                    "disable-message": disableMessage,
-                    class: normalizeClass(cssClass),
-                    "onClear:selected": unref(resetSelection)
-                  }, null, 40, ["selection-count", "disable-message", "class", "onClear:selected"]);
-                }), 128))
-              ]),
               settings: withCtx(() => [
                 createElementVNode("div", _hoisted_1, [
                   !_ctx.noOrdering ? (openBlock(), createBlock(_sfc_main$5, {
@@ -175,7 +163,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 2
             }, [
-              _ctx.bulkMore ? {
+              _ctx.bulk ? {
+                name: "default",
+                fn: withCtx(({ disableMessage, cssClass }) => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.bulk, (item, index) => {
+                    return openBlock(), createBlock(resolveDynamicComponent(item), {
+                      key: index,
+                      "selection-count": unref(selectionCount),
+                      "query-params-getter": getQueryParamsBulk,
+                      "disable-message": disableMessage,
+                      class: normalizeClass(cssClass),
+                      "onClear:selected": unref(resetSelection)
+                    }, null, 40, ["selection-count", "disable-message", "class", "onClear:selected"]);
+                  }), 128))
+                ]),
+                key: "0"
+              } : void 0,
+              _ctx.bulk && _ctx.bulkMore ? {
                 name: "more",
                 fn: withCtx((scope) => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.bulkMore, (item, index) => {
@@ -189,7 +193,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 40, ["selection-count", "disable-message", "class", "onClear:selected"]);
                   }), 128))
                 ]),
-                key: "0"
+                key: "1"
               } : void 0
             ]), 1032, ["title", "disable-message", "selected-count", "onClear:selection"]),
             !unref(isGrid) ? (openBlock(), createBlock(_sfc_main$7, {
@@ -240,7 +244,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "has-border": _ctx.hasBorder,
               "allow-open": allowOpen.value && !skeleton,
               "align-top": _ctx.alignTop,
-              "hide-more": _ctx.hideMore,
               "form-name": !skeleton ? _ctx.formNameGetter?.(item) : void 0,
               card: unref(isGrid),
               to: _ctx.cardTo?.(item),
@@ -281,25 +284,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 2
                 }, 1032, ["fields", "item", "skeleton", "card"])
               ]),
-              more: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu, (menuItem, menuIndex) => {
-                  return openBlock(), createBlock(resolveDynamicComponent(menuItem), {
-                    key: menuIndex,
-                    item,
-                    readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
-                    "update-item": setter,
-                    "delete-item": () => {
-                      setter();
-                      refetch();
-                    },
-                    "onUpdate:item": setter,
-                    "onDelete:item": ($event) => {
-                      setter();
-                      refetch();
-                    }
-                  }, null, 40, ["item", "readonly", "update-item", "delete-item", "onUpdate:item", "onDelete:item"]);
-                }), 128))
-              ]),
               _: 2
             }, [
               _ctx.expansion ? {
@@ -318,8 +302,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 40, ["item", "readonly", "skeleton", "card", "onUpdate:item", "onDelete:item"]))
                 ]),
                 key: "0"
+              } : void 0,
+              _ctx.menu ? {
+                name: "more",
+                fn: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu, (menuItem, menuIndex) => {
+                    return openBlock(), createBlock(resolveDynamicComponent(menuItem), {
+                      key: menuIndex,
+                      item,
+                      readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
+                      "update-item": setter,
+                      "delete-item": () => {
+                        setter();
+                        refetch();
+                      },
+                      "onUpdate:item": setter,
+                      "onDelete:item": ($event) => {
+                        setter();
+                        refetch();
+                      }
+                    }, null, 40, ["item", "readonly", "update-item", "delete-item", "onUpdate:item", "onDelete:item"]);
+                  }), 128))
+                ]),
+                key: "1"
               } : void 0
-            ]), 1032, ["disabled", "disable-more", "mobile", "card-class", "card-wrapper-class", "has-border", "allow-open", "align-top", "hide-more", "form-name", "card", "to", "selected", "allow-select", "allow-select-hover", "onToggle:selected", "onHover:selected"])
+            ]), 1032, ["disabled", "disable-more", "mobile", "card-class", "card-wrapper-class", "has-border", "allow-open", "align-top", "form-name", "card", "to", "selected", "allow-select", "allow-select-hover", "onToggle:selected", "onHover:selected"])
           ]),
           _: 3
         }, 8, ["use-query-fn", "query-params", "query-options", "skeleton-length", "page-length", "count", "page-class", "style", "class"])

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

@@ -18,7 +18,6 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
     disabled: boolean | undefined;
-    hideMore: boolean | undefined;
     mobile: boolean | undefined;
     alignTop: boolean | undefined;
     hasBorder: boolean | undefined;
@@ -37,7 +36,6 @@ declare const __VLS_component: import('vue').DefineComponent<{
     "hover:selected": () => any;
 }, string, import('vue').PublicProps, Readonly<{
     disabled: boolean | undefined;
-    hideMore: boolean | undefined;
     mobile: boolean | undefined;
     alignTop: boolean | undefined;
     hasBorder: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AA+OA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AA+D5C,iBAAS,cAAc;;;;;;YAwZO,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;WAUrB,OAAO,IAA6B;EAEjD;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA/eT,OAAO,GAAG,SAAS;cACnB,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;sBACX,MAAM,GAAG,SAAS;eACzB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO;QACT,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;cAErB,OAAO;iBACJ,OAAO;sBACF,OAAO;;;;;cAff,OAAO,GAAG,SAAS;cACnB,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;sBACX,MAAM,GAAG,SAAS;eACzB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO;QACT,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;cAErB,OAAO;iBACJ,OAAO;sBACF,OAAO;;;;kFA0ezB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AA8OA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AA8D5C,iBAAS,cAAc;;;;;;YAwZO,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;WAUrB,OAAO,IAA6B;EAEjD;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA9eT,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;sBACX,MAAM,GAAG,SAAS;eACzB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO;QACT,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;cAErB,OAAO;iBACJ,OAAO;sBACF,OAAO;;;;;cAdf,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;sBACX,MAAM,GAAG,SAAS;eACzB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO;QACT,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;cAErB,OAAO;iBACJ,OAAO;sBACF,OAAO;;;;kFA0ezB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -29,7 +29,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "WListCard",
   props: {
     disabled: { type: Boolean },
-    hideMore: { type: Boolean },
     mobile: { type: Boolean },
     alignTop: { type: Boolean },
     hasBorder: { type: Boolean },
@@ -137,7 +136,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _ctx.allowSelectHover ? { tag: "button", card: _ctx.card, onClick: () => _ctx.$emit("toggle:selected") } : _ctx.to ? { tag: markRaw(unref(RouterLink)), card: _ctx.card, class: "z-[-1]", props: { to: _ctx.to } } : { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle }
               )), null, 16)) : createCommentVNode("", true),
               _ctx.selected ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("", true),
-              _ctx.card ? (openBlock(), createBlock(_sfc_main$4, {
+              _ctx.card && _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 3,
                 class: "-mr-4 flex items-center px-4",
                 disabled: _ctx.disabled || _ctx.disableMore,
@@ -160,8 +159,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.card ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(["right-inner bg-default dark:bg-default-dark sticky z-[1]", {
-              "width-14": !_ctx.hideMore,
-              "width-4": _ctx.hideMore
+              "width-14": _ctx.$slots.more,
+              "width-4": !_ctx.$slots.more
             }])
           }, [
             _cache[4] || (_cache[4] = createElementVNode("div", { class: "bg-default dark:bg-default-dark absolute left-full top-0 z-[-1] h-full w-[calc(var(--actions-bar-width)+var(--inner-margin))]" }, null, -1)),
@@ -175,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "w-ripple-has-only w-ripple-hover w-ripple-opacity-[0.04]": isActionShown.value
               }])
             }, [
-              !_ctx.hideMore ? (openBlock(), createBlock(_sfc_main$4, {
+              _ctx.$slots.more ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 0,
                 class: normalizeClass(["flex h-full px-4", {
                   "items-start pt-3": _ctx.alignTop,

package/dist/utils/useSelected.d.ts

@@ -1,4 +1,4 @@
-import { MaybeRef } from 'vue';
+import { MaybeRef, Ref } from 'vue';
 export declare const getPosition: (page: number, index: number, pageLength: number) => number;
 export type Selection<Value> = {
     id__in?: Value[];
@@ -10,7 +10,7 @@ export type QueryParamsSelection = {
     id__in?: number[];
     id__not_in?: number[];
 };
-export declare const useSelected: <Value extends number>(count: MaybeRef<number | undefined>) => {
+export declare const useSelected: <Value extends number>(count: MaybeRef<number | undefined>, disabled: Ref<boolean>) => {
     allowSelectHover: import('vue').ComputedRef<boolean>;
     selectionCount: import('vue').ComputedRef<number>;
     selectAllValue: import('vue').ComputedRef<boolean | null>;

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

@@ -1 +1 @@
-{"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../src/utils/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAAmD,MAAM,KAAK,CAAA;AA4BnF,eAAO,MAAM,WAAW,SAAU,MAAM,SAAS,MAAM,cAAc,MAAM,KAAG,MAE7E,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,KAAK,IAAI;IAC7B,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CACtB,CAAA;AAID,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,MAAM,SACvC,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;wBA8ER,KAAK,YAAY,MAAM,KAAG,OAAO;8BAoB3B,MAAM;yBAMX,KAAK,YAAY,MAAM,KAAG,IAAI;;0BAlF/B,IAAI;0BAoKJ,oBAAoB,GAAG,SAAS;CAmC5D,CAAA"}
+{"version":3,"file":"useSelected.d.ts","sourceRoot":"","sources":["../../src/utils/useSelected.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAAE,KAAK,GAAG,EAA+C,MAAM,KAAK,CAAA;AA4BzF,eAAO,MAAM,WAAW,SAAU,MAAM,SAAS,MAAM,cAAc,MAAM,KAAG,MAE7E,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,KAAK,IAAI;IAC7B,MAAM,CAAC,EAAE,KAAK,EAAE,CAAA;IAChB,UAAU,CAAC,EAAE,KAAK,EAAE,CAAA;IACpB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;CACtB,CAAA;AAID,eAAO,MAAM,WAAW,GAAI,KAAK,SAAS,MAAM,SAAS,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC,YAAY,GAAG,CAAC,OAAO,CAAC;;;;wBA6EhF,KAAK,YAAY,MAAM,KAAG,OAAO;8BAoB3B,MAAM;yBAMX,KAAK,YAAY,MAAM,KAAG,IAAI;;0BAlF/B,IAAI;0BAoKJ,oBAAoB,GAAG,SAAS;CAwC5D,CAAA"}

package/dist/utils/useSelected.js

@@ -1,4 +1,4 @@
-import { computed, ref, unref, onMounted, onBeforeUnmount } from 'vue';
+import { computed, ref, unref, watch, onBeforeUnmount } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { isIdArray, isIndex } from './utils.js';
 
@@ -20,7 +20,7 @@ const getPosition = (page, index, pageLength) => {
   return (page - 1) * pageLength + index;
 };
 const isEmpty = (value) => Object.values(value).every((item) => !item);
-const useSelected = (count) => {
+const useSelected = (count, disabled) => {
   const route = useRoute();
   const router = useRouter();
   const selection = computed(() => {
@@ -47,8 +47,8 @@ const useSelected = (count) => {
   const isShift = ref(false);
   const hoverValue = ref(null);
   const preselectValue = ref(null);
-  const disabled = ref(false);
-  const allowSelectHover = computed(() => isShift.value);
+  const unmounted = ref(false);
+  const allowSelectHover = computed(() => !disabled.value && isShift.value);
   const hoverAllowed = computed(() => allowSelectHover.value ? hoverValue.value : null);
   const upValue = computed(() => {
     if (selection.value.range) {
@@ -94,11 +94,11 @@ const useSelected = (count) => {
     return false;
   };
   const hoverSelected = (position) => {
-    if (disabled.value) return;
+    if (unmounted.value || disabled.value) return;
     hoverValue.value = position;
   };
   const toggleSelected = (id, position) => {
-    if (disabled.value) return;
+    if (unmounted.value || disabled.value) return;
     if (upValue.value !== null && downValue.value !== null) {
       let range;
       if (allowSelectHover.value) {
@@ -163,12 +163,17 @@ const useSelected = (count) => {
     if (selection.value.id__in) result.id__in = selection.value.id__in.slice();
     return result;
   };
-  onMounted(() => {
-    window.addEventListener("keydown", setIsSelecting);
-    window.addEventListener("keyup", resetIsSelecting);
-  });
+  watch(disabled, (value) => {
+    if (value) {
+      window.removeEventListener("keydown", setIsSelecting);
+      window.removeEventListener("keyup", resetIsSelecting);
+    } else {
+      window.addEventListener("keydown", setIsSelecting);
+      window.addEventListener("keyup", resetIsSelecting);
+    }
+  }, { immediate: true });
   onBeforeUnmount(() => {
-    disabled.value = true;
+    unmounted.value = true;
     window.removeEventListener("keydown", setIsSelecting);
     window.removeEventListener("keyup", resetIsSelecting);
   });

package/package.json

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