agora-ui-foundation 3.2.0 → 3.3.0

package/lib/components/icon/svg-dict.d.ts

@@ -9,4 +9,4 @@ export type SvgPath = {
     viewBox?: string;
 };
 export declare const getPath: (name: string, props: PathOptions) => import("react/jsx-runtime").JSX.Element;
-export declare const getViewBox: (name: string) => "0 0 48 48" | "0 0 20 8" | "0 0 20 20" | "0 0 32 32" | "0 0 50 50" | "0 0 20 21" | "0 0 28 28" | "0 0 48 49" | "0 0 49 49" | "0 0 200 120" | "0 0 10 10" | "0 0 22 22" | "0 0 5 19" | "0 0 32 20" | "0 0 48 30" | "0 0 48 20" | "0 0 24 24" | "0 0 16 16" | "0 0 30 48" | "0 0 49 48" | "0 0 100 56" | "0 0 20 48" | "0 0 36 36" | "0 0 21 20" | "0 0 39 10" | "0 0 30 30" | "0 0 18 18" | "0 0 40 40" | "0 0 9 9" | "0 0 26 26" | "0 0 14 30" | "0 4 16 8" | "0 0 40 11" | "0 0 16 13" | "0 0 15 13.5" | "0 0 8 32" | "0 0 31 30" | "0 0 4 4" | "0 0 45 7" | "0 0 0 0";
+export declare const getViewBox: (name: string) => "0 0 48 48" | "0 0 20 8" | "0 0 20 20" | "0 0 32 32" | "0 0 50 50" | "0 0 20 21" | "0 0 30 30" | "0 0 48 49" | "0 0 49 49" | "0 0 200 120" | "0 0 10 10" | "0 0 22 22" | "0 0 5 19" | "0 0 32 20" | "0 0 48 30" | "0 0 48 20" | "0 0 24 24" | "0 0 16 16" | "0 0 30 48" | "0 0 49 48" | "0 0 100 56" | "0 0 28 28" | "0 0 20 48" | "0 0 36 36" | "0 0 21 20" | "0 0 39 10" | "0 0 18 18" | "0 0 40 40" | "0 0 9 9" | "0 0 26 26" | "0 0 14 30" | "0 4 16 8" | "0 0 40 11" | "0 0 16 13" | "0 0 15 13.5" | "0 0 8 32" | "0 0 31 30" | "0 0 4 4" | "0 0 45 7" | "0 0 0 0";

package/lib/components/icon/svg-exports.d.ts

@@ -274,6 +274,8 @@ export * as fcr_wizard_arrow from './paths/fcr_wizard_arrow';
 export * as fcr_wrong from './paths/fcr_wrong';
 export * as fcr_zoomin from './paths/fcr_zoomin';
 export * as fcr_zoomout from './paths/fcr_zoomout';
+export * as fcr_waiting_room from './paths/fcr_waiting_room';
+export * as fcr_put_waiting_room from './paths/fcr_put_waiting_room';
 export * as logo_moonshot from './paths/logo_moonshot';
 export * as logo_openai from './paths/logo_openai';
 export * as set_sale from './paths/set_sale';

package/lib/components/icon/svg-exports.js

