fcr-ui-scene 3.6.4 → 3.7.1

package/lib/modules/action-bar/components/more/index.js

@@ -12,7 +12,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _item = require("../item");
 var _collapse = require("../collapse");
 var _mobxReact = require("mobx-react");
@@ -22,7 +21,7 @@ var _store = require("../../store");
 var _securityMenu = _interopRequireDefault(require("../../../components/security-menu"));
 var _enums = require("../../enums");
 var _triggerSubscribeLanguage = require("../trigger-subscribe-language");
-var _appList = require("../apps/app-list");
+var _appList = require("../../../components/apps/app-list");
 var _jsxRuntime = require("react/jsx-runtime");
 var More = exports.More = (0, _mobxReact.observer)(function (_ref) {
   var id = _ref.id,
@@ -36,7 +35,8 @@ var More = exports.More = (0, _mobxReact.observer)(function (_ref) {
     showLockedRoomToast = _useContext.showLockedRoomToast,
     toggleLayoutBarLock = _useContext.toggleLayoutBarLock,
     checkedStateMap = _useContext.checkedStateMap,
-    setCheckedStateMap = _useContext.setCheckedStateMap;
+    setCheckedStateMap = _useContext.setCheckedStateMap,
+    appItemOptions = _useContext.appItemOptions;
   var _useContext2 = (0, _react.useContext)(_collapse.ActionBarCollapseContext),
     collapseList = _useContext2.collapseList;
   var title = transI18n('fmt_screenshare_controlbar_button_more');
@@ -55,7 +55,9 @@ var More = exports.More = (0, _mobxReact.observer)(function (_ref) {
     showLockedRoomToast: showLockedRoomToast,
     checkedStateMap: checkedStateMap,
     setCheckedStateMap: setCheckedStateMap
-  })), _enums.MoreMenuType.APPS, /*#__PURE__*/(0, _jsxRuntime.jsx)(_appList.AppList, {})), _enums.MoreMenuType.TRIGGER_OUTPUT_LANGUAGE_ROOM, /*#__PURE__*/(0, _jsxRuntime.jsx)(_triggerSubscribeLanguage.TriggerSubscribeLanguagePopoverContent, {}));
+  })), _enums.MoreMenuType.APPS, /*#__PURE__*/(0, _jsxRuntime.jsx)(_appList.AppList, {
+    appItemProps: appItemOptions
+  })), _enums.MoreMenuType.TRIGGER_OUTPUT_LANGUAGE_ROOM, /*#__PURE__*/(0, _jsxRuntime.jsx)(_triggerSubscribeLanguage.TriggerSubscribeLanguagePopoverContent, {}));
   (0, _react.useEffect)(function () {
     // 处理在关闭的时候，过早切换菜单导致的闪烁问题
     timerRef.current = !visible ? setTimeout(function () {
@@ -66,29 +68,26 @@ var More = exports.More = (0, _mobxReact.observer)(function (_ref) {
       timerRef.current = undefined;
     };
   }, [visible]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: tooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItemWithPopover, {
-      popoverProps: {
-        trigger: 'click',
-        overlayClassName: 'fcr-action-bar--more-popover',
-        visible: visible,
-        onVisibleChange: function onVisibleChange(visible) {
-          setVisible(visible);
-          toggleLayoutBarLock(visible);
-        },
-        showArrow: false,
-        content: toggleMenus[currentMenuIs]
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItemWithPopover, {
+    popoverProps: {
+      trigger: 'click',
+      overlayClassName: 'fcr-action-bar--more-popover',
+      visible: visible,
+      onVisibleChange: function onVisibleChange(visible) {
+        setVisible(visible);
+        toggleLayoutBarLock(visible);
       },
-      moreVisible: collapseList && collapseList.length > 0,
-      id: id,
-      order: order,
-      icon: _type.FcrIconType.FCR_MOBILE_MORE,
-      title: title,
-      onClick: function onClick() {},
-      iconColors: {
-        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-      }
-    })
+      showArrow: false,
+      content: toggleMenus[currentMenuIs]
+    },
+    moreVisible: collapseList && collapseList.length > 0,
+    id: id,
+    order: order,
+    icon: _type.FcrIconType.FCR_MOBILE_MORE,
+    title: title,
+    onClick: function onClick() {},
+    iconColors: {
+      iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+    }
   });
 });

package/lib/modules/action-bar/components/participants/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,10 +8,8 @@ exports.Participants = void 0;
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.string.includes.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _item = require("../item");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _icon = require("agora-ui-foundation/lib/components/icon");
@@ -31,45 +28,32 @@ var Participants = exports.Participants = (0, _mobxReact.observer)(function (_re
     toggleParticipants = _useContext2.toggleParticipants,
     totalUser = _useContext2.totalUser,
     isNewWaitingRoomUserEnter = _useContext2.isNewWaitingRoomUserEnter;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    tooltipVisible = _useState2[0],
-    setTooltipVisible = _useState2[1];
   var title = transI18n('fmt_screenshare_controlbar_button_participant');
-  var tooltip = transI18n('fmt_screenshare_controlbar_button_participant');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    mouseEnterDelay: 0,
-    visible: tooltipVisible,
-    onVisibleChange: function onVisibleChange(visible) {
-      setTooltipVisible(visible);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    onClick: toggleParticipants,
+    className: "fcr-action-bar-participants-wrapper",
+    style: {
+      display: visibleList.includes('Participants') ? 'flex' : 'none'
     },
-    content: tooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      onClick: toggleParticipants,
-      className: "fcr-action-bar-participants-wrapper",
-      style: {
-        display: visibleList.includes('Participants') ? 'flex' : 'none'
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
+      id: id,
+      order: order,
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "fcr-action-bar-participants-icon",
+        children: [isNewWaitingRoomUserEnter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "fcr-action-bar-participants-red"
+        }) : false, /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type.FcrIconType.FCR_PEOPLE,
+          size: 32,
+          colors: {
+            iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+          }
+        })]
+      }),
+      iconColors: {
+        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
-        id: id,
-        order: order,
-        icon: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "fcr-action-bar-participants-icon",
-          children: [isNewWaitingRoomUserEnter ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "fcr-action-bar-participants-red"
-          }) : false, /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-            type: _type.FcrIconType.FCR_PEOPLE,
-            size: 32,
-            colors: {
-              iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-            }
-          })]
-        }),
-        iconColors: {
-          iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-        },
-        title: "".concat(title, "(").concat(totalUser > 999 ? '999+' : totalUser, ")")
-      })
+      title: "".concat(title, "(").concat(totalUser > 999 ? '999+' : totalUser, ")")
     })
   });
 });

