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