eco-vue-js 0.10.46 → 0.10.48

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

@@ -1,20 +1,18 @@
-import { defineComponent, ref, computed, toRef, watch, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, renderSlot, normalizeClass, unref, createVNode, normalizeStyle, withCtx, createSlots, resolveDynamicComponent, renderList, isRef } from 'vue';
-import _sfc_main$6 from '../Button/WButtonSelection.vue.js';
-import _sfc_main$3 from '../InfiniteList/WInfiniteList.vue.js';
+import { defineComponent, ref, computed, toRef, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, normalizeStyle, withCtx, renderSlot, createCommentVNode, createSlots, createBlock, resolveDynamicComponent, Fragment, renderList, 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';
 import { parseOrdering, encodeOrdering } from '../../utils/order.js';
 import { PAGE_LENGTH } from '../../utils/useDefaultQuery.js';
 import { useSelected } from '../../utils/useSelected.js';
 import { BASE_ZINDEX_DROPDOWN } from '../../utils/utils.js';
-import _sfc_main$4 from './WListCard.vue.js';
-import _sfc_main$9 from './WListHeader.vue.js';
-import _sfc_main$b from './WListHeaderItem.vue.js';
-import _sfc_main$a from './components/HeaderFieldNested.vue.js';
-import _sfc_main$8 from './components/HeaderSettings.vue.js';
-import _sfc_main$7 from './components/HeaderSort.vue.js';
-import _sfc_main$5 from './components/ListCardFieldNested.vue.js';
-import _sfc_main$1 from './components/ListFilterGlobal.vue.js';
-import _sfc_main$2 from './components/ListFilterLocal.vue.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';
+import _sfc_main$8 from './components/HeaderFieldNested.vue.js';
+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';
 
 const _hoisted_1 = {
@@ -53,13 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cardColumns: {},
     cardAreas: {},
     cardTo: { type: Function },
-    hasAction: { type: Boolean },
-    filter: {},
-    filterSearch: {},
-    disabledFilterFields: {},
-    search: { type: Boolean },
-    global: { type: Boolean },
-    noList: { type: Boolean }
+    hasAction: { type: Boolean }
   },
   emits: ["update:error", "click:action", "update:query-params", "update:count"],
   setup(__props, { emit: __emit }) {
@@ -132,258 +124,235 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     watch(countValue, (value) => emit("update:count", value), { immediate: true });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.filter || _ctx.search ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _ctx.global ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 0,
-            filter: _ctx.filter,
-            "filter-search": _ctx.filterSearch,
-            "query-params": _ctx.queryParams,
-            search: _ctx.search === true,
-            "disabled-filter-fields": _ctx.disabledFilterFields ?? [],
-            "onUpdate:queryParams": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:query-params", $event))
-          }, null, 8, ["filter", "filter-search", "query-params", "search", "disabled-filter-fields"])) : (openBlock(), createBlock(_sfc_main$2, {
-            key: 1,
-            filter: _ctx.filter,
-            "filter-search": _ctx.filterSearch,
-            "query-params": _ctx.queryParams,
-            search: _ctx.search === true,
-            "disabled-filter-fields": _ctx.disabledFilterFields ?? [],
-            "onUpdate:queryParams": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:query-params", $event))
-          }, null, 8, ["filter", "filter-search", "query-params", "search", "disabled-filter-fields"])),
-          renderSlot(_ctx.$slots, "filter")
-        ], 64)) : createCommentVNode("", true),
-        !_ctx.noList ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass({
-            "w-card": unref(isGrid),
-            "w-list": !unref(isGrid)
-          })
-        }, [
-          createVNode(_sfc_main$3, {
-            "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[4] || (_cache[4] = ($event) => listCount.value = $event),
-            "onUpdate:error": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("update:error", $event))
-          }, {
-            header: withCtx(({ updateHeaderHeight }) => [
-              renderSlot(_ctx.$slots, "header", { count: listCount.value }),
-              createVNode(_sfc_main$6, {
-                title: _ctx.selectionTitle,
-                "disable-message": _ctx.bulkDisableMessage,
-                "selected-count": unref(selectionCount),
-                style: normalizeStyle({ zIndex: unref(BASE_ZINDEX_DROPDOWN) }),
-                "onClear:selection": unref(resetSelection)
-              }, createSlots({
-                settings: withCtx(() => [
-                  _ctx.$slots.selection ? renderSlot(_ctx.$slots, "selection", { key: 0 }) : (openBlock(), createElementBlock("div", _hoisted_1, [
-                    !_ctx.noOrdering ? (openBlock(), createBlock(_sfc_main$7, {
-                      key: 0,
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass({
+          "w-card": unref(isGrid),
+          "w-list": !unref(isGrid)
+        })
+      }, [
+        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(({ updateHeaderHeight }) => [
+            renderSlot(_ctx.$slots, "header", { count: listCount.value }),
+            createVNode(_sfc_main$4, {
+              title: _ctx.selectionTitle,
+              "disable-message": _ctx.bulkDisableMessage,
+              "selected-count": unref(selectionCount),
+              style: normalizeStyle({ zIndex: unref(BASE_ZINDEX_DROPDOWN) }),
+              "onClear:selection": unref(resetSelection)
+            }, createSlots({
+              settings: withCtx(() => [
+                _ctx.$slots.selection ? renderSlot(_ctx.$slots, "selection", { key: 0 }) : (openBlock(), createElementBlock("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",
+                    "onUpdate:ordering": updateOrdering
+                  }, 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.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,
+                      readonly: _ctx.readonly ?? false,
+                      class: normalizeClass(cssClass),
+                      "onClear:selected": unref(resetSelection)
+                    }, null, 40, ["selection-count", "disable-message", "readonly", "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": unref(selectionCount),
+                      "query-params-getter": getQueryParamsBulk,
+                      "disable-message": scope?.disableMessage,
+                      readonly: _ctx.readonly ?? false,
+                      class: normalizeClass(scope?.cssClass),
+                      "onClear:selected": unref(resetSelection)
+                    }, null, 40, ["selection-count", "disable-message", "readonly", "class", "onClear:selected"]);
+                  }), 128))
+                ]),
+                key: "1"
+              } : void 0
+            ]), 1032, ["title", "disable-message", "selected-count", "style", "onClear:selection"]),
+            !unref(isGrid) ? (openBlock(), createBlock(_sfc_main$7, {
+              key: 0,
+              class: "sm-not:hidden",
+              "allow-select": allowSelect.value,
+              "tooltip-text": _ctx.selectAllTextGetter(unref(selectAllValue) !== true, _ctx.count ?? listCount.value ?? 0),
+              "hide-more": !_ctx.menu,
+              count: _ctx.count ?? listCount.value,
+              selection: unref(selectAllValue),
+              "onToggle:selection": _cache[1] || (_cache[1] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)()),
+              "onUpdate:header": updateHeaderHeight
+            }, {
+              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,
-                      fields: fieldsFiltered.value,
-                      "query-params": _ctx.queryParams,
-                      class: "border-r border-solid border-gray-300 dark:border-gray-700",
+                      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),
                       "onUpdate:ordering": updateOrdering
-                    }, null, 8, ["ordering", "fields", "query-params"])) : createCommentVNode("", true),
-                    createVNode(_sfc_main$8, {
-                      "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),
-                      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.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,
-                        readonly: _ctx.readonly ?? false,
-                        class: normalizeClass(cssClass),
-                        "onClear:selected": unref(resetSelection)
-                      }, null, 40, ["selection-count", "disable-message", "readonly", "class", "onClear:selected"]);
-                    }), 128))
+                    }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "item-class", "width-style", "onUpdate:width", "onSave:width"])
                   ]),
