@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.2

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>

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

@@ -1,12 +1,46 @@
 <template>
-  <svg width="20" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="design-iconfont">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.84823 10.4236C2.98532 10.5677 0.708374 12.9346 0.708374 15.8333V19.5833H15.2917V15.8333C15.2917 12.9346 13.0148 10.5677 10.1519 10.4236C10.0602 10.419 9.96788 10.4167 9.87504 10.4167H6.12504C6.03221 10.4167 5.93992 10.419 5.84823 10.4236ZM6.18166 8.75001C6.73114 9.01695 7.3481 9.16668 8.00004 9.16668C8.65198 9.16668 9.26894 9.01695 9.81843 8.75001C11.2085 8.07471 12.1667 6.64926 12.1667 5.00001C12.1667 2.69882 10.3012 0.833344 8.00004 0.833344C5.69885 0.833344 3.83337 2.69882 3.83337 5.00001C3.83337 6.64926 4.79158 8.07471 6.18166 8.75001ZM13.625 17.9167V15.8333C13.625 13.7623 11.9461 12.0833 9.87504 12.0833H6.12504C4.05397 12.0833 2.37504 13.7623 2.37504 15.8333V17.9167H13.625ZM8.00004 7.50001C9.38075 7.50001 10.5 6.38072 10.5 5.00001C10.5 3.6193 9.38075 2.50001 8.00004 2.50001C6.61933 2.50001 5.50004 3.6193 5.50004 5.00001C5.50004 6.38072 6.61933 7.50001 8.00004 7.50001Z" fill="#4E5461" style="fill:#4E5461;fill:color(display-p3 0.3040 0.3284 0.3800);fill-opacity:1;" />
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 16 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    class="design-iconfont"
+  >
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M5.84823 10.4236C2.98532 10.5677 0.708374 12.9346 0.708374 15.8333V19.5833H15.2917V15.8333C15.2917 12.9346 13.0148 10.5677 10.1519 10.4236C10.0602 10.419 9.96788 10.4167 9.87504 10.4167H6.12504C6.03221 10.4167 5.93992 10.419 5.84823 10.4236ZM6.18166 8.75001C6.73114 9.01695 7.3481 9.16668 8.00004 9.16668C8.65198 9.16668 9.26894 9.01695 9.81843 8.75001C11.2085 8.07471 12.1667 6.64926 12.1667 5.00001C12.1667 2.69882 10.3012 0.833344 8.00004 0.833344C5.69885 0.833344 3.83337 2.69882 3.83337 5.00001C3.83337 6.64926 4.79158 8.07471 6.18166 8.75001ZM13.625 17.9167V15.8333C13.625 13.7623 11.9461 12.0833 9.87504 12.0833H6.12504C4.05397 12.0833 2.37504 13.7623 2.37504 15.8333V17.9167H13.625ZM8.00004 7.50001C9.38075 7.50001 10.5 6.38072 10.5 5.00001C10.5 3.6193 9.38075 2.50001 8.00004 2.50001C6.61933 2.50001 5.50004 3.6193 5.50004 5.00001C5.50004 6.38072 6.61933 7.50001 8.00004 7.50001Z"
+      fill="#4E5461"
+      style="
+        fill: #4e5461;
+        fill: color(display-p3 0.304 0.3284 0.38);
+        fill-opacity: 1;
+      "
+    />
     <defs>
-      <filter id="filter0_b_10687_41" x="-5.95829" y="-5.83332" width="27.9167" height="32.0833" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <filter
+        id="filter0_b_10687_41"
+        x="-5.95829"
+        y="-5.83332"
+        width="27.9167"
+        height="32.0833"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
         <feFlood flood-opacity="0" result="BackgroundImageFix" />
         <feGaussianBlur in="BackgroundImageFix" stdDeviation="3.33333" />
-        <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_10687_41" />
-        <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_10687_41" result="shape" />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_10687_41"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_backgroundBlur_10687_41"
+          result="shape"
+        />
       </filter>
     </defs>
   </svg>

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

