fcr-ui-scene 3.8.0-alpha → 3.8.1-alpha

package/lib/modules/dialog/components/dialog-container/index.css

@@ -1,112 +1,112 @@
-.fcr-dialog-container {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  position: relative;
-  flex: 1;
-  width: 100%;
-  /* height: 100%; 此处设置 100% 会影响自适应高度布局 */
-  box-sizing: border-box;
-  overflow: hidden;
-  font-family:
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    'Helvetica Neue',
-    Arial,
-    'Noto Sans',
-    sans-serif,
-    'Apple Color Emoji',
-    'Segoe UI Emoji',
-    'Segoe UI Symbol',
-    'Noto Color Emoji';
-  font-size: 14px;
-  z-index: 0;
-}
-
-::-webkit-scrollbar {
-  display: none;
-}
-.fcr-dialog-container_shadow {
-  box-shadow: var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-  border-radius: var(--fcr_cornerradius_xl);
-}
-
-.fcr-dialog-container-header {
-  width: 100%;
-  height: 46px;
-  display: flex;
-  align-items: center;
-  -webkit-app-region: drag;
-  color: var(--fcr_ui_scene_icontext1);
-  justify-content: center;
-  cursor: move;
-  border-radius: var(--fcr_cornerradius_xl);
-}
-
-.fcr-dialog-container-header h2 {
-  font-size: 16px;
-  font-weight: 700;
-  display: flex;
-  flex: 3;
-  align-items: center;
-  justify-content: center;
-  color: var(--fcr_ui_scene_icontext1);
-}
-
-.fcr-dialog-container-actions {
-  flex: 1;
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  padding-right: 10px;
-}
-
-.fcr-dialog-container-actions .frc-window-header__icon {
-  margin-left: 5px;
-}
-· .fcr-dialog-container-content {
-  position: relative;
-  border-bottom-left-radius: var(--fcr_cornerradius_xl);
-  border-bottom-right-radius: var(--fcr_cornerradius_xl);
-  overflow: hidden;
-}
-
-.fcr-dialog-container-content::-webkit-scrollbar {
-  display: none;
-}
-
-.fcr-dialog-container .fcr-dialog-container-content:first-child {
-  border-top-left-radius: var(--fcr_cornerradius_xl);
-  border-top-right-radius: var(--fcr_cornerradius_xl);
-}
-
-.fcr-dialog-container-close {
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  background: var(--fcr_ui_scene_ramp_red6);
-  position: absolute;
-  left: 15px;
-  top: 15px;
-  display: block;
-  cursor: pointer;
-  -webkit-app-region: no-drag;
-  text-align: center;
-  line-height: 14px;
-}
-
-.fcr-dialog-container-close span {
-  display: none;
-}
-
-.fcr-dialog-container-close:hover span {
-  display: block;
-  color: #fff;
-}
-
-.fcr-dialog-container-close:hover {
-  color: var(--fcr_ui_scene_ramp_red7);
-}
+.fcr-dialog-container {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  position: relative;
+  flex: 1;
+  width: 100%;
+  /* height: 100%; 此处设置 100% 会影响自适应高度布局 */
+  box-sizing: border-box;
+  overflow: hidden;
+  font-family:
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    Roboto,
+    'Helvetica Neue',
+    Arial,
+    'Noto Sans',
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    'Segoe UI Symbol',
+    'Noto Color Emoji';
+  font-size: 14px;
+  z-index: 0;
+}
+
+::-webkit-scrollbar {
+  display: none;
+}
+.fcr-dialog-container_shadow {
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+  border-radius: var(--fcr_cornerradius_xl);
+}
+
+.fcr-dialog-container-header {
+  width: 100%;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  -webkit-app-region: drag;
+  color: var(--fcr_ui_scene_icontext1);
+  justify-content: center;
+  cursor: move;
+  border-radius: var(--fcr_cornerradius_xl);
+}
+
+.fcr-dialog-container-header h2 {
+  font-size: 16px;
+  font-weight: 700;
+  display: flex;
+  flex: 3;
+  align-items: center;
+  justify-content: center;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-dialog-container-actions {
+  flex: 1;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  padding-right: 10px;
+}
+
+.fcr-dialog-container-actions .frc-window-header__icon {
+  margin-left: 5px;
+}
+· .fcr-dialog-container-content {
+  position: relative;
+  border-bottom-left-radius: var(--fcr_cornerradius_xl);
+  border-bottom-right-radius: var(--fcr_cornerradius_xl);
+  overflow: hidden;
+}
+
+.fcr-dialog-container-content::-webkit-scrollbar {
+  display: none;
+}
+
+.fcr-dialog-container .fcr-dialog-container-content:first-child {
+  border-top-left-radius: var(--fcr_cornerradius_xl);
+  border-top-right-radius: var(--fcr_cornerradius_xl);
+}
+
+.fcr-dialog-container-close {
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: var(--fcr_ui_scene_ramp_red6);
+  position: absolute;
+  left: 15px;
+  top: 15px;
+  display: block;
+  cursor: pointer;
+  -webkit-app-region: no-drag;
+  text-align: center;
+  line-height: 14px;
+}
+
+.fcr-dialog-container-close span {
+  display: none;
+}
+
+.fcr-dialog-container-close:hover span {
+  display: block;
+  color: #fff;
+}
+
+.fcr-dialog-container-close:hover {
+  color: var(--fcr_ui_scene_ramp_red7);
+}

package/lib/modules/dialog/components/dialog-container/index.js

@@ -129,6 +129,7 @@ var DialogContainer = exports.DialogContainer = (0, _mobxReact.observer)(functio
     minHeight: minHeight,
     maxWidth: maxWidth,
     maxHeight: maxHeight,
+    bounds: "window",
     onDragStop: function onDragStop(e, d) {
       updatePosition({
         x: d.x,

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

@@ -1,24 +1,24 @@
-.fcr-event-confirm-wrapper.fcr-event-confirm-container {
-  width: 100vw;
-  height: 100vh;
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 2000;
-  pointer-events: none;
-}
-
-.fcr-event-confirm-wrapper.fcr-event-confirm-container div {
-  pointer-events: all;
-}
-
-.fcr-confirm-dialog-wrapper {
-  background: #fff;
-}
-
-.fcr-confirm-dialog-wrapper_web {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: var(--fcr_cornerradius_xl);
-  box-shadow: var(--fcr_web_light_dropup);
-  border: 1px solid var(--fcr_ui_scene_line1);
-}
+.fcr-event-confirm-wrapper.fcr-event-confirm-container {
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2000;
+  pointer-events: none;
+}
+
+.fcr-event-confirm-wrapper.fcr-event-confirm-container div {
+  pointer-events: all;
+}
+
+.fcr-confirm-dialog-wrapper {
+  background: #fff;
+}
+
+.fcr-confirm-dialog-wrapper_web {
+  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
+  border-radius: var(--fcr_cornerradius_xl);
+  box-shadow: var(--fcr_web_light_dropup);
+  border: 1px solid var(--fcr_ui_scene_line1);
+}

package/lib/modules/dialog/dialogs/device-setting/index.css

@@ -1,26 +1,26 @@
-.fcr-device-setting-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-device-setting-dialog-wrapper .frc-window-header {
-  cursor: move;
-  height: 46px;
-}
-
-.fcr-device-setting-dialog-wrapper .fcr-device-settings {
-  height: calc(100% - 46px);
-}
-.fcr-device-setting-dialog-wrapper .fcr-device-settings-audio {
-  padding: 0;
-}
-
-.fcr-device-setting-dialog-wrapper .frc-window-header .frc-window-header__title {
-  height: 46px;
-  line-height: 46px;
-}
+.fcr-device-setting-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-device-setting-dialog-wrapper .frc-window-header {
+  cursor: move;
+  height: 46px;
+}
+
+.fcr-device-setting-dialog-wrapper .fcr-device-settings {
+  height: calc(100% - 46px);
+}
+.fcr-device-setting-dialog-wrapper .fcr-device-settings-audio {
+  padding: 0;
+}
+
+.fcr-device-setting-dialog-wrapper .frc-window-header .frc-window-header__title {
+  height: 46px;
+  line-height: 46px;
+}

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;
+}