@zat-design/sisyphus-react 3.1.4 → 3.1.5-beta.10

package/es/ProTable/components/RenderColumn/index.js

@@ -1,35 +1,55 @@
+import "antd/es/tooltip/style";
+import _Tooltip from "antd/es/tooltip";
 import "antd/es/typography/style";
 import _Typography from "antd/es/typography";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { CheckOutlined } from '@ant-design/icons';
 import { ReactSVG } from 'react-svg';
-import ProForm from '../../../ProForm';
-import getEnumLabel from '../../../ProEnum/utils/getEnumLabel';
 import copySvg from '../../../assets/copy.svg';
 var Paragraph = _Typography.Paragraph,
   Text = _Typography.Text;
 // @ts-ignore
 var RenderColumn = function RenderColumn(props) {
   var valueType = props.valueType,
-    code = props.code,
     value = props.value,
-    record = props.record,
+    node = props.node,
+    currentValue = props.currentValue,
     copyable = props.copyable,
     ellipsis = props.ellipsis,
     width = props.width,
-    transform = props.transform;
-  if (valueType === 'address') {
-    var _newValue$filter;
-    var newValue = transform ? transform(value, record) : value;
-    if (!newValue || Array.isArray(newValue) && (newValue === null || newValue === void 0 ? void 0 : (_newValue$filter = newValue.filter(function (item) {
-      return !!item;
-    })) === null || _newValue$filter === void 0 ? void 0 : _newValue$filter.length) === 0) {
-      return '-';
+    originalValue = props.originalValue,
+    originalTip = props.originalTip;
+  if (originalValue !== undefined) {
+    var renderNode = value ? node : '-';
+    if (ellipsis || originalTip) {
+      if (ellipsis) {
+        renderNode = _jsx(Text, {
+          style: {
+            width: currentValue === '-' ? 32.5 : width
+          },
+          ellipsis: {
+            tooltip: false
+          },
+          children: ellipsis ? currentValue : renderNode
+        });
+      }
+      return _jsx(_Tooltip, {
+        className: "varied-cell",
+        style: {
+          width: width
+        },
+        title: originalTip ? _jsxs(_Fragment, {
+          children: ["\u521D\u59CB\u503C\uFF1A", originalValue, _jsx("br", {}), ellipsis ? "\u5F53\u524D\u503C\uFF1A".concat(currentValue) : undefined]
+        }) : node,
+        children: renderNode
+      });
     }
-    return _jsx(ProForm.ProAddressBar, {
-      isView: true,
-      code: code,
-      value: newValue
+    return _jsx("span", {
+      className: "varied-cell",
+      style: {
+        width: width
+      },
+      children: renderNode
     });
   }
   if (copyable) {
@@ -40,25 +60,21 @@ var RenderColumn = function RenderColumn(props) {
           width: width
         } : undefined,
         ellipsis: ellipsis ? {
-          tooltip: value
+          tooltip: node
         } : false,
         copyable: {
-          text: value,
+          text: node,
           icon: [_jsx(ReactSVG, {
             className: "drag-icon",
             src: copySvg
           }, "copy-icon"), _jsx(CheckOutlined, {}, "copied-icon")],
           tooltips: ['复制', '复制成功']
         },
-        children: value
+        children: node
       })
     });
   }
   if (ellipsis) {
-    var node = value;
-    if (['enumName', 'enumCodeName'].includes(valueType)) {
-      node = getEnumLabel(typeof code === 'function' ? code() : code, value, valueType === 'enumCodeName');
-    }
     return value ? _jsx(Text, {
       style: {
         width: width
@@ -70,6 +86,6 @@ var RenderColumn = function RenderColumn(props) {
       children: node
     }) : '-';
   }
-  return null;
+  return value ? node : '-';
 };
 export default RenderColumn;

package/es/ProTable/index.js

@@ -8,7 +8,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "summary", "emptyText"],
+var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "summary", "emptyText", "originalDataSource"],
   _excluded2 = ["resizeColumn", "columnConfig", "cacheTime", "storage"];
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useMemo, useState, createContext } from 'react';
@@ -51,6 +51,7 @@ function ProTable(props) {
     summary = props.summary,
     _props$emptyText = props.emptyText,
     emptyText = _props$emptyText === void 0 ? '暂无数据' : _props$emptyText,
+    originalDataSource = props.originalDataSource,
     restProps = _objectWithoutProperties(props, _excluded);
   var quickTableConfig = quickConfig ? _objectSpread({
     // resizeColumn: true,
@@ -161,7 +162,7 @@ function ProTable(props) {
       return !(item === null || item === void 0 ? void 0 : item.delete);
     });
     newColumns === null || newColumns === void 0 ? void 0 : newColumns.forEach(function (item) {
-      formatColumn(item);
+      formatColumn(item, originalDataSource);
     });
     return newColumns;
   }, [curColumns, handleResize]);

package/es/ProTable/propsType.d.ts

@@ -26,6 +26,7 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
     precision?: number;
     code?: string | string[] | (() => string);
     copyable?: boolean;
+    originalTip?: boolean;
     prefix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
     suffix?: string | ReactNode | ((value: any, record?: any, index?: number) => any);
     tooltip?: ReactNode | {
@@ -53,6 +54,7 @@ export interface ProTableProps extends Omit<TableProps<any>, 'summary' | 'column
      */
     stripe?: boolean;
     columns: ProTableColumn[];
+    originalDataSource?: any[];
 }
 export type ProTableValueType = 'percentage' | 'permillage' | 'thousandth' | 'datePicker' | 'enumName' | 'enumCodeName' | 'address' | 'thousandthCNY' | 'date' | 'dateTime' | 'dateStartTime' | 'dateEndTime' | 'dateStartEndTime';
 export interface Response<T = any> {

package/es/ProTable/style/index.less

@@ -54,6 +54,19 @@
     }
   }
 
+  .ant-table-body {
+    .ant-table-cell .varied-cell {
+      margin-left: -8px;
+      background: var(--zaui-contract-bg, #fffaa1);
+      padding: var(--zaui-space-size-xs, 4px) var(--zaui-space-size-sm, 8px);
+      border-radius: var(--zaui-border-radius, 4px);
+    }
+
+    .varied-cell.empty-cell {
+      width: 24.5px;
+    }
+  }
+
   .copyable-table-cell {
 
 
@@ -140,7 +153,7 @@
   .column-config {
     display        : flex;
     justify-content: space-between;
-    margin-bottom  : var(--zaui-space-size-md, 16px);
+    margin-bottom  : calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
 
     .right-actions {
       display    : flex;

package/es/ProTable/utils.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ProTableColumn } from './propsType';
-export declare const formatColumn: (column: ProTableColumn) => void;
+export declare const formatColumn: (column: ProTableColumn, originalDataSource: any[]) => void;
 export declare const getColumnDataIndex: (dataIndex: string | string[]) => string;
 /**
  * 查找最近的父级className