@@ -14,8 +14,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.fcr_mobile_subtities_on = exports.fcr_mobile_sharescreen = exports.fcr_mobile_more = exports.fcr_mobile_duplicate = exports.fcr_mobile_chat3 = exports.fcr_mobile_chat2 = exports.fcr_mobile_camera2 = exports.fcr_mirrorimage_right = exports.fcr_mirrorimage_off = exports.fcr_mirrorimage_left = exports.fcr_minus = exports.fcr_meetingrecord = exports.fcr_lower_hand = exports.fcr_loading = exports.fcr_liveicon = exports.fcr_live = exports.fcr_list_on_top_big = exports.fcr_list_on_right_big = exports.fcr_list_delete = exports.fcr_link = exports.fcr_left4 = exports.fcr_left3 = exports.fcr_left1 = exports.fcr_left = exports.fcr_host2 = exports.fcr_host = exports.fcr_home_code2 = exports.fcr_hidevideo = exports.fcr_helpquestion = exports.fcr_head = exports.fcr_grid_big = exports.fcr_gotostage_on = exports.fcr_gotostage_not = exports.fcr_gotostage = exports.fcr_fullcoverage = exports.fcr_fourwindows2 = exports.fcr_fourwindows = exports.fcr_focusonhim = exports.fcr_file_video = exports.fcr_file_ppt = exports.fcr_file_photo = exports.fcr_file_pdf = exports.fcr_file_noformat = exports.fcr_file_excel = exports.fcr_file_doc = exports.fcr_file_audio = exports.fcr_file_alf = exports.fcr_file_ah5 = exports.fcr_file = exports.fcr_exclamationmask = exports.fcr_equalratio = exports.fcr_endmeeting = exports.fcr_emo = exports.fcr_dropup4 = exports.fcr_dropdown4 = exports.fcr_dropdown2 = exports.fcr_dropdown = exports.fcr_download = exports.fcr_down1 = exports.fcr_down = exports.fcr_deviceaudioon = exports.fcr_deviceaudiooff = exports.fcr_delete3 = exports.fcr_countdown_up = exports.fcr_countdown_down = exports.fcr_copy = exports.fcr_computerdata = exports.fcr_colon = exports.fcr_cohost2 = exports.fcr_cloudrecord = exports.fcr_close = exports.fcr_clock = exports.fcr_chooseit = exports.fcr_chexbox_indeterminate = exports.fcr_checkbox_check = exports.fcr_chat_reddot = exports.fcr_chat_placeholder = exports.fcr_chat_on = exports.fcr_chat2 = exports.fcr_chat = exports.fcr_cameraoff = exports.fcr_cameracrash = exports.fcr_camera_window_notwork = exports.fcr_camera_window_not = exports.fcr_camera_window_loading = exports.fcr_camera3 = exports.fcr_camera = exports.fcr_btn_loading = exports.fcr_bell = exports.fcr_beauty_retouch = exports.fcr_beauty_blush = exports.fcr_beauty = exports.fcr_background2 = exports.fcr_attach = exports.fcr_angle_tips = exports.fcr_allleave = exports.fcr_all_unmute = exports.fcr_all_mute = exports.fcr_aliyun = exports.fcr_alf2 = void 0;
-exports.fcr_v2_louder = exports.fcr_v2_gou_alart = exports.fcr_v2_expansionscreen = exports.fcr_v2_chevron_right2 = exports.fcr_v2_chevron_left2 = exports.fcr_v2_chevron_down2 = exports.fcr_v2_breakroom = exports.fcr_v2_answer = exports.fcr_users = exports.fcr_uporder = exports.fcr_uploadlist = exports.fcr_up2 = exports.fcr_up = exports.fcr_unpin = exports.fcr_underline = exports.fcr_topwindows = exports.fcr_tooltip_arrow_2 = exports.fcr_tooltip_arrow = exports.fcr_subtract = exports.fcr_student_rasiehand = exports.fcr_stopscreensharing = exports.fcr_stoplive = exports.fcr_stop3 = exports.fcr_stop = exports.fcr_star = exports.fcr_smooth = exports.fcr_sipdevice = exports.fcr_showvideo = exports.fcr_sharingbar_up = exports.fcr_sharingbar_down = exports.fcr_share = exports.fcr_setting_teacher = exports.fcr_setting_none = exports.fcr_setting_meetingassistant = exports.fcr_setting = exports.fcr_send = exports.fcr_security = exports.fcr_screensharing_on = exports.fcr_screensharing_1 = exports.fcr_screensharing = exports.fcr_screenshare_change2 = exports.fcr_screenshare_change1 = exports.fcr_rotatingvideo = exports.fcr_rightwindows = exports.fcr_right5 = exports.fcr_right4 = exports.fcr_right3 = exports.fcr_right2 = exports.fcr_right = exports.fcr_rewardall = exports.fcr_reward = exports.fcr_reverseorder = exports.fcr_reset = exports.fcr_rename = exports.fcr_remove_pin = exports.fcr_recording_stop = exports.fcr_recording_play2 = exports.fcr_recording_play = exports.fcr_recording_on = exports.fcr_recording_end = exports.fcr_raisehands = exports.fcr_quit2 = exports.fcr_question2 = exports.fcr_question = exports.fcr_ppt_broken = exports.fcr_platform = exports.fcr_pinpage2 = exports.fcr_pinpage = exports.fcr_pin = exports.fcr_picture = exports.fcr_phonecall_silence = exports.fcr_phonecall3 = exports.fcr_phonecall2 = exports.fcr_phonecall1 = exports.fcr_people = exports.fcr_pensize_straight = exports.fcr_pensize = exports.fcr_pen_line_4size = exports.fcr_pen_line_3size = exports.fcr_pen_line_2size = exports.fcr_pen_line_1size = exports.fcr_pen_curve_4size = exports.fcr_pen_curve_3size = exports.fcr_pen_curve_2size = exports.fcr_pen_curve_1size = exports.fcr_pause2 = exports.fcr_order_up = exports.fcr_order_down = exports.fcr_openfile = exports.fcr_oneleave = exports.fcr_notice = exports.fcr_nomute = exports.fcr_mutedefault = exports.fcr_mutecrash = exports.fcr_mute = exports.fcr_moveto = exports.fcr_move = exports.fcr_more2 = exports.fcr_mobile_whiteboard_undo = exports.fcr_mobile_whiteboard_redo = void 0;
-exports.zhipuai = exports.set_sale = exports.logo_openai = exports.logo_moonshot = exports.fcr_zoomout = exports.fcr_zoomin = exports.fcr_wrong = exports.fcr_wizard_arrow = exports.fcr_windowpage_smaller3 = exports.fcr_windowpage_smaller2 = exports.fcr_windowpage_smaller = exports.fcr_windowpage_lonely = exports.fcr_windowpage_bigger = exports.fcr_window_smaller = exports.fcr_window_bigger = exports.fcr_wihiteboard_slicewithoutclassroom = exports.fcr_wihiteboard_slice = exports.fcr_whitechoose = exports.fcr_whiteboard_toolbox = exports.fcr_whiteboard_text = exports.fcr_whiteboard_slice = exports.fcr_whiteboard_shap_triangle = exports.fcr_whiteboard_shap_star = exports.fcr_whiteboard_shap_square = exports.fcr_whiteboard_shap_rehumbus = exports.fcr_whiteboard_shap_line = exports.fcr_whiteboard_shap_circle_1 = exports.fcr_whiteboard_shap_circle = exports.fcr_whiteboard_shap_arrow = exports.fcr_whiteboard_save = exports.fcr_whiteboard_ped_straightline = exports.fcr_whiteboard_ped_curve = exports.fcr_whiteboard_ped3 = exports.fcr_whiteboard_ped2 = exports.fcr_whiteboard_ped = exports.fcr_whiteboard_page = exports.fcr_whiteboard_on = exports.fcr_whiteboard_movesubjects2 = exports.fcr_whiteboard_movesubjects = exports.fcr_whiteboard_move = exports.fcr_whiteboard_mouse = exports.fcr_whiteboard_lowerrightarrow = exports.fcr_whiteboard_laserpen2 = exports.fcr_whiteboard_laserpen = exports.fcr_whiteboard_forward = exports.fcr_whiteboard_expand2 = exports.fcr_whiteboard_eraser = exports.fcr_whiteboard_eliminate = exports.fcr_whiteboard_cloud = exports.fcr_whiteboard_bg = exports.fcr_whiteboard_back = exports.fcr_whiteboard2 = exports.fcr_whiteboard = exports.fcr_web_smallest = exports.fcr_web_sharingview_small = exports.fcr_web_sharingview_mix = exports.fcr_web_sharingview_middle = exports.fcr_web_scale_right = exports.fcr_web_scale_left = exports.fcr_web_restoration = exports.fcr_web_move_page = exports.fcr_web_fullscream = exports.fcr_web_connectsound = exports.fcr_web_chat = exports.fcr_videoback = exports.fcr_video_sharescreen = exports.fcr_v2_vote = exports.fcr_v2_tool_new = exports.fcr_v2_timer = exports.fcr_v2_tanhao_alart = exports.fcr_v2_signal_normal = exports.fcr_v2_signal_good = exports.fcr_v2_signal_bad = exports.fcr_v2_search = exports.fcr_v2_quite = exports.fcr_v2_poll_zoom = exports.fcr_v2_poll_minus = exports.fcr_v2_poll_add = exports.fcr_v2_phone_more1 = exports.fcr_v2_louder_min = void 0;
+exports.fcr_v2_gou_alart = exports.fcr_v2_expansionscreen = exports.fcr_v2_chevron_right2 = exports.fcr_v2_chevron_left2 = exports.fcr_v2_chevron_down2 = exports.fcr_v2_breakroom = exports.fcr_v2_answer = exports.fcr_users = exports.fcr_uporder = exports.fcr_uploadlist = exports.fcr_up2 = exports.fcr_up = exports.fcr_unpin = exports.fcr_underline = exports.fcr_topwindows = exports.fcr_tooltip_arrow_2 = exports.fcr_tooltip_arrow = exports.fcr_subtract = exports.fcr_student_rasiehand = exports.fcr_stopscreensharing = exports.fcr_stoplive = exports.fcr_stop3 = exports.fcr_stop = exports.fcr_star = exports.fcr_smooth = exports.fcr_sipdevice = exports.fcr_showvideo = exports.fcr_sharingbar_up = exports.fcr_sharingbar_down = exports.fcr_share = exports.fcr_setting_teacher = exports.fcr_setting_none = exports.fcr_setting_meetingassistant = exports.fcr_setting = exports.fcr_send = exports.fcr_security = exports.fcr_screensharing_on = exports.fcr_screensharing_1 = exports.fcr_screensharing = exports.fcr_screenshare_change2 = exports.fcr_screenshare_change1 = exports.fcr_rotatingvideo = exports.fcr_rightwindows = exports.fcr_right5 = exports.fcr_right4 = exports.fcr_right3 = exports.fcr_right2 = exports.fcr_right = exports.fcr_rewardall = exports.fcr_reward = exports.fcr_reverseorder = exports.fcr_reset = exports.fcr_rename = exports.fcr_remove_pin = exports.fcr_recording_stop = exports.fcr_recording_play2 = exports.fcr_recording_play = exports.fcr_recording_on = exports.fcr_recording_end = exports.fcr_raisehands = exports.fcr_quit2 = exports.fcr_question2 = exports.fcr_question = exports.fcr_put_waiting_room = exports.fcr_ppt_broken = exports.fcr_platform = exports.fcr_pinpage2 = exports.fcr_pinpage = exports.fcr_pin = exports.fcr_picture = exports.fcr_phonecall_silence = exports.fcr_phonecall3 = exports.fcr_phonecall2 = exports.fcr_phonecall1 = exports.fcr_people = exports.fcr_pensize_straight = exports.fcr_pensize = exports.fcr_pen_line_4size = exports.fcr_pen_line_3size = exports.fcr_pen_line_2size = exports.fcr_pen_line_1size = exports.fcr_pen_curve_4size = exports.fcr_pen_curve_3size = exports.fcr_pen_curve_2size = exports.fcr_pen_curve_1size = exports.fcr_pause2 = exports.fcr_order_up = exports.fcr_order_down = exports.fcr_openfile = exports.fcr_oneleave = exports.fcr_notice = exports.fcr_nomute = exports.fcr_mutedefault = exports.fcr_mutecrash = exports.fcr_mute = exports.fcr_moveto = exports.fcr_move = exports.fcr_more2 = exports.fcr_mobile_whiteboard_undo = exports.fcr_mobile_whiteboard_redo = void 0;
+exports.zhipuai = exports.set_sale = exports.logo_openai = exports.logo_moonshot = exports.fcr_zoomout = exports.fcr_zoomin = exports.fcr_wrong = exports.fcr_wizard_arrow = exports.fcr_windowpage_smaller3 = exports.fcr_windowpage_smaller2 = exports.fcr_windowpage_smaller = exports.fcr_windowpage_lonely = exports.fcr_windowpage_bigger = exports.fcr_window_smaller = exports.fcr_window_bigger = exports.fcr_wihiteboard_slicewithoutclassroom = exports.fcr_wihiteboard_slice = exports.fcr_whitechoose = exports.fcr_whiteboard_toolbox = exports.fcr_whiteboard_text = exports.fcr_whiteboard_slice = exports.fcr_whiteboard_shap_triangle = exports.fcr_whiteboard_shap_star = exports.fcr_whiteboard_shap_square = exports.fcr_whiteboard_shap_rehumbus = exports.fcr_whiteboard_shap_line = exports.fcr_whiteboard_shap_circle_1 = exports.fcr_whiteboard_shap_circle = exports.fcr_whiteboard_shap_arrow = exports.fcr_whiteboard_save = exports.fcr_whiteboard_ped_straightline = exports.fcr_whiteboard_ped_curve = exports.fcr_whiteboard_ped3 = exports.fcr_whiteboard_ped2 = exports.fcr_whiteboard_ped = exports.fcr_whiteboard_page = exports.fcr_whiteboard_on = exports.fcr_whiteboard_movesubjects2 = exports.fcr_whiteboard_movesubjects = exports.fcr_whiteboard_move = exports.fcr_whiteboard_mouse = exports.fcr_whiteboard_lowerrightarrow = exports.fcr_whiteboard_laserpen2 = exports.fcr_whiteboard_laserpen = exports.fcr_whiteboard_forward = exports.fcr_whiteboard_expand2 = exports.fcr_whiteboard_eraser = exports.fcr_whiteboard_eliminate = exports.fcr_whiteboard_cloud = exports.fcr_whiteboard_bg = exports.fcr_whiteboard_back = exports.fcr_whiteboard2 = exports.fcr_whiteboard = exports.fcr_web_smallest = exports.fcr_web_sharingview_small = exports.fcr_web_sharingview_mix = exports.fcr_web_sharingview_middle = exports.fcr_web_scale_right = exports.fcr_web_scale_left = exports.fcr_web_restoration = exports.fcr_web_move_page = exports.fcr_web_fullscream = exports.fcr_web_connectsound = exports.fcr_web_chat = exports.fcr_waiting_room = exports.fcr_videoback = exports.fcr_video_sharescreen = exports.fcr_v2_vote = exports.fcr_v2_tool_new = exports.fcr_v2_timer = exports.fcr_v2_tanhao_alart = exports.fcr_v2_signal_normal = exports.fcr_v2_signal_good = exports.fcr_v2_signal_bad = exports.fcr_v2_search = exports.fcr_v2_quite = exports.fcr_v2_poll_zoom = exports.fcr_v2_poll_minus = exports.fcr_v2_poll_add = exports.fcr_v2_phone_more1 = exports.fcr_v2_louder_min = exports.fcr_v2_louder = void 0;
 var _fcr_alf = _interopRequireWildcard(require("./paths/fcr_alf2"));
 exports.fcr_alf2 = _fcr_alf;
 var _fcr_aliyun = _interopRequireWildcard(require("./paths/fcr_aliyun"));
