eco-vue-js 0.10.4 → 0.10.6

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

@@ -1,21 +1,10 @@
-import { defineComponent, ref, computed, toRef, createBlock, openBlock, unref, normalizeClass, normalizeStyle, withCtx, renderSlot, createCommentVNode, createVNode, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, createElementVNode, isRef } from 'vue';
+import { defineComponent, ref, computed, toRef, createElementBlock, openBlock, normalizeClass, unref, createVNode, normalizeStyle, withCtx, renderSlot, createCommentVNode, createSlots, Fragment, renderList, createBlock, resolveDynamicComponent, 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({
@@ -43,10 +31,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     menu: {},
     readonlyGetter: { type: Function },
     cardClass: {},
+    cardWrapperClass: {},
     selectAllTextGetter: { type: Function },
     hasBorder: { type: Boolean },
     configKey: {},
     defaultConfigMap: {},
+    defaultMode: {},
     alignTop: { type: Boolean },
     disableMore: { type: Boolean },
     readonly: { type: Boolean },
@@ -60,31 +50,42 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   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 {
         "--w-list-grid-cols": props.cardColumns.join(" "),
         "--w-list-grid-areas": props.cardAreas.map((inner) => `"${inner.join(" ")}"`).join("\n")
       };
     });
     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 {
-      selected,
-      reverse,
-      setSelected,
-      setSelectedReverse,
-      selectedRange,
-      setSelectedRange
-    } = useSelected();
+      allowSelectHover,
+      selectionCount,
+      selectAllValue,
+      getIsSelected,
+      hoverSelected,
+      toggleSelected,
+      resetSelection,
+      selectAll,
+      getQueryParams
+    } = useSelected(toRef(props, "count"));
     const ordering = computed(() => {
       if (props.queryParams instanceof Object && "ordering" in props.queryParams && typeof props.queryParams.ordering === "string") {
         return parseOrdering(props.queryParams.ordering);
@@ -92,35 +93,15 @@ 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) => {
-      if (isGrid.value) return {
-        gridArea: label
-      };
+    const getFieldStyles = (label, nested) => {
+      if (isGrid.value) return nested ? void 0 : { gridArea: label };
       if (!fieldConfigMap.value[label]?.width) return void 0;
       const value = fieldConfigMap.value[label].width + "px";
       return {
@@ -129,216 +110,220 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        "use-query-fn": _ctx.useQueryFn,
-        "query-params": _ctx.queryParams,
-        "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]",
-        style: normalizeStyle(cardStyles.value),
+      return openBlock(), createElementBlock("div", {
         class: normalizeClass({
           "w-card": unref(isGrid),
           "w-list": !unref(isGrid)
-        }),
-        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))
-      }, {
-        header: withCtx(({ selectAllValue }) => [
-          renderSlot(_ctx.$slots, "header", { count: listCount.value }),
-          createVNode(_sfc_main$4, {
-            title: _ctx.selectionTitle,
-            "disable-message": _ctx.bulkDisableMessage,
-            class: "z-[2]",
-            "onUpdate:selectionCount": _cache[3] || (_cache[3] = ($event) => selectionCount.value = $event)
-          }, 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, {
-                  key: 0,
-                  ordering: ordering.value,
-                  fields: fieldsFiltered.value,
-                  "query-params": _ctx.queryParams,
-                  class: "border-r border-solid border-gray-300 dark:border-gray-700"
-                }, 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),
-                  mode: unref(listConfig).mode,
-                  fields: fieldsVisible.value,
-                  "query-params": _ctx.queryParams,
-                  "has-saved": unref(hasSaved),
-                  "onClick:reset": unref(reset),
-                  "onUpdate:mode": unref(updateMode)
-                }, null, 8, ["field-config-map", "mode", "fields", "query-params", "has-saved", "onClick:reset", "onUpdate:mode"])
-              ])
-            ]),
-            _: 2
-          }, [
-            _ctx.bulkMore ? {
-              name: "more",
-              fn: withCtx((scope) => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.bulkMore, (item, index) => {
+        })
+      }, [
+        createVNode(_sfc_main$1, {
+          "use-query-fn": _ctx.useQueryFn,
+          "query-params": _ctx.queryParams,
+          "query-options": _ctx.queryOptions,
+          "skeleton-length": _ctx.count ?? listCount.value ?? unref(PAGE_LENGTH),
+          "hide-page-title": "",
+          "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,0]" : "grid grid-cols-1 gap-[--w-list-gap,0]",
+          style: normalizeStyle(cardStyles.value),
+          class: normalizeClass(_ctx.$attrs.class),
+          "onUpdate:count": _cache[2] || (_cache[2] = ($event) => listCount.value = $event),
+          "onUpdate:error": _cache[3] || (_cache[3] = ($event) => _ctx.$emit("update:error", $event))
+        }, {
+          header: withCtx(() => [
+            renderSlot(_ctx.$slots, "header", { count: listCount.value }),
+            createVNode(_sfc_main$4, {
+              title: _ctx.selectionTitle,
+              "disable-message": _ctx.bulkDisableMessage,
+              "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,
+                    "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"]);
+                    "disable-message": disableMessage,
+                    class: normalizeClass(cssClass),
+                    "onClear:selected": unref(resetSelection)
+                  }, null, 40, ["selection-count", "disable-message", "class", "onClear:selected"]);
                 }), 128))
               ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["title", "disable-message"]),