package/lib/modules/action-bar/components/record/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Record = void 0;
-require("core-js/modules/es.array.concat.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _mobxReact = require("mobx-react");
 var _react = require("react");
@@ -14,7 +13,6 @@ var _type = require("fcr-core/lib/type");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type2 = require("agora-ui-foundation/lib/components/icon/type");
 var _popover = require("agora-ui-foundation/lib/components/popover");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _store = require("../../store");
 var _item = require("../item");
@@ -40,17 +38,13 @@ var Record = exports.Record = (0, _mobxReact.observer)(function (_ref) {
   var icon = state === _type.FcrRecordingState.Stopped ? _type2.FcrIconType.FCR_RECORDING_ON : _type2.FcrIconType.FCR_STOP3;
   var title = hasStartCloudRecordingPermission ? state === _type.FcrRecordingState.Stopped ? t('fmt_record_button_Cloudrecording') : t('fmt_record_button_Cloudrecording_stop') : t('fmt_recording_button_rrecording');
   if (!hasStartCloudRecordingPermission) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-      content: "".concat(t('fmt_screenshare_button_localrecordingmiss'), " (").concat(t('fmt_screenshare_not_open_yet'), ")"),
-      mouseEnterDelay: 0,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
-        id: id,
-        order: order,
-        icon: _type2.FcrIconType.FCR_RECORDING_ON,
-        title: title,
-        disabled: true,
-        iconColors: colors
-      })
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
+      id: id,
+      order: order,
+      icon: _type2.FcrIconType.FCR_RECORDING_ON,
+      title: title,
+      disabled: true,
+      iconColors: colors
     });
   }
   var handleRecordMainClick = function handleRecordMainClick() {

package/lib/modules/action-bar/components/screen-share/index.js

@@ -10,7 +10,6 @@ require("core-js/modules/es.array.includes.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _item = require("../item");
 var _react = require("react");
 var _store = require("../../store");
@@ -27,28 +26,16 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
   var startScreenShare = actionStore.startScreenShare,
     localUserRole = actionStore.localUserRole,
     hasStartScreenSharePermission = actionStore.hasStartScreenSharePermission;
-  var _useState = (0, _react.useState)(false),
+  var _useState = (0, _react.useState)(true),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    visibleTooltip = _useState2[0],
-    setTooltipVisible = _useState2[1];
-  var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    visibleMenu = _useState4[0],
-    setMenuVisible = _useState4[1];
+    visibleMenu = _useState2[0],
+    setMenuVisible = _useState2[1];
   var transI18n = (0, _i18n.useI18n)();
   var title = transI18n('fmt_screenshare_label_screenshare');
-  var tooltip = hasStartScreenSharePermission ? transI18n('fmt_screenshare_label_screenshare') : transI18n('fmt_screenshare_cohost_can_not_share_remind');
   (0, _react.useEffect)(function () {
     setMenuVisible(false);
-    setTooltipVisible(false);
   }, [hasStartScreenSharePermission]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    mouseEnterDelay: 0,
-    onVisibleChange: function onVisibleChange() {
-      return setTooltipVisible(true);
-    },
-    content: tooltip,
-    visible: visibleTooltip,
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: (0, _env.isElectron)() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
       active: visibleMenu,
       disabled: !hasStartScreenSharePermission,
@@ -58,9 +45,6 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
         return startScreenShare();
       },
       icon: _type.FcrIconType.FCR_SCREENSHARING,
-      onMouseLeave: function onMouseLeave() {
-        setTooltipVisible(false);
-      },
       title: title,
       iconColors: {
         iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'
@@ -70,7 +54,6 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
         active: visibleMenu,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_submenu.SubMenu, {}),
         onClick: function onClick() {
-          setTooltipVisible(false);
           setMenuVisible(true);
         },
         onVisibleChange: function onVisibleChange(visible) {
@@ -100,9 +83,6 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
         onClick: function onClick() {
           return setMenuVisible(!visibleMenu);
         },
-        onMouseLeave: function onMouseLeave() {
-          return setTooltipVisible(false);
-        },
         title: title,
         iconColors: {
           iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'

package/lib/modules/action-bar/components/security/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Security = void 0;
 var _item = require("../item");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _react = require("react");
 var _store = require("../../store");
@@ -29,39 +28,35 @@ var Security = exports.Security = (0, _mobxReact.observer)(function (_ref) {
     setCheckedStateMap = _useContext.setCheckedStateMap;
   var transI18n = (0, _i18n.useI18n)();
   var title = transI18n('fmt_screenshare_controlbar_button_security');
-  var tooltip = transI18n('fmt_screenshare_controlbar_button_security');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: tooltip,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItemWithPopover, {
-      popoverProps: {
-        trigger: 'click',
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityMenu["default"], {
-          privilege: privilegeProvider,
-          setEnableWaitingRoom: setEnableWaitingRoom,
-          showLockedRoomToast: showLockedRoomToast,
-          checkedStateMap: checkedStateMap,
-          setCheckedStateMap: setCheckedStateMap
-        }),
-        overlayInnerStyle: {
-          boxShadow: 'var(--fcr_web_light_dropup_m)',
-          border: 'none',
-          width: 'fit-content',
-          minWidth: 230,
-          maxWidth: 370
-        },
-        overlayClassName: 'fcr-secuirty-tooltip',
-        onVisibleChange: function onVisibleChange(visible) {
-          toggleLayoutBarLock(visible);
-        },
-        showArrow: false
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItemWithPopover, {
+    popoverProps: {
+      trigger: 'click',
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityMenu["default"], {
+        privilege: privilegeProvider,
+        setEnableWaitingRoom: setEnableWaitingRoom,
+        showLockedRoomToast: showLockedRoomToast,
+        checkedStateMap: checkedStateMap,
+        setCheckedStateMap: setCheckedStateMap
+      }),
+      overlayInnerStyle: {
+        boxShadow: 'var(--fcr_web_light_dropup_m)',
+        border: 'none',
+        width: 'fit-content',
+        minWidth: 230,
+        maxWidth: 370
       },
-      id: id,
-      order: order,
-      icon: _type.FcrIconType.FCR_SECURITY,
-      title: title,
-      iconColors: {
-        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-      }
-    })
+      overlayClassName: 'fcr-secuirty-tooltip',
+      onVisibleChange: function onVisibleChange(visible) {
+        toggleLayoutBarLock(visible);
+      },
+      showArrow: false
+    },
+    id: id,
+    order: order,
+    icon: _type.FcrIconType.FCR_SECURITY,
+    title: title,
+    iconColors: {
+      iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+    }
   });
 });

package/lib/modules/action-bar/components/settings/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.Settings = void 0;
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _item = require("../item");
 var _store = require("../../store");
 var _react = require("react");
@@ -20,23 +19,18 @@ var Settings = exports.Settings = function Settings(_ref) {
     openDeviceSettingDialog = _useContext.openDeviceSettingDialog;
   var transI18n = (0, _i18n.useI18n)();
   var title = transI18n('fmt_screenshare_controlbar_button_more_setting');
-  var tooltip = transI18n('fmt_screenshare_controlbar_button_more_setting');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: tooltip,
-    mouseEnterDelay: 0,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
-      id: id,
-      order: order,
-      icon: _type.FcrIconType.FCR_SETTING,
-      title: title,
-      onClick: function onClick() {
-        openDeviceSettingDialog({
-          activeTab: _store2.DeviceSettingTab.GENERAL
-        });
-      },
-      iconColors: {
-        iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-      }
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.ActionBarItem, {
+    id: id,
+    order: order,
+    icon: _type.FcrIconType.FCR_SETTING,
+    title: title,
+    onClick: function onClick() {
+      openDeviceSettingDialog({
+        activeTab: _store2.DeviceSettingTab.GENERAL
+      });
+    },
+    iconColors: {
+      iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
+    }
   });
 };

