quick-admin-vue3-core
Version:
以快（计算机执行效率、开发效率）为核心的后台管理系统开发模板
228 lines (227 loc) • 7.62 kB
JavaScript
import { defineComponent as v, reactive as g, resolveComponent as u, createElementBlock as k, openBlock as $, createVNode as t, withCtx as e, unref as n, createTextVNode as r } from "vue";
import { _ as w } from "./StaticComponent.vue_vue_type_script_setup_true_lang-CN_MxwOS.js";
import { _ as x } from "./ModelComponent.vue_vue_type_script_setup_true_lang-C4JwwzKO.js";
import { u as M, H as b } from "./index-C0qRtkRj.js";
import { W as P } from "./platform-DsTwHxm6.js";
/* empty css */
const B = { class: "q-page-view" }, q = /* @__PURE__ */ v({
name: "DemoCenterCompsPopup",
__name: "index",
setup(D) {
const { openPopup: f, closePopup: a } = M(), p = b(), s = g({ name: "张三" });
function C(m) {
f(
{
title: "关闭确认",
onConfirm() {
a(), m();
},
footer: "confirm"
},
"确认关闭吗？"
);
}
return (m, o) => {
const i = u("el-button"), d = u("BaseSection");
return $(), k("div", B, [
t(d, { title: "打开弹窗基础用法（默认为dialog）" }, {
default: e(() => [
t(i, {
onClick: o[0] || (o[0] = (l) => n(f)(
{
title: "温馨提示",
// 可省略不写
beforeClose: C,
// onCancel: () => ElMessage.info('点击了取消按钮'),
// onConfirm: () => ElMessage.info('点击了确认按钮'),
footer: "confirm"
},
w
)),
type: "primary",
plain: ""
}, {
default: e(() => o[14] || (o[14] = [
r(" 打开二次确认关闭弹窗（点击弹窗右上角x） ")
])),
_: 1
}),
t(i, {
type: "primary",
plain: "",
onClick: o[1] || (o[1] = (l) => {
n(f)("打开表单弹窗", [
x,
{
data: n(s),
onConfirm(y) {
Object.assign(n(s), y);
}
}
]);
})
}, {
default: e(() => o[15] || (o[15] = [
r("打开表单弹窗")
])),
_: 1
})
]),
_: 1
}),
t(d, { title: "打开对话框（dialog）" }, {
default: e(() => [
t(i, {
onClick: o[2] || (o[2] = (l) => n(f)("弹窗", "常规弹窗")),
type: "warning"
}, {
default: e(() => o[16] || (o[16] = [
r("打开常规弹窗")
])),
_: 1
}),
t(i, {
onClick: o[3] || (o[3] = (l) => n(f)(["div", {}, "弹窗标题（自定义渲染）"], "弹窗内容")),
type: "warning"
}, {
default: e(() => o[17] || (o[17] = [
r("打开弹窗（自定义header）")
])),
_: 1
}),
t(i, {
onClick: o[4] || (o[4] = (l) => {
n(f)(
{
title: "弹窗",
onConfirm() {
n(P).info("点击了确认按钮");
},
footer: "confirm"
},
"弹窗内容"
);
}),
type: "warning"
}, {
default: e(() => o[18] || (o[18] = [
r("打开弹窗（自定义footer，传'confirm'）")
])),
_: 1
}),
t(i, {
onClick: o[5] || (o[5] = (l) => {
n(f)(
{
title: "弹窗",
footer: ["div", { style: "padding:16px 0;text-align:center;background:lightgray;" }, "弹窗footer（自定义渲染）"]
},
"弹窗内容",
"dialog"
);
}),
type: "warning"
}, {
default: e(() => o[19] || (o[19] = [
r("打开弹窗（自定义footer，传渲染元素）")
])),
_: 1
})
]),
_: 1
}),
t(d, { title: "打开抽屉（drawer）" }, {
default: e(() => [
t(i, {
onClick: o[6] || (o[6] = (l) => n(f)("抽屉", "常规抽屉", "drawer")),
type: "info"
}, {
default: e(() => o[20] || (o[20] = [
r("打开常规抽屉")
])),
_: 1
}),
t(i, {
onClick: o[7] || (o[7] = (l) => n(f)(["div", {}, "抽屉标题（自定义渲染）"], "抽屉内容", "drawer")),
type: "info"
}, {
default: e(() => o[21] || (o[21] = [
r("打开抽屉（自定义header）")
])),
_: 1
}),
t(i, {
onClick: o[8] || (o[8] = (l) => n(f)({ title: "抽屉", footer: "alert" }, "抽屉内容", "drawer")),
type: "info"
}, {
default: e(() => o[22] || (o[22] = [
r("打开抽屉（自定义footer，传'alert'）")
])),
_: 1
}),
t(i, {
onClick: o[9] || (o[9] = (l) => {
n(f)(
{ title: "抽屉", footer: ["div", { style: "text-align:center;background:lightgray;" }, "抽屉footer（自定义渲染）"] },
"抽屉内容",
"drawer"
);
}),
type: "info"
}, {
default: e(() => o[23] || (o[23] = [
r("打开抽屉（自定义footer，传渲染元素）")
])),
_: 1
})
]),
_: 1
}),
t(d, { title: "打开全局通用弹窗" }, {
default: e(() => [
t(i, {
onClick: o[10] || (o[10] = (l) => n(p)("ChooseMedia", "all")),
type: "primary"
}, {
default: e(() => o[24] || (o[24] = [
r("打开常用弹窗（ChooseMedia）所有媒体")
])),
_: 1
}),
t(i, {
onClick: o[11] || (o[11] = (l) => n(p)("ChooseMedia", "image")),
type: "primary"
}, {
default: e(() => o[25] || (o[25] = [
r("打开常用弹窗（ChooseMedia）图片")
])),
_: 1
}),
t(i, {
onClick: o[12] || (o[12] = (l) => n(p)("ChooseMedia", "audio")),
type: "primary"
}, {
default: e(() => o[26] || (o[26] = [
r("打开常用弹窗（ChooseMedia）音频")
])),
_: 1
}),
t(i, {
onClick: o[13] || (o[13] = (l) => n(p)("ChooseMedia", "video")),
type: "primary"
}, {
default: e(() => o[27] || (o[27] = [
r("打开常用弹窗（ChooseMedia）视频")
])),
_: 1
})
]),
_: 1
})
]);
};
}
});
export {
q as default
};