@expcat/tigercat-vue 0.4.2 → 0.4.3

package/dist/{chunk-DEFEAEYE.mjs → chunk-BS52UCMT.mjs}

@@ -1,5 +1,5 @@
 import { defineComponent, computed, ref, watch, h } from 'vue';
-import { getSpinnerSVG, getFixedColumnOffsets, filterData, sortData, paginateData, getRowKey, calculatePagination, getTableWrapperClasses, classNames, tableBaseClasses, tableLoadingOverlayClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, getExpandCellClasses, getCheckboxCellClasses, getTableHeaderCellClasses, getTableHeaderClasses, tableEmptyStateClasses, expandIconButtonClasses, getExpandIconRotationClasses, normalizeSvgAttrs, icon16ViewBox, getTableCellClasses, getTableRowClasses, expandedRowContentClasses, getLoadingOverlaySpinnerClasses, icon24ViewBox, lockClosedIcon24PathD, lockOpenIcon24PathD, getSortIconClasses, sortAscIcon16PathD, sortDescIcon16PathD, sortBothIcon16PathD } from '@expcat/tigercat-core';
+import { getSpinnerSVG, getFixedColumnOffsets, filterData, sortData, paginateData, getRowKey, calculatePagination, getTableWrapperClasses, classNames, tableBaseClasses, tableLoadingOverlayClasses, getSimplePaginationContainerClasses, getSimplePaginationTotalClasses, getSimplePaginationControlsClasses, getSimplePaginationSelectClasses, getSimplePaginationButtonsWrapperClasses, getSimplePaginationButtonClasses, getSimplePaginationPageIndicatorClasses, getExpandIconCellClasses, getCheckboxCellClasses, getTableHeaderCellClasses, getTableHeaderClasses, tableEmptyStateClasses, getTableCellClasses, getTableRowClasses, getExpandedRowClasses, getExpandedRowContentClasses, getLoadingOverlaySpinnerClasses, normalizeSvgAttrs, icon24ViewBox, lockClosedIcon24PathD, lockOpenIcon24PathD, icon16ViewBox, getSortIconClasses, sortAscIcon16PathD, sortDescIcon16PathD, sortBothIcon16PathD, getExpandIconClasses, expandChevronIcon16PathD } from '@expcat/tigercat-core';
 
 // src/components/Table.ts
 var spinnerSvg = getSpinnerSVG("spinner");
@@ -31,6 +31,20 @@ var LockIcon = (locked) => {
     [h("path", { d: locked ? lockClosedIcon24PathD : lockOpenIcon24PathD })]
   );
 };
