fcr-ui-scene 3.8.1-beta → 3.8.2

package/lib/modules/dialog/dialogs/interpreter/index.css

@@ -1,30 +1,30 @@
-.fcr-simultaneous-interpretation-dialog-wrapper {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: 16px;
-  box-shadow: var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-}
-
-.fcr-simultaneous-interpretation-dialog-wrapper .frc-window-header {
-  cursor: move;
-  height: 46px;
-}
-
-.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings {
-  cursor: move;
-  height: calc(100% - 46px);
-}
-.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings-audio {
-  padding: 0;
-}
-
-.fcr-simultaneous-interpretation-dialog-wrapper .frc-window-header .frc-window-header__title {
-  height: 46px;
-  line-height: 46px;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-}
+.fcr-simultaneous-interpretation-dialog-wrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: 16px;
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .frc-window-header {
+  cursor: move;
+  height: 46px;
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings {
+  cursor: move;
+  height: calc(100% - 46px);
+}
+.fcr-simultaneous-interpretation-dialog-wrapper .fcr-device-settings-audio {
+  padding: 0;
+}
+
+.fcr-simultaneous-interpretation-dialog-wrapper .frc-window-header .frc-window-header__title {
+  height: 46px;
+  line-height: 46px;
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}

package/lib/modules/dialog/dialogs/mute-all/index.css

@@ -1,20 +1,20 @@
-.fcr-mute-all-dialog-content {
-  margin-left: 20px;
-}
-
-.fcr-mute-all-dialog-footer {
-  margin-top: 10px;
-  margin-bottom: 20px;
-  display: flex;
-  justify-content: flex-end;
-}
-
-.fcr-mute-all-dialog-title {
-  padding-top: 20px;
-  padding-bottom: 20px;
-}
-
-.fcr-mute-all-dialog-footer .fcr-button-danger {
-  margin-left: 10px;
-  margin-right: 20px;
-}
+.fcr-mute-all-dialog-content {
+  margin-left: 20px;
+}
+
+.fcr-mute-all-dialog-footer {
+  margin-top: 10px;
+  margin-bottom: 20px;
+  display: flex;
+  justify-content: flex-end;
+}
+
+.fcr-mute-all-dialog-title {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.fcr-mute-all-dialog-footer .fcr-button-danger {
+  margin-left: 10px;
+  margin-right: 20px;
+}

package/lib/modules/dialog/dialogs/system-preference/index.css

@@ -1,52 +1,52 @@
-.fcr-system-preference-dialog {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
-  text-align: center;
-  background-color: white;
-  width: 100%;
-  height: 100%;
-  /* border-radius: var(--fcr_cornerradius_xxxl);
-  box-shadow: 0 0 15px #00000033;
-  border: 1px solid var(--fcr_ui_scene_line1); */
-}
-
-.fcr-system-preference-dialog img {
-  width: 90%;
-  margin-bottom: 10px;
-}
-
-.fcr-system-preference-dialog-title {
-  font-weight: 600;
-  font-size: 16px;
-  margin-bottom: 10px;
-  color: var(--fcr_ui_scene_icontext1);
-}
-
-.fcr-system-preference-dialog-desc {
-  font-weight: 400;
-  font-size: 13px;
-  margin-bottom: 10px;
-  color: var(--fcr_ui_scene_icontext1);
-  width: 90%;
-}
-
-.fcr-system-preference-dialog-button {
-  width: 90%;
-}
-
-.fcr-system-preference-dialog button {
-  width: 100%;
-  margin-bottom: 10px;
-}
-
-.fcr-system-preference-dialog .fcr-button-white {
-  background-color: var(--fcr_ui_scene_btn2);
-  color: var(--fcr_ui_scene_icontext2);
-}
-
-.fcr-system-preference-dialog .fcr-button-white:hover {
-  background-color: var(--fcr_ui_scene_btn2) !important;
-  color: var(--fcr_ui_scene_icontext2) !important;
-}
+.fcr-system-preference-dialog {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  text-align: center;
+  background-color: white;
+  width: 100%;
+  height: 100%;
+  /* border-radius: var(--fcr_cornerradius_xxxl);
+  box-shadow: 0 0 15px #00000033;
+  border: 1px solid var(--fcr_ui_scene_line1); */
+}
+
+.fcr-system-preference-dialog img {
+  width: 90%;
+  margin-bottom: 10px;
+}
+
+.fcr-system-preference-dialog-title {
+  font-weight: 600;
+  font-size: 16px;
+  margin-bottom: 10px;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-system-preference-dialog-desc {
+  font-weight: 400;
+  font-size: 13px;
+  margin-bottom: 10px;
+  color: var(--fcr_ui_scene_icontext1);
+  width: 90%;
+}
+
+.fcr-system-preference-dialog-button {
+  width: 90%;
+}
+
+.fcr-system-preference-dialog button {
+  width: 100%;
+  margin-bottom: 10px;
+}
+
+.fcr-system-preference-dialog .fcr-button-white {
+  background-color: var(--fcr_ui_scene_btn2);
+  color: var(--fcr_ui_scene_icontext2);
+}
+
+.fcr-system-preference-dialog .fcr-button-white:hover {
+  background-color: var(--fcr_ui_scene_btn2) !important;
+  color: var(--fcr_ui_scene_icontext2) !important;
+}

package/lib/modules/dialog/dialogs/widget/index.js

@@ -11,10 +11,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 var TITLE_BAR_HEIGHT = exports.TITLE_BAR_HEIGHT = 46;
 var width = 600;
 
-/**
- * TODO
- *  web 下 height不传 或者 autoHeight为true 都有默认高度160 默认宽度400 导致高度没法由iframe的高度决定
- *  要么去掉默认高度 ,要么要从 widgetConfig 拿到实际高度来设置 width
+/**
+ * TODO
+ *  web 下 height不传 或者 autoHeight为true 都有默认高度160 默认宽度400 导致高度没法由iframe的高度决定
+ *  要么去掉默认高度 ,要么要从 widgetConfig 拿到实际高度来设置 width
  */
 var height = 600 + TITLE_BAR_HEIGHT;
 var WidgetDialog = exports.WidgetDialog = function WidgetDialog(_ref) {

package/lib/modules/dialog/index.css

@@ -1,56 +1,56 @@
-.dialog-container {
-  /* background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: var(--fcr_cornerradius_m); */
-}
-/* .react-draggable {
-  transition: all 0.3s;
-} */
-.fcr-chat-dialog-wrapper,
-.fcr-participant-dialog-wrapper,
-.fcr-livestreaming-dialog-wrapper {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  width: 100%;
-  /* height: 100%; */
-  display: flex;
-  flex-direction: column;
-}
-.fcr-participant-dialog-wrapper-web {
-  height: 100%;
-}
-
-.fcr-participant-dialog-wrapper-electron {
-  height: calc(100% - 46px);
-}
-
-.fcr-livestreaming-dialog-wrapper .frc-window-header {
-  cursor: move;
-}
-
-.fcr-livestreaming-dialog-content {
-  flex: 1;
-  overflow: hidden;
-  padding: 0 20px 20px;
-}
-.frc-common-dialog {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: var(--fcr_cornerradius_m);
-  box-shadow: 0 0 15px 0 var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-  padding: 16px 20px;
-}
-
-.frc-window-header {
-  cursor: pointer;
-}
-
-.invite-dialog {
-  padding: 10px;
-  padding-bottom: 0px;
-  background-color: #fff;
-  border-radius: var(--fcr_cornerradius_l);
-}
-
-.invite-dialog .frc-window-header {
-  height: 24px;
-  width: fit-content;
-}
+.dialog-container {
+  /* background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: var(--fcr_cornerradius_m); */
+}
+/* .react-draggable {
+  transition: all 0.3s;
+} */
+.fcr-chat-dialog-wrapper,
+.fcr-participant-dialog-wrapper,
+.fcr-livestreaming-dialog-wrapper {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  width: 100%;
+  /* height: 100%; */
+  display: flex;
+  flex-direction: column;
+}
+.fcr-participant-dialog-wrapper-web {
+  height: 100%;
+}
+
+.fcr-participant-dialog-wrapper-electron {
+  height: calc(100% - 46px);
+}
+
+.fcr-livestreaming-dialog-wrapper .frc-window-header {
+  cursor: move;
+}
+
+.fcr-livestreaming-dialog-content {
+  flex: 1;
+  overflow: hidden;
+  padding: 0 20px 20px;
+}
+.frc-common-dialog {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: var(--fcr_cornerradius_m);
+  box-shadow: 0 0 15px 0 var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+  padding: 16px 20px;
+}
+
+.frc-window-header {
+  cursor: pointer;
+}
+
+.invite-dialog {
+  padding: 10px;
+  padding-bottom: 0px;
+  background-color: #fff;
+  border-radius: var(--fcr_cornerradius_l);
+}
+
+.invite-dialog .frc-window-header {
+  height: 24px;
+  width: fit-content;
+}

package/lib/modules/event-toast/index.css

@@ -1,25 +1,25 @@
-.toast-wrapper::-webkit-scrollbar {
-  display: none;
-}
-.toast-wrapper {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  margin-top: 10%;
-}
-.toast-wrapper.toast-wrapper-web {
-  position: absolute;
-  height: 100%;
-  top: 0;
-  left: 0;
-  margin: 0;
-  padding-top: 5%;
-  box-sizing: border-box;
-  pointer-events: none;
-}
-
-.toast-wrapper .fcr-toast-container {
-  margin-bottom: 10px;
-  overflow: hidden;
-}
+.toast-wrapper::-webkit-scrollbar {
+  display: none;
+}
+.toast-wrapper {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  margin-top: 10%;
+}
+.toast-wrapper.toast-wrapper-web {
+  position: absolute;
+  height: 100%;
+  top: 0;
+  left: 0;
+  margin: 0;
+  padding-top: 5%;
+  box-sizing: border-box;
+  pointer-events: none;
+}
+
+.toast-wrapper .fcr-toast-container {
+  margin-bottom: 10px;
+  overflow: hidden;
+}

package/lib/modules/interpreter/action/add-btn/index.css

@@ -1,4 +1,4 @@
-.fcr-interpreter-add-btn__top {
-  width: 100%;
-  background: var(--fcr_mobile_ui_scene_color_popup_block5);
-}
+.fcr-interpreter-add-btn__top {
+  width: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_block5);
+}

package/lib/modules/interpreter/action/delete-btn/index.css

@@ -1,14 +1,14 @@
-.fcr-interpreter-delete-btn-icon {
-  background-color: #fff;
-  width: 24px;
-  height: 24px;
-  border-radius: var(--fcr_cornerradius_xs);
-}
-.fcr-interpreter-delete-btn-icon:hover {
-  background: var(--fcr_web_ui_scene_hover);
-}
-
-.fcr-interpreter-delete-btn-icon:hover path {
-  fill: var(--fcr_web_ui_scene_mainicon2);
-  transition: all 0.2s ease;
-}
+.fcr-interpreter-delete-btn-icon {
+  background-color: #fff;
+  width: 24px;
+  height: 24px;
+  border-radius: var(--fcr_cornerradius_xs);
+}
+.fcr-interpreter-delete-btn-icon:hover {
+  background: var(--fcr_web_ui_scene_hover);
+}
+
+.fcr-interpreter-delete-btn-icon:hover path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+  transition: all 0.2s ease;
+}

package/lib/modules/interpreter/action/switch-btn/index.css

@@ -1,3 +1,3 @@
-.fcr-interpretation__footer-switch-btn {
-  margin-left: 8px;
-}
+.fcr-interpretation__footer-switch-btn {
+  margin-left: 8px;
+}

package/lib/modules/interpreter/dialog-content/index.css

@@ -1,33 +1,33 @@
-.fcr-interpreter-dialog-content {
-}
-.fcr-interpreter-dialog-content-text {
-  text-align: center;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 19.5px;
-  text-align: center;
-  margin-bottom: 12px;
-}
-.fcr-interpreter-dialog-content-language {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.fcr-interpreter-dialog-content-language
-  .fcr-simultaneous-interpretation__pick-Language-container-select-option {
-  width: 128px;
-  height: 36px;
-  background: var(--fcr_ui_scene_input);
-  justify-content: center;
-  border-radius: var(--fcr_cornerradius_s);
-}
-.fcr-interpreter-dialog-content-language
-  .fcr-simultaneous-interpretation__pick-Language-container-select-option-img {
-  margin-right: 6px;
-}
-.fcr-interpreter-dialog-content-language
-  .fcr-simultaneous-interpretation__pick-Language-container-select-option-text {
-  font-size: 12px;
-}
-.fcr-interpreter-dialog-content-language-icon {
-}
+.fcr-interpreter-dialog-content {
+}
+.fcr-interpreter-dialog-content-text {
+  text-align: center;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 19.5px;
+  text-align: center;
+  margin-bottom: 12px;
+}
+.fcr-interpreter-dialog-content-language {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.fcr-interpreter-dialog-content-language
+  .fcr-simultaneous-interpretation__pick-Language-container-select-option {
+  width: 128px;
+  height: 36px;
+  background: var(--fcr_ui_scene_input);
+  justify-content: center;
+  border-radius: var(--fcr_cornerradius_s);
+}
+.fcr-interpreter-dialog-content-language
+  .fcr-simultaneous-interpretation__pick-Language-container-select-option-img {
+  margin-right: 6px;
+}
+.fcr-interpreter-dialog-content-language
+  .fcr-simultaneous-interpretation__pick-Language-container-select-option-text {
+  font-size: 12px;
+}
+.fcr-interpreter-dialog-content-language-icon {
+}

package/lib/modules/interpreter/footer/index.css

@@ -1,11 +1,11 @@
-.fcr-simultaneous-interpretation__footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 56px;
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  padding: 0px 20px 0px;
-}
+.fcr-simultaneous-interpretation__footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 56px;
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  padding: 0px 20px 0px;
+}

package/lib/modules/interpreter/index.css

@@ -1,4 +1,4 @@
-.fcr-interpreter-view {
-  position: relative;
-  height: 392px;
-}
+.fcr-interpreter-view {
+  position: relative;
+  height: 392px;
+}

package/lib/modules/interpreter/interpreter-list/index.css

@@ -1,8 +1,8 @@
-/* 设置滚动容器 */
-.fcr-simultaneous-interpretation__interpreter-list-container {
-  overflow: auto;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-  height: 100%;
-  padding: 5px 20px 85px;
-}
+/* 设置滚动容器 */
+.fcr-simultaneous-interpretation__interpreter-list-container {
+  overflow: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  height: 100%;
+  padding: 5px 20px 85px;
+}

package/lib/modules/interpreter/interpreter-list/interpreter-item/components/pick-language/index.css

@@ -1,46 +1,46 @@
-.fcr-simultaneous-interpretation__pick-Language-container {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex: 2;
-}
-.fcr-simultaneous-interpretation__pick-Language-container-select {
-  /* min-width: 182px; */
-  height: 32px;
-  flex: 1;
-}
-
-.fcr-simultaneous-interpretation__pick-Language-container-select-option {
-  display: flex;
-  align-items: center;
-  justify-content: left;
-}
-
-.fcr-simultaneous-interpretation__pick-Language-container-select-option-img {
-  width: 20px;
-  height: 20px;
-}
-
-.fcr-simultaneous-interpretation__pick-Language-container-select-option-name {
-  margin-left: 3px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 90px;
-}
-.fcr-simultaneous-interpretation__pick-Language-container-select-option-decollator {
-  padding: 0 6px;
-  width: 18px;
-}
-
-.fcr-simultaneous-interpretation__pick-Language-container-select-option-text {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin-left: 3px;
-}
-
-.fcr-simultaneous-interpretation__pick-Language-container .fcr-select__options {
-  max-height: 100px;
-  overflow-y: overlay;
-}
+.fcr-simultaneous-interpretation__pick-Language-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex: 2;
+}
+.fcr-simultaneous-interpretation__pick-Language-container-select {
+  /* min-width: 182px; */
+  height: 32px;
+  flex: 1;
+}
+
+.fcr-simultaneous-interpretation__pick-Language-container-select-option {
+  display: flex;
+  align-items: center;
+  justify-content: left;
+}
+
+.fcr-simultaneous-interpretation__pick-Language-container-select-option-img {
+  width: 20px;
+  height: 20px;
+}
+
+.fcr-simultaneous-interpretation__pick-Language-container-select-option-name {
+  margin-left: 3px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 90px;
+}
+.fcr-simultaneous-interpretation__pick-Language-container-select-option-decollator {
+  padding: 0 6px;
+  width: 18px;
+}
+
+.fcr-simultaneous-interpretation__pick-Language-container-select-option-text {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-left: 3px;
+}
+
+.fcr-simultaneous-interpretation__pick-Language-container .fcr-select__options {
+  max-height: 100px;
+  overflow-y: overlay;
+}