@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

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

@@ -1,7 +1,33 @@
 <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="M6.95377 20H16C16.5523 20 17 19.5523 17 19V16.293L21.3779 18.336C22.0409 18.6454 22.8008 18.1614 22.8008 17.4298V6.5702C22.8008 5.83858 22.0409 5.35462 21.3779 5.66401L17.258 7.58664L15.3 9.9454V18.3H8.36493L6.95377 20ZM13.9504 5.7H2.7V18.3H3.4913L2.08014 20H2C1.44772 20 1 19.5523 1 19V5C1 4.44772 1.44772 4 2 4H15.3616L13.9504 5.7ZM17.0008 9.58267L21.1008 7.66933V16.3307L17.0008 14.4173V9.58267Z" fill="currentColor"/>
-  <path d="M4.14339 20.6077L17.5022 4.47709" 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"/>
-  <path d="M5 9H8.5" style="stroke:var(--active-color-2);stroke-opacity:1;" stroke-width="1.7"/>
+  <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="M6.95377 20H16C16.5523 20 17 19.5523 17 19V16.293L21.3779 18.336C22.0409 18.6454 22.8008 18.1614 22.8008 17.4298V6.5702C22.8008 5.83858 22.0409 5.35462 21.3779 5.66401L17.258 7.58664L15.3 9.9454V18.3H8.36493L6.95377 20ZM13.9504 5.7H2.7V18.3H3.4913L2.08014 20H2C1.44772 20 1 19.5523 1 19V5C1 4.44772 1.44772 4 2 4H15.3616L13.9504 5.7ZM17.0008 9.58267L21.1008 7.66933V16.3307L17.0008 14.4173V9.58267Z"
+      fill="currentColor"
+    />
+    <path
+      d="M4.14339 20.6077L17.5022 4.47709"
+      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"
+    />
+    <path
+      d="M5 9H8.5"
+      style="stroke: var(--active-color-2); stroke-opacity: 1"
+      stroke-width="1.7"
+    />
   </svg>
 </template>

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

@@ -1,6 +1,22 @@
 <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="M1 5C1 4.44772 1.44772 4 2 4H16C16.5523 4 17 4.44772 17 5V7.7288L21.5859 5.6431C22.248 5.34196 22.9999 5.82599 22.9999 6.55338V17.4466C22.9999 18.174 22.248 18.658 21.5859 18.3569L17 16.2712V19C17 19.5523 16.5523 20 16 20H2C1.44772 20 1 19.5523 1 19V5ZM2.7 18.3V5.7H15.3V18.3H2.7ZM17.0043 9.59439L21.2999 7.64074V16.3593L17.0043 14.4056V9.59439Z" fill="currentColor"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.50007 9.85H5.00007V8.15H8.50007V9.85Z" style="fill:var(--active-color-2);fill-opacity:1;" />
+  <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="M1 5C1 4.44772 1.44772 4 2 4H16C16.5523 4 17 4.44772 17 5V7.7288L21.5859 5.6431C22.248 5.34196 22.9999 5.82599 22.9999 6.55338V17.4466C22.9999 18.174 22.248 18.658 21.5859 18.3569L17 16.2712V19C17 19.5523 16.5523 20 16 20H2C1.44772 20 1 19.5523 1 19V5ZM2.7 18.3V5.7H15.3V18.3H2.7ZM17.0043 9.59439L21.2999 7.64074V16.3593L17.0043 14.4056V9.59439Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M8.50007 9.85H5.00007V8.15H8.50007V9.85Z"
+      style="fill: var(--active-color-2); fill-opacity: 1"
+    />
   </svg>
 </template>

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

@@ -1,5 +1,11 @@
 <template>