@@ -1,6 +1,21 @@
 <template>
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.80191 15.8643L10.5 16.8692L11.1981 15.8643L12.9321 13.3682C15.5742 13.5876 17.65 15.8016 17.65 18.5003V21.0003C17.65 21.0831 17.5828 21.1503 17.5 21.1503H3.5C3.41716 21.1503 3.35 21.0831 3.35 21.0003V18.5003C3.35 15.8016 5.42584 13.5876 8.06792 13.3682L9.80191 15.8643ZM14.15 6.55078C14.15 8.56662 12.5158 10.2008 10.5 10.2008C8.48416 10.2008 6.85 8.56662 6.85 6.55078C6.85 4.53494 8.48416 2.90078 10.5 2.90078C12.5158 2.90078 14.15 4.53494 14.15 6.55078Z" stroke="currentColor" stroke-width="1.7"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.65 10.15V7.5H20.35V10.15H23V11.85H20.35V14.5H18.65V11.85H16V10.15H18.65Z" 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
+      d="M9.80191 15.8643L10.5 16.8692L11.1981 15.8643L12.9321 13.3682C15.5742 13.5876 17.65 15.8016 17.65 18.5003V21.0003C17.65 21.0831 17.5828 21.1503 17.5 21.1503H3.5C3.41716 21.1503 3.35 21.0831 3.35 21.0003V18.5003C3.35 15.8016 5.42584 13.5876 8.06792 13.3682L9.80191 15.8643ZM14.15 6.55078C14.15 8.56662 12.5158 10.2008 10.5 10.2008C8.48416 10.2008 6.85 8.56662 6.85 6.55078C6.85 4.53494 8.48416 2.90078 10.5 2.90078C12.5158 2.90078 14.15 4.53494 14.15 6.55078Z"
+      stroke="currentColor"
+      stroke-width="1.7"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M18.65 10.15V7.5H20.35V10.15H23V11.85H20.35V14.5H18.65V11.85H16V10.15H18.65Z"
+      style="fill: var(--active-color-2); fill-opacity: 1"
+    />
   </svg>
-</template>
+</template>

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

@@ -1,6 +1,21 @@
 <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.7176 16.443C3.7176 17.3708 4.46977 18.123 5.3976 18.123H10.1978V16.683H5.3976C5.26505 16.683 5.1576 16.5756 5.1576 16.443V14.1836C6.26569 13.8702 7.07761 12.8514 7.07761 11.643V6.603H13.3176V9.72293H14.7576V6.603H14.9976C15.8905 6.603 16.6798 6.15974 17.1576 5.48128V9.72293H18.5976V4.443C18.5976 3.48865 17.9787 2.67886 17.1203 2.39312C16.6394 1.74387 15.8676 1.323 14.9976 1.323H5.39761C4.52757 1.323 3.75583 1.74387 3.27488 2.39313C2.41653 2.67886 1.79761 3.48865 1.79761 4.443V11.643C1.79761 12.8514 2.60952 13.8702 3.7176 14.1836V16.443ZM3.23761 5.48129C3.71538 6.15975 4.50474 6.603 5.39761 6.603H5.63761V11.643C5.63761 12.3057 5.10035 12.843 4.43761 12.843C3.77486 12.843 3.23761 12.3057 3.23761 11.643V5.48129ZM5.39761 5.163C4.73486 5.163 4.19761 4.62574 4.19761 3.963C4.19761 3.30026 4.73486 2.763 5.39761 2.763H14.9976C15.6604 2.763 16.1976 3.30026 16.1976 3.963C16.1976 4.62574 15.6604 5.163 14.9976 5.163H5.39761Z" fill="currentColor"/>
