eco-vue-js 0.8.22 → 0.8.24

package/dist/components/Button/WButtonMore.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AAqGA,iBAAS,cAAc;;;yBATL,IAAI;YA6GQ,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WArJZ,YAAY;eACR,OAAO;;WADX,YAAY;eACR,OAAO;iGA0JlB,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":"WButtonMore.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/WButtonMore.vue"],"names":[],"mappings":"AAqGA,iBAAS,cAAc;;;yBATL,IAAI;YA4GQ,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WApJZ,YAAY;eACR,OAAO;;WADX,YAAY;eACR,OAAO;iGAyJlB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Button/WButtonMore.vue.js

@@ -27,7 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: normalizeClass([{
           "w-hover-circle-trigger cursor-pointer": !_ctx.disabled,
           "cursor-not-allowed opacity-50": _ctx.disabled
-        }, "outline-none flex items-center justify-center"]),
+        }, "outline-none flex justify-center"]),
         onClick: toggle
       }, [
         createVNode(_sfc_main$1, {

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<{
 }> & Readonly<{
     "onUpdate:search"?: ((value: string | undefined) => any) | undefined;
 }>, {
-    search: string;
     title: string;
+    search: string;
     headerPadding: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAsOA,iBAAS,cAAc;;uBA6OI,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAxVT,MAAM;aACL,MAAM;oBACC,OAAO;oBACP,MAAM;;;;YAHd,MAAM;aACL,MAAM;oBACC,OAAO;oBACP,MAAM;;;;YAFb,MAAM;WADP,MAAM;mBAGE,MAAM;6EA+VxB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAsOA,iBAAS,cAAc;;uBA6OI,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;WAUlB,OAAO,IAA6B;EAEjD;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAxVT,MAAM;aACL,MAAM;oBACC,OAAO;oBACP,MAAM;;;;YAHd,MAAM;aACL,MAAM;oBACC,OAAO;oBACP,MAAM;;;;WAHd,MAAM;YACL,MAAM;mBAEC,MAAM;6EA+VxB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,10 +1,10 @@
-import { BulkComponent, FieldComponent, ListField, MenuComponent } from './types';
-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<{
+import { BulkComponent, FieldComponent, FieldConfigMap, ListFields, MenuComponent } from './types';
+declare const _default: <Data extends DefaultData, QueryParams, Fields extends ListFields<Data, 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:header-padding"?: ((value: number) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:header-padding"> & {
         count?: number;
-        fields: ListField<Data, QueryParams>[];
+        fields: Fields;
         expansion?: FieldComponent<Data>;
         useQueryFn: UseQueryPaginated<Data, QueryParams>;
         queryParams: QueryParams;
@@ -18,6 +18,9 @@ declare const _default: <Data extends DefaultData, QueryParams>(__VLS_props: Non
         selectAllTextGetter: (isUnselect: boolean, count: number) => string;
         hasBorder?: boolean;
         moreBottom?: boolean;
+        configKey: string;
+        defaultConfigMap: FieldConfigMap<Fields>;
+        alignTop?: boolean;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

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

@@ -1 +1 @@
-{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AA8RA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAe,SAAS,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAQhF,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;WAgkBxD,mBAAmB,CAAC;;;gBAxjBpB,MAAM;gBACN,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE;oBAC1B,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;cACjC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;6BACG,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;qBACN,OAAO;KA0iBiE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAviBP,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YA4iBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1kBvE,wBA0kB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WList.vue.d.ts","sourceRoot":"","sources":["../../../src/components/List/WList.vue"],"names":[],"mappings":"AAuSA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAWpF,IAAI,SAAS,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,eACtF,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;WA2mBxD,mBAAmB,CAAC;;;gBAnmBpB,MAAM;gBACN,MAAM;oBACF,cAAc,CAAC,IAAI,CAAC;oBACpB,iBAAiB,CAAC,IAAI,EAAE,WAAW,CAAC;qBACnC,WAAW;6BACH,MAAM;wBACX,MAAM;eACf,aAAa,CAAC,WAAW,CAAC,EAAE;mBACxB,aAAa,CAAC,WAAW,CAAC,EAAE;cACjC,aAAa,CAAC,IAAI,CAAC,EAAE;yBACV,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO;oBAC5B,MAAM;6BACG,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM;oBACvD,OAAO;qBACN,OAAO;mBACT,MAAM;0BACC,cAAc,CAAC,MAAM,CAAC;mBAC7B,OAAO;KAklBmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cA/kBP,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YAolBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AArnBvE,wBAqnB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,13 +1,16 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode, normalizeStyle } from 'vue';
+import { defineComponent, ref, computed, toRef, openBlock, createBlock, unref, withCtx, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode, normalizeStyle, isRef } from 'vue';
 import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
 import { getIsMobile } from '../../utils/mobile.js';
 import { useSelected, getPosition } from '../../utils/useSelected.js';
-import _sfc_main$6 from './WListCard.vue.js';
+import _sfc_main$7 from './WListCard.vue.js';
 import _sfc_main$3 from './WListHeader.vue.js';
 import _sfc_main$5 from './WListHeaderItem.vue.js';
 import { parseOrdering } from '../../utils/order.js';
 import _sfc_main$2 from '../Button/WButtonSelection.vue.js';
-import _sfc_main$4 from './components/HeaderSettings.vue.js';
+import _sfc_main$6 from './components/HeaderSettings.vue.js';
+import { filterFields, useFieldConfigMap, getFirstFieldLabel } from './use/useFieldConfigMap.js';
+import _sfc_main$8 from './components/ListCardFieldNested.vue.js';
+import _sfc_main$4 from './components/HeaderFieldNested.vue.js';
 
 const PAGE_LENGTH = 24;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -27,7 +30,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     cardClass: {},
     selectAllTextGetter: { type: Function },
     hasBorder: { type: Boolean },
-    moreBottom: { type: Boolean }
+    moreBottom: { type: Boolean },
+    configKey: {},
+    defaultConfigMap: {},
+    alignTop: { type: Boolean }
   },
   emits: ["update:header-padding"],
   setup(__props) {
@@ -35,18 +41,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const listCount = ref(0);
     const selectionCount = ref(0);
-    const fieldsConfig = ref(props.fields.reduce((result, field, index) => {
-      result[field.label] = {
-        width: 0,
-        visible: true,
-        order: index
-      };
-      return result;
-    }, {}));
-    const fieldsVisible = computed(() => props.fields.filter((field) => field.visibleGetter?.(props.queryParams) ?? true));
+    const fieldsVisible = computed(() => filterFields(props.fields, (field) => field.visibleGetter?.(props.queryParams) ?? true));
+    const { fieldConfigMap, hasSaved, reset } = useFieldConfigMap(toRef(props, "configKey"), fieldsVisible, toRef(props, "defaultConfigMap"));
     const fieldsFiltered = computed(() => {
       if (isMobile) return fieldsVisible.value;
-      return fieldsVisible.value.filter((field) => fieldsConfig.value[field.label].visible).sort((a, b) => fieldsConfig.value[a.label].order - fieldsConfig.value[b.label].order);
+      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);
@@ -107,8 +106,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onSelect: unref(setSelected),
         onSelectReverse: unref(setSelectedReverse),
         onSelectRange: unref(setSelectedRange),
-        "onUpdate:headerPadding": _cache[5] || (_cache[5] = ($event) => _ctx.$emit("update:header-padding", $event)),
-        "onUpdate:count": _cache[6] || (_cache[6] = ($event) => listCount.value = $event)
+        "onUpdate:headerPadding": _cache[6] || (_cache[6] = ($event) => _ctx.$emit("update:header-padding", $event)),
+        "onUpdate:count": _cache[7] || (_cache[7] = ($event) => listCount.value = $event)
       }, {
         header: withCtx(({ selectAllValue }) => [
           allowSelect.value ? (openBlock(), createBlock(_sfc_main$2, {
@@ -156,45 +155,80 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "tooltip-text": _ctx.selectAllTextGetter(selectAllValue !== true, _ctx.count ?? listCount.value),
             count: _ctx.count ?? listCount.value,
             selection: selectAllValue,
-            "onToggle:selection": _cache[4] || (_cache[4] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
+            "onToggle:selection": _cache[5] || (_cache[5] = ($event) => $event ? unref(setSelectedReverse)([]) : unref(setSelected)([]))
           }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$4, { fields: fieldsFiltered.value }, {
+                default: withCtx(({ field }) => [
+                  createVNode(_sfc_main$5, {
+                    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: !field.field,
+                    "allow-resize": field.allowResize,
+                    style: normalizeStyle({
+                      minWidth: !unref(isMobile) && unref(fieldConfigMap)[field.label]?.width ? unref(fieldConfigMap)[field.label].width + "px" : void 0
+                    }),
+                    "onUpdate:width": ($event) => unref(fieldConfigMap)[field.label].width = $event,
+                    "onSave:width": _cache[3] || (_cache[3] = ($event) => fieldConfigMap.value = unref(fieldConfigMap))
+                  }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "style", "onUpdate:width"])
+                ]),
+                _: 1
+              }, 8, ["fields"])
+            ]),
             settings: withCtx(() => [
-              createVNode(_sfc_main$4, {
-                fields: _ctx.fields,
-                "fields-config": fieldsConfig.value,
+              createVNode(_sfc_main$6, {
+                "field-config-map": unref(fieldConfigMap),
+                "onUpdate:fieldConfigMap": _cache[4] || (_cache[4] = ($event) => isRef(fieldConfigMap) ? fieldConfigMap.value = $event : null),
+                fields: fieldsVisible.value,
                 "query-params": _ctx.queryParams,
-                "onUpdate:fieldsConfig": _cache[3] || (_cache[3] = ($event) => fieldsConfig.value = { ...fieldsConfig.value, ...$event })
-              }, null, 8, ["fields", "fields-config", "query-params"])
-            ]),
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(fieldsFiltered.value, (field) => {
-                return openBlock(), createBlock(_sfc_main$5, {
-                  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),
-                  class: normalizeClass(field.cssClass),
-                  ordering: ordering.value,
-                  disabled: !field.field,
-                  "allow-resize": field.allowResize,
-                  style: normalizeStyle({
-                    minWidth: !unref(isMobile) && fieldsConfig.value[field.label]?.width ? fieldsConfig.value[field.label].width + "px" : void 0
-                  }),
-                  "onUpdate:width": ($event) => fieldsConfig.value[field.label].width = $event
-                }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "style", "onUpdate:width"]);
-              }), 128))
+                "has-saved": unref(hasSaved),
+                "onClick:reset": unref(reset)
+              }, null, 8, ["field-config-map", "fields", "query-params", "has-saved", "onClick:reset"])
             ]),
             _: 2
           }, 1032, ["query-params", "allow-select", "tooltip-text", "count", "selection"])) : createCommentVNode("", true)
         ]),
         default: withCtx(({ item, skeleton, setter, refetch }) => [
-          createVNode(_sfc_main$6, {
+          createVNode(_sfc_main$7, {
             disabled: skeleton,
             mobile: unref(isMobile),
             "card-class": _ctx.cardClass,
             "has-border": _ctx.hasBorder,
             "more-bottom": _ctx.moreBottom,
-            "allow-open": allowOpen.value && !skeleton
+            "allow-open": allowOpen.value && !skeleton,
+            "align-top": _ctx.alignTop
           }, createSlots({
+            default: withCtx(() => [
+              createVNode(_sfc_main$8, {
+                fields: fieldsFiltered.value,
+                item
+              }, {
+                default: withCtx((defaultScope) => [
+                  (openBlock(), createBlock(resolveDynamicComponent(defaultScope.field.component), {
+                    item: defaultScope.item,
+                    readonly: _ctx.readonlyGetter?.(defaultScope.item),
+                    skeleton,
+                    mobile: unref(isMobile),
+                    class: normalizeClass({
+                      [defaultScope.field.cssClass ?? ""]: true,
+                      "items-center": !_ctx.alignTop,
+                      "items-start": _ctx.alignTop
+                    }),
+                    style: normalizeStyle({
+                      minWidth: !unref(isMobile) && unref(fieldConfigMap)[defaultScope.field.label]?.width ? unref(fieldConfigMap)[defaultScope.field.label].width + "px" : void 0
+                    }),
+                    "onUpdate:item": setter,
+                    "onDelete:item": ($event) => {
+                      setter();
+                      refetch();
+                    }
+                  }, null, 40, ["item", "readonly", "skeleton", "mobile", "class", "style", "onUpdate:item", "onDelete:item"]))
+                ]),
+                _: 2
+              }, 1032, ["fields", "item"])
+            ]),
             more: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu, (menuItem, menuIndex) => {
                 return openBlock(), createBlock(resolveDynamicComponent(menuItem), {
@@ -209,26 +243,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, null, 40, ["item", "readonly", "onUpdate:item", "onDelete:item"]);
               }), 128))
             ]),
-            default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(fieldsFiltered.value, (field) => {
-                return openBlock(), createBlock(resolveDynamicComponent(field.component), {
-                  key: field.label,
-                  item,
-                  readonly: _ctx.readonlyGetter?.(item),
-                  skeleton,
-                  mobile: unref(isMobile),
-                  class: normalizeClass(field.cssClass),
-                  style: normalizeStyle({
-                    minWidth: !unref(isMobile) && fieldsConfig.value[field.label]?.width ? fieldsConfig.value[field.label].width + "px" : void 0
-                  }),
-                  "onUpdate:item": setter,
-                  "onDelete:item": ($event) => {
-                    setter();
-                    refetch();
-                  }
-                }, null, 40, ["item", "readonly", "skeleton", "mobile", "class", "style", "onUpdate:item", "onDelete:item"]);
-              }), 128))
-            ]),
             _: 2
           }, [
             _ctx.expansion ? {
@@ -248,7 +262,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               key: "0"
             } : void 0
-          ]), 1032, ["disabled", "mobile", "card-class", "has-border", "more-bottom", "allow-open"])
+          ]), 1032, ["disabled", "mobile", "card-class", "has-border", "more-bottom", "allow-open", "align-top"])
         ]),
         _: 1
       }, 8, ["use-query-fn", "query-params", "skeleton-length", "header-margin", "allow-select", "selected", "reverse", "selected-range", "count", "onSelect", "onSelectReverse", "onSelectRange"]);

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

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["grid grid-cols-1 items-center sm:h-16 sm:pr-6", { "pointer-events-none": _ctx.allowOpen }])
+        class: normalizeClass(["grid grid-cols-1 sm:min-h-16 sm:pr-6 sm:last:-mr-6", { "pointer-events-none": _ctx.allowOpen }])
       }, [
         _ctx.skeleton ? (openBlock(), createBlock(WSkeleton, { key: 0 })) : renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
           createElementVNode("div", _hoisted_1, [

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

@@ -0,0 +1,37 @@
+import { ListField, ListFields } from '../types';
+declare const _default: <Data, 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<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
+        fields: ListFields<Data, QueryParams>;
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        default: (props: {
+            field: ListField<Data, QueryParams>;
+            nested: boolean;
+            index: number;
+            length: number;
+            first: boolean;
+            last: boolean;
+        }) => void;
+    }> & {
+        default: (props: {
+            field: ListField<Data, QueryParams>;
+            nested: boolean;
+            index: number;
+            length: number;
+            first: boolean;
+            last: boolean;
+        }) => void;
+    };
+    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=HeaderFieldNested.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderFieldNested.vue"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAIlC,IAAI,EAAE,WAAW,eACpB,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;WAyFxD,mBAAmB,CAAC;gBArFpB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;KAqFgD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBAlFF,CAAC,KAAK,EAAE;YACf,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YACnC,MAAM,EAAE,OAAO,CAAA;YACf,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,MAAM,CAAA;YACd,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;SACd,KAAK,IAAI;;iBAPD,CAAC,KAAK,EAAE;YACf,KAAK,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;YACnC,MAAM,EAAE,OAAO,CAAA;YACf,KAAK,EAAE,MAAM,CAAA;YACb,MAAM,EAAE,MAAM,CAAA;YACd,KAAK,EAAE,OAAO,CAAA;YACd,IAAI,EAAE,OAAO,CAAA;SACd,KAAK,IAAI;;UA6EH,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnGvE,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/components/HeaderFieldNested.vue.js

@@ -0,0 +1,46 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, unref, createBlock, withCtx, renderSlot } from 'vue';
+import { getFirstFieldLabel } from '../use/useFieldConfigMap.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HeaderFieldNested",
+  props: {
+    fields: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_HeaderFieldNested = resolveComponent("HeaderFieldNested", true);
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field, index) => {
+        return openBlock(), createElementBlock(Fragment, {
+          key: unref(getFirstFieldLabel)(field)
+        }, [
+          "fields" in field ? (openBlock(), createBlock(_component_HeaderFieldNested, {
+            key: 0,
+            fields: field.fields
+          }, {
+            default: withCtx((defaultScope) => [
+              renderSlot(_ctx.$slots, "default", {
+                field: defaultScope.field,
+                nested: true,
+                index: defaultScope.index,
+                length: defaultScope.length,
+                first: defaultScope.first,
+                last: defaultScope.last
+              })
+            ]),
+            _: 2
+          }, 1032, ["fields"])) : renderSlot(_ctx.$slots, "default", {
+            key: 1,
+            field,
+            nested: false,
+            index,
+            length: _ctx.fields.length,
+            first: index === 0,
+            last: index === _ctx.fields.length - 1
+          })
+        ], 64);
+      }), 128);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -1,13 +1,17 @@
 declare const _default: <Field>(__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:width"?: ((value: number) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:width"> & {}> & import('vue').PublicProps;
+        readonly "onSave:width"?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:width" | "onSave:width"> & {}> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: (e: "update:width", value: number) => void;
+    emit: {
+        (e: "update:width", value: number): void;
+        (e: "save:width"): void;
+    };
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderItemResizer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderItemResizer.vue"],"names":[],"mappings":"yBAmFiB,KAAK,eACR,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;WAwIxD,mBAAmB,CAAC;;2IAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA7BgB,GAAG;;cAzG1B,cAAc,SAAS,MAAM,KAAG,IAAI;;;;YA2IE,OAAO,CAAC,OAAO,WAAW,CAAC;;AAlJvE,wBAkJ4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderItemResizer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderItemResizer.vue"],"names":[],"mappings":"yBAsFiB,KAAK,eACR,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;WA6IxD,mBAAmB,CAAC;;;4JAAyD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA9BgB,GAAG;;;YA7G1B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,YAAY,GAAG,IAAI;;;;;YA+ImB,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvJvE,wBAuJ4E;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/HeaderItemResizer.vue.js

@@ -8,7 +8,7 @@ const _hoisted_1 = {
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderItemResizer",
-  emits: ["update:width"],
+  emits: ["update:width", "save:width"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const listenerContainer = new DOMListenerContainer();
@@ -36,6 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       listenerContainer.destroy();
       started = null;
       widthSaved = null;
+      emit("save:width");
     };
     onMounted(() => {
       setTimeout(() => {

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

@@ -1,17 +1,22 @@
-import { FieldConfig, ListField } from '../types';
+import { FieldConfig, ListFields } from '../types';
 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:fields-config"?: ((value: Record<string, FieldConfig>) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:fields-config"> & {
-        fields: ListField<Data, QueryParams>[];
-        fieldsConfig: Record<string, FieldConfig>;
+        readonly "onUpdate:field-config-map"?: ((value: Record<string, FieldConfig>) => any) | undefined;
+        readonly "onClick:reset"?: (() => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:field-config-map" | "onClick:reset"> & {
+        fields: ListFields<Data, QueryParams>;
+        fieldConfigMap: Record<string, FieldConfig>;
         queryParams: QueryParams;
+        hasSaved?: boolean;
         disabled?: boolean;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
-    emit: (e: "update:fields-config", value: Record<string, FieldConfig>) => void;
+    emit: {
+        (e: "update:field-config-map", value: Record<string, FieldConfig>): void;
+        (e: "click:reset"): void;
+    };
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSettings.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderSettings.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EAAC,WAAW,EAAE,SAAS,EAAC,MAAM,UAAU,CAAA;yBAInC,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;WAmNxD,mBAAmB,CAAC;;;gBA/MpB,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,EAAE;sBACxB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;qBAC5B,WAAW;mBACb,OAAO;KA4MmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAzMP,sBAAsB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAG,IAAI;;;;YA8M3B,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7NvE,wBA6N4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderSettings.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderSettings.vue"],"names":[],"mappings":"AAqIA,OAAO,KAAK,EAAC,WAAW,EAAa,UAAU,EAAC,MAAM,UAAU,CAAA;yBAK/C,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;WAqQxD,mBAAmB,CAAC;;;;gBAjQpB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;wBACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;qBAC9B,WAAW;mBACb,OAAO;mBACP,OAAO;KA6PmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YA1PP,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,GAAG,IAAI;;;;;YA8PkB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA/QvE,wBA+Q4E;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/HeaderSettings.vue.js

@@ -1,73 +1,104 @@
-import { defineComponent, ref, openBlock, createBlock, markRaw, unref, withCtx, createElementVNode, createElementBlock, Fragment, renderList, normalizeStyle } from 'vue';
+import { defineComponent, ref, openBlock, createBlock, markRaw, unref, withCtx, createElementVNode, createVNode, normalizeClass } from 'vue';
 import _sfc_main$1 from '../../Button/WButtonMore.vue.js';
 import IconTableSettings from '../../../assets/icons/sax/IconTableSettings.svg.js';
-import _sfc_main$2 from './HeaderSettingsItem.vue.js';
+import _sfc_main$3 from './HeaderSettingsItem.vue.js';
+import _sfc_main$2 from './HeaderFieldNested.vue.js';
 
 const _hoisted_1 = { class: "p-4" };
 const _hoisted_2 = { class: "flex flex-col" };
+const _hoisted_3 = ["disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderSettings",
   props: {
     fields: {},
-    fieldsConfig: {},
+    fieldConfigMap: {},
     queryParams: {},
+    hasSaved: { type: Boolean },
     disabled: { type: Boolean }
   },
-  emits: ["update:fields-config"],
+  emits: ["update:field-config-map", "click:reset"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const dragItem = ref(null);
     const dragItemNewOrder = ref(null);
     const getOrder = (field) => {
-      if (dragItem.value === null || dragItemNewOrder.value === null) return props.fieldsConfig[field.label].order;
+      if (dragItem.value === null || dragItemNewOrder.value === null) return props.fieldConfigMap[field.label].order;
       if (field.label === dragItem.value) return dragItemNewOrder.value;
-      if (props.fieldsConfig[field.label].order <= dragItemNewOrder.value) return props.fieldsConfig[field.label].order - 1;
-      return props.fieldsConfig[field.label].order;
+      if (props.fieldConfigMap[field.label].order <= dragItemNewOrder.value) return props.fieldConfigMap[field.label].order - 1;
+      return props.fieldConfigMap[field.label].order;
     };
-    const dragEnter = (field) => {
-      dragItemNewOrder.value = getOrder(field);
+    const dragStart = (label, order) => {
+      dragItem.value = label;
+      dragItemNewOrder.value = order;
+    };
+    const dragEnter = (order, nested, first, last) => {
+      if (nested) {
+        if (dragItemNewOrder.value === null) return;
+        if (first) {
+          if (order < dragItemNewOrder.value) dragItemNewOrder.value = order;
+        } else if (last) {
+          if (order > dragItemNewOrder.value) dragItemNewOrder.value = order;
+        }
+        return;
+      }
+      dragItemNewOrder.value = order;
     };
     const dragEnd = () => {
       dragItem.value = null;
       dragItemNewOrder.value = null;
     };
     const drop = () => {
-      const newConfig = props.fields.reduce((result, field) => {
-        result[field.label] = { ...props.fieldsConfig[field.label], order: getOrder(field) };
-        return result;
-      }, {});
-      if (Object.keys(newConfig).some((key) => props.fieldsConfig[key].order !== newConfig[key].order)) emit("update:fields-config", newConfig);
+      const newConfig = {};
+      const processConfig = (fields) => {
+        fields.forEach((field) => {
+          if ("label" in field) newConfig[field.label] = { ...props.fieldConfigMap[field.label], order: getOrder(field) };
+          if ("fields" in field) processConfig(field.fields);
+        }, {});
+      };
+      processConfig(props.fields);
+      Object.values(newConfig).sort((a, b) => a.order - b.order).forEach((item, index) => {
+        item.order = index;
+      });
+      if (Object.keys(newConfig).some((key) => props.fieldConfigMap[key].order !== newConfig[key].order)) emit("update:field-config-map", newConfig);
       dragEnd();
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
         icon: markRaw(unref(IconTableSettings)),
         disabled: _ctx.disabled,
-        class: "h-full w-full"
+        class: "h-full w-full items-center"
       }, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             createElementVNode("div", _hoisted_2, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field) => {
-                return openBlock(), createBlock(_sfc_main$2, {
-                  key: field.label,
-                  field,
-                  "field-config": _ctx.fieldsConfig[field.label],
-                  "query-params": _ctx.queryParams,
-                  disabled: _ctx.disabled,
-                  style: normalizeStyle({
-                    order: getOrder(field)
-                  }),
-                  "onDrag:start": ($event) => dragItem.value = field.label,
-                  "onDrag:enter": ($event) => dragEnter(field),
-                  "onDrag:end": drop,
-                  "onUpdate:fieldsConfig": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fields-config", $event))
-                }, null, 8, ["field", "field-config", "query-params", "disabled", "style", "onDrag:start", "onDrag:enter"]);
-              }), 128))
+              createVNode(_sfc_main$2, { fields: _ctx.fields }, {
+                default: withCtx(({ field, nested, first, last }) => [
+                  createVNode(_sfc_main$3, {
+                    field,
+                    "field-config": _ctx.fieldConfigMap[field.label],
+                    "query-params": _ctx.queryParams,
+                    disabled: _ctx.disabled,
+                    "disabled-drag": nested,
+                    order: getOrder(field),
+                    "onDrag:start": ($event) => dragStart(field.label, $event),
+                    "onDrag:enter": ($event) => dragEnter($event, nested, first, last),
+                    "onDrag:end": drop,
+                    "onUpdate:fieldsConfigMap": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:field-config-map", { ..._ctx.fieldConfigMap, ...$event }))
+                  }, null, 8, ["field", "field-config", "query-params", "disabled", "disabled-drag", "order", "onDrag:start", "onDrag:enter"])
+                ]),
+                _: 1
+              }, 8, ["fields"])
             ]),
-            _cache[1] || (_cache[1] = createElementVNode("div", { class: "border-b border-solid border-gray-200 dark:border-gray-700 my-4" }, null, -1)),
-            _cache[2] || (_cache[2] = createElementVNode("button", { class: "relative py-1 px-2 rounded-lg w-ripple w-ripple-hover bg-gray-100 dark:bg-gray-800" }, " Reset ", -1))
+            _cache[2] || (_cache[2] = createElementVNode("div", { class: "border-b border-solid border-gray-200 dark:border-gray-700 my-4" }, null, -1)),
+            createElementVNode("button", {
+              class: normalizeClass(["relative py-1 px-2 rounded-lg bg-gray-100 dark:bg-gray-800", {
+                "w-ripple w-ripple-hover": _ctx.hasSaved,
+                "cursor-not-allowed opacity-50": !_ctx.hasSaved
+              }]),
+              disabled: !_ctx.hasSaved,
+              onClick: _cache[1] || (_cache[1] = ($event) => _ctx.hasSaved && _ctx.$emit("click:reset"))
+            }, " Reset ", 10, _hoisted_3)
           ])
         ]),
         _: 1

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

@@ -1,23 +1,25 @@
 import { FieldConfig, ListField } from '../types';
 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:fields-config"?: ((value: Record<string, FieldConfig>) => any) | undefined;
-        readonly "onDrag:start"?: (() => any) | undefined;
-        readonly "onDrag:enter"?: (() => any) | undefined;
+        readonly "onUpdate:fields-config-map"?: ((value: Record<string, FieldConfig>) => any) | undefined;
+        readonly "onDrag:start"?: ((order: number) => any) | undefined;
+        readonly "onDrag:enter"?: ((order: number) => any) | undefined;
         readonly "onDrag:end"?: (() => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:fields-config" | "onDrag:start" | "onDrag:enter" | "onDrag:end"> & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:fields-config-map" | "onDrag:start" | "onDrag:enter" | "onDrag:end"> & {
         field: ListField<Data, QueryParams>;
         fieldConfig: FieldConfig;
         queryParams: QueryParams;
         disabled?: boolean;
+        disabledDrag?: boolean;
+        order: number;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {};
     emit: {
-        (e: "update:fields-config", value: Record<string, FieldConfig>): void;
-        (e: "drag:start"): void;
-        (e: "drag:enter"): void;
+        (e: "update:fields-config-map", value: Record<string, FieldConfig>): void;
+        (e: "drag:start", order: number): void;
+        (e: "drag:enter", order: number): void;
         (e: "drag:end"): void;
     };
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderSettingsItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderSettingsItem.vue"],"names":[],"mappings":"AAiFA,OAAO,KAAK,EAAC,WAAW,EAAE,SAAS,EAAC,MAAM,UAAU,CAAA;yBAKnC,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;WA0JxD,mBAAmB,CAAC;;;;;;eAtJrB,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC;qBACtB,WAAW;qBACX,WAAW;mBACb,OAAO;KAmJmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YAhJP,sBAAsB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACjE,YAAY,GAAG,IAAI;YACnB,YAAY,GAAG,IAAI;YACnB,UAAU,GAAG,IAAI;;;;;YAkJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AApKvE,wBAoK4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderSettingsItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/HeaderSettingsItem.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAC,WAAW,EAAE,SAAS,EAAC,MAAM,UAAU,CAAA;yBAKnC,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;WAmKxD,mBAAmB,CAAC;;;;;;eA/JrB,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC;qBACtB,WAAW;qBACX,WAAW;mBACb,OAAO;uBACH,OAAO;eACf,MAAM;KA0JwE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YAvJP,0BAA0B,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACrE,YAAY,SAAS,MAAM,GAAG,IAAI;YAClC,YAAY,SAAS,MAAM,GAAG,IAAI;YAClC,UAAU,GAAG,IAAI;;;;;YAyJqB,OAAO,CAAC,OAAO,WAAW,CAAC;;AA7KvE,wBA6K4E;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/HeaderSettingsItem.vue.js

@@ -1,20 +1,23 @@
-import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, createVNode, unref, toDisplayString, createBlock, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createVNode, unref, createCommentVNode, createElementVNode, toDisplayString, createBlock, resolveDynamicComponent } from 'vue';
 import IconDrag from '../../../assets/icons/sax/IconDrag.svg.js';
 import IconEye from '../../../assets/icons/sax/IconEye.svg.js';
 import IconEyeSlash from '../../../assets/icons/sax/IconEyeSlash.svg.js';
 
 const _hoisted_1 = ["draggable"];
-const _hoisted_2 = { class: "px-2 py-1 self-center font-semibold" };
+const _hoisted_2 = { class: "px-2 py-1 self-center font-semibold col-start-2" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderSettingsItem",
   props: {
     field: {},
     fieldConfig: {},
     queryParams: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    disabledDrag: { type: Boolean },
+    order: {}
   },
-  emits: ["update:fields-config", "drag:start", "drag:enter", "drag:end"],
+  emits: ["update:fields-config-map", "drag:start", "drag:enter", "drag:end"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const isDraggable = ref(false);
     const isDragging = ref(false);
@@ -23,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const startDrag = () => {
       isDragging.value = true;
-      emit("drag:start");
+      emit("drag:start", props.order);
     };
     const endDrag = () => {
       isDraggable.value = false;
@@ -33,30 +36,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         draggable: isDraggable.value,
-        class: normalizeClass(["grid grid-cols-[auto,1fr,auto] text-description select-none bg-default dark:bg-default-dark", {
+        class: normalizeClass(["grid grid-cols-[1.75rem,1fr,auto] text-description select-none bg-default dark:bg-default-dark", {
           "opacity-[0.001]": isDragging.value,
           "opacity-50": !_ctx.fieldConfig.visible && !isDragging.value
         }]),
-        onDragstart: startDrag,
-        onDragend: endDrag,
-        onDragenter: _cache[1] || (_cache[1] = ($event) => !isDraggable.value && _ctx.$emit("drag:enter")),
-        onDragover: _cache[2] || (_cache[2] = withModifiers(() => {
+        style: normalizeStyle({ order: _ctx.order }),
+        onDragstart: _cache[1] || (_cache[1] = ($event) => !_ctx.disabledDrag && startDrag()),
+        onDragend: _cache[2] || (_cache[2] = ($event) => !_ctx.disabledDrag && endDrag()),
+        onDragenter: _cache[3] || (_cache[3] = ($event) => !isDraggable.value && _ctx.$emit("drag:enter", _ctx.order)),
+        onDragover: _cache[4] || (_cache[4] = withModifiers(() => {
         }, ["stop", "prevent"]))
       }, [
-        createElementVNode("button", {
-          class: "relative w-ripple w-ripple-hover px-2 flex items-center",
+        !_ctx.disabledDrag ? (openBlock(), createElementBlock("button", {
+          key: 0,
+          class: "relative w-ripple w-ripple-hover flex items-center justify-center",
           onMousedown: initDrag
         }, [
           createVNode(unref(IconDrag), { class: "rotate-90" })
-        ], 32),
+        ], 32)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2, toDisplayString(typeof _ctx.field.title === "string" ? _ctx.field.title : _ctx.field.title(_ctx.queryParams)), 1),
         createElementVNode("button", {
           class: "relative w-ripple w-ripple-hover px-2 flex items-center",
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fields-config", { [_ctx.field.label]: { ..._ctx.fieldConfig, visible: !_ctx.fieldConfig.visible } }))
+          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fields-config-map", { [_ctx.field.label]: { ..._ctx.fieldConfig, visible: !_ctx.fieldConfig.visible } }))
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.fieldConfig.visible ? unref(IconEye) : unref(IconEyeSlash)), { class: "pointer-events-none" }))
         ])
-      ], 42, _hoisted_1);
+      ], 46, _hoisted_1);
     };
   }
 });

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

@@ -0,0 +1,30 @@
+import { ListField, ListFields } from '../types';
+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<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
+        fields: ListFields<Data, QueryParams>;
+        item: Data;
+    }> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: Readonly<{
+        default: (props: {
+            field: ListField<Data, QueryParams>;
+            item: Data;
+        }) => void;
+    }> & {
+        default: (props: {
+            field: ListField<Data, QueryParams>;
+            item: Data;
+        }) => void;
+    };
+    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=ListCardFieldNested.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListCardFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/components/ListCardFieldNested.vue"],"names":[],"mappings":"AAoEA,OAAO,KAAK,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAIlC,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;WA6GxD,mBAAmB,CAAC;gBAzGpB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;cAC/B,IAAI;KAwG2E,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBArGF,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;;UAuGpE,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvHvE,wBAuH4E;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