-  <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="20"
+    height="18"
+    viewBox="0 0 20 18"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M7.96375 2.4375L6.08875 4.3125H2.5V15.5625H17.5V4.3125H13.9113L12.0363 2.4375H7.96375ZM7.1875 0.5625H12.8125L14.6875 2.4375H18.4375C18.6861 2.4375 18.9246 2.53627 19.1004 2.71209C19.2762 2.8879 19.375 3.12636 19.375 3.375V16.5C19.375 16.7486 19.2762 16.9871 19.1004 17.1629C18.9246 17.3387 18.6861 17.4375 18.4375 17.4375H1.5625C1.31386 17.4375 1.0754 17.3387 0.899587 17.1629C0.723772 16.9871 0.625 16.7486 0.625 16.5V3.375C0.625 3.12636 0.723772 2.8879 0.899587 2.71209C1.0754 2.53627 1.31386 2.4375 1.5625 2.4375H5.3125L7.1875 0.5625ZM7.7875 4.80937C8.89197 4.28367 10.1474 4.16773 11.3294 4.48226C12.5115 4.7968 13.5433 5.52132 14.2404 6.52641C14.9375 7.5315 15.2547 8.7517 15.1351 9.96905C15.0156 11.1864 14.4672 12.3216 13.5878 13.1719L11.6406 9.5625H13.2803L13.2812 9.46875C13.2813 8.92145 13.1445 8.38281 12.8833 7.9019C12.622 7.42097 12.2446 7.01304 11.7854 6.71524C11.3262 6.41744 10.7998 6.23923 10.2542 6.19683C9.70852 6.15443 9.16093 6.2492 8.66125 6.4725L7.7875 4.80937ZM12.1722 14.1469C11.0704 14.6596 9.82287 14.7667 8.64979 14.4493C7.47671 14.1319 6.45344 13.4103 5.76056 12.4119C5.06768 11.4135 4.74971 10.2024 4.86276 8.99241C4.9758 7.7824 5.5126 6.65121 6.37844 5.79844L8.35938 9.46875H6.71875C6.71858 10.0125 6.85351 10.5477 7.11143 11.0263C7.36935 11.505 7.74216 11.912 8.19636 12.2109C8.65056 12.5097 9.17191 12.6911 9.71354 12.7385C10.2552 12.786 10.8001 12.6981 11.2994 12.4828L12.1722 14.1459V14.1469Z"
       fill="currentColor"

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

@@ -1,5 +1,11 @@
 <template>
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g id="Group 7805">
       <g id="Union">
         <mask id="path-1-inside-1_6891_44097" fill="white">

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

@@ -1,6 +1,23 @@
 <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="M7.76623 16.3482C8.48048 16.4958 9.22891 16.5743 10 16.5743C11.1417 16.5743 12.2343 16.4016 13.2406 16.0884C13.4355 16.0278 13.646 16.0348 13.833 16.1165L16.5019 17.2823C17.2195 17.5957 18.0026 17.0001 17.8922 16.2249L17.5436 13.778C17.5039 13.499 17.5868 13.2184 17.753 12.9908C18.5455 11.9058 19 10.6397 19 9.28717C19 6.85166 17.5246 4.69532 15.258 3.37212L14.4115 4.83818C16.23 5.91439 17.3 7.61009 17.3 9.28717C17.3 10.2456 16.9808 11.1658 16.3802 11.9881C15.986 12.5279 15.7509 13.247 15.8606 14.0177L16.0322 15.222L14.5135 14.5587L14.5135 14.5587C13.9273 14.3026 13.2941 14.2913 12.7353 14.4653C11.8928 14.7275 10.9705 14.8743 10 14.8743C9.53959 14.8743 9.09539 14.8433 8.66906 14.7844L7.76623 16.3482ZM10.7235 3.72608C10.4871 3.70886 10.2459 3.7 10 3.7C5.61517 3.7 2.7 6.51896 2.7 9.28717C2.7 10.8144 3.58726 12.357 5.11905 13.4332L4.26868 14.9061C2.27214 13.5695 1 11.5487 1 9.28717C1 5.26241 5.02911 2 10 2C10.5634 2 11.1148 2.04191 11.6495 2.1221L10.7235 3.72608Z" fill="currentColor" />