-  <path d="M14.5174 17.3893V11.885M14.5174 11.885L11.0289 15.0664M14.5174 11.885L18.0058 15.0664" stroke="currentColor" stroke-width="1.44"/>
+  <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.7176 16.443C3.7176 17.3708 4.46977 18.123 5.3976 18.123H10.1978V16.683H5.3976C5.26505 16.683 5.1576 16.5756 5.1576 16.443V14.1836C6.26569 13.8702 7.07761 12.8514 7.07761 11.643V6.603H13.3176V9.72293H14.7576V6.603H14.9976C15.8905 6.603 16.6798 6.15974 17.1576 5.48128V9.72293H18.5976V4.443C18.5976 3.48865 17.9787 2.67886 17.1203 2.39312C16.6394 1.74387 15.8676 1.323 14.9976 1.323H5.39761C4.52757 1.323 3.75583 1.74387 3.27488 2.39313C2.41653 2.67886 1.79761 3.48865 1.79761 4.443V11.643C1.79761 12.8514 2.60952 13.8702 3.7176 14.1836V16.443ZM3.23761 5.48129C3.71538 6.15975 4.50474 6.603 5.39761 6.603H5.63761V11.643C5.63761 12.3057 5.10035 12.843 4.43761 12.843C3.77486 12.843 3.23761 12.3057 3.23761 11.643V5.48129ZM5.39761 5.163C4.73486 5.163 4.19761 4.62574 4.19761 3.963C4.19761 3.30026 4.73486 2.763 5.39761 2.763H14.9976C15.6604 2.763 16.1976 3.30026 16.1976 3.963C16.1976 4.62574 15.6604 5.163 14.9976 5.163H5.39761Z"
+      fill="currentColor"
+    />
+    <path
+      d="M14.5174 17.3893V11.885M14.5174 11.885L11.0289 15.0664M14.5174 11.885L18.0058 15.0664"
+      stroke="currentColor"
+      stroke-width="1.44"
+    />
   </svg>
 </template>

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

@@ -1,20 +1,57 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-    <path d="M12.9355 9.83496C12.9355 9.42075 13.2713 9.08496 13.6855 9.08496H18.4355C18.8498 9.08496 19.1855 9.42075 19.1855 9.83496C19.1855 10.2492 18.8498 10.585 18.4355 10.585H13.6855C13.2713 10.585 12.9355 10.2492 12.9355 9.83496Z" fill="currentColor" />
-    <path d="M16.0605 6.70996C16.4748 6.70996 16.8105 7.04575 16.8105 7.45996L16.8105 12.21C16.8105 12.6242 16.4748 12.96 16.0605 12.96C15.6463 12.96 15.3105 12.6242 15.3105 12.21L15.3105 7.45996C15.3105 7.04575 15.6463 6.70996 16.0605 6.70996Z" fill="currentColor" />
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <path
+      d="M12.9355 9.83496C12.9355 9.42075 13.2713 9.08496 13.6855 9.08496H18.4355C18.8498 9.08496 19.1855 9.42075 19.1855 9.83496C19.1855 10.2492 18.8498 10.585 18.4355 10.585H13.6855C13.2713 10.585 12.9355 10.2492 12.9355 9.83496Z"
+      fill="currentColor"
+    />
+    <path
+      d="M16.0605 6.70996C16.4748 6.70996 16.8105 7.04575 16.8105 7.45996L16.8105 12.21C16.8105 12.6242 16.4748 12.96 16.0605 12.96C15.6463 12.96 15.3105 12.6242 15.3105 12.21L15.3105 7.45996C15.3105 7.04575 15.6463 6.70996 16.0605 6.70996Z"
+      fill="currentColor"
+    />
     <g filter="url(#filter0_b_3556_42581)">
       <mask id="path-3-inside-1_3556_42581" fill="white">
-        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.63542 10.0423C10.9366 10.0423 12.8021 8.17684 12.8021 5.87565C12.8021 3.57446 10.9366 1.70898 8.63542 1.70898C6.33423 1.70898 4.46875 3.57446 4.46875 5.87565C4.46875 8.17684 6.33423 10.0423 8.63542 10.0423ZM7.55273 11.292C4.23903 11.292 1.55273 13.9783 1.55273 17.292V18.2087C1.55273 18.7609 2.00045 19.2087 2.55274 19.2087H14.7194C15.2717 19.2087 15.7194 18.7609 15.7194 18.2087V17.292C15.7194 13.9783 13.0331 11.292 9.7194 11.292H7.55273Z"/>
+        <path
+          fill-rule="evenodd"
+          clip-rule="evenodd"
+          d="M8.63542 10.0423C10.9366 10.0423 12.8021 8.17684 12.8021 5.87565C12.8021 3.57446 10.9366 1.70898 8.63542 1.70898C6.33423 1.70898 4.46875 3.57446 4.46875 5.87565C4.46875 8.17684 6.33423 10.0423 8.63542 10.0423ZM7.55273 11.292C4.23903 11.292 1.55273 13.9783 1.55273 17.292V18.2087C1.55273 18.7609 2.00045 19.2087 2.55274 19.2087H14.7194C15.2717 19.2087 15.7194 18.7609 15.7194 18.2087V17.292C15.7194 13.9783 13.0331 11.292 9.7194 11.292H7.55273Z"
+        />
       </mask>
