@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.2

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

@@ -1,16 +1,71 @@
 <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>
+  <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

@@ -1,7 +1,23 @@
 <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" />
+  <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" />

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

@@ -1,7 +1,18 @@
 <template>
-  <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <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" />
+    <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

@@ -1,7 +1,23 @@
 <template>
-  <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <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" />
+    <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

@@ -1,5 +1,11 @@
 <template>
-  <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <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" />

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

@@ -1,6 +1,23 @@
 <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
+    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>
+</template>

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

@@ -1,6 +1,21 @@
 <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
+    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>
+</template>

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

@@ -1,6 +1,22 @@
 <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
+    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>
+</template>

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

@@ -0,0 +1,30 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- eslint-disable vue/no-parsing-error -->
+    <g id="&#231;&#188;&#150;&#231;&#187;&#132; 5">
+      <g id="&#231;&#188;&#150;&#231;&#187;&#132; 3">
+        <path
+          id="&#232;&#183;&#175;&#229;&#190;&#132;"
+          d="M2 8C2 11.3137 4.68629 14 8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C6.36788 2 4.88796 2.65167 3.80626 3.70902"
+          stroke="white"
+          stroke-width="1.5"
+          stroke-linecap="square"
+        />
+        <path
+          id="&#232;&#183;&#175;&#229;&#190;&#132;_2"
+          d="M5.33317 4.66667H2.6665V2"
+          stroke="white"
+          stroke-width="1.5"
+          stroke-linecap="square"
+          stroke-linejoin="round"
+        />
+      </g>
+    </g>
+  </svg>
+</template>

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

@@ -1,15 +1,42 @@
 <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
+    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/RuddyBeautyIcon.vue

@@ -0,0 +1,43 @@
+<template>
+  <svg
+    width="30"
+    height="30"
+    viewBox="0 0 30 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g id="Group 48097289">
+      <path
+        id="Ellipse 349"
+        d="M27 15C27 21.6274 21.6274 27 15 27C8.37258 27 3 21.6274 3 15C3 12.1605 3.98496 9.55384 5.63267 7.49904C6.3356 6.62243 7.159 5.84657 8.07758 5.19665C10.0333 3.81292 12.4202 3 15 3C21.6274 3 27 8.37258 27 15Z"
+        stroke="#4F586B"
+        stroke-width="2"
+      />
+      <path
+        id="Ellipse 352"
+        d="M18 17C18 18.6569 16.6569 20 15 20C13.3431 20 12 18.6569 12 17"
+        stroke="#4F586B"
+        stroke-width="2"
+      />
+      <path id="Vector 195" d="M8 11L6 15" stroke="#4F586B" stroke-width="2" />
+      <path
+        id="Vector 197"
+        d="M20 11L18 15"
+        stroke="#4F586B"
+        stroke-width="2"
+      />
+      <path
+        id="Vector 196"
+        d="M12 11L10 15"
+        stroke="#4F586B"
+        stroke-width="2"
+      />
+      <path
+        id="Vector 198"
+        d="M24 11L22 15"
+        stroke="#4F586B"
+        stroke-width="2"
+      />
+    </g>
+  </svg>
+</template>

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

@@ -1,13 +1,31 @@
 <template>
