pro-design-vue 1.4.1 → 1.4.3

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.4.1 */
+/*! Pro Design Vue v1.4.3 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('ant-design-vue'), require('vue'), require('ant-design-vue/es/locale/zh_CN.js')) :
@@ -32,7 +32,7 @@
   const DEFAULT_NAMESPACE = "pro";
   const DEFAULT_LOCALE = "zh-CN";
 
-  const version$1 = "1.4.1";
+  const version$1 = "1.4.3";
 
   const makeInstaller = (components = []) => {
     const install = (app) => {
@@ -3551,7 +3551,7 @@
     };
   }
 
-  function NOOP$1() {
+  function NOOP() {
   }
 
   const withInstall = (main, extra) => {
@@ -3568,7 +3568,7 @@
     return main;
   };
   const withNoopInstall = (component) => {
-    component.install = NOOP$1;
+    component.install = NOOP;
     return component;
   };
 
@@ -24182,7 +24182,6 @@
     showHeaderScrollbar: Boolean,
     deepWatchDataSource: Boolean,
     deepWatchColumns: Boolean,
-    perf: Boolean,
     prefixCls: String,
     columnDrag: {
       type: Boolean,
@@ -25691,121 +25690,6 @@
     frame && cancelRequestAnimationFrame(frame.id);
   };
 
-  const PERF_KEY = Symbol("TablePerf");
-  const MAX_ENTRIES = 200;
-  const NOOP = () => {
-  };
-  const NOOP_CTX = {
-    enabled: vue.shallowRef(false),
-    metrics: vue.shallowRef({ entries: [], memory: null, scrollEventsPerSec: 0, fps: 0 }),
-    markStart: NOOP,
-    markEnd: NOOP,
-    captureMemory: NOOP,
-    recordScrollEvent: NOOP
-  };
-  let _activeCtx = NOOP_CTX;
-  function createPerfContext(enabled) {
-    const metrics = vue.shallowRef({
-      entries: [],
-      memory: null,
-      scrollEventsPerSec: 0,
-      fps: 0
-    });
-    let scrollCount = 0;
-    let frameCount = 0;
-    let lastFpsTime = 0;
-    const pendingMarks = /* @__PURE__ */ new Map();
-    const fpsLoop = (now) => {
-      frameCount++;
-      if (now - lastFpsTime >= 1e3) {
-        const current = metrics.value;
-        metrics.value = {
-          ...current,
-          fps: frameCount,
-          scrollEventsPerSec: scrollCount
-        };
-        frameCount = 0;
-        scrollCount = 0;
-        lastFpsTime = now;
-      }
-      if (enabled.value) {
-        requestAnimationFrame(fpsLoop);
-      }
-    };
-    const start = () => {
-      lastFpsTime = performance.now();
-      frameCount = 0;
-      scrollCount = 0;
-      requestAnimationFrame(fpsLoop);
-    };
-    const markStart = (label) => {
-      if (!enabled.value) return;
-      pendingMarks.set(label, performance.now());
-    };
-    const markEnd = (label) => {
-      if (!enabled.value) return;
-      const startTime = pendingMarks.get(label);
-      if (startTime === void 0) return;
-      pendingMarks.delete(label);
-      const duration = performance.now() - startTime;
-      const current = metrics.value;
-      const entries = current.entries.length >= MAX_ENTRIES ? current.entries.slice(-MAX_ENTRIES + 1) : [...current.entries];
-      entries.push({ label, duration, timestamp: Date.now() });
-      metrics.value = { ...current, entries };
-    };
-    const captureMemory = (rows, cells) => {
-      var _a, _b, _c;
-      if (!enabled.value) return;
-      const mem = performance.memory;
-      const current = metrics.value;
-      metrics.value = {
-        ...current,
-        memory: {
-          usedJSHeapSize: (_a = mem == null ? void 0 : mem.usedJSHeapSize) != null ? _a : 0,
-          totalJSHeapSize: (_b = mem == null ? void 0 : mem.totalJSHeapSize) != null ? _b : 0,
-          jsHeapSizeLimit: (_c = mem == null ? void 0 : mem.jsHeapSizeLimit) != null ? _c : 0,
-          renderedRows: rows,
-          renderedCells: cells,
-          timestamp: Date.now()
-        }
-      };
-    };
-    const recordScrollEvent = () => {
-      if (!enabled.value) return;
-      scrollCount++;
-    };
-    if (enabled.value) start();
-    const ctx = {
-      enabled,
-      metrics,
-      markStart,
-      markEnd,
-      captureMemory,
-      recordScrollEvent
-    };
-    _activeCtx = ctx;
-    return ctx;
-  }
-  function providePerfContext(ctx) {
-    vue.provide(PERF_KEY, ctx);
-  }
-  function usePerf() {
-    const injected = vue.inject(PERF_KEY, null);
-    if (injected) return injected;
-    return {
-      get enabled() {
-        return _activeCtx.enabled;
-      },
-      get metrics() {
-        return _activeCtx.metrics;
-      },
-      markStart: (l) => _activeCtx.markStart(l),
-      markEnd: (l) => _activeCtx.markEnd(l),
-      captureMemory: (r, c) => _activeCtx.captureMemory(r, c),
-      recordScrollEvent: () => _activeCtx.recordScrollEvent()
-    };
-  }
-
   const HScrollSymbolKey = Symbol("HScrollSymbolKey");
   const useHScrollSyncProvide = ({
     scrollLeft,
@@ -25813,7 +25697,6 @@
     onScroll,
     bodyWidth
   }) => {
-    const perf = usePerf();
     const domsSet = /* @__PURE__ */ new Set();
     const setAllDoms = (scrollLeft2) => {
       const left = Math.max(0, Math.min(scrollLeft2, maxScrollLeft.value));
@@ -25826,7 +25709,6 @@
       var _a;
       const left = (_a = e.target) == null ? void 0 : _a.scrollLeft;
       if (left !== scrollLeft.value) {
-        perf.recordScrollEvent();
         setAllDoms(left);
         scrollLeft.value = left;
         onScroll(e);
@@ -25837,7 +25719,6 @@
       const left = (_a = e.target) == null ? void 0 : _a.scrollLeft;
       if (left !== scrollLeft.value) {
         raf.cancel(rafFrame);
-        perf.recordScrollEvent();
         rafFrame = raf(() => {
           scrollLeft.value = left;
           onScroll(e);
@@ -25893,7 +25774,6 @@
     updateAnimate,
     bodyWidth
   }) => {
-    const perf = usePerf();
     const domsSet = /* @__PURE__ */ new Set();
     const setAllDoms = (scrollTop2) => {
       const top = Math.max(0, Math.min(scrollTop2, maxScrollTop.value));
@@ -25906,7 +25786,6 @@
       var _a;
       const top = (_a = e.target) == null ? void 0 : _a.scrollTop;
       if (top !== scrollTop.value) {
-        perf.recordScrollEvent();
         updateAnimate();
         setAllDoms(top);
         scrollTop.value = top;
@@ -25930,7 +25809,6 @@
       const top = (_a = e.target) == null ? void 0 : _a.scrollTop;
       if (top !== scrollTop.value) {
         raf.cancel(rafFrame);
-        perf.recordScrollEvent();
         updateAnimate();
         rafFrame = raf(() => {
           scrollTop.value = top;
@@ -27883,7 +27761,6 @@
   }
 
   function useCal(props, flattenData, scrollHeight, scrollTop, virtual, keyEntities) {
-    const perf = usePerf();
     const rowPosition = vue.shallowRef([]);
     const rowHeights = vue.shallowRef({});
     const mergedRowHeights = vue.shallowRef({});
@@ -27988,7 +27865,6 @@
       raf.cancel(refreshRaf);
       refreshRaf = raf(
         () => {
-          perf.markStart("rowPositionRecalc");
           const defaultHeight = currentSizeHeight.value;
           const crhs = currentRowHeights.value;
           const rhs = rowHeights.value;
@@ -28008,7 +27884,6 @@
           mergedRowHeights.value = newMergedRowHeights;
           viewportHeight.value = newViewportHeight;
           rowPosition.value = newRowPosition;
-          perf.markEnd("rowPositionRecalc");
         },
         isRaf.value ? 0 : 1
       );
@@ -28019,7 +27894,6 @@
     });
     const calculationRowHeights = (data) => {
       var _a, _b;
-      perf.markStart("calculationRowHeights");
       const newRowHeights = {};
       const defaultHeight = currentSizeHeight.value;
       const newCurrentRowHeights = {};
@@ -28052,7 +27926,6 @@
       }
       rowHeights.value = newRowHeights;
       currentRowHeights.value = newCurrentRowHeights;
-      perf.markEnd("calculationRowHeights");
     };
     vue.watch(
       [flattenData, mergeRowHeight],
@@ -28379,7 +28252,6 @@
   function useData(_props, rowPosition, flattenData, startIndex, endIndex, draggingRowKey, useAnimate, getRowFlattenIndexByKey, latestRangeStartCell) {
     const data = vue.shallowRef([]);
     const pos = vue.shallowRef([]);
-    const perf = usePerf();
     let rowKeyIndexMap = {};
     let exchange = true;
     vue.watch(
@@ -28389,7 +28261,6 @@
         if (flattenData.value.length !== rowPosition.value.length) {
           return;
         }
-        perf.markStart("useData-slice");
         const newData = [];
         const newPos = [];
         const recordPositionArr = [];
@@ -28444,7 +28315,6 @@
         rowKeyIndexMap = newRowKeyIndexMap;
         data.value = newData;
         pos.value = newPos;
-        perf.markEnd("useData-slice");
       },
       { immediate: true }
     );
@@ -28497,37 +28367,16 @@
     const allCellProps = vue.shallowRef({});
     const hasMultiRowSpanInfo = vue.shallowRef({});
     const centerRowColumnsMap = vue.shallowRef(/* @__PURE__ */ new Map());
-    const perf = usePerf();
-    const EMPTY_OBJ = Object.freeze({});
-    const cellPropsCache = /* @__PURE__ */ new Map();
-    let prevLeftCols = [];
-    let prevRightCols = [];
-    let prevCenterCols = [];
-    let prevAllCols = [];
-    let prevBodyWidth = 0;
-    let prevLeftWidth = 0;
-    let prevCenterWidth = 0;
-    let prevCustomCell = void 0;
-    let prevMergedRowHeights = {};
     const computedCellProps = (offsetLeft, column, rowIndex, record, overflow) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const { customRender, originColumn, dataIndex, columnIndex, left, customCell } = column;
       const cellProps = {};
-      const hasCustomCell = !!(customCell || contextCustomCell.value);
-      const customCellProps = hasCustomCell ? (_a = (customCell || contextCustomCell.value)({ record, rowIndex, column })) != null ? _a : EMPTY_OBJ : EMPTY_OBJ;
-      if (customCellProps === EMPTY_OBJ && !customRender) {
-        const { width: width2 } = getColumnPosition(columnIndex, 1);
-        const style = {
-          overflow,
-          width: `${width2}px`,
-          left: `${left - offsetLeft}px`
-        };
-        if (width2 === 0) style.display = "none";
-        cellProps.props = { colSpan: 1, rowSpan: 1, style };
-        return cellProps;
-      }
-      const mergeCellStyles = customCellProps !== EMPTY_OBJ ? Object.assign({ overflow }, parseStyleText(customCellProps.style || {})) : { overflow };
-      const copyCustomCellProps = customCellProps !== EMPTY_OBJ ? Object.assign({}, customCellProps) : {};
+      const customCellProps = (_b = (_a = customCell || contextCustomCell.value) == null ? void 0 : _a({ record, rowIndex, column })) != null ? _b : {};
+      const mergeCellStyles = Object.assign(
+        { overflow },
+        parseStyleText(customCellProps.style || {})
+      );
+      const copyCustomCellProps = Object.assign({}, customCellProps);
       if (customRender) {
         const value = getPathValue(record, dataIndex);
         const customCellRender = customRender({
@@ -28548,8 +28397,8 @@
           cellProps.children = customCellRender;
         }
       }
-      copyCustomCellProps.colSpan = (_b = copyCustomCellProps.colSpan) != null ? _b : 1;
-      copyCustomCellProps.rowSpan = (_c = copyCustomCellProps.rowSpan) != null ? _c : 1;
+      copyCustomCellProps.colSpan = (_c = copyCustomCellProps.colSpan) != null ? _c : 1;
+      copyCustomCellProps.rowSpan = (_d = copyCustomCellProps.rowSpan) != null ? _d : 1;
       const { width } = getColumnPosition(columnIndex, copyCustomCellProps.colSpan);
       Object.assign(mergeCellStyles, { width: `${width}px`, left: left - offsetLeft + "px" });
       if (width === 0) {
@@ -28567,29 +28416,6 @@
       return cellProps;
     };
     vue.watchEffect(() => {
-      perf.markStart("useCellProps");
-      const curLeft = leftColumns.value;
-      const curRight = rightColumns.value;
-      const curCenter = visibleCenterColumns.value;
-      const curAll = allColumns.value;
-      const curBodyW = bodyWidth.value;
-      const curLeftW = leftWidth.value;
-      const curCenterW = centerWidth.value;
-      const curCustomCell = contextCustomCell.value;
-      const curMergedH = mergedRowHeights.value;
-      const columnsChanged = curLeft !== prevLeftCols || curRight !== prevRightCols || curCenter !== prevCenterCols || curAll !== prevAllCols || curBodyW !== prevBodyWidth || curLeftW !== prevLeftWidth || curCenterW !== prevCenterWidth || curCustomCell !== prevCustomCell || curMergedH !== prevMergedRowHeights;
-      if (columnsChanged) {
-        cellPropsCache.clear();
-        prevLeftCols = curLeft;
-        prevRightCols = curRight;
-        prevCenterCols = curCenter;
-        prevAllCols = curAll;
-        prevBodyWidth = curBodyW;
-        prevLeftWidth = curLeftW;
-        prevCenterWidth = curCenterW;
-        prevCustomCell = curCustomCell;
-        prevMergedRowHeights = curMergedH;
-      }
       const rawAllCellProps = {};
       const rawRowSpanInfo = {};
       const genAllCellProps = (index, offsetLeft, finallyColumns, rowKey, rowIndex, record, overflow, rowColumnsMap2) => {
@@ -28642,15 +28468,8 @@
       for (let i = 0; i < len; i++) {
         if (!data.value[i]) continue;
         const { record, isExpandRow, rowKey, rowIndex } = data.value[i];
-        const overflow = mergedRowHeights.value[rowKey] ? "hidden" : "initial";
-        const cached = cellPropsCache.get(rowKey);
-        if (cached && cached.overflow === overflow) {
-          rawAllCellProps[rowKey] = cached.cellProps;
-          if (cached.hasRowSpan) rawRowSpanInfo[rowKey] = true;
-          if (cached.centerColumns) rowColumnsMap.set(rowKey, cached.centerColumns);
-          continue;
-        }
         rawAllCellProps[rowKey] = {};
+        const overflow = mergedRowHeights.value[rowKey] ? "hidden" : "initial";
         if (isExpandRow) {
           rawAllCellProps[rowKey][ExpandColumnKey] = {
             props: {
@@ -28679,24 +28498,10 @@
             overflow
           );
         }
-        cellPropsCache.set(rowKey, {
-          cellProps: rawAllCellProps[rowKey],
-          hasRowSpan: !!rawRowSpanInfo[rowKey],
-          centerColumns: rowColumnsMap.get(rowKey),
-          overflow
-        });
       }
       allCellProps.value = rawAllCellProps;
       hasMultiRowSpanInfo.value = rawRowSpanInfo;
       centerRowColumnsMap.value = rowColumnsMap;
-      if (perf.enabled.value) {
-        const totalCells = Object.values(rawAllCellProps).reduce(
-          (sum, row) => sum + Object.keys(row).length,
-          0
-        );
-        perf.captureMemory(len, totalCells);
-      }
-      perf.markEnd("useCellProps");
     });
     return { allCellProps, hasMultiRowSpanInfo, centerRowColumnsMap };
   };
@@ -35682,9 +35487,6 @@
     slots: {},
     setup(props, { expose, emit, slots }) {
       const { table } = useProConfigInject();
-      const perfEnabled = vue.shallowRef(!!props.perf);
-      const perfContext = createPerfContext(perfEnabled);
-      providePerfContext(perfContext);
       const counter = useInjectContainer();
       const rowKey = vue.computed(() => {
         var _a, _b, _c;
@@ -39050,7 +38852,8 @@
       tabList: { type: Array, required: false, default: () => [] },
       onTabChange: { type: null, required: false },
       tabProps: { type: Object, required: false },
-      loading: { type: [Boolean, Object], required: false }
+      loading: { type: [Boolean, Object], required: false, default: false },
+      contentLoading: { type: [Boolean, Object], required: false, default: false }
     }, {
       "activeKey": { type: null },
       "activeKeyModifiers": {}
@@ -39059,15 +38862,13 @@
     setup(__props) {
       const slots = vue.useSlots();
       const prefixCls = usePrefixCls("page");
-      const headerHeight = vue.ref(0);
       const footerHeight = vue.ref(0);
-      const tabsHeight = vue.ref(0);
+      const contentHeight = vue.ref(0);
       const shouldAutoHeight = vue.ref(false);
       const { contentOffsetTop, page } = useProConfigInject();
       const tabActiveKey = vue.useModel(__props, "activeKey");
-      const headerRef = vue.useTemplateRef("header");
       const footerRef = vue.useTemplateRef("footer");
-      const tabsRef = vue.useTemplateRef("tabs");
+      const contentRef = vue.useTemplateRef("content");
       const mergeContentPadding = vue.computed(() => {
         var _a;
         return __props.contentPadding || ((_a = page == null ? void 0 : page.value) == null ? void 0 : _a.contentPadding) || 16;
@@ -39118,7 +38919,7 @@
         var _a, _b;
         if (mergeAutoContentHeight.value) {
           return {
-            height: `calc(var(${CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT}) - ${headerHeight.value}px - ${tabsHeight.value}px - ${typeof __props.heightOffset === "number" ? `${__props.heightOffset}px` : __props.heightOffset})`,
+            height: `calc(${contentHeight.value}px - ${typeof __props.heightOffset === "number" ? `${__props.heightOffset}px` : __props.heightOffset})`,
             overflowY: shouldAutoHeight.value ? "auto" : "unset",
             padding: `${mergeContentPadding.value || 0}px`,
             ...(_a = page == null ? void 0 : page.value) == null ? void 0 : _a.contentStyle,
@@ -39131,6 +38932,22 @@
           ...__props.contentStyle
         };
       });
+      const loadingProps = vue.computed(() => {
+        if (typeof __props.loading === "boolean") {
+          return {
+            spinning: __props.loading
+          };
+        }
+        return __props.loading;
+      });
+      const contentLoadingProps = vue.computed(() => {
+        if (typeof __props.contentLoading === "boolean") {
+          return {
+            spinning: __props.contentLoading
+          };
+        }
+        return __props.contentLoading;
+      });
       const mergeTabsProps = vue.computed(
         () => {
           var _a;
@@ -39143,9 +38960,8 @@
           return;
         }
         await vue.nextTick();
-        headerHeight.value = ((_a = headerRef.value) == null ? void 0 : _a.offsetHeight) || 0;
-        footerHeight.value = ((_b = footerRef.value) == null ? void 0 : _b.offsetHeight) || 0;
-        tabsHeight.value = ((_c = tabsRef.value) == null ? void 0 : _c.offsetHeight) || 0;
+        footerHeight.value = ((_a = footerRef.value) == null ? void 0 : _a.offsetHeight) || 0;
+        contentHeight.value = window.innerHeight - (((_c = (_b = contentRef.value) == null ? void 0 : _b.getBoundingClientRect()) == null ? void 0 : _c.top) || 0) - footerHeight.value;
         setTimeout(() => {
           shouldAutoHeight.value = true;
         }, 30);
@@ -39162,7 +38978,7 @@
         calcContentHeight();
       });
       return (_ctx, _cache) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b;
         return vue.openBlock(), vue.createElementBlock(
           "div",
           {
@@ -39170,131 +38986,162 @@
             style: vue.normalizeStyle((_b = vue.unref(page)) == null ? void 0 : _b.pageStyle)
           },
           [
-            _ctx.$slots.header || _ctx.description || _ctx.$slots.description || _ctx.title || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
-              "div",
-              {
-                key: 0,
-                ref: "header",
-                class: vue.normalizeClass(headerCls.value)
-              },
-              [
-                vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                  vue.createElementVNode(
-                    "div",
-                    {
-                      class: vue.normalizeClass(`${vue.unref(prefixCls)}-header-wrap`)
-                    },
-                    [
-                      vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                        _ctx.title ? (vue.openBlock(), vue.createElementBlock(
-                          "div",
-                          {
-                            key: 0,
-                            class: vue.normalizeClass(`${vue.unref(prefixCls)}-title`)
-                          },
-                          vue.toDisplayString(_ctx.title),
-                          3
-                          /* TEXT, CLASS */
-                        )) : vue.createCommentVNode("v-if", true)
-                      ]),
-                      vue.renderSlot(_ctx.$slots, "description", {}, () => [
-                        _ctx.description ? (vue.openBlock(), vue.createElementBlock(
-                          "p",
-                          {
-                            key: 0,
-                            class: vue.normalizeClass(`${vue.unref(prefixCls)}-description`)
-                          },
-                          vue.toDisplayString(_ctx.description),
-                          3
-                          /* TEXT, CLASS */
-                        )) : vue.createCommentVNode("v-if", true)
-                      ])
-                    ],
-                    2
-                    /* CLASS */
-                  ),
-                  _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-                    vue.renderSlot(_ctx.$slots, "extra")
-                  ])) : vue.createCommentVNode("v-if", true)
-                ])
-              ],
-              2
-              /* CLASS */
-            )) : vue.createCommentVNode("v-if", true),
-            ((_c = _ctx.tabList) == null ? void 0 : _c.length) ? (vue.openBlock(), vue.createElementBlock(
-              "div",
-              {
-                key: 1,
-                ref: "tabs",
-                class: vue.normalizeClass(`${vue.unref(prefixCls)}-tabs`)
-              },
-              [
-                vue.createVNode(vue.unref(antDesignVue.Tabs), vue.mergeProps({
-                  activeKey: tabActiveKey.value,
-                  "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => tabActiveKey.value = $event)
-                }, mergeTabsProps.value, { "tab-position": "top" }), {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(true), vue.createElementBlock(
-                      vue.Fragment,
-                      null,
-                      vue.renderList(_ctx.tabList, (tab) => {
-                        return vue.openBlock(), vue.createBlock(
-                          vue.unref(antDesignVue.TabPane),
-                          vue.mergeProps({
-                            key: tab.key,
-                            ref_for: true
-                          }, tab),
-                          null,
-                          16
-                          /* FULL_PROPS */
-                        );
-                      }),
-                      128
-                      /* KEYED_FRAGMENT */
-                    ))
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 16, ["activeKey"])
-              ],
-              2
-              /* CLASS */
-            )) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode(
-              "div",
+            vue.createVNode(
+              vue.unref(antDesignVue.Spin),
+              vue.normalizeProps(vue.guardReactiveProps(loadingProps.value)),
               {
-                class: vue.normalizeClass(contentCls.value),
-                style: vue.normalizeStyle(contentStyles.value)
-              },
-              [
-                vue.renderSlot(_ctx.$slots, "default", {
-                  activeKey: (_e = tabActiveKey.value) != null ? _e : (_d = _ctx.tabList[0]) == null ? void 0 : _d.key,
-                  offset: offset.value
+                default: vue.withCtx(() => {
+                  var _a2;
+                  return [
+                    _ctx.$slots.header || _ctx.description || _ctx.$slots.description || _ctx.title || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
+                      "div",
+                      {
+                        key: 0,
+                        ref: "header",
+                        class: vue.normalizeClass(headerCls.value)
+                      },
+                      [
+                        vue.renderSlot(_ctx.$slots, "header", {}, () => [
+                          vue.createElementVNode(
+                            "div",
+                            {
+                              class: vue.normalizeClass(`${vue.unref(prefixCls)}-header-wrap`)
+                            },
+                            [
+                              vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                                _ctx.title ? (vue.openBlock(), vue.createElementBlock(
+                                  "div",
+                                  {
+                                    key: 0,
+                                    class: vue.normalizeClass(`${vue.unref(prefixCls)}-title`)
+                                  },
+                                  vue.toDisplayString(_ctx.title),
+                                  3
+                                  /* TEXT, CLASS */
+                                )) : vue.createCommentVNode("v-if", true)
+                              ]),
+                              vue.renderSlot(_ctx.$slots, "description", {}, () => [
+                                _ctx.description ? (vue.openBlock(), vue.createElementBlock(
+                                  "p",
+                                  {
+                                    key: 0,
+                                    class: vue.normalizeClass(`${vue.unref(prefixCls)}-description`)
+                                  },
+                                  vue.toDisplayString(_ctx.description),
+                                  3
+                                  /* TEXT, CLASS */
+                                )) : vue.createCommentVNode("v-if", true)
+                              ])
+                            ],
+                            2
+                            /* CLASS */
+                          ),
+                          _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                            vue.renderSlot(_ctx.$slots, "extra")
+                          ])) : vue.createCommentVNode("v-if", true)
+                        ])
+                      ],
+                      2
+                      /* CLASS */
+                    )) : vue.createCommentVNode("v-if", true),
+                    ((_a2 = _ctx.tabList) == null ? void 0 : _a2.length) ? (vue.openBlock(), vue.createElementBlock(
+                      "div",
+                      {
+                        key: 1,
+                        ref: "tabs",
+                        class: vue.normalizeClass(`${vue.unref(prefixCls)}-tabs`)
+                      },
+                      [
+                        vue.createVNode(vue.unref(antDesignVue.Tabs), vue.mergeProps({
+                          activeKey: tabActiveKey.value,
+                          "onUpdate:activeKey": _cache[0] || (_cache[0] = ($event) => tabActiveKey.value = $event)
+                        }, mergeTabsProps.value, { "tab-position": "top" }), {
+                          default: vue.withCtx(() => [
+                            (vue.openBlock(true), vue.createElementBlock(
+                              vue.Fragment,
+                              null,
+                              vue.renderList(_ctx.tabList, (tab) => {
+                                return vue.openBlock(), vue.createBlock(
+                                  vue.unref(antDesignVue.TabPane),
+                                  vue.mergeProps({
+                                    key: tab.key,
+                                    ref_for: true
+                                  }, tab),
+                                  null,
+                                  16
+                                  /* FULL_PROPS */
+                                );
+                              }),
+                              128
+                              /* KEYED_FRAGMENT */
+                            ))
+                          ]),
+                          _: 1
+                          /* STABLE */
+                        }, 16, ["activeKey"])
+                      ],
+                      2
+                      /* CLASS */
+                    )) : vue.createCommentVNode("v-if", true),
+                    vue.createVNode(
+                      vue.unref(antDesignVue.Spin),
+                      vue.normalizeProps(vue.guardReactiveProps(contentLoadingProps.value)),
+                      {
+                        default: vue.withCtx(() => {
+                          var _a3, _b2, _c, _d, _e;
+                          return [
+                            vue.createElementVNode(
+                              "div",
+                              {
+                                ref: "content",
+                                class: vue.normalizeClass(contentCls.value),
+                                style: vue.normalizeStyle(contentStyles.value)
+                              },
+                              [
+                                vue.renderSlot(_ctx.$slots, "default", {
+                                  activeKey: (_b2 = tabActiveKey.value) != null ? _b2 : (_a3 = _ctx.tabList[0]) == null ? void 0 : _a3.key,
+                                  offset: offset.value
+                                }),
+                                ((_c = _ctx.tabList) == null ? void 0 : _c.length) ? vue.renderSlot(_ctx.$slots, "tabs", {
+                                  key: 0,
+                                  activeKey: (_e = tabActiveKey.value) != null ? _e : (_d = _ctx.tabList[0]) == null ? void 0 : _d.key,
+                                  offset: offset.value
+                                }, () => [
+                                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tabComp.value)))
+                                ]) : vue.createCommentVNode("v-if", true)
+                              ],
+                              6
+                              /* CLASS, STYLE */
+                            )
+                          ];
+                        }),
+                        _: 3
+                        /* FORWARDED */
+                      },
+                      16
+                      /* FULL_PROPS */
+                    ),
+                    _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock(
+                      "div",
+                      {
+                        key: 2,
+                        ref: "footer",
+                        class: vue.normalizeClass(footerCls.value)
+                      },
+                      [
+                        vue.renderSlot(_ctx.$slots, "footer")
+                      ],
+                      2
+                      /* CLASS */
+                    )) : vue.createCommentVNode("v-if", true)
+                  ];
                 }),
-                ((_f = _ctx.tabList) == null ? void 0 : _f.length) ? vue.renderSlot(_ctx.$slots, "tabs", {
-                  key: 0,
-                  activeKey: (_h = tabActiveKey.value) != null ? _h : (_g = _ctx.tabList[0]) == null ? void 0 : _g.key,
-                  offset: offset.value
-                }, () => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tabComp.value)))
-                ]) : vue.createCommentVNode("v-if", true)
-              ],
-              6
-              /* CLASS, STYLE */
-            ),
-            _ctx.$slots.footer ? (vue.openBlock(), vue.createElementBlock(
-              "div",
-              {
-                key: 2,
-                ref: "footer",
-                class: vue.normalizeClass(footerCls.value)
+                _: 3
+                /* FORWARDED */
               },
-              [
-                vue.renderSlot(_ctx.$slots, "footer")
-              ],
-              2
-              /* CLASS */
-            )) : vue.createCommentVNode("v-if", true)
+              16
+              /* FULL_PROPS */
+            )
           ],
           6
           /* CLASS, STYLE */