@@ -568,6 +568,10 @@ var _fcr_zoomin = _interopRequireWildcard(require("./paths/fcr_zoomin"));
 exports.fcr_zoomin = _fcr_zoomin;
 var _fcr_zoomout = _interopRequireWildcard(require("./paths/fcr_zoomout"));
 exports.fcr_zoomout = _fcr_zoomout;
+var _fcr_waiting_room = _interopRequireWildcard(require("./paths/fcr_waiting_room"));
+exports.fcr_waiting_room = _fcr_waiting_room;
+var _fcr_put_waiting_room = _interopRequireWildcard(require("./paths/fcr_put_waiting_room"));
+exports.fcr_put_waiting_room = _fcr_put_waiting_room;
 var _logo_moonshot = _interopRequireWildcard(require("./paths/logo_moonshot"));
 exports.logo_moonshot = _logo_moonshot;
 var _logo_openai = _interopRequireWildcard(require("./paths/logo_openai"));

package/lib/components/icon/type.d.ts

@@ -275,6 +275,8 @@ export declare enum FcrIconType {
     FCR_WRONG = "fcr_wrong",
     FCR_ZOOMIN = "fcr_zoomin",
     FCR_ZOOMOUT = "fcr_zoomout",
+    FCR_WAITING_ROOM = "fcr_waiting_room",
+    FCR_PUT_WAITING_ROOM = "fcr_put_waiting_room",
     LOGO_MOONSHOT = "logo_moonshot",
     LOGO_OPENAI = "logo_openai",
     SET_SALE = "set_sale",

package/lib/components/icon/type.js

@@ -282,6 +282,8 @@ var FcrIconType = exports.FcrIconType = /*#__PURE__*/function (FcrIconType) {
   FcrIconType["FCR_WRONG"] = "fcr_wrong";
   FcrIconType["FCR_ZOOMIN"] = "fcr_zoomin";
   FcrIconType["FCR_ZOOMOUT"] = "fcr_zoomout";
+  FcrIconType["FCR_WAITING_ROOM"] = "fcr_waiting_room";
+  FcrIconType["FCR_PUT_WAITING_ROOM"] = "fcr_put_waiting_room";
   FcrIconType["LOGO_MOONSHOT"] = "logo_moonshot";
   FcrIconType["LOGO_OPENAI"] = "logo_openai";
   FcrIconType["SET_SALE"] = "set_sale";

package/lib/components/icon-text/index.css

@@ -16,6 +16,10 @@
   color: var(--fcr_ui_scene_icontext1);
 }
 
+.fcr-icon-text__text--hide-icon {
+  margin: 0 4px;
+}
+
 .fcr-icon-text__text--small {
   font-size: 10px;
   line-height: 10px;

package/lib/components/icon-text/index.d.ts

@@ -12,6 +12,7 @@ export interface IconTextProps {
     classnames?: {
         [key: string]: boolean;
     };
+    isHideIcon?: boolean;
     /**
      * 支持点击
      */

package/lib/components/icon-text/index.js

@@ -49,25 +49,28 @@ var IconText = exports.IconText = function IconText(_ref) {
     classnames = _ref.classnames,
     enable = _ref.enable,
     _onClick = _ref.onClick,
-    iconReverse = _ref.iconReverse;
+    iconReverse = _ref.iconReverse,
+    _ref$isHideIcon = _ref.isHideIcon,
+    isHideIcon = _ref$isHideIcon === void 0 ? false : _ref$isHideIcon;
   var cls = (0, _classnames["default"])('fcr-icon-text');
   var spanCls = (0, _classnames["default"])('fcr-icon-text__text', _objectSpread({
     'fcr-icon-text__text--small': fontSize === 'small',
     'fcr-icon-text__text--medium': fontSize === 'medium',
-    'fcr-icon-text__text--large': fontSize === 'large'
+    'fcr-icon-text__text--large': fontSize === 'large',
+    'fcr-icon-text__text--hide-icon': isHideIcon
   }, classnames));
   var text = (0, _react.useMemo)(function () {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: spanCls,
       children: txt
     });
-  }, [txt]);
+  }, [txt, spanCls]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: cls,
     style: _objectSpread({}, styles),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: 'fcr-icon-text-wrapper',
-      children: [iconReverse && text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+      children: [iconReverse && text, !isHideIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
         style: _objectSpread({}, transform && {
           transform: 'rotate(180deg)'
         }),

package/lib/components/input/index.css

@@ -20,20 +20,25 @@
   border-radius: var(--fcr_cornerradius_l);
   height: 48px;
 }
+
 .fcr-input.fcr-input-m {
   height: 36px;
 }
+
 .fcr-input.fcr-input-s {
-  border-radius: var(--fcr_cornerradius_s);
+  border-radius: var(--fcr_cornerradius_xs);
   height: 32px;
 }
+
 .fcr-input.fcr-input-xs {
   border-radius: var(--fcr_cornerradius_xs);
   height: 24px;
 }
+
 .fcr-input.fcr-input-circle {
   border-radius: var(--fcr_cornerradius_round);
 }
+
 .fcr-input-label {
   font-weight: var(--fcr_font_weight_x);
   color: var(--fcr_ui_scene_icontext1);
@@ -93,10 +98,12 @@
   cursor: not-allowed;
   opacity: 50%;
 }
+
 .fcr-input.fcr-input--disabled input {
   color: var(--fcr_ui_scene_icontext2);
   cursor: not-allowed;
 }
+
 .fcr-input.fcr-input--disabled input::placeholder {
   color: var(--fcr_ui_scene_icontext2);
 }
@@ -105,13 +112,16 @@
   height: 28px;
   width: 32px;
 }
+
 .input-password-hidden:hover {
   border-radius: var(--fcr_cornerradius_xxs);
   background-color: var(--fcr_web_ui_scene_hover);
 }
+
 .fcr-input-normal {
   color: var(--fcr_ui_scene_icontext2);
 }
+
 .fcr-input-count-error {
   color: var(--fcr_ui_scene_ramp_red6);
 }
@@ -124,14 +134,11 @@
   align-items: center;
   justify-content: center;
 }
