@tencentcloud/roomkit-electron-vue3 2.3.3

package/src/TUIRoom/components/common/icons/MicOffIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.73708 12.9963C8.71266 12.8344 8.7 12.6687 8.7 12.5V6C8.7 4.17746 10.1775 2.7 12 2.7C13.5488 2.7 14.8484 3.76695 15.2038 5.20592L16.4458 3.70974C15.615 2.10033 13.936 1 12 1C9.23858 1 7 3.23858 7 6V12.5C7 13.2333 7.15786 13.9297 7.44145 14.5572L8.73708 12.9963ZM11.3385 15.7337L10.1618 17.1513C10.7308 17.3763 11.3509 17.5 12 17.5C14.7614 17.5 17 15.2614 17 12.5V8.9133L15.3 10.9613V12.5C15.3 14.3225 13.8225 15.8 12 15.8C11.7734 15.8 11.5522 15.7772 11.3385 15.7337ZM5.96519 16.3356C5.25933 15.2273 4.85039 13.9114 4.85039 12.5V11H3.15039V12.5C3.15039 14.4416 3.77562 16.2371 4.83572 17.6963L5.96519 16.3356ZM7.63218 20.1986L8.7394 18.8647C9.71718 19.3667 10.8257 19.65 12.0004 19.65C15.9492 19.65 19.1504 16.4488 19.1504 12.5V11H20.8504V12.5C20.8504 17.0498 17.4171 20.7976 13 21.2942V24H11V21.2941C9.78613 21.1575 8.64658 20.7754 7.63218 20.1986Z" fill="currentColor" />
+  <path d="M5.73682 19.5513L18.2667 4.46371" stroke="#ED414D" style="stroke:#ED414D;stroke:color(display-p3 0.9292 0.2555 0.3004);stroke-opacity:1;" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>
+

package/src/TUIRoom/components/common/icons/MicOnIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <rect x="11" y="20" width="2" height="4" fill="currentColor" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.1499 11V12.5C3.1499 17.3877 7.11218 21.35 11.9999 21.35C16.8876 21.35 20.8499 17.3877 20.8499 12.5V11H19.1499V12.5C19.1499 16.4488 15.9487 19.65 11.9999 19.65C8.05107 19.65 4.8499 16.4488 4.8499 12.5V11H3.1499Z" fill="currentColor"/>
+  <rect x="7.85" y="1.85" width="8.3" height="14.8" rx="4.15" stroke="currentColor" stroke-width="1.7"/>
+</svg>
+</template>

package/src/TUIRoom/components/common/icons/MirrorIcon.vue

@@ -0,0 +1,5 @@
+<template>
+  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7 0H9V16H7V0ZM6 8L0 13V3L6 8ZM10 8L16 3V13L10 8Z" fill="currentColor" />
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/MoreIcon.vue

@@ -0,0 +1,16 @@
+<template>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_3678_51136" fill="white">
+<rect x="2" y="2" width="9" height="9" rx="1"/>
+</mask>
+<rect x="2" y="2" width="9" height="9" rx="1" stroke="currentColor" stroke-width="3.4" mask="url(#path-1-inside-1_3678_51136)"/>
+<rect x="13.35" y="2.35" width="8.3" height="8.3" rx="4.15" style="stroke:var(--active-color-2);stroke-opacity:1;" stroke-width="1.7"/>
+<rect x="13.35" y="2.35" width="8.3" height="8.3" rx="4.15" stroke="currentColor" stroke-width="1.7"/>
+<rect x="15.75" y="4.75" width="3.5" height="3.5" rx="1.75" style="fill:var(--active-color-2);fill-opacity:1;"/>
+<rect x="2.35" y="13.35" width="8.3" height="8.3" rx="4.15" stroke="currentColor" stroke-width="1.7"/>
+<mask id="path-6-inside-2_3678_51136" fill="white">
+<rect x="13" y="13" width="9" height="9" rx="1"/>
+</mask>
+<rect x="13" y="13" width="9" height="9" rx="1" stroke="currentColor" stroke-width="3.4" mask="url(#path-6-inside-2_3678_51136)"/>
+</svg>
+</template>

package/src/TUIRoom/components/common/icons/NetworkDisconnectedIcon.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path opacity="0.5" d="M5.73859 13.5V19.5" stroke="#8F9AB2" stroke-width="3" />
+    <path opacity="0.5" d="M12.0786 9.5V19.5" stroke="#8F9AB2" stroke-width="3" />
+    <path opacity="0.5" d="M18.4086 4.5V13" stroke="#8F9AB2" stroke-width="3" />
+    <path d="M20.1586 14L14.1586 20" stroke="#ED414D" stroke-width="1.5" />
+    <path d="M20.1586 20L14.1586 14" stroke="#ED414D" stroke-width="1.5" />
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/NetworkFluctuationIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.73859 13.5V19.5" stroke="#F39843" stroke-width="3" />
+    <path d="M12.0786 9.5V19.5" stroke="#F39843" stroke-width="3" />
+    <path opacity="0.5" d="M18.4086 4.5V19.5" stroke="#8F9AB2" stroke-width="3" />
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/NetworkLagIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.73859 13.5V19.5" stroke="#ED414D" stroke-width="3" />
+    <path opacity="0.5" d="M12.0786 9.5V19.5" stroke="#8F9AB2" stroke-width="3" />
+    <path opacity="0.5" d="M18.4086 4.5V19.5" stroke="#8F9AB2" stroke-width="3" />
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/NetworkStabilityIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.73859 13.7305V19.7305" stroke="#27C39F" stroke-width="3" />
+    <path d="M12.0786 9.73047V19.7305" stroke="#27C39F" stroke-width="3" />
+    <path d="M18.4086 4.73047V19.7305" stroke="#27C39F" stroke-width="3" />
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/NextIcon.vue

@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="9" viewBox="0 0 14 9" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M7.74219 0L11.4922 4.5L7.74219 9H10.0853L13.3551 5.07617L13.8353 4.5L13.3551 3.92383L10.0853 0H7.74219Z" fill="currentColor" style="fill-opacity:1;"/>
+  <path d="M7.16406 4.5H0.164062" stroke="currentColor" style="stroke-opacity:1;" stroke-width="1.8"/>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/OffStageIcon.vue