+var ExpandIcon = (expanded) => {
+  return h(
+    "svg",
+    {
+      class: getExpandIconClasses(expanded),
+      width: "16",
+      height: "16",
+      viewBox: icon16ViewBox,
+      fill: "currentColor",
+      "aria-hidden": "true"
+    },
+    [h("path", { d: expandChevronIcon16PathD })]
+  );
+};
 var LoadingSpinner = () => {
   return h(
     "svg",
@@ -205,7 +219,7 @@ var Table = defineComponent({
     "sort-change",
     "filter-change",
     "page-change",
-    "expanded-rows-change"
+    "expand-change"
   ],
   setup(props, { emit, slots }) {
     const paginationConfig = computed(() => {
@@ -245,7 +259,6 @@ var Table = defineComponent({
     const expandedRowKeys = computed(() => {
       return props.expandable?.expandedRowKeys ?? uncontrolledExpandedRowKeys.value;
     });
-    const expandedRowKeySet = computed(() => new Set(expandedRowKeys.value));
     watch(
       () => props.sort,
       (next) => {
@@ -286,6 +299,14 @@ var Table = defineComponent({
         }
       }
     );
+    watch(
+      () => props.expandable?.expandedRowKeys,
+      (next) => {
+        if (next !== void 0) {
+          uncontrolledExpandedRowKeys.value = next;
+        }
+      }
+    );
     const fixedOverrides = ref({});
     const displayColumns = computed(() => {
       return props.columns.map((column) => {
@@ -334,6 +355,15 @@ var Table = defineComponent({
     const selectedRowKeySet = computed(() => {
       return new Set(selectedRowKeys.value);
     });
+    const expandedRowKeySet = computed(() => {
+      return new Set(expandedRowKeys.value);
+    });
+    const totalColumnCount = computed(() => {
+      let count = displayColumns.value.length;
+      if (props.rowSelection) count += 1;
+      if (props.expandable) count += 1;
+      return count;
+    });
     const paginationInfo = computed(() => {
       if (props.pagination === false) {
         return null;
@@ -417,6 +447,21 @@ var Table = defineComponent({
     }
     function handleRowClick(record, index) {
       emit("row-click", record, index);
+      if (props.expandable?.expandRowByClick) {
+        const key = getRowKey(record, props.rowKey, index);
+        const isExpandable = props.expandable?.rowExpandable ? props.expandable.rowExpandable(record) : true;
+        if (isExpandable) {
+          handleToggleExpand(key, record);
+        }
+      }
+    }
+    function handleToggleExpand(key, record) {
+      const isExpanded = expandedRowKeySet.value.has(key);
+      const newKeys = isExpanded ? expandedRowKeys.value.filter((k) => k !== key) : [...expandedRowKeys.value, key];
+      if (!isExpandControlled.value) {
+        uncontrolledExpandedRowKeys.value = newKeys;
+      }
+      emit("expand-change", newKeys, record, !isExpanded);
     }
     function handleSelectRow(key, checked) {
       let newKeys;
@@ -457,24 +502,16 @@ var Table = defineComponent({
     const someSelected = computed(() => {
       return selectedRowKeys.value.length > 0 && !allSelected.value;
     });
-    function handleToggleExpand(key) {
-      const isExp = expandedRowKeySet.value.has(key);
-      const next = isExp ? expandedRowKeys.value.filter((k) => k !== key) : [...expandedRowKeys.value, key];
-      if (!isExpandControlled.value) {
-        uncontrolledExpandedRowKeys.value = next;
-      }
-      emit("expanded-rows-change", next);
-    }
-    const totalColumnCount = computed(() => {
-      let count = displayColumns.value.length;
-      if (props.rowSelection && props.rowSelection.showCheckbox !== false) count++;
-      if (props.expandable) count++;
-      return count;
-    });
     function renderTableHeader() {
       const headerCells = [];
-      if (props.expandable && props.expandable.expandIconPosition !== "end") {
-        headerCells.push(h("th", { class: getExpandCellClasses(props.size) }));
+      const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
+      const expandAtEnd = props.expandable && props.expandable.expandIconPosition === "end";
+      const expandHeaderTh = props.expandable ? h("th", {
+        class: getExpandIconCellClasses(props.size),
+        "aria-label": "Expand"
+      }) : null;
+      if (expandAtStart && expandHeaderTh) {
+        headerCells.push(expandHeaderTh);
       }
       if (props.rowSelection && props.rowSelection.showCheckbox !== false && props.rowSelection.type !== "radio") {
         headerCells.push(
@@ -595,8 +632,8 @@ var Table = defineComponent({
           )
         );
       });
-      if (props.expandable && props.expandable.expandIconPosition === "end") {
-        headerCells.push(h("th", { class: getExpandCellClasses(props.size) }));
+      if (expandAtEnd && expandHeaderTh) {
+        headerCells.push(expandHeaderTh);
       }
       return h("thead", { class: getTableHeaderClasses(props.stickyHeader) }, [
         h("tr", headerCells)
@@ -633,40 +670,34 @@ var Table = defineComponent({
         const key = paginatedRowKeys.value[index];
         const isSelected = selectedRowKeySet.value.has(key);
         const isExpanded = expandedRowKeySet.value.has(key);
-        const isExpandable = props.expandable ? props.expandable.rowExpandable?.(record) ?? true : false;
+        const isRowExpandable = props.expandable ? props.expandable.rowExpandable ? props.expandable.rowExpandable(record) : true : false;
         const rowClass = typeof props.rowClassName === "function" ? props.rowClassName(record, index) : props.rowClassName;
         const cells = [];
-        if (props.expandable && props.expandable.expandIconPosition !== "end") {
-          cells.push(
-            h("td", { class: getExpandCellClasses(props.size) }, [
-              isExpandable ? h(
-                "button",
-                {
-                  class: classNames(
-                    expandIconButtonClasses,
-                    getExpandIconRotationClasses(isExpanded)
-                  ),
-                  "aria-label": isExpanded ? "Collapse row" : "Expand row",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handleToggleExpand(key);
-                  }
-                },
-                [
-                  h(
-                    "svg",
-                    normalizeSvgAttrs({
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: icon16ViewBox,
-                      fill: "currentColor",
-                      class: "w-4 h-4"
-                    }),
-                    [h("path", { d: "M6 3l6 5-6 5V3z" })]
-                  )
-                ]
-              ) : null
-            ])
-          );
+        const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
+        const expandToggleCell = props.expandable ? h(
+          "td",
+          {
+            class: getExpandIconCellClasses(props.size)
+          },
+          isRowExpandable ? [
+            h(
+              "button",
+              {
+                type: "button",
+                class: "inline-flex items-center justify-center",
+                "aria-label": isExpanded ? "Collapse row" : "Expand row",
+                "aria-expanded": isExpanded,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleToggleExpand(key, record);
+                }
+              },
+              [ExpandIcon(isExpanded)]
+            )
+          ] : []
+        ) : null;
+        if (expandAtStart && expandToggleCell) {
+          cells.push(expandToggleCell);
         }
         if (props.rowSelection && props.rowSelection.showCheckbox !== false) {
           const checkboxProps = props.rowSelection?.getCheckboxProps?.(record) || {};
@@ -729,39 +760,10 @@ var Table = defineComponent({
             )
           );
         });
-        if (props.expandable && props.expandable.expandIconPosition === "end") {
-          cells.push(
-            h("td", { class: getExpandCellClasses(props.size) }, [
-              isExpandable ? h(
-                "button",
-                {
-                  class: classNames(
-                    expandIconButtonClasses,
-                    getExpandIconRotationClasses(isExpanded)
-                  ),
-                  "aria-label": isExpanded ? "Collapse row" : "Expand row",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handleToggleExpand(key);
-                  }
-                },
-                [
-                  h(
-                    "svg",
-                    normalizeSvgAttrs({
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: icon16ViewBox,
-                      fill: "currentColor",
-                      class: "w-4 h-4"
-                    }),
-                    [h("path", { d: "M6 3l6 5-6 5V3z" })]
-                  )
-                ]
-              ) : null
-            ])
-          );
+        if (!expandAtStart && expandToggleCell) {
+          cells.push(expandToggleCell);
         }
-        const row = h(
+        const rowNode = h(
           "tr",
           {
             key,
@@ -773,17 +775,28 @@ var Table = defineComponent({
           },
           cells
         );
-        const result = [row];
-        if (props.expandable && isExpanded && isExpandable) {
-          result.push(
-            h("tr", { key: `${key}-expanded`, class: expandedRowContentClasses }, [
-              h("td", { colspan: totalColumnCount.value }, [
-                props.expandable.expandedRowRender(record, index)
-              ])
-            ])
+        if (props.expandable && isExpanded && isRowExpandable) {
+          const expandedContent = slots["expanded-row"]?.({ record, index }) || (props.expandable.expandedRowRender ? props.expandable.expandedRowRender(record, index) : null);
+          const expandedRow = h(
+            "tr",
+            {
+              key: `${key}-expanded`,
+              class: getExpandedRowClasses()
+            },
+            [
+              h(
+                "td",
+                {
+                  colspan: totalColumnCount.value,
+                  class: getExpandedRowContentClasses(props.size)
+                },
+                [expandedContent]
+              )
+            ]
           );
+          return [rowNode, expandedRow];
         }
-        return result;
+        return rowNode;
       });
       return h("tbody", rows);
     }

package/dist/{chunk-TCJBN2DA.mjs → chunk-CWDBL5YC.mjs}

@@ -1,4 +1,4 @@
-import { Table } from './chunk-DEFEAEYE.mjs';
+import { Table } from './chunk-BS52UCMT.mjs';
 import { Select } from './chunk-GALASVSG.mjs';
 import { Pagination } from './chunk-NHCCPMLC.mjs';
 import { Input } from './chunk-VURU7TLN.mjs';

package/dist/{chunk-LGRUMMOG.js → chunk-HBZHIEDV.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkWV3Y45YK_js = require('./chunk-WV3Y45YK.js');
+var chunkNUFSJMVC_js = require('./chunk-NUFSJMVC.js');
 var chunkHNQZ5JRB_js = require('./chunk-HNQZ5JRB.js');
 var chunkAGAJJYP2_js = require('./chunk-AGAJJYP2.js');
 var chunkWC4B72TZ_js = require('./chunk-WC4B72TZ.js');
@@ -338,7 +338,7 @@ var DataTableWithToolbar = vue.defineComponent({
         },
         [
           renderToolbar(),
-          vue.h(chunkWV3Y45YK_js.Table, tableProps),
+          vue.h(chunkNUFSJMVC_js.Table, tableProps),
           showPagination ? vue.h(chunkAGAJJYP2_js.Pagination, {
             ...props.pagination,
             onChange: (current, pageSize) => emit("page-change", current, pageSize),

package/dist/{chunk-WV3Y45YK.js → chunk-NUFSJMVC.js}

@@ -33,6 +33,20 @@ var LockIcon = (locked) => {
     [vue.h("path", { d: locked ? tigercatCore.lockClosedIcon24PathD : tigercatCore.lockOpenIcon24PathD })]
   );
 };
+var ExpandIcon = (expanded) => {
+  return vue.h(
+    "svg",
+    {
+      class: tigercatCore.getExpandIconClasses(expanded),
+      width: "16",
+      height: "16",
+      viewBox: tigercatCore.icon16ViewBox,
+      fill: "currentColor",
+      "aria-hidden": "true"
+    },
+    [vue.h("path", { d: tigercatCore.expandChevronIcon16PathD })]
+  );
+};
 var LoadingSpinner = () => {
   return vue.h(
     "svg",
@@ -207,7 +221,7 @@ var Table = vue.defineComponent({
     "sort-change",
     "filter-change",
     "page-change",
-    "expanded-rows-change"
+    "expand-change"
   ],
   setup(props, { emit, slots }) {
     const paginationConfig = vue.computed(() => {
@@ -247,7 +261,6 @@ var Table = vue.defineComponent({
     const expandedRowKeys = vue.computed(() => {
       return props.expandable?.expandedRowKeys ?? uncontrolledExpandedRowKeys.value;
     });
-    const expandedRowKeySet = vue.computed(() => new Set(expandedRowKeys.value));
     vue.watch(
       () => props.sort,
       (next) => {
@@ -288,6 +301,14 @@ var Table = vue.defineComponent({
         }
       }
     );
+    vue.watch(
+      () => props.expandable?.expandedRowKeys,
+      (next) => {
+        if (next !== void 0) {
+          uncontrolledExpandedRowKeys.value = next;
+        }
+      }
+    );
     const fixedOverrides = vue.ref({});
     const displayColumns = vue.computed(() => {
       return props.columns.map((column) => {
@@ -336,6 +357,15 @@ var Table = vue.defineComponent({
     const selectedRowKeySet = vue.computed(() => {
       return new Set(selectedRowKeys.value);
     });
+    const expandedRowKeySet = vue.computed(() => {
+      return new Set(expandedRowKeys.value);
+    });
+    const totalColumnCount = vue.computed(() => {
+      let count = displayColumns.value.length;
+      if (props.rowSelection) count += 1;
+      if (props.expandable) count += 1;
+      return count;
+    });
     const paginationInfo = vue.computed(() => {
       if (props.pagination === false) {
         return null;
@@ -419,6 +449,21 @@ var Table = vue.defineComponent({
     }
     function handleRowClick(record, index) {
       emit("row-click", record, index);
+      if (props.expandable?.expandRowByClick) {
+        const key = tigercatCore.getRowKey(record, props.rowKey, index);
+        const isExpandable = props.expandable?.rowExpandable ? props.expandable.rowExpandable(record) : true;
+        if (isExpandable) {
+          handleToggleExpand(key, record);
+        }
+      }
+    }
+    function handleToggleExpand(key, record) {
+      const isExpanded = expandedRowKeySet.value.has(key);
+      const newKeys = isExpanded ? expandedRowKeys.value.filter((k) => k !== key) : [...expandedRowKeys.value, key];
+      if (!isExpandControlled.value) {
+        uncontrolledExpandedRowKeys.value = newKeys;
+      }
+      emit("expand-change", newKeys, record, !isExpanded);
     }
     function handleSelectRow(key, checked) {
       let newKeys;
@@ -459,24 +504,16 @@ var Table = vue.defineComponent({
     const someSelected = vue.computed(() => {
       return selectedRowKeys.value.length > 0 && !allSelected.value;
     });
-    function handleToggleExpand(key) {
-      const isExp = expandedRowKeySet.value.has(key);
-      const next = isExp ? expandedRowKeys.value.filter((k) => k !== key) : [...expandedRowKeys.value, key];
-      if (!isExpandControlled.value) {
-        uncontrolledExpandedRowKeys.value = next;
-      }
-      emit("expanded-rows-change", next);
-    }
-    const totalColumnCount = vue.computed(() => {
-      let count = displayColumns.value.length;
-      if (props.rowSelection && props.rowSelection.showCheckbox !== false) count++;
-      if (props.expandable) count++;
-      return count;
-    });
     function renderTableHeader() {
       const headerCells = [];
-      if (props.expandable && props.expandable.expandIconPosition !== "end") {
-        headerCells.push(vue.h("th", { class: tigercatCore.getExpandCellClasses(props.size) }));
+      const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
+      const expandAtEnd = props.expandable && props.expandable.expandIconPosition === "end";
+      const expandHeaderTh = props.expandable ? vue.h("th", {
+        class: tigercatCore.getExpandIconCellClasses(props.size),
+        "aria-label": "Expand"
+      }) : null;
+      if (expandAtStart && expandHeaderTh) {
+        headerCells.push(expandHeaderTh);
       }
       if (props.rowSelection && props.rowSelection.showCheckbox !== false && props.rowSelection.type !== "radio") {
         headerCells.push(
@@ -597,8 +634,8 @@ var Table = vue.defineComponent({
           )
         );
       });
-      if (props.expandable && props.expandable.expandIconPosition === "end") {
-        headerCells.push(vue.h("th", { class: tigercatCore.getExpandCellClasses(props.size) }));
+      if (expandAtEnd && expandHeaderTh) {
+        headerCells.push(expandHeaderTh);
       }
       return vue.h("thead", { class: tigercatCore.getTableHeaderClasses(props.stickyHeader) }, [
         vue.h("tr", headerCells)
@@ -635,40 +672,34 @@ var Table = vue.defineComponent({
         const key = paginatedRowKeys.value[index];
         const isSelected = selectedRowKeySet.value.has(key);
         const isExpanded = expandedRowKeySet.value.has(key);
-        const isExpandable = props.expandable ? props.expandable.rowExpandable?.(record) ?? true : false;
+        const isRowExpandable = props.expandable ? props.expandable.rowExpandable ? props.expandable.rowExpandable(record) : true : false;
         const rowClass = typeof props.rowClassName === "function" ? props.rowClassName(record, index) : props.rowClassName;
         const cells = [];
-        if (props.expandable && props.expandable.expandIconPosition !== "end") {
-          cells.push(
-            vue.h("td", { class: tigercatCore.getExpandCellClasses(props.size) }, [
-              isExpandable ? vue.h(
-                "button",
-                {
-                  class: tigercatCore.classNames(
-                    tigercatCore.expandIconButtonClasses,
-                    tigercatCore.getExpandIconRotationClasses(isExpanded)
-                  ),
-                  "aria-label": isExpanded ? "Collapse row" : "Expand row",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handleToggleExpand(key);
-                  }
-                },
-                [
-                  vue.h(
-                    "svg",
-                    tigercatCore.normalizeSvgAttrs({
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: tigercatCore.icon16ViewBox,
-                      fill: "currentColor",
-                      class: "w-4 h-4"
-                    }),
-                    [vue.h("path", { d: "M6 3l6 5-6 5V3z" })]
-                  )
-                ]
-              ) : null
-            ])
-          );
+        const expandAtStart = props.expandable && props.expandable.expandIconPosition !== "end";
+        const expandToggleCell = props.expandable ? vue.h(
+          "td",
+          {
+            class: tigercatCore.getExpandIconCellClasses(props.size)
+          },
+          isRowExpandable ? [
+            vue.h(
+              "button",
+              {
+                type: "button",
+                class: "inline-flex items-center justify-center",
+                "aria-label": isExpanded ? "Collapse row" : "Expand row",
+                "aria-expanded": isExpanded,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  handleToggleExpand(key, record);
+                }
+              },
+              [ExpandIcon(isExpanded)]
+            )
+          ] : []
+        ) : null;
+        if (expandAtStart && expandToggleCell) {
+          cells.push(expandToggleCell);
         }
         if (props.rowSelection && props.rowSelection.showCheckbox !== false) {
           const checkboxProps = props.rowSelection?.getCheckboxProps?.(record) || {};
@@ -731,39 +762,10 @@ var Table = vue.defineComponent({
             )
           );
         });
-        if (props.expandable && props.expandable.expandIconPosition === "end") {
-          cells.push(
-            vue.h("td", { class: tigercatCore.getExpandCellClasses(props.size) }, [
-              isExpandable ? vue.h(
-                "button",
-                {
-                  class: tigercatCore.classNames(
-                    tigercatCore.expandIconButtonClasses,
-                    tigercatCore.getExpandIconRotationClasses(isExpanded)
-                  ),
-                  "aria-label": isExpanded ? "Collapse row" : "Expand row",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handleToggleExpand(key);
-                  }
-                },
-                [
-                  vue.h(
-                    "svg",
-                    tigercatCore.normalizeSvgAttrs({
-                      xmlns: "http://www.w3.org/2000/svg",
-                      viewBox: tigercatCore.icon16ViewBox,
-                      fill: "currentColor",
-                      class: "w-4 h-4"
-                    }),
-                    [vue.h("path", { d: "M6 3l6 5-6 5V3z" })]
-                  )
-                ]
-              ) : null
-            ])
-          );
+        if (!expandAtStart && expandToggleCell) {
+          cells.push(expandToggleCell);
         }
-        const row = vue.h(
+        const rowNode = vue.h(
           "tr",
           {
             key,
@@ -775,17 +777,28 @@ var Table = vue.defineComponent({
           },
           cells
         );
-        const result = [row];
-        if (props.expandable && isExpanded && isExpandable) {
-          result.push(
-            vue.h("tr", { key: `${key}-expanded`, class: tigercatCore.expandedRowContentClasses }, [
-              vue.h("td", { colspan: totalColumnCount.value }, [
-                props.expandable.expandedRowRender(record, index)
-              ])
-            ])
+        if (props.expandable && isExpanded && isRowExpandable) {
+          const expandedContent = slots["expanded-row"]?.({ record, index }) || (props.expandable.expandedRowRender ? props.expandable.expandedRowRender(record, index) : null);
+          const expandedRow = vue.h(
+            "tr",
+            {
+              key: `${key}-expanded`,
+              class: tigercatCore.getExpandedRowClasses()
+            },
+            [
+              vue.h(
+                "td",
+                {
+                  colspan: totalColumnCount.value,
+                  class: tigercatCore.getExpandedRowContentClasses(props.size)
+                },
+                [expandedContent]
+              )
+            ]
           );
+          return [rowNode, expandedRow];
         }
-        return result;
+        return rowNode;
       });
       return vue.h("tbody", rows);
     }

package/dist/components/CommentThread.d.mts

@@ -97,7 +97,7 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("like" | "reply" | "more" | "action" | "expand-change" | "load-more")[], "like" | "reply" | "more" | "action" | "expand-change" | "load-more", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("expand-change" | "like" | "reply" | "more" | "action" | "load-more")[], "expand-change" | "like" | "reply" | "more" | "action" | "load-more", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     nodes: {
         type: PropType<CommentNode[]>;
         default: undefined;
@@ -187,11 +187,11 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
     onLike?: ((...args: any[]) => any) | undefined;
     onReply?: ((...args: any[]) => any) | undefined;
     onMore?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
-    "onExpand-change"?: ((...args: any[]) => any) | undefined;
     "onLoad-more"?: ((...args: any[]) => any) | undefined;
 }>, {
     style: Record<string, string | number>;

package/dist/components/CommentThread.d.ts

@@ -97,7 +97,7 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("like" | "reply" | "more" | "action" | "expand-change" | "load-more")[], "like" | "reply" | "more" | "action" | "expand-change" | "load-more", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("expand-change" | "like" | "reply" | "more" | "action" | "load-more")[], "expand-change" | "like" | "reply" | "more" | "action" | "load-more", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     nodes: {
         type: PropType<CommentNode[]>;
         default: undefined;
@@ -187,11 +187,11 @@ declare const CommentThread: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
     onLike?: ((...args: any[]) => any) | undefined;
     onReply?: ((...args: any[]) => any) | undefined;
     onMore?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
-    "onExpand-change"?: ((...args: any[]) => any) | undefined;
     "onLoad-more"?: ((...args: any[]) => any) | undefined;
 }>, {
     style: Record<string, string | number>;

package/dist/components/DataTableWithToolbar.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkLGRUMMOG_js = require('../chunk-LGRUMMOG.js');
-require('../chunk-WV3Y45YK.js');
+var chunkHBZHIEDV_js = require('../chunk-HBZHIEDV.js');
+require('../chunk-NUFSJMVC.js');
 require('../chunk-HNQZ5JRB.js');
 require('../chunk-AGAJJYP2.js');
 require('../chunk-WC4B72TZ.js');
@@ -14,9 +14,9 @@ require('../chunk-PNKVD2UK.js');
 
 Object.defineProperty(exports, "DataTableWithToolbar", {
   enumerable: true,
-  get: function () { return chunkLGRUMMOG_js.DataTableWithToolbar; }
+  get: function () { return chunkHBZHIEDV_js.DataTableWithToolbar; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkLGRUMMOG_js.DataTableWithToolbar_default; }
+  get: function () { return chunkHBZHIEDV_js.DataTableWithToolbar_default; }
 });

package/dist/components/DataTableWithToolbar.mjs

@@ -1,5 +1,5 @@
-export { DataTableWithToolbar, DataTableWithToolbar_default as default } from '../chunk-TCJBN2DA.mjs';
-import '../chunk-DEFEAEYE.mjs';
+export { DataTableWithToolbar, DataTableWithToolbar_default as default } from '../chunk-CWDBL5YC.mjs';
+import '../chunk-BS52UCMT.mjs';
 import '../chunk-GALASVSG.mjs';
 import '../chunk-NHCCPMLC.mjs';
 import '../chunk-VURU7TLN.mjs';

package/dist/components/Table.d.mts

@@ -178,7 +178,7 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expanded-rows-change")[], "change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expanded-rows-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expand-change")[], "change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expand-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Table columns configuration
      */
@@ -337,7 +337,7 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSort-change"?: ((...args: any[]) => any) | undefined;
     "onFilter-change"?: ((...args: any[]) => any) | undefined;
     "onPage-change"?: ((...args: any[]) => any) | undefined;
-    "onExpanded-rows-change"?: ((...args: any[]) => any) | undefined;
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     pagination: false | PaginationConfig;
     size: TableSize;

package/dist/components/Table.d.ts

@@ -178,7 +178,7 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expanded-rows-change")[], "change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expanded-rows-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expand-change")[], "change" | "row-click" | "selection-change" | "sort-change" | "filter-change" | "page-change" | "expand-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Table columns configuration
      */
@@ -337,7 +337,7 @@ declare const Table: vue.DefineComponent<vue.ExtractPropTypes<{
     "onSort-change"?: ((...args: any[]) => any) | undefined;
     "onFilter-change"?: ((...args: any[]) => any) | undefined;
     "onPage-change"?: ((...args: any[]) => any) | undefined;
-    "onExpanded-rows-change"?: ((...args: any[]) => any) | undefined;
+    "onExpand-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     pagination: false | PaginationConfig;
     size: TableSize;

package/dist/components/Table.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkWV3Y45YK_js = require('../chunk-WV3Y45YK.js');
+var chunkNUFSJMVC_js = require('../chunk-NUFSJMVC.js');
 require('../chunk-PNKVD2UK.js');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkWV3Y45YK_js.Table; }
+  get: function () { return chunkNUFSJMVC_js.Table; }
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function () { return chunkWV3Y45YK_js.Table_default; }
+  get: function () { return chunkNUFSJMVC_js.Table_default; }
 });

package/dist/components/Table.mjs

@@ -1,2 +1,2 @@
-export { Table, Table_default as default } from '../chunk-DEFEAEYE.mjs';
+export { Table, Table_default as default } from '../chunk-BS52UCMT.mjs';
 import '../chunk-53M2BTB5.mjs';

package/dist/index.js

@@ -46,8 +46,8 @@ var chunkRY2I56HB_js = require('./chunk-RY2I56HB.js');
 var chunkGNKXBRXH_js = require('./chunk-GNKXBRXH.js');
 var chunkW36SYMVH_js = require('./chunk-W36SYMVH.js');
 var chunkK2U3FEL7_js = require('./chunk-K2U3FEL7.js');
-var chunkLGRUMMOG_js = require('./chunk-LGRUMMOG.js');
-var chunkWV3Y45YK_js = require('./chunk-WV3Y45YK.js');
+var chunkHBZHIEDV_js = require('./chunk-HBZHIEDV.js');
+var chunkNUFSJMVC_js = require('./chunk-NUFSJMVC.js');
 var chunkHNQZ5JRB_js = require('./chunk-HNQZ5JRB.js');
 var chunkAGAJJYP2_js = require('./chunk-AGAJJYP2.js');
 var chunkZZ5LMO3X_js = require('./chunk-ZZ5LMO3X.js');
@@ -297,11 +297,11 @@ Object.defineProperty(exports, "ImageCropper", {
 });
 Object.defineProperty(exports, "DataTableWithToolbar", {
   enumerable: true,
-  get: function () { return chunkLGRUMMOG_js.DataTableWithToolbar; }
+  get: function () { return chunkHBZHIEDV_js.DataTableWithToolbar; }
 });
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkWV3Y45YK_js.Table; }
+  get: function () { return chunkNUFSJMVC_js.Table; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,

package/dist/index.mjs

@@ -45,8 +45,8 @@ export { Icon } from './chunk-WQXZ3234.mjs';
 export { CropUpload } from './chunk-HTMTOXUO.mjs';
 export { Modal } from './chunk-P47EXOAW.mjs';
 export { ImageCropper } from './chunk-T77L326M.mjs';
-export { DataTableWithToolbar } from './chunk-TCJBN2DA.mjs';
-export { Table } from './chunk-DEFEAEYE.mjs';
+export { DataTableWithToolbar } from './chunk-CWDBL5YC.mjs';
+export { Table } from './chunk-BS52UCMT.mjs';
 export { Select } from './chunk-GALASVSG.mjs';
 export { Pagination } from './chunk-NHCCPMLC.mjs';
 export { DatePicker } from './chunk-327O6FN7.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-vue",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Vue 3 components for Tigercat UI library",
   "license": "MIT",
   "author": "Yizhe Wang",
@@ -43,7 +43,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@expcat/tigercat-core": "0.4.2"
+    "@expcat/tigercat-core": "0.4.3"
   },
   "devDependencies": {
     "@types/node": "^25.0.3",