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

package/lib/modules/invite/index.css

@@ -1,331 +1,331 @@
-.invite {
-  display: flex;
-  flex-direction: column;
-  justify-items: center;
-  align-items: center;
-  -webkit-app-region: drag;
-}
-
-.invite input,
-.invite button,
-.invite span,
-.invite div {
-  -webkit-app-region: no-drag;
-}
-
-.invite .fcr-tabs {
-  height: 28px;
-  width: 305px;
-  --fcr-tabs__nav-item__width: 146px;
-  /* transform: translateY(-34px); */
-}
-
-.invite .fcr-tabs__nav-list {
-  height: 100%;
-}
-
-.invite__pstn-invite_edit_phone,
-.invite__pstn-invite__call-phone {
-  /* height: 206px; */
-  width: 100%;
-  z-index: 1;
-}
-
-.invite__pstn-invite {
-  width: 305px;
-  display: flex;
-  flex-direction: column;
-  justify-items: center;
-  justify-content: center;
-  align-items: center;
-  margin: 30px 0;
-}
-
-.invite__pstn-invite .fcr-input-m {
-  height: 36px !important;
-  border-radius: 8px !important;
-}
-
-.invite__pstn-invite .fcr-select-phone-top,
-.invite__pstn-invite .fcr-select-phone.fcr-select-phone-s,
-.invite__pstn-invite .fcr-select-wrapper-s {
-  height: 36px !important;
-}
-
-.invite__pstn-invite_edit_phone {
-  height: 116px;
-}
-
-.invite__pstn-invite__phone {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-items: center;
-  justify-content: center;
-  align-items: center;
-}
-
-.invite__pstn-invite-copyinfo {
-  width: 100%;
-}
-
-.invite__invite-error-tips {
-  width: 100%;
-  height: 20px;
-  font-size: 12px;
-  color: var(--fcr_ui_scene_ramp_red6);
-  display: flex;
-  justify-content: flex-end;
-}
-
-.invite__pstn-invite-phone-number {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
-.invite__pstn-invite-phone-number div:last-child {
-  flex: 1;
-}
-
-.invite__pstn-invite-button {
-  width: 100%;
-}
-
-.invite__pstn-invite-divider {
-  display: flex;
-  align-items: center;
-  text-align: center;
-  color: var(--fcr_ui_scene_icontext2);
-  width: 100%;
-  font-size: 12px;
-  margin: 30px 0;
-}
-
-.invite__pstn-invite-divider::before,
-.invite__pstn-invite-divider::after {
-  content: '';
-  flex: 1;
-  border-bottom: 1px solid var(--fcr_ui_scene_line1);
-}
-
-.invite__pstn-invite-divider::before {
-  margin-right: 0.5em;
-}
-
-.invite__pstn-invite-divider::after {
-  margin-left: 0.5em;
-}
-
-.invite__pstn-invite-divider-content {
-  padding: 0 10px;
-}
-
-.invite__pstn-invite__call-phone {
-  width: 305px;
-  border-radius: var(--fcr_cornerradius_xl);
-  background-color: var(--fcr_ui_scene_ramp_green1, rgba(22, 209, 164, 0.1));
-  display: flex;
-  flex-direction: row;
-  margin-bottom: 16px;
-  gap: 48px;
-  height: 100px;
-  padding: 13px;
-  align-items: center;
-}
-
-.invite__pstn-invite__call-phone-error {
-  background-color: var(--fcr_ui_scene_ramp_red1);
-}
-
-.invite__pstn-invite__call-phone-icon {
-  /* width: 50px;
-  height: 50px; */
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: var(--fcr_ui_scene_ramp_green6);
-  border-radius: 50%;
-  /* overflow: hidden; */
-}
-
-.invite__pstn-invite__call-phone-calling {
-  position: relative;
-  /* width: 50px;
-  height: 50px; */
-  border-radius: 50%;
-  background-color: var(--fcr_ui_scene_ramp_green6);
-  /* overflow: hidden; */
-}
-
-.invite__voip-invite {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-top: 26px;
-  background-color: var(--fcr_web_ui_scene_fill3);
-  border-radius: var(--fcr_cornerradius_m);
-  width: 100%;
-  height: 328px;
-}
-
-.invite__voip-invite .fcr-tabs {
-  width: 116px;
-  margin-bottom: 20px;
-  margin-top: -10px;
-}
-
-.fcr-tabs .fcr-tabs__nav-item {
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.invite__voip-invite__edit-content {
-  width: 260px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-.invite__voip-invite__edit-content .fcr-input {
-  width: 100%;
-}
-
-.invite__voip-invite__voip_type {
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 6px;
-  margin-bottom: 20px;
-}
-
-.invite__voip-invite__voip_type button {
-  flex: 50%;
-}
-.invite__voip-invite__edit-content-title {
-  font-size: 15px;
-  font-weight: 700;
-  margin: 12px 0 30px 0;
-  text-align: center;
-  color: var(--fcr_ui_scene_icontext1);
-}
-.invite__voip-invite__voip_type button > div {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-}
-
-.invite__call {
-}
-
-.invite__voip-invite__call-button {
-  width: 100%;
-  background-color: var(--fcr_ui_scene_ramp_lightgreen6);
-}
-
-.invite__voip-invite__call-button-error {
-  background-color: var(--fcr_ui_scene_ramp_red6);
-}
-
-.invite__voip-invite__voip_type__h323-button {
-  background-color: var(--fcr_ui_scene_ramp_purple6);
-}
-
-.invite__voip-invite__voip_type__h323-button.fcr-button-primary:not(
-    :disabled,
-    .fcr-button-extra-active
-  ):hover:hover {
-  background-color: var(--fcr_ui_scene_ramp_purple7);
-}
-
-.invite__voip-invite__voip_type__sip-button {
-  background-color: var(--fcr_ui_scene_ramp_orange6);
-}
-
-.invite__voip-invite__voip_type__sip-button.fcr-button-primary:not(
-    :disabled,
-    .fcr-button-extra-active
-  ):hover {
-  background-color: var(--fcr_ui_scene_ramp_orange7);
-}
-.invite__voip-invite__invited-information {
-  min-width: 258px;
-}
-.invite__voip-invite__invited-information-item {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 100%;
-  gap: 12px;
-  margin-bottom: 15px;
-}
-
-.invite__voip-invite__invited-information-item label {
-  width: 80px;
-  text-align: right;
-}
-.invite__voip-invite__edit-content-ip {
-  color: var(--fcr_ui_scene_icontext1);
-  font-weight: var(--fcr_font_weight_xxl, 900);
-  font-size: 20px;
-  margin: 12px 0;
-}
-.invite__voip-invite__edit-content .fcr-action-phone-wrapper {
-  margin-top: 24px;
-}
-.invite__voip-invite__edit-content-icon {
-  background-color: var(--fcr_ui_scene_ramp_purple6);
-  height: 80px;
-  width: 80px;
-  border-radius: 50%;
-}
-.invite__voip-invite__edit-content-tip {
-  height: 22px;
-  border-radius: var(--fcr_cornerradius_round);
-  padding: 5px 10px;
-  color: var(--fcr_ui_scene_ramp_green6);
-  background-color: var(--fcr_ui_scene_ramp_green1, rgba(22, 209, 164, 0.1));
-  font-size: 12px;
-  line-height: 22px;
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
-}
-.invite .fcr-tabs__nav-item.fcr-tabs__nav-item--active {
-  background-color: var(--fcr_ui_scene_ramp_brand6);
-  border-radius: var(--fcr_cornerradius_xs);
-}
-.invite__pstn-invite__call-phone-detail {
-  flex: 1;
-}
-.invite__pstn-invite__call-phone-detail__call-status {
-  padding: 5px 10px;
-  background-color: var(--fcr_ui_scene_ramp_green1);
-  color: var(--fcr_ui_scene_ramp_green6);
-  height: 22px;
-  font-size: 12px;
-  line-height: 1em;
-  text-align: center;
-  border-radius: var(--fcr_cornerradius_round);
-  width: fit-content;
-  margin: auto;
-}
-.invite__pstn-invite__call-phone-detail__phone-number {
-  font-size: 20px;
-  font-weight: var(--fcr_font_weight_xxl, 900);
-  margin-bottom: 4px;
-}
-.invite__pstn-invite__call-phone-detail__country-code {
-  color: var(--fcr_ui_scene_icontext3);
-  font-size: 12px;
-}
-
-.invite__pstn-invite__call-phone-detail__call-status-error {
-  background-color: var(--fcr_ui_scene_ramp_red1);
-  color: var(--fcr_ui_scene_ramp_red6);
-}
+.invite {
+  display: flex;
+  flex-direction: column;
+  justify-items: center;
+  align-items: center;
+  -webkit-app-region: drag;
+}
+
+.invite input,
+.invite button,
+.invite span,
+.invite div {
+  -webkit-app-region: no-drag;
+}
+
+.invite .fcr-tabs {
+  height: 28px;
+  width: 305px;
+  --fcr-tabs__nav-item__width: 146px;
+  /* transform: translateY(-34px); */
+}
+
+.invite .fcr-tabs__nav-list {
+  height: 100%;
+}
+
+.invite__pstn-invite_edit_phone,
+.invite__pstn-invite__call-phone {
+  /* height: 206px; */
+  width: 100%;
+  z-index: 1;
+}
+
+.invite__pstn-invite {
+  width: 305px;
+  display: flex;
+  flex-direction: column;
+  justify-items: center;
+  justify-content: center;
+  align-items: center;
+  margin: 30px 0;
+}
+
+.invite__pstn-invite .fcr-input-m {
+  height: 36px !important;
+  border-radius: 8px !important;
+}
+
+.invite__pstn-invite .fcr-select-phone-top,
+.invite__pstn-invite .fcr-select-phone.fcr-select-phone-s,
+.invite__pstn-invite .fcr-select-wrapper-s {
+  height: 36px !important;
+}
+
+.invite__pstn-invite_edit_phone {
+  height: 116px;
+}
+
+.invite__pstn-invite__phone {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-items: center;
+  justify-content: center;
+  align-items: center;
+}
+
+.invite__pstn-invite-copyinfo {
+  width: 100%;
+}
+
+.invite__invite-error-tips {
+  width: 100%;
+  height: 20px;
+  font-size: 12px;
+  color: var(--fcr_ui_scene_ramp_red6);
+  display: flex;
+  justify-content: flex-end;
+}
+
+.invite__pstn-invite-phone-number {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+.invite__pstn-invite-phone-number div:last-child {
+  flex: 1;
+}
+
+.invite__pstn-invite-button {
+  width: 100%;
+}
+
+.invite__pstn-invite-divider {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  color: var(--fcr_ui_scene_icontext2);
+  width: 100%;
+  font-size: 12px;
+  margin: 30px 0;
+}
+
+.invite__pstn-invite-divider::before,
+.invite__pstn-invite-divider::after {
+  content: '';
+  flex: 1;
+  border-bottom: 1px solid var(--fcr_ui_scene_line1);
+}
+
+.invite__pstn-invite-divider::before {
+  margin-right: 0.5em;
+}
+
+.invite__pstn-invite-divider::after {
+  margin-left: 0.5em;
+}
+
+.invite__pstn-invite-divider-content {
+  padding: 0 10px;
+}
+
+.invite__pstn-invite__call-phone {
+  width: 305px;
+  border-radius: var(--fcr_cornerradius_xl);
+  background-color: var(--fcr_ui_scene_ramp_green1, rgba(22, 209, 164, 0.1));
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 16px;
+  gap: 48px;
+  height: 100px;
+  padding: 13px;
+  align-items: center;
+}
+
+.invite__pstn-invite__call-phone-error {
+  background-color: var(--fcr_ui_scene_ramp_red1);
+}
+
+.invite__pstn-invite__call-phone-icon {
+  /* width: 50px;
+  height: 50px; */
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--fcr_ui_scene_ramp_green6);
+  border-radius: 50%;
+  /* overflow: hidden; */
+}
+
+.invite__pstn-invite__call-phone-calling {
+  position: relative;
+  /* width: 50px;
+  height: 50px; */
+  border-radius: 50%;
+  background-color: var(--fcr_ui_scene_ramp_green6);
+  /* overflow: hidden; */
+}
+
+.invite__voip-invite {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 26px;
+  background-color: var(--fcr_web_ui_scene_fill3);
+  border-radius: var(--fcr_cornerradius_m);
+  width: 100%;
+  height: 328px;
+}
+
+.invite__voip-invite .fcr-tabs {
+  width: 116px;
+  margin-bottom: 20px;
+  margin-top: -10px;
+}
+
+.fcr-tabs .fcr-tabs__nav-item {
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.invite__voip-invite__edit-content {
+  width: 260px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.invite__voip-invite__edit-content .fcr-input {
+  width: 100%;
+}
+
+.invite__voip-invite__voip_type {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  gap: 6px;
+  margin-bottom: 20px;
+}
+
+.invite__voip-invite__voip_type button {
+  flex: 50%;
+}
+.invite__voip-invite__edit-content-title {
+  font-size: 15px;
+  font-weight: 700;
+  margin: 12px 0 30px 0;
+  text-align: center;
+  color: var(--fcr_ui_scene_icontext1);
+}
+.invite__voip-invite__voip_type button > div {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.invite__call {
+}
+
+.invite__voip-invite__call-button {
+  width: 100%;
+  background-color: var(--fcr_ui_scene_ramp_lightgreen6);
+}
+
+.invite__voip-invite__call-button-error {
+  background-color: var(--fcr_ui_scene_ramp_red6);
+}
+
+.invite__voip-invite__voip_type__h323-button {
+  background-color: var(--fcr_ui_scene_ramp_purple6);
+}
+
+.invite__voip-invite__voip_type__h323-button.fcr-button-primary:not(
+    :disabled,
+    .fcr-button-extra-active
+  ):hover:hover {
+  background-color: var(--fcr_ui_scene_ramp_purple7);
+}
+
+.invite__voip-invite__voip_type__sip-button {
+  background-color: var(--fcr_ui_scene_ramp_orange6);
+}
+
+.invite__voip-invite__voip_type__sip-button.fcr-button-primary:not(
+    :disabled,
+    .fcr-button-extra-active
+  ):hover {
+  background-color: var(--fcr_ui_scene_ramp_orange7);
+}
+.invite__voip-invite__invited-information {
+  min-width: 258px;
+}
+.invite__voip-invite__invited-information-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  width: 100%;
+  gap: 12px;
+  margin-bottom: 15px;
+}
+
+.invite__voip-invite__invited-information-item label {
+  width: 80px;
+  text-align: right;
+}
+.invite__voip-invite__edit-content-ip {
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: var(--fcr_font_weight_xxl, 900);
+  font-size: 20px;
+  margin: 12px 0;
+}
+.invite__voip-invite__edit-content .fcr-action-phone-wrapper {
+  margin-top: 24px;
+}
+.invite__voip-invite__edit-content-icon {
+  background-color: var(--fcr_ui_scene_ramp_purple6);
+  height: 80px;
+  width: 80px;
+  border-radius: 50%;
+}
+.invite__voip-invite__edit-content-tip {
+  height: 22px;
+  border-radius: var(--fcr_cornerradius_round);
+  padding: 5px 10px;
+  color: var(--fcr_ui_scene_ramp_green6);
+  background-color: var(--fcr_ui_scene_ramp_green1, rgba(22, 209, 164, 0.1));
+  font-size: 12px;
+  line-height: 22px;
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.invite .fcr-tabs__nav-item.fcr-tabs__nav-item--active {
+  background-color: var(--fcr_ui_scene_ramp_brand6);
+  border-radius: var(--fcr_cornerradius_xs);
+}
+.invite__pstn-invite__call-phone-detail {
+  flex: 1;
+}
+.invite__pstn-invite__call-phone-detail__call-status {
+  padding: 5px 10px;
+  background-color: var(--fcr_ui_scene_ramp_green1);
+  color: var(--fcr_ui_scene_ramp_green6);
+  height: 22px;
+  font-size: 12px;
+  line-height: 1em;
+  text-align: center;
+  border-radius: var(--fcr_cornerradius_round);
+  width: fit-content;
+  margin: auto;
+}
+.invite__pstn-invite__call-phone-detail__phone-number {
+  font-size: 20px;
+  font-weight: var(--fcr_font_weight_xxl, 900);
+  margin-bottom: 4px;
+}
+.invite__pstn-invite__call-phone-detail__country-code {
+  color: var(--fcr_ui_scene_icontext3);
+  font-size: 12px;
+}
+
+.invite__pstn-invite__call-phone-detail__call-status-error {
+  background-color: var(--fcr_ui_scene_ramp_red1);
+  color: var(--fcr_ui_scene_ramp_red6);
+}

package/lib/modules/layout/components/CommonVideoRenderer.js

@@ -213,14 +213,14 @@ var CommonVideoRenderer = exports.CommonVideoRenderer = (0, _mobxReact.observer)
       var isBoard = type === _type.FcrUIWindowType.BOARD;
       var isScreenSharing = videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN;
 
-      /**
-       * 在共享时，主窗口会有一个额外的控制条，需要将视频内容减去这个高度（28px），所以增加一个class用来覆盖高度样式
+      /**
+       * 在共享时，主窗口会有一个额外的控制条，需要将视频内容减去这个高度（28px），所以增加一个class用来覆盖高度样式
        */
       var clsWithShareControlBar = (0, _classnames["default"])({
         'fcr-member-window-with-share-controlbar': isMainWindowInScreenSharing
       });
-      /**
-       * 在只有一个用户时，无法开启网格布局，所以可以通过 data.length 和 layoutType 判断是否是主窗口。
+      /**
+       * 在只有一个用户时，无法开启网格布局，所以可以通过 data.length 和 layoutType 判断是否是主窗口。
        */
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: commonProps.className,