@@ -0,0 +1,6 @@
+<template>
+  <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.13484 16.443C4.13484 17.3708 4.88701 18.123 5.81484 18.123H10.6148V16.683H5.81484C5.6823 16.683 5.57484 16.5756 5.57484 16.443V14.1836C6.68293 13.8702 7.49484 12.8514 7.49484 11.643V6.603H13.7349V9.72293H15.1749V6.603H15.4149C16.3077 6.603 17.097 6.15974 17.5749 5.48127V9.72293H19.0149V4.443C19.0149 3.48865 18.3959 2.67885 17.5376 2.39312C17.0566 1.74386 16.2849 1.323 15.4149 1.323H5.81484C4.94481 1.323 4.17308 1.74386 3.69212 2.39312C2.83376 2.67885 2.21484 3.48865 2.21484 4.443V11.643C2.21484 12.8514 3.02676 13.8702 4.13484 14.1836V16.443ZM3.65484 5.48127C4.13262 6.15974 4.92197 6.603 5.81484 6.603H6.05484V11.643C6.05484 12.3057 5.51759 12.843 4.85484 12.843C4.19211 12.843 3.65484 12.3057 3.65484 11.643V5.48127ZM5.81484 5.163C5.15211 5.163 4.61484 4.62573 4.61484 3.963C4.61484 3.30025 5.15211 2.763 5.81484 2.763H15.4149C16.0776 2.763 16.6149 3.30025 16.6149 3.963C16.6149 4.62573 16.0776 5.163 15.4149 5.163H5.81484Z" fill="currentColor"/>
+  <path d="M14.9345 11.2V17.3894M14.9345 17.3894L11.446 14.2081M14.9345 17.3894L18.4229 14.2081" stroke="currentColor" stroke-width="1.44"/>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/OnStageIcon.vue

@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 17C3.25 17.9665 4.0335 18.75 5 18.75H9.99998V17.25H5C4.86193 17.25 4.75 17.1381 4.75 17V14.6465C5.90425 14.32 6.75 13.2588 6.75 12V6.75H13.25V9.9999H14.75V6.75H15C15.9301 6.75 16.7523 6.28828 17.25 5.58154V9.9999H18.75V4.5C18.75 3.50588 18.1053 2.66236 17.2112 2.36471C16.7102 1.6884 15.9063 1.25 15 1.25H5C4.09371 1.25 3.28982 1.6884 2.78883 2.36471C1.89471 2.66236 1.25 3.50588 1.25 4.5V12C1.25 13.2588 2.09575 14.32 3.25 14.6465V17ZM2.75 5.58154C3.24768 6.28828 4.06992 6.75 5 6.75H5.25V12C5.25 12.6904 4.69036 13.25 4 13.25C3.30964 13.25 2.75 12.6904 2.75 12V5.58154ZM5 5.25C4.30964 5.25 3.75 4.69036 3.75 4C3.75 3.30964 4.30964 2.75 5 2.75H15C15.6904 2.75 16.25 3.30964 16.25 4C16.25 4.69036 15.6904 5.25 15 5.25H5Z" fill="currentColor" />
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.5765 18L10 14.3909L10.837 13.4873L13.3757 15.2488L17.9459 11L19 11.8814L13.5765 18Z" fill="currentColor" />
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/RevokeAdminIcon.vue

@@ -0,0 +1,15 @@
+<template>
+  <svg width="20" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_7666_3578)">
+  <path d="M13.6279 2.24109C14.4647 2.91871 14.9347 3.9291 14.9347 4.91343C14.9347 6.34517 14.3802 7.25688 13.9505 7.6228C13.7307 7.80993 13.6209 8.0958 13.6589 8.38193C13.697 8.66806 13.8776 8.91535 14.1386 9.03859C14.2731 9.10218 14.4064 9.17198 14.5379 9.24838C14.9715 9.13848 15.4256 9.08008 15.8933 9.08008C16.3364 9.08008 16.7673 9.13248 17.1801 9.23148C16.7608 8.76797 16.2994 8.36836 15.8031 8.03469C16.2964 7.25207 16.6347 6.18486 16.6347 4.91343C16.6347 3.40491 15.9243 1.91315 14.6977 0.919922L13.6279 2.24109Z" fill="currentColor"/>
+  <path d="M12.1768 8.96472C12.6718 9.02985 13.1557 9.27148 13.5919 9.58328C12.3414 10.1602 11.3443 11.1927 10.8134 12.468L9.28164 14.1686C8.32151 13.0317 7.33737 11.9178 6.32578 10.8263C5.71569 11.1639 5.03502 11.7857 4.45658 12.6373C3.88831 13.474 3.46354 14.4686 3.30793 15.5029H10.4704C10.5728 16.1091 10.7743 16.6815 11.0578 17.2029H1.54321V16.3529C1.54321 14.6167 2.17532 12.9704 3.0503 11.6822C3.91383 10.4108 5.08765 9.38288 6.27743 8.9986L6.78999 8.83306C7.64295 9.74216 8.49022 10.6567 9.31494 11.5916L11.7336 8.9064L12.1768 8.96472Z" fill="currentColor"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.17944 5.08019C5.17944 2.80327 7.02525 0.957462 9.30217 0.957462C11.5791 0.957462 13.4249 2.80327 13.4249 5.08019C13.4249 7.35711 11.5791 9.20288 9.30217 9.20288C7.02525 9.20288 5.17944 7.35711 5.17944 5.08019ZM9.30217 2.65746C7.96413 2.65746 6.87944 3.74215 6.87944 5.08019C6.87944 6.41822 7.96413 7.50291 9.30217 7.50291C10.6402 7.50291 11.7249 6.41822 11.7249 5.08019C11.7249 3.74215 10.6402 2.65746 9.30217 2.65746Z" fill="currentColor"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.3933 14.5801C11.3933 12.0948 13.408 10.0801 15.8933 10.0801C18.3786 10.0801 20.3933 12.0948 20.3933 14.5801C20.3933 17.0654 18.3786 19.0801 15.8933 19.0801C13.408 19.0801 11.3933 17.0654 11.3933 14.5801ZM15.8933 11.5801C14.4954 11.5801 13.3209 12.5362 12.9878 13.8301H18.7988C18.4658 12.5362 17.2912 11.5801 15.8933 11.5801ZM15.8933 17.5801C14.4954 17.5801 13.3209 16.624 12.9878 15.3301H18.7988C18.4658 16.624 17.2912 17.5801 15.8933 17.5801Z" fill="currentColor"/>
+  </g>
+  <defs>
+  <clipPath id="clip0_7666_3578">
+  <rect width="20" height="20" fill="white" transform="translate(0.968262)"/>
+  </clipPath>
+  </defs>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/ScreenOpenIcon.vue

@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path d="M4.99935 14.1674H3.16601C2.33759 14.1674 1.66602 13.4958 1.66602 12.6674V4.41699C1.66602 3.58856 2.33759 2.91699 3.16601 2.91699H16.8327C17.6611 2.91699 18.3327 3.58856 18.3327 4.41699V12.6674C18.3327 13.4958 17.6611 14.1674 16.8327 14.1674H14.9993" stroke="#B2BBD1" style="stroke:#B2BBD1;stroke:color(display-p3 0.6970 0.7318 0.8200);stroke-opacity:1;" stroke-width="1.7" stroke-linecap="square" stroke-linejoin="round"/>
+  <path d="M9.9987 13L5.83203 17.1667H14.1654L9.9987 13Z" stroke="#B2BBD1" style="stroke:#B2BBD1;stroke:color(display-p3 0.6970 0.7318 0.8200);stroke-opacity:1;" stroke-width="1.7" stroke-linejoin="round"/>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/ScreenShareIcon.vue