-  <path d="M5.0625 17.2842L14.0625 1.69572" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
+  <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="M7.76623 16.3482C8.48048 16.4958 9.22891 16.5743 10 16.5743C11.1417 16.5743 12.2343 16.4016 13.2406 16.0884C13.4355 16.0278 13.646 16.0348 13.833 16.1165L16.5019 17.2823C17.2195 17.5957 18.0026 17.0001 17.8922 16.2249L17.5436 13.778C17.5039 13.499 17.5868 13.2184 17.753 12.9908C18.5455 11.9058 19 10.6397 19 9.28717C19 6.85166 17.5246 4.69532 15.258 3.37212L14.4115 4.83818C16.23 5.91439 17.3 7.61009 17.3 9.28717C17.3 10.2456 16.9808 11.1658 16.3802 11.9881C15.986 12.5279 15.7509 13.247 15.8606 14.0177L16.0322 15.222L14.5135 14.5587L14.5135 14.5587C13.9273 14.3026 13.2941 14.2913 12.7353 14.4653C11.8928 14.7275 10.9705 14.8743 10 14.8743C9.53959 14.8743 9.09539 14.8433 8.66906 14.7844L7.76623 16.3482ZM10.7235 3.72608C10.4871 3.70886 10.2459 3.7 10 3.7C5.61517 3.7 2.7 6.51896 2.7 9.28717C2.7 10.8144 3.58726 12.357 5.11905 13.4332L4.26868 14.9061C2.27214 13.5695 1 11.5487 1 9.28717C1 5.26241 5.02911 2 10 2C10.5634 2 11.1148 2.04191 11.6495 2.1221L10.7235 3.72608Z"
+      fill="currentColor"
+    />
+    <path
+      d="M5.0625 17.2842L14.0625 1.69572"
+      stroke="currentColor"
+      stroke-width="1.7"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
   </svg>
 </template>

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

@@ -1,7 +1,28 @@
 <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="M16.5001 9.84999H7.5001V8.14999H16.5001V9.84999Z" fill="currentColor"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.5002 13.85H7.50022V12.15H12.5002V13.85Z" style="fill:var(--active-color-2);fill-opacity:1;"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.70005 17.3V20.1L12.4333 17.3H20.3V4.7H3.7V17.3H8.70005ZM7.96005 22.78C7.56451 23.0766 7.00005 22.7944 7.00005 22.3V19H3C2.44772 19 2 18.5523 2 18V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H13L7.96005 22.78Z" fill="currentColor"/>
+  <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="M16.5001 9.84999H7.5001V8.14999H16.5001V9.84999Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.5002 13.85H7.50022V12.15H12.5002V13.85Z"
+      style="fill: var(--active-color-2); fill-opacity: 1"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M8.70005 17.3V20.1L12.4333 17.3H20.3V4.7H3.7V17.3H8.70005ZM7.96005 22.78C7.56451 23.0766 7.00005 22.7944 7.00005 22.3V19H3C2.44772 19 2 18.5523 2 18V4C2 3.44772 2.44772 3 3 3H21C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H13L7.96005 22.78Z"
+      fill="currentColor"
+    />
   </svg>
 </template>

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

@@ -0,0 +1,16 @@
+<template>
+  <svg
+    width="6"
+    height="10"
+    viewBox="0 0 6 10"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M1.4603 9.45947L0.541064 8.54023L4.08144 4.99985L0.541064 1.45947L1.4603 0.540234L5.91992 4.99985L1.4603 9.45947Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

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

@@ -1,7 +1,19 @@
 <template>
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="Group 7827">
-<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M9.58977 7.99967L14.4516 3.13787L12.8606 1.54687L7.99878 6.40868L3.13796 1.54785L1.54697 3.13884L6.40779 7.99967L1.54688 12.8606L3.13787 14.4516L7.99878 9.59066L12.8607 14.4525L14.4517 12.8616L9.58977 7.99967Z" fill="currentColor"/>
-</g>
-</svg>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g id="Group 7827">
+      <path
+        id="Union"
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M9.58977 7.99967L14.4516 3.13787L12.8606 1.54687L7.99878 6.40868L3.13796 1.54785L1.54697 3.13884L6.40779 7.99967L1.54688 12.8606L3.13787 14.4516L7.99878 9.59066L12.8607 14.4525L14.4517 12.8616L9.58977 7.99967Z"
+        fill="currentColor"
+      />
+    </g>
+  </svg>
 </template>

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

