ivue-material-plus
Version:
A high quality UI components Library with Vue.js
95 lines (92 loc) • 4.81 kB
JavaScript
import _sfc_main from './index.vue_vue_type_script_lang.mjs';
import { createElementVNode, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, normalizeClass, normalizeStyle, createElementBlock, Fragment, createCommentVNode, toDisplayString, createVNode, vShow } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
const _hoisted_1 = { class: "ivue-progress-circular-indeterminate" };
const _hoisted_2 = ["viewBox"];
const _hoisted_3 = ["cx", "cy", "stroke-width", "stroke-dasharray", "stroke-dashoffset"];
const _hoisted_4 = ["innerHTML"];
const _hoisted_5 = ["innerHTML"];
const _hoisted_6 = /* @__PURE__ */ createElementVNode("i", { class: "ivue-icon" }, "close", -1);
const _hoisted_7 = [
_hoisted_6
];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_render_cell = resolveComponent("render-cell");
return openBlock(), createBlock(Transition, {
name: `${_ctx.prefixCls}-message-fade`,
onBeforeLeave: _ctx.onClose,
onAfterLeave: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("destroy")),
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createElementVNode("div", {
class: normalizeClass(_ctx.classes),
style: normalizeStyle(_ctx.wrapperStyles),
onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseenter && _ctx.handleMouseenter(...args)),
onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.handleMouseleave && _ctx.handleMouseleave(...args))
}, [
createElementVNode("div", {
class: normalizeClass(`${_ctx.baseClasses}-content`),
ref: "content"
}, [
_ctx.type === "loading" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
createElementVNode("div", _hoisted_1, [
_ctx.loadingIcon ? (openBlock(), createElementBlock("i", {
key: 0,
class: normalizeClass(`ivue-icon ${_ctx.loadingIcon}`)
}, null, 2)) : (openBlock(), createElementBlock("svg", {
key: 1,
xmlns: "http://www.w3.org/2000/svg",
viewBox: `${_ctx.viewBoxSize} ${_ctx.viewBoxSize} ${2 * _ctx.viewBoxSize} ${2 * _ctx.viewBoxSize}`,
class: normalizeClass(`${_ctx.prefixCls}-loading ivue-load-loop`)
}, [
createElementVNode("circle", {
fill: "transparent",
cx: `${2 * _ctx.viewBoxSize}`,
cy: `${2 * _ctx.viewBoxSize}`,
r: "20",
"stroke-width": `${_ctx.strokeWidth}`,
"stroke-dasharray": `${_ctx.strokeDasharray}`,
"stroke-dashoffset": `${_ctx.strokeDashoffset}`,
class: "ivue-progress-circular-overlay"
}, null, 8, _hoisted_3)
], 10, _hoisted_2))
]),
createElementVNode("span", { innerHTML: _ctx.content }, null, 8, _hoisted_4)
], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
createCommentVNode(" icon "),
createElementVNode("i", {
class: normalizeClass(`ivue-icon ${_ctx.prefixCls}-icon ${_ctx.prefixCls}-icon-${_ctx.type}`)
}, toDisplayString(_ctx.data.iconTypes[_ctx.type]), 3),
createCommentVNode(" render \u6E32\u67D3 "),
_ctx.renderFunc ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(`${_ctx.baseClasses}-content-text`)
}, [
createVNode(_component_render_cell, { render: _ctx.renderFunc }, null, 8, ["render"])
], 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
createCommentVNode(" \u5185\u5BB9 "),
createElementVNode("div", {
class: normalizeClass(`${_ctx.baseClasses}-content-text`),
innerHTML: _ctx.content
}, null, 10, _hoisted_5)
], 2112)),
createCommentVNode(" \u5173\u95ED\u6309\u94AE "),
withDirectives(createElementVNode("div", {
class: normalizeClass(`${_ctx.baseClasses}-close`),
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClose && _ctx.handleClose(...args))
}, _hoisted_7, 2), [
[vShow, _ctx.closable]
])
], 64))
], 2)
], 38), [
[vShow, _ctx.data.visible]
])
]),
_: 1
}, 8, ["name", "onBeforeLeave"]);
}
var Message = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-message\\index.vue"]]);
export { Message as default };
//# sourceMappingURL=index2.mjs.map