bkui-vue 0.0.1-beta.83 → 0.0.1-beta.84

package/dist/index.esm.js

@@ -13482,7 +13482,7 @@ const tableProps = {
       PropTypes.bool,
       PropTypes.string
     ]).def(false)
-  })),
+  })).def([]),
   activeColumn: PropTypes.oneOfType([PropTypes.number.def(-1), PropTypes.arrayOf(PropTypes.number.def(-1))]),
   columnPick: PropTypes.commonType(["multi", "single", "disabled"], "columnPick").def("disabled"),
   height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def("auto"),
@@ -14381,6 +14381,14 @@ class TableRender {
     }, [this.renderColGroup(), this.renderHeader()])];
   }
   renderTableBodySchema(rows) {
+    var _a, _b, _c;
+    if (!rows.length) {
+      return (_c = (_b = (_a = this.context.slots).empty) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode(BodyEmpty, {
+        "filterList": rows,
+        "list": this.props.data,
+        "emptyText": this.props.emptyText
+      }, null);
+    }
     return createVNode("table", {
       "cellpadding": 0,
       "cellspacing": 0
@@ -14526,11 +14534,10 @@ class TableRender {
     }, [renderHeadCell(column, index)])]))])]);
   }
   renderTBody(rows) {
-    var _a, _b, _c;
     const {
       getFixedColumnStyleResolve
     } = useFixedColumn(this.props, this.colgroups);
-    return createVNode("tbody", null, [rows.length ? rows.map((row, rowIndex) => {
+    return createVNode("tbody", null, [rows.map((row, rowIndex) => {
       const rowStyle = {
         "--row-height": `${this.getRowHeight(row, rowIndex)}px`
       };
@@ -14550,14 +14557,7 @@ class TableRender {
       }, [createVNode("div", {
         "class": "cell"
       }, [this.renderCell(row, column, rowIndex, rows)])]))]);
-    }) : createVNode("tr", null, [createVNode("td", {
-      "colspan": this.props.columns.length,
-      "class": "empty-cell"
-    }, [(_c = (_b = (_a = this.context.slots).empty) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode(BodyEmpty, {
-      "filterList": rows,
-      "list": this.props.data,
-      "emptyText": this.props.emptyText
-    }, null)])])]);
+    })]);
   }
   handleRowClick(e, row, index, rows) {
     this.context.emit("rowClick", e, row, index, rows, this);
@@ -14594,7 +14594,7 @@ class TableRender {
     return this.reactiveProp.setting;
   }
 }
-const useClass = (props, root, reactiveProp) => {
+const useClass = (props, root, reactiveProp, pageData) => {
   const autoHeight = ref(200);
   const hasScrollY = ref(false);
   const hasFooter = computed(() => props.pagination && props.data.length);
@@ -14613,9 +14613,9 @@ const useClass = (props, root, reactiveProp) => {
     "--scroll-head-left": `-${reactiveProp.scrollTranslateX}px`,
     "--scroll-left": `${reactiveProp.scrollTranslateX}px`
   }));
