wave-ui 2.27.0 → 2.28.0

package/dist/wave-ui.es.js

@@ -5595,7 +5595,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
       }, {
         default: withCtx(() => [
           (openBlock(), createBlock(KeepAlive, null, [
-            createVNode(_component_tab_content, {
+            (openBlock(), createBlock(_component_tab_content, {
               key: $options.activeTab._index,
               class: normalizeClass($props.contentClass)
             }, {
@@ -5617,7 +5617,7 @@ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
                 ])
               ]),
               _: 3
-            }, 8, ["class"])
+            }, 8, ["class"]))
           ], 1024))
         ]),
         _: 3
@@ -5784,38 +5784,40 @@ const _sfc_main$e = {
   }
 };
 var index = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", render$e]]);
-const _hoisted_1$3 = ["width"];
-const _hoisted_2$2 = { key: 0 };
-const _hoisted_3$2 = ["onClick"];
-const _hoisted_4$1 = /* @__PURE__ */ createTextVNode("wi-arrow-down");
-const _hoisted_5$1 = ["innerHTML"];
-const _hoisted_6$1 = /* @__PURE__ */ createTextVNode("wi-arrow-down");
-const _hoisted_7$1 = {
+const _hoisted_1$3 = { ref: "colgroup" };
+const _hoisted_2$2 = ["width"];
+const _hoisted_3$2 = { key: 0 };
+const _hoisted_4$1 = ["onClick"];
+const _hoisted_5$1 = /* @__PURE__ */ createTextVNode("wi-arrow-down");
+const _hoisted_6$1 = ["innerHTML"];
+const _hoisted_7$1 = /* @__PURE__ */ createTextVNode("wi-arrow-down");
+const _hoisted_8 = {
   key: 0,
   class: "w-table__progress-bar"
 };
-const _hoisted_8 = ["colspan"];
-const _hoisted_9 = { class: "w-table__loading-text" };
-const _hoisted_10 = /* @__PURE__ */ createTextVNode("Loading...");
-const _hoisted_11 = {
+const _hoisted_9 = ["colspan"];
+const _hoisted_10 = { class: "w-table__loading-text" };
+const _hoisted_11 = /* @__PURE__ */ createTextVNode("Loading...");
+const _hoisted_12 = {
   key: 1,
   class: "no-data"
 };
-const _hoisted_12 = ["colspan"];
-const _hoisted_13 = /* @__PURE__ */ createTextVNode("No data to show.");
-const _hoisted_14 = ["onClick"];
-const _hoisted_15 = ["data-label"];
+const _hoisted_13 = ["colspan"];
+const _hoisted_14 = /* @__PURE__ */ createTextVNode("No data to show.");
+const _hoisted_15 = ["onClick"];
 const _hoisted_16 = ["data-label"];
-const _hoisted_17 = ["innerHTML"];
-const _hoisted_18 = {
+const _hoisted_17 = ["data-label"];
+const _hoisted_18 = ["innerHTML"];
+const _hoisted_19 = {
   key: 2,
-  class: "w-table__row w-table__row--expanded"
+  class: "w-table__row w-table__row--expansion"
 };
-const _hoisted_19 = ["colspan"];
-const _hoisted_20 = { key: 0 };
+const _hoisted_20 = ["colspan"];
+const _hoisted_21 = { key: 0 };
 function render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_w_icon = resolveComponent("w-icon");
   const _component_w_progress = resolveComponent("w-progress");
+  const _component_w_transition_expand = resolveComponent("w-transition-expand");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["w-table-wrap", $options.wrapClasses])
   }, [
@@ -5825,16 +5827,16 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
       onMouseover: _cache[2] || (_cache[2] = (...args) => $options.onMouseOver && $options.onMouseOver(...args)),
       onMouseout: _cache[3] || (_cache[3] = (...args) => $options.onMouseOut && $options.onMouseOut(...args))
     }, [
-      createElementVNode("colgroup", null, [
+      createElementVNode("colgroup", _hoisted_1$3, [
         (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (header, i) => {
           return openBlock(), createElementBlock("col", {
             class: "w-table__col",
             key: i,
             width: header.width || null
-          }, null, 8, _hoisted_1$3);
+          }, null, 8, _hoisted_2$2);
         }), 128))
-      ]),
-      !$props.noHeaders ? (openBlock(), createElementBlock("thead", _hoisted_2$2, [
+      ], 512),
+      !$props.noHeaders ? (openBlock(), createElementBlock("thead", _hoisted_3$2, [
         createElementVNode("tr", null, [
           (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (header, i) => {
             return openBlock(), createElementBlock("th", {
@@ -5847,7 +5849,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
                 class: normalizeClass(["w-table__header-sort", $options.headerSortClasses(header)])
               }, {
                 default: withCtx(() => [
-                  _hoisted_4$1
+                  _hoisted_5$1
                 ]),
                 _: 2
               }, 1032, ["class"])) : createCommentVNode("", true),
@@ -5862,14 +5864,14 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
                 ]) : (openBlock(), createElementBlock("span", {
                   key: 1,
                   innerHTML: header.label || ""
-                }, null, 8, _hoisted_5$1))
+                }, null, 8, _hoisted_6$1))
               ], 64)) : createCommentVNode("", true),
               header.sortable !== false && header.align !== "right" ? (openBlock(), createBlock(_component_w_icon, {
                 key: 2,
                 class: normalizeClass(["w-table__header-sort", $options.headerSortClasses(header)])
               }, {
                 default: withCtx(() => [
-                  _hoisted_6$1
+                  _hoisted_7$1
                 ]),
                 _: 2
               }, 1032, ["class"])) : createCommentVNode("", true),
