| .. | ||
| dialog.d.ts | ||
| dialog.js | ||
| dialog.json | ||
| dialog.wxml | ||
| dialog.wxs | ||
| dialog.wxss | ||
| index.d.ts | ||
| index.js | ||
| props.d.ts | ||
| props.js | ||
| README.en-US.md | ||
| README.md | ||
| type.d.ts | ||
| type.js | ||
:: BASE_DOC ::
API
Dialog Props
| name | type | default | description | required |
|---|---|---|---|---|
| actions | Array / Slot | - | Typescript：Array<ButtonProps>，Button API Documents。see more ts definition |
N |
| button-layout | String | horizontal | options：horizontal/vertical | N |
| cancel-btn | String / Object / Slot | - | see more ts definition | N |
| close-btn | Boolean / Object | false | 0.31.0 |
N |
| close-on-overlay-click | Boolean | undefined | - | N |
| confirm-btn | String / Object / Slot | - | - | N |
| content | String / Slot | - | - | N |
| external-classes | Array | - | ['t-class', 't-class-content', 't-class-confirm', 't-class-cancel'] |
N |
| overlay-props | Object | {} | - | N |
| prevent-scroll-through | Boolean | true | - | N |
| show-overlay | Boolean | true | - | N |
| title | String / Slot | - | - | N |
| visible | Boolean | - | - | N |
| z-index | Number | 11500 | - | N |
Dialog Events
| name | params | description |
|---|---|---|
| cancel | - | - |
| close | (trigger: DialogEventSource) |
see more ts definition。type DialogEventSource = 'cancel' | 'overlay' | 'close-btn' |
| confirm | - | - |
| overlay-click | - | - |
CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
| Name | Default Value | Description |
|---|---|---|
| --td-dialog-body-max-height | 912rpx | - |
| --td-dialog-close-color | @font-gray-3 | - |
| --td-dialog-content-color | @font-gray-2 | - |
| --td-dialog-content-font-size | 32rpx | - |
| --td-dialog-content-line-height | 48rpx | - |
| --td-dialog-title-color | @font-gray-1 | - |
| --td-dialog-title-font-size | 36rpx | - |
| --td-dialog-title-line-height | 52rpx | - |
| --td-dialog-width | 622rpx | - |