ivue-material-plus
Version:
A high quality UI components Library with Vue.js
149 lines (146 loc) • 6.94 kB
JavaScript
import _sfc_main from './index.vue_vue_type_script_lang.mjs';
import { resolveComponent, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, normalizeStyle, createTextVNode, toDisplayString, vShow } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
const _component_ivue_icon = resolveComponent("ivue-icon");
const _component_ivue_button = resolveComponent("ivue-button");
const _directive_click_outside = resolveDirective("click-outside");
return withDirectives((openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.wrapperClasses),
onMouseenter: _cache[6] || (_cache[6] = () => _ctx.handleMouseenter()),
onMouseleave: _cache[7] || (_cache[7] = (...args) => _ctx.handleMouseleave && _ctx.handleMouseleave(...args))
}, [
createCommentVNode(" \u63CF\u8FF0 "),
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-rel`),
ref: "reference",
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleRelClick && _ctx.handleRelClick(...args)),
onMousedown: _cache[1] || (_cache[1] = ($event) => _ctx.handleFocus(false)),
onMouseup: _cache[2] || (_cache[2] = ($event) => _ctx.handleBlur(false))
}, [
renderSlot(_ctx.$slots, "default")
], 34),
createCommentVNode(" \u4E3A\u5C01\u88C5\u5230\u7EC4\u4EF6\u4E2D\u6765\u6784\u5EFA UI "),
(openBlock(), createBlock(Teleport, {
to: "body",
disabled: !_ctx.transfer
}, [
createVNode(Transition, {
name: "fade",
persisted: ""
}, {
default: withCtx(() => [
withDirectives(createElementVNode("div", {
class: normalizeClass(_ctx.popperClasses),
style: normalizeStyle(_ctx.popperStyles),
onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleTransferClick && _ctx.handleTransferClick(...args)),
onMouseenter: _cache[4] || (_cache[4] = ($event) => _ctx.handleMouseenter("popper")),
onMouseleave: _cache[5] || (_cache[5] = (...args) => _ctx.handleMouseleave && _ctx.handleMouseleave(...args)),
ref: "popper"
}, [
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-content`)
}, [
createCommentVNode(" arrow "),
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-arrow`),
ref: "arrow"
}, null, 2),
createCommentVNode(" \u5BF9\u8BDD\u6846 "),
_ctx.confirm ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(`${_ctx.prefixCls}-inner`)
}, [
createCommentVNode(" body "),
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-body`)
}, [
createCommentVNode(" icon "),
createVNode(_component_ivue_icon, {
class: normalizeClass(`${_ctx.prefixCls}-body--icon`)
}, {
default: withCtx(() => [
createTextVNode("help")
]),
_: 1
}, 8, ["class"]),
createCommentVNode(" title "),
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-body--message`)
}, [
renderSlot(_ctx.$slots, "title", {}, () => [
createTextVNode(toDisplayString(_ctx.title), 1)
])
], 2)
], 2),
createCommentVNode(" \u5E95\u90E8 "),
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-footer`)
}, [
createVNode(_component_ivue_button, {
class: normalizeClass(`${_ctx.prefixCls}-footer--button`),
outline: "",
color: "#dcdfe6",
onClick: _ctx.handleCancel
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.cancelText), 1)
]),
_: 1
}, 8, ["class", "onClick"]),
createCommentVNode(" \u786E\u8BA4 "),
createVNode(_component_ivue_button, {
class: normalizeClass(`${_ctx.prefixCls}-footer--button`),
depressed: "",
status: "primary",
onClick: _ctx.handleConfirm
}, {
default: withCtx(() => [
createTextVNode(toDisplayString(_ctx.confirmText), 1)
]),
_: 1
}, 8, ["class", "onClick"])
], 2)
], 2)) : createCommentVNode("v-if", true),
createCommentVNode(" \u4E0D\u662F\u5BF9\u8BDD\u6846 "),
!_ctx.confirm ? (openBlock(), createElementBlock("div", {
key: 1,
class: normalizeClass(`${_ctx.prefixCls}-inner`)
}, [
createCommentVNode(" title "),
_ctx.showTitle ? (openBlock(), createElementBlock("div", {
key: 0,
class: normalizeClass(`${_ctx.prefixCls}-title`)
}, [
renderSlot(_ctx.$slots, "title", {}, () => [
createTextVNode(toDisplayString(_ctx.title), 1)
])
], 2)) : createCommentVNode("v-if", true),
createCommentVNode(" body "),
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}-body`)
}, [
createElementVNode("div", {
class: normalizeClass(_ctx.bodyContentClasses)
}, [
renderSlot(_ctx.$slots, "content", {}, () => [
createTextVNode(toDisplayString(_ctx.content), 1)
])
], 2)
], 2)
], 2)) : createCommentVNode("v-if", true)
], 2)
], 38), [
[vShow, _ctx.visible]
])
]),
_: 3
})
], 8, ["disabled"]))
], 34)), [
[_directive_click_outside, _ctx.handleClickOutside, _ctx.capture]
]);
}
var Popover = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-popover\\index.vue"]]);
export { Popover as default };
//# sourceMappingURL=index2.mjs.map