@@ -0,0 +1,16 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M7.99999 13.9998C11.3137 13.9998 14 11.3136 14 7.99984C14 4.68613 11.3137 1.99984 7.99999 1.99984C4.68628 1.99984 1.99999 4.68613 1.99999 7.99984C1.99999 11.3136 4.68628 13.9998 7.99999 13.9998ZM15.3333 7.99984C15.3333 12.0499 12.0501 15.3332 7.99999 15.3332C3.9499 15.3332 0.666656 12.0499 0.666656 7.99984C0.666656 3.94975 3.9499 0.666504 7.99999 0.666504C12.0501 0.666505 15.3333 3.94975 15.3333 7.99984ZM4.93564 10.1214L7.05719 7.99984L4.93564 5.87829L5.87844 4.93548L7.99999 7.05704L10.1211 4.93594L11.0639 5.87875L8.94279 7.99984L11.0639 10.1209L10.1211 11.0638L7.99999 8.94264L5.87844 11.0642L4.93564 10.1214Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

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

@@ -1,5 +1,11 @@
 <template>
-  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g id="copy">
       <path
         id="Union"

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

@@ -1,5 +1,14 @@
 <template>
-<svg width="17" height="12" viewBox="0 0 17 12" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M6.84647 8.6421L15.4026 0.0859375L16.6666 1.34989L6.84647 11.17L0.714844 5.03838L1.9788 3.77443L6.84647 8.6421Z" fill="#006EFF"/>
-</svg>
+  <svg
+    width="17"
+    height="12"
+    viewBox="0 0 17 12"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M6.84647 8.6421L15.4026 0.0859375L16.6666 1.34989L6.84647 11.17L0.714844 5.03838L1.9788 3.77443L6.84647 8.6421Z"
+      fill="#006EFF"
+    />
+  </svg>
 </template>

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

@@ -1,5 +1,17 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M12 20.8C16.8601 20.8 20.8 16.8601 20.8 12C20.8 7.13989 16.8601 3.2 12 3.2C7.13989 3.2 3.2 7.13989 3.2 12C3.2 16.8601 7.13989 20.8 12 20.8ZM12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM12.8503 12.8504V16.9998H11.1503V12.8504H6.99972V11.1504H11.1503V6.99985H12.8503V11.1504H16.9997V12.8504H12.8503Z" fill="white" style="fill:white;fill:white;fill-opacity:1;"/>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12 20.8C16.8601 20.8 20.8 16.8601 20.8 12C20.8 7.13989 16.8601 3.2 12 3.2C7.13989 3.2 3.2 7.13989 3.2 12C3.2 16.8601 7.13989 20.8 12 20.8ZM12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5ZM12.8503 12.8504V16.9998H11.1503V12.8504H6.99972V11.1504H11.1503V6.99985H12.8503V11.1504H16.9997V12.8504H12.8503Z"
+      fill="white"
+      style="fill: white; fill-opacity: 1"
+    />
   </svg>
-</template>
+</template>

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

