eco-vue-js 0.8.19 → 0.8.20

package/dist/assets/icons/sax/IconDrag.svg.js

@@ -0,0 +1,24 @@
+import { openBlock, createElementBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "none",
+  viewBox: "0 0 24 24"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5",
+      d: "M9.5 21V3M14.5 21V3"
+    }, null, -1)
+  ])))
+}
+const IconDrag = { render: render };
+
+export { IconDrag as default, render };

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":"AAmQA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAOnE,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;WA2hBxD,mBAAmB,CAAC;;;gBAnhBpB,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;KAqgBiE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAlgBP,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YAugBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AAriBvE,wBAqiB4E;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":"AAiRA,OAAO,KAAK,EAAC,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;yBAOnE,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;WA6jBxD,mBAAmB,CAAC;;;gBAjjBpB,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;KAmiBiE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;cAhiBP,uBAAuB,SAAS,MAAM,KAAG,IAAI;;;;YAqiBP,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvkBvE,wBAukB4E;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,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, createVNode } from 'vue';
+import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, normalizeClass, createCommentVNode, normalizeStyle, createVNode } from 'vue';
 import _sfc_main$1 from '../InfiniteList/WInfiniteList.vue.js';
 import { getIsMobile } from '../../utils/mobile.js';
 import { useSelected, getPosition } from '../../utils/useSelected.js';
@@ -34,6 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const listCount = ref(0);
     const selectionCount = ref(0);
+    const fieldConfig = ref(props.fields.map(() => ({ width: 0 })));
     const allowSelect = computed(() => props.bulk !== void 0);
     const {
       selected,
@@ -152,8 +153,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     field: typeof field.field === "string" ? field.field : field.field?.(_ctx.queryParams),
                     class: normalizeClass([field.cssClass, index === _ctx.fields.length - 1 ? "z-[1]" : void 0]),
                     ordering: ordering.value,
-                    disabled: !field.field
-                  }, null, 8, ["title", "field", "class", "ordering", "disabled"])) : createCommentVNode("", true)
+                    disabled: !field.field,
+                    "allow-resize": field.allowResize,
+                    style: normalizeStyle({
+                      minWidth: !unref(isMobile) && fieldConfig.value[index]?.width ? fieldConfig.value[index].width + "px" : void 0
+                    }),
+                    "onUpdate:width": ($event) => fieldConfig.value[index].width = $event
+                  }, null, 8, ["title", "field", "class", "ordering", "disabled", "allow-resize", "style", "onUpdate:width"])) : createCommentVNode("", true)
                 ], 64);
               }), 128))
             ]),
@@ -184,13 +190,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       "sm:border-y border-gray-300 dark:border-gray-700": _ctx.hasBorder,
                       "sm:border-b-[transparent] sm:dark:border-b-[transparent]": _ctx.hasBorder && isOpen
                     }),
+                    style: normalizeStyle({
+                      minWidth: !unref(isMobile) && fieldConfig.value[index]?.width ? fieldConfig.value[index].width + "px" : void 0
+                    }),
                     "onUpdate:item": setter,
                     "onDelete:item": ($event) => {
                       setter();
                       refetch();
                     },
                     onClick: ($event) => field.allowOpen && !skeleton && toggle()
-                  }, null, 40, ["item", "readonly", "skeleton", "mobile", "class", "onUpdate:item", "onDelete:item", "onClick"])) : createCommentVNode("", true)
+                  }, null, 40, ["item", "readonly", "skeleton", "mobile", "class", "style", "onUpdate:item", "onDelete:item", "onClick"])) : createCommentVNode("", true)
                 ], 64);
               }), 128))
             ]),

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

@@ -1,17 +1,20 @@
 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<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & {
+    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"> & {
         title?: string;
         field: Field;
         ordering: OrderItem<Field>[];
         disabled?: boolean;
+        allowResize?: boolean;
     }> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?(_: {}): any;
     };
