@zjlab-fe/data-hub-ui 0.32.4 → 0.32.5

package/dist/types/components/file-preview/data-table/index.d.ts

@@ -1,7 +1,7 @@
 type ArrayKeys<T extends readonly string[]> = T[number];
 interface IDataTable {
     head: string[];
-    /** 单元格内容最多显示多少行，默认固定显示2行，超出显示省略号 */
+    /** 单元格内容最多显示多少行，默认固定显示3行，超出显示省略号 */
     maxLines?: number;
     data: {
         [k in ArrayKeys<IDataTable['head']>]: string;

package/es/components/file-preview/data-table/index.js

@@ -5,6 +5,7 @@ import { InfoCircleOutlined } from '@ant-design/icons';
 import i18next from 'i18next';
 import { cell, textContent, pagination, table, downloadTip } from './index.module.scss.js';
 
+const DEFAULT_MAX_LINES = 3;
 function getScrollHeight(containerHeight) {
     if (containerHeight) {
         // 减去表格头部高度、分页器高度、横向滚动条高度
@@ -14,7 +15,7 @@ function getScrollHeight(containerHeight) {
         return 55 * 10;
     }
 }
-function getPageSize(containerHeight, maxLines = 2) {
+function getPageSize(containerHeight, maxLines = DEFAULT_MAX_LINES) {
     if (containerHeight) {
         const scrollHeight = getScrollHeight(containerHeight);
         // console.log('+++ scrollHeight', scrollHeight);
@@ -46,7 +47,7 @@ function getTextWidth(text, style = {}) {
     return width;
 }
 function DataTable(props) {
-    const { maxLines = 5, containerWidth = window.innerWidth - 24 } = props;
+    const { maxLines = DEFAULT_MAX_LINES, containerWidth = window.innerWidth - 24 } = props;
     const headerTextWidth = useRef([]);
     const locale = i18next.resolvedLanguage || localStorage.getItem('i18nextLng') || 'zh';
     if (headerTextWidth.current.length === 0) {
@@ -60,10 +61,10 @@ function DataTable(props) {
             dataIndex: item,
             key: index,
             render: (text) => {
-                const str = typeof text === 'object' ? JSON.stringify(text) : text;
+                const str = typeof text === 'object' && text !== null && text !== undefined ? JSON.stringify(text) : text;
                 return (jsx("div", { className: cell, style: {
                         height: 22 * maxLines,
-                        maxWidth: containerWidth,
+                        maxWidth: props.head.length > 3 ? containerWidth / 3 : containerWidth / props.head.length,
                         minWidth: headerTextWidth.current[index],
                     }, children: jsx("div", { className: textContent, style: {
                             WebkitLineClamp: maxLines,

package/es/components/file-preview/parquet-preview/index.js

@@ -11,7 +11,12 @@ function transformData(data) {
     const result = {};
     Object.keys(data).forEach((key) => {
         const value = data[key];
-        result[key] = typeof value === 'bigint' ? value.toString() : String(value);
+        if (value === null || value === undefined) {
+            result[key] = '';
+        }
+        else {
+            result[key] = typeof value === 'bigint' ? value.toString() : String(value);
+        }
     });
     return result;
 }