fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-07-01 18:52:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(Table): fix compatibility issues (#5934)

Browse Source 
* fix(Table): fix compatibility issues

* Revert "fix(Table): fix compatibility issues"

This reverts commit 2c000832dd7479e24c960b4b68c6f36007933ca6.

* fix(Table): fix compatibility issues
This commit is contained in:
Zeke Zhang 2024-12-25 10:18:15 +08:00 committed by GitHub
parent de4921834d
commit d753c5add9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 1 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
packages/core/client/src/schema-component/antd/table-v2/RenderTextInCell.tsx
View File

@ -1,28 +0,0 @@
/**
* This file is part of the NocoBase (R) project.
* Copyright (c) 2020-2024 NocoBase Co., Ltd.
* Authors: NocoBase Team.
*
* This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
* For more information, please refer to: https://www.nocobase.com/agreement.
*/
import React, { FC } from 'react';
import { EllipsisWithTooltip } from '../input/EllipsisWithTooltip';
const style: React.CSSProperties = { overflowWrap: 'break-word', whiteSpace: 'normal' };
export const RenderTextInCell: FC<{ value: string; ellipsis: boolean }> = ({ value, ellipsis = false }) => {
if (ellipsis) {
return (
<EllipsisWithTooltip role="button" ellipsis>
{value}
</EllipsisWithTooltip>
);
}
return (
<span role="button" style={style}>
{value}
</span>
);
};

18
packages/core/client/src/schema-component/antd/table-v2/Table.tsx
View File

@ -23,7 +23,7 @@ import { default as classNames, default as cls } from 'classnames';
import _, { omit } from 'lodash';
import React, { createContext, FC, MutableRefObject, useCallback, useContext, useMemo, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { DndContext, isBulkEditAction, useCompile, useDesignable, usePopupSettings, useTableSize } from '../..';
import { DndContext, isBulkEditAction, useDesignable, usePopupSettings, useTableSize } from '../..';
import {
BlockRequestLoadingContext,
RecordIndexProvider,
@ -54,7 +54,6 @@ import { GetStyleRules } from '../../../schema-settings/LinkageRules/useActionVa
import { HighPerformanceSpin } from '../../common/high-performance-spin/HighPerformanceSpin';
import { useToken } from '../__builtins__';
import { useAssociationFieldContext } from '../association-field/hooks';
import { RenderTextInCell } from './RenderTextInCell';
import { TableSkeleton } from './TableSkeleton';
import { extractIndex, isCollectionFieldComponent, isColumnComponent } from './utils';
@ -83,9 +82,6 @@ const useArrayField = (props) => {
return (props.field || field) as ArrayField;
};
function getSchemaArrJSON(schemaArr: Schema[]) {
return schemaArr.map((item) => (item.name === 'actions' ? omit(item.toJSON(), 'properties') : item.toJSON()));
}
function adjustColumnOrder(columns) {
const leftFixedColumns = [];
const normalColumns = [];
@ -171,7 +167,6 @@ const useTableColumns = (props: { showDel?: any; isSubTable?: boolean }, paginat
const { current, pageSize } = paginationProps;
const { isPopupVisibleControlledByURL } = usePopupSettings();
const { refresh } = useRefreshTableColumns();
const compile = useCompile();
const filterProperties = useCallback(
(schema) =>
@ -224,17 +219,6 @@ const useTableColumns = (props: { showDel?: any; isSubTable?: boolean }, paginat
...columnSchema['x-component-props'],
width: columnHidden && !designable ? 0 : columnSchema['x-component-props']?.width || 100,
render: (value, record, index) => {
const { enableLink } = Object.values(columnSchema.properties)[0]['x-component-props'] || {};
if (!enableLink && ['sequence', 'input', 'textarea', 'phone', 'email'].includes(_interface)) {
return (
<RenderTextInCell
value={compile(value || _.get(record, Object.keys(columnSchema.properties)[0]))}
ellipsis={Object.values(columnSchema.properties)[0]?.['x-component-props']?.ellipsis}
/>
);
}
return (
<RefreshComponentProvider refresh={refresh}>
<TableCellRender