package/lib/modules/action-bar/index.d.ts

@@ -19,6 +19,8 @@ import { FcrUIWidgetProvider } from '../../providers/widget-provider';
 import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
 import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
+import { FcrUIApplistProvider } from '../../providers/app-list-provider';
+import { FcrUISharedApplistSource } from '../../shared-data-source/app-list-data';
 export declare class FcrActionBarUIModule extends UIModule {
     private _store?;
     private _deviceControlStore?;
@@ -45,6 +47,8 @@ export declare class FcrActionBarUIModule extends UIModule {
     abilityProvider?: FcrUIAbilityProviderImpl;
     sharedSecuritySharedDataSource?: FcrUISecuritySharedDataSource;
     sharedScreenShareSharedDataSource?: FcrUIScreenShareSharedDataSource;
+    applistProvider?: FcrUIApplistProvider;
+    sharedApplistDataSource?: FcrUISharedApplistSource;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/modules/action-bar/index.js

@@ -68,7 +68,9 @@ var FcrActionBarUIModule = exports.FcrActionBarUIModule = /*#__PURE__*/function
         widgetProvider: this.widgetProvider,
         sharedSecuritySharedDataSource: this.sharedSecuritySharedDataSource,
         sharedScreenShareSharedDataSource: this.sharedScreenShareSharedDataSource,
-        abilityProvider: this.abilityProvider
+        abilityProvider: this.abilityProvider,
+        applistProvider: this.applistProvider,
+        sharedApplistDataSource: this.sharedApplistDataSource
       });
       this._deviceControlStore = new _store2.DeviceControlStore((_this$currentRoomCont3 = this.currentRoomControlProvider) === null || _this$currentRoomCont3 === void 0 ? void 0 : _this$currentRoomCont3.currentRoomControl, this.deviceProvider, this.dialogProvider, this.deviceStreamProvider, this.sharedDevicePrivilegeDataSource);
       this._leaveMeetingStore = new _store3.LeaveMeetingStore(privilegeProvider, this.roomProvider, (_this$currentRoomCont4 = this.currentRoomControlProvider) === null || _this$currentRoomCont4 === void 0 ? void 0 : _this$currentRoomCont4.currentRoomControl, this.sharedMemberDataSource, this.abilityProvider, this.dialogProvider);

