city-casereport/miniprogram_npm/tdesign-miniprogram/dialog/dialog.wxml
2023-12-06 14:22:42 +08:00

58 lines
2.2 KiB
Plaintext

<import src="../common/template/button.wxml" />
<import src="../common/template/icon.wxml" />
<wxs src="../common/utils.wxs" module="_" />
<wxs src="./dialog.wxs" module="this" />
<t-popup
name="dialog"
style="{{_._style([style, customStyle])}}"
class="class"
t-class="{{classPrefix}}__wrapper"
visible="{{visible}}"
showOverlay="{{showOverlay}}"
closeOnOverlayClick="{{closeOnOverlayClick}}"
preventScrollThrough="{{preventScrollThrough}}"
overlayProps="{{overlayProps}}"
zIndex="{{zIndex}}"
placement="center"
bind:visible-change="overlayClick"
>
<view slot="content" class="{{classPrefix}} {{prefix}}-class">
<slot name="top" />
<view wx:if="{{closeBtn}}" class="{{classPrefix}}__close-btn" bind:tap="onClose">
<template wx:if="{{_.isObject(closeBtn)}}" is="icon" data="{{ name: 'close', size: 22, ...closeBtn }}" />
<t-icon wx:else name="close" size="22" />
</view>
<view class="{{classPrefix}}__content {{prefix}}-class-content">
<view wx:if="{{title}}" class="{{classPrefix}}__header">{{title}}</view>
<slot name="title" />
<view wx:if="{{content}}" class="{{classPrefix}}__body">
<text class="{{classPrefix}}__body-text">{{content}}</text>
</view>
<slot name="content" />
</view>
<slot name="middle" />
<view
class="{{_.cls(classPrefix + '__footer', [['column', buttonLayout === 'vertical'], ['full', buttonVariant == 'text' && actions.length == 0]])}}"
>
<block wx:if="{{actions}}">
<block wx:for="{{actions}}" wx:key="index">
<template
is="button"
data="{{block: true, type: 'action', extra: index, externalClass: prefix + '-class-action', class: this.getActionClass(classPrefix, buttonLayout), ...item }}"
/>
</block>
</block>
<slot name="actions" />
<block wx:if="{{_cancel}}">
<template is="button" data="{{type: 'cancel', ..._cancel }}" />
</block>
<slot name="cancel-btn" />
<block wx:if="{{_confirm}}">
<template is="button" data="{{type: 'confirm', theme: 'primary', ..._confirm}}" />
</block>
<slot name="confirm-btn" />
</view>
</view>
</t-popup>