vxe-table 4.23.7 → 4.23.9

package/es/table/src/cell.js

@@ -1,6 +1,6 @@
 import { h } from "vue";
 import XEUtils from "xe-utils";
-import { VxeUI } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getFuncText, isEnableConf, formatText, eqEmptyValue } from "../../ui/src/utils";
 import { updateCellTitle } from "../../ui/src/dom";
 import { createColumn, getRowid } from "./util";
@@ -10,19 +10,23 @@ function renderTitlePrefixIcon(params) {
   const { $table, column } = params;
   const titlePrefix = column.titlePrefix || column.titleHelp;
   if (titlePrefix) {
-    return h("span", {
-      class: ["vxe-cell-title-prefix-icon", titlePrefix.iconStatus ? `theme--${titlePrefix.iconStatus}` : ""],
-      onMouseenter(evnt) {
-        $table.triggerHeaderTitleEvent(evnt, titlePrefix, params);
+    return h(
+      "span",
+      {
+        class: ["vxe-cell-title-prefix-icon", titlePrefix.iconStatus ? `theme--${titlePrefix.iconStatus}` : ""],
+        onMouseenter(evnt) {
+          $table.triggerHeaderTitleEvent(evnt, titlePrefix, params);
+        },
+        onMouseleave(evnt) {
+          $table.handleTargetLeaveEvent(evnt);
+        }
       },
-      onMouseleave(evnt) {
-        $table.handleTargetLeaveEvent(evnt);
-      }
-    }, [
-      h("i", {
-        class: titlePrefix.icon || getIcon().TABLE_TITLE_PREFIX
-      })
-    ]);
+      [
+        h("i", {
+          class: titlePrefix.icon || getIcon().TABLE_TITLE_PREFIX
+        })
+      ]
+    );
   }
   return renderEmptyElement($table);
 }
@@ -30,19 +34,23 @@ function renderTitleSuffixIcon(params) {
   const { $table, column } = params;
   const titleSuffix = column.titleSuffix;
   if (titleSuffix) {
-    return h("span", {
-      class: ["vxe-cell-title-suffix-icon", titleSuffix.iconStatus ? `theme--${titleSuffix.iconStatus}` : ""],
-      onMouseenter(evnt) {
-        $table.triggerHeaderTitleEvent(evnt, titleSuffix, params);
+    return h(
+      "span",
+      {
+        class: ["vxe-cell-title-suffix-icon", titleSuffix.iconStatus ? `theme--${titleSuffix.iconStatus}` : ""],
+        onMouseenter(evnt) {
+          $table.triggerHeaderTitleEvent(evnt, titleSuffix, params);
+        },
+        onMouseleave(evnt) {
+          $table.handleTargetLeaveEvent(evnt);
+        }
       },
-      onMouseleave(evnt) {
-        $table.handleTargetLeaveEvent(evnt);
-      }
-    }, [
-      h("i", {
-        class: titleSuffix.icon || getIcon().TABLE_TITLE_SUFFIX
-      })
-    ]);
+      [
+        h("i", {
+          class: titleSuffix.icon || getIcon().TABLE_TITLE_SUFFIX
+        })
+      ]
+    );
   }
   return renderEmptyElement($table);
 }
@@ -68,17 +76,24 @@ function renderCellDragIcon(params) {
     };
     ons.onMouseup = $table.handleCellDragMouseupEvent;
   }
-  return h("span", {
-    key: "dg",
-    class: ["vxe-cell--drag-handle", {
-      "is--disabled": isDisabled
-    }],
-    ...ons
-  }, rowDragIconSlot ? $table.callSlot(rowDragIconSlot, params) : [
-    h("i", {
-      class: icon || (dragConfig ? dragConfig.rowIcon : "") || getIcon().TABLE_DRAG_ROW
-    })
-  ]);
+  return h(
+    "span",
+    {
+      key: "dg",
+      class: [
+        "vxe-cell--drag-handle",
+        {
+          "is--disabled": isDisabled
+        }
+      ],
+      ...ons
+    },
+    rowDragIconSlot ? $table.callSlot(rowDragIconSlot, params) : [
+      h("i", {
+        class: icon || (dragConfig ? dragConfig.rowIcon : "") || getIcon().TABLE_DRAG_ROW
+      })
+    ]
+  );
 }
 function renderCellBaseVNs(params, content) {
   const { $table, column, level } = params;
@@ -92,17 +107,13 @@ function renderCellBaseVNs(params, content) {
   const { showIcon, isPeerDrag, isCrossDrag, visibleMethod } = rowDragOpts;
   const rVisibleMethod = visibleMethod || (dragConfig ? dragConfig.rowVisibleMethod : null);
   const vns = [];
-  if (dragSort && rowOpts.drag && ((showIcon || (dragConfig ? dragConfig.showRowIcon : false)) && (!rVisibleMethod || rVisibleMethod(params)))) {
+  if (dragSort && rowOpts.drag && (showIcon || (dragConfig ? dragConfig.showRowIcon : false)) && (!rVisibleMethod || rVisibleMethod(params))) {
     if (treeConfig) {
       if (treeOpts.transform && (isPeerDrag || isCrossDrag || !level)) {
-        vns.push(
-          renderCellDragIcon(params)
-        );
+        vns.push(renderCellDragIcon(params));
       }
     } else {
-      vns.push(
-        renderCellDragIcon(params)
-      );
+      vns.push(renderCellDragIcon(params));
     }
   }
   return vns.concat(XEUtils.isArray(content) ? content : [content]);
@@ -129,28 +140,30 @@ function renderHeaderCellDragIcon(params) {
         };
         ons.onMouseup = $table.handleHeaderCellDragMouseupEvent;
       }
-      return h("span", {
-        key: "dg",
-        class: ["vxe-cell--drag-handle", {
-          "is--disabled": isDisabled
-        }],
-        ...ons
-      }, columnDragIconSlot ? $table.callSlot(columnDragIconSlot, params) : [
-        h("i", {
-          class: icon || getIcon().TABLE_DRAG_COLUMN
-        })
-      ]);
+      return h(
+        "span",
+        {
+          key: "dg",
+          class: [
+            "vxe-cell--drag-handle",
+            {
+              "is--disabled": isDisabled
+            }
+          ],
+          ...ons
+        },
+        columnDragIconSlot ? $table.callSlot(columnDragIconSlot, params) : [
+          h("i", {
+            class: icon || getIcon().TABLE_DRAG_COLUMN
+          })
+        ]
+      );
     }
   }
   return renderEmptyElement($table);
 }
 function renderHeaderCellBaseVNs(params, content) {
-  const vns = [
-    renderTitlePrefixIcon(params),
-    renderHeaderCellDragIcon(params),
-    ...XEUtils.isArray(content) ? content : [content],
-    renderTitleSuffixIcon(params)
-  ];
+  const vns = [renderTitlePrefixIcon(params), renderHeaderCellDragIcon(params), ...XEUtils.isArray(content) ? content : [content], renderTitleSuffixIcon(params)];
   return vns;
 }
 function getRenderDefaultColumnTitle(column, content) {
@@ -160,9 +173,13 @@ function getRenderDefaultColumnTitle(column, content) {
       innerHTML: content
     });
   }
