eco-vue-js 0.10.5 → 0.10.7

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

@@ -1,14 +1,13 @@
 import { defineComponent, useTemplateRef, ref, toRef, computed, watch, onMounted, nextTick, onBeforeUnmount, createElementBlock, openBlock, unref, Fragment, createElementVNode, createBlock, createCommentVNode, normalizeClass, resolveDynamicComponent, TransitionGroup, normalizeProps, mergeProps, withCtx, renderList, renderSlot, toDisplayString } from 'vue';
-import _sfc_main$3 from '../../EmptyComponent/WEmptyComponent.vue.js';
+import _sfc_main$2 from '../../EmptyComponent/WEmptyComponent.vue.js';
 import { ApiError } from '../../../utils/api.js';
-import _sfc_main$1 from './InfiniteListPageSelection.vue.js';
-import _sfc_main$2 from './InfiniteListPageTitle.vue.js';
+import _sfc_main$1 from './InfiniteListPageTitle.vue.js';
 
 const _hoisted_1 = {
   ref: "element",
   class: "relative"
 };
-const _hoisted_2 = { class: "mt-[--w-list-gap,1rem] flex" };
+const _hoisted_2 = { class: "mt-[--w-list-gap,0] flex" };
 const _hoisted_3 = { class: "py-1.25 sm-not:px-3 cursor-default select-none" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InfiniteListPage",
@@ -29,12 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     refetchInterval: { type: [Number, Boolean], default: void 0 },
     scrollingElement: { default: void 0 },
     queryOptions: { default: void 0 },
-    selected: { default: void 0 },
-    valueGetter: {},
-    selectOnly: { type: Boolean },
-    unselectOnly: { type: Boolean },
-    reverseSelection: { type: Boolean },
-    allowPageSelection: { type: Boolean }
+    valueGetter: {}
   },
   emits: ["update:count", "update:pages-count", "update:next-page", "update:previous-page", "update:scroll", "remove:page", "refetch", "update-from-header:scroll", "update:selected", "fetched", "update:error"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -169,21 +163,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         page.value && unref(data)?.results.length !== 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createElementVNode("div", _hoisted_2, [
-            _ctx.selected !== void 0 && _ctx.allowPageSelection ? (openBlock(), createBlock(_sfc_main$1, {
+            !_ctx.hidePageTitle ? (openBlock(), createBlock(_sfc_main$1, {
               key: 0,
-              selected: _ctx.selected,
-              items: unref(data)?.results ?? [],
-              disabled: !unref(data)?.results,
-              "tooltip-text-persisted": _ctx.hidePageTitle,
-              "select-only": _ctx.selectOnly,
-              "unselect-only": _ctx.unselectOnly,
-              reverse: _ctx.reverseSelection,
-              "value-getter": _ctx.valueGetter,
-              class: "sm:w-list-row-item sm-not:px-[calc(var(--inner-margin)-2px)] pb-4 pt-6",
-              "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:selected", $event))
-            }, null, 8, ["selected", "items", "disabled", "tooltip-text-persisted", "select-only", "unselect-only", "reverse", "value-getter"])) : createCommentVNode("", true),
-            !_ctx.hidePageTitle ? (openBlock(), createBlock(_sfc_main$2, {
-              key: 1,
               "query-params": _ctx.queryParams,
               class: "pb-4 pt-6"
             }, null, 8, ["query-params"])) : createCommentVNode("", true)
@@ -191,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(_ctx.pageClass)
           }, [
-            hasData.value && unref(data)?.results ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? TransitionGroup : _sfc_main$3), normalizeProps(mergeProps({ key: 0 }, _ctx.transition ? {
+            hasData.value && unref(data)?.results ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? TransitionGroup : _sfc_main$2), normalizeProps(mergeProps({ key: 0 }, _ctx.transition ? {
               "enter-active-class": "transition-[grid-template-rows] overflow-hidden grid",
               "enter-from-class": "grid-rows-[0fr]",
               "enter-to-class": "grid-rows-[1fr]",
@@ -202,12 +183,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             } : void 0)), {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data).results, (item, index) => {
-                  return openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? "div" : _sfc_main$3), mergeProps({
+                  return openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? "div" : _sfc_main$2), mergeProps({
                     key: _ctx.valueGetter(item),
                     ref_for: true
                   }, _ctx.transition ? { class: "w-full" } : void 0), {
                     default: withCtx(() => [
-                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? "div" : _sfc_main$3), mergeProps({ ref_for: true }, _ctx.transition ? { class: "[overflow:inherit]" } : void 0), {
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.transition ? "div" : _sfc_main$2), mergeProps({ ref_for: true }, _ctx.transition ? { class: "[overflow:inherit]" } : void 0), {
                         default: withCtx(() => [
                           renderSlot(_ctx.$slots, "default", {
                             item,

package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts

@@ -2,13 +2,12 @@ import { ApiError } from '../../../utils/api';
 declare const _default: <Model extends number | string, Data extends DefaultData, QueryParams>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:count"?: ((value: number) => any) | undefined;
-        readonly "onUpdate:selected"?: ((values: Model[]) => any) | undefined;
         readonly "onUpdate:error"?: ((value: ApiError<{}, {
             detail?: string | undefined;
             non_field_errors?: string[] | undefined;
         }>) => any) | undefined;
         readonly "onUpdate:page"?: ((value: number | undefined) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:count" | "onUpdate:selected" | "onUpdate:error" | "onUpdate:page"> & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:count" | "onUpdate:error" | "onUpdate:page"> & {
         useQueryFn: UseQueryPaginated<Data, QueryParams>;
         queryParams: QueryParams;
         skeletonLength?: number;
@@ -27,12 +26,7 @@ declare const _default: <Model extends number | string, Data extends DefaultData
         maxPages?: number;
         refetchInterval?: number | false;
         queryOptions?: Partial<QueryOptions<PaginatedResponse<Data>>>;
-        selected?: Model[];
         valueGetter: (data: Data) => Model;
-        selectOnly?: boolean;
-        unselectOnly?: boolean;
-        reverseSelection?: boolean;
-        allowPageSelection?: boolean;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
         resetPage: (page?: number) => Promise<void>;
@@ -73,7 +67,6 @@ declare const _default: <Model extends number | string, Data extends DefaultData
     emit: {
         (e: "update:page", value: number | undefined): void;
         (e: "update:count", value: number): void;
-        (e: "update:selected", values: Model[]): void;
         (e: "update:error", value: ApiError): void;
     };
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {

package/dist/components/InfiniteList/components/InfiniteListPages.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAiUA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;yBAcxB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,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+mBxD,mBAAmB,CAAC;;;;;;;;;oBA3mBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;eAChB,OAAO;qBACD,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;mBAElD,KAAK,EAAE;qBACL,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;qBACrB,OAAO;uBACL,OAAO;2BACH,OAAO;6BACL,OAAO;KAmlBuD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CAjdP,MAAM;MAiduB,GAAG,IAAI;WACpE,GAAG;;kBA5ZD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;kBAbA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;;YAjLN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,UAAU,KAAK,EAAE,GAAG,IAAI;YACzC,cAAc,SAAS,QAAQ,GAAG,IAAI;;;;;YAkkBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AAznBvE,wBAynB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InfiniteListPages.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/InfiniteList/components/InfiniteListPages.vue"],"names":[],"mappings":"AAoTA,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAA;yBAcxB,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,IAAI,SAAS,WAAW,EAAE,WAAW,eACvE,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;WAwlBxD,mBAAmB,CAAC;;;;;;;;oBAplBd,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;yBACP,MAAM;wBACP,OAAO;eAChB,OAAO;qBACD,OAAO;qBACP,MAAM;2BACA,OAAO,GAAG,IAAI;oBACrB,MAAM;uBACH,MAAM;oBACT,OAAO;oBACP,OAAO;wBACH,CAAC,MAAM,WAAW,CAAC,EAAE;oBACzB,MAAM;oBACN,MAAM;mBACP,MAAM;0BACC,MAAM,GAAG,KAAK;uBACjB,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;qBAEhD,CAAC,IAAI,EAAE,IAAI,KAAK,KAAK;KAikBiD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB;;0CAjcP,MAAM;MAicuB,GAAG,IAAI;WACpE,GAAG;;kBA5YD,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;kBAbA,CAAC,KAAK,EAAE;YAChB,IAAI,EAAE,IAAI,CAAA;YACV,MAAM,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;YAC5C,QAAQ,EAAE,OAAO,CAAA;YACjB,OAAO,EAAE,MAAM,IAAI,CAAA;YACnB,QAAQ,CAAC,EAAE,IAAI,CAAA;YACf,IAAI,CAAC,EAAE,IAAI,CAAA;YACX,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;YACb,SAAS,EAAE,OAAO,CAAA;YAClB,IAAI,EAAE,MAAM,CAAA;YACZ,KAAK,EAAE,MAAM,CAAA;YACb,KAAK,EAAE,KAAK,CAAA;SACb,KAAK,IAAI;;;YAhLN,aAAa,SAAS,MAAM,GAAG,SAAS,GAAG,IAAI;YAC/C,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,cAAc,SAAS,QAAQ,GAAG,IAAI;;;;;YAkjBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AAlmBvE,wBAkmB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -27,14 +27,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maxPages: { default: 5 },
     refetchInterval: { type: [Number, Boolean], default: void 0 },
     queryOptions: { default: void 0 },
-    selected: { default: void 0 },
-    valueGetter: {},
-    selectOnly: { type: Boolean },
-    unselectOnly: { type: Boolean },
-    reverseSelection: { type: Boolean },
-    allowPageSelection: { type: Boolean }
+    valueGetter: {}
   },
-  emits: ["update:page", "update:count", "update:selected", "update:error"],
+  emits: ["update:page", "update:count", "update:error"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -179,26 +174,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "refetch-interval": _ctx.refetchInterval,
               "scrolling-element": _ctx.scrollingElement,
               "query-options": _ctx.queryOptions,
-              selected: _ctx.selected,
               "value-getter": _ctx.valueGetter,
-              "select-only": _ctx.selectOnly,
-              "unselect-only": _ctx.unselectOnly,
-              "reverse-selection": _ctx.reverseSelection,
-              "allow-page-selection": _ctx.allowPageSelection,
-              "onUpdate:selected": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:selected", $event)),
-              "onUpdate:count": _cache[3] || (_cache[3] = ($event) => {
+              "onUpdate:count": _cache[2] || (_cache[2] = ($event) => {
                 updateCount($event);
                 _ctx.$emit("update:count", $event);
               }),
               "onUpdate:pagesCount": updatePagesCount,
-              "onUpdate:nextPage": _cache[4] || (_cache[4] = ($event) => updateNextPage($event)),
-              "onUpdate:previousPage": _cache[5] || (_cache[5] = ($event) => updatePreviousPage($event)),
+              "onUpdate:nextPage": _cache[3] || (_cache[3] = ($event) => updateNextPage($event)),
+              "onUpdate:previousPage": _cache[4] || (_cache[4] = ($event) => updatePreviousPage($event)),
               "onUpdate:scroll": updateScroll,
-              "onUpdateFromHeader:scroll": _cache[6] || (_cache[6] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
+              "onUpdateFromHeader:scroll": _cache[5] || (_cache[5] = ($event) => _ctx.headerTop > 0 && nextTick(() => updateScroll(_ctx.headerTop))),
               "onRemove:page": removePage,
               onRefetch: ($event) => unref(refetchNextPages)(index),
-              onFetched: _cache[7] || (_cache[7] = ($event) => isResettingPage.value = false),
-              "onUpdate:error": _cache[8] || (_cache[8] = ($event) => _ctx.$emit("update:error", $event))
+              onFetched: _cache[6] || (_cache[6] = ($event) => isResettingPage.value = false),
+              "onUpdate:error": _cache[7] || (_cache[7] = ($event) => _ctx.$emit("update:error", $event))
             }, {
               default: withCtx(({ item, setter, skeleton, refetch, previous, next, first, last, page: itemPage, index: itemIndex }) => [
                 renderSlot(_ctx.$slots, "default", {
@@ -217,12 +206,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ]),
               _: 2
-            }, 1032, ["query-params", "use-query-fn", "skeleton-length", "first-page", "last-page", "hide-page-title", "wrap", "transition", "resetting", "empty-stub", "min-height", "last-child", "page-class", "refetch-interval", "scrolling-element", "query-options", "selected", "value-getter", "select-only", "unselect-only", "reverse-selection", "allow-page-selection", "onRefetch"]);
+            }, 1032, ["query-params", "use-query-fn", "skeleton-length", "first-page", "last-page", "hide-page-title", "wrap", "transition", "resetting", "empty-stub", "min-height", "last-child", "page-class", "refetch-interval", "scrolling-element", "query-options", "value-getter", "onRefetch"]);
           }), 128)),
           count.value !== 0 && nextPage.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 1,
             onClick: addNextPage,
-            onCheck: _cache[9] || (_cache[9] = ($event) => unref(infiniteScrollRef)?.checkIsScrollDown())
+            onCheck: _cache[8] || (_cache[8] = ($event) => unref(infiniteScrollRef)?.checkIsScrollDown())
           })) : createCommentVNode("", true)
         ]),
         _: 3

package/dist/components/InfiniteList/use/useInfiniteListHeader.js

@@ -1,18 +1,5 @@
 import { ref, onMounted, onBeforeUnmount } from 'vue';
-import '../../Button/WButtonAction.vue.js';
-import '../../Button/WButton.vue.js';
 import { isClientSide } from '../../../utils/utils.js';
-import '../../Button/WButtonDropdown.vue.js';
-import '../../../utils/supportsPassive.js';
-import '../../Dropdown/utils/DropdownStyle.js';
-import 'vue-router';
-import '../../../utils/Modal.js';
-import '../../Input/WInputSuggest.vue.js';
-import '../../HeaderBar/use/useHeaderPadding.js';
-import '../../Input/WInputDate.vue.js';
-import '../../Link/WLink.vue.js';
-import '@tanstack/vue-query';
-import '../../List/use/useListConfig.js';
 
 const headerElementHeight = 60;
 const observerOptions = {

package/dist/components/Input/WInputSuggest.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$3 from './WInput.vue.js';
 import WSkeleton from '../Skeleton/WSkeleton.vue.js';
 import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
 import { HorizontalAlign } from '../../utils/HorizontalAlign.js';
-import { getIsMobile, getIsTouchDevice } from '../../utils/mobile.js';
+import { useIsMobile } from '../../utils/mobile.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const dropdownMenuRef = useTemplateRef("dropdownMenu");
     const inputRef = useTemplateRef("input");
     const contentRef = useTemplateRef("content");
-    const isMobile = getIsMobile() || getIsTouchDevice();
+    const { isMobile } = useIsMobile();
     const isDisabled = computed(() => props.readonly || props.disabled);
     const open = () => {
       if (isDisabled.value) return;
@@ -81,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("close");
     };
     const focus = () => {
-      if (isMobile) open();
+      if (isMobile.value) open();
       inputRef.value?.focus();
     };
     const blur = () => {

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

@@ -1,6 +1,7 @@
 import { BulkComponent, CardAreas, FieldComponent, FieldConfigMap, GridCol, ListFields, MenuComponent } from './types';
 import { LinkProps } from '../../types/types';
 import { ApiError } from '../../utils/api';
+import { ListMode } from '../../utils/utils';
 declare const _default: <Data extends DefaultData, QueryParams, Fields extends ListFields<Data, QueryParams>, CardColumns extends readonly GridCol[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:error"?: ((value: ApiError<{}, {
@@ -18,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;
@@ -26,13 +27,13 @@ declare const _default: <Data extends DefaultData, QueryParams, Fields extends L
         hasBorder?: boolean;
         configKey: string;
         defaultConfigMap: FieldConfigMap<Fields>;
+        defaultMode?: ListMode;
         alignTop?: boolean;
         disableMore?: boolean;
         readonly?: boolean;
         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":"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;yBAsBxB,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;WAgsBxD,mBAAmB,CAAC;;;;;;gBA1rBpB,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;mBAC7B,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+pB6C,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;YA7DgB,GAAG;;;;;YACJ,GAAG;;cAhmBzB,cAAc,SAAS,QAAQ,KAAG,IAAI;;;;YAiqBA,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1sBvE,wBA0sB4E;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,21 +1,10 @@
-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 '../Button/WButtonAction.vue.js';
-import '../Button/WButton.vue.js';
-import { getIsMobile } from '../../utils/mobile.js';
-import '../Button/WButtonDropdown.vue.js';
-import '../../utils/supportsPassive.js';
-import '../Dropdown/utils/DropdownStyle.js';
-import 'vue-router';
-import '../../utils/Modal.js';
-import '../Input/WInputSuggest.vue.js';
-import '../HeaderBar/use/useHeaderPadding.js';
-import '../Input/WInputDate.vue.js';
-import '../Link/WLink.vue.js';
+import { useIsMobile } from '../../utils/mobile.js';
 import { parseOrdering } from '../../utils/order.js';
 import { PAGE_LENGTH } from '../../utils/useDefaultQuery.js';
-import { useSelected, getPosition } from '../../utils/useSelected.js';
+import { useSelected } from '../../utils/useSelected.js';
 import _sfc_main$2 from './WListCard.vue.js';
 import _sfc_main$7 from './WListHeader.vue.js';
 import _sfc_main$9 from './WListHeaderItem.vue.js';
@@ -24,7 +13,6 @@ import _sfc_main$6 from './components/HeaderSettings.vue.js';
 import _sfc_main$5 from './components/HeaderSort.vue.js';
 import _sfc_main$3 from './components/ListCardFieldNested.vue.js';
 import { filterFields, useListConfig, getFirstFieldLabel } from './use/useListConfig.js';
-import '@tanstack/vue-query';
 
 const _hoisted_1 = { class: "flex" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -48,23 +36,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hasBorder: { type: Boolean },
     configKey: {},
     defaultConfigMap: {},
+    defaultMode: {},
     alignTop: { type: Boolean },
     disableMore: { type: Boolean },
     readonly: { type: Boolean },
     noOrdering: { type: Boolean },
     formNameGetter: { type: Function },
     groupBy: { type: Function },
-    hideMore: { type: Boolean },
     cardColumns: {},
     cardAreas: {},
     cardTo: { type: Function }
   },
   emits: ["update:error"],
   setup(__props) {
-    const isMobile = getIsMobile();
     const props = __props;
+    const { isMobile } = useIsMobile();
     const listCount = ref(void 0);
-    const selectionCount = ref(0);
     const cardStyles = computed(() => {
       if (!props.cardColumns || !props.cardAreas) return;
       return {
@@ -73,20 +60,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const fieldsVisible = computed(() => filterFields(props.fields, (field) => field.visibleGetter?.(props.queryParams) ?? true));
-    const { listConfig, fieldConfigMap, isGrid, hasSaved, reset, save, updateMode } = useListConfig(toRef(props, "configKey"), fieldsVisible, toRef(props, "defaultConfigMap"));
+    const {
+      listConfig,
+      fieldConfigMap,
+      isGrid,
+      hasSaved,
+      reset,
+      save,
+      updateMode
+    } = useListConfig(toRef(props, "configKey"), fieldsVisible, toRef(props, "defaultConfigMap"), toRef(props, "defaultMode"));
     const fieldsFiltered = computed(() => {
       return filterFields(fieldsVisible.value, (field) => fieldConfigMap.value[field.label]?.visible).sort((a, b) => fieldConfigMap.value[getFirstFieldLabel(a)].order - fieldConfigMap.value[getFirstFieldLabel(b)].order);
     });
     const allowSelect = computed(() => props.bulk !== void 0);
     const allowOpen = computed(() => props.expansion !== void 0);
+    const disableSelect = computed(() => !allowSelect.value);
     const {
-      selected,
-      reverse,
-      setSelected,
-      setSelectedReverse,
-      selectedRange,
-      setSelectedRange
-    } = useSelected();
+      allowSelectHover,
+      selectionCount,
+      selectAllValue,
+      getIsSelected,
+      hoverSelected,
+      toggleSelected,
+      resetSelection,
+      selectAll,
+      getQueryParams
+    } = 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);
@@ -94,29 +93,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return [];
     });
     const getQueryParamsBulk = () => {
-      if (selectedRange.value) {
-        return {
-          ...props.queryParams,
-          slice_indexes: [
-            getPosition(selectedRange.value[0], PAGE_LENGTH),
-            getPosition(selectedRange.value[1], PAGE_LENGTH)
-          ],
-          page: void 0
-        };
-      }
-      if (selected.value.length) {
-        if (reverse.value) {
-          return {
-            ...props.queryParams,
-            id__not_in: selected.value.slice()
-          };
-        } else {
-          return {
-            ...props.queryParams,
-            id__in: selected.value.slice()
-          };
-        }
-      }
+      const queryParamsSelection = getQueryParams();
+      if (queryParamsSelection) return {
+        ...props.queryParams,
+        ...queryParamsSelection
+      };
       return props.queryParams;
     };
     const getFieldStyles = (label, nested) => {
@@ -141,42 +122,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "query-options": _ctx.queryOptions,
           "skeleton-length": _ctx.count ?? listCount.value ?? unref(PAGE_LENGTH),
           "hide-page-title": "",
-          "allow-select": allowSelect.value,
-          "allow-select-range": "",
-          selected: unref(selected),
-          reverse: unref(reverse),
-          "selected-range": unref(selectedRange),
           "page-length": unref(PAGE_LENGTH),
           count: _ctx.count ?? listCount.value,
-          "page-class": unref(isGrid) ? "grid grid-cols-[repeat(auto-fill,minmax(var(--w-list-card-width,16rem),1fr))] gap-[--w-list-gap,1rem]" : "grid grid-cols-1 gap-[--w-list-gap,1rem]",
+          "page-class": unref(isGrid) ? "grid grid-cols-[repeat(auto-fill,minmax(var(--w-list-card-width,16rem),1fr))] gap-[--w-list-gap,0]" : "grid grid-cols-1 gap-[--w-list-gap,0]",
           style: normalizeStyle(cardStyles.value),
           class: normalizeClass(_ctx.$attrs.class),
-          onSelect: unref(setSelected),
-          onSelectReverse: unref(setSelectedReverse),
-          onSelectRange: unref(setSelectedRange),
-          "onUpdate:count": _cache[5] || (_cache[5] = ($event) => listCount.value = $event),
-          "onUpdate:error": _cache[6] || (_cache[6] = ($event) => _ctx.$emit("update:error", $event))
+          "onUpdate:count": _cache[2] || (_cache[2] = ($event) => listCount.value = $event),
+          "onUpdate:error": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:error", $event))
         }, {
-          header: withCtx(({ selectAllValue }) => [
+          header: withCtx(() => [
             renderSlot(_ctx.$slots, "header", { count: listCount.value }),
             createVNode(_sfc_main$4, {
               title: _ctx.selectionTitle,
               "disable-message": _ctx.bulkDisableMessage,
-              class: "z-[3]",
-              "onUpdate:selectionCount": _cache[3] || (_cache[3] = ($event) => selectionCount.value = $event)
+              "selected-count": unref(selectionCount),
+              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": selectionCount.value,
-                    "query-params-getter": getQueryParamsBulk,
-                    "disable-message": disableMessage,
-                    class: normalizeClass(cssClass),
-                    "onClear:selected": _cache[0] || (_cache[0] = ($event) => unref(setSelected)([]))
-                  }, null, 40, ["selection-count", "disable-message", "class"]);
-                }), 128))
-              ]),
               settings: withCtx(() => [
                 createElementVNode("div", _hoisted_1, [
                   !_ctx.noOrdering ? (openBlock(), createBlock(_sfc_main$5, {
@@ -188,44 +150,61 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["ordering", "fields", "query-params"])) : createCommentVNode("", true),
                   createVNode(_sfc_main$6, {
                     "field-config-map": unref(fieldConfigMap),
-                    "onUpdate:fieldConfigMap": _cache[2] || (_cache[2] = ($event) => isRef(fieldConfigMap) ? fieldConfigMap.value = $event : null),
+                    "onUpdate:fieldConfigMap": _cache[0] || (_cache[0] = ($event) => isRef(fieldConfigMap) ? fieldConfigMap.value = $event : null),
                     mode: unref(listConfig).mode,
                     fields: fieldsVisible.value,
                     "query-params": _ctx.queryParams,
                     "has-saved": unref(hasSaved),
+                    mobile: unref(isMobile),
                     "onClick:reset": unref(reset),
                     "onUpdate:mode": unref(updateMode)
-                  }, null, 8, ["field-config-map", "mode", "fields", "query-params", "has-saved", "onClick:reset", "onUpdate:mode"])
+                  }, null, 8, ["field-config-map", "mode", "fields", "query-params", "has-saved", "mobile", "onClick:reset", "onUpdate:mode"])
                 ])
               ]),
               _: 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) => {
                     return openBlock(), createBlock(resolveDynamicComponent(item), {
                       key: index,
-                      "selection-count": selectionCount.value,
+                      "selection-count": unref(selectionCount),
                       "query-params-getter": getQueryParamsBulk,
                       "disable-message": scope?.disableMessage,
                       class: normalizeClass(scope?.cssClass),
-                      "onClear:selected": _cache[1] || (_cache[1] = ($event) => unref(setSelected)([]))
-                    }, null, 40, ["selection-count", "disable-message", "class"]);
+                      "onClear:selected": unref(resetSelection)
+                    }, null, 40, ["selection-count", "disable-message", "class", "onClear:selected"]);
                   }), 128))
                 ]),
-                key: "0"
+                key: "1"
               } : void 0
