描述问题:
请用一段清晰简洁的文字描述问题是什么...
Toast Action 不展示,已配置 env.notify 并加载
截图或视频:
可以的话,尽可能提供截图或视频来补充描述你的问题...
- Action 成功触发
2. 显示 toastRef 仍为 null,进入不展示逻辑
如何复现(请务必完整填写下面内容):
- 你是如何使用 amis 的?
sdk
、npm
或其他
...
sdk - amis 版本是什么?请先在最新 beta 版本测试问题是否存在
"amis": "3.4.0-beta.12", - 粘贴有问题的完整
amis schema
代码:
import {
AlertComponent,
ToastComponent,
ToastConf,
ToastLevel,
render as renderAmis,
} from 'amis';
import { toast } from 'amis-ui';
import 'amis/lib/themes/antd.css';
import 'amis/lib/helper.css';
import 'amis/sdk/iconfont.css';
const LiveUIDJSON = {
type: 'page',
body: [
{
type: 'flex',
justify: 'space-between',
alignItems: 'center',
items: [
{
type: 'form',
wrapWithPanel: false,
// api: '/api/v1/test',
body: [
{
name: 'excel',
label: 'Import File',
type: 'input-excel',
level: 'primary',
className: 'm-b-sm',
onEvent: {
change: {
actions: [
{
actionType: 'toast',
args: {
msgType: 'success',
msg: 'Upload Success!',
},
},
],
},
},
},
],
};
const ENV = {
getModalContainer: () => document.querySelector('.amis-scope'),
notify: (type: ToastLevel, msg: string, conf?: ToastConf) =>
toast[type] ? toast[type](msg, conf) : console.warn('[Notify]', type, msg),
theme: 'antd',
};
export const Component = () => (
<div style={{ padding: '10px 30px' }}>
<ToastComponent key="toast" />
<AlertComponent key="alert" />
{renderAmis(LiveUIDJSON, { locale: 'en-US' }, ENV)}
</div>
);
- 操作步骤
请简单描述一下复现的操作步骤...
执行
3条答案
按热度按时间8xiog9wr1#
👍 Thanks for this!
🏷 I have applied any labels matching special text in your issue.
Please review the labels and make any necessary changes.
kd3sttzy2#
这个 issue 有人看么?
eit6fx6z3#
可能要在
<ToastComponent key="toast" />
中 加 theme={theme} 。我用了 Alter, 改用 antd 主题,也是发现 Alter 对话框不显示,但是dom中已经有了 alter dialog 的相关dom,只是用到的的 css 是
amis-dialog-widget cxd-Modal cxd-Modal--1th
, 然后改为 ,生成的 css就是amis-dialog-widget antd-Modal antd-Modal--1th
,然后就能正常显示。