@@ -0,0 +1,63 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, createVNode, withCtx, renderSlot, mergeProps } from 'vue';
+import { getFirstFieldLabel } from '../use/useFieldConfigMap.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ListCardFieldNested",
+  props: {
+    fields: {},
+    item: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_ListCardFieldNested = resolveComponent("ListCardFieldNested", true);
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field) => {
+        return openBlock(), createElementBlock(Fragment, {
+          key: unref(getFirstFieldLabel)(field)
+        }, [
+          "fields" in field ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            "keyArray" in field ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass([field.cssClassArray, "sm:mr-6"])
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.item[field.keyArray], (inner) => {
+                return openBlock(), createElementBlock("div", {
+                  key: inner.id,
+                  class: normalizeClass([field.cssClass, "flex"])
+                }, [
+                  createVNode(_component_ListCardFieldNested, {
+                    fields: field.fields,
+                    item: inner
+                  }, {
+                    default: withCtx((defaultScope) => [
+                      renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, defaultScope))
+                    ]),
+                    _: 2
+                  }, 1032, ["fields", "item"])
+                ], 2);
+              }), 128))
+            ], 2)) : (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass([field.cssClass, "flex sm:mr-6"])
+            }, [
+              createVNode(_component_ListCardFieldNested, {
+                fields: field.fields,
+                item: "keyEntity" in field ? _ctx.item[field.keyEntity] : _ctx.item
+              }, {
+                default: withCtx((defaultScope) => [
+                  renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, defaultScope))
+                ]),
+                _: 2
+              }, 1032, ["fields", "item"])
+            ], 2))
+          ], 64)) : renderSlot(_ctx.$slots, "default", {
+            key: 1,
+            field,
+            item: _ctx.item
+          })
+        ], 64);
+      }), 128);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -14,6 +14,26 @@ export type ListField<Data, QueryParams = unknown> = {
     visibleGetter?: (params: QueryParams) => boolean;
     allowResize?: boolean;
 };
