element-plus
Version:
A Component Library for Vue 3
141 lines (138 loc) • 5.66 kB
JavaScript
import { defineComponent, useSlots, ref, computed, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, resolveDynamicComponent, createCommentVNode, createElementBlock, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
import { ElIcon } from '../../icon/index.mjs';
import { alertProps, alertEmits } from './alert.mjs';
import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
import { TypeComponentsMap, TypeComponents } from '../../../utils/vue/icon.mjs';
import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
import { debugWarn } from '../../../utils/error.mjs';
const _sfc_main = defineComponent({
...{
name: "ElAlert"
},
__name: "alert",
props: alertProps,
emits: alertEmits,
setup(__props, { emit: __emit }) {
const { Close } = TypeComponents;
const props = __props;
const emit = __emit;
const slots = useSlots();
const ns = useNamespace("alert");
const visible = ref(true);
const iconComponent = computed(() => TypeComponentsMap[props.type]);
const hasDesc = computed(() => !!(props.description || slots.default));
const close = (evt) => {
visible.value = false;
emit("close", evt);
};
if (props.showAfter || props.hideAfter || props.autoClose) {
debugWarn(
"el-alert",
"The `show-after`, `hide-after`, and `auto-close` attributes were removed after 2.11.8. Please use `v-if` and `v-show` to manually replace them, visit: https://github.com/element-plus/element-plus/pull/22560"
);
}
return (_ctx, _cache) => {
return openBlock(), createBlock(Transition, {
name: unref(ns).b("fade"),
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createElementVNode(
"div",
{
class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
role: "alert"
},
[
_ctx.showIcon && (_ctx.$slots.icon || iconComponent.value) ? (openBlock(), createBlock(unref(ElIcon), {
key: 0,
class: normalizeClass([unref(ns).e("icon"), unref(ns).is("big", hasDesc.value)])
}, {
default: withCtx(() => [
renderSlot(_ctx.$slots, "icon", {}, () => [
(openBlock(), createBlock(resolveDynamicComponent(iconComponent.value)))
])
]),
_: 3
}, 8, ["class"])) : createCommentVNode("v-if", true),
createElementVNode(
"div",
{
class: normalizeClass(unref(ns).e("content"))
},
[
_ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock(
"span",
{
key: 0,
class: normalizeClass([unref(ns).e("title"), { "with-description": hasDesc.value }])
},
[
renderSlot(_ctx.$slots, "title", {}, () => [
createTextVNode(
toDisplayString(_ctx.title),
1
)
])
],
2
)) : createCommentVNode("v-if", true),
hasDesc.value ? (openBlock(), createElementBlock(
"p",
{
key: 1,
class: normalizeClass(unref(ns).e("description"))
},
[
renderSlot(_ctx.$slots, "default", {}, () => [
createTextVNode(
toDisplayString(_ctx.description),
1
)
])
],
2
)) : createCommentVNode("v-if", true),
_ctx.closable ? (openBlock(), createElementBlock(
Fragment,
{ key: 2 },
[
_ctx.closeText ? (openBlock(), createElementBlock(
"div",
{
key: 0,
class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")]),
onClick: close
},
toDisplayString(_ctx.closeText),
3
)) : (openBlock(), createBlock(unref(ElIcon), {
key: 1,
class: normalizeClass(unref(ns).e("close-btn")),
onClick: close
}, {
default: withCtx(() => [
createVNode(unref(Close))
]),
_: 1
}, 8, ["class"]))
],
64
)) : createCommentVNode("v-if", true)
],
2
)
],
2
), [
[vShow, visible.value]
])
]),
_: 3
}, 8, ["name"]);
};
}
});
var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/alert/src/alert.vue"]]);
export { Alert as default };
//# sourceMappingURL=alert2.mjs.map