pro-design-vue 1.4.1 → 1.4.2

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Pro Design Vue v1.4.1 */
+/*! Pro Design Vue v1.4.2 */
 
 (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.2";
 
   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;