-            ]), 1032, ["title", "disable-message"]),
+            ]), 1032, ["title", "disable-message", "selected-count", "onClear:selection"]),
             !unref(isGrid) ? (openBlock(), createBlock(_sfc_main$7, {
               key: 0,
               class: "sm-not:hidden mb-4",
               "query-params": _ctx.queryParams,
               "allow-select": allowSelect.value,
-              "tooltip-text": _ctx.selectAllTextGetter(selectAllValue !== true, _ctx.count ?? listCount.value ?? 0),
+              "tooltip-text": _ctx.selectAllTextGetter(unref(selectAllValue) !== true, _ctx.count ?? listCount.value ?? 0),
               count: _ctx.count ?? listCount.value,
-              selection: selectAllValue,
-              "onToggle:selection": _cache[4] || (_cache[4] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
+              selection: unref(selectAllValue),
+              "onToggle:selection": _cache[1] || (_cache[1] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)())
             }, {
               default: withCtx(() => [
                 createVNode(_sfc_main$8, { fields: fieldsFiltered.value }, {
@@ -246,10 +225,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["fields"])
               ]),
-              _: 2
-            }, 1032, ["query-params", "allow-select", "tooltip-text", "count", "selection"])) : createCommentVNode("", true)
+              _: 1
+            }, 8, ["query-params", "allow-select", "tooltip-text", "count", "selection"])) : createCommentVNode("", true)
           ]),
