test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-29 18:48:45 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

fix #3262: Card组件media.url不支持变量 (#3279)

Browse Source
This commit is contained in:
RUNZE LU 2021-12-27 18:46:57 +08:00 committed by GitHub
parent 9957f56215
commit 3695086fe9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/renderers/Card.tsx
View File

@ -4,7 +4,7 @@ import {SchemaNode, Schema, Action, PlainObject} from '../types';
import {filter, evalExpression} from '../utils/tpl';
import Checkbox from '../components/Checkbox';
import {padArr, isVisible, isDisabled, noop, hashCode} from '../utils/helper';
import {resolveVariable} from '../utils/tpl-builtin';
import {resolveVariable, resolveVariableAndFilter} from '../utils/tpl-builtin';
import QuickEdit, {SchemaQuickEdit} from './QuickEdit';
import PopOver, {SchemaPopOver} from './PopOver';
import {TableCell} from './Table';
@ -644,15 +644,19 @@ export class CardRenderer extends React.Component<CardProps> {
}
renderMedia() {
const {media, classnames: cx, render, region} = this.props;
const {media, classnames: cx, render, region, data} = this.props;
if (media) {
const {type, url, className, autoPlay, isLive, poster} = media;
const mediaUrl = resolveVariableAndFilter(url, data, '| raw');
if (type === 'image' && url) {
if (type === 'image' && mediaUrl) {
return (
<img className={cx('Card-multiMedia-img', className)} src={url} />
<img
className={cx('Card-multiMedia-img', className)}
src={mediaUrl}
/>
);
} else if (type === 'video' && url) {
} else if (type === 'video' && mediaUrl) {
return (
<div className={cx('Card-multiMedia-video', className)}>
{
@ -660,7 +664,7 @@ export class CardRenderer extends React.Component<CardProps> {
type: type,
autoPlay: autoPlay,
poster: poster,
src: url,
src: mediaUrl,
isLive: isLive
}) as JSX.Element
}