+export type ListFieldNested<Data, QueryParams = unknown> = {
+    cssClass?: string;
+    fields: ListFields<Data, QueryParams>;
+};
+type FieldNestedEntity<Data, QueryParams = unknown, Key extends keyof PickByType<Data, NonNullable<unknown>> = keyof PickByType<Data, NonNullable<unknown>>> = {
+    keyEntity: Key;
+    fields: ListFields<Data[Key], QueryParams>;
+};
+export interface ListFieldNestedEntity<Data, QueryParams = unknown> extends FieldNestedEntity<Data, QueryParams> {
+    cssClass?: string;
+}
+type FieldNestedArray<Data, QueryParams = unknown, Key extends keyof PickByType<Data, Array<unknown>> = keyof PickByType<Data, Array<unknown>>> = {
+    keyArray: Key;
+    fields: Data[Key] extends Array<infer Inner> ? ListFields<Inner, QueryParams> : [];
+};
+export interface ListFieldNestedArray<Data, QueryParams = unknown> extends FieldNestedArray<Data, QueryParams> {
+    cssClass?: string;
+    cssClassArray?: string;
+}
+export type ListFields<Data, QueryParams = unknown> = (ListField<Data, QueryParams> | ListFieldNested<Data, QueryParams> | ListFieldNestedEntity<Data, QueryParams> | ListFieldNestedArray<Data, QueryParams>)[];
 export type MenuComponent<Data> = Component<{
     item: Data;
     readonly?: boolean;
@@ -24,8 +44,16 @@ export type BulkComponent<QueryParams> = Component<{
     disableMessage?: string;
 }>;
 export type FieldConfig = {
-    width: number;
+    width: number | null;
     visible: boolean;
     order: number;
 };
+type GetFieldLabelsTuple<Fields> = Fields extends [infer Head, ...infer Tail] ? Head extends {
+    label: infer Label;
+} ? [Label, ...GetFieldLabelsTuple<Tail>] : Head extends {
+    fields: infer InnerFields;
+} ? [...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 {};
 //# 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":"AAAA,OAAO,KAAK,EAAC,SAAS,EAAE,GAAG,EAAC,MAAM,KAAK,CAAA;AAEvC,MAAM,MAAM,cAAc,CAAC,IAAI,IAAI,SAAS,CAAC;IAC3C,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF,MAAM,MAAM,SAAS,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,IAAI;IACnD,SAAS,EAAE,GAAG,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAA;IACpC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,MAAM,CAAC,CAAA;IACjD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC,MAAM,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAC,MAAM,IAAI,EAAE,MAAM,CAAC,CAAC,CAAA;IAC5F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,OAAO,CAAA;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI,SAAS,CAAC;IAC1C,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,MAAM,MAAM,aAAa,CAAC,WAAW,IAAI,SAAS,CAAC;IACjD,iBAAiB,EAAE,MAAM,WAAW,CAAA;IACpC,cAAc,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAC,CAAA;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import { MaybeRef } from 'vue';
+import { FieldConfig, FieldConfigMap, ListField, ListFields } from '../types';
+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 useFieldConfigMap: <Fields extends ListFields<any, any>>(key: MaybeRef<string>, fields: MaybeRef<Fields>, defaultConfigMap: MaybeRef<FieldConfigMap<Fields>>) => {
+    fieldConfigMap: import('vue').WritableComputedRef<Record<string, FieldConfig>, Record<string, FieldConfig>>;
+    hasSaved: import('vue').Ref<boolean, boolean>;
+    reset: () => void;
+};
+//# sourceMappingURL=useFieldConfigMap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFieldConfigMap.d.ts","sourceRoot":"","sources":["../../../../src/components/List/use/useFieldConfigMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,QAAQ,EAAC,MAAM,KAAK,CAAA;AACrE,OAAO,KAAK,EAAC,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;AA6DhF,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,iBAAiB,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;;;;CA8BzK,CAAA"}

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

@@ -0,0 +1,83 @@
+import { ref, unref, computed, isRef, watch } from 'vue';
+
+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");
+};
+const parseFieldConfigMap = (value, fields, defaultConfigMap) => {
+  const configMap = {};
+  const processFields = (fieldList) => {
+    fieldList.forEach((field) => {
+      if ("fields" in field) {
+        processFields(field.fields);
+        return;
+      }
+      const config = value instanceof Object && field.label in value ? value[field.label] : void 0;
+      const defaultConfig = defaultConfigMap[field.label];
+      if (!isFieldConfig(config)) {
+        configMap[field.label] = { ...defaultConfig };
+      } else {
+        configMap[field.label] = {
+          width: config.width ?? null,
+          visible: config.visible ?? defaultConfig.visible,
+          order: config.order ?? defaultConfig.order
+        };
+      }
+    });
+  };
+  processFields(fields);
+  Object.values(configMap).sort((a, b) => a.order - b.order).forEach((item, index) => {
+    item.order = index;
+  });
+  return configMap;
+};
+const getFieldConfigMap = (key) => {
+  const value = localStorage.getItem(key);
+  if (typeof value !== "string") return void 0;
+  try {
+    return JSON.parse(value);
+  } catch {
+    return void 0;
+  }
+};
+const filterFields = (fields, method) => {
+  return fields.reduce((result, field) => {
+    if ("fields" in field) {
+      const fields2 = filterFields(field.fields, method);
+      if (fields2.length) result.push({ ...field, fields: fields2 });
+    } else if (method(field)) result.push(field);
+    return result;
+  }, []);
+};
+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 hasSaved = ref(localStorage.getItem(unref(key)) !== null);
+  const fieldConfigMap = computed({
+    get: () => value.value,
+    set: (newValue) => {
+      value.value = newValue;
+      hasSaved.value = true;
+      localStorage.setItem(unref(key), JSON.stringify(newValue));
+    }
+  });
+  const reset = () => {
+    value.value = parseFieldConfigMap(void 0, unref(fields), unref(defaultConfigMap));
+    hasSaved.value = false;
+    localStorage.removeItem(unref(key));
+  };
+  if (isRef(key)) {
+    watch(key, (newKey) => {
+      value.value = parseFieldConfigMap(getFieldConfigMap(unref(newKey)), unref(fields), unref(defaultConfigMap));
+    });
+  }
+  return {
+    fieldConfigMap,
+    hasSaved,
+    reset
+  };
+};
+
+export { filterFields, getFirstFieldLabel, useFieldConfigMap };

