fcr-ui-scene 3.8.1-alpha → 3.8.1

package/lib/modules/layout/index.css

@@ -1,59 +1,59 @@
-.layout-demo {
-  padding: 50px;
-}
-
-.layout-demo__meta {
-  padding: 0 10px 10px;
-  font-family: monospace;
-  font-size: 1rem;
-}
-
-.layout-demo__frame {
-  position: relative;
-  border: 1px solid rgba(127, 127, 127, 0.2);
-  height: 60vh;
-}
-
-.layout-demo__controls {
-  padding-top: 20px;
-  display: flex;
-  flex-flow: row wrap;
-  gap: 10px;
-}
-
-.fcr-layer {
-  position: absolute;
-  z-index: 1000;
-  height: 0;
-}
-
-.login-confirm-dialog-content {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  padding: 20px;
-}
-
-.login-confirm-dialog-content img {
-  margin-top: -36px;
-  margin-bottom: 24px;
-}
-
-.login-confirm-dialog-title {
-  font-weight: 600;
-  font-size: 16px;
-  margin-bottom: 10px;
-}
-
-.login-confirm-dialog-desc {
-  margin-bottom: 20px;
-}
-
-.login-confirm-dialog-btn {
-  width: 100%;
-}
-
-.login-confirm-dialog-content .fcr-button {
-  width: 100%;
-}
+.layout-demo {
+  padding: 50px;
+}
+
+.layout-demo__meta {
+  padding: 0 10px 10px;
+  font-family: monospace;
+  font-size: 1rem;
+}
+
+.layout-demo__frame {
+  position: relative;
+  border: 1px solid rgba(127, 127, 127, 0.2);
+  height: 60vh;
+}
+
+.layout-demo__controls {
+  padding-top: 20px;
+  display: flex;
+  flex-flow: row wrap;
+  gap: 10px;
+}
+
+.fcr-layer {
+  position: absolute;
+  z-index: 1000;
+  height: 0;
+}
+
+.login-confirm-dialog-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding: 20px;
+}
+
+.login-confirm-dialog-content img {
+  margin-top: -36px;
+  margin-bottom: 24px;
+}
+
+.login-confirm-dialog-title {
+  font-weight: 600;
+  font-size: 16px;
+  margin-bottom: 10px;
+}
+
+.login-confirm-dialog-desc {
+  margin-bottom: 20px;
+}
+
+.login-confirm-dialog-btn {
+  width: 100%;
+}
+
+.login-confirm-dialog-content .fcr-button {
+  width: 100%;
+}

package/lib/modules/layout/store.base.js

@@ -794,9 +794,9 @@ var LayoutStoreBase = exports.LayoutStoreBase = /*#__PURE__*/function () {
       !this.aside && this.toggleAside(true);
       this.asideWidth = val;
     }
-    /**
-     * Partially update slots, use `null` to delete the slot.
-     * `undefined` is ignored.
+    /**
+     * Partially update slots, use `null` to delete the slot.
+     * `undefined` is ignored.
      */
   }, {
     key: "updateSlots",
@@ -1054,8 +1054,8 @@ var LayoutStoreBase = exports.LayoutStoreBase = /*#__PURE__*/function () {
       }
     }
 