-  return h("span", {
-    key: "ct"
-  }, getSlotVNs(content));
+  return h(
+    "span",
+    {
+      key: "ct"
+    },
+    getSlotVNs(content)
+  );
 }
 function renderTitleContent(params, content) {
   const { $table, column } = params;
@@ -203,12 +220,14 @@ function renderTitleContent(params, content) {
   }
   const titleVN = getRenderDefaultColumnTitle(column, content);
   return [
-    h("span", {
-      class: "vxe-cell--title",
-      ...ons
-    }, isRowGroupStatus && column.aggFunc && $table.getPivotTableAggregateRenderColTitles ? $table.getPivotTableAggregateRenderColTitles(column, titleVN) : titleSlot ? $table.callSlot(titleSlot, params) : [
-      titleVN
-    ])
+    h(
+      "span",
+      {
+        class: "vxe-cell--title",
+        ...ons
+      },
+      isRowGroupStatus && column.aggFunc && $table.getPivotTableAggregateRenderColTitles ? $table.getPivotTableAggregateRenderColTitles(column, titleVN) : titleSlot ? $table.callSlot(titleSlot, params) : [titleVN]
+    )
   ];
 }
 function getFooterContent(params) {
@@ -241,9 +260,13 @@ function getFooterContent(params) {
     }
   }
   return [
-    h("span", {
-      class: "vxe-cell--label"
-    }, formatText(itemValue, 1))
+    h(
+      "span",
+      {
+        class: "vxe-cell--label"
+      },
+      formatText(itemValue, 1)
+    )
   ];
 }
 function getDefaultCellLabel(params) {
@@ -463,7 +486,7 @@ const Cell = {
       }
       if (editRenderOpts) {
         const editCompConf = editRenderOpts && editRenderOpts.name ? rendererOpts[editRenderOpts.name] || renderer.get(editRenderOpts.name) : null;
-        const editCellRenderFn = editCompConf ? editCompConf.renderTableCell || editCompConf.renderCell || (editCompConf.renderTableDefault || editCompConf.renderDefault) : null;
+        const editCellRenderFn = editCompConf ? editCompConf.renderTableCell || editCompConf.renderCell || editCompConf.renderTableDefault || editCompConf.renderDefault : null;
         if (editCellRenderFn) {
           return renderCellBaseVNs(params, getSlotVNs(editCellRenderFn(editRenderOpts, Object.assign({ $type: editRenderOpts ? "edit" : "cell" }, params))));
         }
@@ -479,9 +502,13 @@ const Cell = {
         },
         [
           // 如果设置占位符
-          editRenderOpts && eqEmptyValue(cellValue) ? h("span", {
-            class: "vxe-cell--placeholder"
-          }, formatText(getFuncText(cellPlaceholder), 1)) : h("span", formatText(cellValue, 1))
+          editRenderOpts && eqEmptyValue(cellValue) ? h(
+            "span",
+            {
+              class: "vxe-cell--placeholder"
+            },
+            formatText(getFuncText(cellPlaceholder), 1)
+          ) : h("span", formatText(cellValue, 1))
         ]
       )
     ]);
