ivue-material-plus

Version:
A high quality UI components Library with Vue.js
81 lines (78 loc) • 3.22 kB
JavaScript
import _sfc_main from './index.vue_vue_type_script_lang.mjs';
import { resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, createTextVNode, toDisplayString, vShow } from 'vue';
import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';

const _hoisted_1 = ["onTransitionend"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ivue_icon = resolveComponent("ivue-icon");
  return withDirectives((openBlock(), createElementBlock("div", {
    class: normalizeClass(_ctx.wrapperClasses),
    style: normalizeStyle(_ctx.wrapperStyles)
  }, [
    createCommentVNode(" icon "),
    createElementVNode("div", {
      class: normalizeClass(`${_ctx.prefixCls}-left`)
    }, [
      renderSlot(_ctx.$slots, "leftIcon", {}, () => [
        _ctx.leftIcon ? (openBlock(), createBlock(_component_ivue_icon, {
          key: 0,
          class: normalizeClass(`${_ctx.prefixCls}-icon`)
        }, {
          default: withCtx(() => [
            createTextVNode(toDisplayString(_ctx.leftIcon), 1)
          ]),
          _: 1
        }, 8, ["class"])) : createCommentVNode("v-if", true)
      ])
    ], 2),
    createCommentVNode(" \u5185\u5BB9 "),
    createElementVNode("div", {
      class: normalizeClass(`${_ctx.prefixCls}-text--wrapper`),
      ref: "contentWrapper"
    }, [
      createElementVNode("div", {
        class: normalizeClass(_ctx.textClasses),
        style: normalizeStyle(_ctx.textStyles),
        onTransitionend: _ctx.handleTransitionEnd,
        ref: "content"
      }, [
        renderSlot(_ctx.$slots, "default", {}, () => [
          createTextVNode(toDisplayString(_ctx.text), 1)
        ])
      ], 46, _hoisted_1)
    ], 2),
    createCommentVNode(" icon "),
    createElementVNode("div", {
      class: normalizeClass(`${_ctx.prefixCls}-right`)
    }, [
      renderSlot(_ctx.$slots, "nextIcon", {}, () => [
        createCommentVNode(" \u5173\u95ED\u6309\u94AE "),
        _ctx.mode === "closeable" ? (openBlock(), createBlock(_component_ivue_icon, {
          key: 0,
          class: normalizeClass(`${_ctx.prefixCls}-icon`),
          onClick: _ctx.handleClose
        }, {
          default: withCtx(() => [
            createTextVNode("close")
          ]),
          _: 1
        }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
        createCommentVNode(" \u94FE\u63A5\u6309\u94AE "),
        _ctx.mode === "link" ? (openBlock(), createBlock(_component_ivue_icon, {
          key: 1,
          class: normalizeClass(`${_ctx.prefixCls}-icon`),
          onClick: _ctx.handleLink
        }, {
          default: withCtx(() => [
            createTextVNode("arrow_forward_ios")
          ]),
          _: 1
        }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
      ])
    ], 2)
  ], 6)), [
    [vShow, _ctx.data.show]
  ]);
}
var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-notice-bar\\index.vue"]]);

export { NoticeBar as default };
//# sourceMappingURL=index2.mjs.map