-          !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),
-            count: _ctx.count ?? listCount.value,
-            selection: selectAllValue,
-            "onToggle:selection": _cache[4] || (_cache[4] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
-          }, {
-            default: withCtx(() => [
-              createVNode(_sfc_main$8, { fields: fieldsFiltered.value }, {
-                default: withCtx(({ field }) => [
-                  createVNode(_sfc_main$9, {
-                    title: typeof field.title === "string" ? field.title : field.title(_ctx.queryParams),
-                    field: typeof field.field === "string" ? field.field : field.field?.(_ctx.queryParams),
-                    class: normalizeClass(field.cssClass),
+              settings: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  !_ctx.noOrdering ? (openBlock(), createBlock(_sfc_main$5, {
+                    key: 0,
                     ordering: ordering.value,
-                    disabled: _ctx.noOrdering || !field.field,
-                    "allow-resize": field.allowResize,
-                    "item-class": field.cssClassHeader,
-                    "width-style": getFieldStyles(field.label),
-                    "onUpdate:width": ($event) => unref(fieldConfigMap)[field.label].width = $event,
-                    "onSave:width": unref(save)
-                  }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "item-class", "width-style", "onUpdate:width", "onSave:width"])
+                    fields: fieldsFiltered.value,
+                    "query-params": _ctx.queryParams,
+                    class: "border-r border-solid border-gray-300 dark:border-gray-700"
+                  }, null, 8, ["ordering", "fields", "query-params"])) : createCommentVNode("", true),
+                  createVNode(_sfc_main$6, {
+                    "field-config-map": unref(fieldConfigMap),
+                    "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", "mobile", "onClick:reset", "onUpdate:mode"])
+                ])
+              ]),
+              _: 2
+            }, [
+              _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": unref(selectionCount),
+                      "query-params-getter": getQueryParamsBulk,
+                      "disable-message": scope?.disableMessage,
+                      class: normalizeClass(scope?.cssClass),
+                      "onClear:selected": unref(resetSelection)
+                    }, null, 40, ["selection-count", "disable-message", "class", "onClear:selected"]);
+                  }), 128))
                 ]),