@@ -0,0 +1,10 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <mask id="path-1-inside-1_3678_51105" fill="white">
+  <path d="M7.33866 17.3038C7.43217 16.8364 7.84257 16.5 8.31924 16.5H15.6796C16.1563 16.5 16.5668 16.8365 16.6602 17.3039L17.2601 20.3039C17.3838 20.9227 16.9105 21.5 16.2795 21.5H7.71909C7.08802 21.5 6.61473 20.9226 6.73852 20.3038L7.33866 17.3038Z"/>
+  </mask>
+  <path d="M6.73852 20.3038L8.20938 20.5981L6.73852 20.3038ZM17.2601 20.3039L15.7892 20.598L17.2601 20.3039ZM16.6602 17.3039L18.1311 17.0098L16.6602 17.3039ZM7.33866 17.3038L5.86781 17.0096L7.33866 17.3038ZM8.31924 18H15.6796V15H8.31924V18ZM15.1893 17.598L15.7892 20.598L18.731 20.0098L18.1311 17.0098L15.1893 17.598ZM16.2795 20H7.71909V23H16.2795V20ZM8.20938 20.5981L8.80952 17.5981L5.86781 17.0096L5.26766 20.0096L8.20938 20.5981ZM7.71909 20C8.03462 20 8.27127 20.2887 8.20938 20.5981L5.26766 20.0096C4.95818 21.5566 6.14142 23 7.71909 23V20ZM15.7892 20.598C15.7273 20.2886 15.964 20 16.2795 20V23C17.8571 23 19.0403 21.5568 18.731 20.0098L15.7892 20.598ZM15.6796 18C15.4413 18 15.2361 17.8318 15.1893 17.598L18.1311 17.0098C17.8974 15.8412 16.8714 15 15.6796 15V18ZM8.31924 15C7.12758 15 6.10157 15.8411 5.86781 17.0096L8.80952 17.5981C8.76277 17.8318 8.55757 18 8.31924 18V15Z" fill="currentColor" mask="url(#path-1-inside-1_3678_51105)"/>
+  <path d="M2.85 4C2.85 3.91716 2.91716 3.85 3 3.85H21C21.0828 3.85 21.15 3.91716 21.15 4V17C21.15 17.0828 21.0828 17.15 21 17.15H3C2.91716 17.15 2.85 17.0828 2.85 17V4Z" stroke="currentColor" stroke-width="1.7"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5718 10.3704L12.5716 7.64965L12.0006 7.13184L11.4296 7.64967L8.42969 10.3702L9.57172 11.6295L11.1507 10.1975V13.4999H12.8507V10.1977L14.4298 11.6297L15.5718 10.3704Z" style="fill:var(--active-color-2);fill-opacity:1;"/>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/ScreenSharingIcon.vue

@@ -0,0 +1,9 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="44" height="44" viewBox="0 0 44 44" fill="none">
+    <path d="M11.0013 32.0966H8.2513H3.66797V7.3457H40.3346V32.0966H33.0013" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M22 29L14 37H30L22 29Z" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+    <circle cx="16.043" cy="19.709" r="1.375" fill="currentColor" />
+    <circle cx="22" cy="19.709" r="1.375" fill="currentColor" />
+    <circle cx="27.957" cy="19.709" r="1.375" fill="currentColor" />
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/SearchIcon.vue

@@ -0,0 +1,8 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <g opacity="0.8">
+  <path d="M8.74935 15.8337C12.6613 15.8337 15.8327 12.6623 15.8327 8.75033C15.8327 4.83833 12.6613 1.66699 8.74935 1.66699C4.83735 1.66699 1.66602 4.83833 1.66602 8.75033C1.66602 12.6623 4.83735 15.8337 8.74935 15.8337Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
+  <path d="M13.8418 13.8428L17.3773 17.3783" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </g>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/SetAdminIcon.vue

@@ -0,0 +1,36 @@
+<template>
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="Frame" clip-path="url(#clip0_6318_5279)">
+      <g id="Group 7672">
+        <g id="Group 7784">
+          <path
+            id="Vector"
+            d="M8.90896 9.27299C10.7164 9.27299 12.1817 7.80774 12.1817 6.00027C12.1817 4.19279 10.7164 2.72754 8.90896 2.72754C7.10148 2.72754 5.63623 4.19279 5.63623 6.00027C5.63623 7.80774 7.10148 9.27299 8.90896 9.27299Z"
+            stroke="currentColor"
+            stroke-width="1.7"
+            stroke-linecap="round"
+          />
+          <path
+            id="Vector_2"
+            d="M2 17.273C2 14.2048 4.24545 11.3412 6.14545 10.7275C6.14545 10.7275 7.87273 12.5684 8.90909 13.7957L11.6727 10.7275C13.2273 10.9321 15.8182 14.2048 15.8182 17.273"
+            stroke="currentColor"
+            stroke-width="1.7"
+            stroke-linecap="round"
+          />
+        </g>
+      </g>
+      <path
+        id="Vector_3"
+        d="M18.5 18C18.5 13.3054 16.6066 10.3692 14.1082 9.18947C14.7565 8.63744 15.3914 7.47313 15.3914 5.83292C15.3914 4.5865 14.8012 3.33542 13.7695 2.5"
+        stroke="currentColor"
+        stroke-width="1.7"
+        stroke-linejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_6318_5279">
+        <rect width="20" height="20" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/SettingIcon.vue