package/dist/main.js

@@ -86,5 +86,5 @@ export { getIsMobile, getIsTouchDevice } from './utils/mobile.js';
 export { useDefaultQuery } from './utils/useDefaultQuery.js';
 export { paginatedResponseUpdater, useQueryUpdater } from './utils/useQueryUpdater.js';
 export { useCopy } from './utils/useCopy.js';
-export { debounce, genId, get, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, set, throttle } from './utils/utils.js';
+export { debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, set, throttle } from './utils/utils.js';
 export { validateRequired } from './utils/validate.js';

package/dist/utils/utils.d.ts

@@ -1,3 +1,4 @@
+import { FieldConfigMap, GetFieldLabels, ListFields } from '../components/List/types';
 export declare const getScrollParent: (node: Element) => Element | null;
 export declare const getAllScrollParents: (node?: Element, max?: number) => Array<Element>;
 export declare const hasParent: (parent: Element, current: Element) => boolean;
@@ -18,5 +19,6 @@ export declare const isIndex: (value: unknown) => value is number;
 export declare const parseIndex: (value: unknown) => number;
 export declare const get: <FieldType, Data extends Record<string, unknown>>(data: Data, path: keyof ObjectPaths<Data, FieldType>) => FieldType | undefined;
 export declare const set: <FieldType, Data extends Record<string, unknown>>(data: Data, path: keyof ObjectPaths<Data, FieldType>, value: FieldType) => Data;