-  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" @click="emit('click')">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.666748 12C0.666748 9.8945 2.29352 8.16896 4.35874 8.01169C4.46039 8.00395 4.56311 8.00001 4.66675 8.00001H7.33341C7.43705 8.00001 7.53977 8.00395 7.64142 8.01169C9.70664 8.16896 11.3334 9.89451 11.3334 12V14.633H0.666748V12ZM10.0001 12V13.2997H2.00008V12C2.00008 10.5272 3.19399 9.33334 4.66675 9.33334H7.33341C8.80617 9.33334 10.0001 10.5272 10.0001 12Z" fill="currentColor" />
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66675 6.68816C4.65266 6.68116 4.63864 6.67405 4.62468 6.66684C3.65972 6.16815 3.00008 5.16111 3.00008 4C3.00008 2.34315 4.34323 1 6.00008 1C7.65693 1 9.00008 2.34315 9.00008 4C9.00008 5.16111 8.34045 6.16815 7.37548 6.66684C7.36152 6.67405 7.3475 6.68116 7.33341 6.68816C6.93176 6.88776 6.47903 7 6.00008 7C5.52113 7 5.0684 6.88776 4.66675 6.68816ZM7.66675 4C7.66675 4.92047 6.92056 5.66667 6.00008 5.66667C5.07961 5.66667 4.33341 4.92047 4.33341 4C4.33341 3.07953 5.07961 2.33333 6.00008 2.33333C6.92056 2.33333 7.66675 3.07953 7.66675 4Z" fill="currentColor" />
+  <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="M0.666748 12C0.666748 9.8945 2.29352 8.16896 4.35874 8.01169C4.46039 8.00395 4.56311 8.00001 4.66675 8.00001H7.33341C7.43705 8.00001 7.53977 8.00395 7.64142 8.01169C9.70664 8.16896 11.3334 9.89451 11.3334 12V14.633H0.666748V12ZM10.0001 12V13.2997H2.00008V12C2.00008 10.5272 3.19399 9.33334 4.66675 9.33334H7.33341C8.80617 9.33334 10.0001 10.5272 10.0001 12Z"
+      fill="currentColor"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M4.66675 6.68816C4.65266 6.68116 4.63864 6.67405 4.62468 6.66684C3.65972 6.16815 3.00008 5.16111 3.00008 4C3.00008 2.34315 4.34323 1 6.00008 1C7.65693 1 9.00008 2.34315 9.00008 4C9.00008 5.16111 8.34045 6.16815 7.37548 6.66684C7.36152 6.67405 7.3475 6.68116 7.33341 6.68816C6.93176 6.88776 6.47903 7 6.00008 7C5.52113 7 5.0684 6.88776 4.66675 6.68816ZM7.66675 4C7.66675 4.92047 6.92056 5.66667 6.00008 5.66667C5.07961 5.66667 4.33341 4.92047 4.33341 4C4.33341 3.07953 5.07961 2.33333 6.00008 2.33333C6.92056 2.33333 7.66675 3.07953 7.66675 4Z"
+      fill="currentColor"
+    />
     <path d="M10.6667 5H15.3334V3.66667H10.6667V5Z" fill="currentColor" />
-    <path d="M11.6667 8.66667H15.3334V7.33333H11.6667V8.66667Z" fill="currentColor" />
-    <path d="M15.3334 12.3333H12.6667V11H15.3334V12.3333Z" fill="currentColor" />
+    <path
+      d="M11.6667 8.66667H15.3334V7.33333H11.6667V8.66667Z"
+      fill="currentColor"
+    />
+    <path
+      d="M15.3334 12.3333H12.6667V11H15.3334V12.3333Z"
+      fill="currentColor"
+    />
   </svg>
 </template>
-<script setup lang="ts">
-import { defineEmits } from 'vue';
-const emit = defineEmits(['click']);
-</script>

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

@@ -1,6 +1,14 @@
 <template>
-  <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 2.5H6L6 0.25H4.5L4.5 2.5H1.5C0.671573 2.5 0 3.17157 0 4V17.5C0 18.3284 0.671573 19 1.5 19H16.5C17.3284 19 18 18.3284 18 17.5V4C18 3.17157 17.3284 2.5 16.5 2.5H13.5V0.25H12L12 2.5ZM4.5 5.5L6 5.5V4H12L12 5.5L13.5 5.5V4H16.5V7H1.5V4H4.5L4.5 5.5ZM1.5 8.5H16.5V17.5H1.5L1.5 8.5Z" fill="currentColor" />
+  <svg
+    width="18"
+    height="19"
+    viewBox="0 0 18 19"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M12 2.5H6L6 0.25H4.5L4.5 2.5H1.5C0.671573 2.5 0 3.17157 0 4V17.5C0 18.3284 0.671573 19 1.5 19H16.5C17.3284 19 18 18.3284 18 17.5V4C18 3.17157 17.3284 2.5 16.5 2.5H13.5V0.25H12L12 2.5ZM4.5 5.5L6 5.5V4H12L12 5.5L13.5 5.5V4H16.5V7H1.5V4H4.5L4.5 5.5ZM1.5 8.5H16.5V17.5H1.5L1.5 8.5Z"
+      fill="currentColor"
+    />
   </svg>
 </template>
-

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

@@ -1,6 +1,33 @@
 <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
+    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.697 0.7318 0.82);
+        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.697 0.7318 0.82);
+        stroke-opacity: 1;
+      "
+      stroke-width="1.7"
+      stroke-linejoin="round"
+    />
   </svg>
 </template>

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

@@ -1,10 +1,31 @@
 <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
+    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

@@ -1,7 +1,25 @@
 <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"/>
+  <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" />

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

@@ -1,8 +1,25 @@
 <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
+    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

@@ -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="Frame" clip-path="url(#clip0_6318_5279)">
       <g id="Group 7672">
         <g id="Group 7784">