@@ -0,0 +1,10 @@
+<template>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="path-1-inside-1_3678_51153" fill="white">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.31376 3.45009C8.22586 3.70582 8.03682 3.91259 7.79778 4.03902C7.59671 4.14537 7.40015 4.25911 7.20846 4.37989C6.97927 4.52429 6.70521 4.58491 6.43932 4.53308L4.83797 4.22095C4.51601 4.1582 4.18143 4.25522 3.95758 4.49499C2.83001 5.70273 1.97129 7.16471 1.47679 8.78556C1.38114 9.09909 1.46448 9.43712 1.67966 9.68441L2.75398 10.919C2.93135 11.1228 3.01596 11.3896 3.00593 11.6597C3.00173 11.7726 2.99961 11.886 2.99961 12C2.99961 12.1139 3.00173 12.2274 3.00592 12.3403C3.01596 12.6103 2.93135 12.8772 2.75398 13.081L1.67966 14.3156C1.46448 14.5629 1.38113 14.9009 1.47679 15.2144C1.97129 16.8353 2.83001 18.2973 3.95758 19.505C4.18144 19.7448 4.51601 19.8418 4.83797 19.7791L6.43933 19.4669C6.70521 19.4151 6.97928 19.4757 7.20847 19.6201C7.40012 19.7409 7.59665 19.8546 7.79769 19.9609C8.03673 20.0874 8.22576 20.2941 8.31366 20.5499L8.84467 22.0946C8.95138 22.405 9.20292 22.6464 9.52281 22.72C10.3189 22.9032 11.148 23 11.9997 23C12.8514 23 13.6805 22.9032 14.4766 22.72C14.7965 22.6464 15.048 22.405 15.1547 22.0946L15.6858 20.5497C15.7737 20.294 15.9627 20.0873 16.2017 19.9608C16.4027 19.8545 16.5992 19.7408 16.7909 19.6201C17.02 19.4756 17.2941 19.415 17.56 19.4668L19.1615 19.779C19.4834 19.8418 19.818 19.7447 20.0419 19.505C21.1695 18.2972 22.0282 16.8351 22.5227 15.2142C22.6183 14.9006 22.535 14.5626 22.3198 14.3153L21.2453 13.0805C21.0679 12.8767 20.9833 12.6099 20.9933 12.3399C20.9975 12.2271 20.9996 12.1138 20.9996 12C20.9996 11.8862 20.9975 11.7729 20.9933 11.6601C20.9833 11.3901 21.0679 11.1233 21.2453 10.9195L22.3198 9.68465C22.535 9.43737 22.6183 9.09935 22.5227 8.78582C22.0282 7.1649 21.1695 5.70284 20.0419 4.49504C19.818 4.25527 19.4834 4.15825 19.1615 4.22101L17.56 4.53316C17.2941 4.58498 17.02 4.52436 16.7909 4.37995C16.5992 4.25919 16.4027 4.14546 16.2016 4.03912C15.9626 3.91269 15.7736 3.70591 15.6857 3.4502L15.1546 1.90537C15.0479 1.59495 14.7964 1.35357 14.4765 1.27996C13.6804 1.09679 12.8514 1 11.9997 1C11.148 1 10.319 1.09679 9.5229 1.27997C9.20302 1.35357 8.95147 1.59496 8.84476 1.90537L8.31376 3.45009Z"/>
+</mask>
+<path d="M8.84476 1.90537L7.23709 1.35274L8.84476 1.90537ZM20.0419 4.49504L18.7992 5.65516L20.0419 4.49504ZM19.1615 4.22101L18.8362 2.55241L19.1615 4.22101ZM22.3198 9.68465L21.0374 8.56869L22.3198 9.68465ZM22.5227 8.78582L20.8967 9.28186L22.5227 8.78582ZM20.9933 11.6601L19.2945 11.7232L20.9933 11.6601ZM21.2453 10.9195L22.5277 12.0354L21.2453 10.9195ZM21.2453 13.0805L22.5277 11.9645L21.2453 13.0805ZM20.9933 12.3399L19.2945 12.2768L20.9933 12.3399ZM22.5227 15.2142L20.8967 14.7181L22.5227 15.2142ZM22.3198 14.3153L23.6022 13.1994L22.3198 14.3153ZM19.1615 19.779L19.4867 18.1104L19.1615 19.779ZM20.0419 19.505L18.7992 18.3448L20.0419 19.505ZM17.56 19.4668L17.2348 21.1354L17.56 19.4668ZM15.6858 20.5497L17.2934 21.1024L15.6858 20.5497ZM16.2017 19.9608L15.4068 18.4581L16.2017 19.9608ZM14.4766 22.72L14.0953 21.0633L14.4766 22.72ZM15.1547 22.0946L13.547 21.542L15.1547 22.0946ZM7.79769 19.9609L7.00287 21.4637L7.79769 19.9609ZM8.31366 20.5499L6.706 21.1025L8.31366 20.5499ZM7.20847 19.6201L8.11471 18.1818L7.20847 19.6201ZM3.95758 19.505L5.2002 18.3449L3.95758 19.505ZM4.83797 19.7791L4.51274 18.1105L4.83797 19.7791ZM2.75398 13.081L4.03641 14.197L2.75398 13.081ZM2.75398 10.919L1.47155 12.0349L2.75398 10.919ZM1.67966 9.68441L2.96209 8.56844L1.67966 9.68441ZM15.1546 1.90537L16.7623 1.35273L15.1546 1.90537ZM14.4765 1.27996L14.0953 2.93667L14.4765 1.27996ZM4.83797 4.22095L4.51273 5.88955L4.83797 4.22095ZM3.95758 4.49499L2.71496 3.33486L3.95758 4.49499ZM15.6857 3.4502L17.2933 2.89756L15.6857 3.4502ZM7.79778 4.03902L7.00298 2.53626L7.79778 4.03902ZM8.31376 3.45009L9.92143 4.00273L8.31376 3.45009ZM8.84467 22.0946L7.237 22.6472L8.84467 22.0946ZM17.56 4.53316L17.8853 6.20176L17.56 4.53316ZM7.20846 4.37989L8.1147 5.81819L7.20846 4.37989ZM8.1147 5.81819C8.2702 5.72022 8.4296 5.62798 8.59259 5.54178L7.00298 2.53626C6.76382 2.66275 6.53009 2.798 6.30223 2.94158L8.1147 5.81819ZM4.51273 5.88955L6.11408 6.20168L6.76456 2.86449L5.16321 2.55236L4.51273 5.88955ZM3.1028 9.28163C3.52014 7.91371 4.24553 6.67766 5.2002 5.65511L2.71496 3.33486C1.41449 4.7278 0.422447 6.41571 -0.149218 8.28948L3.1028 9.28163ZM4.03641 9.80301L2.96209 8.56844L0.397233 10.8004L1.47155 12.0349L4.03641 9.80301ZM4.69961 12C4.69961 11.9071 4.70134 11.8147 4.70475 11.7228L1.3071 11.5965C1.30212 11.7305 1.29961 11.865 1.29961 12H4.69961ZM4.70475 12.2772C4.70133 12.1853 4.69961 12.0929 4.69961 12H1.29961C1.29961 12.135 1.30212 12.2695 1.3071 12.4035L4.70475 12.2772ZM2.96209 15.4315L4.03641 14.197L1.47155 11.965L0.39723 13.1996L2.96209 15.4315ZM5.2002 18.3449C4.24553 17.3223 3.52013 16.0863 3.1028 14.7184L-0.149223 15.7105C0.422443 17.5843 1.41449 19.2722 2.71496 20.6651L5.2002 18.3449ZM6.11409 17.7983L4.51274 18.1105L5.16321 21.4476L6.76456 21.1355L6.11409 17.7983ZM8.59251 18.4582C8.42955 18.372 8.27018 18.2798 8.11471 18.1818L6.30223 21.0584C6.53006 21.202 6.76375 21.3372 7.00287 21.4637L8.59251 18.4582ZM10.4523 21.542L9.92133 19.9972L6.706 21.1025L7.237 22.6472L10.4523 21.542ZM11.9997 21.3C11.2772 21.3 10.576 21.2179 9.90404 21.0633L9.14157 24.3767C10.0618 24.5885 11.0188 24.7 11.9997 24.7V21.3ZM14.0953 21.0633C13.4234 21.2179 12.7222 21.3 11.9997 21.3V24.7C12.9806 24.7 13.9376 24.5885 14.8578 24.3767L14.0953 21.0633ZM14.0781 19.9971L13.547 21.542L16.7624 22.6472L17.2934 21.1024L14.0781 19.9971ZM15.8846 18.1818C15.7291 18.2797 15.5698 18.3719 15.4068 18.4581L16.9966 21.4636C17.2356 21.3371 17.4693 21.2019 17.6971 21.0583L15.8846 18.1818ZM19.4867 18.1104L17.8852 17.7982L17.2348 21.1354L18.8362 21.4476L19.4867 18.1104ZM20.8967 14.7181C20.4793 16.0861 19.7539 17.3222 18.7992 18.3448L21.2845 20.6651C22.585 19.2721 23.5771 17.5841 24.1487 15.7102L20.8967 14.7181ZM19.9628 14.1965L21.0374 15.4313L23.6022 13.1994L22.5277 11.9645L19.9628 14.1965ZM19.2996 12C19.2996 12.0928 19.2979 12.185 19.2945 12.2768L22.6921 12.4029C22.6971 12.2692 22.6996 12.1348 22.6996 12H19.2996ZM19.2945 11.7232C19.2979 11.815 19.2996 11.9072 19.2996 12H22.6996C22.6996 11.8652 22.6971 11.7308 22.6921 11.597L19.2945 11.7232ZM21.0374 8.56869L19.9628 9.80352L22.5277 12.0354L23.6022 10.8006L21.0374 8.56869ZM18.7992 5.65516C19.7539 6.67775 20.4793 7.91387 20.8967 9.28186L24.1487 8.28979C23.5771 6.41592 22.585 4.72793 21.2845 3.33492L18.7992 5.65516ZM17.8853 6.20176L19.4867 5.88961L18.8362 2.55241L17.2348 2.86456L17.8853 6.20176ZM15.4068 5.54186C15.5697 5.62805 15.7291 5.72028 15.8846 5.81825L17.6971 2.94166C17.4693 2.7981 17.2356 2.66286 16.9965 2.53637L15.4068 5.54186ZM13.547 2.45801L14.078 4.00283L17.2933 2.89756L16.7623 1.35273L13.547 2.45801ZM11.9997 2.7C12.7222 2.7 13.4234 2.78206 14.0953 2.93667L14.8577 -0.376741C13.9375 -0.588487 12.9806 -0.7 11.9997 -0.7V2.7ZM9.90412 2.93667C10.576 2.78206 11.2772 2.7 11.9997 2.7V-0.7C11.0188 -0.7 10.0619 -0.588486 9.14169 -0.376738L9.90412 2.93667ZM9.92143 4.00273L10.4524 2.45801L7.23709 1.35274L6.7061 2.89746L9.92143 4.00273ZM9.14169 -0.376738C8.20638 -0.161519 7.51966 0.530726 7.23709 1.35274L10.4524 2.45801C10.3833 2.65919 10.1997 2.86867 9.90412 2.93667L9.14169 -0.376738ZM21.2845 3.33492C20.6307 2.63461 19.6891 2.38617 18.8362 2.55241L19.4867 5.88961C19.2778 5.93033 19.0054 5.87593 18.7992 5.65516L21.2845 3.33492ZM23.6022 10.8006C24.1721 10.1457 24.4283 9.20641 24.1487 8.28979L20.8967 9.28186C20.8083 8.99228 20.8979 8.72902 21.0374 8.56869L23.6022 10.8006ZM22.6921 11.597C22.6966 11.7162 22.6606 11.8827 22.5277 12.0354L19.9628 9.80352C19.4752 10.3639 19.27 11.064 19.2945 11.7232L22.6921 11.597ZM22.5277 11.9645C22.6606 12.1173 22.6966 12.2838 22.6921 12.4029L19.2945 12.2768C19.27 12.936 19.4752 13.6361 19.9628 14.1965L22.5277 11.9645ZM24.1487 15.7102C24.4283 14.7936 24.1721 13.8543 23.6022 13.1994L21.0374 15.4313C20.8979 15.271 20.8083 15.0077 20.8967 14.7181L24.1487 15.7102ZM18.8362 21.4476C19.6891 21.6138 20.6307 21.3654 21.2845 20.6651L18.7992 18.3448C19.0054 18.1241 19.2778 18.0697 19.4867 18.1104L18.8362 21.4476ZM17.6971 21.0583C17.5965 21.1217 17.4342 21.1743 17.2348 21.1354L17.8852 17.7982C17.154 17.6557 16.4436 17.8296 15.8846 18.1818L17.6971 21.0583ZM17.2934 21.1024C17.2275 21.2942 17.1011 21.4082 16.9966 21.4636L15.4068 18.4581C14.8242 18.7663 14.3198 19.2938 14.0781 19.9971L17.2934 21.1024ZM14.8578 24.3767C15.7931 24.1615 16.4798 23.4692 16.7624 22.6472L13.547 21.542C13.6162 21.3408 13.7998 21.1313 14.0953 21.0633L14.8578 24.3767ZM7.00287 21.4637C6.89828 21.4084 6.77194 21.2943 6.706 21.1025L9.92133 19.9972C9.67957 19.2939 9.17517 18.7664 8.59251 18.4582L7.00287 21.4637ZM6.76456 21.1355C6.56513 21.1744 6.4028 21.1218 6.30223 21.0584L8.11471 18.1818C7.55576 17.8296 6.84529 17.6558 6.11409 17.7983L6.76456 21.1355ZM2.71496 20.6651C3.36878 21.3655 4.31036 21.6139 5.16321 21.4476L4.51274 18.1105C4.72166 18.0697 4.99409 18.1241 5.2002 18.3449L2.71496 20.6651ZM0.39723 13.1996C-0.17266 13.8545 -0.428877 14.7939 -0.149223 15.7105L3.1028 14.7184C3.19115 15.0079 3.10161 15.2712 2.96209 15.4315L0.39723 13.1996ZM1.3071 12.4035C1.30267 12.2843 1.33862 12.1178 1.47155 11.965L4.03641 14.197C4.52407 13.6366 4.72926 12.9364 4.70475 12.2772L1.3071 12.4035ZM1.47155 12.0349C1.33862 11.8822 1.30267 11.7157 1.3071 11.5965L4.70475 11.7228C4.72926 11.0636 4.52407 10.3634 4.03641 9.80301L1.47155 12.0349ZM-0.149218 8.28948C-0.428875 9.20612 -0.172656 10.1455 0.397233 10.8004L2.96209 8.56844C3.10162 8.72878 3.19115 8.99205 3.1028 9.28163L-0.149218 8.28948ZM16.7623 1.35273C16.4797 0.530723 15.793 -0.161523 14.8577 -0.376741L14.0953 2.93667C13.7997 2.86867 13.6161 2.65918 13.547 2.45801L16.7623 1.35273ZM5.16321 2.55236C4.31036 2.38612 3.36877 2.63455 2.71496 3.33486L5.2002 5.65511C4.99409 5.87588 4.72166 5.93028 4.51273 5.88955L5.16321 2.55236ZM16.9965 2.53637C17.101 2.59169 17.2274 2.70572 17.2933 2.89756L14.078 4.00283C14.3197 4.70611 14.8241 5.23368 15.4068 5.54186L16.9965 2.53637ZM8.59259 5.54178C9.17526 5.23361 9.67967 4.70602 9.92143 4.00273L6.7061 2.89746C6.77204 2.70561 6.89839 2.59158 7.00298 2.53626L8.59259 5.54178ZM7.237 22.6472C7.51957 23.4692 8.20628 24.1615 9.14157 24.3767L9.90404 21.0633C10.1996 21.1313 10.3832 21.3408 10.4523 21.542L7.237 22.6472ZM17.2348 2.86456C17.4342 2.82569 17.5965 2.87829 17.6971 2.94166L15.8846 5.81825C16.4436 6.17044 17.154 6.34428 17.8853 6.20176L17.2348 2.86456ZM6.30223 2.94158C6.4028 2.87821 6.56513 2.82561 6.76456 2.86449L6.11408 6.20168C6.84529 6.34421 7.55575 6.17037 8.1147 5.81819L6.30223 2.94158Z" fill="currentColor" mask="url(#path-1-inside-1_3678_51153)"/>
+<circle cx="12" cy="12" r="3.65" stroke="currentColor" stroke-width="1.7"/>
+<circle cx="12" cy="12" r="1.5" style="fill:var(--active-color-2);fill-opacity:1;"/>
+</svg>
+</template>

