agora-ui-foundation 3.6.4 → 3.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/avatar/index.css +7 -0
- package/lib/components/avatar/index.d.ts +1 -0
- package/lib/components/avatar/index.js +20 -2
- package/lib/components/button/index.js +1 -0
- package/lib/components/comfirm-dialog/index.js +0 -3
- package/lib/components/confirm-content/index.css +7 -4
- package/lib/components/icon/paths/fcr_home_quickstart.d.ts +3 -0
- package/lib/components/icon/paths/fcr_home_quickstart.js +20 -0
- package/lib/components/icon/paths/fcr_zoomin.js +1 -1
- package/lib/components/icon/paths/fcr_zoomout.js +1 -1
- package/lib/components/icon/svg-exports.d.ts +1 -0
- package/lib/components/icon/svg-exports.js +6 -4
- package/lib/components/icon/type.d.ts +2 -1
- package/lib/components/icon/type.js +1 -0
- package/lib/components/line-copy-button/index.js +7 -5
- package/lib/components/local-video-player/index.d.ts +1 -0
- package/lib/components/local-video-player/index.js +4 -2
- package/lib/components/multi-select/index.js +1 -3
- package/lib/components/participants/attendee/index.d.ts +1 -0
- package/lib/components/room-screen-share-state-bar/share-audio/index.d.ts +1 -0
- package/lib/components/room-screen-share-state-bar/share-audio/index.js +21 -2
- package/lib/components/select/index.css +4 -1
- package/lib/components/select/index.js +8 -5
- package/lib/components/tooltips-button/index.js +6 -1
- package/lib/theme/fcr-ui-config.d.ts +2 -0
- package/lib/theme/fcr-ui-config.js +2 -0
- package/package.json +3 -3
|
@@ -31,7 +31,8 @@ var FcrAvatar = exports.FcrAvatar = function FcrAvatar(_ref) {
|
|
|
31
31
|
backgroundColor = _ref.backgroundColor,
|
|
32
32
|
onClick = _ref.onClick,
|
|
33
33
|
isShowFirstLetter = _ref.isShowFirstLetter,
|
|
34
|
-
borderRadius = _ref.borderRadius
|
|
34
|
+
borderRadius = _ref.borderRadius,
|
|
35
|
+
avatarImage = _ref.avatarImage;
|
|
35
36
|
var name = (0, _react.useMemo)(function () {
|
|
36
37
|
return nickName ? nickName.trim() : nickName;
|
|
37
38
|
}, [nickName]);
|
|
@@ -40,6 +41,19 @@ var FcrAvatar = exports.FcrAvatar = function FcrAvatar(_ref) {
|
|
|
40
41
|
_splitName2 = (0, _slicedToArray2["default"])(_splitName, 2),
|
|
41
42
|
first = _splitName2[0],
|
|
42
43
|
last = _splitName2[1];
|
|
44
|
+
var _useState = (0, _react.useState)(false),
|
|
45
|
+
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
46
|
+
imgLoaded = _useState2[0],
|
|
47
|
+
setImgLoaded = _useState2[1];
|
|
48
|
+
(0, _react.useEffect)(function () {
|
|
49
|
+
if (avatarImage) {
|
|
50
|
+
var img = new Image();
|
|
51
|
+
img.src = avatarImage;
|
|
52
|
+
img.onload = function () {
|
|
53
|
+
setImgLoaded(true);
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
}, [avatarImage]);
|
|
43
57
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
44
58
|
onClick: onClick,
|
|
45
59
|
className: "fcr-avatar",
|
|
@@ -50,7 +64,11 @@ var FcrAvatar = exports.FcrAvatar = function FcrAvatar(_ref) {
|
|
|
50
64
|
fontSize: textSize,
|
|
51
65
|
borderRadius: borderRadius || ''
|
|
52
66
|
},
|
|
53
|
-
children: !!icon ? icon : /*#__PURE__*/(0, _jsxRuntime.jsx)("
|
|
67
|
+
children: !!icon ? icon : avatarImage && imgLoaded ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
68
|
+
className: "fcr-avatar-img",
|
|
69
|
+
src: avatarImage,
|
|
70
|
+
alt: "avatar"
|
|
71
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
54
72
|
children: isShowFirstLetter ? first : "".concat(first).concat(last)
|
|
55
73
|
})
|
|
56
74
|
});
|
|
@@ -125,6 +125,7 @@ var FcrButton = exports.FcrButton = function FcrButton(props) {
|
|
|
125
125
|
})
|
|
126
126
|
}))
|
|
127
127
|
}), (loading || postIcon) && !extra && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
128
|
+
className: "fcr-button-icon-wrapper",
|
|
128
129
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, _objectSpread({
|
|
129
130
|
className: (0, _classnames["default"])('fcr-button-icon fcr-button-posticon', {
|
|
130
131
|
'fcr-button-loading': loading
|
|
@@ -19,7 +19,6 @@ require("core-js/modules/web.timers.js");
|
|
|
19
19
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
20
20
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
21
|
var _button = require("../button");
|
|
22
|
-
var _dialog = require("../dialog");
|
|
23
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
24
23
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
25
24
|
var LoginConfirmDialog = exports.LoginConfirmDialog = function LoginConfirmDialog(_ref) {
|
|
@@ -43,7 +42,6 @@ var LoginConfirmDialog = exports.LoginConfirmDialog = function LoginConfirmDialo
|
|
|
43
42
|
if (countDown === 0) {
|
|
44
43
|
clearInterval(timer);
|
|
45
44
|
onConfirm && onConfirm();
|
|
46
|
-
_dialog.FcrDialogApi.close(id);
|
|
47
45
|
}
|
|
48
46
|
setCountDown(countDown - 1);
|
|
49
47
|
}, 1000);
|
|
@@ -73,7 +71,6 @@ var LoginConfirmDialog = exports.LoginConfirmDialog = function LoginConfirmDialo
|
|
|
73
71
|
shape: "rounded",
|
|
74
72
|
onClick: function onClick() {
|
|
75
73
|
onConfirm && onConfirm();
|
|
76
|
-
_dialog.FcrDialogApi.close(id);
|
|
77
74
|
},
|
|
78
75
|
children: [btnTxt, isShowCoutDown && "(".concat(countDown, "s)")]
|
|
79
76
|
})
|
|
@@ -107,12 +107,15 @@
|
|
|
107
107
|
|
|
108
108
|
.fcr-confirm-content-footer__center {
|
|
109
109
|
justify-content: center;
|
|
110
|
+
display: flex;
|
|
110
111
|
}
|
|
111
|
-
|
|
112
|
-
|
|
112
|
+
|
|
113
|
+
.fcr-confirm-content-footer__center button {
|
|
114
|
+
flex-grow: 1;
|
|
113
115
|
}
|
|
114
|
-
|
|
115
|
-
|
|
116
|
+
|
|
117
|
+
.fcr-confirm-content-footer__center button div:not(.fcr-button-icon-wrapper) {
|
|
118
|
+
max-width: 94px;
|
|
116
119
|
height: 30px;
|
|
117
120
|
overflow: hidden;
|
|
118
121
|
line-height: 30px;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.viewBox = exports.path = void 0;
|
|
9
|
+
var _react = _interopRequireDefault(require("react"));
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
var path = exports.path = function path(_ref) {
|
|
12
|
+
var iconPrimary = _ref.iconPrimary;
|
|
13
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
|
|
14
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
15
|
+
d: "M20.4519 26.5578H14.5617C13.7926 26.5578 13.2621 25.788 13.5358 25.0698L19.3888 9.70683C19.4679 9.49898 19.6084 9.3201 19.7915 9.19387C19.9747 9.06764 20.1918 9.00003 20.4143 9H30.2909C31.0702 9 31.6014 9.78952 31.3072 10.5113L27.8993 18.8763H34.3149C35.2585 18.8763 35.7619 19.9885 35.1396 20.6975L19.41 38.6208C18.6453 39.4922 17.2277 38.7371 17.5244 37.6165L20.4519 26.5578Z",
|
|
16
|
+
fill: iconPrimary
|
|
17
|
+
})
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
var viewBox = exports.viewBox = '0 0 48 48';
|
|
@@ -14,7 +14,7 @@ var path = exports.path = function path(_ref) {
|
|
|
14
14
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
15
15
|
fillRule: "evenodd",
|
|
16
16
|
clipRule: "evenodd",
|
|
17
|
-
d: "M10.5417 15.7208C13.402 15.7208 15.7208 13.402 15.7208 10.5417C15.7208 7.68129 13.402 5.3625 10.5417 5.3625C7.68129 5.3625 5.3625 7.68129 5.3625 10.5417C5.3625 13.402 7.68129 15.7208 10.5417 15.
|
|
17
|
+
d: "M10.5417 15.7208C13.402 15.7208 15.7208 13.402 15.7208 10.5417C15.7208 7.68129 13.402 5.3625 10.5417 5.3625C7.68129 5.3625 5.3625 7.68129 5.3625 10.5417C5.3625 13.402 7.68129 15.7208 10.5417 15.7208ZM10.5417 16.9583C12.0659 16.9583 13.4661 16.4269 14.5668 15.5391L17.3889 18.3611L18.3611 17.3889L15.5391 14.5668C16.4269 13.4661 16.9583 12.0659 16.9583 10.5417C16.9583 6.99784 14.0855 4.125 10.5417 4.125C6.99784 4.125 4.125 6.99784 4.125 10.5417C4.125 14.0855 6.99784 16.9583 10.5417 16.9583ZM13.2917 11.4583V10.0833H7.79167V11.4583H13.2917Z",
|
|
18
18
|
fill: iconPrimary
|
|
19
19
|
})
|
|
20
20
|
});
|
|
@@ -14,7 +14,7 @@ var path = exports.path = function path(_ref) {
|
|
|
14
14
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
15
15
|
fillRule: "evenodd",
|
|
16
16
|
clipRule: "evenodd",
|
|
17
|
-
d: "M10.5417 15.7208C13.402 15.7208 15.7208 13.402 15.7208 10.5417C15.7208 7.68129 13.402 5.3625 10.5417 5.3625C7.68129 5.3625 5.3625 7.68129 5.3625 10.5417C5.3625 13.402 7.68129 15.7208 10.5417 15.
|
|
17
|
+
d: "M10.5417 15.7208C13.402 15.7208 15.7208 13.402 15.7208 10.5417C15.7208 7.68129 13.402 5.3625 10.5417 5.3625C7.68129 5.3625 5.3625 7.68129 5.3625 10.5417C5.3625 13.402 7.68129 15.7208 10.5417 15.7208ZM15.5391 14.5668C16.4269 13.4661 16.9583 12.0659 16.9583 10.5417C16.9583 6.99784 14.0855 4.125 10.5417 4.125C6.99784 4.125 4.125 6.99784 4.125 10.5417C4.125 14.0855 6.99784 16.9583 10.5417 16.9583C12.0659 16.9583 13.4661 16.4269 14.5668 15.5391L17.3889 18.3611L18.3611 17.3889L15.5391 14.5668ZM11.2292 9.85417V8.02083H9.85417V9.85417H8.02083V11.2292H9.85417V13.0625H11.2292V11.2292H13.0625V9.85417H11.2292Z",
|
|
18
18
|
fill: iconPrimary
|
|
19
19
|
})
|
|
20
20
|
});
|
|
@@ -314,3 +314,4 @@ export * as fcr_share_sound from './paths/fcr_share_sound';
|
|
|
314
314
|
export * as fcr_color from './paths/fcr_color';
|
|
315
315
|
export * as fcr_jbh from './paths/fcr_jbh';
|
|
316
316
|
export * as fcr_jbh_invite from './paths/fcr_jbh_invite';
|
|
317
|
+
export * as fcr_home_quickstart from './paths/fcr_home_quickstart';
|
|
@@ -13,10 +13,10 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", {
|
|
14
14
|
value: true
|
|
15
15
|
});
|
|
16
|
-
exports.
|
|
17
|
-
exports.
|
|
18
|
-
exports.
|
|
19
|
-
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 = void 0;
|
|
16
|
+
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_jbh_invite = exports.fcr_jbh = exports.fcr_interpretation2 = exports.fcr_host2 = exports.fcr_host = exports.fcr_home_quickstart = exports.fcr_home_code2 = exports.fcr_hidevideo = exports.fcr_helpquestion = exports.fcr_head = exports.fcr_grid_big = exports.fcr_gototop = 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_download2 = exports.fcr_download = exports.fcr_down1 = exports.fcr_down = exports.fcr_deviceaudioon = exports.fcr_deviceaudiooff = exports.fcr_delete5 = exports.fcr_delete4 = exports.fcr_delete3 = exports.fcr_defaultpage = exports.fcr_countdown_up = exports.fcr_countdown_down = exports.fcr_copy_icon = exports.fcr_copy2 = exports.fcr_copy = exports.fcr_computerdata = exports.fcr_color = exports.fcr_colon = exports.fcr_cohost2 = exports.fcr_cohost1 = exports.fcr_cloudrecord = exports.fcr_closed = exports.fcr_close2 = 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 = exports.chevron_right = exports.chat_private = void 0;
|
|
17
|
+
exports.fcr_showvideo2 = exports.fcr_showvideo = exports.fcr_sharingbar_up = exports.fcr_sharingbar_down = exports.fcr_share_sound = exports.fcr_share = exports.fcr_setting_teacher = exports.fcr_setting_none = exports.fcr_setting_meetingassistant = exports.fcr_setting2 = 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_rename2 = 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_pensize3_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_moreapp = exports.fcr_more2 = exports.fcr_mobile_whiteboard_undo = exports.fcr_mobile_whiteboard_redo = 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_cameraoff2 = exports.fcr_mobile_camera2 = exports.fcr_mobile_arrow_left = 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_live2 = exports.fcr_live = exports.fcr_list_on_top_big = void 0;
|
|
18
|
+
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_ped5 = exports.fcr_whiteboard_ped4 = 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_laserpen3 = exports.fcr_whiteboard_laserpen2 = exports.fcr_whiteboard_laserpen1 = exports.fcr_whiteboard_laserpen = exports.fcr_whiteboard_forward = exports.fcr_whiteboard_expand2 = exports.fcr_whiteboard_eraser2 = 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_videorotation2 = 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 = 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_translanguage = 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_simultaneousinterpretation_on = exports.fcr_simultaneousinterpretation_off = void 0;
|
|
19
|
+
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 = void 0;
|
|
20
20
|
var _chat_private = _interopRequireWildcard(require("./paths/chat_private"));
|
|
21
21
|
exports.chat_private = _chat_private;
|
|
22
22
|
var _chevron_right = _interopRequireWildcard(require("./paths/chevron_right"));
|
|
@@ -649,4 +649,6 @@ var _fcr_jbh = _interopRequireWildcard(require("./paths/fcr_jbh"));
|
|
|
649
649
|
exports.fcr_jbh = _fcr_jbh;
|
|
650
650
|
var _fcr_jbh_invite = _interopRequireWildcard(require("./paths/fcr_jbh_invite"));
|
|
651
651
|
exports.fcr_jbh_invite = _fcr_jbh_invite;
|
|
652
|
+
var _fcr_home_quickstart = _interopRequireWildcard(require("./paths/fcr_home_quickstart"));
|
|
653
|
+
exports.fcr_home_quickstart = _fcr_home_quickstart;
|
|
652
654
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
@@ -322,5 +322,6 @@ var FcrIconType = exports.FcrIconType = /*#__PURE__*/function (FcrIconType) {
|
|
|
322
322
|
FcrIconType["FCR_JBH"] = "fcr_jbh";
|
|
323
323
|
FcrIconType["FCR_JBH_INVITE"] = "fcr_jbh_invite";
|
|
324
324
|
FcrIconType["FCR_COLOR"] = "fcr_color";
|
|
325
|
+
FcrIconType["FCR_HOME_QUICKSTART"] = "fcr_home_quickstart";
|
|
325
326
|
return FcrIconType;
|
|
326
327
|
}({});
|
|
@@ -82,9 +82,10 @@ var LineCopyButton = exports.LineCopyButton = /*#__PURE__*/(0, _react.forwardRef
|
|
|
82
82
|
iconPositionLeft = _useState6[0],
|
|
83
83
|
setIconPositionLeft = _useState6[1];
|
|
84
84
|
var btnMargin = 8;
|
|
85
|
+
var avatarWidth = 34;
|
|
85
86
|
(0, _react.useEffect)(function () {
|
|
86
87
|
if (divRef.current) {
|
|
87
|
-
var _msgBubbleDiv$clientH, _msgBubbleDiv$clientW, _moreBtn$clientHeight, _moreBtn$clientWidth,
|
|
88
|
+
var _msgBubbleDiv$clientH, _msgBubbleDiv$clientW, _moreBtn$clientHeight, _moreBtn$clientWidth, _lineMsgView$clientWi, _lineMsgView$clientWi2, _lineMsgView$parentEl, _virtualListContainer;
|
|
88
89
|
// Message bubble
|
|
89
90
|
var msgBubbleDiv = divRef.current.parentElement;
|
|
90
91
|
var msgBubbleHeight = (_msgBubbleDiv$clientH = msgBubbleDiv === null || msgBubbleDiv === void 0 ? void 0 : msgBubbleDiv.clientHeight) !== null && _msgBubbleDiv$clientH !== void 0 ? _msgBubbleDiv$clientH : 0;
|
|
@@ -97,11 +98,12 @@ var LineCopyButton = exports.LineCopyButton = /*#__PURE__*/(0, _react.forwardRef
|
|
|
97
98
|
setIconPositionTop(msgBubbleHeight ? (msgBubbleHeight - moreBtnHeight) / 2 : 0);
|
|
98
99
|
|
|
99
100
|
// Message list Item
|
|
100
|
-
var lineMsgView =
|
|
101
|
-
var msgLineWidth = (_lineMsgView$clientWi = lineMsgView === null || lineMsgView === void 0 ? void 0 : lineMsgView.clientWidth) !== null && _lineMsgView$clientWi !== void 0 ? _lineMsgView$clientWi : 0;
|
|
102
|
-
var
|
|
101
|
+
var lineMsgView = divRef.current.parentElement;
|
|
102
|
+
var msgLineWidth = direction === 'left' ? (_lineMsgView$clientWi = lineMsgView === null || lineMsgView === void 0 ? void 0 : lineMsgView.clientWidth) !== null && _lineMsgView$clientWi !== void 0 ? _lineMsgView$clientWi : 0 : ((_lineMsgView$clientWi2 = lineMsgView === null || lineMsgView === void 0 ? void 0 : lineMsgView.clientWidth) !== null && _lineMsgView$clientWi2 !== void 0 ? _lineMsgView$clientWi2 : 0) + avatarWidth;
|
|
103
|
+
var virtualListContainer = lineMsgView === null || lineMsgView === void 0 || (_lineMsgView$parentEl = lineMsgView.parentElement) === null || _lineMsgView$parentEl === void 0 || (_lineMsgView$parentEl = _lineMsgView$parentEl.parentElement) === null || _lineMsgView$parentEl === void 0 || (_lineMsgView$parentEl = _lineMsgView$parentEl.parentElement) === null || _lineMsgView$parentEl === void 0 || (_lineMsgView$parentEl = _lineMsgView$parentEl.parentElement) === null || _lineMsgView$parentEl === void 0 ? void 0 : _lineMsgView$parentEl.parentElement;
|
|
104
|
+
var listContainerWidth = (_virtualListContainer = virtualListContainer === null || virtualListContainer === void 0 ? void 0 : virtualListContainer.clientWidth) !== null && _virtualListContainer !== void 0 ? _virtualListContainer : 0;
|
|
103
105
|
var currentEmbed = false;
|
|
104
|
-
if (
|
|
106
|
+
if (msgLineWidth + moreBtnWidth + btnMargin > listContainerWidth - (parentMarginL + parentMarginR)) {
|
|
105
107
|
currentEmbed = true;
|
|
106
108
|
} else {
|
|
107
109
|
currentEmbed = false;
|
|
@@ -21,6 +21,7 @@ export interface LocalVideoPlayerProps {
|
|
|
21
21
|
handleVideoViewChange?: (key: VideoViewType) => void;
|
|
22
22
|
currentVideoViewType?: VideoViewType;
|
|
23
23
|
showRotation?: boolean;
|
|
24
|
+
avatarImage?: string;
|
|
24
25
|
}
|
|
25
26
|
export declare const LocalVideoPlayer: React.FC<LocalVideoPlayerProps>;
|
|
26
27
|
export declare const VideoOrientation: React.FC<{
|
|
@@ -48,7 +48,8 @@ var LocalVideoPlayer = exports.LocalVideoPlayer = function LocalVideoPlayer(_ref
|
|
|
48
48
|
_ref$currentVideoView = _ref.currentVideoViewType,
|
|
49
49
|
currentVideoViewType = _ref$currentVideoView === void 0 ? VideoViewType.SELFIE_VIEW : _ref$currentVideoView,
|
|
50
50
|
_ref$showRotation = _ref.showRotation,
|
|
51
|
-
showRotation = _ref$showRotation === void 0 ? true : _ref$showRotation
|
|
51
|
+
showRotation = _ref$showRotation === void 0 ? true : _ref$showRotation,
|
|
52
|
+
avatarImage = _ref.avatarImage;
|
|
52
53
|
var ns = (0, _useNamespace.useNamespace)('device-settings-video');
|
|
53
54
|
var frameNs = (0, _useNamespace.useNamespace)('device-settings-video-player');
|
|
54
55
|
var t = (0, _i18n.useI18n)();
|
|
@@ -75,7 +76,8 @@ var LocalVideoPlayer = exports.LocalVideoPlayer = function LocalVideoPlayer(_ref
|
|
|
75
76
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
|
|
76
77
|
size: 80,
|
|
77
78
|
textSize: 24,
|
|
78
|
-
nickName: userName || ''
|
|
79
|
+
nickName: userName || '',
|
|
80
|
+
avatarImage: avatarImage
|
|
79
81
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
80
82
|
className: ns.e('view-select'),
|
|
81
83
|
children: [showTopTips && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -62,9 +62,7 @@ var MultiSelect = exports.MultiSelect = function MultiSelect(_ref) {
|
|
|
62
62
|
} : {}),
|
|
63
63
|
children: [tipsVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
64
64
|
className: "fcr-multi-select-tips",
|
|
65
|
-
children: t('
|
|
66
|
-
cnt: MAX_SELECT_CNT
|
|
67
|
-
})
|
|
65
|
+
children: t('fmt_chat_toast_select_more_error')
|
|
68
66
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
|
|
69
67
|
txt: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
70
68
|
className: "fcr-multi-select-content",
|
|
@@ -12,6 +12,7 @@ export interface User {
|
|
|
12
12
|
audioDeviceType: 'none' | 'computer-mic' | 'phone-mic';
|
|
13
13
|
videoDeviceType: 'none' | 'computer-cam';
|
|
14
14
|
userType: 'normal' | 'phone' | 'meeting-system';
|
|
15
|
+
hideAudioConnectIcon: boolean;
|
|
15
16
|
volume?: number;
|
|
16
17
|
userRole?: number;
|
|
17
18
|
isSpotlight?: boolean;
|
|
@@ -8,5 +8,6 @@ export interface ShareAudioProps {
|
|
|
8
8
|
currentAudioChannel?: AudioProcessingChannel;
|
|
9
9
|
onSwitchAudioChannel?: (target: AudioProcessingChannel) => void;
|
|
10
10
|
toggleShareWithAudio?: (target: boolean) => void;
|
|
11
|
+
showInfoTip?: boolean;
|
|
11
12
|
}
|
|
12
13
|
export declare const ShareAudio: (props: ShareAudioProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -51,7 +51,9 @@ var ShareAudio = exports.ShareAudio = function ShareAudio(props) {
|
|
|
51
51
|
var shareWithAudio = props.shareWithAudio,
|
|
52
52
|
_props$currentAudioCh = props.currentAudioChannel,
|
|
53
53
|
currentAudioChannel = _props$currentAudioCh === void 0 ? AudioProcessingChannel.MONO : _props$currentAudioCh,
|
|
54
|
-
toggleShareWithAudio = props.toggleShareWithAudio
|
|
54
|
+
toggleShareWithAudio = props.toggleShareWithAudio,
|
|
55
|
+
_props$showInfoTip = props.showInfoTip,
|
|
56
|
+
showInfoTip = _props$showInfoTip === void 0 ? false : _props$showInfoTip;
|
|
55
57
|
var _React$useState = _react["default"].useState(false),
|
|
56
58
|
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
57
59
|
popoverVisible = _React$useState2[0],
|
|
@@ -115,7 +117,24 @@ var ShareAudio = exports.ShareAudio = function ShareAudio(props) {
|
|
|
115
117
|
}
|
|
116
118
|
})
|
|
117
119
|
})
|
|
118
|
-
})
|
|
120
|
+
}), showInfoTip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
|
|
121
|
+
mouseEnterDelay: 0,
|
|
122
|
+
trigger: "hover",
|
|
123
|
+
placement: "top",
|
|
124
|
+
content: t('fmt_screenshare_tips_share_pc_sound'),
|
|
125
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
126
|
+
style: {
|
|
127
|
+
marginLeft: '6px'
|
|
128
|
+
},
|
|
129
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
|
|
130
|
+
type: _type.FcrIconType.FCR_EXCLAMATIONMASK,
|
|
131
|
+
size: 20,
|
|
132
|
+
colors: {
|
|
133
|
+
iconPrimary: 'var(--fcr_ui_scene_icontext1)'
|
|
134
|
+
}
|
|
135
|
+
})
|
|
136
|
+
})
|
|
137
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})]
|
|
119
138
|
});
|
|
120
139
|
};
|
|
121
140
|
var ShareAudioOptions = function ShareAudioOptions(props) {
|
|
@@ -186,7 +186,7 @@
|
|
|
186
186
|
.fcr-select-wrapper {
|
|
187
187
|
position: relative;
|
|
188
188
|
}
|
|
189
|
-
.fcr-
|
|
189
|
+
.fcr-select__tag {
|
|
190
190
|
position: absolute;
|
|
191
191
|
background: var(--fcr_ui_scene_ramp_orange6);
|
|
192
192
|
right: 0;
|
|
@@ -196,5 +196,8 @@
|
|
|
196
196
|
color: var(--fcr_ui_scene_white10);
|
|
197
197
|
border-radius: 4px;
|
|
198
198
|
border-top-right-radius: 8px;
|
|
199
|
+
z-index: 99;
|
|
200
|
+
}
|
|
201
|
+
.fcr-select__tag--focused {
|
|
199
202
|
z-index: 999;
|
|
200
203
|
}
|
|
@@ -170,6 +170,12 @@ var FcrSelect = exports.FcrSelect = function FcrSelect(_ref) {
|
|
|
170
170
|
'fcr-select--disabled': disabled
|
|
171
171
|
})
|
|
172
172
|
}) : valueDom;
|
|
173
|
+
var tagEle = tag && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
174
|
+
className: (0, _classnames["default"])('fcr-select__tag', {
|
|
175
|
+
'fcr-select__tag--focused': focused
|
|
176
|
+
}),
|
|
177
|
+
children: tag
|
|
178
|
+
});
|
|
173
179
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
174
180
|
className: wrapperCls,
|
|
175
181
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
@@ -188,7 +194,7 @@ var FcrSelect = exports.FcrSelect = function FcrSelect(_ref) {
|
|
|
188
194
|
type: _type.FcrIconType.FCR_DROPDOWN,
|
|
189
195
|
size: 24
|
|
190
196
|
})]
|
|
191
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
|
|
197
|
+
}), !focused && tagEle, /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
|
|
192
198
|
className: optionsCls,
|
|
193
199
|
children: filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions.map(function (option) {
|
|
194
200
|
var text = option.text,
|
|
@@ -214,9 +220,6 @@ var FcrSelect = exports.FcrSelect = function FcrSelect(_ref) {
|
|
|
214
220
|
}, ov);
|
|
215
221
|
})
|
|
216
222
|
})]
|
|
217
|
-
}),
|
|
218
|
-
className: "fcr-simultaneous-interpretation__select-user-tag",
|
|
219
|
-
children: tag
|
|
220
|
-
})]
|
|
223
|
+
}), focused && tagEle]
|
|
221
224
|
});
|
|
222
225
|
};
|
|
@@ -45,10 +45,12 @@ var FrcTooltipButton = exports.FrcTooltipButton = function FrcTooltipButton(prop
|
|
|
45
45
|
popoverPlacement = _props$popover2$place === void 0 ? 'top' : _props$popover2$place,
|
|
46
46
|
popoverContent = _props$popover2.content,
|
|
47
47
|
onVisibleChange = _props$popover2.onVisibleChange,
|
|
48
|
+
_props$popover2$visib = _props$popover2.visible,
|
|
49
|
+
visible = _props$popover2$visib === void 0 ? false : _props$popover2$visib,
|
|
48
50
|
_props$onTooltipButto = props.onTooltipButtonClick,
|
|
49
51
|
onTooltipButtonClick = _props$onTooltipButto === void 0 ? function () {} : _props$onTooltipButto,
|
|
50
52
|
children = props.children;
|
|
51
|
-
var _React$useState = _react["default"].useState(
|
|
53
|
+
var _React$useState = _react["default"].useState(visible),
|
|
52
54
|
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
|
53
55
|
popoverVisible = _React$useState2[0],
|
|
54
56
|
setVisible = _React$useState2[1];
|
|
@@ -56,6 +58,9 @@ var FrcTooltipButton = exports.FrcTooltipButton = function FrcTooltipButton(prop
|
|
|
56
58
|
setVisible(visible);
|
|
57
59
|
onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(visible);
|
|
58
60
|
};
|
|
61
|
+
(0, _react.useEffect)(function () {
|
|
62
|
+
setVisible(visible);
|
|
63
|
+
}, [visible]);
|
|
59
64
|
(0, _react.useEffect)(function () {
|
|
60
65
|
function handleBlur(event) {
|
|
61
66
|
setVisible(false);
|
|
@@ -206,6 +206,7 @@ export declare class FcrUILightColors {
|
|
|
206
206
|
fcrWebLightDropupL: string;
|
|
207
207
|
fcrWebLightDropupM: string;
|
|
208
208
|
fcrWebLightDropupS: string;
|
|
209
|
+
fcrWaitingRoomBg: string;
|
|
209
210
|
}
|
|
210
211
|
export declare class FcrUIDarkColors {
|
|
211
212
|
fcrMobileUiSceneFill1: string;
|
|
@@ -406,6 +407,7 @@ export declare class FcrUIDarkColors {
|
|
|
406
407
|
fcrWebLightDropupL: string;
|
|
407
408
|
fcrWebLightDropupM: string;
|
|
408
409
|
fcrWebLightDropupS: string;
|
|
410
|
+
fcrWaitingRoomBg: string;
|
|
409
411
|
}
|
|
410
412
|
export declare class FcrUIRadius {
|
|
411
413
|
fcrCornerradiusXxxl: number;
|
|
@@ -220,6 +220,7 @@ var FcrUILightColors = exports.FcrUILightColors = /*#__PURE__*/(0, _createClass2
|
|
|
220
220
|
(0, _defineProperty2["default"])(this, "fcrWebLightDropupL", '0px 0px 15px 10px rgba(143, 143, 143, 0.20)');
|
|
221
221
|
(0, _defineProperty2["default"])(this, "fcrWebLightDropupM", '0px 0px 15px 0px rgba(143, 143, 143, 0.15)');
|
|
222
222
|
(0, _defineProperty2["default"])(this, "fcrWebLightDropupS", '0px 0px 4px 0px rgba(0, 0, 0, 0.25)');
|
|
223
|
+
(0, _defineProperty2["default"])(this, "fcrWaitingRoomBg", 'linear-gradient(112deg, #faedff 1.3%, #e6f8fc 98.11%)');
|
|
223
224
|
});
|
|
224
225
|
var FcrUIDarkColors = exports.FcrUIDarkColors = /*#__PURE__*/(0, _createClass2["default"])(function FcrUIDarkColors() {
|
|
225
226
|
(0, _classCallCheck2["default"])(this, FcrUIDarkColors);
|
|
@@ -421,6 +422,7 @@ var FcrUIDarkColors = exports.FcrUIDarkColors = /*#__PURE__*/(0, _createClass2["
|
|
|
421
422
|
(0, _defineProperty2["default"])(this, "fcrWebLightDropupL", '0px 0px 15px 0px rgba(143, 143, 143, 0.2)');
|
|
422
423
|
(0, _defineProperty2["default"])(this, "fcrWebLightDropupM", '0px 2px 50px 5px rgba(143, 143, 143, 0.2)');
|
|
423
424
|
(0, _defineProperty2["default"])(this, "fcrWebLightDropupS", '0px 2px 8px 5px rgba(255, 255, 255, 0.1)');
|
|
425
|
+
(0, _defineProperty2["default"])(this, "fcrWaitingRoomBg", 'linear-gradient(112deg, #5F73E7 1.3%, #323452 98.11%)');
|
|
424
426
|
});
|
|
425
427
|
var FcrUIRadius = exports.FcrUIRadius = /*#__PURE__*/(0, _createClass2["default"])(function FcrUIRadius() {
|
|
426
428
|
(0, _classCallCheck2["default"])(this, FcrUIRadius);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "agora-ui-foundation",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.7.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@react-spring/web": "^9.7.3",
|
|
14
14
|
"@use-gesture/react": "^10.3.1",
|
|
15
|
-
"agora-foundation": "~3.
|
|
15
|
+
"agora-foundation": "~3.7.1",
|
|
16
16
|
"classnames": "^2.5.1",
|
|
17
17
|
"i18next": "^23.10.1",
|
|
18
18
|
"normalize.css": "^8.0.1",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@types/react-virtualized": "^9.21.30",
|
|
52
52
|
"@types/tinycolor2": "^1.4.6",
|
|
53
53
|
"@types/webpack-env": "^1.18.4",
|
|
54
|
-
"agora-toolchain": "~3.
|
|
54
|
+
"agora-toolchain": "~3.7.1",
|
|
55
55
|
"core-js": "^3.33.3",
|
|
56
56
|
"eslint": "^9.0.0",
|
|
57
57
|
"node-html-parser": "^6.1.13",
|