@@ -507,28 +534,43 @@ const Cell = {
     const { mode, padding, indent, showIcon, iconOpen, iconClose } = aggregateOpts;
     const rowid = getRowid($table, row);
     const isExpand = !!rowGroupExpandedFlag && !!rowGroupExpandedMaps[rowid];
-    return h("div", {
-      class: ["vxe-row-group--tree-node", {
-        "is--expanded": isExpand
-      }],
-      style: mode !== "column" && padding && indent ? {
-        paddingLeft: `${level * indent}px`
-      } : void 0
-    }, [
-      showIcon && row.isAggregate ? h("span", {
-        class: "vxe-row-group--node-btn",
-        onClick(evnt) {
-          $table.triggerRowGroupExpandEvent(evnt, params);
-        }
-      }, [
-        h("i", {
-          class: isExpand ? iconOpen || getIcon().TABLE_ROW_GROUP_OPEN : iconClose || getIcon().TABLE_ROW_GROUP_CLOSE
-        })
-      ]) : renderEmptyElement($table),
-      h("div", {
-        class: "vxe-row-group-cell"
-      }, cellVNodes)
-    ]);
+    return h(
+      "div",
+      {
+        class: [
+          "vxe-row-group--tree-node",
+          {
+            "is--expanded": isExpand
+          }
+        ],
+        style: mode !== "column" && padding && indent ? {
+          paddingLeft: `${level * indent}px`
+        } : void 0
+      },
+      [
+        showIcon && row.isAggregate ? h(
+          "span",
+          {
+            class: "vxe-row-group--node-btn",
+            onClick(evnt) {
+              $table.triggerRowGroupExpandEvent(evnt, params);
+            }
+          },
+          [
+            h("i", {
+              class: isExpand ? iconOpen || getIcon().TABLE_ROW_GROUP_OPEN : iconClose || getIcon().TABLE_ROW_GROUP_CLOSE
+            })
+          ]
+        ) : renderEmptyElement($table),
+        h(
+          "div",
+          {
+            class: "vxe-row-group-cell"
+          },
+          cellVNodes
+        )
+      ]
+    );
   },
   /**
    * 树
@@ -572,28 +614,43 @@ const Cell = {
         $table.triggerTreeExpandEvent(evnt, params);
       };
     }
-    return h("div", {
-      class: ["vxe-cell--tree-node", {
-        "is--active": isActive
-      }],
-      style: padding && indent ? {
-        paddingLeft: `${level * indent}px`
-      } : void 0
-    }, [
-      showIcon && (lazy ? isLazyLoaded ? hasChild : hasChild || hasLazyChilds : hasChild) && (!visibleMethod || visibleMethod(params)) ? [
-        h("div", {
-          class: "vxe-cell--tree-btn",
-          ...ons
-        }, [
-          h("i", {
-            class: isLazyLoading ? iconLoaded || getIcon().TABLE_TREE_LOADED : isActive ? iconOpen || getIcon().TABLE_TREE_OPEN : iconClose || getIcon().TABLE_TREE_CLOSE
-          })
-        ])
-      ] : null,
-      h("div", {
-        class: "vxe-tree-cell"
-      }, cellVNodes)
-    ]);
+    return h(
+      "div",
+      {
+        class: [
+          "vxe-cell--tree-node",
+          {
+            "is--active": isActive
+          }
+        ],
+        style: padding && indent ? {
+          paddingLeft: `${level * indent}px`
+        } : void 0
+      },
+      [
+        showIcon && (lazy ? isLazyLoaded ? hasChild : hasChild || hasLazyChilds : hasChild) && (!visibleMethod || visibleMethod(params)) ? [
+          h(
+            "div",
+            {
+              class: "vxe-cell--tree-btn",
+              ...ons
+            },
+            [
+              h("i", {
+                class: isLazyLoading ? iconLoaded || getIcon().TABLE_TREE_LOADED : isActive ? iconOpen || getIcon().TABLE_TREE_OPEN : iconClose || getIcon().TABLE_TREE_CLOSE
+              })
+            ]
+          )
+        ] : null,
+        h(
+          "div",
+          {
+            class: "vxe-tree-cell"
+          },
+          cellVNodes
+        )
+      ]
+    );
   },
   /**
    * 层级节点。
@@ -644,9 +701,7 @@ const Cell = {
     }
     const { seq } = params;
     const seqMd = seqOpts.seqMethod;
-    return renderCellBaseVNs(params, [
-      h("span", `${formatText(seqMd ? seqMd(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + seq, 1)}`)
-    ]);
+    return renderCellBaseVNs(params, [h("span", `${formatText(seqMd ? seqMd(params) : treeConfig ? seq : (seqOpts.startIndex || 0) + seq, 1)}`)]);
   },
   renderDeepIndexCell(params) {
     return Cell.renderDeepNodeBtn(params, Cell.renderSeqCell(params));
@@ -662,19 +717,30 @@ const Cell = {
       const headerSlot = slots ? slots.header : null;
       return renderHeaderCellBaseVNs(
         params,
-        renderTitleContent(params, headerSlot ? $table.callSlot(headerSlot, params) : [
-          h("span", {
-            class: "vxe-radio--label"
-          }, titleSlot ? $table.callSlot(titleSlot, params) : $table.getHeaderCellLabel(column))
-        ])
+        renderTitleContent(
+          params,
+          headerSlot ? $table.callSlot(headerSlot, params) : [
+            h(
+              "span",
+              {
+                class: "vxe-radio--label"
+              },
+              titleSlot ? $table.callSlot(titleSlot, params) : $table.getHeaderCellLabel(column)
+            )
+          ]
+        )
       );
     }
     return renderHeaderCellBaseVNs(
       params,
       renderTitleContent(params, [
-        h("span", {
-          class: "vxe-radio--label"
-        }, titleSlot ? $table.callSlot(titleSlot, params) : $table.getHeaderCellLabel(column))
+        h(
+          "span",
+          {
+            class: "vxe-radio--label"
+          },
+          titleSlot ? $table.callSlot(titleSlot, params) : $table.getHeaderCellLabel(column)
+        )
       ])
     );
   },
@@ -719,19 +785,30 @@ const Cell = {
     }
     if (defaultSlot || labelField) {
       radioVNs.push(
-        h("span", {
-          class: "vxe-radio--label"
-        }, defaultSlot ? $table.callSlot(defaultSlot, radioParams) : XEUtils.get(row, labelField))
+        h(
+          "span",
+          {
+            class: "vxe-radio--label"
+          },
+          defaultSlot ? $table.callSlot(defaultSlot, radioParams) : XEUtils.get(row, labelField)
+        )
       );
     }
     return renderCellBaseVNs(params, [
-      h("span", {
-        class: ["vxe-cell--radio", {
-          "is--checked": isChecked,
-          "is--disabled": isDisabled
-        }],
-        ...ons
-      }, radioVNs)
+      h(
+        "span",
+        {
+          class: [
+            "vxe-cell--radio",
+            {
+              "is--checked": isChecked,
+              "is--disabled": isDisabled
+            }
+          ],
+          ...ons
+        },
+        radioVNs
+      )
     ]);
   },
   renderDeepRadioCell(params) {
@@ -767,32 +844,52 @@ const Cell = {
       }
     }
     if (checkStrictly ? !showHeader : showHeader === false) {
-      return renderHeaderCellBaseVNs(params, renderTitleContent(checkboxParams, [
-        h("span", {
-          class: "vxe-checkbox--label"
-        }, titleSlot ? $table.callSlot(titleSlot, checkboxParams) : colTitle)
-      ]));
+      return renderHeaderCellBaseVNs(
+        params,
+        renderTitleContent(checkboxParams, [
+          h(
+            "span",
+            {
+              class: "vxe-checkbox--label"
+            },
+            titleSlot ? $table.callSlot(titleSlot, checkboxParams) : colTitle
+          )
+        ])
+      );
     }
     return renderHeaderCellBaseVNs(
       params,
       renderTitleContent(checkboxParams, [
-        h("span", {
-          class: ["vxe-cell--checkbox", {
-            "is--checked": isAllCheckboxSelected,
-            "is--disabled": isAllCheckboxDisabled,
-            "is--indeterminate": isAllCheckboxIndeterminate
-          }],
-          title: XEUtils.eqNull(headerTitle) ? getI18n("vxe.table.allTitle") : `${headerTitle || ""}`,
-          ...ons
-        }, [
-          h("span", {
-            class: ["vxe-checkbox--icon", isAllCheckboxIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllCheckboxSelected ? getIcon().TABLE_CHECKBOX_CHECKED : isAllCheckboxDisabled ? getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
-          })
-        ].concat(titleSlot || colTitle ? [
-          h("span", {
-            class: "vxe-checkbox--label"
-          }, titleSlot ? $table.callSlot(titleSlot, checkboxParams) : colTitle)
-        ] : []))
+        h(
+          "span",
+          {
+            class: [
+              "vxe-cell--checkbox",
+              {
+                "is--checked": isAllCheckboxSelected,
+                "is--disabled": isAllCheckboxDisabled,
+                "is--indeterminate": isAllCheckboxIndeterminate
+              }
+            ],
+            title: XEUtils.eqNull(headerTitle) ? getI18n("vxe.table.allTitle") : `${headerTitle || ""}`,
+            ...ons
+          },
+          [
+            h("span", {
+              class: ["vxe-checkbox--icon", isAllCheckboxIndeterminate ? getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllCheckboxSelected ? getIcon().TABLE_CHECKBOX_CHECKED : isAllCheckboxDisabled ? getIcon().TABLE_CHECKBOX_DISABLED_UNCHECKED : getIcon().TABLE_CHECKBOX_UNCHECKED]
+            })
+          ].concat(
+            titleSlot || colTitle ? [
+              h(
+                "span",
+                {
+                  class: "vxe-checkbox--label"
+                },
+                titleSlot ? $table.callSlot(titleSlot, checkboxParams) : colTitle
+              )
+            ] : []
+          )
+        )
       ])
     );
   },
@@ -852,21 +949,32 @@ const Cell = {
     }
     if (defaultSlot || labelField) {
       checkVNs.push(
-        h("span", {
-          class: "vxe-checkbox--label"
-        }, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams) : XEUtils.get(row, labelField))
+        h(
+          "span",
+          {
+            class: "vxe-checkbox--label"
+          },
+          defaultSlot ? $table.callSlot(defaultSlot, checkboxParams) : XEUtils.get(row, labelField)
+        )
       );
     }
     return renderCellBaseVNs(params, [
-      h("span", {
-        class: ["vxe-cell--checkbox", {
-          "is--checked": isChecked,
-          "is--disabled": isDisabled,
-          "is--indeterminate": indeterminate,
-          "is--hidden": !isVisible
-        }],
-        ...ons
-      }, checkVNs)
+      h(
+        "span",
+        {
+          class: [
+            "vxe-cell--checkbox",
+            {
+              "is--checked": isChecked,
+              "is--disabled": isDisabled,
+              "is--indeterminate": indeterminate,
+              "is--hidden": !isVisible
+            }
+          ],
+          ...ons
+        },
+        checkVNs
+      )
     ]);
   },
   renderDeepSelectionCell(params) {
@@ -928,22 +1036,33 @@ const Cell = {
       );
       if (defaultSlot || labelField) {
         checkVNs.push(
-          h("span", {
-            class: "vxe-checkbox--label"
-          }, defaultSlot ? $table.callSlot(defaultSlot, checkboxParams) : XEUtils.get(row, labelField))
+          h(
+            "span",
+            {
+              class: "vxe-checkbox--label"
+            },
+            defaultSlot ? $table.callSlot(defaultSlot, checkboxParams) : XEUtils.get(row, labelField)
+          )
         );
       }
     }
     return renderCellBaseVNs(params, [
-      h("span", {
-        class: ["vxe-cell--checkbox", {
-          "is--checked": isChecked,
-          "is--disabled": isDisabled,
-          "is--indeterminate": indeterminateField && !isChecked ? row[indeterminateField] : indeterminate,
-          "is--hidden": !isVisible
-        }],
-        ...ons
-      }, checkVNs)
+      h(
+        "span",
+        {
+          class: [
+            "vxe-cell--checkbox",
+            {
+              "is--checked": isChecked,
+              "is--disabled": isDisabled,
+              "is--indeterminate": indeterminateField && !isChecked ? row[indeterminateField] : indeterminate,
+              "is--hidden": !isVisible
+            }
+          ],
+          ...ons
+        },
+        checkVNs
+      )
     ]);
   },
   renderDeepSelectionCellByProp(params) {
@@ -980,28 +1099,43 @@ const Cell = {
       }
     }
     return renderCellBaseVNs(params, [
-      showIcon && (!visibleMethod || visibleMethod(params)) ? h("div", {
-        class: ["vxe-table--expanded", {
-          "is--active": isActive
-        }]
-      }, [
-        h("span", {
-          class: "vxe-table--expand-btn",
-          onMousedown(evnt) {
-            evnt.stopPropagation();
-          },
-          onClick(evnt) {
-            $table.triggerRowExpandEvent(evnt, params);
-          }
-        }, [
-          h("i", {
-            class: isLazyLoading ? iconLoaded || getIcon().TABLE_EXPAND_LOADED : isActive ? iconOpen || getIcon().TABLE_EXPAND_OPEN : iconClose || getIcon().TABLE_EXPAND_CLOSE
-          })
-        ])
-      ]) : renderEmptyElement($table),
-      defaultSlot || labelField ? h("div", {
-        class: "vxe-table--expand-label"
-      }, defaultSlot ? $table.callSlot(defaultSlot, params) : XEUtils.get(row, labelField)) : renderEmptyElement($table)
+      showIcon && (!visibleMethod || visibleMethod(params)) ? h(
+        "div",
+        {
+          class: [
+            "vxe-table--expanded",
+            {
+              "is--active": isActive
+            }
+          ]
+        },
+        [
+          h(
+            "span",
+            {
+              class: "vxe-table--expand-btn",
+              onMousedown(evnt) {
+                evnt.stopPropagation();
+              },
+              onClick(evnt) {
+                $table.triggerRowExpandEvent(evnt, params);
+              }
+            },
+            [
+              h("i", {
+                class: isLazyLoading ? iconLoaded || getIcon().TABLE_EXPAND_LOADED : isActive ? iconOpen || getIcon().TABLE_EXPAND_OPEN : iconClose || getIcon().TABLE_EXPAND_CLOSE
+              })
+            ]
+          )
+        ]
+      ) : renderEmptyElement($table),
+      defaultSlot || labelField ? h(
+        "div",
+        {
+          class: "vxe-table--expand-label"
+        },
+        defaultSlot ? $table.callSlot(defaultSlot, params) : XEUtils.get(row, labelField)
+      ) : renderEmptyElement($table)
     ]);
   },
   renderExpandData(params) {
@@ -1048,19 +1182,13 @@ const Cell = {
    * 排序和筛选
    */
   renderSortAndFilterHeader(params) {
-    return renderHeaderCellBaseVNs(
-      params,
-      Cell.renderHeaderTitle(params).concat(Cell.renderSortIcon(params).concat(Cell.renderFilterIcon(params)))
-    );
+    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params).concat(Cell.renderSortIcon(params).concat(Cell.renderFilterIcon(params))));
   },
   /**
    * 排序
    */
   renderSortHeader(params) {
-    return renderHeaderCellBaseVNs(
-      params,
-      Cell.renderHeaderTitle(params).concat(Cell.renderSortIcon(params))
-    );
+    return renderHeaderCellBaseVNs(params, Cell.renderHeaderTitle(params).concat(Cell.renderSortIcon(params)));
   },
   renderSortIcon(params) {
     const { $table, column } = params;
@@ -1071,30 +1199,42 @@ const Cell = {
     if (showIcon && (!iconVisibleMethod || iconVisibleMethod(params))) {
       const sortSlot = slots ? slots.sort : null;
       return sortSlot ? getSlotVNs($table.callSlot(sortSlot, params)) : [
-        h("span", {
-          class: ["vxe-cell--sort", `vxe-cell--sort-${iconLayout}-layout`]
-        }, [
-          h("i", {
-            class: ["vxe-sort--asc-btn", iconAsc || getIcon().TABLE_SORT_ASC, {
-              "sort--active": order === "asc"
-            }],
-            title: XEUtils.eqNull(ascTitle) ? getI18n("vxe.table.sortAsc") : `${ascTitle || ""}`,
-            onClick: allowBtn ? (evnt) => {
-              evnt.stopPropagation();
-              $table.triggerSortEvent(evnt, column, "asc");
-            } : void 0
-          }),
-          h("i", {
-            class: ["vxe-sort--desc-btn", iconDesc || getIcon().TABLE_SORT_DESC, {
-              "sort--active": order === "desc"
-            }],
-            title: XEUtils.eqNull(descTitle) ? getI18n("vxe.table.sortDesc") : `${descTitle || ""}`,
-            onClick: allowBtn ? (evnt) => {
-              evnt.stopPropagation();
-              $table.triggerSortEvent(evnt, column, "desc");
-            } : void 0
-          })
-        ])
+        h(
+          "span",
+          {
+            class: ["vxe-cell--sort", `vxe-cell--sort-${iconLayout}-layout`]
+          },
+          [
+            h("i", {
+              class: [
+                "vxe-sort--asc-btn",
+                iconAsc || getIcon().TABLE_SORT_ASC,
+                {
+                  "sort--active": order === "asc"
+                }
+              ],
+              title: XEUtils.eqNull(ascTitle) ? getI18n("vxe.table.sortAsc") : `${ascTitle || ""}`,
+              onClick: allowBtn ? (evnt) => {
+                evnt.stopPropagation();
+                $table.triggerSortEvent(evnt, column, "asc");
+              } : void 0
+            }),
+            h("i", {
+              class: [
+                "vxe-sort--desc-btn",
+                iconDesc || getIcon().TABLE_SORT_DESC,
+                {
+                  "sort--active": order === "desc"
+                }
+              ],
+              title: XEUtils.eqNull(descTitle) ? getI18n("vxe.table.sortDesc") : `${descTitle || ""}`,
+              onClick: allowBtn ? (evnt) => {
+                evnt.stopPropagation();
+                $table.triggerSortEvent(evnt, column, "desc");
+              } : void 0
+            })
+          ]
+        )
       ];
     }
     return [];
@@ -1114,21 +1254,28 @@ const Cell = {
     const { showIcon, iconNone, iconMatch, iconVisibleMethod } = filterOpts;
     if (showIcon && (!iconVisibleMethod || iconVisibleMethod(params))) {
       return [
-        h("span", {
-          class: ["vxe-cell--filter", {
-            "is--active": filterStore.visible && filterStore.column === column
-          }],
-          onClick(evnt) {
-            if ($table.triggerFilterEvent) {
-              $table.triggerFilterEvent(evnt, params.column, params);
+        h(
+          "span",
+          {
+            class: [
+              "vxe-cell--filter",
+              {
+                "is--active": filterStore.visible && filterStore.column === column
+              }
+            ],
+            onClick(evnt) {
+              if ($table.triggerFilterEvent) {
+                $table.triggerFilterEvent(evnt, params.column, params);
+              }
             }
-          }
-        }, [
-          h("i", {
-            class: ["vxe-filter--btn", hasFilter ? iconMatch || getIcon().TABLE_FILTER_MATCH : iconNone || getIcon().TABLE_FILTER_NONE],
-            title: getI18n("vxe.table.filter")
-          })
-        ])
+          },
+          [
+            h("i", {
+              class: ["vxe-filter--btn", hasFilter ? iconMatch || getIcon().TABLE_FILTER_MATCH : iconNone || getIcon().TABLE_FILTER_NONE],
+              title: getI18n("vxe.table.filter")
+            })
+          ]
+        )
       ];
     }
     return [];
@@ -1156,18 +1303,24 @@ const Cell = {
     if (isEnableEdit) {
       const { showAsterisk, showIcon, icon } = editOpts;
       editIconVNs = [
-        isRequired && showAsterisk ? h("span", {
-          class: "vxe-cell--required-icon"
-        }, [
-          h("i")
-        ]) : renderEmptyElement($table),
-        editRenderOpts && showIcon ? h("span", {
-          class: "vxe-cell--edit-icon"
-        }, XEUtils.isFunction(icon) ? getSlotVNs(icon({})) : [
-          h("i", {
-            class: icon || getIcon().TABLE_EDIT
-          })
-        ]) : renderEmptyElement($table)
+        isRequired && showAsterisk ? h(
+          "span",
+          {
+            class: "vxe-cell--required-icon"
+          },
+          [h("i")]
+        ) : renderEmptyElement($table),
+        editRenderOpts && showIcon ? h(
+          "span",
+          {
+            class: "vxe-cell--edit-icon"
+          },
+          XEUtils.isFunction(icon) ? getSlotVNs(icon({})) : [
+            h("i", {
+              class: icon || getIcon().TABLE_EDIT
+            })
+          ]
+        ) : renderEmptyElement($table)
       ];
     }
     return renderHeaderCellBaseVNs(
@@ -1253,9 +1406,13 @@ const Cell = {
     }
     if (formatter) {
       return renderCellBaseVNs(params, [
-        h("span", {
-          class: "vxe-cell--label"
-        }, getDefaultCellLabel(cellParams))
+        h(
+          "span",
+          {
+            class: "vxe-cell--label"
+          },
+          getDefaultCellLabel(cellParams)
+        )
       ]);
     }
     return Cell.renderDefaultCell(cellParams);