package/src/TUIRoom/components/common/icons/StageApplicationIcon.vue

@@ -0,0 +1,42 @@
+<template>
+  <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="&#229;&#136;&#151;&#232;&#161;&#168;-list 1">
+      <path
+        id="Vector"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M2.42383 6.00391H4.42774V4H2.42383V6.00391Z"
+        fill="currentColor"
+      />
+      <path
+        id="Vector_2"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M2.42383 13.0039H4.42774V11H2.42383V13.0039Z"
+        fill="currentColor"
+      />
+      <path
+        id="Vector_3"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M2.42383 20.0039H4.42774V18H2.42383V20.0039Z"
+        fill="currentColor"
+      />
+      <path id="Vector_4" fill-rule="evenodd" clip-rule="evenodd" d="M7.42383 4H22.4238V6H7.42383V4Z" fill="currentColor" />
+      <path
+        id="Vector_5"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M7.42383 11H22.4238V13H7.42383V11Z"
+        fill="currentColor"
+      />
+      <path
+        id="Vector_6"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M7.42383 18H22.4238V20H7.42383V18Z"
+        fill="currentColor"
+      />
+    </g>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/StepDownIcon.vue

@@ -0,0 +1,10 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      id="Union"
+      d="M20.8986 3.42386C22.3289 4.11928 23.0053 5.72589 22.7691 7.29892C22.4961 9.11775 22.2275 10.9555 22.2275 10.9555L16.4539 10.4884L16.1425 6.66655C14.8427 6.30323 13.6573 6.12084 12.2415 6.12109C10.8183 6.12134 9.6461 6.3148 8.34025 6.68222L8.02748 10.4899L2.25376 10.9591L1.70207 7.27909C1.46817 5.71887 2.14471 4.13002 3.56278 3.43791C6.18415 2.15851 9.12948 1.44031 12.2423 1.43975C15.3462 1.4392 18.2834 2.15226 20.8986 3.42386Z"
+      stroke="currentColor"
+      stroke-width="1.7"
+    />
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/StopScreenShareIcon.vue