-    emit: {};
+    emit: (e: "update:width", value: number) => void;
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> & {

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":"AAkGA,OAAO,EAAwB,KAAK,SAAS,EAAC,MAAM,eAAe,CAAA;yBAGlD,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;WAwJxD,mBAAmB,CAAC;gBApJpB,MAAM;eACP,KAAK;kBACF,SAAS,CAAC,KAAK,CAAC,EAAE;mBACjB,OAAO;KAiJmE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA1BgB,GAAG;;UA4BvB,EAAE;;;;YAGiC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAlKvE,wBAkK4E;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":"AAgHA,OAAO,EAAwB,KAAK,SAAS,EAAC,MAAM,eAAe,CAAA;yBAIlD,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;WAmNxD,mBAAmB,CAAC;;;gBA/MpB,MAAM;eACP,KAAK;kBACF,SAAS,CAAC,KAAK,CAAC,EAAE;mBACjB,OAAO;sBACJ,OAAO;KA2MgE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;yBA9BiB,GAAG;;cA1K3B,cAAc,SAAS,MAAM,KAAG,IAAI;;;;YA6ME,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"}

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

@@ -1,11 +1,12 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, Transition, withCtx, unref, createCommentVNode } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, withCtx, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString, Transition, createElementBlock, createVNode, unref, createCommentVNode } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import IconBack from '../../assets/icons/default/IconBack.svg.js';
 import { Order, encodeOrdering } from '../../utils/order.js';
+import _sfc_main$1 from './components/HeaderItemResizer.vue.js';
 
 const _hoisted_1 = {
   key: 0,
-  class: "flex gap-1 w-7 items-center"
+  class: "flex gap-1 items-center"
 };
 const _hoisted_2 = { key: 0 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -14,8 +15,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     title: {},
     field: {},
     ordering: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    allowResize: { type: Boolean }
   },
+  emits: ["update:width"],
   setup(__props) {
     const props = __props;
     const route = useRoute();
@@ -44,41 +47,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       updateQuery(newOrdering);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["pr-6 flex gap-2 select-none items-center text-description font-semibold", {
-          "cursor-pointer": !_ctx.disabled
-        }]),
-        onClick: setOrdering
-      }, [
-        createElementVNode("div", {
-          class: normalizeClass(["whitespace-nowrap", {
-            "hover:underline": !_ctx.disabled
-          }])
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
-          ])
-        ], 2),
-        createVNode(Transition, {
-          "enter-active-class": "transition-opacity",
-          "leave-active-class": "transition-opacity",
-          "enter-from-class": "opacity-0",
-          "leave-to-class": "opacity-0"
-        }, {
-          default: withCtx(() => [
-            index.value !== -1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
-              createVNode(unref(IconBack), {
-                class: normalizeClass(["w-4 h-4 transition-transform", {
-                  "rotate-90": _ctx.ordering[index.value]?.order === "ASC",
-                  "-rotate-90": _ctx.ordering[index.value]?.order === "DESC"
+      return openBlock(), createBlock(resolveDynamicComponent(_ctx.allowResize ? _sfc_main$1 : "div"), {
+        class: "select-none text-description pr-6",
+        "onUpdate:width": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:width", $event))
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.disabled ? "div" : "button"), {
+            class: normalizeClass(["h-full w-full flex gap-2 group font-semibold items-center", {
+              "cursor-pointer": !_ctx.disabled
+            }]),
+            onClick: setOrdering
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(["whitespace-nowrap", {
+                  "group-hover:underline": !_ctx.disabled
                 }])
-              }, null, 8, ["class"]),
-              _ctx.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(index.value + 1), 1)) : createCommentVNode("", true)
-            ])) : createCommentVNode("", true)
-          ]),
-          _: 1
-        })
-      ], 2);
+              }, [
+                renderSlot(_ctx.$slots, "default", {}, () => [
+                  createTextVNode(toDisplayString(_ctx.title), 1)
+                ])
+              ], 2),
+              !_ctx.disabled ? (openBlock(), createBlock(Transition, {
+                key: 0,
+                "enter-active-class": "transition-opacity",
+                "leave-active-class": "transition-opacity",
+                "enter-from-class": "opacity-0",
+                "leave-to-class": "opacity-0"
+              }, {
+                default: withCtx(() => [
+                  index.value !== -1 ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                    createVNode(unref(IconBack), {
+                      class: normalizeClass(["square-3 transition-transform", {
+                        "rotate-90": _ctx.ordering[index.value]?.order === "ASC",
+                        "-rotate-90": _ctx.ordering[index.value]?.order === "DESC"
+                      }])
+                    }, null, 8, ["class"]),
+                    _ctx.ordering.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(index.value + 1), 1)) : createCommentVNode("", true)
+                  ])) : createCommentVNode("", true)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["class"]))
+        ]),
+        _: 3
+      }, 32);
     };
   }
 });

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

