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

package/dist/DataPreviewTable/components/DragBar/Mask.js

@@ -1,29 +1,31 @@
-import React, { useEffect } from 'react';
-export default function Mask(_ref) {
-  var onMouseMove = _ref.onMouseMove,
-    onMouseUp = _ref.onMouseUp;
-  useEffect(function () {
-    var onMouseMoveEvent = function onMouseMoveEvent(event) {
-      onMouseMove(event);
-    };
-    var onMouseUpEvent = function onMouseUpEvent(event) {
-      onMouseUp(event);
-    };
-    document.addEventListener('mousemove', onMouseMoveEvent);
-    document.addEventListener('mouseup', onMouseUpEvent);
-    return function () {
-      document.removeEventListener('mousemove', onMouseMoveEvent);
-      document.removeEventListener('mouseup', onMouseUpEvent);
-    };
-  }, [onMouseMove, onMouseUp]);
-  return /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'fixed',
-      left: 0,
-      top: 0,
-      zIndex: 1000,
-      width: '100vw',
-      height: '100vh'
-    }
-  });
-}
+import { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/DataPreviewTable/components/DragBar/Mask.tsx
+function Mask({ onMouseMove, onMouseUp }) {
+	useEffect(() => {
+		const onMouseMoveEvent = (event) => {
+			onMouseMove(event);
+		};
+		const onMouseUpEvent = (event) => {
+			onMouseUp(event);
+		};
+		document.addEventListener("mousemove", onMouseMoveEvent);
+		document.addEventListener("mouseup", onMouseUpEvent);
+		return () => {
+			document.removeEventListener("mousemove", onMouseMoveEvent);
+			document.removeEventListener("mouseup", onMouseUpEvent);
+		};
+	}, [onMouseMove, onMouseUp]);
+	return /* @__PURE__ */ jsx("div", { style: {
+		position: "fixed",
+		left: 0,
+		top: 0,
+		zIndex: 1e3,
+		width: "100vw",
+		height: "100vh"
+	} });
+}
+//#endregion
+export { Mask as default };
+
+//# sourceMappingURL=Mask.js.map

package/dist/DataPreviewTable/components/DragBar/Mask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Mask.js","names":[],"sources":["../../../../src/DataPreviewTable/components/DragBar/Mask.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nexport default function Mask({\n  onMouseMove,\n  onMouseUp,\n}: {\n  onMouseMove: (e: MouseEvent) => void;\n  onMouseUp: (e: MouseEvent) => void;\n}) {\n  useEffect(() => {\n    const onMouseMoveEvent = (event: MouseEvent) => {\n      onMouseMove(event);\n    };\n    const onMouseUpEvent = (event: MouseEvent) => {\n      onMouseUp(event);\n    };\n    document.addEventListener('mousemove', onMouseMoveEvent);\n    document.addEventListener('mouseup', onMouseUpEvent);\n    return () => {\n      document.removeEventListener('mousemove', onMouseMoveEvent);\n      document.removeEventListener('mouseup', onMouseUpEvent);\n    };\n  }, [onMouseMove, onMouseUp]);\n  return (\n    <div\n      style={{\n        position: 'fixed',\n        left: 0,\n        top: 0,\n        zIndex: 1000,\n        width: '100vw',\n        height: '100vh',\n      }}\n    ></div>\n  );\n}\n"],"mappings":";;;AACA,SAAwB,KAAK,EAC3B,aACA,aAIC;AACD,iBAAgB;EACd,MAAM,oBAAoB,UAAsB;AAC9C,eAAY,MAAM;;EAEpB,MAAM,kBAAkB,UAAsB;AAC5C,aAAU,MAAM;;AAElB,WAAS,iBAAiB,aAAa,iBAAiB;AACxD,WAAS,iBAAiB,WAAW,eAAe;AACpD,eAAa;AACX,YAAS,oBAAoB,aAAa,iBAAiB;AAC3D,YAAS,oBAAoB,WAAW,eAAe;;IAExD,CAAC,aAAa,UAAU,CAAC;AAC5B,QACE,oBAAC,OAAD,EACE,OAAO;EACL,UAAU;EACV,MAAM;EACN,KAAK;EACL,QAAQ;EACR,OAAO;EACP,QAAQ;EACT,EACI,CAAA"}

package/dist/DataPreviewTable/components/DragBar/index.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { default as React } from 'react';
 declare function DragBar(props: {
     wrapWidth: number;
     columnId: string;
     onChange: (columnId: string, width: number) => void;
     headerHeight: number;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof DragBar>;
 export default _default;

package/dist/DataPreviewTable/components/DragBar/index.js

@@ -1,78 +1,60 @@
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import classNames from 'classnames';
-import React, { memo, useCallback, useRef, useState } from 'react';
-import { createPortal, flushSync } from 'react-dom';
-import { COLUMN_MIN_WIDTH } from "../../constant";
-import Mask from "./Mask";
+import { cn } from "../../../lib/utils.js";
+import Mask from "./Mask.js";
+import { memo, useCallback, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createPortal, flushSync } from "react-dom";
+//#region src/DataPreviewTable/components/DragBar/index.tsx
 function DragBar(props) {
-  var wrapWidth = props.wrapWidth,
-    columnId = props.columnId,
-    onChange = props.onChange,
-    headerHeight = props.headerHeight;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    show = _useState2[0],
-    setShow = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dragBarLeft = _useState4[0],
-    setDragBarLeft = _useState4[1];
-  var dragElRef = useRef(null);
-  var mouseDownRef = useRef({
-    down: false,
-    clientX: 0
-  });
-  var getBarLeft = useCallback(function (currentClientX) {
-    var startClientX = mouseDownRef.current.clientX;
-    var offset = startClientX - currentClientX;
-    if (offset >= wrapWidth - COLUMN_MIN_WIDTH) {
-      return wrapWidth - COLUMN_MIN_WIDTH;
-    } else {
-      return offset;
-    }
-  }, [wrapWidth]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: dragElRef,
-    onMouseDown: function onMouseDown(event) {
-      mouseDownRef.current = {
-        clientX: event.clientX,
-        down: true
-      };
-      setShow(true);
-    },
-    onClick: function onClick(e) {
-      e.stopPropagation();
-    },
-    style: {
-      right: dragBarLeft,
-      height: headerHeight
-    },
-    className: classNames('ald-data-preview-header-drag-bar', _defineProperty({}, 'ald-data-preview-header-drag-bar-active', show))
-  }, show ? /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement(Mask, {
-    onMouseMove: function onMouseMove(event) {
-      var mouseDownState = mouseDownRef.current;
-      if (mouseDownState.down === false) return;
-      var currentClientX = event.clientX;
-      flushSync(function () {
-        setDragBarLeft(getBarLeft(currentClientX));
-      });
-    },
-    onMouseUp: function onMouseUp(event) {
-      mouseDownRef.current.down = false;
-      setShow(false);
-      var currentClientX = event.clientX;
-      onChange(columnId, wrapWidth - getBarLeft(currentClientX));
-      setDragBarLeft(0);
-    }
-  }), document.body) : null);
+	const { wrapWidth, columnId, onChange, headerHeight } = props;
+	const [show, setShow] = useState(false);
+	const [dragBarLeft, setDragBarLeft] = useState(0);
+	const dragElRef = useRef(null);
+	const mouseDownRef = useRef({
+		down: false,
+		clientX: 0
+	});
+	const getBarLeft = useCallback((currentClientX) => {
+		const offset = mouseDownRef.current.clientX - currentClientX;
+		if (offset >= wrapWidth - 50) return wrapWidth - 50;
+		else return offset;
+	}, [wrapWidth]);
+	return /* @__PURE__ */ jsx("div", {
+		ref: dragElRef,
+		onMouseDown: (event) => {
+			mouseDownRef.current = {
+				clientX: event.clientX,
+				down: true
+			};
+			setShow(true);
+		},
+		onClick: (e) => {
+			e.stopPropagation();
+		},
+		style: {
+			right: dragBarLeft,
+			height: headerHeight
+		},
+		className: cn("ald-data-preview-header-drag-bar", { ["ald-data-preview-header-drag-bar-active"]: show }),
+		children: show ? createPortal(/* @__PURE__ */ jsx(Mask, {
+			onMouseMove: (event) => {
+				if (mouseDownRef.current.down === false) return;
+				const currentClientX = event.clientX;
+				flushSync(() => {
+					setDragBarLeft(getBarLeft(currentClientX));
+				});
+			},
+			onMouseUp: (event) => {
+				mouseDownRef.current.down = false;
+				setShow(false);
+				const currentClientX = event.clientX;
+				onChange(columnId, wrapWidth - getBarLeft(currentClientX));
+				setDragBarLeft(0);
+			}
+		}), document.body) : null
+	});
 }
-export default /*#__PURE__*/memo(DragBar);
+var DragBar_default = memo(DragBar);
+//#endregion
+export { DragBar_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/DataPreviewTable/components/DragBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/DataPreviewTable/components/DragBar/index.tsx"],"sourcesContent":["import { cn } from '../../../lib/utils';\nimport React, { memo, useCallback, useRef, useState } from 'react';\nimport { createPortal, flushSync } from 'react-dom';\nimport { COLUMN_MIN_WIDTH } from '../../constant';\nimport Mask from './Mask';\nfunction DragBar(props: {\n  wrapWidth: number;\n  columnId: string;\n  onChange: (columnId: string, width: number) => void;\n  headerHeight: number;\n}) {\n  const { wrapWidth, columnId, onChange, headerHeight } = props;\n  const [show, setShow] = useState(false);\n  const [dragBarLeft, setDragBarLeft] = useState(0);\n  const dragElRef = useRef<HTMLDivElement>(null);\n  const mouseDownRef = useRef({\n    down: false,\n    clientX: 0,\n  });\n  const getBarLeft = useCallback(\n    (currentClientX: number) => {\n      const startClientX = mouseDownRef.current.clientX;\n      const offset = startClientX - currentClientX;\n      if (offset >= wrapWidth - COLUMN_MIN_WIDTH) {\n        return wrapWidth - COLUMN_MIN_WIDTH;\n      } else {\n        return offset;\n      }\n    },\n    [wrapWidth],\n  );\n\n  return (\n    <div\n      ref={dragElRef}\n      onMouseDown={(event) => {\n        mouseDownRef.current = {\n          clientX: event.clientX,\n          down: true,\n        };\n        setShow(true);\n      }}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n      style={{ right: dragBarLeft, height: headerHeight }}\n      className={cn('ald-data-preview-header-drag-bar', {\n        ['ald-data-preview-header-drag-bar-active']: show,\n      })}\n    >\n      {show\n        ? createPortal(\n            <Mask\n              onMouseMove={(event) => {\n                const mouseDownState = mouseDownRef.current;\n                if (mouseDownState.down === false) return;\n                const currentClientX = event.clientX;\n                flushSync(() => {\n                  setDragBarLeft(getBarLeft(currentClientX));\n                });\n              }}\n              onMouseUp={(event) => {\n                mouseDownRef.current.down = false;\n                setShow(false);\n                const currentClientX = event.clientX;\n                onChange(columnId, wrapWidth - getBarLeft(currentClientX));\n                setDragBarLeft(0);\n              }}\n            ></Mask>,\n            document.body,\n          )\n        : null}\n    </div>\n  );\n}\nexport default memo(DragBar);\n"],"mappings":";;;;;;AAKA,SAAS,QAAQ,OAKd;CACD,MAAM,EAAE,WAAW,UAAU,UAAU,iBAAiB;CACxD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CACjD,MAAM,YAAY,OAAuB,KAAK;CAC9C,MAAM,eAAe,OAAO;EAC1B,MAAM;EACN,SAAS;EACV,CAAC;CACF,MAAM,aAAa,aAChB,mBAA2B;EAE1B,MAAM,SADe,aAAa,QAAQ,UACZ;AAC9B,MAAI,UAAU,YAAA,GACZ,QAAO,YAAA;MAEP,QAAO;IAGX,CAAC,UAAU,CACZ;AAED,QACE,oBAAC,OAAD;EACE,KAAK;EACL,cAAc,UAAU;AACtB,gBAAa,UAAU;IACrB,SAAS,MAAM;IACf,MAAM;IACP;AACD,WAAQ,KAAK;;EAEf,UAAU,MAAM;AACd,KAAE,iBAAiB;;EAErB,OAAO;GAAE,OAAO;GAAa,QAAQ;GAAc;EACnD,WAAW,GAAG,oCAAoC,GAC/C,4CAA4C,MAC9C,CAAC;YAED,OACG,aACE,oBAAC,MAAD;GACE,cAAc,UAAU;AAEtB,QADuB,aAAa,QACjB,SAAS,MAAO;IACnC,MAAM,iBAAiB,MAAM;AAC7B,oBAAgB;AACd,oBAAe,WAAW,eAAe,CAAC;MAC1C;;GAEJ,YAAY,UAAU;AACpB,iBAAa,QAAQ,OAAO;AAC5B,YAAQ,MAAM;IACd,MAAM,iBAAiB,MAAM;AAC7B,aAAS,UAAU,YAAY,WAAW,eAAe,CAAC;AAC1D,mBAAe,EAAE;;GAEb,CAAA,EACR,SAAS,KACV,GACD;EACA,CAAA;;AAGV,IAAA,kBAAe,KAAK,QAAQ"}

package/dist/DataPreviewTable/components/Header/index.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IColumnLayout, PreviewColumn } from '../../interface';
 interface IHeader {
     contentWidth: number;
@@ -8,5 +7,5 @@ interface IHeader {
     columnRange: [number, number];
     headerHeight: number;
 }
-export default function Header(props: IHeader): React.JSX.Element;
+export default function Header(props: IHeader): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/DataPreviewTable/components/Header/index.js

@@ -1,50 +1,43 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React from 'react';
-import DragBar from "../DragBar";
-export default function Header(props) {
-  var contentWidth = props.contentWidth,
-    columns = props.columns,
-    columnLayout = props.columnLayout,
-    setWidth = props.setWidth,
-    _props$columnRange = _slicedToArray(props.columnRange, 2),
-    startIndex = _props$columnRange[0],
-    endIndex = _props$columnRange[1],
-    headerHeight = props.headerHeight;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "ald-data-preview-header",
-    style: {
-      width: contentWidth
-    }
-  }, columns.slice(startIndex, endIndex + 1).map(function (column) {
-    var _column$renderHeader;
-    var innerCell = (_column$renderHeader = column.renderHeader) === null || _column$renderHeader === void 0 ? void 0 : _column$renderHeader.call(column, column);
-    var style = {
-      height: headerHeight,
-      width: columnLayout[column.id].width,
-      top: 0,
-      left: columnLayout[column.id].left,
-      position: 'absolute'
-    };
-    return /*#__PURE__*/React.createElement("div", {
-      className: "ald-data-preview-header-cell",
-      key: column.id,
-      style: style
-    }, innerCell ? innerCell : /*#__PURE__*/React.createElement("div", {
-      className: "ald-data-preview-header-default"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "ald-data-preview-header-left"
-    }, column.icon !== undefined ? column.icon : /*#__PURE__*/React.createElement("span", null)), /*#__PURE__*/React.createElement("div", {
-      className: "ald-data-preview-header-name"
-    }, column.name)), /*#__PURE__*/React.createElement(DragBar, {
-      columnId: column.id,
-      wrapWidth: columnLayout[column.id].width,
-      onChange: setWidth,
-      headerHeight: headerHeight
-    }));
-  }));
-}
+import DragBar_default from "../DragBar/index.js";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/DataPreviewTable/components/Header/index.tsx
+function Header(props) {
+	const { contentWidth, columns, columnLayout, setWidth, columnRange: [startIndex, endIndex], headerHeight } = props;
+	return /* @__PURE__ */ jsx("div", {
+		className: "ald-data-preview-header",
+		style: { width: contentWidth },
+		children: columns.slice(startIndex, endIndex + 1).map((column) => {
+			const innerCell = column.renderHeader?.(column);
+			return /* @__PURE__ */ jsxs("div", {
+				className: "ald-data-preview-header-cell",
+				style: {
+					height: headerHeight,
+					width: columnLayout[column.id].width,
+					top: 0,
+					left: columnLayout[column.id].left,
+					position: "absolute"
+				},
+				children: [innerCell ? innerCell : /* @__PURE__ */ jsxs("div", {
+					className: "ald-data-preview-header-default",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "ald-data-preview-header-left",
+						children: column.icon !== void 0 ? column.icon : /* @__PURE__ */ jsx("span", {})
+					}), /* @__PURE__ */ jsx("div", {
+						className: "ald-data-preview-header-name",
+						children: column.name
+					})]
+				}), /* @__PURE__ */ jsx(DragBar_default, {
+					columnId: column.id,
+					wrapWidth: columnLayout[column.id].width,
+					onChange: setWidth,
+					headerHeight
+				})]
+			}, column.id);
+		})
+	});
+}
+//#endregion
+export { Header as default };
+
+//# sourceMappingURL=index.js.map