@@ -0,0 +1,15 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g id="Group 7999">
+  <g id="Union">
+  <mask id="path-1-inside-1_3678_50349" fill="white">
+  <path d="M7.33866 17.3038C7.43217 16.8364 7.84257 16.5 8.31924 16.5H15.6796C16.1563 16.5 16.5668 16.8365 16.6602 17.3039L17.2601 20.3039C17.3838 20.9227 16.9105 21.5 16.2795 21.5H7.71909C7.08802 21.5 6.61473 20.9226 6.73852 20.3038L7.33866 17.3038Z"/>
+  </mask>
+  <path d="M6.73852 20.3038L8.20938 20.5981L6.73852 20.3038ZM17.2601 20.3039L15.7892 20.598L17.2601 20.3039ZM16.6602 17.3039L18.1311 17.0098L16.6602 17.3039ZM7.33866 17.3038L5.86781 17.0096L7.33866 17.3038ZM8.31924 18H15.6796V15H8.31924V18ZM15.1893 17.598L15.7892 20.598L18.731 20.0098L18.1311 17.0098L15.1893 17.598ZM16.2795 20H7.71909V23H16.2795V20ZM8.20938 20.5981L8.80952 17.5981L5.86781 17.0096L5.26766 20.0096L8.20938 20.5981ZM7.71909 20C8.03462 20 8.27127 20.2887 8.20938 20.5981L5.26766 20.0096C4.95818 21.5566 6.14142 23 7.71909 23V20ZM15.7892 20.598C15.7273 20.2886 15.964 20 16.2795 20V23C17.8571 23 19.0403 21.5568 18.731 20.0098L15.7892 20.598ZM15.6796 18C15.4413 18 15.2361 17.8318 15.1893 17.598L18.1311 17.0098C17.8974 15.8412 16.8714 15 15.6796 15V18ZM8.31924 15C7.12758 15 6.10157 15.8411 5.86781 17.0096L8.80952 17.5981C8.76277 17.8318 8.55757 18 8.31924 18V15Z" fill="currentColor" mask="url(#path-1-inside-1_3678_50349)"/>
+  </g>
+  <path id="Rectangle 2863" d="M2.85 4C2.85 3.91716 2.91716 3.85 3 3.85H21C21.0828 3.85 21.15 3.91716 21.15 4V17C21.15 17.0828 21.0828 17.15 21 17.15H3C2.91716 17.15 2.85 17.0828 2.85 17V4Z" fill="#ED414D" stroke="currentColor" style="fill:#ED414D;fill:color(display-p3 0.9292 0.2555 0.3004);fill-opacity:1;" stroke-width="1.7"/>
+  <path id="Vector 124" d="M9.52513 8.02565L14.4749 12.9754M14.4749 8.02565L9.52513 12.9754" stroke="white" style="stroke:white;stroke:white;stroke-opacity:1;" stroke-width="1.7"/>
+  </g>
+  </svg>
+</template>
+

package/src/TUIRoom/components/common/icons/SwitchThemeIcon.vue

@@ -0,0 +1,5 @@
+<template>
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.60003 9.84247V9.49039L4.35107 9.24143L2.20467 7.09503C1.95083 6.84119 1.95083 6.42963 2.20467 6.17579L5.41335 2.96711C5.56837 2.81209 5.77862 2.725 5.99785 2.725C6.30452 2.725 6.6658 2.93168 7.13752 3.37466C7.87012 4.06261 8.89093 4.475 10.0001 4.475C11.1118 4.475 12.1349 4.06064 12.8679 3.36969C13.3351 2.92928 13.6936 2.725 13.9966 2.725C14.2136 2.725 14.4216 2.81118 14.575 2.96457L17.7862 6.17579C18.0401 6.42963 18.0401 6.84119 17.7862 7.09503L15.649 9.23227L15.4 9.48123V9.83331V16C15.4 16.359 15.109 16.65 14.75 16.65H5.25003C4.89105 16.65 4.60003 16.359 4.60003 16V9.84247Z" stroke="currentColor" stroke-width="1.7"/>
+</svg>
+</template>

package/src/TUIRoom/components/common/icons/TransferIcon.vue