@@ -1,6 +1,22 @@
 <template>
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.59578 16.4431C3.59578 17.371 4.34794 18.1231 5.27578 18.1231H12.0046C11.5161 17.7214 11.101 17.2337 10.7826 16.6831H5.27578C5.14323 16.6831 5.03578 16.5757 5.03578 16.4431V14.1838C6.14386 13.8703 6.95578 12.8515 6.95578 11.6431V6.60312H13.1958V9.22377C13.6458 9.02169 14.1294 8.88081 14.6358 8.81177V6.60312H14.8758C15.7686 6.60312 16.558 6.15986 17.0358 5.4814V9.03577C17.5568 9.21049 18.0415 9.46425 18.4758 9.78273V4.44312C18.4758 3.48877 17.8569 2.67898 16.9985 2.39324C16.5175 1.74399 15.7458 1.32312 14.8758 1.32312H5.27578C4.40575 1.32312 3.63401 1.74399 3.15305 2.39324C2.2947 2.67898 1.67578 3.48877 1.67578 4.44312V11.6431C1.67578 12.8515 2.48769 13.8703 3.59578 14.1838V16.4431ZM3.11578 5.48139C3.59356 6.15986 4.3829 6.60312 5.27578 6.60312H5.51578V11.6431C5.51578 12.3058 4.97852 12.8431 4.31578 12.8431C3.65304 12.8431 3.11578 12.3058 3.11578 11.6431V5.48139ZM5.27578 5.16312C4.61304 5.16312 4.07578 4.62586 4.07578 3.96312C4.07578 3.30038 4.61304 2.76312 5.27578 2.76312H14.8758C15.5386 2.76312 16.0758 3.30038 16.0758 3.96312C16.0758 4.62586 15.5386 5.16312 14.8758 5.16312H5.27578Z" fill="currentColor"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3567 9.72321C12.9708 9.72321 11.0367 11.6573 11.0367 14.0432C11.0367 16.4291 12.9708 18.3632 15.3567 18.3632C17.7426 18.3632 19.6767 16.4291 19.6767 14.0432C19.6767 11.6573 17.7426 9.72321 15.3567 9.72321ZM12.5674 13.3234C12.887 12.0811 14.0147 11.1632 15.3567 11.1632C16.6987 11.1632 17.8264 12.0811 18.146 13.3234H12.5674ZM12.5675 14.7634C12.8873 16.0055 14.0148 16.9232 15.3567 16.9232C16.6986 16.9232 17.8261 16.0055 18.1459 14.7634H12.5675Z" fill="currentColor"/>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M3.59578 16.4431C3.59578 17.371 4.34794 18.1231 5.27578 18.1231H12.0046C11.5161 17.7214 11.101 17.2337 10.7826 16.6831H5.27578C5.14323 16.6831 5.03578 16.5757 5.03578 16.4431V14.1838C6.14386 13.8703 6.95578 12.8515 6.95578 11.6431V6.60312H13.1958V9.22377C13.6458 9.02169 14.1294 8.88081 14.6358 8.81177V6.60312H14.8758C15.7686 6.60312 16.558 6.15986 17.0358 5.4814V9.03577C17.5568 9.21049 18.0415 9.46425 18.4758 9.78273V4.44312C18.4758 3.48877 17.8569 2.67898 16.9985 2.39324C16.5175 1.74399 15.7458 1.32312 14.8758 1.32312H5.27578C4.40575 1.32312 3.63401 1.74399 3.15305 2.39324C2.2947 2.67898 1.67578 3.48877 1.67578 4.44312V11.6431C1.67578 12.8515 2.48769 13.8703 3.59578 14.1838V16.4431ZM3.11578 5.48139C3.59356 6.15986 4.3829 6.60312 5.27578 6.60312H5.51578V11.6431C5.51578 12.3058 4.97852 12.8431 4.31578 12.8431C3.65304 12.8431 3.11578 12.3058 3.11578 11.6431V5.48139ZM5.27578 5.16312C4.61304 5.16312 4.07578 4.62586 4.07578 3.96312C4.07578 3.30038 4.61304 2.76312 5.27578 2.76312H14.8758C15.5386 2.76312 16.0758 3.30038 16.0758 3.96312C16.0758 4.62586 15.5386 5.16312 14.8758 5.16312H5.27578Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M15.3567 9.72321C12.9708 9.72321 11.0367 11.6573 11.0367 14.0432C11.0367 16.4291 12.9708 18.3632 15.3567 18.3632C17.7426 18.3632 19.6767 16.4291 19.6767 14.0432C19.6767 11.6573 17.7426 9.72321 15.3567 9.72321ZM12.5674 13.3234C12.887 12.0811 14.0147 11.1632 15.3567 11.1632C16.6987 11.1632 17.8264 12.0811 18.146 13.3234H12.5674ZM12.5675 14.7634C12.8873 16.0055 14.0148 16.9232 15.3567 16.9232C16.6986 16.9232 17.8261 16.0055 18.1459 14.7634H12.5675Z"
+      fill="currentColor"
+    />
   </svg>
-</template>
+</template>

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