-                _: 1
-              }, 8, ["fields"])
-            ]),
-            _: 2
-          }, 1032, ["query-params", "allow-select", "tooltip-text", "count", "selection"])) : createCommentVNode("", true)
-        ]),
-        default: withCtx(({ item, skeleton, setter, refetch, previous, index }) => [
-          _ctx.groupBy && (index === 0 || !skeleton && (!previous || !_ctx.groupBy(item, previous))) ? renderSlot(_ctx.$slots, "group", {
-            key: 0,
-            item,
-            previous,
-            skeleton
-          }) : createCommentVNode("", true),
-          createVNode(_sfc_main$2, {
-            disabled: skeleton,
-            "disable-more": _ctx.disableMore,
-            mobile: unref(isMobile),
-            "card-class": _ctx.cardClass,
-            "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)
-          }, createSlots({
-            default: withCtx(({ validate }) => [
-              createVNode(_sfc_main$3, {
-                fields: fieldsFiltered.value,
-                item,
-                skeleton,
-                card: unref(isGrid)
-              }, {
-                default: withCtx((defaultScope) => [
-                  (openBlock(), createBlock(resolveDynamicComponent(defaultScope.field.component), {
-                    item: defaultScope.item,
-                    readonly: _ctx.readonly || (_ctx.readonlyGetter?.(defaultScope.item) ?? false),
+                key: "0"
+              } : void 0
+            ]), 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(unref(selectAllValue) !== true, _ctx.count ?? listCount.value ?? 0),
+              count: _ctx.count ?? listCount.value,
+              selection: unref(selectAllValue),
+              "onToggle:selection": _cache[1] || (_cache[1] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)())
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$8, { fields: fieldsFiltered.value }, {
+                  default: withCtx(({ field, nested }) => [
+                    createVNode(_sfc_main$9, {
+                      title: typeof field.title === "string" ? field.title : field.title(_ctx.queryParams),
+                      field: typeof field.field === "string" ? field.field : field.field?.(_ctx.queryParams),
+                      class: normalizeClass(field.cssClass),
+                      ordering: ordering.value,
+                      disabled: _ctx.noOrdering || !field.field,
+                      "allow-resize": field.allowResize,
+                      "item-class": field.cssClassHeader,
+                      "width-style": getFieldStyles(field.label, nested),
+                      "onUpdate:width": ($event) => unref(fieldConfigMap)[field.label].width = $event,
+                      "onSave:width": unref(save)
+                    }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "item-class", "width-style", "onUpdate:width", "onSave:width"])
+                  ]),
+                  _: 1
+                }, 8, ["fields"])
+              ]),
+              _: 1
+            }, 8, ["query-params", "allow-select", "tooltip-text", "count", "selection"])) : createCommentVNode("", true)
+          ]),
+          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,
+              previous,
+              skeleton
+            }) : createCommentVNode("", true),
+            createVNode(_sfc_main$2, {
+              disabled: skeleton,
+              "disable-more": _ctx.disableMore,
+              mobile: unref(isMobile),
+              "card-class": _ctx.cardClass,
+              "card-wrapper-class": _ctx.cardWrapperClass,
+              "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),
+              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, {
+                  fields: fieldsFiltered.value,
+                  item,
+                  skeleton,
+                  card: unref(isGrid)
+                }, {
+                  default: withCtx((defaultScope) => [
+                    (openBlock(), createBlock(resolveDynamicComponent(defaultScope.field.component), {
+                      item: defaultScope.item,
+                      readonly: _ctx.readonly || (_ctx.readonlyGetter?.(defaultScope.item) ?? false),
+                      skeleton,
+                      card: unref(isGrid),
+                      class: normalizeClass({
+                        [defaultScope.field.cssClass ?? ""]: true,
+                        "items-center": !_ctx.alignTop,
+                        "items-start": _ctx.alignTop,
+                        "pr-6": !unref(isGrid)
+                      }),
+                      style: normalizeStyle(getFieldStyles(defaultScope.field.label, defaultScope.nested)),
+                      "onUpdate:item": setter,
+                      "onDelete:item": ($event) => {
+                        setter();
+                        refetch();
+                      },
+                      onValidate: ($event) => validate()
+                    }, null, 40, ["item", "readonly", "skeleton", "card", "class", "style", "onUpdate:item", "onDelete:item", "onValidate"]))
+                  ]),
+                  _: 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 ? {
+                name: "expansion",
+                fn: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.expansion), {
+                    item,
+                    readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
                     skeleton,
                     card: unref(isGrid),
-                    class: normalizeClass({
-                      [defaultScope.field.cssClass ?? ""]: true,
-                      "items-center": !_ctx.alignTop,
-                      "items-start": _ctx.alignTop,
-                      "pr-6": !unref(isGrid)
-                    }),
-                    style: normalizeStyle(getFieldStyles(defaultScope.field.label)),
                     "onUpdate:item": setter,
                     "onDelete:item": ($event) => {
                       setter();
                       refetch();
-                    },
-                    onValidate: ($event) => validate()
-                  }, null, 40, ["item", "readonly", "skeleton", "card", "class", "style", "onUpdate:item", "onDelete:item", "onValidate"]))
+                    }
+                  }, null, 40, ["item", "readonly", "skeleton", "card", "onUpdate:item", "onDelete:item"]))
                 ]),