@@ -0,0 +1,29 @@
+<template>
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="Frame" clip-path="url(#clip0_6318_5268)">
+      <g id="Group 7672">
+        <g id="Group 7784">
+          <path
+            id="Vector"
+            d="M10 9.27299C11.8075 9.27299 13.2727 7.80774 13.2727 6.00027C13.2727 4.19279 11.8075 2.72754 10 2.72754C8.19254 2.72754 6.72729 4.19279 6.72729 6.00027C6.72729 7.80774 8.19254 9.27299 10 9.27299Z"
+            stroke="currentColor"
+            stroke-width="1.7"
+            stroke-linecap="round"
+          />
+          <path
+            id="Vector_2"
+            d="M3.09106 17.273C3.09106 14.2048 5.33652 11.3412 7.23652 10.7275C7.23652 10.7275 8.96379 12.5684 10.0002 13.7957L12.7638 10.7275C14.3183 10.9321 16.9092 14.2048 16.9092 17.273"
+            stroke="currentColor"
+            stroke-width="1.7"
+            stroke-linecap="round"
+          />
+        </g>
+      </g>
+    </g>
+    <defs>
+      <clipPath id="clip0_6318_5268">
+        <rect width="20" height="20" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/TransferOwnerIcon.vue

@@ -0,0 +1,29 @@
+<template>
+  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g id="Frame" clip-path="url(#clip0_6318_5268)">
+      <g id="Group 7672">
+        <g id="Group 7784">
+          <path
+            id="Vector"
+            d="M10 9.27299C11.8075 9.27299 13.2727 7.80774 13.2727 6.00027C13.2727 4.19279 11.8075 2.72754 10 2.72754C8.19254 2.72754 6.72729 4.19279 6.72729 6.00027C6.72729 7.80774 8.19254 9.27299 10 9.27299Z"
+            stroke="currentColor"
+            stroke-width="1.7"
+            stroke-linecap="round"
+          />
+          <path
+            id="Vector_2"
+            d="M3.09106 17.273C3.09106 14.2048 5.33652 11.3412 7.23652 10.7275C7.23652 10.7275 8.96379 12.5684 10.0002 13.7957L12.7638 10.7275C14.3183 10.9321 16.9092 14.2048 16.9092 17.273"
+            stroke="currentColor"
+            stroke-width="1.7"
+            stroke-linecap="round"
+          />
+        </g>
+      </g>
+    </g>
+    <defs>
+      <clipPath id="clip0_6318_5268">
+        <rect width="20" height="20" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/UnSupportIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
+    <circle cx="7.00781" cy="7" r="7" fill="#FF643D" style="fill:#FF643D;fill:color(display-p3 1.0000 0.3922 0.2392);fill-opacity:1;" />
+    <path d="M10 3.99989L3.99936 10.0005" stroke="white" style="stroke:white;stroke:white;stroke-opacity:1;" stroke-width="1.5" />
+    <path d="M4 3.99989L10.0006 10.0005" stroke="white" style="stroke:white;stroke:white;stroke-opacity:1;" stroke-width="1.5" />
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/UserIcon.vue

@@ -0,0 +1,3 @@
+<template>
+  <svg t="1705479915160" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3251" width="20" height="20"><path d="M511.9488 460.8a204.8 204.8 0 1 0 0-409.6 204.8 204.8 0 0 0 0 409.6zM512 691.2L405.3504 563.2H396.8a268.8 268.8 0 0 0-268.8 268.8v48.0256c0 37.0688 30.1056 67.1744 67.2256 67.1744h633.5488c37.12 0 67.2256-30.1056 67.2256-67.2256v-47.9744c0-148.48-120.32-268.8-268.8-268.8h-8.5504L512 691.2z" p-id="3252" fill="currentColor"></path></svg>
+</template>

package/src/TUIRoom/components/common/icons/UserStrokeIcon.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+    <g clip-path="url(#clip0_3426_9495)">
+      <path d="M10.0012 9.27299C11.8087 9.27299 13.274 7.80774 13.274 6.00027C13.274 4.19279 11.8087 2.72754 10.0012 2.72754C8.19377 2.72754 6.72852 4.19279 6.72852 6.00027C6.72852 7.80774 8.19377 9.27299 10.0012 9.27299Z" stroke="#6B758A" style="stroke:#6B758A;stroke:color(display-p3 0.4196 0.4588 0.5412);stroke-opacity:1;" stroke-width="1.7" stroke-linecap="round"/>
+      <path d="M3.0918 17.273C3.0918 14.2048 5.33725 11.3412 7.23725 10.7275C7.23725 10.7275 8.96452 12.5684 10.0009 13.7957L12.7645 10.7275C14.3191 10.9321 16.91 14.2048 16.91 17.273" stroke="#6B758A" style="stroke:#6B758A;stroke:color(display-p3 0.4196 0.4588 0.5412);stroke-opacity:1;" stroke-width="1.7" stroke-linecap="round"/>
+    </g>
+    <defs>
+      <clipPath id="clip0_3426_9495">
+        <rect width="20" height="20" fill="white" style="fill:white;fill:white;fill-opacity:1;"/>
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/VideoCloseIcon.vue

@@ -0,0 +1,7 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3182 8.30141L13.7493 9.06772L14.3419 8.73439L13.9251 7.99355L14.3419 8.73439L17.5923 6.90599C17.6923 6.84975 17.8159 6.92201 17.8159 7.03673L17.8159 14.2837C17.8159 14.3984 17.6923 14.4707 17.5923 14.4144L14.3419 12.586L13.7493 12.2527L12.9158 13.7344L13.5084 14.0677L16.7589 15.8961C17.9921 16.5898 19.5159 15.6986 19.5159 14.2837L19.5159 7.03673C19.5159 5.6218 17.9921 4.73063 16.7589 5.42431L14.1234 6.90677L13.3182 8.30141Z" fill="currentColor" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.1084 17.332H12.5C13.3284 17.332 14 16.6605 14 15.832V7.12752L12.3 10.072V15.632H9.0899L8.1084 17.332ZM10.8797 5.03203H1.7V15.632H4.75977L3.77828 17.332H1.5C0.671573 17.332 0 16.6605 0 15.832V4.83203C0 4.0036 0.671573 3.33203 1.5 3.33203H11.8612L10.8797 5.03203Z" fill="currentColor" />
+  <path d="M5.39453 18.2822L14.3945 2.69383" stroke="#ED414D" style="stroke:#ED414D;stroke:color(display-p3 0.9292 0.2555 0.3004);stroke-opacity:1;" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/VideoOpenIcon.vue

@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.3182 8.30727L13.7493 9.07358L14.3419 8.74024L17.5923 6.91185C17.6923 6.8556 17.8159 6.92786 17.8159 7.04259L17.8159 14.2896C17.8159 14.4043 17.6923 14.4765 17.5923 14.4203L14.3419 12.5919L13.7493 12.2586L12.9158 13.7402L13.5084 14.0736L16.7589 15.902C17.9921 16.5957 19.5159 15.7045 19.5159 14.2896L19.5159 7.04259C19.5159 5.62765 17.9921 4.73649 16.7589 5.43017L14.1234 6.91263L13.3182 8.30727Z" fill="currentColor" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.7 5.03301V15.633H12.3V5.03301H1.7ZM1.5 3.33301C0.671573 3.33301 0 4.00458 0 4.83301V15.833C0 16.6614 0.671573 17.333 1.5 17.333H12.5C13.3284 17.333 14 16.6614 14 15.833V4.83301C14 4.00458 13.3284 3.33301 12.5 3.33301H1.5Z" fill="currentColor"/>
+  </svg>
+</template>

