@aloudata/aloudata-design 2.19.5 → 3.0.0-beta.2

package/dist/DataPreviewTable/index.js

@@ -1,131 +1,105 @@
-import classNames from 'classnames';
-import React, { forwardRef, memo, useContext, useImperativeHandle, useMemo, useRef } from 'react';
-import Progress from "../Progress";
-import ScrollArea from "../ScrollArea";
-import Spin from "../Spin";
-import { LocaleContext, getTranslator } from "../locale/default";
-import Body from "./components/Body";
-import Error from "./components/Body/Error";
-import Header from "./components/Header";
-import { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from "./constant";
-import useDirection from "./hooks/useDirection";
-var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _wrapRef$current5;
-  var _useContext = useContext(LocaleContext),
-    locale = _useContext.locale;
-  var t = getTranslator(locale);
-  var _props$columns = props.columns,
-    columns = _props$columns === void 0 ? [] : _props$columns,
-    _props$datasource = props.datasource,
-    datasource = _props$datasource === void 0 ? [] : _props$datasource,
-    width = props.width,
-    height = props.height,
-    _props$headerHeight = props.headerHeight,
-    headerHeight = _props$headerHeight === void 0 ? 0 : _props$headerHeight,
-    loading = props.loading,
-    dataStatus = props.dataStatus,
-    _props$errorMsg = props.errorMsg,
-    errorMsg = _props$errorMsg === void 0 ? t.DataPreviewTable.dataLoadFailed : _props$errorMsg;
-  var realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);
-  var contentHeight = useMemo(function () {
-    return datasource.length * CELL_HEIGHT + realHeaderHeight;
-  }, [datasource, realHeaderHeight]);
-  var wrapRef = useRef(null);
-  var progressRef = useRef(null);
-  var _useDirection = useDirection(columns, wrapRef),
-    columnRange = _useDirection.columnRange,
-    rowRange = _useDirection.rowRange,
-    onScroll = _useDirection.onScroll,
-    columnLayout = _useDirection.columnLayout,
-    setColumnsWidth = _useDirection.setColumnsWidth,
-    tableColumns = _useDirection.tableColumns,
-    contentWidth = _useDirection.contentWidth;
-  useImperativeHandle(ref, function () {
-    return {
-      scrollToColumnInView: function scrollToColumnInView(columnId) {
-        var _wrapRef$current;
-        // 实现scrollTo方法
-        var columnPos = columnLayout[columnId];
-        if (!columnPos) return;
-        // 根据容器的宽度，容器的scrollLeft，columnPos，判断当前列是否在可视区域内
-        var _ref = wrapRef.current,
-          scrollLeft = _ref.scrollLeft;
-        var left = columnPos.left,
-          width = columnPos.width;
-        var containerWidth = ((_wrapRef$current = wrapRef.current) === null || _wrapRef$current === void 0 ? void 0 : _wrapRef$current.clientWidth) || 0;
-        if (left < scrollLeft) {
-          var _wrapRef$current2;
-          // 左边不可见
-          (_wrapRef$current2 = wrapRef.current) === null || _wrapRef$current2 === void 0 ? void 0 : _wrapRef$current2.scrollTo({
-            left: left,
-            behavior: 'smooth'
-          });
-        } else if (left + width > scrollLeft + containerWidth) {
-          var _wrapRef$current3;
-          // 右边不可见
-          (_wrapRef$current3 = wrapRef.current) === null || _wrapRef$current3 === void 0 ? void 0 : _wrapRef$current3.scrollTo({
-            left: left + width - containerWidth,
-            behavior: 'smooth'
-          });
-        }
-      },
-      progressRestart: function progressRestart() {
-        var _progressRef$current;
-        (_progressRef$current = progressRef.current) === null || _progressRef$current === void 0 ? void 0 : _progressRef$current.restart();
-      }
-    };
-  });
-  var skeletonRows = useMemo(function () {
-    var _wrapRef$current4;
-    if (!wrapRef.current) return 0;
-    var rows = Math.ceil(((((_wrapRef$current4 = wrapRef.current) === null || _wrapRef$current4 === void 0 ? void 0 : _wrapRef$current4.clientHeight) || 0) - realHeaderHeight) / CELL_HEIGHT);
-    return rows - 1 < 0 ? 0 : rows - 1;
-  }, [realHeaderHeight]);
-  return /*#__PURE__*/React.createElement(ScrollArea, {
-    ref: wrapRef,
-    style: {
-      width: width,
-      height: height,
-      willChange: 'transform'
-    },
-    onViewportScroll: function onViewportScroll() {
-      // const { scrollTop, scrollLeft } = e.target as HTMLDivElement;
-      onScroll();
-    },
-    className: classNames(props.className, 'ald-data-preview-table', {
-      'ald-data-preview-table-show-skeleton': dataStatus === 'pending'
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: dataStatus === 'pending' ? skeletonRows * CELL_HEIGHT + realHeaderHeight : contentHeight,
-      position: 'relative',
-      width: 'fit-content'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "ald-data-preview-sticky"
-  }, /*#__PURE__*/React.createElement(Progress, {
-    className: "ald-data-preview-progress",
-    loading: !!loading,
-    ref: progressRef
-  }), /*#__PURE__*/React.createElement(Header, {
-    contentWidth: contentWidth,
-    headerHeight: realHeaderHeight,
-    columns: tableColumns,
-    columnLayout: columnLayout,
-    setWidth: setColumnsWidth,
-    columnRange: columnRange
-  })), dataStatus === 'pending' && tableColumns.length > 0 && /*#__PURE__*/React.createElement("div", {
-    className: "ald-data-preview-loading"
-  }, /*#__PURE__*/React.createElement(Spin, null)), dataStatus === 'success' && /*#__PURE__*/React.createElement(Body, {
-    columns: tableColumns,
-    columnRange: columnRange,
-    columnLayout: columnLayout,
-    datasource: datasource,
-    rowRange: rowRange,
-    headerHeight: realHeaderHeight
-  }), dataStatus === 'error' && /*#__PURE__*/React.createElement(Error, {
-    errorMsg: errorMsg,
-    wrapWidth: ((_wrapRef$current5 = wrapRef.current) === null || _wrapRef$current5 === void 0 ? void 0 : _wrapRef$current5.clientWidth) || 0
-  })));
-});
-export default /*#__PURE__*/memo(DataPreviewTable);
+import { cn } from "../lib/utils.js";
+import { LocaleContext, getTranslator } from "../locale/default.js";
+import ScrollArea_default from "../ScrollArea/index.js";
+/* empty css                   */
+import Progress_default from "../Progress/index.js";
+import CustomSpin from "../Spin/index.js";
+import Body_default from "./components/Body/index.js";
+import Error_default from "./components/Body/Error.js";
+import Header from "./components/Header/index.js";
+import useDirection from "./hooks/useDirection.js";
+import { forwardRef, memo, useContext, useImperativeHandle, useMemo, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DataPreviewTable_default = memo(forwardRef(function(props, ref) {
+	const { locale } = useContext(LocaleContext);
+	const t = getTranslator(locale);
+	const { columns = [], datasource = [], width, height, headerHeight = 0, loading, dataStatus, errorMsg = t.DataPreviewTable.dataLoadFailed } = props;
+	const realHeaderHeight = Math.max(headerHeight, 32);
+	const contentHeight = useMemo(() => {
+		return datasource.length * 20 + realHeaderHeight;
+	}, [datasource, realHeaderHeight]);
+	const wrapRef = useRef(null);
+	const progressRef = useRef(null);
+	const { columnRange, rowRange, onScroll, columnLayout, setColumnsWidth, tableColumns, contentWidth } = useDirection(columns, wrapRef);
+	useImperativeHandle(ref, () => ({
+		scrollToColumnInView: (columnId) => {
+			const columnPos = columnLayout[columnId];
+			if (!columnPos) return;
+			const { scrollLeft } = wrapRef.current;
+			const { left, width } = columnPos;
+			const containerWidth = wrapRef.current?.clientWidth || 0;
+			if (left < scrollLeft) wrapRef.current?.scrollTo({
+				left,
+				behavior: "smooth"
+			});
+			else if (left + width > scrollLeft + containerWidth) wrapRef.current?.scrollTo({
+				left: left + width - containerWidth,
+				behavior: "smooth"
+			});
+		},
+		progressRestart: () => {
+			progressRef.current?.restart();
+		}
+	}));
+	const skeletonRows = useMemo(() => {
+		if (!wrapRef.current) return 0;
+		const rows = Math.ceil(((wrapRef.current?.clientHeight || 0) - realHeaderHeight) / 20);
+		return rows - 1 < 0 ? 0 : rows - 1;
+	}, [realHeaderHeight]);
+	return /* @__PURE__ */ jsx(ScrollArea_default, {
+		ref: wrapRef,
+		style: {
+			width,
+			height,
+			willChange: "transform"
+		},
+		onViewportScroll: () => {
+			onScroll();
+		},
+		className: cn(props.className, "ald-data-preview-table", { "ald-data-preview-table-show-skeleton": dataStatus === "pending" }),
+		children: /* @__PURE__ */ jsxs("div", {
+			style: {
+				height: dataStatus === "pending" ? skeletonRows * 20 + realHeaderHeight : contentHeight,
+				position: "relative",
+				width: "fit-content"
+			},
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "ald-data-preview-sticky",
+					children: [/* @__PURE__ */ jsx(Progress_default, {
+						className: "ald-data-preview-progress",
+						loading: !!loading,
+						ref: progressRef
+					}), /* @__PURE__ */ jsx(Header, {
+						contentWidth,
+						headerHeight: realHeaderHeight,
+						columns: tableColumns,
+						columnLayout,
+						setWidth: setColumnsWidth,
+						columnRange
+					})]
+				}),
+				dataStatus === "pending" && tableColumns.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "ald-data-preview-loading",
+					children: /* @__PURE__ */ jsx(CustomSpin, {})
+				}),
+				dataStatus === "success" && /* @__PURE__ */ jsx(Body_default, {
+					columns: tableColumns,
+					columnRange,
+					columnLayout,
+					datasource,
+					rowRange,
+					headerHeight: realHeaderHeight
+				}),
+				dataStatus === "error" && /* @__PURE__ */ jsx(Error_default, {
+					errorMsg,
+					wrapWidth: wrapRef.current?.clientWidth || 0
+				})
+			]
+		})
+	});
+}));
+//#endregion
+export { DataPreviewTable_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/DataPreviewTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/DataPreviewTable/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils';\nimport './data-preview-table.css';\nimport React, {\n  forwardRef,\n  memo,\n  useContext,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport Progress, { IProgressRef } from '../Progress';\nimport ScrollArea from '../ScrollArea';\nimport Spin from '../Spin';\nimport { LocaleContext, getTranslator } from '../locale/default';\nimport Body from './components/Body';\nimport Error from './components/Body/Error';\nimport Header from './components/Header';\nimport { CELL_HEIGHT, DEFAULT_HEADER_HEIGHT } from './constant';\nimport useDirection from './hooks/useDirection';\nimport { DataPreviewTableRef, ITableProps } from './interface';\n\nconst DataPreviewTable = forwardRef(function (\n  props: ITableProps,\n  ref: React.Ref<DataPreviewTableRef>,\n) {\n  const { locale } = useContext(LocaleContext);\n  const t = getTranslator(locale);\n\n  const {\n    columns = [],\n    datasource = [],\n    width,\n    height,\n    headerHeight = 0,\n    loading,\n    dataStatus,\n    errorMsg = t.DataPreviewTable.dataLoadFailed,\n  } = props;\n\n  const realHeaderHeight = Math.max(headerHeight, DEFAULT_HEADER_HEIGHT);\n  const contentHeight = useMemo(() => {\n    return datasource.length * CELL_HEIGHT + realHeaderHeight;\n  }, [datasource, realHeaderHeight]);\n  const wrapRef = useRef<HTMLDivElement>(null);\n  const progressRef = useRef<IProgressRef>(null);\n  const {\n    columnRange,\n    rowRange,\n    onScroll,\n    columnLayout,\n    setColumnsWidth,\n    tableColumns,\n    contentWidth,\n  } = useDirection(columns, wrapRef);\n\n  useImperativeHandle(ref, () => ({\n    scrollToColumnInView: (columnId: string) => {\n      // 实现scrollTo方法\n      const columnPos = columnLayout[columnId];\n      if (!columnPos) return;\n      // 根据容器的宽度，容器的scrollLeft，columnPos，判断当前列是否在可视区域内\n      const { scrollLeft } = wrapRef.current as HTMLDivElement;\n      const { left, width } = columnPos;\n      const containerWidth = wrapRef.current?.clientWidth || 0;\n      if (left < scrollLeft) {\n        // 左边不可见\n        wrapRef.current?.scrollTo({\n          left,\n          behavior: 'smooth',\n        });\n      } else if (left + width > scrollLeft + containerWidth) {\n        // 右边不可见\n        wrapRef.current?.scrollTo({\n          left: left + width - containerWidth,\n          behavior: 'smooth',\n        });\n      }\n    },\n    progressRestart: () => {\n      progressRef.current?.restart();\n    },\n  }));\n\n  const skeletonRows = useMemo(() => {\n    if (!wrapRef.current) return 0;\n    const rows = Math.ceil(\n      ((wrapRef.current?.clientHeight || 0) - realHeaderHeight) / CELL_HEIGHT,\n    );\n    return rows - 1 < 0 ? 0 : rows - 1;\n  }, [realHeaderHeight]);\n\n  return (\n    <ScrollArea\n      ref={wrapRef}\n      style={{ width, height, willChange: 'transform' }}\n      onViewportScroll={() => {\n        // const { scrollTop, scrollLeft } = e.target as HTMLDivElement;\n        onScroll();\n      }}\n      className={cn(props.className, 'ald-data-preview-table', {\n        'ald-data-preview-table-show-skeleton': dataStatus === 'pending',\n      })}\n    >\n      <div\n        style={{\n          height:\n            dataStatus === 'pending'\n              ? skeletonRows * CELL_HEIGHT + realHeaderHeight\n              : contentHeight,\n          position: 'relative',\n          width: 'fit-content',\n        }}\n      >\n        <div className=\"ald-data-preview-sticky\">\n          <Progress\n            className=\"ald-data-preview-progress\"\n            loading={!!loading}\n            ref={progressRef}\n          ></Progress>\n          <Header\n            contentWidth={contentWidth}\n            headerHeight={realHeaderHeight}\n            columns={tableColumns}\n            columnLayout={columnLayout}\n            setWidth={setColumnsWidth}\n            columnRange={columnRange}\n          />\n        </div>\n        {dataStatus === 'pending' && tableColumns.length > 0 && (\n          <div className=\"ald-data-preview-loading\">\n            <Spin />\n          </div>\n        )}\n        {dataStatus === 'success' && (\n          <Body\n            columns={tableColumns}\n            columnRange={columnRange}\n            columnLayout={columnLayout}\n            datasource={datasource}\n            rowRange={rowRange}\n            headerHeight={realHeaderHeight}\n          />\n        )}\n        {dataStatus === 'error' && (\n          <Error\n            errorMsg={errorMsg}\n            wrapWidth={wrapRef.current?.clientWidth || 0}\n          />\n        )}\n      </div>\n    </ScrollArea>\n  );\n});\n\nexport default memo(DataPreviewTable);\n"],"mappings":";;;;;;;;;;;;AA0JA,IAAA,2BAAe,KArIU,WAAW,SAClC,OACA,KACA;CACA,MAAM,EAAE,WAAW,WAAW,cAAc;CAC5C,MAAM,IAAI,cAAc,OAAO;CAE/B,MAAM,EACJ,UAAU,EAAE,EACZ,aAAa,EAAE,EACf,OACA,QACA,eAAe,GACf,SACA,YACA,WAAW,EAAE,iBAAiB,mBAC5B;CAEJ,MAAM,mBAAmB,KAAK,IAAI,cAAA,GAAoC;CACtE,MAAM,gBAAgB,cAAc;AAClC,SAAO,WAAW,SAAA,KAAuB;IACxC,CAAC,YAAY,iBAAiB,CAAC;CAClC,MAAM,UAAU,OAAuB,KAAK;CAC5C,MAAM,cAAc,OAAqB,KAAK;CAC9C,MAAM,EACJ,aACA,UACA,UACA,cACA,iBACA,cACA,iBACE,aAAa,SAAS,QAAQ;AAElC,qBAAoB,YAAY;EAC9B,uBAAuB,aAAqB;GAE1C,MAAM,YAAY,aAAa;AAC/B,OAAI,CAAC,UAAW;GAEhB,MAAM,EAAE,eAAe,QAAQ;GAC/B,MAAM,EAAE,MAAM,UAAU;GACxB,MAAM,iBAAiB,QAAQ,SAAS,eAAe;AACvD,OAAI,OAAO,WAET,SAAQ,SAAS,SAAS;IACxB;IACA,UAAU;IACX,CAAC;YACO,OAAO,QAAQ,aAAa,eAErC,SAAQ,SAAS,SAAS;IACxB,MAAM,OAAO,QAAQ;IACrB,UAAU;IACX,CAAC;;EAGN,uBAAuB;AACrB,eAAY,SAAS,SAAS;;EAEjC,EAAE;CAEH,MAAM,eAAe,cAAc;AACjC,MAAI,CAAC,QAAQ,QAAS,QAAO;EAC7B,MAAM,OAAO,KAAK,OACd,QAAQ,SAAS,gBAAgB,KAAK,oBAAA,GACzC;AACD,SAAO,OAAO,IAAI,IAAI,IAAI,OAAO;IAChC,CAAC,iBAAiB,CAAC;AAEtB,QACE,oBAAC,oBAAD;EACE,KAAK;EACL,OAAO;GAAE;GAAO;GAAQ,YAAY;GAAa;EACjD,wBAAwB;AAEtB,aAAU;;EAEZ,WAAW,GAAG,MAAM,WAAW,0BAA0B,EACvD,wCAAwC,eAAe,WACxD,CAAC;YAEF,qBAAC,OAAD;GACE,OAAO;IACL,QACE,eAAe,YACX,eAAA,KAA6B,mBAC7B;IACN,UAAU;IACV,OAAO;IACR;aARH;IAUE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,kBAAD;MACE,WAAU;MACV,SAAS,CAAC,CAAC;MACX,KAAK;MACK,CAAA,EACZ,oBAAC,QAAD;MACgB;MACd,cAAc;MACd,SAAS;MACK;MACd,UAAU;MACG;MACb,CAAA,CACE;;IACL,eAAe,aAAa,aAAa,SAAS,KACjD,oBAAC,OAAD;KAAK,WAAU;eACb,oBAAC,YAAD,EAAQ,CAAA;KACJ,CAAA;IAEP,eAAe,aACd,oBAAC,cAAD;KACE,SAAS;KACI;KACC;KACF;KACF;KACV,cAAc;KACd,CAAA;IAEH,eAAe,WACd,oBAAC,eAAD;KACY;KACV,WAAW,QAAQ,SAAS,eAAe;KAC3C,CAAA;IAEA;;EACK,CAAA;EAEf,CAEmC"}

package/dist/DataPreviewTable/interface.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import { default as React, CSSProperties } from 'react';
 export interface ITableProps {
     columns?: PreviewColumn[];
     datasource?: TValue[][];

package/dist/DataPreviewTable/interface.js

@@ -1,10 +1,15 @@
-export var EScrollHorizontalDirection = /*#__PURE__*/function (EScrollHorizontalDirection) {
-  EScrollHorizontalDirection["SCROLL_TO_LEFT"] = "toLeft";
-  EScrollHorizontalDirection["SCROLL_TO_RIGHT"] = "toRight";
-  return EScrollHorizontalDirection;
+//#region src/DataPreviewTable/interface.ts
+var EScrollHorizontalDirection = /* @__PURE__ */ function(EScrollHorizontalDirection) {
+	EScrollHorizontalDirection["SCROLL_TO_LEFT"] = "toLeft";
+	EScrollHorizontalDirection["SCROLL_TO_RIGHT"] = "toRight";
+	return EScrollHorizontalDirection;
 }({});
-export var EScrollVerticalDirection = /*#__PURE__*/function (EScrollVerticalDirection) {
-  EScrollVerticalDirection["SCROLL_TO_TOP"] = "toTop";
-  EScrollVerticalDirection["SCROLL_TO_BOTTOM"] = "toBottom";
-  return EScrollVerticalDirection;
-}({});
+var EScrollVerticalDirection = /* @__PURE__ */ function(EScrollVerticalDirection) {
+	EScrollVerticalDirection["SCROLL_TO_TOP"] = "toTop";
+	EScrollVerticalDirection["SCROLL_TO_BOTTOM"] = "toBottom";
+	return EScrollVerticalDirection;
+}({});
+//#endregion
+export { EScrollHorizontalDirection, EScrollVerticalDirection };
+
+//# sourceMappingURL=interface.js.map

package/dist/DataPreviewTable/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","names":[],"sources":["../../src/DataPreviewTable/interface.ts"],"sourcesContent":["import React, { CSSProperties } from 'react';\n\nexport interface ITableProps {\n  columns?: PreviewColumn[];\n  datasource?: TValue[][];\n  // onHeaderContextMenu?: (e: MouseEvent, column: PreviewColumn) => void; //响应右键\n  // onCellContextMenu?: (\n  //   e: MouseEvent,\n  //   value: TValue,\n  //   column: PreviewColumn,\n  // ) => void; //响应右键\n  width?: CSSProperties['width']; //容器宽度\n  height?: CSSProperties['height']; //容器高度\n  headerHeight?: number; // header 高度，不能小于最小高度\n  dataStatus?: 'pending' | 'success' | 'error';\n  loading?: boolean;\n  errorMsg?: string | React.ReactNode;\n  className?: string;\n}\nexport interface DataPreviewTableRef {\n  scrollToColumnInView: (columnId: string) => void;\n  progressRestart: () => void;\n}\nexport type Align = 'left' | 'center' | 'right';\nexport interface PreviewColumn {\n  icon?: React.ReactNode;\n  name: string;\n  id: string;\n  defaultWidth?: number;\n  renderHeader?: (column: Omit<PreviewColumn, 'render'>) => React.ReactElement; //自定义列头\n  align?: Align;\n  render?: (value: TValue) => React.ReactElement;\n}\nexport type TValue = string | null | number | boolean;\nexport interface IColumnLayout {\n  [key: string]: {\n    width: number;\n    left: number;\n  };\n}\n\nexport interface IScrollData {\n  scrollLeft: number;\n  scrollTop: number;\n  direction: IScrollDirection;\n}\nexport interface IScrollDirection {\n  horizontal: EScrollHorizontalDirection;\n  vertical: EScrollVerticalDirection;\n  current: EScrollHorizontalDirection | EScrollVerticalDirection | 'init';\n}\nexport enum EScrollHorizontalDirection {\n  SCROLL_TO_LEFT = 'toLeft',\n  SCROLL_TO_RIGHT = 'toRight',\n}\nexport enum EScrollVerticalDirection {\n  SCROLL_TO_TOP = 'toTop',\n  SCROLL_TO_BOTTOM = 'toBottom',\n}\n"],"mappings":";AAmDA,IAAY,6BAAL,yBAAA,4BAAA;AACL,4BAAA,oBAAA;AACA,4BAAA,qBAAA;;KACD;AACD,IAAY,2BAAL,yBAAA,0BAAA;AACL,0BAAA,mBAAA;AACA,0BAAA,sBAAA;;KACD"}

package/dist/DataPreviewTable/utils/findRange.js

@@ -1,68 +1,46 @@
-import { UNDEFINED_INDEX } from "../constant";
+//#region src/DataPreviewTable/utils/findRange.ts
 var FIRST_INDEX = 0;
 var BINARY_NUMBER = 2;
 /**
- * @param arr 有序数组
- * @param targetNumber 当前数字
- * @returns 数组中第一个大于等于目标数字的index，最大为arr.length-1 如果数组为空，返回-1
- */
-export function findLastIndex(arr, targetNumber) {
-  if (arr.length === 0) {
-    return UNDEFINED_INDEX;
-  }
-  var last = arr[arr.length - 1];
-  if (targetNumber >= last) {
-    return arr.length - 1;
-  }
-  var first = arr[FIRST_INDEX];
-  if (targetNumber <= first) {
-    return FIRST_INDEX;
-  }
-  var left = 0,
-    right = arr.length - 1;
-  while (left <= right) {
-    var midIndex = Math.floor((left + right) / BINARY_NUMBER);
-    var mid = arr[midIndex];
-    if (mid < targetNumber) {
-      left = midIndex + 1;
-    } else if (mid === targetNumber) {
-      return midIndex;
-    } else {
-      right = midIndex - 1;
-    }
-  }
-  return left;
+* @param arr 有序数组
+* @param targetNumber 当前数字
+* @returns 数组中第一个大于等于目标数字的index，最大为arr.length-1 如果数组为空，返回-1
+*/
+function findLastIndex(arr, targetNumber) {
+	if (arr.length === 0) return -1;
+	if (targetNumber >= arr[arr.length - 1]) return arr.length - 1;
+	if (targetNumber <= arr[FIRST_INDEX]) return FIRST_INDEX;
+	let left = 0, right = arr.length - 1;
+	while (left <= right) {
+		const midIndex = Math.floor((left + right) / BINARY_NUMBER);
+		const mid = arr[midIndex];
+		if (mid < targetNumber) left = midIndex + 1;
+		else if (mid === targetNumber) return midIndex;
+		else right = midIndex - 1;
+	}
+	return left;
 }
 /**
- *
- * @param arr 有序数组
- * @param targetNumber 当前数字
- * @returns 返回数组中第一个小于等于目标数字的index,用于查找起始位置 ，最小为0 如果数组为空返回-1
- */
-export function findFirstIndex(arr, targetNumber) {
-  if (arr.length === 0) {
-    return UNDEFINED_INDEX;
-  }
-  var last = arr[arr.length - 1];
-  if (targetNumber >= last) {
-    return arr.length - 1;
-  }
-  var first = arr[FIRST_INDEX];
-  if (targetNumber <= first) {
-    return FIRST_INDEX;
-  }
-  var left = 0,
-    right = arr.length - 1;
-  while (left <= right) {
-    var midIndex = Math.floor((left + right) / BINARY_NUMBER);
-    var mid = arr[midIndex];
-    if (mid > targetNumber) {
-      right = midIndex - 1;
-    } else if (mid === targetNumber) {
-      return midIndex;
-    } else {
-      left = midIndex + 1;
-    }
-  }
-  return right;
-}
+*
+* @param arr 有序数组
+* @param targetNumber 当前数字
+* @returns 返回数组中第一个小于等于目标数字的index,用于查找起始位置 ，最小为0 如果数组为空返回-1
+*/
+function findFirstIndex(arr, targetNumber) {
+	if (arr.length === 0) return -1;
+	if (targetNumber >= arr[arr.length - 1]) return arr.length - 1;
+	if (targetNumber <= arr[FIRST_INDEX]) return FIRST_INDEX;
+	let left = 0, right = arr.length - 1;
+	while (left <= right) {
+		const midIndex = Math.floor((left + right) / BINARY_NUMBER);
+		const mid = arr[midIndex];
+		if (mid > targetNumber) right = midIndex - 1;
+		else if (mid === targetNumber) return midIndex;
+		else left = midIndex + 1;
+	}
+	return right;
+}
+//#endregion
+export { findFirstIndex, findLastIndex };
+
+//# sourceMappingURL=findRange.js.map

package/dist/DataPreviewTable/utils/findRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"findRange.js","names":[],"sources":["../../../src/DataPreviewTable/utils/findRange.ts"],"sourcesContent":["import { UNDEFINED_INDEX } from '../constant';\n\nconst FIRST_INDEX = 0;\nconst BINARY_NUMBER = 2;\n/**\n * @param arr 有序数组\n * @param targetNumber 当前数字\n * @returns 数组中第一个大于等于目标数字的index，最大为arr.length-1 如果数组为空，返回-1\n */\nexport function findLastIndex(arr: number[], targetNumber: number): number {\n  if (arr.length === 0) {\n    return UNDEFINED_INDEX;\n  }\n  const last = arr[arr.length - 1];\n  if (targetNumber >= last) {\n    return arr.length - 1;\n  }\n  const first = arr[FIRST_INDEX];\n  if (targetNumber <= first) {\n    return FIRST_INDEX;\n  }\n  let left = 0,\n    right = arr.length - 1;\n  while (left <= right) {\n    const midIndex = Math.floor((left + right) / BINARY_NUMBER);\n    const mid = arr[midIndex];\n    if (mid < targetNumber) {\n      left = midIndex + 1;\n    } else if (mid === targetNumber) {\n      return midIndex;\n    } else {\n      right = midIndex - 1;\n    }\n  }\n  return left;\n}\n/**\n *\n * @param arr 有序数组\n * @param targetNumber 当前数字\n * @returns 返回数组中第一个小于等于目标数字的index,用于查找起始位置 ，最小为0 如果数组为空返回-1\n */\nexport function findFirstIndex(arr: number[], targetNumber: number): number {\n  if (arr.length === 0) {\n    return UNDEFINED_INDEX;\n  }\n  const last = arr[arr.length - 1];\n  if (targetNumber >= last) {\n    return arr.length - 1;\n  }\n  const first = arr[FIRST_INDEX];\n  if (targetNumber <= first) {\n    return FIRST_INDEX;\n  }\n  let left = 0,\n    right = arr.length - 1;\n  while (left <= right) {\n    const midIndex = Math.floor((left + right) / BINARY_NUMBER);\n    const mid = arr[midIndex];\n    if (mid > targetNumber) {\n      right = midIndex - 1;\n    } else if (mid === targetNumber) {\n      return midIndex;\n    } else {\n      left = midIndex + 1;\n    }\n  }\n  return right;\n}\n"],"mappings":";AAEA,IAAM,cAAc;AACpB,IAAM,gBAAgB;;;;;;AAMtB,SAAgB,cAAc,KAAe,cAA8B;AACzE,KAAI,IAAI,WAAW,EACjB,QAAA;AAGF,KAAI,gBADS,IAAI,IAAI,SAAS,GAE5B,QAAO,IAAI,SAAS;AAGtB,KAAI,gBADU,IAAI,aAEhB,QAAO;CAET,IAAI,OAAO,GACT,QAAQ,IAAI,SAAS;AACvB,QAAO,QAAQ,OAAO;EACpB,MAAM,WAAW,KAAK,OAAO,OAAO,SAAS,cAAc;EAC3D,MAAM,MAAM,IAAI;AAChB,MAAI,MAAM,aACR,QAAO,WAAW;WACT,QAAQ,aACjB,QAAO;MAEP,SAAQ,WAAW;;AAGvB,QAAO;;;;;;;;AAQT,SAAgB,eAAe,KAAe,cAA8B;AAC1E,KAAI,IAAI,WAAW,EACjB,QAAA;AAGF,KAAI,gBADS,IAAI,IAAI,SAAS,GAE5B,QAAO,IAAI,SAAS;AAGtB,KAAI,gBADU,IAAI,aAEhB,QAAO;CAET,IAAI,OAAO,GACT,QAAQ,IAAI,SAAS;AACvB,QAAO,QAAQ,OAAO;EACpB,MAAM,WAAW,KAAK,OAAO,OAAO,SAAS,cAAc;EAC3D,MAAM,MAAM,IAAI;AAChB,MAAI,MAAM,aACR,SAAQ,WAAW;WACV,QAAQ,aACjB,QAAO;MAEP,QAAO,WAAW;;AAGtB,QAAO"}

package/dist/DataPreviewTable/utils/getColumnOffsetsFromWidths.js

@@ -1,8 +1,13 @@
-export default function (columnsWidth) {
-  var offset = 0;
-  return columnsWidth.map(function (width) {
-    var currentOffset = offset;
-    offset += width;
-    return currentOffset;
-  });
-}
+//#region src/DataPreviewTable/utils/getColumnOffsetsFromWidths.ts
+function getColumnOffsetsFromWidths_default(columnsWidth) {
+	let offset = 0;
+	return columnsWidth.map((width) => {
+		const currentOffset = offset;
+		offset += width;
+		return currentOffset;
+	});
+}
+//#endregion
+export { getColumnOffsetsFromWidths_default as default };
+
+//# sourceMappingURL=getColumnOffsetsFromWidths.js.map

package/dist/DataPreviewTable/utils/getColumnOffsetsFromWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getColumnOffsetsFromWidths.js","names":[],"sources":["../../../src/DataPreviewTable/utils/getColumnOffsetsFromWidths.ts"],"sourcesContent":["export default function (columnsWidth: number[]) {\n  let offset = 0;\n  return columnsWidth.map((width) => {\n    const currentOffset = offset;\n    offset += width;\n    return currentOffset;\n  });\n}\n"],"mappings":";AAAA,SAAA,mCAAyB,cAAwB;CAC/C,IAAI,SAAS;AACb,QAAO,aAAa,KAAK,UAAU;EACjC,MAAM,gBAAgB;AACtB,YAAU;AACV,SAAO;GACP"}

package/dist/DataPreviewTable/utils/getColumnRange.js

@@ -1,21 +1,11 @@
-import { PRE_RENDER_RANGE } from "../constant";
-import { EScrollHorizontalDirection } from "../interface";
-import { findFirstIndex, findLastIndex } from "./findRange";
-export default (function (_ref) {
-  var direction = _ref.direction,
-    wrapWidth = _ref.wrapWidth,
-    scrollLeft = _ref.scrollLeft,
-    columnsOffsets = _ref.columnsOffsets;
-  if (direction === EScrollHorizontalDirection.SCROLL_TO_LEFT) {
-    // 往左滚动
-    var firstIndex = findFirstIndex(columnsOffsets, scrollLeft - PRE_RENDER_RANGE);
-    var lastIndex = findLastIndex(columnsOffsets, scrollLeft + wrapWidth);
-    return [firstIndex, lastIndex];
-  }
-  if (direction === EScrollHorizontalDirection.SCROLL_TO_RIGHT || direction === 'init') {
-    // 往右滚动
-    var _firstIndex = findFirstIndex(columnsOffsets, scrollLeft);
-    var _lastIndex = findLastIndex(columnsOffsets, scrollLeft + PRE_RENDER_RANGE + wrapWidth);
-    return [_firstIndex, _lastIndex];
-  }
-});
+import { EScrollHorizontalDirection } from "../interface.js";
+import { findFirstIndex, findLastIndex } from "./findRange.js";
+//#region src/DataPreviewTable/utils/getColumnRange.ts
+var getColumnRange_default = ({ direction, wrapWidth, scrollLeft, columnsOffsets }) => {
+	if (direction === EScrollHorizontalDirection.SCROLL_TO_LEFT) return [findFirstIndex(columnsOffsets, scrollLeft - 100), findLastIndex(columnsOffsets, scrollLeft + wrapWidth)];
+	if (direction === EScrollHorizontalDirection.SCROLL_TO_RIGHT || direction === "init") return [findFirstIndex(columnsOffsets, scrollLeft), findLastIndex(columnsOffsets, scrollLeft + 100 + wrapWidth)];
+};
+//#endregion
+export { getColumnRange_default as default };
+
+//# sourceMappingURL=getColumnRange.js.map

package/dist/DataPreviewTable/utils/getColumnRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getColumnRange.js","names":[],"sources":["../../../src/DataPreviewTable/utils/getColumnRange.ts"],"sourcesContent":["import { PRE_RENDER_RANGE } from '../constant';\nimport { EScrollHorizontalDirection, IScrollDirection } from '../interface';\nimport { findFirstIndex, findLastIndex } from './findRange';\nexport default ({\n  direction,\n  wrapWidth,\n  scrollLeft,\n  columnsOffsets,\n}: {\n  direction: IScrollDirection['current'];\n  wrapWidth: number;\n  scrollLeft: number;\n  columnsOffsets: number[];\n}) => {\n  if (direction === EScrollHorizontalDirection.SCROLL_TO_LEFT) {\n    // 往左滚动\n    const firstIndex = findFirstIndex(\n      columnsOffsets,\n      scrollLeft - PRE_RENDER_RANGE,\n    );\n\n    const lastIndex = findLastIndex(columnsOffsets, scrollLeft + wrapWidth);\n    return [firstIndex, lastIndex] as [number, number];\n  }\n  if (\n    direction === EScrollHorizontalDirection.SCROLL_TO_RIGHT ||\n    direction === 'init'\n  ) {\n    // 往右滚动\n    const firstIndex = findFirstIndex(columnsOffsets, scrollLeft);\n    const lastIndex = findLastIndex(\n      columnsOffsets,\n      scrollLeft + PRE_RENDER_RANGE + wrapWidth,\n    );\n    return [firstIndex, lastIndex] as [number, number];\n  }\n};\n"],"mappings":";;;AAGA,IAAA,0BAAgB,EACd,WACA,WACA,YACA,qBAMI;AACJ,KAAI,cAAc,2BAA2B,eAQ3C,QAAO,CANY,eACjB,gBACA,aAAA,IACD,EAEiB,cAAc,gBAAgB,aAAa,UAAU,CACzC;AAEhC,KACE,cAAc,2BAA2B,mBACzC,cAAc,OAQd,QAAO,CALY,eAAe,gBAAgB,WAAW,EAC3C,cAChB,gBACA,aAAA,MAAgC,UACjC,CAC6B"}

package/dist/DataPreviewTable/utils/getRowRange.js

@@ -1,22 +1,15 @@
-import { CELL_HEIGHT, PRE_RENDER_RANGE } from "../constant";
-import { EScrollVerticalDirection } from "../interface";
-export default (function (_ref) {
-  var direction = _ref.direction,
-    wrapHeight = _ref.wrapHeight,
-    scrollTop = _ref.scrollTop;
-  if (direction === EScrollVerticalDirection.SCROLL_TO_TOP) {
-    // 往上滚动
-    var firstIndex = Math.floor((scrollTop - PRE_RENDER_RANGE) / CELL_HEIGHT);
-    if (firstIndex < 0) {
-      firstIndex = 0;
-    }
-    var lastIndex = Math.ceil((scrollTop + wrapHeight) / CELL_HEIGHT) + 1;
-    return [firstIndex, lastIndex];
-  }
-  if (direction === EScrollVerticalDirection.SCROLL_TO_BOTTOM || direction === 'init') {
-    // 往下滚动
-    var _firstIndex = Math.floor(scrollTop / CELL_HEIGHT);
-    var _lastIndex = Math.ceil((scrollTop + wrapHeight + PRE_RENDER_RANGE) / CELL_HEIGHT) + 1;
-    return [_firstIndex, _lastIndex];
-  }
-});
+import { EScrollVerticalDirection } from "../interface.js";
+//#region src/DataPreviewTable/utils/getRowRange.ts
+var getRowRange_default = ({ direction, wrapHeight, scrollTop }) => {
+	if (direction === EScrollVerticalDirection.SCROLL_TO_TOP) {
+		let firstIndex = Math.floor((scrollTop - 100) / 20);
+		if (firstIndex < 0) firstIndex = 0;
+		const lastIndex = Math.ceil((scrollTop + wrapHeight) / 20) + 1;
+		return [firstIndex, lastIndex];
+	}
+	if (direction === EScrollVerticalDirection.SCROLL_TO_BOTTOM || direction === "init") return [Math.floor(scrollTop / 20), Math.ceil((scrollTop + wrapHeight + 100) / 20) + 1];
+};
+//#endregion
+export { getRowRange_default as default };
+
+//# sourceMappingURL=getRowRange.js.map

package/dist/DataPreviewTable/utils/getRowRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRowRange.js","names":[],"sources":["../../../src/DataPreviewTable/utils/getRowRange.ts"],"sourcesContent":["import { CELL_HEIGHT, PRE_RENDER_RANGE } from '../constant';\nimport { EScrollVerticalDirection, IScrollDirection } from '../interface';\nexport default ({\n  direction,\n  wrapHeight,\n  scrollTop,\n}: {\n  direction: IScrollDirection['current'];\n  wrapHeight: number;\n  scrollTop: number;\n}) => {\n  if (direction === EScrollVerticalDirection.SCROLL_TO_TOP) {\n    // 往上滚动\n    let firstIndex = Math.floor((scrollTop - PRE_RENDER_RANGE) / CELL_HEIGHT);\n    if (firstIndex < 0) {\n      firstIndex = 0;\n    }\n    const lastIndex = Math.ceil((scrollTop + wrapHeight) / CELL_HEIGHT) + 1;\n    return [firstIndex, lastIndex] as [number, number];\n  }\n  if (\n    direction === EScrollVerticalDirection.SCROLL_TO_BOTTOM ||\n    direction === 'init'\n  ) {\n    // 往下滚动\n    const firstIndex = Math.floor(scrollTop / CELL_HEIGHT);\n    const lastIndex =\n      Math.ceil((scrollTop + wrapHeight + PRE_RENDER_RANGE) / CELL_HEIGHT) + 1;\n    return [firstIndex, lastIndex] as [number, number];\n  }\n};\n"],"mappings":";;AAEA,IAAA,uBAAgB,EACd,WACA,YACA,gBAKI;AACJ,KAAI,cAAc,yBAAyB,eAAe;EAExD,IAAI,aAAa,KAAK,OAAO,YAAA,OAAA,GAA4C;AACzE,MAAI,aAAa,EACf,cAAa;EAEf,MAAM,YAAY,KAAK,MAAM,YAAY,cAAA,GAA0B,GAAG;AACtE,SAAO,CAAC,YAAY,UAAU;;AAEhC,KACE,cAAc,yBAAyB,oBACvC,cAAc,OAMd,QAAO,CAHY,KAAK,MAAM,YAAA,GAAwB,EAEpD,KAAK,MAAM,YAAY,aAAA,OAAA,GAA6C,GAAG,EAC3C"}

package/dist/DataPreviewTable/utils/getTableLayout.js

@@ -1,17 +1,19 @@
-import { DEFAULT_COLUMN_WIDTH } from "../constant";
-export default (function (tableColumns, columnsWidth) {
-  if (columnsWidth.length !== tableColumns.length) {
-    throw new Error('columnsWidth.length !== tableColumns.length');
-  }
-  var columnLayout = {};
-  var left = 0;
-  tableColumns.forEach(function (column, index) {
-    var columnWidth = columnsWidth[index] || column.defaultWidth || DEFAULT_COLUMN_WIDTH;
-    columnLayout[column.id] = {
-      width: columnWidth,
-      left: left
-    };
-    left += columnWidth;
-  });
-  return columnLayout;
-});
+//#region src/DataPreviewTable/utils/getTableLayout.ts
+var getTableLayout_default = (tableColumns, columnsWidth) => {
+	if (columnsWidth.length !== tableColumns.length) throw new Error("columnsWidth.length !== tableColumns.length");
+	const columnLayout = {};
+	let left = 0;
+	tableColumns.forEach((column, index) => {
+		const columnWidth = columnsWidth[index] || column.defaultWidth || 100;
+		columnLayout[column.id] = {
+			width: columnWidth,
+			left
+		};
+		left += columnWidth;
+	});
+	return columnLayout;
+};
+//#endregion
+export { getTableLayout_default as default };
+
+//# sourceMappingURL=getTableLayout.js.map

package/dist/DataPreviewTable/utils/getTableLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTableLayout.js","names":[],"sources":["../../../src/DataPreviewTable/utils/getTableLayout.ts"],"sourcesContent":["import { DEFAULT_COLUMN_WIDTH } from '../constant';\nimport { IColumnLayout, PreviewColumn } from '../interface';\n\nexport default (tableColumns: PreviewColumn[], columnsWidth: number[]) => {\n  if (columnsWidth.length !== tableColumns.length) {\n    throw new Error('columnsWidth.length !== tableColumns.length');\n  }\n  const columnLayout: IColumnLayout = {};\n  let left = 0;\n  tableColumns.forEach((column, index) => {\n    const columnWidth =\n      columnsWidth[index] || column.defaultWidth || DEFAULT_COLUMN_WIDTH;\n    columnLayout[column.id] = {\n      width: columnWidth,\n      left,\n    };\n    left += columnWidth;\n  });\n  return columnLayout;\n};\n"],"mappings":";AAGA,IAAA,0BAAgB,cAA+B,iBAA2B;AACxE,KAAI,aAAa,WAAW,aAAa,OACvC,OAAM,IAAI,MAAM,8CAA8C;CAEhE,MAAM,eAA8B,EAAE;CACtC,IAAI,OAAO;AACX,cAAa,SAAS,QAAQ,UAAU;EACtC,MAAM,cACJ,aAAa,UAAU,OAAO,gBAAA;AAChC,eAAa,OAAO,MAAM;GACxB,OAAO;GACP;GACD;AACD,UAAQ;GACR;AACF,QAAO"}