@@ -5879,32 +5881,31 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
                 onClick: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["stop"]))
               }, null, 2)) : createCommentVNode("", true)
-            ], 10, _hoisted_3$2);
+            ], 10, _hoisted_4$1);
           }), 128))
         ])
       ])) : createCommentVNode("", true),
       createElementVNode("tbody", null, [
-        $props.loading ? (openBlock(), createElementBlock("tr", _hoisted_7$1, [
+        $props.loading ? (openBlock(), createElementBlock("tr", _hoisted_8, [
           createElementVNode("td", {
             colspan: $props.headers.length
           }, [
             createVNode(_component_w_progress, { tile: "" }),
-            createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_10, [
               renderSlot(_ctx.$slots, "loading", {}, () => [
-                _hoisted_10
+                _hoisted_11
               ])
             ])
-          ], 8, _hoisted_8)
-        ])) : createCommentVNode("", true),
-        !$options.tableItems.length ? (openBlock(), createElementBlock("tr", _hoisted_11, [
+          ], 8, _hoisted_9)
+        ])) : !$options.tableItems.length ? (openBlock(), createElementBlock("tr", _hoisted_12, [
           createElementVNode("td", {
             class: "w-table__cell text-center",
             colspan: $props.headers.length
           }, [
             renderSlot(_ctx.$slots, "no-data", {}, () => [
-              _hoisted_13
+              _hoisted_14
             ])
-          ], 8, _hoisted_12)
+          ], 8, _hoisted_13)
         ])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList($options.sortedItems, (item, i) => {
           return openBlock(), createElementBlock(Fragment, { key: i }, [
             _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
@@ -5912,10 +5913,10 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
               item,
               index: i + 1,
               select: () => $options.doSelectRow(item, i),
-              classes: { "w-table__row": true, "w-table__row--selected": $options.selectedRowsByUid[item._uid] !== void 0, "w-table__row--has-expanded": $options.expandedRowsByUid[item._uid] !== void 0 }
+              classes: { "w-table__row": true, "w-table__row--selected": $options.selectedRowsByUid[item._uid] !== void 0, "w-table__row--expanded": $options.expandedRowsByUid[item._uid] !== void 0 }
             }) : (openBlock(), createElementBlock("tr", {
               key: 1,
-              class: normalizeClass(["w-table__row", { "w-table__row--selected": $options.selectedRowsByUid[item._uid] !== void 0, "w-table__row--has-expanded": $options.expandedRowsByUid[item._uid] !== void 0 }]),
+              class: normalizeClass(["w-table__row", { "w-table__row--selected": $options.selectedRowsByUid[item._uid] !== void 0, "w-table__row--expanded": $options.expandedRowsByUid[item._uid] !== void 0 }]),
               onClick: ($event) => $options.doSelectRow(item, i)
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList($props.headers, (header, j) => {
@@ -5948,38 +5949,43 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
                       key: 3,
                       class: normalizeClass(["w-table__col-resizer", { "w-table__col-resizer--hover": _ctx.colResizing.hover === j, "w-table__col-resizer--active": _ctx.colResizing.columnIndex === j }])
                     }, null, 2)) : createCommentVNode("", true)
-                  ], 10, _hoisted_15)) : (openBlock(), createElementBlock("td", {
+                  ], 10, _hoisted_16)) : (openBlock(), createElementBlock("td", {
                     class: normalizeClass(["w-table__cell", `text-${header.align || "left"}`]),
                     key: `${j}-b`,
                     "data-label": header.label
                   }, [
                     createElementVNode("div", {
                       innerHTML: item[header.key] || ""
-                    }, null, 8, _hoisted_17),
+                    }, null, 8, _hoisted_18),
                     j < $props.headers.length - 1 && $props.resizableColumns ? (openBlock(), createElementBlock("span", {
                       key: 0,
                       class: normalizeClass(["w-table__col-resizer", { "w-table__col-resizer--hover": _ctx.colResizing.hover === j, "w-table__col-resizer--active": _ctx.colResizing.columnIndex === j }])
                     }, null, 2)) : createCommentVNode("", true)
-                  ], 10, _hoisted_16))
+                  ], 10, _hoisted_17))
                 ], 64);
               }), 256))
