@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,
37 lines (36 loc) • 1.22 kB
JavaScript
import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, createBlock, createCommentVNode, renderSlot, resolveDynamicComponent } from "vue";
import { addSuffix } from "../../../utils/utils.mjs";
const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "SvgIcon",
props: {
size: {},
responseSize: {},
customClass: {},
icon: {},
color: {}
},
emits: ["click"],
setup(__props, { emit: __emit }) {
const props = __props;
const emit = __emit;
const customStyle = computed(
() => props.size ? `width: ${addSuffix(props.size)};height: ${addSuffix(props.size)};` : ""
);
function handleClick(event) {
emit("click", event);
}
return (_ctx, _cache) => {
return openBlock(), createElementBlock("span", {
class: normalizeClass(["svg-icon", [_ctx.customClass]]),
style: normalizeStyle(customStyle.value),
onClick: handleClick
}, [
_ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : createCommentVNode("", true),
renderSlot(_ctx.$slots, "default", {}, void 0, true)
], 6);
};
}
});
export {
_sfc_main as default
};