@canvas-components/list-table 0.2.4 → 0.2.5

package/dist/index.d.cts

@@ -411,7 +411,7 @@ type ListTableFormRules<RecordType = Record<string, unknown>> = ListTableFormRul
  * 单元格内容片段样式。
  */
 interface ListTableContentStyle {
-    display?: "block" | "inline-block";
+    display?: "none" | "block" | "inline-block";
     textAlign?: CanvasTextAlign;
     fontSize?: number;
     fontWeight?: string;
@@ -430,6 +430,8 @@ interface ListTableContentStyle {
  */
 interface ListTableBaseCellContent<RecordType = any> {
     key?: string;
+    /** 是否展示内容，默认展示。 */
+    visible?: boolean;
     style?: ListTableContentStyle;
     cursor?: string;
     onClick?: (context: ListTableCellContentClickContext<RecordType>) => void;

package/dist/index.d.ts

@@ -411,7 +411,7 @@ type ListTableFormRules<RecordType = Record<string, unknown>> = ListTableFormRul
  * 单元格内容片段样式。
  */
 interface ListTableContentStyle {
-    display?: "block" | "inline-block";
+    display?: "none" | "block" | "inline-block";
     textAlign?: CanvasTextAlign;
     fontSize?: number;
     fontWeight?: string;
@@ -430,6 +430,8 @@ interface ListTableContentStyle {
  */
 interface ListTableBaseCellContent<RecordType = any> {
     key?: string;
+    /** 是否展示内容，默认展示。 */
+    visible?: boolean;
     style?: ListTableContentStyle;
     cursor?: string;
     onClick?: (context: ListTableCellContentClickContext<RecordType>) => void;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { stringifyDataIndex, getValueByDataIndex, clamp, copyTextSync, copyText, exportTableToXlsx, formatPreciseNumber, addPreciseNumbers, comparePreciseNumbers, dividePreciseNumber, roundPreciseNumber, parseNumberValue, formatNumberValue, formatPercentValue, formatScientificValue, formatChineseNumber, parseChineseNumber, normalizeDecimalPlaces, exportTableToTxt, exportTableToCsv, downloadJsonFile, mapRowsToExportRecords, copyJson, copyRows, isDateTimeFormatPattern, formatDateTimeValue, formatCustomNumberPattern, isSameDataIndex, isPointInRect as isPointInRect$1 } from '@canvas-components/utils';
+import { stringifyDataIndex, getValueByDataIndex, clamp, copyTextSync, copyText, exportTableToXlsx, formatPreciseNumber, addPreciseNumbers, comparePreciseNumbers, dividePreciseNumber, roundPreciseNumber, parseNumberValue, formatNumberValue, formatPercentValue, formatScientificValue, formatChineseNumber, parseChineseNumber, exportTableToTxt, exportTableToCsv, downloadJsonFile, mapRowsToExportRecords, copyJson, copyRows, isDateTimeFormatPattern, normalizeDecimalPlaces, formatDateTimeValue, formatCustomNumberPattern, isSameDataIndex, isPointInRect as isPointInRect$1 } from '@canvas-components/utils';
 import { drawBarcodeToCanvas } from '@canvas-components/barcode';
 import { drawCanvasChartToCanvas, getCanvasChartRenderer, resolveCanvasChartTooltipText } from '@canvas-components/chart';
 import { drawQrCodeToCanvas } from '@canvas-components/qrcode';
@@ -5872,6 +5872,9 @@ function drawBodyTextContent(params) {
     searchMatch,
     fragmentKey = `content:${contentIndex}`
   } = params;
+  if (params.content.visible === false || params.content.style?.display === "none") {
+    return void 0;
+  }
   ctx.save();
   ctx.globalAlpha *= resolveContentOpacity(content);
   applyTextContentStyle(
@@ -5983,6 +5986,9 @@ function drawBodyTextContent(params) {
   return width;
 }
 function measureTextContentWidth(ctx, content, theme) {
+  if (content.visible === false || content.style?.display === "none") {
+    return 0;
+  }
   applyTextContentStyle(ctx, content, theme.textColor, theme);
   const intrinsicWidth = Math.max(
     ctx.measureText(content.text).width + resolveContentTextIndent(content),
@@ -6173,6 +6179,11 @@ var CONTENT_HORIZONTAL_PADDING = 12;
 var CONTENT_GAP = 8;
 var CONTENT_VERTICAL_PADDING = 6;
 function resolveBodyCellContents(params) {
+  return resolveRawBodyCellContents(params).filter(
+    (content) => content.visible !== false && content.style?.display !== "none"
+  );
+}
+function resolveRawBodyCellContents(params) {
   const { record, rowIndex, column } = params;
   const value = getValueByDataIndex(record, column.dataIndex);
   const rendered = column.render?.(value, record, rowIndex, column);
@@ -6317,7 +6328,9 @@ function normalizeCellContents(contents) {
   return [normalizeCellContentItem(contents)];
 }
 function normalizeDrawableCellContents(contents) {
-  return contents.map(normalizeCellContentItem);
+  return contents.filter(
+    (content) => content.visible !== false && content.style?.display !== "none"
+  ).map(normalizeCellContentItem);
 }
 function normalizeCellContentItem(content) {
   if (content.type !== "money") {
@@ -6327,6 +6340,7 @@ function normalizeCellContentItem(content) {
     type: "text",
     text: formatMoneyValue(content.value, content),
     key: content.key,
+    visible: content.visible,
     style: content.style,
     cursor: content.cursor,
     onClick: content.onClick,