+
 .fcr-input-suffix {
   height: 100%;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
-}
-
-.fcr-input-allow-show-password {
-  padding-right: 38px;
-}
+}

package/lib/components/live-streaming/container.css

@@ -3,10 +3,12 @@
   flex-direction: column;
   gap: 20px;
 }
+
 .fcr-live-streaming-container-title {
   display: flex;
   flex-direction: column;
 }
+
 .fcr-live-streaming-container-main-title {
   font-weight: var(--fcr_font_weight_x);
   color: var(--fcr_ui_scene_icontext1);
@@ -14,21 +16,25 @@
   margin-bottom: 8px;
   margin-left: 5px;
 }
+
 .fcr-live-streaming-container-secondary-title {
   color: var(--fcr_ui_scene_icontext3);
   font-size: 12px;
   margin-bottom: 14px;
   margin-left: 5px;
 }
+
 .fcr-live-streaming-container__start-live {
   width: 100%;
   margin-top: 30px;
   -webkit-app-region: no-drag;
 }
+
 .fcr-live-streaming-container__start-live button {
   width: 100%;
   -webkit-app-region: no-drag;
 }
+
 .fcr-live-streaming-container__started-tips {
   background-color: var(--fcr_ui_scene_ramp_yellow2);
   color: var(--fcr_web_ui_scene_mainicon3_red);
@@ -38,6 +44,7 @@
   margin: auto;
   border-radius: var(--fcr_cornerradius_xs) var(--fcr_cornerradius_xs) 0 0;
 }