@@ -1,13 +1,28 @@
 <template>
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g id="&#231;&#148;&#187;&#231;&#172;&#148;">
-<g id="Union">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5791 4.48698L7.10505 17.4325L2.40326 18.4929L0.970703 13.8908L8.4448 0.945312L14.5791 4.48698ZM9.05484 3.22202L2.77894 14.0922L3.53735 16.5286L6.02653 15.9672L12.3024 5.09702L9.05484 3.22202Z" fill="currentColor"/>
-<path d="M9.5978 17.5003L18.3329 17.5003V15.8337H10.5601L9.5978 17.5003Z" fill="currentColor"/>
-<path d="M18.3331 13.7503L11.7633 13.7503L12.7256 12.0837H18.3331V13.7503Z" fill="currentColor"/>
-</g>
-</g>
-</svg>  
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g id="&#231;&#148;&#187;&#231;&#172;&#148;">
+      <g id="Union">
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M14.5791 4.48698L7.10505 17.4325L2.40326 18.4929L0.970703 13.8908L8.4448 0.945312L14.5791 4.48698ZM9.05484 3.22202L2.77894 14.0922L3.53735 16.5286L6.02653 15.9672L12.3024 5.09702L9.05484 3.22202Z"
+          fill="currentColor"
+        />
+        <path
+          d="M9.5978 17.5003L18.3329 17.5003V15.8337H10.5601L9.5978 17.5003Z"
+          fill="currentColor"
+        />
+        <path
+          d="M18.3331 13.7503L11.7633 13.7503L12.7256 12.0837H18.3331V13.7503Z"
+          fill="currentColor"
+        />
+      </g>
+    </g>
+  </svg>
 </template>
-
-

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

@@ -1,8 +1,22 @@
 <template>
-  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3 9C2.44775 9 2 8.55228 2 8C2 7.44772 2.44775 7 3 7C3.55225 7 4 7.44772 4 8C4 8.55228 3.55225 9 3 9Z" fill="currentColor" />
-    <path d="M7 8C7 8.55228 7.44775 9 8 9C8.55225 9 9 8.55228 9 8C9 7.44772 8.55225 7 8 7C7.44775 7 7 7.44772 7 8Z" fill="currentColor" />
-    <path d="M12 8C12 8.55228 12.4478 9 13 9C13.5522 9 14 8.55228 14 8C14 7.44772 13.5522 7 13 7C12.4478 7 12 7.44772 12 8Z" fill="currentColor" />
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M3 9C2.44775 9 2 8.55228 2 8C2 7.44772 2.44775 7 3 7C3.55225 7 4 7.44772 4 8C4 8.55228 3.55225 9 3 9Z"
+      fill="currentColor"
+    />
+    <path
+      d="M7 8C7 8.55228 7.44775 9 8 9C8.55225 9 9 8.55228 9 8C9 7.44772 8.55225 7 8 7C7.44775 7 7 7.44772 7 8Z"
+      fill="currentColor"
+    />
+    <path
+      d="M12 8C12 8.55228 12.4478 9 13 9C13.5522 9 14 8.55228 14 8C14 7.44772 13.5522 7 13 7C12.4478 7 12 7.44772 12 8Z"
+      fill="currentColor"
+    />
   </svg>
 </template>
-

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

@@ -1,5 +1,11 @@
 <template>
-  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g id="Frame">
       <path
         id="Vector"
@@ -8,7 +14,13 @@
         stroke-width="1.2"
         stroke-linejoin="round"
       />
-      <path id="Vector_2" d="M14.6667 11.333H10" stroke="#4F586B" stroke-width="1.2" stroke-linejoin="round" />
+      <path
+        id="Vector_2"
+        d="M14.6667 11.333H10"
+        stroke="#4F586B"
+        stroke-width="1.2"
+        stroke-linejoin="round"
+      />
       <path
         id="Vector_3"
         d="M13 9.66699L14.6667 11.3337L13 13.0003"

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

@@ -1,7 +1,20 @@
 <template>
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g id="Group 8007">
-      <circle id="Ellipse 269" cx="10" cy="10" r="7.65" stroke="currentColor" stroke-width="1.7" />
+      <circle
+        id="Ellipse 269"
+        cx="10"
+        cy="10"
+        r="7.65"
+        stroke="currentColor"
+        stroke-width="1.7"
+      />
       <path
         id="Intersect"
         fill-rule="evenodd"
@@ -10,7 +23,13 @@
         fill="currentColor"
       />
       <circle id="Ellipse 273" cx="7.1" cy="8.1" r="1.1" fill="currentColor" />
-      <circle id="Ellipse 274" cx="12.8998" cy="8.1" r="1.1" fill="currentColor" />
+      <circle
+        id="Ellipse 274"
+        cx="12.8998"
+        cy="8.1"
+        r="1.1"
+        fill="currentColor"
+      />
     </g>
   </svg>
 </template>

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