-  const contentClass = classes({
+  const contentClass = {
     [resolveClassName("table-body")]: true
-  });
+  };
   const footerClass = computed(() => classes({
     [resolveClassName("table-footer")]: true,
     ["is-hidden"]: !props.pagination || !props.data.length
@@ -14649,7 +14649,7 @@ const useClass = (props, root, reactiveProp) => {
     const maxHeight = resolveMaxHeight - resolveHeadHeight - resolveFooterHeight;
     const minHeight = resolveMinHeight - resolveHeadHeight - resolveFooterHeight;
     Object.assign(contentStyle, {
-      display: "block",
+      display: (pageData == null ? void 0 : pageData.length) ? "block" : false,
       "max-height": `${maxHeight}px`,
       "min-height": `${minHeight}px`,
       height
@@ -14689,7 +14689,8 @@ var Component$9 = defineComponent({
   props: tableProps,
   emits: EMIT_EVENT_TYPES,
   setup(props, ctx) {
-    const colgroups = reactive(props.columns.map((col) => __spreadProps(__spreadValues({}, col), {
+    var _a;
+    const colgroups = reactive(((_a = props.columns) != null ? _a : []).map((col) => __spreadProps(__spreadValues({}, col), {
       calcWidth: null,
       resizeWidth: null,
       listeners: /* @__PURE__ */ new Map()
@@ -14734,7 +14735,7 @@ var Component$9 = defineComponent({
       updateBorderClass,
       resetTableHeight,
       hasFooter
-    } = useClass(props, root, reactiveProp);
+    } = useClass(props, root, reactiveProp, pageData);
     const {
       renderFixedColumns,
       fixedWrapperClass
@@ -14783,14 +14784,14 @@ var Component$9 = defineComponent({
         index
       });
     }).on(EVENTS$1.ON_SETTING_CHANGE, (args) => {
-      var _a, _b;
+      var _a2, _b;
       const {
         checked = [],
         size,
         height
       } = args;
       checked.length && resolveColumnWidth(root.value, colgroups, 20);
-      (_b = (_a = refVirtualRender.value) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a);
+      (_b = (_a2 = refVirtualRender.value) == null ? void 0 : _a2.reset) == null ? void 0 : _b.call(_a2);
       ctx.emit(EMITEVENTS.SETTING_CHANGE, {
         checked,
         size,
@@ -14825,6 +14826,13 @@ var Component$9 = defineComponent({
     ctx.expose({
       plugins: tableRender.plugins
     });
+    const tableBodyClass = __spreadProps(__spreadValues({}, contentClass), {
+      "__is-empty": !pageData.length
+    });
+    const tableBodyContentClass = {
+      [resolveClassName("table-body-content")]: true,
+      "with-virtual-render": props.virtualEnabled
+    };
     return () => createVNode("div", {
       "class": tableClass.value,
       "style": wrapperStyle.value,
@@ -14837,9 +14845,10 @@ var Component$9 = defineComponent({
       createVNode(BkVirtualRender, {
         "ref": refVirtualRender,
         "lineHeight": tableRender.getRowHeight,
-        "class": contentClass,
+        "class": tableBodyClass,
         "style": contentStyle,
         "list": pageData,
+        "contentClassName": tableBodyContentClass,
         "onContentScroll": handleScrollChanged,
         "throttleDelay": 0,
         "scrollEvent": true,
@@ -22349,7 +22358,19 @@ var useTreeInit = (props) => {
       }
       return uid || item[NODE_ATTRIBUTES.UUID] || uuid_1.v4();
     }
+    const cachedDefaultVal = {
+      [NODE_ATTRIBUTES.IS_OPEN]: () => false,
+      [NODE_ATTRIBUTES.IS_CHECKED]: () => false,
+      [NODE_ATTRIBUTES.IS_MATCH]: () => true,
+      [NODE_ATTRIBUTES.IS_SELECTED]: (uuid2) => props2.selected === uuid2,
+      [NODE_ATTRIBUTES.IS_CACHED]: () => false,
+      [NODE_ATTRIBUTES.IS_ASYNC]: () => null
+    };
     function getCachedTreeNodeAttr(uuid2, node, cachedAttr, defVal = void 0) {
+      let defaultValue = defVal;
+      if (defVal === void 0 && typeof cachedDefaultVal[cachedAttr] === "function") {
+        defaultValue = cachedDefaultVal[cachedAttr](uuid2, node);
+      }
       const sourceAttr = NODE_SOURCE_ATTRS[cachedAttr];
       if (Object.prototype.hasOwnProperty.call(node, sourceAttr)) {
         return node[sourceAttr];
@@ -22360,27 +22381,15 @@ var useTreeInit = (props) => {
         result = cached[cachedAttr];
       }
       if (result === void 0 || result === null) {
-        result = defVal;
+        result = defaultValue;
       }
       return result;
     }
-    function isCachedTreeNodeOpened(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_OPEN, false);
-    }
-    function isCachedTreeNodeChecked(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_CHECKED, false);
-    }
-    function isCachedTreeNodeMatch(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_MATCH, true);
-    }
     function isCachedTreeNodeSelected(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_SELECTED, false);
-    }
-    function isCachedTreeNodeHasCached(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_CACHED, false);
-    }
-    function isCachedTreeNodeAsync(uuid2, node) {
-      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_ASYNC, null);
+      if (!props2.selectable) {
+        return false;
+      }
+      return getCachedTreeNodeAttr(uuid2, node, NODE_ATTRIBUTES.IS_SELECTED, props2.selected === uuid2);
     }
     function isCachedTreeNodeLoading(uuid2, node) {
       if (Object.prototype.hasOwnProperty.call(node, NODE_ATTRIBUTES.IS_LOADING)) {
@@ -22411,12 +22420,12 @@ var useTreeInit = (props) => {
               [NODE_ATTRIBUTES.PATH]: currentPath,
               [NODE_ATTRIBUTES.IS_ROOT]: parent === null,
               [NODE_ATTRIBUTES.ORDER]: order2,
-              [NODE_ATTRIBUTES.IS_SELECTED]: props2.selectable ? isCachedTreeNodeSelected(uuid2, item) : false,
-              [NODE_ATTRIBUTES.IS_MATCH]: isCachedTreeNodeMatch(uuid2, item),
-              [NODE_ATTRIBUTES.IS_OPEN]: isCachedTreeNodeOpened(uuid2, item),
-              [NODE_ATTRIBUTES.IS_CHECKED]: isCachedTreeNodeChecked(uuid2, item),
-              [NODE_ATTRIBUTES.IS_CACHED]: isCachedTreeNodeHasCached(uuid2, item),
-              [NODE_ATTRIBUTES.IS_ASYNC]: isCachedTreeNodeAsync(uuid2, item),
+              [NODE_ATTRIBUTES.IS_SELECTED]: isCachedTreeNodeSelected(uuid2, item),
+              [NODE_ATTRIBUTES.IS_MATCH]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_MATCH),
+              [NODE_ATTRIBUTES.IS_OPEN]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_OPEN),
+              [NODE_ATTRIBUTES.IS_CHECKED]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_CHECKED),
+              [NODE_ATTRIBUTES.IS_CACHED]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_CACHED),
+              [NODE_ATTRIBUTES.IS_ASYNC]: getCachedTreeNodeAttr(uuid2, item, NODE_ATTRIBUTES.IS_ASYNC),
               [NODE_ATTRIBUTES.IS_LOADING]: isCachedTreeNodeLoading(uuid2, item),
               [children]: null
             };