+export declare const getDefaultFieldConfigMap: <Fields extends ListFields<any, any>>(fields: Fields, visible: GetFieldLabels<Fields>[]) => FieldConfigMap<Fields>;
 export {};
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,OAAO,KAAG,KAAK,IAAI,MAE9C,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,MAUxC,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,OAAO,KAAG,KAAK,IAAI,MAAqB,CAAA;AAEtE,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,KAAK,IAAI,MAEjD,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,OAAO,KAAG,MAU3C,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,KAAG,SAAS,GAAG,SAA8H,CAAA;AAEtQ,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,SAAS,KAAG,IAe7I,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAc,cAAc,EAAE,cAAc,EAAE,UAAU,EAAC,MAAM,yBAAyB,CAAA;AAYpG,eAAO,MAAM,eAAe,SAAU,OAAO,KAAG,OAAO,GAAG,IAKhD,CAAA;AAEV,eAAO,MAAM,mBAAmB,UAAW,OAAO,mBAAa,KAAK,CAAC,OAAO,CAa3E,CAAA;AAED,eAAO,MAAM,SAAS,WAAY,OAAO,WAAW,OAAO,KAAG,OAI7D,CAAA;AAGD,KAAK,UAAU,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AAE1C,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAWpE;AAED,wBAAgB,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,SAAM,GAAG,CAAC,CAYpE;AAED,eAAO,MAAM,UAAU,SAAU,OAAO,EAAE,QAAQ,OAAO,EAAE,KAAG,OAE7D,CAAA;AAED,eAAO,MAAM,UAAU,SAAU,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,MAAM,EAAE,YAAY,MAAM,EAAE,KAAG,OAWjI,CAAA;AAED,eAAO,MAAM,uBAAuB,mBAAmE,CAAA;AACvG,eAAO,MAAM,sBAAsB,mBAAiD,CAAA;AACpF,eAAO,MAAM,eAAe,mBAA0B,CAAA;AAEtD,eAAO,MAAM,YAAY,EAAE,OAAuC,CAAA;AAIlE,eAAO,MAAM,KAAK,cAEjB,CAAA;AAED,eAAO,MAAM,IAAI,UAAW,OAAO,KAAG,KAAK,IAAI,MAE9C,CAAA;AAED,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,MAUxC,CAAA;AAED,eAAO,MAAM,MAAM,UAAW,OAAO,KAAG,KAAK,IAAI,MAAqB,CAAA;AAEtE,eAAO,MAAM,OAAO,UAAW,OAAO,KAAG,KAAK,IAAI,MAEjD,CAAA;AAED,eAAO,MAAM,UAAU,UAAW,OAAO,KAAG,MAU3C,CAAA;AAED,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,KAAG,SAAS,GAAG,SAA8H,CAAA;AAEtQ,eAAO,MAAM,GAAG,GAAI,SAAS,EAAE,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,IAAI,QAAQ,MAAM,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,SAAS,SAAS,KAAG,IAe7I,CAAA;AAGD,eAAO,MAAM,wBAAwB,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,UAAU,MAAM,WAAW,cAAc,CAAC,MAAM,CAAC,EAAE,KAAG,cAAc,CAAC,MAAM,CAiBtJ,CAAA"}

