eco-vue-js 0.10.68 → 0.10.70

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

@@ -15,7 +15,7 @@ import _sfc_main$9 from './components/HeaderFieldNested.vue.js';
 import _sfc_main$7 from './components/HeaderSettings.vue.js';
 import _sfc_main$6 from './components/HeaderSort.vue.js';
 import _sfc_main$3 from './components/ListCardFieldNested.vue.js';
-import { filterFields, useListConfig, getFirstFieldLabel } from './use/useListConfig.js';
+import { filterFields, useListConfig } from './use/useListConfig.js';
 
 const _hoisted_1 = {
   key: 1,
@@ -83,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateMode
     } = useListConfig(toRef(props, "configKey"), fieldsVisible, toRef(props, "defaultConfigMap"), toRef(props, "defaultMode"), props.noHeaderSettings);
     const fieldsFiltered = computed(() => {
-      return filterFields(fieldsVisible.value, (field) => fieldConfigMap.value[field.label]?.visible).sort((a, b) => fieldConfigMap.value[getFirstFieldLabel(a)].order - fieldConfigMap.value[getFirstFieldLabel(b)].order);
+      return filterFields(fieldsVisible.value, (field) => fieldConfigMap.value[field.label]?.visible);
     });
     const allowSelect = computed(() => props.bulk !== void 0);
     const allowOpen = computed(() => props.expansion !== void 0);
@@ -245,7 +245,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "onUpdate:header": updateHeaderHeight
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$9, { fields: fieldsFiltered.value }, {
+                createVNode(_sfc_main$9, {
+                  fields: fieldsFiltered.value,
+                  "field-config-map": unref(fieldConfigMap)
+                }, {
                   default: withCtx(({ field, nested }) => [
                     createVNode(_sfc_main$a, {
                       title: typeof field.meta.title === "string" ? field.meta.title : field.meta.title(_ctx.queryParams),
@@ -262,7 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "item-class", "width-style", "onUpdate:width", "onSave:width"])
                   ]),
                   _: 1
-                }, 8, ["fields"])
+                }, 8, ["fields", "field-config-map"])
               ]),
               _: 2
             }, 1032, ["allow-select", "tooltip-text", "hide-more", "count", "selection", "onUpdate:header"])) : createCommentVNode("", true)
@@ -298,6 +301,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(({ validate }) => [
                 createVNode(_sfc_main$3, {
                   fields: fieldsFiltered.value,
+                  "field-config-map": unref(fieldConfigMap),
                   item,
                   skeleton,
                   card: unref(isGrid),
@@ -325,7 +329,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, null, 40, ["item", "readonly", "skeleton", "card", "class", "style", "onUpdate:item", "onDelete:item", "onValidate"]))
                   ]),
                   _: 2
-                }, 1032, ["fields", "item", "skeleton", "card", "readonly"])
+                }, 1032, ["fields", "field-config-map", "item", "skeleton", "card", "readonly"])
               ]),
               _: 2
             }, [

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

@@ -1 +1 @@
-{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAoMA;AA8QA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAwCF,iBAAS,cAAc;WAsYT,OAAO,IAA6B;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA1FlC,GACD,8CAA8C,GAAG,yBAC9B,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EA2G3D;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAzIpB,GACD,8CAA8C,GAAG,yBAC9B,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;OA+I1D,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"WListCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListCard.vue"],"names":[],"mappings":"AAsMA;AAgRA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAgB5C,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,MAAM,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,QAAQ,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAA;IACpC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,WAAW,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAC5B,IAAI,EAAE,OAAO,CAAA;IACb,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IAC/B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IAEjB,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAC;AAwCF,iBAAS,cAAc;WA0YT,OAAO,IAA6B;;;;;;YAjBpB,GAAG;sBACN,GAAG;sBACH,GAAG;2BACE,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAhGV,GAAG,8CAA8C,GAAG,yBAC3D,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EAkH1D;AA2BD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA/II,GAAG,8CAA8C,GAAG,yBAC3D,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;OAsJzD,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -46,7 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isOpen.value = !isOpen.value;
     };
     const validate = (...args) => formRef.value?.validate(...args);