-                _: 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 ? {
-              name: "expansion",
-              fn: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.expansion), {
-                  item,
-                  readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
-                  skeleton,
-                  card: unref(isGrid),
-                  "onUpdate:item": setter,
-                  "onDelete:item": ($event) => {
-                    setter();
-                    refetch();
-                  }
-                }, null, 40, ["item", "readonly", "skeleton", "card", "onUpdate:item", "onDelete:item"]))
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1032, ["disabled", "disable-more", "mobile", "card-class", "has-border", "allow-open", "align-top", "hide-more", "form-name", "card", "to"])
-        ]),
-        _: 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"]);
+                key: "0"
+              } : 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"])
+          ]),
+          _: 3
+        }, 8, ["use-query-fn", "query-params", "query-options", "skeleton-length", "page-length", "count", "page-class", "style", "class"])
+      ], 2);
     };
   }
 });

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

@@ -23,16 +23,18 @@ declare const __VLS_component: import('vue').DefineComponent<{
     alignTop: boolean | undefined;
     hasBorder: boolean | undefined;
     cardClass: string | undefined;
+    cardWrapperClass: string | undefined;
     allowOpen: boolean | undefined;
     disableMore: boolean | undefined;
     formName: string | undefined;
-    card: boolean | undefined;
+    card: boolean;
     to: LinkProps["to"] | undefined;
-}, {
-    updateSelected: ((value: boolean) => void) | undefined;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:selected": (value: boolean) => any;
-    "update:selected-hover": (value: boolean) => any;
+    selected: boolean;
+    allowSelect: boolean;
+    allowSelectHover: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "toggle:selected": () => any;
+    "hover:selected": () => any;
 }, string, import('vue').PublicProps, Readonly<{
     disabled: boolean | undefined;
     hideMore: boolean | undefined;
@@ -40,14 +42,18 @@ declare const __VLS_component: import('vue').DefineComponent<{
     alignTop: boolean | undefined;
     hasBorder: boolean | undefined;
     cardClass: string | undefined;
+    cardWrapperClass: string | undefined;
     allowOpen: boolean | undefined;
     disableMore: boolean | undefined;
     formName: string | undefined;
-    card: boolean | undefined;
+    card: boolean;
     to: LinkProps["to"] | undefined;
+    selected: boolean;
+    allowSelect: boolean;
+    allowSelectHover: boolean;
 }> & Readonly<{
-    "onUpdate:selected"?: ((value: boolean) => any) | undefined;
-    "onUpdate:selected-hover"?: ((value: boolean) => any) | undefined;
+    "onToggle:selected"?: (() => any) | undefined;
+    "onHover:selected"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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":"AA0PA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AA2F5C,iBAAS,cAAc;;;;;;YAscO,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;WAUrB,OAAO,IAA6B;EAEjD;AAiCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;cA9jBT,OAAO,GAAG,SAAS;cACnB,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO,GAAG,SAAS;QACrB,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;;;;;;;cAVrB,OAAO,GAAG,SAAS;cACnB,OAAO,GAAG,SAAS;YACrB,OAAO,GAAG,SAAS;cACjB,OAAO,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;eACnB,MAAM,GAAG,SAAS;eAClB,OAAO,GAAG,SAAS;iBACjB,OAAO,GAAG,SAAS;cACtB,MAAM,GAAG,SAAS;UACtB,OAAO,GAAG,SAAS;QACrB,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS;;;;kFA+jB/B,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":"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"}