-      <path d="M11.3021 5.87565C11.3021 7.34841 10.1082 8.54232 8.63542 8.54232V11.5423C11.765 11.5423 14.3021 9.00526 14.3021 5.87565H11.3021ZM8.63542 3.20898C10.1082 3.20898 11.3021 4.40289 11.3021 5.87565H14.3021C14.3021 2.74604 11.765 0.208984 8.63542 0.208984V3.20898ZM5.96875 5.87565C5.96875 4.40289 7.16266 3.20898 8.63542 3.20898V0.208984C5.5058 0.208984 2.96875 2.74604 2.96875 5.87565H5.96875ZM8.63542 8.54232C7.16266 8.54232 5.96875 7.34841 5.96875 5.87565H2.96875C2.96875 9.00526 5.5058 11.5423 8.63542 11.5423V8.54232ZM3.05273 17.292C3.05273 14.8067 5.06745 12.792 7.55273 12.792V9.79199C3.4106 9.79199 0.0527344 13.1499 0.0527344 17.292H3.05273ZM3.05273 18.2087V17.292H0.0527344V18.2087H3.05273ZM2.55274 17.7087C2.82888 17.7087 3.05273 17.9325 3.05273 18.2087H0.0527344C0.0527344 19.5894 1.17202 20.7087 2.55274 20.7087V17.7087ZM14.7194 17.7087H2.55274V20.7087H14.7194V17.7087ZM14.2194 18.2087C14.2194 17.9325 14.4433 17.7087 14.7194 17.7087V20.7087C16.1001 20.7087 17.2194 19.5894 17.2194 18.2087H14.2194ZM14.2194 17.292V18.2087H17.2194V17.292H14.2194ZM9.7194 12.792C12.2047 12.792 14.2194 14.8067 14.2194 17.292H17.2194C17.2194 13.1499 13.8615 9.79199 9.7194 9.79199V12.792ZM7.55273 12.792H9.7194V9.79199H7.55273V12.792Z" fill="currentColor" mask="url(#path-3-inside-1_3556_42581)"/>
+      <path
+        d="M11.3021 5.87565C11.3021 7.34841 10.1082 8.54232 8.63542 8.54232V11.5423C11.765 11.5423 14.3021 9.00526 14.3021 5.87565H11.3021ZM8.63542 3.20898C10.1082 3.20898 11.3021 4.40289 11.3021 5.87565H14.3021C14.3021 2.74604 11.765 0.208984 8.63542 0.208984V3.20898ZM5.96875 5.87565C5.96875 4.40289 7.16266 3.20898 8.63542 3.20898V0.208984C5.5058 0.208984 2.96875 2.74604 2.96875 5.87565H5.96875ZM8.63542 8.54232C7.16266 8.54232 5.96875 7.34841 5.96875 5.87565H2.96875C2.96875 9.00526 5.5058 11.5423 8.63542 11.5423V8.54232ZM3.05273 17.292C3.05273 14.8067 5.06745 12.792 7.55273 12.792V9.79199C3.4106 9.79199 0.0527344 13.1499 0.0527344 17.292H3.05273ZM3.05273 18.2087V17.292H0.0527344V18.2087H3.05273ZM2.55274 17.7087C2.82888 17.7087 3.05273 17.9325 3.05273 18.2087H0.0527344C0.0527344 19.5894 1.17202 20.7087 2.55274 20.7087V17.7087ZM14.7194 17.7087H2.55274V20.7087H14.7194V17.7087ZM14.2194 18.2087C14.2194 17.9325 14.4433 17.7087 14.7194 17.7087V20.7087C16.1001 20.7087 17.2194 19.5894 17.2194 18.2087H14.2194ZM14.2194 17.292V18.2087H17.2194V17.292H14.2194ZM9.7194 12.792C12.2047 12.792 14.2194 14.8067 14.2194 17.292H17.2194C17.2194 13.1499 13.8615 9.79199 9.7194 9.79199V12.792ZM7.55273 12.792H9.7194V9.79199H7.55273V12.792Z"
+        fill="currentColor"
+        mask="url(#path-3-inside-1_3556_42581)"
+      />
     </g>
     <defs>