-            ], 10, _hoisted_14)),
-            $options.expandedRowsByUid[item._uid] ? (openBlock(), createElementBlock("tr", _hoisted_18, [
+            ], 10, _hoisted_15)),
+            $options.expandedRowsByUid[item._uid] ? (openBlock(), createElementBlock("tr", _hoisted_19, [
               createElementVNode("td", {
                 class: "w-table__cell",
                 colspan: $props.headers.length
               }, [
-                $options.expandedRowsByUid[item._uid] ? (openBlock(), createElementBlock("div", _hoisted_20, [
-                  renderSlot(_ctx.$slots, "expanded-row", {
-                    item,
-                    index: i + 1
-                  })
-                ])) : createCommentVNode("", true),
-                _ctx.j < $props.headers.length - 1 && $props.resizableColumns ? (openBlock(), createElementBlock("span", {
-                  key: 1,
-                  class: normalizeClass(["w-table__col-resizer", { "w-table__col-resizer--hover": _ctx.colResizing.hover === _ctx.j, "w-table__col-resizer--active": _ctx.colResizing.columnIndex === _ctx.j }])
-                }, null, 2)) : createCommentVNode("", true)
-              ], 8, _hoisted_19)
+                createVNode(_component_w_transition_expand, { y: "" }, {
+                  default: withCtx(() => [
+                    $options.expandedRowsByUid[item._uid] ? (openBlock(), createElementBlock("div", _hoisted_21, [
+                      renderSlot(_ctx.$slots, "row-expansion", {
+                        item,
+                        index: i + 1
+                      })
+                    ])) : createCommentVNode("", true),
+                    i < $props.headers.length - 1 && $props.resizableColumns ? (openBlock(), createElementBlock("span", {
+                      key: 1,
+                      class: normalizeClass(["w-table__col-resizer", { "w-table__col-resizer--hover": _ctx.colResizing.hover === i, "w-table__col-resizer--active": _ctx.colResizing.columnIndex === _ctx.j }])
+                    }, null, 2)) : createCommentVNode("", true)
+                  ]),
+                  _: 2
+                }, 1024)
+              ], 8, _hoisted_20)
             ])) : createCommentVNode("", true)
           ], 64);
         }), 128))
@@ -6022,7 +6028,7 @@ const _sfc_main$d = {
     mobileBreakpoint: { type: Number, default: 0 },
     resizableColumns: { type: Boolean }
   },
-  emits: ["row-select", "row-expand", "row-click", "update:sort", "update:selected-rows", "update:expanded-rows"],
+  emits: ["row-select", "row-expand", "row-click", "update:sort", "update:selected-rows", "update:expanded-rows", "column-resize"],
   data: () => ({
     activeSorting: [],
     selectedRowsInternal: [],
@@ -6046,9 +6052,7 @@ const _sfc_main$d = {
       });
     },
     filteredItems() {
-      if (typeof this.filter === "function")
-        return this.tableItems.filter(this.filter);
-      return this.tableItems;
+      return typeof this.filter === "function" ? this.tableItems.filter(this.filter) : this.tableItems;
     },
     sortedItems() {
       if (!this.activeSorting.length)
@@ -6208,6 +6212,11 @@ const _sfc_main$d = {
       document.removeEventListener("mousemove", this.onResizerMouseMove);
       document.removeEventListener("mouseup", this.onResizerMouseUp);
       setTimeout(() => {
+        const widths = [...this.$refs.colgroup.childNodes].map((column) => {
+          var _a;
+          return ((_a = column.style) == null ? void 0 : _a.width) || column.offsetWidth;
+        });
+        this.$emit("column-resize", { index: this.colResizing.columnIndex, widths });
         this.colResizing.dragging = false;
         this.colResizing.columnIndex = null;
         this.colResizing.startCursorX = null;