@tencentcloud/roomkit-web-vue3
Version:
<h1 align="center"> TUIRoomKit</h1> Conference (TUIRoomKit) is a product suitable for multi-person audio and video conversation scenarios such as business meetings, webinars, and online education. By integrating this product, you can add room management,
43 lines (42 loc) • 1.47 kB
JavaScript
;
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
const Vue = require("vue");
const _hoisted_1 = {
key: 0,
class: "tui-badge-count"
};
const _sfc_main = /* @__PURE__ */ Vue.defineComponent({
__name: "Badge",
props: {
type: { default: "primary" },
value: { default: "" },
max: { default: 99 },
hidden: { type: Boolean, default: false },
isDot: { type: Boolean, default: false }
},
setup(__props) {
const props = __props;
const showBadge = Vue.computed(() => !props.hidden && (props.value || props.isDot));
const content = Vue.computed(() => {
if (props.isDot) return "";
if (typeof props.value === "number" && typeof props.max === "number") {
return props.value > props.max ? `${props.max}+` : props.value;
}
return props.value;
});
const badgeClass = Vue.computed(() => [
"tui-badge",
`tui-badge-${props.type}`,
props.isDot ? "tui-badge-isDot" : ""
]);
return (_ctx, _cache) => {
return Vue.openBlock(), Vue.createElementBlock("div", {
class: Vue.normalizeClass(badgeClass.value)
}, [
Vue.renderSlot(_ctx.$slots, "default", {}, void 0, true),
showBadge.value ? (Vue.openBlock(), Vue.createElementBlock("sup", _hoisted_1, Vue.toDisplayString(content.value), 1)) : Vue.createCommentVNode("", true)
], 2);
};
}
});
exports.default = _sfc_main;