cione-comp-lib
Version:
`$ yarn add cione-comp-lib` 或者 `$ npm i cione-comp-lib -S`
42 lines (41 loc) • 1.46 kB
JavaScript
import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, normalizeStyle, toDisplayString } from "vue";
import style0 from "./Messages.vue_used_vue_type_style_index_0_lang.module.mjs";
import _export_sfc from "../../../_virtual/plugin-vue_export-helper.mjs";
const _sfc_main = {
name: "Messages",
props: {
messages: {
type: Array,
required: true
}
},
emits: ["click"],
methods: {
styles(type) {
return {
backgroundColor: `var(--vuensee-message-${type}-background-color)`,
color: `var(--vuensee-message-${type}-text-color)`
};
}
}
};
const _hoisted_1 = ["onClick"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
return openBlock(), createElementBlock("div", {
class: normalizeClass(_ctx.$style.messages)
}, [
(openBlock(true), createElementBlock(Fragment, null, renderList($props.messages, (message) => {
return openBlock(), createElementBlock("div", {
key: message.key,
class: normalizeClass(_ctx.$style.message),
style: normalizeStyle($options.styles(message.type)),
onClick: ($event) => _ctx.$emit("click", $event, message)
}, toDisplayString(message.message), 15, _hoisted_1);
}), 128))
], 2);
}
const cssModules = {
"$style": style0
};
var Messages = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules]]);
export { Messages as default };