fcr-ui-scene 3.8.1-alpha → 3.8.1

package/lib/modules/subtitles-history/index.css

@@ -1,129 +1,129 @@
-.fcr-subtitles-history__header {
-  display: flex;
-  align-items: center;
-  padding: 7px 12px;
-  font-size: 12px;
-  line-height: 16px;
-  color: var(--fcr_ui_scene_icontext1);
-  background-color: var(--fcr_web_ui_scene_fill4_popup);
-  border-radius: var(--fcr_cornerradius_s);
-}
-
-.fcr-no-data-subtitles-history {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-grow: 1;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-}
-
-.fcr-no-data-subtitles-history img {
-  width: 138px;
-  height: 100;
-  object-fit: contain;
-  margin-bottom: 20px;
-}
-
-.fcr-no-data-subtitles-history span {
-  font-weight: 400;
-  font-size: 13px;
-  line-height: 14px;
-  font-family: PingFang HK;
-  color: var(--fcr_ui_scene_icontext2);
-}
-
-.fcr-subtitles-history-wrapper {
-  padding: 5px 15px 0 15px;
-  height: 100%;
-}
-
-.fcr-dialog-container .fcr-subtitles-history-wrapper-electron {
-  height: calc(100% - 46px);
-}
-
-.fcr-subtitles-history-container {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.fcr-subtitles-history__content {
-  margin: 24px 0 12px 0;
-  flex-grow: 1;
-  overflow-y: auto;
-}
-
-.fcr-subtitles-history__waiting-input {
-  display: flex;
-  align-items: center;
-}
-
-.fcr-subtitles-history__list__item {
-  display: flex;
-  padding-bottom: 24px;
-}
-
-.fcr-subtitles-history__list__item__action {
-  margin: 0 auto;
-  width: 128px;
-  height: 30px;
-  color: var(--fcr_ui_scene_icontext1);
-  font-weight: 300;
-  font-size: 12px;
-  line-height: 30px;
-  text-align: center;
-  background: var(--fcr_chat_bg);
-  border-radius: var(--fcr_cornerradius_xxxxl);
-}
-
-.fcr-subtitles-history__list__item__head-icon {
-  margin-right: 12px;
-}
-
-.fcr-subtitles-history__list__item__info {
-  display: flex;
-  margin-bottom: 6px;
-  font-size: 12px;
-  line-height: 1;
-}
-.fcr-subtitles-history__list__item__info__name {
-  margin-right: 8px;
-  color: var(--fcr_ui_scene_icontext1);
-}
-.fcr-subtitles-history__list__item__info__time {
-  color: var(--fcr_ui_scene_icontext3);
-}
-
-.fcr-subtitles-history__list__item__text,
-.fcr-subtitles-history__list__item__text--translation {
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 1.3;
-  color: var(--fcr_ui_scene_icontext1);
-}
-
-.fcr-subtitles-history__list__item__text--translation {
-  margin-top: 6px;
-  color: var(--fcr_ui_scene_icontext2);
-}
-
-.fcr-subtitles-history__footer {
-  display: flex;
-  justify-content: space-between;
-  padding: 10px 0;
-}
-
-.fcr-subtitles-history__footer__btn {
-  width: 100%;
-}
-
-.fcr-ui-subtitles-history-request-dialog .fcr-confirm-content-title {
-  text-align: center;
-}
-
-.fcr-ui-subtitles-history-request-dialog .fcr-button {
-  width: 50%;
-  flex-shrink: 1;
-}
+.fcr-subtitles-history__header {
+  display: flex;
+  align-items: center;
+  padding: 7px 12px;
+  font-size: 12px;
+  line-height: 16px;
+  color: var(--fcr_ui_scene_icontext1);
+  background-color: var(--fcr_web_ui_scene_fill4_popup);
+  border-radius: var(--fcr_cornerradius_s);
+}
+
+.fcr-no-data-subtitles-history {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+}
+
+.fcr-no-data-subtitles-history img {
+  width: 138px;
+  height: 100;
+  object-fit: contain;
+  margin-bottom: 20px;
+}
+
+.fcr-no-data-subtitles-history span {
+  font-weight: 400;
+  font-size: 13px;
+  line-height: 14px;
+  font-family: PingFang HK;
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+.fcr-subtitles-history-wrapper {
+  padding: 5px 15px 0 15px;
+  height: 100%;
+}
+
+.fcr-dialog-container .fcr-subtitles-history-wrapper-electron {
+  height: calc(100% - 46px);
+}
+
+.fcr-subtitles-history-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.fcr-subtitles-history__content {
+  margin: 24px 0 12px 0;
+  flex-grow: 1;
+  overflow-y: auto;
+}
+
+.fcr-subtitles-history__waiting-input {
+  display: flex;
+  align-items: center;
+}
+
+.fcr-subtitles-history__list__item {
+  display: flex;
+  padding-bottom: 24px;
+}
+
+.fcr-subtitles-history__list__item__action {
+  margin: 0 auto;
+  width: 128px;
+  height: 30px;
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: 300;
+  font-size: 12px;
+  line-height: 30px;
+  text-align: center;
+  background: var(--fcr_chat_bg);
+  border-radius: var(--fcr_cornerradius_xxxxl);
+}
+
+.fcr-subtitles-history__list__item__head-icon {
+  margin-right: 12px;
+}
+
+.fcr-subtitles-history__list__item__info {
+  display: flex;
+  margin-bottom: 6px;
+  font-size: 12px;
+  line-height: 1;
+}
+.fcr-subtitles-history__list__item__info__name {
+  margin-right: 8px;
+  color: var(--fcr_ui_scene_icontext1);
+}
+.fcr-subtitles-history__list__item__info__time {
+  color: var(--fcr_ui_scene_icontext3);
+}
+
+.fcr-subtitles-history__list__item__text,
+.fcr-subtitles-history__list__item__text--translation {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.3;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-subtitles-history__list__item__text--translation {
+  margin-top: 6px;
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+.fcr-subtitles-history__footer {
+  display: flex;
+  justify-content: space-between;
+  padding: 10px 0;
+}
+
+.fcr-subtitles-history__footer__btn {
+  width: 100%;
+}
+
+.fcr-ui-subtitles-history-request-dialog .fcr-confirm-content-title {
+  text-align: center;
+}
+
+.fcr-ui-subtitles-history-request-dialog .fcr-button {
+  width: 50%;
+  flex-shrink: 1;
+}

package/lib/modules/video-window/components/members/index.css

@@ -1,51 +1,51 @@
-.fcr-video-window-members {
-  gap: 0;
-  user-select: none;
-  position: relative;
-  width: 100%;
-  min-height: 144px;
-  flex: 1;
-  display: none;
-  flex-direction: column;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 0 1px;
-  border: 1px solid transparent;
-  border-top: none;
-  background-color: var(--fcr_web_ui_scene_fill5);
-  border-radius: 0 0 var(--fcr_cornerradius_m) var(--fcr_cornerradius_m);
-}
-.fcr-video-window-members .fcr-video-window-members-item {
-  width: 100%;
-  min-height: 144px;
-  overflow: hidden;
-  flex: 1;
-  box-sizing: border-box;
-}
-.fcr-video-window-members .fcr-video-window-members-item_last {
-  border-radius: 0 0 var(--fcr_cornerradius_s) var(--fcr_cornerradius_s);
-}
-.fcr-video-window-members .fcr-video-window-members-item_last .fcr-member-window-excitation {
-  border-radius: 0 0 var(--fcr_cornerradius_s) var(--fcr_cornerradius_s);
-}
-.fcr-video-window-members.fcr-video-window-members_mediapreview {
-  display: flex;
-  border: 1px solid var(--fcr_ui_scene_line1);
-  border-top: 0;
-}
-.fcr-video-window-members.fcr-video-window-members_mediapreviews {
-  border: 1px solid var(--fcr_ui_scene_line1);
-  border-top: 0;
-  display: flex;
-}
-.fcr-video-window-members-resize {
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  display: none;
-  justify-content: space-between;
-}
-.fcr-video-window-members-resize_active {
-  display: flex;
-}
+.fcr-video-window-members {
+  gap: 0;
+  user-select: none;
+  position: relative;
+  width: 100%;
+  min-height: 144px;
+  flex: 1;
+  display: none;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+  padding: 0 1px;
+  border: 1px solid transparent;
+  border-top: none;
+  background-color: var(--fcr_web_ui_scene_fill5);
+  border-radius: 0 0 var(--fcr_cornerradius_m) var(--fcr_cornerradius_m);
+}
+.fcr-video-window-members .fcr-video-window-members-item {
+  width: 100%;
+  min-height: 144px;
+  overflow: hidden;
+  flex: 1;
+  box-sizing: border-box;
+}
+.fcr-video-window-members .fcr-video-window-members-item_last {
+  border-radius: 0 0 var(--fcr_cornerradius_s) var(--fcr_cornerradius_s);
+}
+.fcr-video-window-members .fcr-video-window-members-item_last .fcr-member-window-excitation {
+  border-radius: 0 0 var(--fcr_cornerradius_s) var(--fcr_cornerradius_s);
+}
+.fcr-video-window-members.fcr-video-window-members_mediapreview {
+  display: flex;
+  border: 1px solid var(--fcr_ui_scene_line1);
+  border-top: 0;
+}
+.fcr-video-window-members.fcr-video-window-members_mediapreviews {
+  border: 1px solid var(--fcr_ui_scene_line1);
+  border-top: 0;
+  display: flex;
+}
+.fcr-video-window-members-resize {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  display: none;
+  justify-content: space-between;
+}
+.fcr-video-window-members-resize_active {
+  display: flex;
+}

package/lib/modules/video-window/components/speaking/index.css

@@ -1,86 +1,86 @@
-.fcr-video-window-speaking-wrapper {
-  width: 100%;
-  height: 50px;
-  box-sizing: border-box;
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 1px;
-  border-radius: 0 0 var(--fcr_cornerradius_m) var(--fcr_cornerradius_m);
-  border: 1px solid transparent;
-}
-.fcr-video-window-speaking-wrapper_hover,
-.fcr-video-window-speaking-wrapper_mediapreview {
-  background-color: var(--fcr_web_ui_scene_fill5);
-  border-left: 1px solid var(--fcr_ui_scene_line1);
-  border-right: 1px solid var(--fcr_ui_scene_line1);
-}
-.fcr-video-window-speaking-wrapper.fcr-video-window-speaking-wrapper_mediapreview {
-  border-radius: var(--fcr_cornerradius_m) var(--fcr_cornerradius_m) 0 0;
-}
-.fcr-video-window-speaking-wrapper.fcr-video-window-speaking-wrapper_hover.fcr-video-window-speaking-wrapper_mediapreview {
-  border-radius: 0;
-}
-.fcr-video-window-speaking {
-  position: absolute;
-  inset: 0;
-  margin: 0 auto;
-  display: flex;
-  box-sizing: border-box;
-  width: calc(100% - 2px);
-  height: 48px;
-  align-items: center;
-  gap: 8px;
-  padding: 0 4px;
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill1);
-  border-radius: var(--fcr_cornerradius_m);
-}
-.fcr-video-window-speaking-wrapper_mediapreview .fcr-video-window-speaking {
-  border-radius: var(--fcr_cornerradius_m) var(--fcr_cornerradius_m) 0 0;
-}
-.fcr-video-window-speaking-icon {
-  flex-grow: 0;
-  flex-shrink: 0;
-  width: 40px;
-  height: 40px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: var(--fcr_mobile_ui_scene_guide);
-  border-radius: var(--fcr_cornerradius_m);
-  cursor: pointer;
-}
-.fcr-video-window-speaking-icon .device-control {
-  width: 40px;
-  height: 40px;
-  min-width: 40px;
-}
-.fcr-video-window-speaking-icon .device-control-inner {
-  justify-content: center;
-  height: 40px;
-  min-width: 40px;
-}
-.fcr-video-window-speaking-icon .device-control-item-wrapper:hover {
-  background: none;
-}
-.fcr-video-window-speaking-icon .device-control-extra {
-  display: none;
-}
-.fcr-video-window-control-speakers {
-  flex: 1 0 0;
-  height: 14px;
-  display: flex;
-  gap: 4px;
-  font-size: 12px;
-  color: var(--fcr_ui_scene_icontext1);
-}
-.fcr-video-window-control-speakers_names {
-  width: 0;
-  flex-grow: 1;
-  font-weight: 800;
-  color: var(--fcr_ui_scene_icontext1);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
+.fcr-video-window-speaking-wrapper {
+  width: 100%;
+  height: 50px;
+  box-sizing: border-box;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 1px;
+  border-radius: 0 0 var(--fcr_cornerradius_m) var(--fcr_cornerradius_m);
+  border: 1px solid transparent;
+}
+.fcr-video-window-speaking-wrapper_hover,
+.fcr-video-window-speaking-wrapper_mediapreview {
+  background-color: var(--fcr_web_ui_scene_fill5);
+  border-left: 1px solid var(--fcr_ui_scene_line1);
+  border-right: 1px solid var(--fcr_ui_scene_line1);
+}
+.fcr-video-window-speaking-wrapper.fcr-video-window-speaking-wrapper_mediapreview {
+  border-radius: var(--fcr_cornerradius_m) var(--fcr_cornerradius_m) 0 0;
+}
+.fcr-video-window-speaking-wrapper.fcr-video-window-speaking-wrapper_hover.fcr-video-window-speaking-wrapper_mediapreview {
+  border-radius: 0;
+}
+.fcr-video-window-speaking {
+  position: absolute;
+  inset: 0;
+  margin: 0 auto;
+  display: flex;
+  box-sizing: border-box;
+  width: calc(100% - 2px);
+  height: 48px;
+  align-items: center;
+  gap: 8px;
+  padding: 0 4px;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill1);
+  border-radius: var(--fcr_cornerradius_m);
+}
+.fcr-video-window-speaking-wrapper_mediapreview .fcr-video-window-speaking {
+  border-radius: var(--fcr_cornerradius_m) var(--fcr_cornerradius_m) 0 0;
+}
+.fcr-video-window-speaking-icon {
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--fcr_mobile_ui_scene_guide);
+  border-radius: var(--fcr_cornerradius_m);
+  cursor: pointer;
+}
+.fcr-video-window-speaking-icon .device-control {
+  width: 40px;
+  height: 40px;
+  min-width: 40px;
+}
+.fcr-video-window-speaking-icon .device-control-inner {
+  justify-content: center;
+  height: 40px;
+  min-width: 40px;
+}
+.fcr-video-window-speaking-icon .device-control-item-wrapper:hover {
+  background: none;
+}
+.fcr-video-window-speaking-icon .device-control-extra {
+  display: none;
+}
+.fcr-video-window-control-speakers {
+  flex: 1 0 0;
+  height: 14px;
+  display: flex;
+  gap: 4px;
+  font-size: 12px;
+  color: var(--fcr_ui_scene_icontext1);
+}
+.fcr-video-window-control-speakers_names {
+  width: 0;
+  flex-grow: 1;
+  font-weight: 800;
+  color: var(--fcr_ui_scene_icontext1);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/lib/modules/video-window/components/topControl/index.css

@@ -1,35 +1,35 @@
-.fcr-video-window-topcontrol {
-  display: flex;
-  width: 100%;
-  gap: 3px;
-  height: 38px;
-  box-sizing: border-box;
-  overflow: hidden;
-  background-color: var(--fcr_web_ui_scene_fill5);
-  border-radius: var(--fcr_cornerradius_m) var(--fcr_cornerradius_m) 0 0;
-  padding: 4px 6px;
-  visibility: hidden;
-  border: 1px solid var(--fcr_ui_scene_line1);
-  border-bottom: none;
-  -webkit-app-region: drag;
-  user-select: none;
-  -webkit-user-select: none;
-}
-.fcr-video-window-topcontrol.fcr-video-window-topcontrol_hover {
-  visibility: visible;
-}
-.fcr-video-window-topcontrol-item {
-  width: 30px;
-  height: 30px;
-  display: flex;
-  justify-content: center;
-  flex-direction: column-reverse;
-  border-radius: var(--fcr_cornerradius_xs);
-  -webkit-app-region: no-drag;
-}
-.fcr-video-window-topcontrol-item:hover {
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-video-window-topcontrol-item:hover svg path {
-  fill: var(--fcr_ui_scene_ramp_brand6);
-}
+.fcr-video-window-topcontrol {
+  display: flex;
+  width: 100%;
+  gap: 3px;
+  height: 38px;
+  box-sizing: border-box;
+  overflow: hidden;
+  background-color: var(--fcr_web_ui_scene_fill5);
+  border-radius: var(--fcr_cornerradius_m) var(--fcr_cornerradius_m) 0 0;
+  padding: 4px 6px;
+  visibility: hidden;
+  border: 1px solid var(--fcr_ui_scene_line1);
+  border-bottom: none;
+  -webkit-app-region: drag;
+  user-select: none;
+  -webkit-user-select: none;
+}
+.fcr-video-window-topcontrol.fcr-video-window-topcontrol_hover {
+  visibility: visible;
+}
+.fcr-video-window-topcontrol-item {
+  width: 30px;
+  height: 30px;
+  display: flex;
+  justify-content: center;
+  flex-direction: column-reverse;
+  border-radius: var(--fcr_cornerradius_xs);
+  -webkit-app-region: no-drag;
+}
+.fcr-video-window-topcontrol-item:hover {
+  background: var(--fcr_web_ui_scene_hover);
+}
+.fcr-video-window-topcontrol-item:hover svg path {
+  fill: var(--fcr_ui_scene_ramp_brand6);
+}

package/lib/modules/video-window/index.css

@@ -1,21 +1,21 @@
-.fcr-video-window-dialog-wrapper {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-
-.fcr-video-window-dialog-wrapper.electron {
-  border: none !important;
-  box-shadow: none !important;
-  border-radius: 0 !important;
-  background: transparent !important;
-}
-
-/* 供 popover-watcher 使用 */
-#fcr-video-window-diaolog-wrapper_popover-align-right {
-  --video-window-popover-left: 0px;
-  left: var(--video-window-popover-left) !important;
-}
+.fcr-video-window-dialog-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.fcr-video-window-dialog-wrapper.electron {
+  border: none !important;
+  box-shadow: none !important;
+  border-radius: 0 !important;
+  background: transparent !important;
+}
+
+/* 供 popover-watcher 使用 */
+#fcr-video-window-diaolog-wrapper_popover-align-right {
+  --video-window-popover-left: 0px;
+  left: var(--video-window-popover-left) !important;
+}

package/lib/modules/video-window/popover-watcher.js

@@ -14,9 +14,9 @@ var _react = require("react");
 var HEAD_HEIGHT_OFFSET = 150;
 var WIDTH_RIGHT_OFFSET = 30;
 
-/**
- * popoverWatcher 监听 popover 的出现和消失，并通过回调通知外部如何调整窗口
- *
+/**
+ * popoverWatcher 监听 popover 的出现和消失，并通过回调通知外部如何调整窗口
+ *
  */
 function usePopoverWatcher(_ref) {
   var rootDom = _ref.rootDom,