-    const isActionShown = computed(() => !props.skeleton && (props.allowOpen || props.to !== void 0 || props.allowSelectHover || props.hasAction));
+    const isActionShown = computed(() => !props.skeleton && (props.allowOpen || props.to !== void 0 || props.allowSelectHover || props.hasAction || props.selected));
     const toggleMenu = (event) => {
       if (props.disabled || props.disableMore || !containerRef.value || !moreRef.value || event.ctrlKey) return;
       const containerRect = containerRef.value.getBoundingClientRect();
@@ -139,7 +139,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({ toggle, isOpen: isOpen.value, validate }))),
               isActionShown.value ? (openBlock(), createBlock(_sfc_main$3, mergeProps(
                 { key: 1 },
-                _ctx.allowSelectHover ? { tag: "button", card: _ctx.card, onClick: () => _ctx.$emit("toggle:selected") } : _ctx.hasAction ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: () => _ctx.$emit("click:action") } : _ctx.to ? { tag: markRaw(unref(RouterLink)), card: _ctx.card, class: "z-[-1]", props: { to: _ctx.to } } : { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle },
+                _ctx.allowSelectHover ? { tag: "button", card: _ctx.card, onClick: () => _ctx.$emit("toggle:selected") } : _ctx.hasAction ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: () => _ctx.$emit("click:action") } : _ctx.to ? { tag: markRaw(unref(RouterLink)), card: _ctx.card, class: "z-[-1]", props: { to: _ctx.to } } : _ctx.allowOpen ? { tag: "button", card: _ctx.card, class: "z-[-1]", onClick: toggle } : { tag: "div", card: _ctx.card, class: "z-[-1]" },
                 {
                   class: {
                     "before:text-primary dark:before:text-primary-dark": _ctx.allowSelectHover || _ctx.selected || unref(moreRef)?.isOpen,

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

@@ -2,9 +2,10 @@ import { StyleValue } from 'vue';
 import { OrderItem } from '../../utils/order';
 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 "onSave:width"?: (() => any) | undefined;
         readonly "onUpdate:width"?: ((value: number) => any) | undefined;
         readonly "onUpdate:ordering"?: ((value: OrderItem<Field>[]) => any) | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:width" | "onUpdate:ordering"> & {
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onSave:width" | "onUpdate:width" | "onUpdate:ordering"> & {
         title?: string;
         field: Field;
         ordering: OrderItem<Field>[];
@@ -20,6 +21,7 @@ declare const _default: <Field>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     };
     emit: {
         (e: "update:width", value: number): void;
+        (e: "save:width"): void;
         (e: "update:ordering", value: OrderItem<Field>[]): void;
     };
 }>) => import('vue').VNode & {

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

@@ -1 +1 @@
-{"version":3,"file":"WListHeaderItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListHeaderItem.vue"],"names":[],"mappings":"AAwDA;AA+GA,OAAO,EAAC,KAAK,UAAU,EAA2C,MAAM,KAAK,CAAA;AAI7E,OAAO,EAAQ,KAAK,SAAS,EAAC,MAAM,eAAe,CAAA;yBAIlC,KAAK,EACrB,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA8MO,mBAAmB,CAAC;;;;gBA5MlB,MAAM;eACP,KAAK;kBACF,SAAS,CAAC,KAAK,CAAC,EAAE;mBACjB,OAAO;sBACJ,OAAO;oBACT,MAAM;oBACN,UAAU,GAAG,SAAS;mBAsM0D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAlCmB,GAAG;;;YAjK3B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,iBAAiB,SAAS,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI;;EAsMrD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzNzE,wBAyN4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"WListHeaderItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/List/WListHeaderItem.vue"],"names":[],"mappings":"AAyDA;AAiHA,OAAO,EAAC,KAAK,UAAU,EAA2C,MAAM,KAAK,CAAA;AAI7E,OAAO,EAAQ,KAAK,SAAS,EAAC,MAAM,eAAe,CAAA;yBAIlC,KAAK,EACrB,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAqNO,mBAAmB,CAAC;;;;;gBAnNlB,MAAM;eACP,KAAK;kBACF,SAAS,CAAC,KAAK,CAAC,EAAE;mBACjB,OAAO;sBACJ,OAAO;oBACT,MAAM;oBACN,UAAU,GAAG,SAAS;mBA6M0D,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBAlCmB,GAAG;;;YAxK3B,cAAc,SAAS,MAAM,GAAG,IAAI;YACpC,YAAY,GAAG,IAAI;YACnB,iBAAiB,SAAS,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,IAAI;;EA4MrD,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAhOzE,wBAgO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     itemClass: {},
     widthStyle: { type: [Boolean, null, String, Object, Array] }
   },