-    /**
-     * Initialize the store, must be called in the sub class construction
+    /**
+     * Initialize the store, must be called in the sub class construction
      */
   }, {
     key: "_initialize",

package/lib/modules/layout/type.js

@@ -53,13 +53,13 @@ var FcrUIWindowType = exports.FcrUIWindowType = /*#__PURE__*/function (FcrUIWind
   return FcrUIWindowType;
 }({});
 var FcrUILayoutType = exports.FcrUILayoutType = /*#__PURE__*/function (FcrUILayoutType) {
-  /**
-   * 上下布局时，顶部的小窗口类型
+  /**
+   * 上下布局时，顶部的小窗口类型
    */
   FcrUILayoutType["CAROUSEL"] = "carousel";
-  /**
-   * 1. 上下布局时，底部的大窗口类型
-   * 2. 网格布局时的窗口类型
+  /**
+   * 1. 上下布局时，底部的大窗口类型
+   * 2. 网格布局时的窗口类型
    */
   FcrUILayoutType["GALLERY"] = "gallery";
   return FcrUILayoutType;

package/lib/modules/notification/index.css

@@ -1,77 +1,77 @@
-.waiting-room-confirm-dialog {
-  background-color: white;
-  border-radius: 10px;
-  position: relative;
-  z-index: 9999;
-  padding: 13px 0 0 10px;
-}
-
-.waiting-room-confirm-dialog .fcr-dialog-body {
-  padding: 20px;
-}
-
-.waiting-room-confirm-dialog-content {
-  display: flex;
-  align-items: center;
-}
-
-.fcr-notification-root .fcr-notification {
-  position: absolute;
-  top: 40px;
-  z-index: 999;
-  height: calc(100vh - 40px);
-}
-
-.fcr-notification-notice-wrapper {
-  border-radius: 10px;
-  left: 10px;
-}
-
-.waiting-room-confirm-dialog-content-icon {
-  background-color: #a19fff;
-  width: 48px;
-  height: 48px;
-  border-radius: 50px;
-  margin-right: 10px;
-}
-
-.waiting-room-confirm-dialog-content-title {
-  font-size: 14px;
-  margin-bottom: 5px;
-}
-
-.waiting-room-confirm-dialog-content-desc {
-  font-size: 13px;
-  color: var(--fcr_ui_scene_icontext2);
-}
-
-.waiting-room-confirm-dialog-btns {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  margin-top: 10px;
-}
-
-.waiting-room-left-btn {
-  color: var(--fcr_ui_scene_icontext2);
-  margin-right: 15px;
-  font-size: 12px;
-  cursor: pointer;
-}
-
-.fcr-notification_bottom {
-  left: 50%;
-  transform: translateX(-50%);
-  bottom: 0;
-}
-.fcr-notification_bottom .fcr-notification-notice-wrapper {
-  transform: translate3d(0px, 0px, 0px) !important;
-  top: unset;
-  bottom: 59px;
-  background-color: transparent;
-  box-shadow: none;
-}
-.fcr-notification_bottom .fcr-notification-notice-content {
-  padding: 0;
-  text-align: center;
-}
+.waiting-room-confirm-dialog {
+  background-color: white;
+  border-radius: 10px;
+  position: relative;
+  z-index: 9999;
+  padding: 13px 0 0 10px;
+}
+
+.waiting-room-confirm-dialog .fcr-dialog-body {
+  padding: 20px;
+}
+
+.waiting-room-confirm-dialog-content {
+  display: flex;
+  align-items: center;
+}
+
+.fcr-notification-root .fcr-notification {
+  position: absolute;
+  top: 40px;
+  z-index: 999;
+  height: calc(100vh - 40px);
+}
+
+.fcr-notification-notice-wrapper {
+  border-radius: 10px;
+  left: 10px;
+}
+
+.waiting-room-confirm-dialog-content-icon {
+  background-color: #a19fff;
+  width: 48px;
+  height: 48px;
+  border-radius: 50px;
+  margin-right: 10px;
+}
+
+.waiting-room-confirm-dialog-content-title {
+  font-size: 14px;
+  margin-bottom: 5px;
+}
+
+.waiting-room-confirm-dialog-content-desc {
+  font-size: 13px;
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+.waiting-room-confirm-dialog-btns {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  margin-top: 10px;
+}
+
+.waiting-room-left-btn {
+  color: var(--fcr_ui_scene_icontext2);
+  margin-right: 15px;
+  font-size: 12px;
+  cursor: pointer;
+}
+
+.fcr-notification_bottom {
+  left: 50%;
+  transform: translateX(-50%);
+  bottom: 0;
+}
+.fcr-notification_bottom .fcr-notification-notice-wrapper {
+  transform: translate3d(0px, 0px, 0px) !important;
+  top: unset;
+  bottom: 59px;
+  background-color: transparent;
+  box-shadow: none;
+}
+.fcr-notification_bottom .fcr-notification-notice-content {
+  padding: 0;
+  text-align: center;
+}

package/lib/modules/notification/interpreter-status/index.css

@@ -1,76 +1,76 @@
-.interpreter-status-confirm-dialog {
-  background-color: white;
-  border-radius: 10px;
-  position: relative;
-  z-index: 9999;
-}
-
-.interpreter-status-confirm-dialog {
-  padding: 13px 0 13px 10px;
-}
-
-.interpreter-status-confirm-dialog-close {
-  /* width: 12px;
-    height: 12px; */
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: absolute;
-  right: -12px;
-  top: -1px;
-  width: 16px;
-  height: 16px;
-  border-radius: 8px;
-  background: var(--fcr_mobile_ui_scene_fill2);
-}
-.interpreter-status-confirm-dialog-content {
-  display: flex;
-  /* align-items: center; */
-}
-
-/* .rc-notification {
-    position: absolute;
-    top: 40px;
-    z-index: 999;
-  }
-   */
-/* .rc-notification-notice-wrapper {
-    border-radius: 10px;
-    left: 10px;
-  }
-   */
-.interpreter-status-confirm-dialog-content-icon {
-  min-width: 48px;
-  height: 48px;
-  border-radius: 24px;
-  margin-right: 15px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: var(--fcr_ui_scene_card3);
-}
-
-.interpreter-status-confirm-dialog-content-title {
-  font-size: 14px;
-  margin-bottom: 12px;
-}
-
-.interpreter-status-confirm-dialog-content-desc {
-  font-size: 13px;
-  color: var(--fcr_ui_scene_icontext2);
-}
-
-/* .interpreter-status-confirm-dialog-btns {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    margin-top: 10px;
-  }
-  
-  .interpreter-status-left-btn {
-    color: var(--fcr_ui_scene_icontext2);
-    margin-right: 15px;
-    font-size: 12px;
-    cursor: pointer;
-  }
-   */
+.interpreter-status-confirm-dialog {
+  background-color: white;
+  border-radius: 10px;
+  position: relative;
+  z-index: 9999;
+}
+
+.interpreter-status-confirm-dialog {
+  padding: 13px 0 13px 10px;
+}
+
+.interpreter-status-confirm-dialog-close {
+  /* width: 12px;
+    height: 12px; */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  right: -12px;
+  top: -1px;
+  width: 16px;
+  height: 16px;
+  border-radius: 8px;
+  background: var(--fcr_mobile_ui_scene_fill2);
+}
+.interpreter-status-confirm-dialog-content {
+  display: flex;
+  /* align-items: center; */
+}
+
+/* .rc-notification {
+    position: absolute;
+    top: 40px;
+    z-index: 999;
+  }
+   */
+/* .rc-notification-notice-wrapper {
+    border-radius: 10px;
+    left: 10px;
+  }
+   */
+.interpreter-status-confirm-dialog-content-icon {
+  min-width: 48px;
+  height: 48px;
+  border-radius: 24px;
+  margin-right: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: var(--fcr_ui_scene_card3);
+}
+
+.interpreter-status-confirm-dialog-content-title {
+  font-size: 14px;
+  margin-bottom: 12px;
+}
+
+.interpreter-status-confirm-dialog-content-desc {
+  font-size: 13px;
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+/* .interpreter-status-confirm-dialog-btns {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin-top: 10px;
+  }
+  
+  .interpreter-status-left-btn {
+    color: var(--fcr_ui_scene_icontext2);
+    margin-right: 15px;
+    font-size: 12px;
+    cursor: pointer;
+  }
+   */

package/lib/modules/participant/components/confirm-input/index.css

@@ -1,4 +1,4 @@
-.fcr-confirm-input {
-  width: 100%;
-  padding: 0 4px;
-}
+.fcr-confirm-input {
+  width: 100%;
+  padding: 0 4px;
+}

package/lib/modules/participant/components/participants/components/footer/components/drop-menu/index.css

@@ -1,83 +1,83 @@
-.room-control-drop-with-under-line {
-  position: relative;
-  /* margin: 8px 0; */
-}
-.room-control-options-box {
-  display: flex;
-  justify-content: space-between;
-}
-.room-control-options-box .fcr-checkbox {
-  width: fit-content;
-}
-
-.room-control-options-watermark-btns {
-  min-width: 104px;
-  height: 24px;
-  display: flex;
-  background-color: var(--fcr_mobile_ui_scene_fill1);
-  align-items: center;
-  padding: 2px;
-  border-radius: var(--fcr_cornerradius_xxs);
-}
-
-.room-control-options-watermark-btn {
-  min-width: 50px;
-  height: 20px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: transparent;
-  padding: 0px 4px;
-  width: auto !important;
-  border-radius: var(--fcr_cornerradius_xxs);
-}
-.room-control-options-watermark-btn .btn-label {
-  color: var(--fcr_ui_scene_icontext1);
-  font-size: 12px;
-}
-
-.fcr-watermark-rotate-icon {
-  animation: rotate 1s linear infinite;
-}
-
-@keyframes rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.room-control-options-watermark-btn--active {
-  background-color: var(--fcr_ui_scene_white10);
-}
-
-.room-control-options-watermark-btn--active svg path {
-  fill: var(--fcr_ui_scene_ramp_brand6) !important;
-}
-
-.room-control-options-watermark-btn--active .btn-label {
-  color: var(--fcr_ui_scene_ramp_brand6);
-}
-
-.room-control-options-watermark-title-box {
-  display: flex;
-  align-items: center;
-  font-size: 13px;
-}
-
-.room-control-drop-with-under-line::after {
-  content: '';
-  position: absolute;
-  left: -10px;
-  right: -10px;
-  bottom: -12px;
-  border-top: 1px solid var(--fcr_ui_scene_line1);
-  margin: 8px 0;
-}
-
-.room-control-drop-disable {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
+.room-control-drop-with-under-line {
+  position: relative;
+  /* margin: 8px 0; */
+}
+.room-control-options-box {
+  display: flex;
+  justify-content: space-between;
+}
+.room-control-options-box .fcr-checkbox {
+  width: fit-content;
+}
+
+.room-control-options-watermark-btns {
+  min-width: 104px;
+  height: 24px;
+  display: flex;
+  background-color: var(--fcr_mobile_ui_scene_fill1);
+  align-items: center;
+  padding: 2px;
+  border-radius: var(--fcr_cornerradius_xxs);
+}
+
+.room-control-options-watermark-btn {
+  min-width: 50px;
+  height: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent;
+  padding: 0px 4px;
+  width: auto !important;
+  border-radius: var(--fcr_cornerradius_xxs);
+}
+.room-control-options-watermark-btn .btn-label {
+  color: var(--fcr_ui_scene_icontext1);
+  font-size: 12px;
+}
+
+.fcr-watermark-rotate-icon {
+  animation: rotate 1s linear infinite;
+}
+
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.room-control-options-watermark-btn--active {
+  background-color: var(--fcr_ui_scene_white10);
+}
+
+.room-control-options-watermark-btn--active svg path {
+  fill: var(--fcr_ui_scene_ramp_brand6) !important;
+}
+
+.room-control-options-watermark-btn--active .btn-label {
+  color: var(--fcr_ui_scene_ramp_brand6);
+}
+
+.room-control-options-watermark-title-box {
+  display: flex;
+  align-items: center;
+  font-size: 13px;
+}
+
+.room-control-drop-with-under-line::after {
+  content: '';
+  position: absolute;
+  left: -10px;
+  right: -10px;
+  bottom: -12px;
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  margin: 8px 0;
+}
+
+.room-control-drop-disable {
+  opacity: 0.5;
+  cursor: not-allowed;
+}