-                  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": unref(selectionCount),
-                        "query-params-getter": getQueryParamsBulk,
-                        "disable-message": scope?.disableMessage,
-                        readonly: _ctx.readonly ?? false,
-                        class: normalizeClass(scope?.cssClass),
-                        "onClear:selected": unref(resetSelection)
-                      }, null, 40, ["selection-count", "disable-message", "readonly", "class", "onClear:selected"]);
-                    }), 128))
+                  _: 1
+                }, 8, ["fields"])
+              ]),
+              _: 2
+            }, 1032, ["allow-select", "tooltip-text", "hide-more", "count", "selection", "onUpdate:header"])) : 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,
+              "form-name": skeleton ? void 0 : _ctx.formNameGetter?.(item),
+              card: unref(isGrid),
+              to: skeleton ? void 0 : _ctx.cardTo?.(item),
+              "has-action": _ctx.hasAction,
+              skeleton,
+              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),
+              "onClick:action": ($event) => _ctx.$emit("click:action", { item, setter })
+            }, 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"]))
                   ]),
-                  key: "1"
-                } : void 0
-              ]), 1032, ["title", "disable-message", "selected-count", "style", "onClear:selection"]),
-              !unref(isGrid) ? (openBlock(), createBlock(_sfc_main$9, {
-                key: 0,
-                class: "sm-not:hidden",
-                "allow-select": allowSelect.value,
-                "tooltip-text": _ctx.selectAllTextGetter(unref(selectAllValue) !== true, _ctx.count ?? listCount.value ?? 0),
-                "hide-more": !_ctx.menu,
-                count: _ctx.count ?? listCount.value,
-                selection: unref(selectAllValue),
-                "onToggle:selection": _cache[3] || (_cache[3] = ($event) => $event ? unref(selectAll)() : unref(resetSelection)()),
-                "onUpdate:header": updateHeaderHeight
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$a, { fields: fieldsFiltered.value }, {
-                    default: withCtx(({ field, nested }) => [
-                      createVNode(_sfc_main$b, {
-                        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),
-                        "onUpdate:ordering": updateOrdering
-                      }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "item-class", "width-style", "onUpdate:width", "onSave:width"])
-                    ]),
-                    _: 1
-                  }, 8, ["fields"])
-                ]),
-                _: 2
-              }, 1032, ["allow-select", "tooltip-text", "hide-more", "count", "selection", "onUpdate:header"])) : 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$4, {
-                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,
-                "form-name": skeleton ? void 0 : _ctx.formNameGetter?.(item),
-                card: unref(isGrid),
-                to: skeleton ? void 0 : _ctx.cardTo?.(item),
-                "has-action": _ctx.hasAction,
-                skeleton,
-                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),
-                "onClick:action": ($event) => _ctx.$emit("click:action", { item, setter })
-              }, createSlots({
-                default: withCtx(({ validate }) => [
-                  createVNode(_sfc_main$5, {
-                    fields: fieldsFiltered.value,
+                  _: 2
+                }, 1032, ["fields", "item", "skeleton", "card"])
+              ]),
+              _: 2
+            }, [
+              _ctx.expansion ? {
+                name: "expansion",
+                fn: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.expansion), {
                     item,
+                    readonly: _ctx.readonly || (_ctx.readonlyGetter?.(item) ?? false),
                     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"])
+                    card: unref(isGrid),
+                    "onUpdate:item": setter,
+                    "onDelete:item": ($event) => {
+                      setter();
+                      refetch();
+                    }
+                  }, null, 40, ["item", "readonly", "skeleton", "card", "onUpdate:item", "onDelete:item"]))
                 ]),