-  emits: ["update:width", "update:ordering"],
+  emits: ["update:width", "save:width", "update:ordering"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -48,7 +48,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.allowResize ? _sfc_main$1 : "div"), mergeProps({ ref: "container" }, _ctx.allowResize ? { hasStyles: _ctx.widthStyle !== void 0 } : void 0, {
         class: "text-description shrink-0 select-none overflow-hidden pr-6",
         style: _ctx.widthStyle ?? widthStyleInner.value,
-        "onUpdate:width": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:width", $event))
+        "onUpdate:width": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:width", $event)),
+        "onSave:width": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("save:width"))
       }), {
         default: withCtx(() => [
           (openBlock(), createBlock(resolveDynamicComponent(_ctx.disabled ? "div" : "button"), {

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

@@ -1,7 +1,8 @@
-import { FieldComponent, ListField, ListFieldExport, ListFields } from '../types';
+import { FieldComponent, FieldConfig, ListField, ListFieldExport, 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>;
+        fieldConfigMap: Record<string, FieldConfig>;
     } & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;

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

@@ -1 +1 @@
-{"version":3,"file":"HeaderFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderFieldNested.vue"],"names":[],"mappings":"AA0CA;AAkEA,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAKnE,IAAI,EAAE,WAAW,EACjC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA0GO,mBAAmB,CAAC;gBAxGlB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;mBAwGuD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBArGA,CAAC,KAAK,EAAE;YACf,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;YAC1E,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,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;YAC1E,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;;UAgGL,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArHzE,wBAqH4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"HeaderFieldNested.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderFieldNested.vue"],"names":[],"mappings":"AA6CA;AAsEA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAKhF,IAAI,EAAE,WAAW,EACjC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA8GO,mBAAmB,CAAC;gBA5GlB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;wBACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;mBA2GiD,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBAxGA,CAAC,KAAK,EAAE;YACf,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;YAC1E,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,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;YAC1E,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;;UAmGL,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzHzE,wBAyH4E;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

@@ -1,16 +1,17 @@
 import { defineComponent, resolveComponent, createElementBlock, openBlock, Fragment, renderList, unref, renderSlot, createBlock, withCtx } from 'vue';
 import { isField } from '../models/utils.js';
-import { getFirstFieldLabel } from '../use/useListConfig.js';
+import { sortFields, getFirstFieldLabel } from '../use/useListConfig.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderFieldNested",
   props: {
-    fields: {}
+    fields: {},
+    fieldConfigMap: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_HeaderFieldNested = resolveComponent("HeaderFieldNested", true);
-      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field, index) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortFields)(_ctx.fields, _ctx.fieldConfigMap), (field, index) => {
         return openBlock(), createElementBlock(Fragment, {
           key: unref(getFirstFieldLabel)(field)
         }, [
@@ -24,7 +25,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             last: index === _ctx.fields.length - 1
           }) : (openBlock(), createBlock(_component_HeaderFieldNested, {
             key: 1,
-            fields: field.meta.fields
+            fields: field.meta.fields,
+            "field-config-map": _ctx.fieldConfigMap
           }, {
             default: withCtx((defaultScope) => [
               defaultScope.length !== 1 ? renderSlot(_ctx.$slots, "default", {
@@ -46,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 2
-          }, 1032, ["fields"]))
+          }, 1032, ["fields", "field-config-map"]))
         ], 64);
       }), 128);
     };

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":"AAiFA;AAyLA,OAAO,KAAK,EAAC,WAAW,EAAa,UAAU,EAAC,MAAM,UAAU,CAAA;AAWhE,OAAO,EAAC,KAAK,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAQ1B,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA+UO,mBAAmB,CAAC;;;;;gBA7UlB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;wBACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;cACrC,QAAQ;qBACD,WAAW;kBACd,OAAO;gBACT,OAAO;mBACJ,OAAO;mBAuU0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YApUL,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,SAAS,QAAQ,GAAG,IAAI;YACrC,aAAa,GAAG,IAAI;;EAsUtB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1VzE,wBA0V4E;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":"AAuEA;AAoJA,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;AAWrD,OAAO,EAAC,KAAK,QAAQ,EAAC,MAAM,eAAe,CAAA;yBAQ1B,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA6QO,mBAAmB,CAAC;;;;;gBA3QlB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;wBACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;cACrC,QAAQ;qBACD,WAAW;kBACd,OAAO;gBACT,OAAO;mBACJ,OAAO;mBAqQ0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YAlQL,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;YACpE,aAAa,SAAS,QAAQ,GAAG,IAAI;YACrC,aAAa,GAAG,IAAI;;EAoQtB,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxRzE,wBAwR4E;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,13 +1,13 @@
 import { defineComponent, ref, createBlock, openBlock, unref, withCtx, createVNode, createElementVNode, createElementBlock, createCommentVNode, Fragment, renderList, normalizeClass, markRaw } from 'vue';
-import _sfc_main$6 from '../../Button/WButtonSelectionAction.vue.js';
+import _sfc_main$5 from '../../Button/WButtonSelectionAction.vue.js';
 import _sfc_main$2 from '../../ClickOutside/WClickOutside.vue.js';
 import _sfc_main$1 from '../../DropdownMenu/WDropdownMenu.vue.js';
 import IconTableSettings from '../../../assets/icons/sax/IconTableSettings.svg.js';
 import { HorizontalAlign } from '../../../utils/HorizontalAlign.js';
-import _sfc_main$4 from './HeaderFieldNested.vue.js';
-import _sfc_main$5 from './HeaderSettingsItem.vue.js';
+import { isField } from '../models/utils.js';
+import _sfc_main$4 from './HeaderSettingsList.vue.js';
 import _sfc_main$3 from './HeaderSettingsModeButton.vue.js';
-import { listModeList, listModeIconMap } from '../use/useListConfig.js';
+import { listModeList, listModeIconMap, sortFields } from '../use/useListConfig.js';
 
 const _hoisted_1 = { class: "p-4" };
 const _hoisted_2 = { class: "grid grid-cols-[auto,auto,auto] items-start" };
@@ -19,9 +19,8 @@ const _hoisted_4 = {
   key: 1,
   class: "mx-4 h-full border-r border-solid border-gray-200 dark:border-gray-700"
 };
-const _hoisted_5 = { class: "grid grid-cols-1" };
-const _hoisted_6 = { class: "flex justify-end" };
-const _hoisted_7 = ["disabled"];
+const _hoisted_5 = { class: "flex justify-end" };
+const _hoisted_6 = ["disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "HeaderSettings",
   props: {
@@ -38,48 +37,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const isOpen = ref(false);
-    const dragItem = ref(null);
-    const dragItemNewOrder = ref(null);
-    const getOrder = (field) => {
-      if (dragItem.value === null || dragItemNewOrder.value === null) return props.fieldConfigMap[field.label].order;
-      if (field.label === dragItem.value) return dragItemNewOrder.value;
-      if (props.fieldConfigMap[field.label].order <= dragItemNewOrder.value) return props.fieldConfigMap[field.label].order - 1;
-      return props.fieldConfigMap[field.label].order;
-    };
-    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;
+    const updateOrder = (list) => {
+      let currentIndex = 0;
+      const newConfigMap = {};
+      const processFields = (fields) => {
+        let currentFields;
+        if (list.some((field) => fields.includes(field))) {
+          currentFields = list;
+        } else {
+          currentFields = sortFields(fields, props.fieldConfigMap);
         }
-        return;
-      }
-      dragItemNewOrder.value = order;
-    };
-    const dragEnd = () => {
-      dragItem.value = null;
-      dragItemNewOrder.value = null;
-    };
-    const drop = () => {
-      const newConfig = {};
-      const processConfig = (fields) => {
-        fields.forEach((field) => {
-          if ("label" in field.meta) newConfig[field.meta.label] = { ...props.fieldConfigMap[field.meta.label], order: getOrder(field.meta) };
-          if ("fields" in field.meta) processConfig(field.meta.fields);
-        }, {});
+        currentFields.forEach((field) => {
+          currentIndex++;
+          if (isField(field)) {
+            newConfigMap[field.meta.label] = {
+              ...props.fieldConfigMap[field.meta.label],
+              order: currentIndex
+            };
+          } else processFields(field.meta.fields);
+        });
       };
-      processConfig(props.fields);
-      Object.values(newConfig).sort((a, b) => a.order - b.order).forEach((item, index) => {
-        item.order = index;
+      processFields(props.fields);
+      Object.values(newConfigMap).sort((a, b) => a.order - b.order).forEach((item, index) => {
+        item.order = index + 1;
       });
-      if (Object.keys(newConfig).some((key) => props.fieldConfigMap[key].order !== newConfig[key].order)) emit("update:field-config-map", newConfig);
-      dragEnd();
+      if (Object.keys(newConfigMap).some((key) => props.fieldConfigMap[key].order !== newConfigMap[key].order)) emit("update:field-config-map", newConfigMap);
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$1, {
@@ -89,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "horizontal-align": unref(HorizontalAlign).RIGHT_INNER
       }, {
         toggle: withCtx(() => [
-          createVNode(_sfc_main$6, {
+          createVNode(_sfc_main$5, {
             icon: markRaw(unref(IconTableSettings)),
             disabled: _ctx.disabled,
             active: isOpen.value,
@@ -115,28 +97,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }), 128))
                   ])) : createCommentVNode("", true),
                   !_ctx.mobile ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true),
-                  createElementVNode("div", _hoisted_5, [
-                    createVNode(_sfc_main$4, { fields: _ctx.fields }, {
-                      default: withCtx(({ field, nested, first, last }) => [
-                        createVNode(_sfc_main$5, {
-                          field,
-                          "field-config": _ctx.fieldConfigMap[field.meta.label],
-                          "query-params": _ctx.queryParams,
-                          disabled: _ctx.disabled,
-                          "disabled-drag": nested,
-                          order: getOrder(field.meta),
-                          "onDrag:start": ($event) => dragStart(field.meta.label, $event),
-                          "onDrag:enter": ($event) => dragEnter($event, nested, first, last),
-                          "onDrag:end": drop,
-                          "onUpdate:fieldsConfigMap": _cache[1] || (_cache[1] = ($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"])
-                  ])
+                  createVNode(_sfc_main$4, {
+                    fields: _ctx.fields,
+                    "field-config-map": _ctx.fieldConfigMap,
+                    "query-params": _ctx.queryParams,
+                    class: "text-description",
+                    "onUpdate:fieldConfigMap": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:field-config-map", { ..._ctx.fieldConfigMap, ...$event })),
+                    "onUpdate:list": updateOrder
+                  }, null, 8, ["fields", "field-config-map", "query-params"])
                 ]),
                 _cache[4] || (_cache[4] = createElementVNode("div", { class: "my-4 border-b border-solid border-gray-200 dark:border-gray-700" }, null, -1)),
-                createElementVNode("div", _hoisted_6, [
+                createElementVNode("div", _hoisted_5, [
                   createElementVNode("button", {
                     class: normalizeClass(["relative rounded-lg bg-gray-100 px-2 py-1 dark:bg-gray-800", {
                       "w-ripple w-ripple-hover": _ctx.hasSaved,
@@ -144,7 +115,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }]),
                     disabled: !_ctx.hasSaved,
                     onClick: _cache[2] || (_cache[2] = ($event) => _ctx.hasSaved && _ctx.$emit("click:reset"))
-                  }, " Reset ", 10, _hoisted_7)
+                  }, " Reset ", 10, _hoisted_6)
                 ])
               ])
             ]),

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

@@ -0,0 +1,26 @@
+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:list"?: ((value: ListFields<Data, QueryParams>) => any) | undefined;
+        readonly "onUpdate:field-config-map"?: ((value: Record<string, FieldConfig>) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:list" | "onUpdate:field-config-map"> & {
+        fields: ListFields<Data, QueryParams>;
+        fieldConfigMap: Record<string, FieldConfig>;
+        queryParams: QueryParams;
+        disabled?: boolean;
+    } & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {
+        (e: "update:list", value: ListFields<Data, QueryParams>): void;
+        (e: "update:field-config-map", value: Record<string, FieldConfig>): void;
+    };
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=HeaderSettingsList.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSettingsList.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/HeaderSettingsList.vue"],"names":[],"mappings":"AA4DA;AAqFA,OAAO,KAAK,EAAC,WAAW,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAUpC,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmLO,mBAAmB,CAAC;;;;gBAjLlB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;wBACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;qBAC9B,WAAW;mBACb,OAAO;mBA8K0E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;YA3KL,aAAa,SAAS,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC,GAAG,IAAI;YAC1D,yBAAyB,SAAS,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAI;;EA8KtE,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9LzE,wBA8L4E;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/HeaderSettingsList.vue.js

@@ -0,0 +1,71 @@
+import { defineComponent, resolveComponent, createBlock, openBlock, unref, withCtx, createElementBlock, createCommentVNode, normalizeStyle, createVNode, mergeProps, createElementVNode, toDisplayString, resolveDynamicComponent } from 'vue';
+import _sfc_main$1 from '../../DragContainer/WDragContainer.vue.js';
+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';
+import { sortFields } from '../use/useListConfig.js';
+
+const _hoisted_1 = ["onMousedown"];
+const _hoisted_2 = { class: "col-start-2 self-center truncate px-2 py-1 font-semibold" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HeaderSettingsList",
+  props: {
+    fields: {},
+    fieldConfigMap: {},
+    queryParams: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:list", "update:field-config-map"],
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_HeaderSettingsList = resolveComponent("HeaderSettingsList", true);
+      return openBlock(), createBlock(_sfc_main$1, {
+        list: unref(sortFields)(_ctx.fields, _ctx.fieldConfigMap),
+        disabled: _ctx.disabled,
+        class: "grid grid-cols-1",
+        "onUpdate:list": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:list", $event))
+      }, {
+        default: withCtx(({ item, container, dragging, initDrag }) => [
+          "fields" in item.meta ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: normalizeStyle(container.style),
+            class: "relative isolate"
+          }, [
+            dragging ? (openBlock(), createElementBlock("div", mergeProps({ key: 0 }, container, { class: "absolute inset-x-0 top-0 z-10 h-7" }), null, 16)) : createCommentVNode("", true),
+            createVNode(_component_HeaderSettingsList, {
+              fields: item.meta.fields,
+              "field-config-map": _ctx.fieldConfigMap,
+              "query-params": _ctx.queryParams,
+              disabled: _ctx.disabled,
+              style: normalizeStyle(container.style),
+              "onUpdate:list": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:list", $event)),
+              "onUpdate:fieldConfigMap": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:field-config-map", $event))
+            }, null, 8, ["fields", "field-config-map", "query-params", "disabled", "style"])
+          ], 4)) : "label" in item.meta ? (openBlock(), createElementBlock("div", mergeProps({
+            key: 1,
+            class: "bg-default dark:bg-default-dark grid select-none grid-cols-[1.75rem,1fr,auto]"
+          }, container), [
+            !_ctx.disabled ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              class: "w-ripple w-ripple-hover relative flex cursor-grab items-center justify-center active:cursor-grabbing",
+              onMousedown: initDrag
+            }, [
+              createVNode(unref(IconDrag), { class: "rotate-90" })
+            ], 40, _hoisted_1)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_2, toDisplayString(typeof item.meta.title === "string" ? item.meta.title : item.meta.title(_ctx.queryParams)), 1),
+            createElementVNode("button", {
+              class: "w-ripple w-ripple-hover relative flex items-center px-2",
+              onClick: ($event) => _ctx.$emit("update:field-config-map", { [item.meta.label]: { ..._ctx.fieldConfigMap[item.meta.label], visible: !_ctx.fieldConfigMap[item.meta.label].visible } })
+            }, [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.fieldConfigMap[item.meta.label].visible ? unref(IconEye) : unref(IconEyeSlash)), { class: "pointer-events-none" }))
+            ], 8, _hoisted_3)
+          ], 16)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["list", "disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -1,7 +1,8 @@
-import { FieldComponent, ListField, ListFieldExport, ListFields } from '../types';
+import { FieldComponent, FieldConfig, ListField, ListFieldExport, 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>;
+        fieldConfigMap: Record<string, FieldConfig>;
         item: Data;
         nested?: boolean;
         skeleton: boolean;

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":"AAuEA;AAiGA,OAAO,KAAK,EAAC,cAAc,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBASnE,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA0LO,mBAAmB,CAAC;gBAxLlB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;cAC/B,IAAI;iBACD,OAAO;kBACN,OAAO;cACX,OAAO;kBACH,OAAO;mBAmL2E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBAhLA,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAC;YAAC,MAAM,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;iBAA1H,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAC;YAAC,MAAM,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;UAkL9H,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AArMzE,wBAqM4E;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":"AAyEA;AAoGA,OAAO,KAAK,EAAC,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAC,MAAM,UAAU,CAAA;yBAShF,IAAI,SAAS,WAAW,EAAE,WAAW,EACrD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAgMO,mBAAmB,CAAC;gBA9LlB,UAAU,CAAC,IAAI,EAAE,WAAW,CAAC;wBACrB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC;cACrC,IAAI;iBACD,OAAO;kBACN,OAAO;cACX,OAAO;kBACH,OAAO;mBAwL2E,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;iBArLA,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAC;YAAC,MAAM,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;iBAA1H,CAAC,KAAK,EAAE;YAAC,KAAK,EAAE,eAAe,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC;YAAC,IAAI,EAAE,IAAI,CAAC;YAAC,MAAM,EAAE,OAAO,CAAA;SAAC,KAAK,IAAI;;UAuL9H,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA3MzE,wBA2M4E;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

@@ -2,12 +2,13 @@ import { defineComponent, resolveComponent, createElementBlock, openBlock, Fragm
 import _sfc_main$2 from '../../EmptyComponent/WEmptyComponent.vue.js';
 import _sfc_main$1 from './ListCardFieldNestedItem.vue.js';
 import { isField } from '../models/utils.js';
-import { getFirstFieldLabel } from '../use/useListConfig.js';
+import { sortFields, getFirstFieldLabel } from '../use/useListConfig.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ListCardFieldNested",
   props: {
     fields: {},
+    fieldConfigMap: {},
     item: {},
     nested: { type: Boolean },
     skeleton: { type: Boolean },
@@ -17,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_ListCardFieldNested = resolveComponent("ListCardFieldNested", true);
-      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fields, (field) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortFields)(_ctx.fields, _ctx.fieldConfigMap), (field) => {
         return openBlock(), createElementBlock(Fragment, {
           key: unref(getFirstFieldLabel)(field)
         }, [
@@ -45,6 +46,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         }, [
                           createVNode(_component_ListCardFieldNested, {
                             fields: field.meta.fields,
+                            "field-config-map": _ctx.fieldConfigMap,
                             item: inner,
                             skeleton: _ctx.skeleton,
                             card: _ctx.card,
@@ -55,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, defaultScope))
                             ]),
                             _: 2
-                          }, 1032, ["fields", "item", "skeleton", "card", "readonly"])
+                          }, 1032, ["fields", "field-config-map", "item", "skeleton", "card", "readonly"])
                         ], 2)
                       ]),
                       _: 2
@@ -74,6 +76,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createVNode(_component_ListCardFieldNested, {
                   fields: field.meta.fields,
+                  "field-config-map": _ctx.fieldConfigMap,
                   item: "keyEntity" in field.meta ? _ctx.item[field.meta.keyEntity] : "getterEntity" in field.meta ? field.meta.getterEntity(_ctx.item) : _ctx.item,
                   skeleton: _ctx.skeleton,
                   card: _ctx.card,
@@ -84,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, defaultScope))
                   ]),
                   _: 2