@@ -1,5 +1,11 @@
 <template>
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g id="Group 48096891">
       <path
         id="Rectangle 18576"
@@ -8,7 +14,12 @@
         stroke-width="1.5"
       />
       <g id="Group 48096890">
-        <path id="Vector 166" d="M7 10L16 10" stroke="#ED414D" stroke-width="1.5" />
+        <path
+          id="Vector 166"
+          d="M7 10L16 10"
+          stroke="#ED414D"
+          stroke-width="1.5"
+        />
         <path
           id="Polygon 8"
           d="M13 14L16.2929 10.7071C16.6834 10.3166 16.6834 9.68342 16.2929 9.29289L13 6"

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

@@ -1,5 +1,17 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.70011 3.7V7.5H6.00011V3C6.00011 2.44772 6.44782 2 7.00011 2H20.5001C21.0524 2 21.5001 2.44772 21.5001 3V21C21.5001 21.5523 21.0524 22 20.5001 22H7.00011C6.44782 22 6.00011 21.5523 6.00011 21V16.5H7.70011V20.3H19.8001V3.7H7.70011ZM12.7022 7.99995L16.1021 11.3998L16.7033 12.001L16.102 12.602L12.7027 16H10.298L14.2989 12.0007L10.298 7.99995H12.7022ZM2 12.85H11V11.15H2V12.85Z" fill="white" style="fill:white;fill:white;fill-opacity:1;"/>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M7.70011 3.7V7.5H6.00011V3C6.00011 2.44772 6.44782 2 7.00011 2H20.5001C21.0524 2 21.5001 2.44772 21.5001 3V21C21.5001 21.5523 21.0524 22 20.5001 22H7.00011C6.44782 22 6.00011 21.5523 6.00011 21V16.5H7.70011V20.3H19.8001V3.7H7.70011ZM12.7022 7.99995L16.1021 11.3998L16.7033 12.001L16.102 12.602L12.7027 16H10.298L14.2989 12.0007L10.298 7.99995H12.7022ZM2 12.85H11V11.15H2V12.85Z"
+      fill="white"
+      style="fill: white; fill-opacity: 1"
+    />
   </svg>
-</template>
+</template>

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

@@ -1,10 +1,28 @@
 <template>
-  <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" class="design-iconfont">
+  <svg
+    width="24"
+    height="24"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 32 32"
+    class="design-iconfont"
+  >
     <g fill="currentColor" fill-rule="evenodd">
-      <path d="M16,4 C9.372583,4 4,9.372583 4,16 C4,22.627417 9.372583,28 16,28 C22.627417,28 28,22.627417 28,16 C28,9.372583 22.627417,4 16,4 Z M16,6 C21.5228475,6 26,10.4771525 26,16 C26,21.5228475 21.5228475,26 16,26 C10.4771525,26 6,21.5228475 6,16 C6,10.4771525 10.4771525,6 16,6 Z" fill-rule="nonzero"/>
-      <path d="M1.5 0A1.5 1.5 0 1 0 1.5 3A1.5 1.5 0 1 0 1.5 0Z" transform="translate(8.5 14.5)"/>
-      <path d="M7.5 0A1.5 1.5 0 1 0 7.5 3A1.5 1.5 0 1 0 7.5 0Z" transform="translate(8.5 14.5)"/>
-      <path d="M13.5 0A1.5 1.5 0 1 0 13.5 3A1.5 1.5 0 1 0 13.5 0Z" transform="translate(8.5 14.5)"/>
+      <path
+        d="M16,4 C9.372583,4 4,9.372583 4,16 C4,22.627417 9.372583,28 16,28 C22.627417,28 28,22.627417 28,16 C28,9.372583 22.627417,4 16,4 Z M16,6 C21.5228475,6 26,10.4771525 26,16 C26,21.5228475 21.5228475,26 16,26 C10.4771525,26 6,21.5228475 6,16 C6,10.4771525 10.4771525,6 16,6 Z"
+        fill-rule="nonzero"
+      />
+      <path
+        d="M1.5 0A1.5 1.5 0 1 0 1.5 3A1.5 1.5 0 1 0 1.5 0Z"
+        transform="translate(8.5 14.5)"
+      />
+      <path
+        d="M7.5 0A1.5 1.5 0 1 0 7.5 3A1.5 1.5 0 1 0 7.5 0Z"
+        transform="translate(8.5 14.5)"
+      />
+      <path
+        d="M13.5 0A1.5 1.5 0 1 0 13.5 3A1.5 1.5 0 1 0 13.5 0Z"
+        transform="translate(8.5 14.5)"
+      />
     </g>
   </svg>
