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

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

import { defineComponent, openBlock, createBlock, TransitionGroup, withCtx, createElementBlock, Fragment, renderList } from "vue";
import _sfc_main$1 from "./message.vue.js";
const __default__ = defineComponent({
  name: "MessageList"
});
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...__default__,
  props: {
    list: { type: Array, default: () => [] }
  },
  emits: ["remove"],
  setup(__props, { emit: emits }) {
    const onRemove = (id) => emits("remove", id);
    return (_ctx, _cache) => {
      return openBlock(), createBlock(TransitionGroup, {
        class: "bp-message-list",
        name: "fademsg",
        tag: "ul"
      }, {
        default: withCtx(() => [
          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.list, (v) => {
            return openBlock(), createBlock(_sfc_main$1, {
              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
      });
    };
  }
});
export {
  _sfc_main as default
};