eco-vue-js 0.10.3 → 0.10.5

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

@@ -0,0 +1,32 @@
+import { FieldConfig, ListFields } from '../types';
+import { OrderItem } from '../../../utils/order';
+import { ListMode } from '../use/useListConfig';
+declare const _default: <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:field-config-map"?: ((value: Record<string, FieldConfig>) => any) | undefined;
+        readonly "onUpdate:mode"?: ((value: ListMode) => any) | undefined;
+        readonly "onClick:reset"?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:field-config-map" | "onUpdate:mode" | "onClick:reset"> & {
+        ordering: OrderItem<keyof Data>[];
+        fields: ListFields<Data, QueryParams>;
+        queryParams: QueryParams;
+        disabled?: boolean;
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {
+        (e: "update:field-config-map", value: Record<string, FieldConfig>): void;
+        (e: "update:mode", value: ListMode): void;
+        (e: "click:reset"): void;
+    };
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=HeaderSort.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSort.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderSort.vue"],"names":[],"mappings":"AAoFA,OAAO,KAAK,EAAC,WAAW,EAAa,UAAU,EAAC,MAAM,UAAU,CAAA;AAChE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAc5C,OAAO,EAAC,KAAK,QAAQ,EAAC,MAAM,sBAAsB,CAAA;yBAGjC,IAAI,SAAS,WAAW,EAAE,WAAW,eACxC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAyLxD,mBAAmB,CAAC;;;;;kBAnLlB,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;gBACzB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;qBACxB,WAAW;mBACb,OAAO;KAgLmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YA7KP,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,SAAS,QAAQ,GAAG,IAAI;YACrC,aAAa,GAAG,IAAI;;;;;YAgLkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnMvE,wBAmM4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,84 @@
+import { defineComponent, ref, computed, createBlock, createCommentVNode, openBlock, unref, withCtx, createVNode, createElementBlock, Fragment, renderList, markRaw } from 'vue';
+import _sfc_main$4 from '../../Button/WButtonSelectionAction.vue.js';
+import _sfc_main$2 from '../../ClickOutside/WClickOutside.vue.js';
+import _sfc_main$1 from '../../DropdownMenu/WDropdownMenu.vue.js';
+import IconSort from '../../../assets/icons/default/IconSort.svg.js';
+import '../../Button/WButtonAction.vue.js';
+import '../../Button/WButton.vue.js';
+import '../../Button/WButtonDropdown.vue.js';
+import { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
+import 'vue-router';
+import '../../../utils/supportsPassive.js';
+import '../../Dropdown/utils/DropdownStyle.js';
+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 '../use/useListConfig.js';
+import _sfc_main$3 from './HeaderSortItem.vue.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HeaderSort",
+  props: {
+    ordering: {},
+    fields: {},
+    queryParams: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:field-config-map", "update:mode", "click:reset"],
+  setup(__props) {
+    const props = __props;
+    const isOpen = ref(false);
+    const fieldsFlat = computed(() => {
+      const result = [];
+      const processField = (field) => {
+        if ("field" in field && field.field !== void 0) result.push(field);
+        else if ("fields" in field) field.fields.forEach(processField);
+      };
+      props.fields.forEach(processField);
+      return result;
+    });
+    return (_ctx, _cache) => {
+      return fieldsFlat.value.length ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 0,
+        "is-open": isOpen.value,
+        "max-width": 300,
+        "max-height": 300,
+        "horizontal-align": unref(HorizontalAlign).RIGHT_INNER
+      }, {
+        toggle: withCtx(() => [
+          createVNode(_sfc_main$4, {
+            icon: markRaw(unref(IconSort)),
+            disabled: _ctx.disabled,
+            active: isOpen.value,
+            onClick: _cache[0] || (_cache[0] = ($event) => isOpen.value = !isOpen.value)
+          }, null, 8, ["icon", "disabled", "active"])
+        ]),
+        content: withCtx(() => [
+          createVNode(_sfc_main$2, {
+            class: "bg-default dark:bg-default-dark my-2 grid grid-cols-1 overflow-hidden rounded-xl shadow-md dark:outline dark:outline-1 dark:outline-gray-800",
+            onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(fieldsFlat.value, (field) => {
+                return openBlock(), createBlock(_sfc_main$3, {
+                  key: field.label,
+                  title: typeof field.title === "string" ? field.title : field.title(_ctx.queryParams),
+                  field: typeof field.field === "string" ? field.field : field.field(_ctx.queryParams),
+                  ordering: _ctx.ordering,
+                  disabled: _ctx.disabled
+                }, null, 8, ["title", "field", "ordering", "disabled"]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["is-open", "horizontal-align"])) : createCommentVNode("", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -0,0 +1,22 @@
+import { OrderItem } from '../../../utils/order';
+declare const _default: <Data extends DefaultData>(__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<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
+        ordering: OrderItem<keyof Data>[];
+        field: keyof Data;
+        title: string;
+        disabled?: boolean;
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=HeaderSortItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSortItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderSortItem.vue"],"names":[],"mappings":"AAuEA,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,eAAe,CAAA;yBAK3B,IAAI,SAAS,WAAW,eAC3B,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;WAyIxD,mBAAmB,CAAC;kBArIlB,SAAS,CAAC,MAAM,IAAI,CAAC,EAAE;eAC1B,MAAM,IAAI;eACV,MAAM;mBACF,OAAO;KAkImE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;UAEJ,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnJvE,wBAmJ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -0,0 +1,67 @@
+import { defineComponent, toRef, createBlock, openBlock, unref, withCtx, createElementVNode, toDisplayString, createVNode, Transition, createCommentVNode, normalizeClass, createElementBlock } from 'vue';
+import _sfc_main$1 from '../../MenuItem/WMenuItem.vue.js';
+import IconBack from '../../../assets/icons/default/IconBack.svg.js';
+import { useOrdering } from '../use/useOrdering.js';
+
+const _hoisted_1 = { class: "flex-1 truncate text-base font-normal" };
+const _hoisted_2 = { class: "ml-auto flex w-8 items-center justify-between" };
+const _hoisted_3 = {
+  key: 0,
+  class: "text-base font-semibold"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HeaderSortItem",
+  props: {
+    ordering: {},
+    field: {},
+    title: {},
+    disabled: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const { index, setOrdering } = useOrdering(toRef(props, "ordering"), toRef(props, "field"));
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        disabled: _ctx.disabled,
+        onClick: unref(setOrdering)
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, toDisplayString(_ctx.title), 1),
+          createElementVNode("div", _hoisted_2, [
+            createVNode(Transition, {
+              "enter-active-class": "transition-opacity",
+              "leave-active-class": "transition-opacity",
+              "enter-from-class": "opacity-0",
+              "leave-to-class": "opacity-0"
+            }, {
+              default: withCtx(() => [
+                unref(index) !== -1 ? (openBlock(), createBlock(unref(IconBack), {
+                  key: 0,
+                  class: normalizeClass(["square-4 transition-transform", {
+                    "rotate-90": _ctx.ordering[unref(index)]?.order === "ASC",
+                    "-rotate-90": _ctx.ordering[unref(index)]?.order === "DESC"
+                  }])
+                }, null, 8, ["class"])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            createVNode(Transition, {
+              "enter-active-class": "transition-opacity",
+              "leave-active-class": "transition-opacity",
+              "enter-from-class": "opacity-0",
+              "leave-to-class": "opacity-0"
+            }, {
+              default: withCtx(() => [
+                unref(index) !== -1 && _ctx.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(index) + 1), 1)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled", "onClick"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -5,7 +5,7 @@ declare const _default: <Data extends DefaultData, QueryParams>(__VLS_props: Non
         item: Data;
         nested?: boolean;
         skeleton: boolean;
-        mobile: boolean;
+        card: boolean;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -13,11 +13,13 @@ declare const _default: <Data extends DefaultData, QueryParams>(__VLS_props: Non
         default: (props: {
             field: ListField<Data, QueryParams>;
             item: Data;
+            nested: boolean;
         }) => void;
     }> & {
         default: (props: {
             field: ListField<Data, QueryParams>;
             item: Data;
+            nested: boolean;
         }) => void;
     };
     emit: {};

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

@@ -1 +1 @@
-{"version":3,"file":"ListCardFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/ListCardFieldNested.vue"],"names":[],"mappings":"AA0FA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBASlC,IAAI,SAAS,WAAW,EAAE,WAAW,eACxC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoIxD,mBAAmB,CAAC;gBAhIpB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;cAC/B,IAAI;iBACD,OAAO;kBACN,OAAO;gBACT,OAAO;KA4HsE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBAzHF,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAA;SAAC,KAAK,IAAI;;iBAAlE,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAA;SAAC,KAAK,IAAI;;UA2HpE,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9IvE,wBA8I4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ListCardFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/ListCardFieldNested.vue"],"names":[],"mappings":"AA2FA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBASlC,IAAI,SAAS,WAAW,EAAE,WAAW,eACxC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAoIxD,mBAAmB,CAAC;gBAhIpB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;cAC/B,IAAI;iBACD,OAAO;kBACN,OAAO;cACX,OAAO;KA4HwE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBAzHF,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAC;YAAC,MAAM,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;iBAAnF,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAC;YAAC,MAAM,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;UA2HrF,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9IvE,wBA8I4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,7 +1,7 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, unref, createBlock, resolveDynamicComponent, mergeProps, withCtx, createVNode, createElementVNode, normalizeClass, renderSlot } from 'vue';
+import { defineComponent, resolveComponent, createElementBlock, openBlock, Fragment, renderList, unref, renderSlot, createBlock, resolveDynamicComponent, mergeProps, withCtx, createVNode, createElementVNode, normalizeClass } from 'vue';
 import _sfc_main$2 from '../../EmptyComponent/WEmptyComponent.vue.js';
 import _sfc_main$1 from './ListCardFieldNestedItem.vue.js';
-import { getFirstFieldLabel } from '../use/useFieldConfigMap.js';
+import { getFirstFieldLabel } from '../use/useListConfig.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ListCardFieldNested",
@@ -10,7 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     item: {},
     nested: { type: Boolean },
     skeleton: { type: Boolean },
-    mobile: { type: Boolean }
+    card: { type: Boolean }
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "keyArray" in field || "getterArray" in field ? (openBlock(), createBlock(resolveDynamicComponent(field.componentArray ?? "div"), mergeProps({
               key: 0,
               ref_for: true
-            }, field.componentArray ? { item: _ctx.item, skeleton: _ctx.skeleton, mobile: _ctx.mobile } : void 0, {
+            }, field.componentArray ? { item: _ctx.item, skeleton: _ctx.skeleton, card: _ctx.card } : void 0, {
               class: field.cssClassArray
             }), {
               default: withCtx(() => [
@@ -31,7 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   items: _ctx.skeleton ? [_ctx.item] : "keyArray" in field ? _ctx.item[field.keyArray] : field.getterArray(_ctx.item)
                 }, {
                   default: withCtx(({ inner, index, last, first }) => [
-                    (openBlock(), createBlock(resolveDynamicComponent(field.componentItem ?? _sfc_main$2), mergeProps({ ref_for: true }, field.componentItem ? { item: _ctx.item, skeleton: _ctx.skeleton, mobile: _ctx.mobile, index, last, first } : void 0), {
+                    (openBlock(), createBlock(resolveDynamicComponent(field.componentItem ?? _sfc_main$2), mergeProps({ ref_for: true }, field.componentItem ? { item: _ctx.item, skeleton: _ctx.skeleton, card: _ctx.card, index, last, first } : void 0), {
                       default: withCtx(() => [
                         createElementVNode("div", {
                           class: normalizeClass(["flex", field.cssClass])
@@ -40,14 +40,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             fields: field.fields,
                             item: inner,
                             skeleton: _ctx.skeleton,
-                            mobile: _ctx.mobile,
+                            card: _ctx.card,
                             nested: ""
                           }, {
                             default: withCtx((defaultScope) => [
                               renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, defaultScope))
                             ]),
                             _: 2
-                          }, 1032, ["fields", "item", "skeleton", "mobile"])
+                          }, 1032, ["fields", "item", "skeleton", "card"])
                         ], 2)
                       ]),
                       _: 2
@@ -65,19 +65,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 fields: field.fields,
                 item: "keyEntity" in field ? _ctx.item[field.keyEntity] : "getterEntity" in field ? field.getterEntity(_ctx.item) : _ctx.item,
                 skeleton: _ctx.skeleton,
-                mobile: _ctx.mobile,
+                card: _ctx.card,
                 nested: ""
               }, {
                 default: withCtx((defaultScope) => [
                   renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, defaultScope))
                 ]),
                 _: 2
-              }, 1032, ["fields", "item", "skeleton", "mobile"])
+              }, 1032, ["fields", "item", "skeleton", "card"])
             ], 2))
           ], 64)) : renderSlot(_ctx.$slots, "default", {
             key: 1,
             field,
-            item: _ctx.item
+            item: _ctx.item,
+            nested: _ctx.nested === true
           })
         ], 64);
       }), 128);

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

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, renderList, renderSlot, mergeProps } from 'vue';
+import { defineComponent, createElementBlock, openBlock, Fragment, renderList, renderSlot, mergeProps } from 'vue';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ListCardFieldNestedItem",

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

@@ -3,17 +3,17 @@ export type FieldComponent<Data> = Component<{
     item: Data;
     skeleton: boolean;
     readonly: boolean;
-    mobile: boolean;
+    card: boolean;
 }>;
 export type FieldComponentNested<Data> = Component<{
     item: Data;
     skeleton: boolean;
-    mobile: boolean;
+    card: boolean;
 }>;
 export type FieldComponentItem<Data> = Component<{
     item: Data;
     skeleton: boolean;
-    mobile: boolean;
+    card: boolean;
     index: number;
     first: boolean;
     last: boolean;
@@ -91,5 +91,12 @@ type GetFieldLabelsTuple<Fields> = Fields extends [infer Head, ...infer Tail] ?
 } ? [...GetFieldLabelsTuple<InnerFields>, ...GetFieldLabelsTuple<Tail>] : GetFieldLabelsTuple<Tail> : [];
 export type GetFieldLabels<Fields extends ListFields<unknown>> = GetFieldLabelsTuple<Fields>[number];
 export type FieldConfigMap<Fields extends ListFields<any, any>> = Record<GetFieldLabels<Fields>, FieldConfig>;
+export declare const AREA_SELECT = "area_select";
+export declare const AREA_MORE = "area_more";
+export type CardAreas<Fields extends ListFields<any, any>, Length extends number> = (readonly (GetFieldLabels<Fields> | typeof AREA_SELECT | typeof AREA_MORE | '.')[] & {
+    length: Length;
+})[];
+type GridColValue = 'auto' | '1fr' | `${number}rem`;
+export type GridCol = GridColValue | `minmax(${GridColValue}, ${GridColValue})`;
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"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"}

package/dist/components/List/types.js

@@ -0,0 +1,4 @@
+const AREA_SELECT = "area_select";
+const AREA_MORE = "area_more";
+
+export { AREA_MORE, AREA_SELECT };

package/dist/components/List/use/useListConfig.d.ts

@@ -0,0 +1,24 @@
+import { FieldConfig, FieldConfigMap, ListField, ListFields } from '../types';
+import { MaybeRef } from 'vue';
+export declare enum ListMode {
+    TABLE = "table",
+    GRID = "grid"
+}
+export declare const listModeList: ListMode[];
+export declare const listModeIconMap: Record<ListMode, SVGComponent>;
+export type ListConfig<Fields extends ListFields<unknown>> = {
+    fields: FieldConfigMap<Fields>;
+    mode: ListMode;
+};
+export declare const filterFields: <F extends ListFields<any, any>>(fields: F, method: (field: ListField<unknown>) => boolean) => F;
+export declare const getFirstFieldLabel: <F extends ListFields<any, any>[number]>(field: F) => string;
+export declare const useListConfig: <Fields extends ListFields<any, any>>(key: MaybeRef<string>, fields: MaybeRef<Fields>, defaultConfigMap: MaybeRef<FieldConfigMap<Fields>>) => {
+    listConfig: import('vue').ComputedRef<ListConfig<Fields>>;
+    fieldConfigMap: import('vue').WritableComputedRef<Record<string, FieldConfig>, Record<string, FieldConfig>>;
+    isGrid: import('vue').ComputedRef<boolean>;
+    hasSaved: import('vue').Ref<boolean, boolean>;
+    reset: () => void;
+    save: () => void;
+    updateMode: (mode: ListMode) => void;
+};
+//# sourceMappingURL=useListConfig.d.ts.map

package/dist/components/List/use/useListConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListConfig.d.ts","sourceRoot":"","sources":["../../../../src/components/List/use/useListConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;AAEhF,OAAO,EAAC,KAAK,QAAQ,EAA8C,MAAM,KAAK,CAAA;AAK9E,oBAAY,QAAQ;IAClB,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED,eAAO,MAAM,YAAY,YAGxB,CAAA;AAUD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAG1D,CAAA;AAED,MAAM,MAAM,UAAU,CAAC,MAAM,SAAS,UAAU,CAAC,OAAO,CAAC,IAAI;IAC3D,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,CAAA;IAC9B,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAoED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,OAAO,CAAC,KAAK,OAAO,KAAG,CAUxH,CAAA;AAGD,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,KAAG,MAErF,CAAA;AAGD,eAAO,MAAM,aAAa,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,OAAO,QAAQ,CAAC,MAAM,CAAC,UAAU,QAAQ,CAAC,MAAM,CAAC,oBAAoB,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;;;;;;;uBAiC1I,QAAQ;CA2BnC,CAAA"}

package/dist/components/List/use/{useFieldConfigMap.js → useListConfig.js}

@@ -1,5 +1,21 @@
-import { ref, unref, computed, isRef, watch } from 'vue';
+import { markRaw, ref, unref, computed, isRef, watch } from 'vue';
+import IconGrid from '../../../assets/icons/sax/IconGrid.svg.js';
+import IconTable from '../../../assets/icons/sax/IconTable.svg.js';
 
+const listModeList = [
+  "table" /* TABLE */,
+  "grid" /* GRID */
+];
+const isListMode = (value) => {
+  return typeof value === "string" && listModeList.includes(value);
+};
+const parseListMode = (value) => {
+  return isListMode(value) ? value : "table" /* TABLE */;
+};
+const listModeIconMap = {
+  ["table" /* TABLE */]: markRaw(IconTable),
+  ["grid" /* GRID */]: markRaw(IconGrid)
+};
 const fieldConfigKeyLength = 3;
 const isFieldConfig = (value) => {
   return value instanceof Object && Object.keys(value).length <= fieldConfigKeyLength && (!("width" in value) || value.width === null || typeof value.width === "number") && (!("visible" in value) || typeof value.visible === "boolean") && (!("order" in value) || typeof value.order === "number");
@@ -31,7 +47,13 @@ const parseFieldConfigMap = (value, fields, defaultConfigMap) => {
   });
   return configMap;
 };
-const getFieldConfigMap = (key) => {
+const parseListConfig = (value, fields, defaultConfigMap) => {
+  return {
+    fields: parseFieldConfigMap(value instanceof Object && "fields" in value ? value.fields : void 0, fields, defaultConfigMap),
+    mode: parseListMode(value instanceof Object && "mode" in value ? value.mode : void 0)
+  };
+};
+const getListConfig = (key) => {
   const value = localStorage.getItem(key);
   if (typeof value !== "string") return void 0;
   try {
@@ -52,37 +74,56 @@ const filterFields = (fields, method) => {
 const getFirstFieldLabel = (field) => {
   return "label" in field ? field.label : getFirstFieldLabel(field.fields[0]);
 };
-const useFieldConfigMap = (key, fields, defaultConfigMap) => {
-  const value = ref(parseFieldConfigMap(getFieldConfigMap(unref(key)), unref(fields), unref(defaultConfigMap)));
+const useListConfig = (key, fields, defaultConfigMap) => {
+  const value = ref(
+    parseListConfig(
+      getListConfig(unref(key)),
+      unref(fields),
+      unref(defaultConfigMap)
+    )
+  );
   const hasSaved = ref(localStorage.getItem(unref(key)) !== null);
+  const listConfig = computed(() => value.value);
   const fieldConfigMap = computed({
-    get: () => value.value,
+    get: () => value.value.fields,
     set: (newValue) => {
-      value.value = newValue;
-      hasSaved.value = true;
-      localStorage.setItem(unref(key), JSON.stringify(newValue));
+      value.value.fields = newValue;
+      save();
     }
   });
+  const isGrid = computed(() => value.value.mode === "grid" /* GRID */);
   const reset = () => {
-    value.value = parseFieldConfigMap(void 0, unref(fields), unref(defaultConfigMap));
+    value.value = parseListConfig(void 0, unref(fields), unref(defaultConfigMap));
     hasSaved.value = false;
     localStorage.removeItem(unref(key));
   };
+  const save = () => {
+    localStorage.setItem(unref(key), JSON.stringify(value.value));
+    hasSaved.value = true;
+  };
+  const updateMode = (mode) => {
+    value.value.mode = mode;
+    save();
+  };
   if (isRef(key)) {
     watch(key, (newKey) => {
-      value.value = parseFieldConfigMap(getFieldConfigMap(unref(newKey)), unref(fields), unref(defaultConfigMap));
+      value.value = parseListConfig(getListConfig(unref(newKey)), unref(fields), unref(defaultConfigMap));
       hasSaved.value = localStorage.getItem(unref(key)) !== null;
     });
   }
   if (isRef(defaultConfigMap)) watch(defaultConfigMap, (newValue) => {
-    value.value = parseFieldConfigMap(getFieldConfigMap(unref(key)), unref(fields), newValue);
+    value.value = parseListConfig(getListConfig(unref(key)), unref(fields), newValue);
     hasSaved.value = localStorage.getItem(unref(key)) !== null;
   });
   return {
+    listConfig,
     fieldConfigMap,
+    isGrid,
     hasSaved,
-    reset
+    reset,
+    save,
+    updateMode
   };
 };
 
-export { filterFields, getFirstFieldLabel, useFieldConfigMap };
+export { filterFields, getFirstFieldLabel, listModeIconMap, listModeList, useListConfig };

package/dist/components/List/use/useOrdering.d.ts

@@ -0,0 +1,7 @@
+import { Ref } from 'vue';
+import { OrderItem } from '../../../utils/order';
+export declare const useOrdering: <Field>(ordering: Ref<OrderItem<Field>[]>, field: Ref<Field>) => {
+    index: import('vue').ComputedRef<number>;
+    setOrdering: () => void;
+};
+//# sourceMappingURL=useOrdering.d.ts.map

package/dist/components/List/use/useOrdering.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrdering.d.ts","sourceRoot":"","sources":["../../../../src/components/List/use/useOrdering.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,GAAG,EAAW,MAAM,KAAK,CAAA;AAGtC,OAAO,EAAQ,KAAK,SAAS,EAAiB,MAAM,eAAe,CAAA;AAEnE,eAAO,MAAM,WAAW,GAAI,KAAK,YAAY,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,GAAG,CAAC,KAAK,CAAC;;uBAmB7D,IAAI;CAkB7B,CAAA"}

package/dist/components/List/use/useOrdering.js

@@ -0,0 +1,36 @@
+import { computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { Order, encodeOrdering } from '../../../utils/order.js';
+
+const useOrdering = (ordering, field) => {
+  const route = useRoute();
+  const router = useRouter();
+  const index = computed(() => ordering.value.findIndex((item) => item.field === field.value));
+  const updateQuery = (newOrdering) => {
+    const newOrderingValue = encodeOrdering(newOrdering);
+    if (route.query.ordering === newOrderingValue) return;
+    router.replace({
+      query: {
+        ...route.query,
+        ordering: newOrderingValue
+      }
+    });
+  };
+  const setOrdering = () => {
+    const newOrdering = ordering.value.slice();
+    if (index.value === -1) {
+      newOrdering.push({ field: field.value, order: Order.DESC });
+    } else if (newOrdering[index.value].order === Order.DESC) {
+      newOrdering[index.value].order = Order.ASC;
+    } else {
+      newOrdering.splice(index.value, 1);
+    }
+    updateQuery(newOrdering);
+  };
+  return {
+    index,
+    setOrdering
+  };
+};
+
+export { useOrdering };

package/dist/components/MenuItem/WMenuItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, mergeProps, withCtx, renderSlot } from 'vue';
 import { RouterLink } from 'vue-router';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/components/Modal/WModal.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, reactive, watch, onBeforeMount, onBeforeUnmount, openBlock, createElementBlock, createVNode, Transition, withCtx, normalizeStyle, createCommentVNode, TransitionGroup, Fragment, renderList, createElementVNode, withModifiers, createBlock, resolveDynamicComponent, mergeProps } from 'vue';
+import { defineComponent, ref, reactive, watch, onBeforeMount, onBeforeUnmount, createElementBlock, openBlock, createVNode, Transition, withCtx, createCommentVNode, normalizeStyle, TransitionGroup, Fragment, renderList, createElementVNode, createBlock, withModifiers, resolveDynamicComponent, mergeProps } from 'vue';
 import { Modal, initModal } from '../../utils/Modal.js';
 import { SemanticType } from '../../utils/SemanticType.js';
 import _sfc_main$1 from './components/ModalCloseButton.vue.js';