@@ -0,0 +1,20 @@
+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;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
+    };
+    emit: (e: "update:width", value: number) => void;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};
+//# sourceMappingURL=HeaderItemResizer.vue.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,66 @@
+import { defineComponent, useTemplateRef, onMounted, onBeforeUnmount, openBlock, createElementBlock, renderSlot, createElementVNode, withModifiers, createVNode, unref } from 'vue';
+import IconDrag from '../../../assets/icons/sax/IconDrag.svg.js';
+import DOMListenerContainer from '../../../utils/DOMListenerContainer.js';
+
+const _hoisted_1 = {
+  ref: "element",
+  class: "relative"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "HeaderItemResizer",
+  emits: ["update:width"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const listenerContainer = new DOMListenerContainer();
+    const elementRef = useTemplateRef("element");
+    let started = null;
+    let widthSaved = null;
+    const startDrag = (clickEvent) => {
+      if (!elementRef.value) return;
+      started = clickEvent.clientX;
+      widthSaved = elementRef.value.offsetWidth;
+      listenerContainer.addEventListener(document, "mousemove", (event) => {
+        if (started === null || widthSaved === null || !(event instanceof MouseEvent)) {
+          endDrag();
+          return;
+        }
+        emit("update:width", widthSaved + event.clientX - started);
+      });
+      listenerContainer.addEventListener(document, "mouseup", (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        endDrag();
+      });
+    };
+    const endDrag = () => {
+      listenerContainer.destroy();
+      started = null;
+      widthSaved = null;
+    };
+    onMounted(() => {
+      setTimeout(() => {
+        if (!elementRef.value) return;
+        emit("update:width", elementRef.value.offsetWidth);
+      }, 1e3);
+    });
+    onBeforeUnmount(() => {
+      listenerContainer.destroy();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        renderSlot(_ctx.$slots, "default"),
+        createElementVNode("button", {
+          class: "absolute top-0 right-1 h-full w-6 flex items-center opacity-50 hover:opacity-100 cursor-col-resize",
+          onMousedown: withModifiers(startDrag, ["stop", "prevent"]),
+          onMouseup: withModifiers(endDrag, ["stop", "prevent"]),
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop", "prevent"]))
+        }, [
+          createVNode(unref(IconDrag))
+        ], 32)
+      ], 512);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -12,6 +12,7 @@ export type ListField<Data, QueryParams = unknown> = {
     field?: Extract<keyof Data, string> | ((params: QueryParams) => Extract<keyof Data, string>);
     visibleGetter?: (params: QueryParams) => boolean;
     allowOpen?: boolean;
+    allowResize?: boolean;
 };
 export type MenuComponent<Data> = Component<{
     item: Data;

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,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,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,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"}
+{"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,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,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,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"}

package/package.json

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

package/tailwind-base/plugins/default.cjs

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