package/lib/modules/action-bar/store.d.ts

@@ -3,7 +3,7 @@ import { FcrLiveStreamingState, FcrRecordingState, FcrUserInfo, FcrUserRole, Fcr
 import { DeviceSettingDialogConfig } from '../setting/store';
 import { FcrUIRoomType, FcrUIWebWidgetConfig } from '../../type';
 import { FcrUserKickedOutType } from 'fcr-core/lib/room-control/user-control/type';
-import { FcrBaseRoomControl, FcrRoomType } from 'fcr-core/lib/room-control/type';
+import { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
 import { FcrLanguage } from 'fcr-core/lib/room-control/interpreter-control/types';
 import { ConnectionTabType } from '../video-window/type';
 import { FcrUIDeviceProvider } from '../../providers/device-provider';
@@ -27,6 +27,8 @@ import { FcrUIWidgetProvider } from '../../providers/widget-provider';
 import { FcrSecurityCheckedStateType, FcrUISecuritySharedDataSource } from '../../shared-data-source/security-data';
 import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 import { FcrUIAbilityProviderImpl } from '../../providers/ability-provider';
+import { FcrUISharedApplistSource } from '../../shared-data-source/app-list-data';
+import { FcrUIApplistProvider } from '../../providers/app-list-provider';
 export declare enum AudioConnectType {
     NONE = 0,
     COMPUTER = 1,
@@ -58,6 +60,8 @@ export default class ActionBarStore {
     private _sharedSecuritySharedDataSource;
     private _sharedScreenShareSharedDataSource;
     private _abilityProvider;
+    private _applistProvider;
+    private _sharedApplistDataSource;
     private _userObserver;
     private _roomObserver;
     private _mainRoomObserver;
@@ -66,6 +70,7 @@ export default class ActionBarStore {
     private _newMessageTooltipTimer;
     private _hideBarArrowTimer;
     private _interpreterProviderObserver;
+    private _applistObserver;
     accessor newMessageTooltipVisible: boolean;
     accessor totalWaitingRoomUser: number;
     accessor liveStreamingState: FcrLiveStreamingState;
@@ -77,10 +82,10 @@ export default class ActionBarStore {
     accessor showArrow: boolean;
     accessor phoneMicEnabled: boolean;
     accessor chatTabIndex: FcrUIRoomType;
-    accessor popoverOpened: boolean;
     accessor stateBarLeaveMeeting: boolean;
     accessor hasOfflineUserExistence: boolean;
     accessor connectionState: FcrConnectionState;
+    accessor appActionbarPopoverVisible: boolean;
     constructor(args: {
         roomProvider: FcrUIRoomProvider;
         roomControl: FcrBaseRoomControl;
@@ -103,10 +108,14 @@ export default class ActionBarStore {
         sharedSecuritySharedDataSource: FcrUISecuritySharedDataSource;
         sharedScreenShareSharedDataSource: FcrUIScreenShareSharedDataSource;
         abilityProvider: FcrUIAbilityProviderImpl;
+        applistProvider: FcrUIApplistProvider;
+        sharedApplistDataSource: FcrUISharedApplistSource;
     });
+    private _handleApplistItemClick;
     get checkedStateMap(): FcrSecurityCheckedStateType;
     setCheckedStateMap(val: FcrSecurityCheckedStateType): void;
     get registeredWidgetConfigs(): FcrUIWebWidgetConfig[];
+    get appItemOptions(): import("./types").AppItemProps[];
     get supportedLanguages(): FcrLanguage[];
     get users(): FcrUserInfo[];
     get localUserRole(): FcrUserRole;
@@ -123,8 +132,8 @@ export default class ActionBarStore {
     get isNewWaitingRoomUserEnter(): boolean;
     get privilegeProvider(): FcrUIPrivilegeProvider;
     get asideLayout(): import("../../type").FcrUIUpdateAsideParams;
-    get chatRenderAt(): "dialog" | "aside";
-    get participantsRenderAt(): "dialog" | "aside";
+    get chatRenderAt(): "aside" | "dialog";
+    get participantsRenderAt(): "aside" | "dialog";
     get participantVisible(): boolean | undefined;
     get chatVisible(): boolean | undefined;
     get remoteUsers(): FcrUserInfo[];
@@ -162,6 +171,7 @@ export default class ActionBarStore {
     get hasAllowChangeNamePromission(): boolean;
     get hasDisallowChangeNamePromission(): boolean;
     get newMessageCount(): import("./types").ChatRoomStoreMap;
+    get endMeetingPopoverOpened(): boolean;
     set newMessageCount(value: import("./types").ChatRoomStoreMap);
     get latestMessage(): import("../../providers/chat-provider").FcrChatRoomReceiveMessage | undefined;
     get hasSecurityPermissions(): boolean;
@@ -183,7 +193,6 @@ export default class ActionBarStore {
     setAllowScreenShare(state: boolean): void;
     setPopoverOpened(isShow: boolean): void;
     setStateBarLeaveMeeting(isShow: boolean): void;
-    getRoomType(): FcrRoomType | undefined;
     release(): void;
     allowJoinWithMuteAudio(): boolean;
     setAllowJoinWithMuteAudio(enable: boolean): void;
@@ -228,6 +237,7 @@ export default class ActionBarStore {
     private _handleRemoteUsersLeft;
     private _handleLiveStreamingStateUpdated;
     private _handleChatVisible;
+    setAppActionbarPopoverVisible(visible: boolean): void;
     setAllowWaterMark(): void;
     setWaterMarkLineType(lineType: FcrLineType): void;
     setAlllowChangeName(enable: boolean): void;
@@ -238,7 +248,7 @@ export default class ActionBarStore {
     subscribeLanguage(language: FcrUILanguage): Promise<void>;
     subscribeExtraOriginLanguage(enable: boolean): Promise<void>;
     getOfflineUserExistenceState(): boolean;
-    openWidget(widgetId: string): void;
+    clickWidget(widgetConfig: FcrUIWebWidgetConfig): void;
     closeWidget(widgetId: string): void;
     private _checkIsWidgetSupportedRole;
 }