fcr-ui-scene 3.8.2 → 3.9.0-alpha

package/lib-es/modules/components/annotation-menu/index.js

@@ -6,6 +6,7 @@ import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.filter.js";
 import "core-js/modules/es.array.for-each.js";
 import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.unshift.js";
 import "core-js/modules/es.array.push.js";
 import "core-js/modules/es.object.define-properties.js";
 import "core-js/modules/es.object.define-property.js";
@@ -23,17 +24,16 @@ import { FcrDropMenu } from 'agora-ui-foundation/lib/components/drop-menu';
 import { FcrIcon } from 'agora-ui-foundation/lib/components/icon';
 import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
 import { useI18n } from 'agora-ui-foundation/lib/i18n';
+import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 var AnnotationMenu = function AnnotationMenu(_ref) {
-  var hasAnnotationAllowWritePermission = _ref.hasAnnotationAllowWritePermission,
+  var className = _ref.className,
+    hasAnnotationAllowWritePermission = _ref.hasAnnotationAllowWritePermission,
     allowAnnotationWriteState = _ref.allowAnnotationWriteState,
-    showClear = _ref.showClear,
-    setAllowAnnotationWrite = _ref.setAllowAnnotationWrite;
+    setAllowAnnotationWrite = _ref.setAllowAnnotationWrite,
+    onCleanAnnotationClick = _ref.onCleanAnnotationClick;
   var transI18n = useI18n();
-  function onClearAllAnnotation() {
-    // renderer.sendEvent({ action: ToolbarEvents.CLEAN, payload: null });
-  }
-  var hostMenu = hasAnnotationAllowWritePermission ? [{
+  var settings = hasAnnotationAllowWritePermission ? [{
     title: transI18n('fmt_screenshare_controlbar_settings_label_annotation_settings'),
     key: 'annotation_setting_title',
     type: 'title'
@@ -48,45 +48,39 @@ var AnnotationMenu = function AnnotationMenu(_ref) {
     onButtonClick: function onButtonClick() {
       return setAllowAnnotationWrite(!allowAnnotationWriteState);
     }
-  }
-  // {
-  //   title: (
-  //     <FcrCheckbox
-  //       checked={false}
-  //       label={transI18n('fmt_screenshare_controlbar_annotations_options_show_name')}
-  //       styleType="white"
-  //     />
-  //   ),
-  //   key: 'allow_other_member_add_annotation',
-  //   type: 'primary',
-  // },
-  ] : [];
-  showClear && hasAnnotationAllowWritePermission && hostMenu.push({
-    type: 'line',
-    title: '',
-    key: 'annotation_operation_line'
-  });
-  var ownerMenu = showClear ? [{
+  }] : [];
+  var operations = onCleanAnnotationClick ? [{
     title: transI18n('fmt_screenshare_controlbar_settings_label_annotation_controls'),
     key: 'annotation_operation_title',
     type: 'title'
   }, {
     icon: /*#__PURE__*/_jsx(FcrIcon, {
-      type: FcrIconType.FCR_DELETE3,
       size: 24,
       colors: {
         iconPrimary: 'var(--fcr_ui_scene_icontext1)'
-      }
+      },
+      type: FcrIconType.FCR_DELETE3
     }),
     title: transI18n('fmt_screenshare_controlbar_options_clear_all'),
     key: 'clear_all_annotation',
     type: 'primary',
-    onButtonClick: onClearAllAnnotation
+    onButtonClick: function onButtonClick() {
+      onCleanAnnotationClick();
+    }
   }] : [];
-  var allActions = [].concat(hostMenu, ownerMenu);
+
+  // 在设置和操作之间添加分隔线（如果两者都有的话）
+  if (settings.length > 0 && operations.length > 0) {
+    operations.unshift({
+      key: 'divider_between_settings_and_operations',
+      title: '',
+      type: 'line'
+    });
+  }
+  var options = [].concat(settings, operations);
   return /*#__PURE__*/_jsx(FcrDropMenu, {
-    className: "security-menu",
-    options: allActions.filter(function (action) {
+    className: classNames('security-menu', className),
+    options: options.filter(function (action) {
       return action.type !== 'disabled';
     }).map(function (action) {
       if (action.type === 'primary') {
@@ -98,7 +92,8 @@ var AnnotationMenu = function AnnotationMenu(_ref) {
         });
       }
       return _objectSpread({}, action);
-    })
+    }),
+    isOptionIconAlignsToLeft: true
   });
 };
 export default AnnotationMenu;

package/lib-es/modules/components/apps/index.css

@@ -1,9 +1,10 @@
 .action-bar-apps-container {
   display: flex;
   padding: 2px 6px 24px;
-  width: 372px;
+  max-width: 372px;
+  max-height: 468px;
+  overflow-y: auto;
   flex-wrap: wrap;
   justify-content: left;
-  width: 100%;
   align-items: start;
 }

package/lib-es/modules/components/caption-menu/translation-setting-options.js

@@ -102,7 +102,7 @@ var useTranslationMenuOptions = function useTranslationMenuOptions() {
     };
   });
   return [{
-    title: transI18n('fmt_ai_subtitles_setting_label_translation_setting'),
+    title: transI18n('fmt_ai_subtitles_setting_label_translations_display'),
     key: 'traslation_settings_title',
     type: 'title',
     onButtonClick: function onButtonClick(e) {
@@ -136,7 +136,7 @@ export var useTranslationSettingOptions = function useTranslationSettingOptions(
   };
   return [{
     key: 'translate_settings_title',
-    title: transI18n('fmt_ai_subtitles_setting_label_translation_setting'),
+    title: transI18n(menuType === FcrUICaptionMenuType.CAPTION ? 'fmt_ai_subtitles_setting_label_translation_setting' : 'fmt_ai_rtt_label_transcription_setting'),
     type: 'title'
   }, {
     title: transI18n('fmt_ai_subtitles_setting_label_source_language'),

package/lib-es/modules/components/confirm-wrapper/index.css

@@ -0,0 +1,48 @@
+.fcr-confirm-wrapper {
+  padding: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 15px;
+  width: 255px;
+}
+
+.fcr-confirm-header {
+  font-weight: 700;
+  font-style: Bold;
+  font-size: 14px;
+  line-height: 130%;
+  letter-spacing: 0%;
+  text-align: center;
+  vertical-align: middle;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-confirm-secondary-btn {
+  width: 100%;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--fcr_ui_scene_ramp_red6, rgba(251, 88, 78, 1));
+  border-radius: var(--fcr_cornerradius_l);
+  border: 1px solid var(--fcr_ui_scene_ramp_red6);
+  font-family: Verdana;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 24px;
+  text-align: center;
+  cursor: pointer;
+}
+
+.fcr-confirm-description {
+  color: var(--fcr_ui_scene_icontext1);
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 14px;
+  line-height: 130%;
+  letter-spacing: 0%;
+  text-align: center;
+  vertical-align: middle;
+}

package/lib-es/modules/components/confirm-wrapper/index.js

@@ -0,0 +1,80 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["isHidden"],
+  _excluded2 = ["isHidden"],
+  _excluded3 = ["isHidden"],
+  _excluded4 = ["isHidden"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import { FcrButton } from 'agora-ui-foundation/lib/components/button';
+import { FcrCheckbox } from 'agora-ui-foundation/lib/components/checkbox';
+import './index.css';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export var ConfirmWrapper = function ConfirmWrapper(props) {
+  var title = props.title,
+    confirmBtnProps = props.confirmBtnProps,
+    cancelBtnProps = props.cancelBtnProps,
+    secondaryConfirmBtnProps = props.secondaryConfirmBtnProps,
+    checkboxProps = props.checkboxProps,
+    onBlur = props.onBlur,
+    description = props.description;
+  var _ref = secondaryConfirmBtnProps || {},
+    isSecondaryConfirmBtnHidden = _ref.isHidden,
+    restSecondaryConfirmBtnProps = _objectWithoutProperties(_ref, _excluded);
+  var _ref2 = checkboxProps || {},
+    isCheckboxHidden = _ref2.isHidden,
+    restCheckboxProps = _objectWithoutProperties(_ref2, _excluded2);
+  var _ref3 = confirmBtnProps || {},
+    isConfirmBtnHidden = _ref3.isHidden,
+    restConfirmBtnProps = _objectWithoutProperties(_ref3, _excluded3);
+  var _ref4 = cancelBtnProps || {},
+    isCancelBtnHidden = _ref4.isHidden,
+    restCancelBtnProps = _objectWithoutProperties(_ref4, _excluded4);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "fcr-confirm-wrapper",
+    onBlur: onBlur,
+    children: [/*#__PURE__*/_jsx("header", {
+      className: "fcr-confirm-header",
+      children: /*#__PURE__*/_jsx("h2", {
+        children: title
+      })
+    }), description && /*#__PURE__*/_jsx("div", {
+      className: "fcr-confirm-description",
+      children: description
+    }), checkboxProps && !isCheckboxHidden && /*#__PURE__*/_jsx(FcrCheckbox, _objectSpread({}, restCheckboxProps)), confirmBtnProps && !isConfirmBtnHidden && /*#__PURE__*/_jsx(FcrButton, _objectSpread(_objectSpread({
+      size: "S",
+      styleType: "danger",
+      type: "primary",
+      shape: "rounded",
+      block: true
+    }, restConfirmBtnProps), {}, {
+      children: confirmBtnProps.text
+    })), secondaryConfirmBtnProps && !isSecondaryConfirmBtnHidden && /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      className: "fcr-confirm-secondary-btn"
+    }, restSecondaryConfirmBtnProps), {}, {
+      children: secondaryConfirmBtnProps.text
+    })), cancelBtnProps && !isCancelBtnHidden && /*#__PURE__*/_jsx(FcrButton, _objectSpread(_objectSpread({
+      size: "S",
+      type: "secondary",
+      shape: "rounded",
+      block: true
+    }, restCancelBtnProps), {}, {
+      children: cancelBtnProps.text
+    }))]
+  });
+};