-</template>
+</template>

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

@@ -1,6 +1,22 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.2 4.72344V19.3234H19.8V4.72344H4.2ZM3.5 3.02344C2.94772 3.02344 2.5 3.47115 2.5 4.02344V20.0234C2.5 20.5757 2.94771 21.0234 3.5 21.0234H20.5C21.0523 21.0234 21.5 20.5757 21.5 20.0234V4.02344C21.5 3.47115 21.0523 3.02344 20.5 3.02344H3.5Z" fill="currentColor"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4984 8.37383H16.1484V12.0238H17.8484V7.52383V6.67383H16.9984H12.4984V8.37383ZM11.4984 15.6738H7.84844L7.84844 12.0238H6.14844V16.5238V17.3738H6.99844H11.4984V15.6738Z" style="fill:var(--active-color-2);fill-opacity:1;"/>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.2 4.72344V19.3234H19.8V4.72344H4.2ZM3.5 3.02344C2.94772 3.02344 2.5 3.47115 2.5 4.02344V20.0234C2.5 20.5757 2.94771 21.0234 3.5 21.0234H20.5C21.0523 21.0234 21.5 20.5757 21.5 20.0234V4.02344C21.5 3.47115 21.0523 3.02344 20.5 3.02344H3.5Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M12.4984 8.37383H16.1484V12.0238H17.8484V7.52383V6.67383H16.9984H12.4984V8.37383ZM11.4984 15.6738H7.84844L7.84844 12.0238H6.14844V16.5238V17.3738H6.99844H11.4984V15.6738Z"
+      style="fill: var(--active-color-2); fill-opacity: 1"
+    />
   </svg>
 </template>

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

@@ -0,0 +1,24 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.3924 12.7349L13.1289 14.4714L14.0717 13.5286L2.07167 1.52856L1.12886 2.47137L3.01588 4.3584C1.53207 5.58783 0.463684 7.09043 0 7.99997C0.888889 9.74356 4 13.6666 8 13.6666C9.22732 13.6666 10.371 13.2973 11.3924 12.7349ZM10.4033 11.7458L9.34152 10.684C8.93784 10.8862 8.48221 11 8 11C6.34315 11 5 9.65682 5 7.99997C5 7.51776 5.11377 7.06213 5.31593 6.65844L3.96334 5.30586C3.87608 5.37641 3.78978 5.44856 3.7045 5.52217C2.7503 6.34572 2.00541 7.28173 1.54146 7.99997C2.00541 8.7182 2.7503 9.65422 3.7045 10.4778C4.96293 11.5639 6.44163 12.3333 8 12.3333C8.83084 12.3333 9.63904 12.1146 10.4033 11.7458ZM6.35983 7.70235C6.34242 7.79892 6.33333 7.89838 6.33333 7.99997C6.33333 8.92044 7.07953 9.66664 8 9.66664C8.10159 9.66664 8.20105 9.65755 8.29762 9.64014L6.35983 7.70235Z"
+      fill="currentColor"
+    />
+    <path
+      d="M16 7.99997C15.5977 8.78916 14.7401 10.0249 13.5508 11.1412L12.6075 10.1979C13.4127 9.4477 14.0465 8.63792 14.4585 7.99997C13.9946 7.28173 13.2497 6.34572 12.2955 5.52217C11.0371 4.43605 9.55838 3.66664 8 3.66664C7.43893 3.66664 6.8882 3.76637 6.35435 3.94471L5.323 2.91336C6.15354 2.55375 7.0518 2.3333 8 2.3333C12 2.3333 15.1111 6.25638 16 7.99997Z"
+      fill="currentColor"
+    />
+    <path
+      d="M11 7.99997C11 8.1849 10.9833 8.36592 10.9512 8.5416L7.45837 5.04873C7.63405 5.0167 7.81507 4.99997 8 4.99997C9.65685 4.99997 11 6.34311 11 7.99997Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>