birdpaper-ui/lib/message/src/messageList.vue.js

一个通用的 vue3 UI组件库。A common vue3 UI component library.

"use strict";
const vue = require("vue");
const message_vue_vue_type_script_setup_true_name_MessageList_lang = require("./message.vue.js");
const __default__ = vue.defineComponent({
  name: "MessageList"
});
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
  ...__default__,
  props: {
    list: { type: Array, default: () => [] }
  },
  emits: ["remove"],
  setup(__props, { emit: emits }) {
    const onRemove = (id) => emits("remove", id);
    return (_ctx, _cache) => {
      return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
        class: "bp-message-list",
        name: "fademsg",
        tag: "ul"
      }, {
        default: vue.withCtx(() => [
          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.list, (v) => {
            return vue.openBlock(), vue.createBlock(message_vue_vue_type_script_setup_true_name_MessageList_lang, {
              key: `${v.id}`,
              id: v.id,
              type: v.type,
              content: v.content,
              duration: v.duration,
              closeable: v.closeable,
              plain: v.plain,
              "on-close": v.onClose,
              onRemove
            }, null, 8, ["id", "type", "content", "duration", "closeable", "plain", "on-close"]);
          }), 128))
        ]),
        _: 1
      });
    };
  }
});
module.exports = _sfc_main;