hongluan-ui/lib/components/alert/src/alert2.js

Hongluan Component Library for Vue 3

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
require('../../../hooks/index.js');
var index = require('../../icon/index.js');
require('../../system-icon/index.js');
var alert = require('./alert.js');
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
var success = require('../../system-icon/src/success.js');
var info = require('../../system-icon/src/info.js');
var warning = require('../../system-icon/src/warning.js');
var error = require('../../system-icon/src/error.js');
var close = require('../../system-icon/src/close.js');
var index$1 = require('../../../hooks/use-namespace/index.js');

const _sfc_main = vue.defineComponent({
  name: "Alert",
  components: {
    HlIcon: index.HlIcon,
    SystemSuccess: success["default"],
    SystemInfo: info["default"],
    SystemWarning: warning["default"],
    SystemError: error["default"],
    SystemClose: close["default"]
  },
  props: alert.alertProps,
  emits: ["close"],
  setup(props, { emit }) {
    const visible = vue.ref(true);
    const typeClass = vue.computed(() => `${props.type}`);
    const iconName = vue.computed(() => props.type || "info");
    const close = (evt) => {
      visible.value = false;
      emit("close", evt);
    };
    const { namespace } = index$1.useNamespace("alert");
    return {
      namespace,
      visible,
      typeClass,
      iconName,
      close
    };
  }
});
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_system_success = vue.resolveComponent("system-success");
  const _component_system_info = vue.resolveComponent("system-info");
  const _component_system_warning = vue.resolveComponent("system-warning");
  const _component_system_error = vue.resolveComponent("system-error");
  const _component_hl_icon = vue.resolveComponent("hl-icon");
  const _component_system_close = vue.resolveComponent("system-close");
  return vue.openBlock(), vue.createBlock(vue.Transition, { name: "alert-fade" }, {
    default: vue.withCtx(() => [
      vue.withDirectives(vue.createElementVNode("div", {
        class: vue.normalizeClass([_ctx.namespace, _ctx.typeClass, {
          "has-description": _ctx.description || _ctx.$slots.default,
          [_ctx.effect]: true,
          "dashed": _ctx.dashed
        }]),
        role: "alert"
      }, [
        _ctx.showIcon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
          vue.createVNode(_component_hl_icon, { class: "alert-icon" }, {
            default: vue.withCtx(() => [
              _ctx.iconName === "success" ? (vue.openBlock(), vue.createBlock(_component_system_success, { key: 0 })) : vue.createCommentVNode("v-if", true),
              _ctx.iconName === "info" ? (vue.openBlock(), vue.createBlock(_component_system_info, { key: 1 })) : vue.createCommentVNode("v-if", true),
              _ctx.iconName === "warning" ? (vue.openBlock(), vue.createBlock(_component_system_warning, { key: 2 })) : vue.createCommentVNode("v-if", true),
              _ctx.iconName === "danger" || _ctx.iconName === "error" ? (vue.openBlock(), vue.createBlock(_component_system_error, { key: 3 })) : vue.createCommentVNode("v-if", true)
            ]),
            _: 1
          })
        ]) : vue.createCommentVNode("v-if", true),
        vue.createElementVNode("div", { class: "alert-content" }, [
          _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
            key: 0,
            class: "title"
          }, [
            vue.renderSlot(_ctx.$slots, "title", {}, () => [
              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
            ])
          ])) : vue.createCommentVNode("v-if", true),
          _ctx.$slots.default || !!_ctx.description ? (vue.openBlock(), vue.createElementBlock("div", {
            key: 1,
            class: "description"
          }, [
            vue.renderSlot(_ctx.$slots, "default", {}, () => [
              vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
            ])
          ])) : vue.createCommentVNode("v-if", true)
        ]),
        _ctx.closable && !_ctx.closeText ? (vue.openBlock(), vue.createBlock(_component_hl_icon, {
          key: 1,
          class: "alert-close",
          onClick: _ctx.close
        }, {
          default: vue.withCtx(() => [
            vue.createVNode(_component_system_close)
          ]),
          _: 1
        }, 8, ["onClick"])) : (vue.openBlock(), vue.createElementBlock("div", {
          key: 2,
          class: "alert-customed",
          onClick: _ctx.close
        }, vue.toDisplayString(_ctx.closeText), 9, ["onClick"]))
      ], 2), [
        [vue.vShow, _ctx.visible]
      ])
    ]),
    _: 3
  });
}
var Alert = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);

exports["default"] = Alert;
//# sourceMappingURL=alert2.js.map