-      <filter id="filter0_b_3556_42581" x="-6.44727" y="-6.29102" width="30.166" height="33.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-        <feGaussianBlur in="BackgroundImageFix" stdDeviation="4"/>
-        <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_3556_42581"/>
-        <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_3556_42581" result="shape"/>
+      <filter
+        id="filter0_b_3556_42581"
+        x="-6.44727"
+        y="-6.29102"
+        width="30.166"
+        height="33.5"
+        filterUnits="userSpaceOnUse"
+        color-interpolation-filters="sRGB"
+      >
+        <feFlood flood-opacity="0" result="BackgroundImageFix" />
+        <feGaussianBlur in="BackgroundImageFix" stdDeviation="4" />
+        <feComposite
+          in2="SourceAlpha"
+          operator="in"
+          result="effect1_backgroundBlur_3556_42581"
+        />
+        <feBlend
+          mode="normal"
+          in="SourceGraphic"
+          in2="effect1_backgroundBlur_3556_42581"
+          result="shape"
+        />
       </filter>
     </defs>
   </svg>
-</template>
+</template>

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

@@ -1,8 +1,37 @@
 <template>
-  <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
-  <path d="M7.77713 8.22222C9.49535 8.22222 10.8882 6.82933 10.8882 5.11111C10.8882 3.39289 9.49535 2 7.77713 2C6.0589 2 4.66602 3.39289 4.66602 5.11111C4.66602 6.82933 6.0589 8.22222 7.77713 8.22222Z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>
-  <path d="M18 14.8889L13.5556 14.8889" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M16.2222 16.6666L18 14.8889L16.2222 13.1111" stroke="currentColor"  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M11.3333 11.7778H7.68889C5.6976 11.7778 4.70196 11.7778 3.94138 12.1653C3.27235 12.5062 2.72841 13.0502 2.38753 13.7192C2 14.4798 2 15.4754 2 17.4667V18.0001H11.3333" stroke="currentColor" stroke-width="1.5" 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
+      d="M7.77713 8.22222C9.49535 8.22222 10.8882 6.82933 10.8882 5.11111C10.8882 3.39289 9.49535 2 7.77713 2C6.0589 2 4.66602 3.39289 4.66602 5.11111C4.66602 6.82933 6.0589 8.22222 7.77713 8.22222Z"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18 14.8889L13.5556 14.8889"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16.2222 16.6666L18 14.8889L16.2222 13.1111"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M11.3333 11.7778H7.68889C5.6976 11.7778 4.70196 11.7778 3.94138 12.1653C3.27235 12.5062 2.72841 13.0502 2.38753 13.7192C2 14.4798 2 15.4754 2 17.4667V18.0001H11.3333"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
   </svg>
-</template>
+</template>

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

