feat: 添加函数式弹框组件 demo 示例

This commit is contained in:
xiaoxian521
2023-05-08 20:04:38 +08:00
parent fa4b951027
commit 42f5a36145
7 changed files with 302 additions and 12 deletions

View File

@@ -24,9 +24,9 @@ const addDialog = (options: DialogOptions) => {
}
};
const closeDialog = (options: DialogOptions, index: number, args: any) => {
const closeDialog = (options: DialogOptions, index: number, args?: any) => {
dialogStore.value.splice(index, 1);
options.closeCallBack && options.closeCallBack(args);
options.closeCallBack && options.closeCallBack({ options, index, args });
};
const closeAllDialog = () => {

View File

@@ -163,8 +163,16 @@ interface DialogOptions extends DialogProps {
options: DialogOptions;
index: number;
}) => void;
/** `Dialog` 关闭后的回调,会返回 `command`。`command` 值解析:`cancel` 点击取消按钮、`sure` 点击确定按钮、`close` 点击右上角关闭按钮或者空白页 */
closeCallBack?: (args: any) => void;
/** `Dialog` 关闭后的回调。 `args` 返回的 `command` 值解析:`cancel` 点击取消按钮、`sure` 点击确定按钮、`close` 点击右上角关闭按钮或者空白页 */
closeCallBack?: ({
options,
index,
args
}: {
options: DialogOptions;
index: number;
args: any;
}) => void;
/** 输入焦点聚焦在 `Dialog` 内容时的回调 */
openAutoFocus?: ({
options,