package/src/TUIRoom/components/common/icons/VirtualBackgroundIcon.vue

@@ -0,0 +1,12 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <mask id="path-1-inside-1_9286_2150" fill="white">
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M12 10C14.2091 10 16 8.20914 16 6C16 3.79086 14.2091 2 12 2C9.79086 2 8 3.79086 8 6C8 8.20914 9.79086 10 12 10ZM10 12C6.68629 12 4 14.6863 4 18V21H20V18C20 14.6863 17.3137 12 14 12H10Z" />
+    </mask>
+    <path d="M4 21H2.3V22.7H4V21ZM20 21V22.7H21.7V21H20ZM14.3 6C14.3 7.27025 13.2703 8.3 12 8.3V11.7C15.148 11.7 17.7 9.14802 17.7 6H14.3ZM12 3.7C13.2703 3.7 14.3 4.72975 14.3 6H17.7C17.7 2.85198 15.148 0.3 12 0.3V3.7ZM9.7 6C9.7 4.72975 10.7297 3.7 12 3.7V0.3C8.85198 0.3 6.3 2.85198 6.3 6H9.7ZM12 8.3C10.7297 8.3 9.7 7.27025 9.7 6H6.3C6.3 9.14802 8.85198 11.7 12 11.7V8.3ZM5.7 18C5.7 15.6252 7.62518 13.7 10 13.7V10.3C5.74741 10.3 2.3 13.7474 2.3 18H5.7ZM5.7 21V18H2.3V21H5.7ZM20 19.3H4V22.7H20V19.3ZM18.3 18V21H21.7V18H18.3ZM14 13.7C16.3748 13.7 18.3 15.6252 18.3 18H21.7C21.7 13.7474 18.2526 10.3 14 10.3V13.7ZM10 13.7H14V10.3H10V13.7Z" fill="currentColor" mask="url(#path-1-inside-1_9286_2150)" />
+    <path d="M3 12L7 8" stroke="var(--active-color-2)" stroke-width="1.7" />
+    <path d="M18 12L22 8" stroke="var(--active-color-2)" stroke-width="1.7" />
+    <path d="M2.00098 7L6.00098 3" stroke="var(--active-color-2)" stroke-width="1.7" />
+    <path d="M17.001 7L21.001 3" stroke="var(--active-color-2)" stroke-width="1.7" />
+  </svg>
+</template>

package/src/TUIRoom/conference.ts

@@ -0,0 +1,149 @@
+import { ChatSDK } from '@tencentcloud/chat';
+import { roomService, StartParams, JoinParams, LanguageOption, ThemeOption, EventType } from './services';
+import { TUIRoomEngine } from './index';
+import logger from './utils/common/logger';
+
+export enum RoomEvent {
+  ROOM_START = 'RoomStart',
+  ROOM_JOIN = 'RoomJoin',
+  ROOM_LEAVE = 'RoomLeave',
+  ROOM_DISMISS = 'RoomDestroy',
+  ROOM_ERROR = 'RoomError',
+  KICKED_OUT = 'KickedOut',
+  KICKED_OFFLINE = 'KickedOffline',
+  USER_SIG_EXPIRED = 'UserSigExpired',
+  USER_LOGOUT = 'UserLogout',
+}
+export enum FeatureButton {
+  SwitchTheme = 'SwitchTheme',
+  SwitchLayout = 'LayoutControl',
+  SwitchLanguage = 'Language',
+  FullScreen = 'FullScreen',
+  Invitation = 'InviteControl',
+}
+interface IConference {
+  getRoomEngine(): TUIRoomEngine | null;
+
+  on: (eventType: RoomEvent, callback: () => void) => void;
+
+  off: (eventType: RoomEvent, callback: () => void) => void;
+
+  login: (params: {
+    sdkAppId: number;
+    userId: string;
+    userSig: string;
+    tim?: ChatSDK;
+  }) => Promise<void>;
+
+  logout: () => Promise<void>;
+
+  start: (roomId: string, params: StartParams) => Promise<void>;
+
+  join: (roomId: string, params: JoinParams) => Promise<void>;
+
+  leave: () => Promise<void>;
+
+  dismiss: () => Promise<void>;
+
+  setSelfInfo: (options: {
+    userName: string;
+    avatarUrl: string;
+  }) => Promise<void>;
+
+  setLanguage: (language: LanguageOption) => void;
+
+  setTheme: (theme: ThemeOption) => void;
+
+  disableTextMessaging: () => void;
+
+  disableScreenSharing: () => void;
+
+  enableWatermark: () => void;
+
+  enableVirtualBackground: () => void;
+
+  hideFeatureButton: (name: FeatureButton) => void;
+}
+class Conference implements IConference {
+  public login(params: {
+    sdkAppId: number;
+    userId: string;
+    userSig: string;
+    tim?: ChatSDK;
+  }) {
+    return roomService.initRoomKit(params);
+  }
+
+  public async logout() {
+    return roomService.logOut();
+  }
+
+  public getRoomEngine() {
+    const roomEngine = roomService.roomEngine.instance;
+    if (!roomEngine) {
+      logger.warn('getRoomEngine failed, roomEngine is not exist');
+    }
+    return roomService.roomEngine.instance;
+  }
+
+  public on(eventType: RoomEvent, callback: () => any) {
+    roomService.on(eventType as unknown as EventType, callback);
+  }
+
+  public off(eventType: RoomEvent, callback: () => void) {
+    roomService.off(eventType as unknown as EventType, callback);
+  }
+
+  public async start(roomId: string, params?: StartParams) {
+    return await roomService.start(roomId, params);
+  }
+
+  public async join(roomId: string, params?: JoinParams) {
+    return await roomService.join(roomId, params);
+  }
+
+  public async leave() {
+    return await roomService.leaveRoom();
+  }
+
+  public async dismiss() {
+    return await roomService.dismissRoom();
+  }
+
+  public setSelfInfo(options: {
+    userName: string;
+    avatarUrl: string;
+  }) {
+    return roomService.setSelfInfo(options);
+  }
+
+  public setLanguage(language: LanguageOption) {
+    return roomService.setLanguage(language);
+  }
+
+  public setTheme(theme: 'LIGHT' | 'DARK') {
+    return roomService.setTheme(theme);
+  }
+
+  public disableTextMessaging() {
+    roomService.setComponentConfig({ ChatControl: { visible: false } });
+  }
+
+  public disableScreenSharing() {
+    roomService.setComponentConfig({ ScreenShare: { visible: false } });
+  }
+
+  public enableWatermark() {
+    roomService.waterMark.toggleWatermark(true);
+  }
+
+  public enableVirtualBackground() {
+    roomService.setComponentConfig({ VirtualBackground: { visible: true } });
+  }
+
+  public hideFeatureButton(name: FeatureButton) {
+    roomService.setComponentConfig({ [name]: { visible: false } });
+  }
+}
+
+export const conference = new Conference();