package/dist/DataPreviewTable/components/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/DataPreviewTable/components/Header/index.tsx"],"sourcesContent":["import React from 'react';\nimport { IColumnLayout, PreviewColumn } from '../../interface';\nimport DragBar from '../DragBar';\ninterface IHeader {\n  contentWidth: number;\n  columns: PreviewColumn[];\n  columnLayout: IColumnLayout;\n  setWidth: (columnId: string, width: number) => void;\n  columnRange: [number, number];\n  headerHeight: number;\n}\nexport default function Header(props: IHeader) {\n  const {\n    contentWidth,\n    columns,\n    columnLayout,\n    setWidth,\n    columnRange: [startIndex, endIndex],\n    headerHeight,\n  } = props;\n  return (\n    <div className=\"ald-data-preview-header\" style={{ width: contentWidth }}>\n      {columns.slice(startIndex, endIndex + 1).map((column) => {\n        const innerCell = column.renderHeader?.(column);\n        const style: React.CSSProperties = {\n          height: headerHeight,\n          width: columnLayout[column.id].width,\n          top: 0,\n          left: columnLayout[column.id].left,\n          position: 'absolute',\n        };\n\n        return (\n          <div\n            className=\"ald-data-preview-header-cell\"\n            key={column.id}\n            style={style}\n          >\n            {innerCell ? (\n              innerCell\n            ) : (\n              <div className=\"ald-data-preview-header-default\">\n                <div className=\"ald-data-preview-header-left\">\n                  {column.icon !== undefined ? column.icon : <span></span>}\n                </div>\n                <div className=\"ald-data-preview-header-name\">\n                  {column.name}\n                </div>\n              </div>\n            )}\n            <DragBar\n              columnId={column.id}\n              wrapWidth={columnLayout[column.id].width}\n              onChange={setWidth}\n              headerHeight={headerHeight}\n            ></DragBar>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;AAWA,SAAwB,OAAO,OAAgB;CAC7C,MAAM,EACJ,cACA,SACA,cACA,UACA,aAAa,CAAC,YAAY,WAC1B,iBACE;AACJ,QACE,oBAAC,OAAD;EAAK,WAAU;EAA0B,OAAO,EAAE,OAAO,cAAc;YACpE,QAAQ,MAAM,YAAY,WAAW,EAAE,CAAC,KAAK,WAAW;GACvD,MAAM,YAAY,OAAO,eAAe,OAAO;AAS/C,UACE,qBAAC,OAAD;IACE,WAAU;IAEH,OAZwB;KACjC,QAAQ;KACR,OAAO,aAAa,OAAO,IAAI;KAC/B,KAAK;KACL,MAAM,aAAa,OAAO,IAAI;KAC9B,UAAU;KACX;cAGC,CAKG,YACC,YAEA,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MAAK,WAAU;gBACZ,OAAO,SAAS,SAAY,OAAO,OAAO,oBAAC,QAAD,EAAa,CAAA;MACpD,CAAA,EACN,oBAAC,OAAD;MAAK,WAAU;gBACZ,OAAO;MACJ,CAAA,CACF;QAER,oBAAC,iBAAD;KACE,UAAU,OAAO;KACjB,WAAW,aAAa,OAAO,IAAI;KACnC,UAAU;KACI;KACL,CAAA,CACP;MArBC,OAAO,GAqBR;IAER;EACE,CAAA"}

package/dist/DataPreviewTable/constant.js

@@ -1,7 +1,3 @@
-export var CELL_HEIGHT = 20;
-export var DEFAULT_HEADER_HEIGHT = 32;
-export var DEFAULT_COLUMN_WIDTH = 100;
-export var PRE_RENDER_RANGE = 100; //预渲染范围
+//#endregion
 
-export var UNDEFINED_INDEX = -1;
-export var COLUMN_MIN_WIDTH = 50;
+//# sourceMappingURL=constant.js.map

package/dist/DataPreviewTable/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","names":[],"sources":["../../src/DataPreviewTable/constant.ts"],"sourcesContent":["export const CELL_HEIGHT = 20;\nexport const DEFAULT_HEADER_HEIGHT = 32;\nexport const DEFAULT_COLUMN_WIDTH = 100;\nexport const PRE_RENDER_RANGE = 100; //预渲染范围\n\nexport const UNDEFINED_INDEX = -1;\n\nexport const COLUMN_MIN_WIDTH = 50;\n"],"mappings":""}