bkui-vue 0.0.1-beta.102 → 0.0.1-beta.103

package/dist/index.esm.js

@@ -10934,9 +10934,9 @@ const PopoverProps = __spreadValues({
   offset: PropTypes.number.def(6),
   boundary: PropTypes.string.def(void 0),
   zIndex: PropTypes.number.def(void 0),
-  disableTeleport: PropTypes.bool.def(true),
+  disableTeleport: PropTypes.bool.def(false),
   autoPlacement: PropTypes.bool.def(false),
-  autoVisibility: PropTypes.bool.def(false),
+  autoVisibility: PropTypes.bool.def(true),
   disableOutsideClick: PropTypes.bool.def(false)
 }, EventProps$1);
 var Reference = defineComponent({
@@ -15641,6 +15641,13 @@ var Component$c = defineComponent({
   }
 });
 const BkPagination = withInstall(Component$c);
+var TableRow = defineComponent({
+  name: "TableRow",
+  render() {
+    var _a, _b;
+    return createVNode(Fragment, null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+  }
+});
 var BodyEmpty = defineComponent({
   name: "BodyEmpty",
   props: {
@@ -16289,7 +16296,7 @@ class TableRender {
     this.reactiveProp = reactiveProp;
     this.colgroups = colgroups;
     this.plugins = new TablePlugins(props, ctx);
-    this.uuid = random(8);
+    this.uuid = uuid_1.v4();
     this.events = /* @__PURE__ */ new Map();
   }
   get propActiveCols() {
@@ -16339,7 +16346,8 @@ class TableRender {
     }
     return createVNode("table", {
       "cellpadding": 0,
-      "cellspacing": 0
+      "cellspacing": 0,
+      "data-table-uuid": this.uuid
     }, [this.renderColGroup(), this.renderTBody(rows)]);
   }
   renderTableFooter(options) {
@@ -16471,15 +16479,17 @@ class TableRender {
     } = getFixedColumnStyleResolve();
     return createVNode("thead", {
       "style": rowStyle
-    }, [createVNode("tr", null, [this.filterColgroups.map((column, index) => createVNode("th", mergeProps({
-      "colspan": 1,
-      "rowspan": 1,
-      "class": this.getHeadColumnClass(column, index),
-      "style": resolveFixedColumnStyle(column, fixedoffset),
-      "onClick": () => this.handleColumnHeadClick(index)
-    }, resolveEventListener(column)), [createVNode("div", {
-      "class": "cell"
-    }, [renderHeadCell(column, index)])]))])]);
+    }, [createVNode(TableRow, null, {
+      default: () => [createVNode("tr", null, [this.filterColgroups.map((column, index) => createVNode("th", mergeProps({
+        "colspan": 1,
+        "rowspan": 1,
+        "class": this.getHeadColumnClass(column, index),
+        "style": resolveFixedColumnStyle(column, fixedoffset),
+        "onClick": () => this.handleColumnHeadClick(index)
+      }, resolveEventListener(column)), [createVNode("div", {
+        "class": "cell"
+      }, [renderHeadCell(column, index)])]))])]
+    })]);
   }
   renderTBody(rows) {
     const {
@@ -16494,49 +16504,60 @@ class TableRender {
         resolveFixedColumnStyle,
         fixedoffset
       } = getFixedColumnStyleResolve();
-      return [createVNode("tr", {
-        "style": rowStyle,
-        "class": rowClass,
-        "key": row[TABLE_ROW_ATTRIBUTE.ROW_UID],
-        "onClick": (e) => this.handleRowClick(e, row, rowIndex, rows),
-        "onDblclick": (e) => this.handleRowDblClick(e, row, rowIndex, rows)
-      }, [this.filterColgroups.map((column, index) => {
-        const cellStyle = [resolveFixedColumnStyle(column, fixedoffset), ...formatPropAsArray(this.props.cellStyle, [column, index, row, rowIndex, this])];
-        const cellClass = [this.getColumnClass(column, index), ...formatPropAsArray(this.props.cellClass, [column, index, row, rowIndex, this]), {
-          "expand-row": row[TABLE_ROW_ATTRIBUTE.ROW_EXPAND]
-        }];
-        const tdCtxClass = {
-          cell: true,
-          "expand-cell": column.type === "expand"
-        };
-        const cellKey = `__CELL_${rowIndex}_${index}`;
-        return createVNode("td", {
-          "key": cellKey,
-          "class": cellClass,
-          "style": cellStyle,
-          "colspan": 1,
-          "rowspan": 1
-        }, [createVNode("div", {
-          "class": tdCtxClass
-        }, [this.renderCell(row, column, rowIndex, rows)])]);
-      })]), this.renderExpandRow(row, rowClass)];
+      const rowKey = `${this.uuid}-${row[TABLE_ROW_ATTRIBUTE.ROW_UID]}`;
+      return [createVNode(TableRow, {
+        "key": rowKey
+      }, {
+        default: () => [createVNode("tr", {
+          "style": rowStyle,
+          "class": rowClass,
+          "onClick": (e) => this.handleRowClick(e, row, rowIndex, rows),
+          "onDblclick": (e) => this.handleRowDblClick(e, row, rowIndex, rows)
+        }, [this.filterColgroups.map((column, index) => {
+          const cellStyle = [resolveFixedColumnStyle(column, fixedoffset), ...formatPropAsArray(this.props.cellStyle, [column, index, row, rowIndex, this])];
+          const cellClass = [this.getColumnClass(column, index), ...formatPropAsArray(this.props.cellClass, [column, index, row, rowIndex, this]), {
+            "expand-row": row[TABLE_ROW_ATTRIBUTE.ROW_EXPAND]
+          }];
+          const tdCtxClass = {
+            cell: true,
+            "expand-cell": column.type === "expand"
+          };
+          const cellKey = `__CELL_${rowIndex}_${index}`;
+          return createVNode("td", {
+            "class": cellClass,
+            "style": cellStyle,
+            "key": cellKey,
+            "colspan": 1,
+            "rowspan": 1
+          }, [createVNode("div", {
+            "class": tdCtxClass
+          }, [this.renderCell(row, column, rowIndex, rows)])]);
+        })])]
+      }), this.renderExpandRow(row, rowClass)];
     })]);
   }
   renderExpandRow(row, rowClass) {
-    var _a, _b, _c;
     const isExpand = !!row[TABLE_ROW_ATTRIBUTE.ROW_EXPAND];
     if (isExpand) {
       const resovledClass = [...rowClass, {
         row_expend: true
       }];
-      return createVNode("tr", {
-        "class": resovledClass
-      }, [createVNode("td", {
-        "colspan": this.filterColgroups.length,
-        "rowspan": 1
-      }, [(_c = (_b = (_a = this.context.slots).expandRow) == null ? void 0 : _b.call(_a, row)) != null ? _c : createVNode("div", {
-        "class": "expand-cell-ctx"
-      }, [createTextVNode("Expand Row")])])]);
+      const rowKey = `${this.uuid}-${row[TABLE_ROW_ATTRIBUTE.ROW_UID]}_expand`;
+      return createVNode(TableRow, {
+        "key": rowKey
+      }, {
+        default: () => {
+          var _a, _b, _c;
+          return [createVNode("tr", {
+            "class": resovledClass
+          }, [createVNode("td", {
+            "colspan": this.filterColgroups.length,
+            "rowspan": 1
+          }, [(_c = (_b = (_a = this.context.slots).expandRow) == null ? void 0 : _b.call(_a, row)) != null ? _c : createVNode("div", {
+            "class": "expand-cell-ctx"
+          }, [createTextVNode("Expand Row")])])])];
+        }
+      });
     }
   }
   handleRowClick(e, row, index, rows) {