ivue-material-plus
Version:
A high quality UI components Library with Vue.js
52 lines (49 loc) • 2.27 kB
JavaScript
import _sfc_main from './panel.vue_vue_type_script_lang.mjs';
import { resolveComponent, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, createBlock, withDirectives, 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_collapse_transition = resolveComponent("collapse-transition");
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.classes)
}, [
createCommentVNode(" \u5934\u90E8 "),
createElementVNode("div", {
class: normalizeClass(_ctx.headerClasses),
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleToggle && _ctx.handleToggle(...args))
}, [
renderSlot(_ctx.$slots, "title", {}, () => [
createTextVNode(toDisplayString(_ctx.title), 1)
]),
createCommentVNode(" icon "),
!_ctx.hideArrow ? renderSlot(_ctx.$slots, "header-icon", { key: 0 }, () => [
createVNode(_component_ivue_icon, null, {
default: withCtx(() => [
createTextVNode("keyboard_arrow_right")
]),
_: 1
})
]) : createCommentVNode("v-if", true)
], 2),
createCommentVNode(" transition "),
_ctx.data.mounted ? (openBlock(), createBlock(_component_collapse_transition, { key: 0 }, {
default: withCtx(() => [
withDirectives(createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}--content`)
}, [
createElementVNode("div", {
class: normalizeClass(`${_ctx.prefixCls}--content-box`)
}, [
renderSlot(_ctx.$slots, "content")
], 2)
], 2), [
[vShow, _ctx.data.isActive]
])
]),
_: 3
})) : createCommentVNode("v-if", true)
], 2);
}
var CollapsePanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-collapse\\panel.vue"]]);
export { CollapsePanel as default };
//# sourceMappingURL=panel.mjs.map