package/dist/utils/utils.js

@@ -94,5 +94,18 @@ const set = (data, path, value) => {
   }, data);
   return data;
 };
+const getDefaultFieldConfigMap = (fields, visible) => {
+  const result = {};
+  let order = 0;
+  const processFields = (fieldList) => {
+    fieldList.forEach((field) => {
+      if ("fields" in field) processFields(field.fields);
+      else result[field.label] = { width: null, visible: visible.includes(field.label), order };
+      order++;
+    });
+  };
+  processFields(fields);
+  return result;
+};
 
-export { debounce, genId, get, getAllScrollParents, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, set, throttle };
+export { debounce, genId, get, getAllScrollParents, getDefaultFieldConfigMap, getScrollParent, hasParent, isClientSide, isEqualArr, isEqualObj, isId, isIndex, isPage, numberCompactFormatter, numberFormatter, parseId, parseIndex, percentCompactFormatter, set, throttle };

package/package.json

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

package/tailwind-base/plugins/default.cjs

@@ -119,6 +119,8 @@ module.exports = plugin(function ({matchUtilities, addVariant, addUtilities, add
   addVariant('touch-not', '.touch-not &')
   addVariant('focus-within-not', '&:not(:focus-within)')
   addVariant('resizer', '&::-webkit-resizer')
+  addVariant('last-not', '&:not(:last-child)')
+  addVariant('first-not', '&:not(:first-child)')
 
   addBase({
     '.w-input': {