+
 .fcr-live-streaming-container__error-tip {
   color: var(--fcr_ui_scene_ramp_red6);
   width: 100%;
@@ -45,6 +52,7 @@
   flex-direction: row-reverse;
   font-size: 12px;
 }
+
 .fcr-live-streaming-container__error {
   color: var(--fcr_ui_scene_ramp_red6);
   width: 100%;
@@ -56,3 +64,7 @@
   align-items: center;
   justify-content: center;
 }
+
+.fcr-live-streaming-password-input .fcr-input {
+  padding-right: 2px;
+}

package/lib/components/live-streaming/container.js

@@ -95,7 +95,7 @@ var FcrLiveStreamingContainer = exports.FcrLiveStreamingContainer = function Fcr
         label: "Video streaming URL",
         placeholder: t('fmt_live_inputtips_videostreamingurl'),
         shape: "rounded",
-        size: "medium",
+        size: "small",
         value: videoSteamingUrl,
         onChange: function onChange(value) {
           return setVideoSteamingUrl(value);
@@ -109,11 +109,12 @@ var FcrLiveStreamingContainer = exports.FcrLiveStreamingContainer = function Fcr
         children: t('fmt_broadcast_tips_righturl')
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-live-streaming-password-input",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_inputPassword.FcrInputPassword, {
         label: "Video streaming key",
         placeholder: t('fmt_live_inputtips_videostreamingkey'),
         shape: "rounded",
-        size: "medium",
+        size: "small",
         value: videoStreamingKey,
         onChange: function onChange(value) {
           return setVideoStreamingKey(value);

package/lib/components/local-video-player/index.css

@@ -23,6 +23,7 @@
   align-items: center;
   gap: 10px;
   width: 100%;
+  padding-right: calc(10px + 30px);
 }
 
 .fcr-device-settings-video__view-select {
@@ -30,7 +31,7 @@
   bottom: 0px;
   width: 100%;
   height: 100%;
-  padding: 8px;
+  padding: 6px;
   z-index: 10;
   display: grid;
   align-items: start;
@@ -41,7 +42,6 @@
   justify-content: center;
   align-items: center;
   min-height: 42px;
-  margin: 6px 6px 0 6px;
   background: var(--fcr_ui_scene_white5);
   box-shadow: 0px 0px 18.75px 0px #8f8f8f26;
   border-radius: var(--fcr_cornerradius_xs);
@@ -64,6 +64,11 @@
 
 .fcr-device-settings-video__view-select .fcr-tabs {
   width: fit-content;
+  border-radius: var(--fcr_cornerradius_s);
+}
+
+.fcr-device-settings-video__view-select .fcr-tabs__nav-list .fcr-tabs__nav-indicator {
+  border-radius: var(--fcr_cornerradius_xs);
 }
 
 .fcr-device-settings-video__mirror-video {

package/lib/components/notification/index.d.ts

@@ -0,0 +1,9 @@
+import { NotificationAPI } from 'rc-notification';
+import 'rc-notification/assets/index.css';
+import { JSXElementConstructor, ReactElement } from 'react';
+export declare const NOTIFICATION_ROOT_CLASS_NAME = "fcr-notification-root";
+declare const useFcrNotification: () => [
+    NotificationAPI,
+    ReactElement<any, string | JSXElementConstructor<any>>
+];
+export default useFcrNotification;

package/lib/components/notification/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NOTIFICATION_ROOT_CLASS_NAME = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _rcNotification = require("rc-notification");
+require("rc-notification/assets/index.css");
+var _react = require("react");
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _jsxRuntime = require("react/jsx-runtime");
+var ContextHolder = function ContextHolder(_ref) {
+  var contextHolder = _ref.contextHolder;
+  return contextHolder;
+};
+var NOTIFICATION_ROOT_CLASS_NAME = exports.NOTIFICATION_ROOT_CLASS_NAME = 'fcr-notification-root';
+function getRoot() {
+  return document.querySelector(".".concat(NOTIFICATION_ROOT_CLASS_NAME));
+}
+var useFcrNotification = function useFcrNotification() {
+  var _useNotification = (0, _rcNotification.useNotification)({
+      stack: true
+    }),
+    _useNotification2 = (0, _slicedToArray2["default"])(_useNotification, 2),
+    notification = _useNotification2[0],
+    contextHolder = _useNotification2[1];
+  (0, _react.useEffect)(function () {
+    var dom = getRoot();
+    var div = document.createElement('div');
+    dom === null || dom === void 0 || dom.appendChild(div);
+    _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(ContextHolder, {
+      contextHolder: contextHolder
+    }), div);
+  }, []);
+  return [notification, contextHolder];
+};
+var _default = exports["default"] = useFcrNotification;

package/lib/components/participants/attendee/index.css

@@ -116,14 +116,26 @@
   opacity: 1;
 }
 
+.attendee__footer-more-actions .fcr-drop-menu {
+  padding: 16px;
+}
+.attendee__footer-more-actions .fcr-drop-menu-option {
+  padding: 0px;
+  margin-left: -4px;
+}
+.attendee__footer-more-actions .fcr-checkbox-label {
+  font-size: 13px;
+}
+
 .attendee__more-actions .fcr-drop-menu-title,
 .attendee__footer-more-actions .fcr-drop-menu-title {
-  color: var(--fcr_ui_scene_icontext2);
+  color: var(--fcr_ui_scene_icontext1);
   font-size: 12px;
   text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  font-weight: 700;
 }
 
 .attendee__more-actions {

package/lib/components/participants/attendee/index.d.ts

@@ -16,9 +16,58 @@ export interface User {
     userRole?: number;
     isSpotlight?: boolean;
     isBoardActive?: boolean;
+    allowedOperations?: string[];
+    isPin?: boolean;
+}
+export declare enum ParticipantActionType {
+    MUTE_AUDIO = "MUTE_AUDIO",
+    UNMUTE_AUDIO = "UNMUTE_AUDIO",
+    MUTE_VIDEO = "MUTE_VIDEO",
+    UNMUTE_VIDEO = "UNMUTE_VIDEO",
+    PRIVATE_CHAT = "PRIVATE_CHAT",
+    KICK_OUT = "KICK_OUT",
+    ADD_PIN = "ADD_PIN",
+    REMOVE_PIN = "REMOVE_PIN",
+    SET_AS_HOST = "SET_AS_HOST",
+    SET_AS_CO_HOST = "SET_AS_CO_HOST",
+    SET_AS_ATTENDEE = "SET_AS_ATTENDEE",
+    RENAME = "RENAME",
+    ALL_RECORDING_LOCAL_VIDEO = "ALL_RECORDING_LOCAL_VIDEO",
+    PUT_IN_WAITING_ROOM = "PUT_IN_WAITING_ROOM",
+    STOP_RAISE_HAND = "STOP_RAISE_HAND",
+    SET_MAIN_SPEAKER = "SET_MAIN_SPEAKER",
+    MERGE_VIDEO = "MERGE_VIDEO"
+}
+export declare const enum FcrUserRole {
+    HOST = 1,
+    COHOST = 2,
+    PARTICIPANT = 3,
+    AUDIENCE = 4,
+    OBSERVER = 5,
+    ROBOT = 6
+}
+export type FcrUserRoleValue = 1 | 2 | 3 | 4 | 5 | 6;
+export interface ParticipantsMoreActionsProps {
+    isMe?: boolean;
+    userId: string;
+    hasVideo: boolean;
+    hasAudio: boolean;
+    onParticipantsButtonClick: (action: ParticipantActionType, userId: string) => void;
+    userName: string;
+    userRole: FcrUserRoleValue;
+    isPin: boolean;
+    hasPinnedStream: boolean;
+    allowedOperations: string[];
+    audioDeviceType: string;
+    userType?: string;
+    perspectiveType?: string;
+    hideActions?: string[];
 }
 export interface IFcrParticipantProps extends User {
     perspectiveType: 'host' | 'attendee' | 'cohost';
-    onParticipantsButtonClick?: (action: string, userId?: string, data?: any) => void;
+    allowedOperations: string[];
+    hasPinnedStream: boolean;
+    isPin: boolean;
+    onParticipantsButtonClick?: (action: ParticipantActionType, userId: string) => void;
 }
 export declare const FcrParticipant: FC<IFcrParticipantProps>;

package/lib/components/participants/attendee/index.js

@@ -20,7 +20,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FcrParticipant = void 0;
+exports.ParticipantActionType = exports.FcrUserRole = exports.FcrParticipant = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
@@ -38,10 +38,40 @@ var _i18n = require("../../../i18n");
 var _jsxRuntime = require("react/jsx-runtime");
 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) { (0, _defineProperty2["default"])(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; }
+var ParticipantActionType = exports.ParticipantActionType = /*#__PURE__*/function (ParticipantActionType) {
+  ParticipantActionType["MUTE_AUDIO"] = "MUTE_AUDIO";
+  ParticipantActionType["UNMUTE_AUDIO"] = "UNMUTE_AUDIO";
+  ParticipantActionType["MUTE_VIDEO"] = "MUTE_VIDEO";
+  ParticipantActionType["UNMUTE_VIDEO"] = "UNMUTE_VIDEO";
+  ParticipantActionType["PRIVATE_CHAT"] = "PRIVATE_CHAT";
+  ParticipantActionType["KICK_OUT"] = "KICK_OUT";
+  ParticipantActionType["ADD_PIN"] = "ADD_PIN";
+  ParticipantActionType["REMOVE_PIN"] = "REMOVE_PIN";
+  ParticipantActionType["SET_AS_HOST"] = "SET_AS_HOST";
+  ParticipantActionType["SET_AS_CO_HOST"] = "SET_AS_CO_HOST";
+  ParticipantActionType["SET_AS_ATTENDEE"] = "SET_AS_ATTENDEE";
+  ParticipantActionType["RENAME"] = "RENAME";
+  ParticipantActionType["ALL_RECORDING_LOCAL_VIDEO"] = "ALL_RECORDING_LOCAL_VIDEO";
+  ParticipantActionType["PUT_IN_WAITING_ROOM"] = "PUT_IN_WAITING_ROOM";
+  ParticipantActionType["STOP_RAISE_HAND"] = "STOP_RAISE_HAND";
+  ParticipantActionType["SET_MAIN_SPEAKER"] = "SET_MAIN_SPEAKER";
+  ParticipantActionType["MERGE_VIDEO"] = "MERGE_VIDEO";
+  return ParticipantActionType;
+}({});
+var FcrUserRole = exports.FcrUserRole = /*#__PURE__*/function (FcrUserRole) {
+  FcrUserRole[FcrUserRole["HOST"] = 1] = "HOST";
+  FcrUserRole[FcrUserRole["COHOST"] = 2] = "COHOST";
+  FcrUserRole[FcrUserRole["PARTICIPANT"] = 3] = "PARTICIPANT";
+  FcrUserRole[FcrUserRole["AUDIENCE"] = 4] = "AUDIENCE";
+  FcrUserRole[FcrUserRole["OBSERVER"] = 5] = "OBSERVER";
+  FcrUserRole[FcrUserRole["ROBOT"] = 6] = "ROBOT";
+  return FcrUserRole;
+}({}); // 定义一个类型来表示该枚举的值类型
 var FcrParticipant = exports.FcrParticipant = function FcrParticipant(props) {
   var userId = props.userId,
     _props$userName = props.userName,
     userName = _props$userName === void 0 ? '' : _props$userName,
+    userRole = props.userRole,
     hasAudio = props.hasAudio,
     hasVideo = props.hasVideo,
     isHost = props.isHost,
@@ -54,7 +84,10 @@ var FcrParticipant = exports.FcrParticipant = function FcrParticipant(props) {
     onParticipantsButtonClick = _props$onParticipants === void 0 ? function () {} : _props$onParticipants,
     userType = props.userType,
     videoDeviceType = props.videoDeviceType,
-    audioDeviceType = props.audioDeviceType;
+    audioDeviceType = props.audioDeviceType,
+    allowedOperations = props.allowedOperations,
+    hasPinnedStream = props.hasPinnedStream,
+    isPin = props.isPin;
   var t = (0, _i18n.useI18n)();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -73,7 +106,7 @@ var FcrParticipant = exports.FcrParticipant = function FcrParticipant(props) {
       children: [perspectiveType === 'host' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
         size: "small",
         onClick: function onClick() {
-          return onParticipantsButtonClick(hasAudio ? 'MUTE_AUDIO' : 'UNMUTE_AUDIO', userId);
+          onParticipantsButtonClick(hasAudio ? ParticipantActionType.MUTE_AUDIO : ParticipantActionType.UNMUTE_AUDIO, userId);
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           className: hasAudio ? 'attendee__danger-operate' : 'attendee__normal-operate',
@@ -83,13 +116,13 @@ var FcrParticipant = exports.FcrParticipant = function FcrParticipant(props) {
         children: isMe ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
           size: "small",
           onClick: function onClick() {
-            return onParticipantsButtonClick(hasAudio ? 'MUTE_AUDIO' : 'UNMUTE_AUDIO', userId);
+            return onParticipantsButtonClick(hasAudio ? ParticipantActionType.MUTE_AUDIO : ParticipantActionType.UNMUTE_AUDIO, userId);
           },
           children: hasAudio ? t('fmt_device_label_audio_mute') : t('fmt_device_label_audio_unmute')
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {
           size: "small",
           onClick: function onClick() {
-            return onParticipantsButtonClick('PRIVATE_CHAT', userId);
+            return onParticipantsButtonClick(ParticipantActionType.PRIVATE_CHAT, userId);
           },
           children: t('fmt_chats_label_privatechat')
         })
@@ -97,7 +130,7 @@ var FcrParticipant = exports.FcrParticipant = function FcrParticipant(props) {
         visible: isShowDropMenu,
         overlayInnerStyle: {
           border: 0,
-          boxShadow: '0px 0px 15px var(--fcr_web_light_dropup_m)',
+          boxShadow: 'var(--fcr_web_light_dropup_m)',
           borderRadius: 'var(--fcr_cornerradius_l)'
         },
         overlayClassName: "attendee__more-actions",
@@ -109,7 +142,19 @@ var FcrParticipant = exports.FcrParticipant = function FcrParticipant(props) {
           onMouseLeave: function onMouseLeave() {
             return setIsShowDropMenu(false);
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_participantsMore.FcrParticipantsMoreActions, _objectSpread({}, props))
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_participantsMore.FcrParticipantsMoreActions, {
+            isMe: isMe,
+            userId: userId,
+            userName: userName,
+            userRole: userRole,
+            hasVideo: hasVideo,
+            hasAudio: hasAudio,
+            isPin: isPin,
+            hasPinnedStream: hasPinnedStream,
+            allowedOperations: allowedOperations,
+            audioDeviceType: audioDeviceType,
+            onParticipantsButtonClick: onParticipantsButtonClick
+          })
         }),
         placement: "bottomRight",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_action.FcrActionButton, {

package/lib/components/participants/index.css

@@ -38,6 +38,9 @@
   justify-content: space-between;
   padding: 4px 15px 10px 15px;
   gap: 8px;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
 }
 
 .fcr-participant__footer button {
@@ -66,7 +69,7 @@
 .attendee__more-actions,
 .attendee__footer-more-actions {
   border: 0;
-  box-shadow: 0px 0px 15px var(--fcr_web_light_dropup_m);
+  box-shadow: var(--fcr_web_light_dropup_m);
   border-radius: var(--fcr_cornerradius_l);
   max-width: fit-content;
 }

package/lib/components/participants/index.d.ts

@@ -1,5 +1,5 @@
 import './index.css';
-import { User } from './attendee';
+import { ParticipantActionType, User } from './attendee';
 export interface ParticipantProps {
     type: 'window' | 'modal';
     userList: User[];
@@ -7,10 +7,11 @@ export interface ParticipantProps {
     footer?: React.ReactNode;
     perspectiveType?: 'host' | 'attendee' | 'cohost';
     userRenderer?: (user: User) => React.ReactNode;
-    toggleParticipantAction?: (action: string, userId?: string, data?: any) => void;
+    toggleParticipantAction?: (action: ParticipantActionType, userId: string) => void;
     toggleRoomControlAction?: (action: string, userId?: string) => void;
     onSearch: (value: string) => void;
     searchText?: string;
     onInvite?: () => void;
+    hasPinnedStream: boolean;
 }
 export declare const FcrParticipants: (props: ParticipantProps) => import("react/jsx-runtime").JSX.Element;