-                _: 2
-              }, [
-                _ctx.expansion ? {
-                  name: "expansion",
-                  fn: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.expansion), {
+                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),
-                      skeleton,
-                      card: unref(isGrid),
+                      "update-item": setter,
+                      "delete-item": () => {
+                        setter();
+                        refetch();
+                      },
                       "onUpdate:item": setter,
                       "onDelete:item": ($event) => {
                         setter();
                         refetch();
                       }
-                    }, 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", "form-name", "card", "to", "has-action", "skeleton", "selected", "allow-select", "allow-select-hover", "onToggle:selected", "onHover:selected", "onClick:action"])
-            ]),
-            _: 3
-          }, 8, ["use-query-fn", "query-params", "query-options", "skeleton-length", "page-length", "count", "page-class", "style", "class"])
-        ], 2)) : createCommentVNode("", true)
-      ], 64);
+                    }, 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", "form-name", "card", "to", "has-action", "skeleton", "selected", "allow-select", "allow-select-hover", "onToggle:selected", "onHover:selected", "onClick:action"])
+          ]),
+          _: 3
+        }, 8, ["use-query-fn", "query-params", "query-options", "skeleton-length", "page-length", "count", "page-class", "style", "class"])
+      ], 2);
     };
   }
 });

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

@@ -0,0 +1,25 @@
+import { FilterComponent } from './types';
+declare const _default: <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:query-params"?: ((value: QueryParams) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:query-params"> & {
+        queryParams: QueryParams;
+        filter?: FilterComponent<QueryParams>[];
+        filterSearch?: FilterComponent<QueryParams>;
+        disabledFilterFields?: Array<keyof QueryParams>;
+        search?: boolean;
+        global?: boolean;
+        title?: (count: number) => string;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: (e: "update:query-params", value: QueryParams) => void;
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=WListFilter.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WListFilter.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListFilter.vue"],"names":[],"mappings":"AAYA;AAmCA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,SAAS,CAAA;yBAK3B,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwFO,mBAAmB,CAAC;;;qBAtFb,WAAW;iBACf,eAAe,CAAC,WAAW,CAAC,EAAE;uBACxB,eAAe,CAAC,WAAW,CAAC;+BACpB,KAAK,CAAC,MAAM,WAAW,CAAC;iBACtC,OAAO;iBACP,OAAO;gBACR,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;mBAgF2D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA7EL,qBAAqB,SAAS,WAAW,KAAG,IAAI;EAiFlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnGzE,wBAmG4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,32 @@
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, mergeProps } from 'vue';
+import _sfc_main$1 from './components/ListFilterGlobal.vue.js';
+import _sfc_main$2 from './components/ListFilterLocal.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "WListFilter",
+  props: {
+    queryParams: {},
+    filter: {},
+    filterSearch: {},
+    disabledFilterFields: {},
+    search: { type: Boolean },
+    global: { type: Boolean },
+    title: { type: Function }
+  },
+  emits: ["update:query-params"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.global ? _sfc_main$1 : _sfc_main$2), mergeProps({
+        filter: _ctx.filter,
+        "filter-search": _ctx.filterSearch,
+        "query-params": _ctx.queryParams,
+        search: _ctx.search === true,
+        "disabled-filter-fields": _ctx.disabledFilterFields ?? []
+      }, _ctx.global ? void 0 : { title: _ctx.title }, {
+        "onUpdate:queryParams": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:query-params", $event))
+      }), null, 16, ["filter", "filter-search", "query-params", "search", "disabled-filter-fields"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/List/WListFilter.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './WListFilter.vue.js';
+
+
+
+export { _sfc_main as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ListFilterGlobal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterGlobal.vue"],"names":[],"mappings":"AA4FA;AAiKA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;yBAmB5B,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAyXO,mBAAmB,CAAC;;;gBAvXlB,eAAe,CAAC,WAAW,CAAC,EAAE,GAAG,SAAS;sBACpC,eAAe,CAAC,WAAW,CAAC,GAAG,SAAS;gBAC9C,OAAO;qBACF,WAAW;8BACF,KAAK,CAAC,MAAM,WAAW,CAAC;mBAmX8C,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBA7CkB,GAAG;;cAnU1B,qBAAqB,SAAS,WAAW,KAAG,IAAI;EAoXlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AApYzE,wBAoY4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ListFilterGlobal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterGlobal.vue"],"names":[],"mappings":"AAkDA;AAiHA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;yBAgB5B,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAkPO,mBAAmB,CAAC;;;gBAhPlB,eAAe,CAAC,WAAW,CAAC,EAAE,GAAG,SAAS;sBACpC,eAAe,CAAC,WAAW,CAAC,GAAG,SAAS;gBAC9C,OAAO;qBACF,WAAW;8BACF,KAAK,CAAC,MAAM,WAAW,CAAC;mBA4O8C,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;wBAvCkB,GAAG;;cAlM1B,qBAAqB,SAAS,WAAW,KAAG,IAAI;EA6OlD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA7PzE,wBA6P4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}