eco-vue-js 0.10.69 → 0.10.70

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/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"}

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

@@ -45,7 +45,7 @@ const parseFieldConfigMap = (value, fields, fieldConfigMap) => {
   };
   processFields(fields);
   Object.values(configMap).sort((a, b) => a.order - b.order).forEach((item, index) => {
-    item.order = index;
+    item.order = index + 1;
   });
   return configMap;
 };
@@ -129,5 +129,8 @@ const useListConfig = (key, fields, defaultConfigMap, defailtMode, disable) => {
     updateMode
   };
 };
+const sortFields = (list, fieldConfigMap) => {
+  return list.slice().sort((a, b) => fieldConfigMap[getFirstFieldLabel(a)].order - fieldConfigMap[getFirstFieldLabel(b)].order);
+};
 
-export { filterFields, getFirstFieldLabel, listModeIconMap, listModeList, useListConfig };
+export { filterFields, getFirstFieldLabel, listModeIconMap, listModeList, sortFields, useListConfig };

package/dist/components/Nav/WNavItem.vue.d.ts

@@ -1,17 +1,4 @@
-import { LinkProps } from '../../types/types';
-interface Props extends LinkProps {
-    icon?: SVGComponent;
-    title?: string;
-    count?: number;
-    counter?: number;
-    skeleton?: boolean;
-    hasActive?: boolean;
-    expand?: boolean;
-    indent?: boolean;
-    queryFields?: string[];
-    hovered?: boolean;
-    even?: boolean;
-}
+import { NavItemProps } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -22,9 +9,9 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {
+declare const __VLS_component: import('vue').DefineComponent<NavItemProps, {
     isActive: import('vue').ComputedRef<boolean>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NavItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Nav/WNavItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAyFA;AA4IA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,eAAe,CAAA;AAY5C,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AA6BD,iBAAS,cAAc;WAuKT,OAAO,IAA6B;;sBAXvB,GAAG;uBACF,GAAG;;;;EAe9B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;8OAQnB,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":"WNavItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/WNavItem.vue"],"names":[],"mappings":"AAyFA;AA8HA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,SAAS,CAAA;AAuCzC,iBAAS,cAAc;WAuKT,OAAO,IAA6B;;sBAXvB,GAAG;uBACF,GAAG;;;;EAe9B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;qPAQnB,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"}