-                }, 1032, ["fields", "item", "skeleton", "card", "readonly"])
+                }, 1032, ["fields", "field-config-map", "item", "skeleton", "card", "readonly"])
               ]),
               _: 2
             }, 1040, ["class"]))

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

@@ -51,7 +51,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             global: "",
             "onUpdate:queryParams": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:query-params", $event))
           }, null, 40, ["query-params", "readonly"])),
-          !_ctx.readonly ? (openBlock(), createBlock(_sfc_main$2, {
+          !_ctx.readonly && hasChanges.value ? (openBlock(), createBlock(_sfc_main$2, {
             key: 2,
             "semantic-type": unref(SemanticType).SECONDARY,
             disabled: !hasChanges.value,

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

@@ -1 +1 @@
-{"version":3,"file":"ListFilterSelect.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterSelect.vue"],"names":[],"mappings":"AA8CA;AA4EA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;yBAe5B,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA8KO,mBAAmB,CAAC;;;gBA5KlB,eAAe,CAAC,WAAW,CAAC,EAAE;iBAC7B,MAAM,EAAE;qBACJ,WAAW;mBA0KoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAvKL,QAAQ,SAAS,MAAM,KAAG,IAAI;EA2KhC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzLzE,wBAyL4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ListFilterSelect.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/components/ListFilterSelect.vue"],"names":[],"mappings":"AA6CA;AA2EA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;yBAe5B,WAAW,EAC3B,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA4KO,mBAAmB,CAAC;;;gBA1KlB,eAAe,CAAC,WAAW,CAAC,EAAE;iBAC7B,MAAM,EAAE;qBACJ,WAAW;mBAwKoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cArKL,QAAQ,SAAS,MAAM,KAAG,IAAI;EAyKhC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvLzE,wBAuL4E;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/ListFilterSelect.vue.js

@@ -23,7 +23,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "horizontal-align": unref(HorizontalAlign).FILL,
         "max-height": 320,
         "max-width": 320,
-        teleport: "",
         "update-align": ""
       }, {
         toggle: withCtx(() => [

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

@@ -14,4 +14,5 @@ export declare const useListConfig: <Fields extends ListFields<any, any>>(key: M
     save: () => void;
     updateMode: (mode: ListMode) => void;
 };
+export declare const sortFields: <Fields extends ListFields<any, any>>(list: Fields, fieldConfigMap: Record<string, FieldConfig>) => (import('../types').ListFieldExport<import('../types').FieldComponent<any>, ListField<any, any>> | import('../types').ListFieldExport<import('../types').FieldComponent<any>, import('../types').ListFieldNested<any, any>> | import('../types').ListFieldExport<import('../types').FieldComponent<any>, import('../types').ListFieldNestedEntity<any, any, string | number>> | import('../types').ListFieldExport<import('../types').FieldComponent<any>, import('../types').ListFieldNestedEntityGetter<any, any, unknown>> | import('../types').ListFieldExport<import('../types').FieldComponent<any>, import('../types').ListFieldNestedArray<any, any, string | number>> | import('../types').ListFieldExport<import('../types').FieldComponent<any>, import('../types').ListFieldNestedArrayGetter<any, any, unknown>>)[];
 //# sourceMappingURL=useListConfig.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useListConfig.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/use/useListConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAA8C,MAAM,KAAK,CAAA;AAM9E,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAC,MAAM,UAAU,CAAA;AAEhH,eAAO,MAAM,YAAY,YAGxB,CAAA;AAUD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAG1D,CAAA;AAoED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,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,EAAE,OAAO,CAAC,KAAG,MAErF,CAAA;AAGD,eAAO,MAAM,aAAa,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,QAAQ,CAAC,MAAM,CAAC,EAAE,kBAAkB,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,aAAa,QAAQ,CAAC,QAAQ,CAAC,EAAE,UAAU,OAAO;;;;;;;uBAwC9L,QAAQ;CAyBnC,CAAA"}
+{"version":3,"file":"useListConfig.d.ts","sourceRoot":"","sources":["../../../../../src/components/List/use/useListConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,QAAQ,EAA8C,MAAM,KAAK,CAAA;AAM9E,OAAO,EAAC,QAAQ,EAAC,MAAM,eAAe,CAAA;AAEtC,OAAO,EAAC,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,UAAU,EAAC,MAAM,UAAU,CAAA;AAEhH,eAAO,MAAM,YAAY,YAGxB,CAAA;AAUD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,CAG1D,CAAA;AAoED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,QAAQ,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,EAAE,OAAO,CAAC,KAAG,MAErF,CAAA;AAGD,eAAO,MAAM,aAAa,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,KAAK,QAAQ,CAAC,MAAM,CAAC,EAAE,QAAQ,QAAQ,CAAC,MAAM,CAAC,EAAE,kBAAkB,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,EAAE,aAAa,QAAQ,CAAC,QAAQ,CAAC,EAAE,UAAU,OAAO;;;;;;;uBAwC9L,QAAQ;CAyBnC,CAAA;AAGD,eAAO,MAAM,UAAU,GAAI,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,MAAM,EAAE,gBAAgB,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,qyBAExH,CAAA"}