-          default: withCtx(({ item, skeleton, setter, refetch, previous, index }) => [
+          default: withCtx(({ item, skeleton, setter, refetch, previous, index, position, value }) => [
             _ctx.groupBy && (index === 0 || !skeleton && (!previous || !_ctx.groupBy(item, previous))) ? renderSlot(_ctx.$slots, "group", {
               key: 0,
               item,
@@ -265,10 +244,14 @@ 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)
+              to: _ctx.cardTo?.(item),
+              selected: skeleton ? false : unref(getIsSelected)(value, position),
+              "allow-select": allowSelect.value,
+              "allow-select-hover": unref(allowSelectHover),
+              "onToggle:selected": ($event) => unref(toggleSelected)(value, position),
+              "onHover:selected": ($event) => unref(hoverSelected)(position)
             }, createSlots({
               default: withCtx(({ validate }) => [
                 createVNode(_sfc_main$3, {
@@ -301,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 ? {
@@ -338,11 +302,34 @@ 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"])
+            ]), 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", "allow-select", "selected", "reverse", "selected-range", "page-length", "count", "page-class", "style", "class", "onSelect", "onSelectReverse", "onSelectRange"])
+        }, 8, ["use-query-fn", "query-params", "query-options", "skeleton-length", "page-length", "count", "page-class", "style", "class"])
       ], 2);
     };
   }