@@ -1,14 +1,37 @@
 <template>
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#clip0_3251_12933)">
-  <path d="M9.99935 18.3336C14.6017 18.3336 18.3327 14.6027 18.3327 10.0003C18.3327 5.39793 14.6017 1.66699 9.99935 1.66699C5.39697 1.66699 1.66602 5.39793 1.66602 10.0003C1.66602 14.6027 5.39697 18.3336 9.99935 18.3336Z" stroke="currentColor" stroke-width="1.7"/>
-  <path d="M2.5 12.9104C3.59663 13.3501 4.38608 13.3501 4.86829 12.9104C5.59162 12.2507 4.96746 10.2488 5.9805 9.69665C6.9935 9.14453 8.53692 11.5919 9.9795 10.7867C11.422 9.98132 9.84358 7.83399 10.8447 6.96344C11.8458 6.0929 13.1475 7.07469 13.375 5.61907C13.6026 4.16346 12.3134 4.79478 12.066 3.41925C11.901 2.50224 11.901 2.02004 12.066 1.97266" stroke="currentColor" stroke-width="1.7"/>
-  <path d="M12.0928 18.0624C11.3119 17.2632 11.0308 16.5204 11.2495 15.8338C11.5775 14.804 12.1185 14.8648 12.3544 14.2281C12.5903 13.5913 11.9239 12.6844 13.4026 11.9091C14.3883 11.3922 15.7437 11.9911 17.4686 13.7057" stroke="currentColor" stroke-width="1.7"/>
-  </g>
-  <defs>
-  <clipPath id="clip0_3251_12933">
-  <rect width="20" height="20" fill="white" style="fill:white;fill:white;fill-opacity:1;"/>
-  </clipPath>
-  </defs>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_3251_12933)">
+      <path
+        d="M9.99935 18.3336C14.6017 18.3336 18.3327 14.6027 18.3327 10.0003C18.3327 5.39793 14.6017 1.66699 9.99935 1.66699C5.39697 1.66699 1.66602 5.39793 1.66602 10.0003C1.66602 14.6027 5.39697 18.3336 9.99935 18.3336Z"
+        stroke="currentColor"
+        stroke-width="1.7"
+      />
+      <path
+        d="M2.5 12.9104C3.59663 13.3501 4.38608 13.3501 4.86829 12.9104C5.59162 12.2507 4.96746 10.2488 5.9805 9.69665C6.9935 9.14453 8.53692 11.5919 9.9795 10.7867C11.422 9.98132 9.84358 7.83399 10.8447 6.96344C11.8458 6.0929 13.1475 7.07469 13.375 5.61907C13.6026 4.16346 12.3134 4.79478 12.066 3.41925C11.901 2.50224 11.901 2.02004 12.066 1.97266"
+        stroke="currentColor"
+        stroke-width="1.7"
+      />
+      <path
+        d="M12.0928 18.0624C11.3119 17.2632 11.0308 16.5204 11.2495 15.8338C11.5775 14.804 12.1185 14.8648 12.3544 14.2281C12.5903 13.5913 11.9239 12.6844 13.4026 11.9091C14.3883 11.3922 15.7437 11.9911 17.4686 13.7057"
+        stroke="currentColor"
+        stroke-width="1.7"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_3251_12933">
+        <rect
+          width="20"
+          height="20"
+          fill="white"
+          style="fill: white; fill-opacity: 1"
+        />
+      </clipPath>
+    </defs>
   </svg>
 </template>

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

@@ -1,7 +1,28 @@
 <template>
-  <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 3.33301H2.5V16.6663H10V3.33301Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/>
-    <path d="M17.5 3.33301H12.5V6.66634H17.5V3.33301Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/>
-    <path d="M17.5 9.16699H12.5V16.667H17.5V9.16699Z" stroke="currentColor" stroke-width="1.7" stroke-linejoin="round"/>
+  <svg
+    width="20"
+    height="20"
+    viewBox="0 0 20 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10 3.33301H2.5V16.6663H10V3.33301Z"
+      stroke="currentColor"
+      stroke-width="1.7"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17.5 3.33301H12.5V6.66634H17.5V3.33301Z"
+      stroke="currentColor"
+      stroke-width="1.7"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17.5 9.16699H12.5V16.667H17.5V9.16699Z"
+      stroke="currentColor"
+      stroke-width="1.7"
+      stroke-linejoin="round"
+    />
   </svg>
 </template>

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

@@ -1,9 +1,25 @@
 <template>
-  <svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="14"
+    height="13"
+    viewBox="0 0 14 13"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g id="Group 1792">
       <g id="Group 7870">
-        <path id="Vector 88" d="M5.35 1H2C1.72386 1 1.5 1.22386 1.5 1.5V11.5C1.5 11.7761 1.72386 12 2 12H12C12.2761 12 12.5 11.7761 12.5 11.5V8.15" stroke="currentColor" stroke-width="1.5" />
-        <path id="Vector 87" d="M7.5 1H12.5M12.5 1V6M12.5 1L7.5 6" stroke="currentColor" stroke-width="1.5" />
+        <path
+          id="Vector 88"
+          d="M5.35 1H2C1.72386 1 1.5 1.22386 1.5 1.5V11.5C1.5 11.7761 1.72386 12 2 12H12C12.2761 12 12.5 11.7761 12.5 11.5V8.15"
+          stroke="currentColor"
+          stroke-width="1.5"
+        />
+        <path
+          id="Vector 87"
+          d="M7.5 1H12.5M12.5 1V6M12.5 1L7.5 6"
+          stroke="currentColor"
+          stroke-width="1.5"
+        />
       </g>
     </g>
   </svg>