@plaso-infi/whiteboard-sdk 0.1.0 → 0.1.2
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/dist/{esm/AgoraRTC_N-production-352b5c4e.js → cjs/AgoraRTC_N-production-affa1266.js} +2 -2
- package/dist/cjs/index-838898bd.js +89 -0
- package/dist/cjs/{index-1c39eb19-c3835718.js → index-c989d960-bc95e22c.js} +1 -1
- package/dist/cjs/index.css +480 -12
- package/dist/cjs/index.d.ts +68 -5
- package/dist/cjs/index.js +1 -1
- package/dist/{cjs/AgoraRTC_N-production-32ad0b25.js → esm/AgoraRTC_N-production-a14837dc.js} +2 -2
- package/dist/esm/index-c5cc59ae.js +89 -0
- package/dist/esm/{index-1c39eb19-a777821c.js → index-c989d960-c4347f20.js} +1 -1
- package/dist/esm/index.css +480 -12
- package/dist/esm/index.d.ts +68 -5
- package/dist/esm/index.js +1 -1
- package/package.json +5 -4
- package/dist/cjs/index-ae933cc5.js +0 -72
- package/dist/esm/index-d2b67f88.js +0 -72
- /package/dist/cjs/{hls-8eb36f20-e3060db9.js → hls-36c986dd-abad5f20.js} +0 -0
- /package/dist/cjs/{pdf_lib-1570a906-87eaf752.js → pdf_lib-b79bbc31-e7be60df.js} +0 -0
- /package/dist/esm/{hls-8eb36f20-81d85dcd.js → hls-36c986dd-7b22a1d3.js} +0 -0
- /package/dist/esm/{pdf_lib-1570a906-84ff3953.js → pdf_lib-b79bbc31-df93a3f6.js} +0 -0
package/dist/esm/index.css
CHANGED
|
@@ -5256,6 +5256,54 @@
|
|
|
5256
5256
|
.paginatorRoot_2zLaL .widget_21_1j .paginator_1NoBo input:focus {
|
|
5257
5257
|
background: black;
|
|
5258
5258
|
}
|
|
5259
|
+
.insertExcelChooseModalBox_1ojyh {
|
|
5260
|
+
width: 480px;
|
|
5261
|
+
height: 346px;
|
|
5262
|
+
border-radius: 12px;
|
|
5263
|
+
padding: 24px;
|
|
5264
|
+
background-color: #fff;
|
|
5265
|
+
position: absolute;
|
|
5266
|
+
top: 50%;
|
|
5267
|
+
left: 50%;
|
|
5268
|
+
transform: translate(-50%, -50%);
|
|
5269
|
+
}
|
|
5270
|
+
.insertExcelChooseModalBox_1ojyh .titleRow_2LXkd {
|
|
5271
|
+
font-size: 20px;
|
|
5272
|
+
font-weight: 500;
|
|
5273
|
+
margin-bottom: 12px;
|
|
5274
|
+
}
|
|
5275
|
+
.insertExcelChooseModalBox_1ojyh .iconRow_1FN7k {
|
|
5276
|
+
margin-bottom: 24px;
|
|
5277
|
+
}
|
|
5278
|
+
.insertExcelChooseModalBox_1ojyh .iconRow_1FN7k .item_3VxJ- {
|
|
5279
|
+
display: inline-block;
|
|
5280
|
+
}
|
|
5281
|
+
.insertExcelChooseModalBox_1ojyh .iconRow_1FN7k .item_3VxJ- .bg_3p6EL {
|
|
5282
|
+
width: 210px;
|
|
5283
|
+
margin-bottom: 12px;
|
|
5284
|
+
}
|
|
5285
|
+
.insertExcelChooseModalBox_1ojyh .iconRow_1FN7k .item_3VxJ- .btn_3isDD {
|
|
5286
|
+
width: 100px;
|
|
5287
|
+
height: 36px;
|
|
5288
|
+
color: #fff;
|
|
5289
|
+
font-size: 14px;
|
|
5290
|
+
background-color: #2e73e5;
|
|
5291
|
+
line-height: 36px;
|
|
5292
|
+
text-align: center;
|
|
5293
|
+
border-radius: 4px;
|
|
5294
|
+
margin: auto;
|
|
5295
|
+
cursor: pointer;
|
|
5296
|
+
}
|
|
5297
|
+
.insertExcelChooseModalBox_1ojyh .iconRow_1FN7k .item_3VxJ- .btn_3isDD:hover {
|
|
5298
|
+
opacity: 0.7;
|
|
5299
|
+
}
|
|
5300
|
+
.insertExcelChooseModalBox_1ojyh .iconRow_1FN7k .item_3VxJ-.first_3oz8Y {
|
|
5301
|
+
margin-right: 12px;
|
|
5302
|
+
}
|
|
5303
|
+
.insertExcelChooseModalBox_1ojyh .descRow_1WJuM {
|
|
5304
|
+
color: #616371;
|
|
5305
|
+
font-size: 14px;
|
|
5306
|
+
}
|
|
5259
5307
|
.do-hovers .paginatorRoot_2zLaL .arrow_YQx8_:hover {
|
|
5260
5308
|
background: rgba(255, 255, 255, 0.1);
|
|
5261
5309
|
}
|
|
@@ -7662,6 +7710,9 @@
|
|
|
7662
7710
|
margin-bottom: 8px;
|
|
7663
7711
|
position: relative;
|
|
7664
7712
|
}
|
|
7713
|
+
.viewerContainer_3f1Ay.imgContainer_2svvI {
|
|
7714
|
+
width: fit-content;
|
|
7715
|
+
}
|
|
7665
7716
|
.viewerContainer_3f1Ay .uploadCover_1xurO {
|
|
7666
7717
|
position: absolute;
|
|
7667
7718
|
top: 0;
|
|
@@ -8090,7 +8141,7 @@
|
|
|
8090
8141
|
}
|
|
8091
8142
|
.kanbanConfigWrapper_zrjFR .kanbanConfigContainer_2ZExP .kanbanMainContainer_fdqg- .kanbanOptionsList_1G7t2 {
|
|
8092
8143
|
border-right: 1px solid #e6e7e9;
|
|
8093
|
-
padding: 10px
|
|
8144
|
+
padding: 10px 4px 10px 24px;
|
|
8094
8145
|
overflow: hidden;
|
|
8095
8146
|
}
|
|
8096
8147
|
.kanbanConfigWrapper_zrjFR .kanbanConfigContainer_2ZExP .kanbanMainContainer_fdqg- .kanbanOptionsList_1G7t2 .kanbanOptionScroll_1Lp_7 {
|
|
@@ -10030,6 +10081,10 @@
|
|
|
10030
10081
|
padding: 0 8px;
|
|
10031
10082
|
white-space: nowrap;
|
|
10032
10083
|
text-align: center;
|
|
10084
|
+
cursor: pointer;
|
|
10085
|
+
}
|
|
10086
|
+
.slide_info_2fLBA:hover {
|
|
10087
|
+
color: #2E73E5;
|
|
10033
10088
|
}
|
|
10034
10089
|
|
|
10035
10090
|
.iconContainer_2evAK {
|
|
@@ -11397,6 +11452,45 @@
|
|
|
11397
11452
|
.requestMediaBox_HOoWc .actionRow_NMogH .confirm_1c35u:hover {
|
|
11398
11453
|
opacity: 0.7;
|
|
11399
11454
|
}
|
|
11455
|
+
.outMeetingModalBox_24pEe {
|
|
11456
|
+
width: 480px;
|
|
11457
|
+
height: 170px;
|
|
11458
|
+
border-radius: 12px;
|
|
11459
|
+
padding: 24px;
|
|
11460
|
+
padding-top: 30px;
|
|
11461
|
+
background-color: #fff;
|
|
11462
|
+
position: absolute;
|
|
11463
|
+
top: 50%;
|
|
11464
|
+
left: 50%;
|
|
11465
|
+
transform: translate(-50%, -50%);
|
|
11466
|
+
}
|
|
11467
|
+
.outMeetingModalBox_24pEe .headRow_2ZRHv {
|
|
11468
|
+
margin-bottom: 40px;
|
|
11469
|
+
}
|
|
11470
|
+
.outMeetingModalBox_24pEe .headRow_2ZRHv > svg {
|
|
11471
|
+
width: 28px;
|
|
11472
|
+
height: 28px;
|
|
11473
|
+
color: #ffa519;
|
|
11474
|
+
margin-right: 12px;
|
|
11475
|
+
position: relative;
|
|
11476
|
+
top: 7px;
|
|
11477
|
+
}
|
|
11478
|
+
.outMeetingModalBox_24pEe .actionRow_NMogH {
|
|
11479
|
+
text-align: right;
|
|
11480
|
+
}
|
|
11481
|
+
.outMeetingModalBox_24pEe .actionRow_NMogH .btn_1fd3R {
|
|
11482
|
+
display: inline-block;
|
|
11483
|
+
padding: 8px 20px;
|
|
11484
|
+
width: 104px;
|
|
11485
|
+
height: 40px;
|
|
11486
|
+
border-radius: 4px;
|
|
11487
|
+
background-color: #2e73e5;
|
|
11488
|
+
color: #fff;
|
|
11489
|
+
cursor: pointer;
|
|
11490
|
+
}
|
|
11491
|
+
.outMeetingModalBox_24pEe .actionRow_NMogH .btn_1fd3R:hover {
|
|
11492
|
+
opacity: 0.7;
|
|
11493
|
+
}
|
|
11400
11494
|
|
|
11401
11495
|
.phoneModal_3GV2w {
|
|
11402
11496
|
width: 278px;
|
|
@@ -12961,6 +13055,7 @@
|
|
|
12961
13055
|
flex-direction: column;
|
|
12962
13056
|
min-height: 96px;
|
|
12963
13057
|
transition: height 0.2s linear, top 0.2s linear, width ease-in-out 0.3s;
|
|
13058
|
+
position: relative;
|
|
12964
13059
|
background-color: var(--upime-pane-bg);
|
|
12965
13060
|
border-radius: 4px;
|
|
12966
13061
|
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
|
|
@@ -13001,6 +13096,12 @@
|
|
|
13001
13096
|
.toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV > svg {
|
|
13002
13097
|
transform: rotate(90deg);
|
|
13003
13098
|
}
|
|
13099
|
+
.toolbar_1Y3X_ .moreApps_4PfYv.fix_IYCjU {
|
|
13100
|
+
position: absolute;
|
|
13101
|
+
left: 0;
|
|
13102
|
+
right: 0;
|
|
13103
|
+
bottom: 8px;
|
|
13104
|
+
}
|
|
13004
13105
|
.toolbar_1Y3X_.waiting_2-djy .tool_2bEen {
|
|
13005
13106
|
visibility: hidden;
|
|
13006
13107
|
}
|
|
@@ -13034,6 +13135,35 @@
|
|
|
13034
13135
|
border: 1px solid #91939c;
|
|
13035
13136
|
color: #91939C;
|
|
13036
13137
|
}
|
|
13138
|
+
.dragableWrapper_X-HBJ {
|
|
13139
|
+
position: absolute;
|
|
13140
|
+
left: 0;
|
|
13141
|
+
}
|
|
13142
|
+
.dragableWrapper_X-HBJ .fakeIcon_3xaPw {
|
|
13143
|
+
position: absolute;
|
|
13144
|
+
top: 0;
|
|
13145
|
+
right: 0;
|
|
13146
|
+
bottom: 0;
|
|
13147
|
+
left: 0;
|
|
13148
|
+
z-index: -1;
|
|
13149
|
+
pointer-events: none;
|
|
13150
|
+
}
|
|
13151
|
+
.dragableWrapper_X-HBJ.ani_IKyBk {
|
|
13152
|
+
transition: all 0.15s;
|
|
13153
|
+
}
|
|
13154
|
+
.draggingIconContainer_UHpoY {
|
|
13155
|
+
position: fixed;
|
|
13156
|
+
z-index: 500;
|
|
13157
|
+
background-color: white;
|
|
13158
|
+
border-radius: 4px;
|
|
13159
|
+
width: 44px;
|
|
13160
|
+
height: 44px;
|
|
13161
|
+
display: flex;
|
|
13162
|
+
align-items: center;
|
|
13163
|
+
justify-content: center;
|
|
13164
|
+
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
|
|
13165
|
+
pointer-events: all;
|
|
13166
|
+
}
|
|
13037
13167
|
|
|
13038
13168
|
.pannel_25jDo {
|
|
13039
13169
|
z-index: 90;
|
|
@@ -13187,6 +13317,21 @@
|
|
|
13187
13317
|
flex-wrap: wrap;
|
|
13188
13318
|
justify-content: space-between;
|
|
13189
13319
|
align-content: space-between;
|
|
13320
|
+
overflow-y: auto;
|
|
13321
|
+
overflow-x: hidden;
|
|
13322
|
+
scrollbar-color: var(--upime-scrollbar-thumb) transparent;
|
|
13323
|
+
scrollbar-width: thin;
|
|
13324
|
+
}
|
|
13325
|
+
.stickerPannel_197ds::-webkit-scrollbar {
|
|
13326
|
+
width: 4px;
|
|
13327
|
+
}
|
|
13328
|
+
.stickerPannel_197ds::-webkit-scrollbar-track {
|
|
13329
|
+
border-radius: 5px;
|
|
13330
|
+
background-color: transparent;
|
|
13331
|
+
}
|
|
13332
|
+
.stickerPannel_197ds::-webkit-scrollbar-thumb {
|
|
13333
|
+
border-radius: 2px;
|
|
13334
|
+
background-color: var(--upime-scrollbar-thumb);
|
|
13190
13335
|
}
|
|
13191
13336
|
.stickerPannel_197ds .colorPannel_3gD_9 {
|
|
13192
13337
|
width: 40px;
|
|
@@ -13409,27 +13554,27 @@
|
|
|
13409
13554
|
background-position: center;
|
|
13410
13555
|
}
|
|
13411
13556
|
|
|
13412
|
-
.
|
|
13413
|
-
position: absolute;
|
|
13414
|
-
display: flex;
|
|
13415
|
-
flex-direction: column;
|
|
13416
|
-
left: 64px;
|
|
13557
|
+
.rootWrapper_3e8wh {
|
|
13417
13558
|
overflow-y: auto;
|
|
13418
|
-
|
|
13559
|
+
overflow-x: hidden;
|
|
13419
13560
|
scrollbar-color: var(--upime-scrollbar-thumb) transparent;
|
|
13420
13561
|
scrollbar-width: thin;
|
|
13421
13562
|
}
|
|
13422
|
-
.
|
|
13563
|
+
.rootWrapper_3e8wh::-webkit-scrollbar {
|
|
13423
13564
|
width: 4px;
|
|
13424
13565
|
}
|
|
13425
|
-
.
|
|
13566
|
+
.rootWrapper_3e8wh::-webkit-scrollbar-track {
|
|
13426
13567
|
border-radius: 5px;
|
|
13427
13568
|
background-color: transparent;
|
|
13428
13569
|
}
|
|
13429
|
-
.
|
|
13570
|
+
.rootWrapper_3e8wh::-webkit-scrollbar-thumb {
|
|
13430
13571
|
border-radius: 2px;
|
|
13431
13572
|
background-color: var(--upime-scrollbar-thumb);
|
|
13432
13573
|
}
|
|
13574
|
+
.root_3ObWk {
|
|
13575
|
+
display: flex;
|
|
13576
|
+
flex-direction: column;
|
|
13577
|
+
}
|
|
13433
13578
|
.root_3ObWk.defaultRect_DHmy5 {
|
|
13434
13579
|
padding: 8px 0;
|
|
13435
13580
|
background-color: var(--upime-pane-bg);
|
|
@@ -13450,7 +13595,7 @@
|
|
|
13450
13595
|
}
|
|
13451
13596
|
.root_3ObWk.defaultRect_DHmy5 .item_1Whfa.disable_3Jtbj {
|
|
13452
13597
|
pointer-events: none;
|
|
13453
|
-
color: #
|
|
13598
|
+
color: #d8d8d8;
|
|
13454
13599
|
cursor: inherit;
|
|
13455
13600
|
}
|
|
13456
13601
|
.root_3ObWk.defaultRect_DHmy5 .item_1Whfa > svg {
|
|
@@ -13482,11 +13627,18 @@
|
|
|
13482
13627
|
justify-content: center;
|
|
13483
13628
|
border-radius: 2px;
|
|
13484
13629
|
border: 1px solid #91939c;
|
|
13485
|
-
color: #
|
|
13630
|
+
color: #91939c;
|
|
13486
13631
|
margin-left: auto;
|
|
13487
13632
|
font-size: 10px;
|
|
13488
13633
|
}
|
|
13489
13634
|
|
|
13635
|
+
.toolWrapper_2khTd {
|
|
13636
|
+
position: absolute;
|
|
13637
|
+
left: 64px;
|
|
13638
|
+
box-shadow: 0 8px 32px rgba(5, 0, 56, 0.08);
|
|
13639
|
+
border-radius: 4px;
|
|
13640
|
+
}
|
|
13641
|
+
|
|
13490
13642
|
.scrollbar_2R42Z {
|
|
13491
13643
|
scrollbar-color: #c2c3c8 transparent;
|
|
13492
13644
|
scrollbar-width: thin;
|
|
@@ -13726,6 +13878,138 @@
|
|
|
13726
13878
|
user-select: none;
|
|
13727
13879
|
}
|
|
13728
13880
|
|
|
13881
|
+
.toolBox_3ub1T {
|
|
13882
|
+
width: 340px;
|
|
13883
|
+
background-color: white;
|
|
13884
|
+
border-radius: 4px;
|
|
13885
|
+
overflow: hidden;
|
|
13886
|
+
display: flex;
|
|
13887
|
+
flex-direction: column;
|
|
13888
|
+
}
|
|
13889
|
+
.toolBox_3ub1T .boxHead_zeAc4 {
|
|
13890
|
+
padding: 16px;
|
|
13891
|
+
border-bottom: 1px solid #dbdbde;
|
|
13892
|
+
flex-shrink: 0;
|
|
13893
|
+
}
|
|
13894
|
+
.toolBox_3ub1T .boxHead_zeAc4 .boxHeadTitle_32Wb4 {
|
|
13895
|
+
color: #0c1024;
|
|
13896
|
+
font-size: 18px;
|
|
13897
|
+
line-height: 26px;
|
|
13898
|
+
}
|
|
13899
|
+
.toolBox_3ub1T .boxHead_zeAc4 .boxHeadTip_1-fTD {
|
|
13900
|
+
color: #91939c;
|
|
13901
|
+
font-size: 14px;
|
|
13902
|
+
line-height: 22px;
|
|
13903
|
+
}
|
|
13904
|
+
.toolBox_3ub1T .boxContent_2BDHb {
|
|
13905
|
+
flex: 1;
|
|
13906
|
+
padding: 12px;
|
|
13907
|
+
overflow-y: auto;
|
|
13908
|
+
overflow-x: hidden;
|
|
13909
|
+
scrollbar-color: var(--upime-scrollbar-thumb) transparent;
|
|
13910
|
+
scrollbar-width: thin;
|
|
13911
|
+
}
|
|
13912
|
+
.toolBox_3ub1T .boxContent_2BDHb::-webkit-scrollbar {
|
|
13913
|
+
width: 4px;
|
|
13914
|
+
}
|
|
13915
|
+
.toolBox_3ub1T .boxContent_2BDHb::-webkit-scrollbar-track {
|
|
13916
|
+
border-radius: 5px;
|
|
13917
|
+
background-color: transparent;
|
|
13918
|
+
}
|
|
13919
|
+
.toolBox_3ub1T .boxContent_2BDHb::-webkit-scrollbar-thumb {
|
|
13920
|
+
border-radius: 2px;
|
|
13921
|
+
background-color: var(--upime-scrollbar-thumb);
|
|
13922
|
+
}
|
|
13923
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM {
|
|
13924
|
+
border-bottom: 1px solid #dbdbde;
|
|
13925
|
+
padding-bottom: 12px;
|
|
13926
|
+
margin-bottom: 12px;
|
|
13927
|
+
position: relative;
|
|
13928
|
+
transition: all 0.15s;
|
|
13929
|
+
}
|
|
13930
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM.toolBoxPart_189dk {
|
|
13931
|
+
padding-bottom: 0;
|
|
13932
|
+
margin-bottom: 0;
|
|
13933
|
+
border-bottom: none;
|
|
13934
|
+
}
|
|
13935
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh {
|
|
13936
|
+
width: 100%;
|
|
13937
|
+
display: flex;
|
|
13938
|
+
flex-direction: row;
|
|
13939
|
+
padding: 10px;
|
|
13940
|
+
align-items: center;
|
|
13941
|
+
color: var(--upime-main-text);
|
|
13942
|
+
height: 44px;
|
|
13943
|
+
cursor: pointer;
|
|
13944
|
+
border-radius: 4px;
|
|
13945
|
+
}
|
|
13946
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh.disable_1mOb7 {
|
|
13947
|
+
pointer-events: none;
|
|
13948
|
+
color: #d8d8d8;
|
|
13949
|
+
cursor: inherit;
|
|
13950
|
+
}
|
|
13951
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh > svg {
|
|
13952
|
+
width: 24px;
|
|
13953
|
+
height: 24px;
|
|
13954
|
+
}
|
|
13955
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh > span {
|
|
13956
|
+
margin-left: 8px;
|
|
13957
|
+
line-height: 22px;
|
|
13958
|
+
font-size: 16px;
|
|
13959
|
+
font-weight: 400;
|
|
13960
|
+
}
|
|
13961
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh .tudingContainer_1KXIO {
|
|
13962
|
+
margin-left: auto;
|
|
13963
|
+
}
|
|
13964
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh .tuding_IYhHj {
|
|
13965
|
+
width: 32px;
|
|
13966
|
+
height: 32px;
|
|
13967
|
+
display: flex;
|
|
13968
|
+
align-items: center;
|
|
13969
|
+
justify-content: center;
|
|
13970
|
+
border-radius: 4px;
|
|
13971
|
+
color: #616371;
|
|
13972
|
+
transition: all 0.15s;
|
|
13973
|
+
}
|
|
13974
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh .tuding_IYhHj:hover {
|
|
13975
|
+
background-color: rgba(46, 115, 229, 0.1);
|
|
13976
|
+
color: #2e73e5;
|
|
13977
|
+
}
|
|
13978
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh .tuding_IYhHj.showInHover_2MflK {
|
|
13979
|
+
display: none;
|
|
13980
|
+
}
|
|
13981
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh:hover {
|
|
13982
|
+
background: #f5f6f6;
|
|
13983
|
+
}
|
|
13984
|
+
.toolBox_3ub1T .boxContent_2BDHb .toolBarInBox_2ABkM .item_3xDWh:hover .tuding_IYhHj {
|
|
13985
|
+
display: flex;
|
|
13986
|
+
}
|
|
13987
|
+
.appContainer_3VaRZ {
|
|
13988
|
+
margin-top: 12px;
|
|
13989
|
+
border-top: 1px solid #dbdbde;
|
|
13990
|
+
padding-top: 12px;
|
|
13991
|
+
}
|
|
13992
|
+
.emptyContainer_1TYjG {
|
|
13993
|
+
display: flex;
|
|
13994
|
+
justify-content: center;
|
|
13995
|
+
align-items: center;
|
|
13996
|
+
width: 100%;
|
|
13997
|
+
height: 52px;
|
|
13998
|
+
border-radius: 4px;
|
|
13999
|
+
border: 1px dashed #91939c;
|
|
14000
|
+
color: #303445;
|
|
14001
|
+
font-size: 14px;
|
|
14002
|
+
margin: 20px 0 8px;
|
|
14003
|
+
}
|
|
14004
|
+
.dragableWrapper_UUM3o {
|
|
14005
|
+
position: absolute;
|
|
14006
|
+
left: 0;
|
|
14007
|
+
right: 0;
|
|
14008
|
+
}
|
|
14009
|
+
.dragableWrapper_UUM3o.ani_A38CR {
|
|
14010
|
+
transition: all 0.15s;
|
|
14011
|
+
}
|
|
14012
|
+
|
|
13729
14013
|
.scaleStatusBar_24ULR {
|
|
13730
14014
|
background-color: var(--upime-pane-bg);
|
|
13731
14015
|
border-radius: 4px;
|
|
@@ -19413,3 +19697,187 @@
|
|
|
19413
19697
|
width: 24px !important;
|
|
19414
19698
|
height: 42px !important;
|
|
19415
19699
|
}
|
|
19700
|
+
|
|
19701
|
+
.icon_fR41U {
|
|
19702
|
+
fill: currentColor;
|
|
19703
|
+
}
|
|
19704
|
+
|
|
19705
|
+
.titleBar_fR41U {
|
|
19706
|
+
display: flex;
|
|
19707
|
+
align-items: center;
|
|
19708
|
+
padding-right: 6px;
|
|
19709
|
+
height: 100%;
|
|
19710
|
+
font-size: 14px;
|
|
19711
|
+
}
|
|
19712
|
+
.titleBar_fR41U .wrapper_fR41U {
|
|
19713
|
+
height: 48px;
|
|
19714
|
+
width: 40px;
|
|
19715
|
+
cursor: pointer;
|
|
19716
|
+
display: flex;
|
|
19717
|
+
justify-content: center;
|
|
19718
|
+
align-items: center;
|
|
19719
|
+
}
|
|
19720
|
+
.titleBar_fR41U .wrapper_fR41U .icon_fR41U {
|
|
19721
|
+
font-size: 24px;
|
|
19722
|
+
width: 1em;
|
|
19723
|
+
height: 1em;
|
|
19724
|
+
fill: currentColor;
|
|
19725
|
+
flex-shrink: 0;
|
|
19726
|
+
}
|
|
19727
|
+
.titleBar_fR41U .menuPart_fR41U {
|
|
19728
|
+
padding: 8px 0;
|
|
19729
|
+
position: absolute;
|
|
19730
|
+
left: -8px;
|
|
19731
|
+
top: 52px;
|
|
19732
|
+
border-radius: 4px;
|
|
19733
|
+
flex-direction: column;
|
|
19734
|
+
background-color: #fff;
|
|
19735
|
+
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
|
|
19736
|
+
}
|
|
19737
|
+
.titleBar_fR41U .menuPart_fR41U .menuItem_fR41U {
|
|
19738
|
+
white-space: nowrap;
|
|
19739
|
+
display: flex;
|
|
19740
|
+
align-items: center;
|
|
19741
|
+
cursor: pointer;
|
|
19742
|
+
line-height: 40px;
|
|
19743
|
+
padding: 0 8px 0 16px;
|
|
19744
|
+
}
|
|
19745
|
+
.titleBar_fR41U .menuPart_fR41U .menuItem_fR41U.item_fR41U {
|
|
19746
|
+
justify-content: space-between;
|
|
19747
|
+
}
|
|
19748
|
+
.titleBar_fR41U .menuPart_fR41U .menuItem_fR41U .iconContainer_fR41U {
|
|
19749
|
+
display: flex;
|
|
19750
|
+
align-items: center;
|
|
19751
|
+
white-space: nowrap;
|
|
19752
|
+
}
|
|
19753
|
+
.titleBar_fR41U .menuPart_fR41U .menuItem_fR41U:hover {
|
|
19754
|
+
background-color: #f5f6f6;
|
|
19755
|
+
}
|
|
19756
|
+
.titleBar_fR41U .menuPart_fR41U .menuItem_fR41U .icon_fR41U {
|
|
19757
|
+
width: 24px;
|
|
19758
|
+
height: 24px;
|
|
19759
|
+
}
|
|
19760
|
+
.titleBar_fR41U .menuPart_fR41U .menuItem_fR41U .textPart_fR41U {
|
|
19761
|
+
margin-left: 12px;
|
|
19762
|
+
}
|
|
19763
|
+
.titleBar_fR41U .menuPart_fR41U .menuItem_fR41U .arrowIcon_fR41U {
|
|
19764
|
+
font-size: 12px;
|
|
19765
|
+
margin-left: 65px;
|
|
19766
|
+
height: 40px;
|
|
19767
|
+
width: 24px;
|
|
19768
|
+
}
|
|
19769
|
+
.titleBar_fR41U .subMenuPart_fR41U {
|
|
19770
|
+
position: absolute;
|
|
19771
|
+
width: 200px;
|
|
19772
|
+
padding: 8px 0;
|
|
19773
|
+
background-color: #fff;
|
|
19774
|
+
flex-direction: column;
|
|
19775
|
+
border-radius: 4px;
|
|
19776
|
+
box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
|
|
19777
|
+
}
|
|
19778
|
+
.titleBar_fR41U .subMenuPart_fR41U .menuItem_fR41U {
|
|
19779
|
+
display: flex;
|
|
19780
|
+
position: relative;
|
|
19781
|
+
align-items: center;
|
|
19782
|
+
cursor: pointer;
|
|
19783
|
+
line-height: 40px;
|
|
19784
|
+
padding: 0 8px 0 16px;
|
|
19785
|
+
}
|
|
19786
|
+
.titleBar_fR41U .subMenuPart_fR41U .menuItem_fR41U:hover {
|
|
19787
|
+
background-color: #f5f6f6;
|
|
19788
|
+
}
|
|
19789
|
+
.titleBar_fR41U .subMenuPart_fR41U .menuItem_fR41U .icon_fR41U {
|
|
19790
|
+
width: 24px;
|
|
19791
|
+
height: 24px;
|
|
19792
|
+
}
|
|
19793
|
+
.titleBar_fR41U .subMenuPart_fR41U .menuItem_fR41U .textPart_fR41U {
|
|
19794
|
+
margin-left: 12px;
|
|
19795
|
+
}
|
|
19796
|
+
.titleBar_fR41U .subMenuPart_fR41U .menuItem_fR41U .arrowIcon_fR41U {
|
|
19797
|
+
font-size: 12px;
|
|
19798
|
+
margin-left: 65px;
|
|
19799
|
+
}
|
|
19800
|
+
.titleBar_fR41U .subMenuPart_fR41U .menuItem_fR41U .activeIcon_fR41U {
|
|
19801
|
+
position: absolute;
|
|
19802
|
+
right: 8px;
|
|
19803
|
+
top: 8px;
|
|
19804
|
+
font-size: 24px;
|
|
19805
|
+
color: #2e73e5;
|
|
19806
|
+
width: 24px;
|
|
19807
|
+
height: 24px;
|
|
19808
|
+
}
|
|
19809
|
+
|
|
19810
|
+
.tipRoot_fR41U {
|
|
19811
|
+
position: fixed;
|
|
19812
|
+
z-index: 1000;
|
|
19813
|
+
pointer-events: none;
|
|
19814
|
+
}
|
|
19815
|
+
.tipRoot_fR41U .content_fR41U {
|
|
19816
|
+
position: absolute;
|
|
19817
|
+
padding: 6px 8px;
|
|
19818
|
+
background: black;
|
|
19819
|
+
font-size: 12px;
|
|
19820
|
+
color: white;
|
|
19821
|
+
max-width: 200px;
|
|
19822
|
+
width: max-content;
|
|
19823
|
+
border-radius: 4px;
|
|
19824
|
+
word-wrap: break-word;
|
|
19825
|
+
}
|
|
19826
|
+
.tipRoot_fR41U .content_fR41U::after {
|
|
19827
|
+
content: ' ';
|
|
19828
|
+
position: absolute;
|
|
19829
|
+
display: block;
|
|
19830
|
+
width: 8px;
|
|
19831
|
+
height: 8px;
|
|
19832
|
+
background: black;
|
|
19833
|
+
z-index: 0;
|
|
19834
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
|
19835
|
+
}
|
|
19836
|
+
.tipRoot_fR41U .content_fR41U.top_fR41U {
|
|
19837
|
+
left: 50%;
|
|
19838
|
+
bottom: calc(100% + 12px);
|
|
19839
|
+
transform: translate(-50%, 0);
|
|
19840
|
+
}
|
|
19841
|
+
.tipRoot_fR41U .content_fR41U.top_fR41U::after {
|
|
19842
|
+
bottom: 0;
|
|
19843
|
+
left: 50%;
|
|
19844
|
+
transform: translate(-50%, 50%) rotate(45deg);
|
|
19845
|
+
}
|
|
19846
|
+
.tipRoot_fR41U .content_fR41U.left_fR41U {
|
|
19847
|
+
top: 50%;
|
|
19848
|
+
right: calc(100% + 12px);
|
|
19849
|
+
transform: translate(0, -50%);
|
|
19850
|
+
}
|
|
19851
|
+
.tipRoot_fR41U .content_fR41U.left_fR41U::after {
|
|
19852
|
+
top: 50%;
|
|
19853
|
+
right: 0;
|
|
19854
|
+
transform: translate(50%, -50%) rotate(45deg);
|
|
19855
|
+
}
|
|
19856
|
+
.tipRoot_fR41U .content_fR41U.right_fR41U {
|
|
19857
|
+
top: 50%;
|
|
19858
|
+
left: calc(100% + 12px);
|
|
19859
|
+
transform: translate(0, -50%);
|
|
19860
|
+
}
|
|
19861
|
+
.tipRoot_fR41U .content_fR41U.right_fR41U::after {
|
|
19862
|
+
top: 50%;
|
|
19863
|
+
left: 0;
|
|
19864
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
|
19865
|
+
}
|
|
19866
|
+
.tipRoot_fR41U .content_fR41U.bottom_fR41U {
|
|
19867
|
+
top: calc(100% + 12px);
|
|
19868
|
+
left: 50%;
|
|
19869
|
+
transform: translate(-50%, 0);
|
|
19870
|
+
}
|
|
19871
|
+
.tipRoot_fR41U .content_fR41U.bottom_fR41U::after {
|
|
19872
|
+
top: 0;
|
|
19873
|
+
left: 50%;
|
|
19874
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
|
19875
|
+
}
|
|
19876
|
+
.tipRoot_fR41U .content_fR41U.leftBottom_fR41U {
|
|
19877
|
+
top: calc(100% + 12px);
|
|
19878
|
+
}
|
|
19879
|
+
.tipRoot_fR41U .content_fR41U.leftBottom_fR41U::after {
|
|
19880
|
+
top: 0;
|
|
19881
|
+
left: 25%;
|
|
19882
|
+
transform: translate(-50%, -50%) rotate(45deg);
|
|
19883
|
+
}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
import { GridType } from '@plasosdk/upime-sdk';
|
|
2
|
+
import React$1 from 'react';
|
|
3
|
+
|
|
1
4
|
type DocumentType = 'ppt' | 'pdf' | 'excel' | 'word';
|
|
2
5
|
type FileType = 'image' | 'document' | 'video' | 'audio';
|
|
3
6
|
|
|
@@ -50,6 +53,8 @@ type ViewRect = {
|
|
|
50
53
|
};
|
|
51
54
|
/** websdk 实例类型声明接口 */
|
|
52
55
|
interface InfiWebsdkInstanceType {
|
|
56
|
+
/** 白板背景类型 */
|
|
57
|
+
gridType: GridType;
|
|
53
58
|
/**
|
|
54
59
|
* 设置是否可以编辑
|
|
55
60
|
* @param couldEdit true: 可编辑; false: 只读
|
|
@@ -109,10 +114,12 @@ interface InfiWebsdkInstanceType {
|
|
|
109
114
|
* @returns
|
|
110
115
|
*/
|
|
111
116
|
enableLaser: (en?: boolean) => void;
|
|
112
|
-
/**
|
|
113
|
-
* 启用/关闭帧框列表
|
|
114
|
-
*/
|
|
117
|
+
/** 启用/关闭帧框列表 */
|
|
115
118
|
toggleFrameListPanel: () => void;
|
|
119
|
+
/** 唤出历史记录面板 */
|
|
120
|
+
toggleHistoryPanel: () => void;
|
|
121
|
+
/** 修改画板背景 */
|
|
122
|
+
changeGridType: (gridType: GridType) => void;
|
|
116
123
|
/**
|
|
117
124
|
* 于白板内显示 toast 消息
|
|
118
125
|
* @param message 消息
|
|
@@ -134,9 +141,17 @@ interface InfiWebsdkInstanceType {
|
|
|
134
141
|
* @param cb 回调函数
|
|
135
142
|
*/
|
|
136
143
|
off: <T extends keyof WebsdkEventTypeMap>(evtName: T, cb: (param: WebsdkEventTypeMap[T]) => void) => void;
|
|
144
|
+
/**
|
|
145
|
+
* 基于影子链接能力获取一次其他画布内用户的视野信息
|
|
146
|
+
* 注:使用此能力需要首先启用影子链接能力
|
|
147
|
+
*/
|
|
148
|
+
requestShadowUserViewData(loginName: string): Promise<ShadowViewDataT | null>;
|
|
137
149
|
/** 销毁白板 sdk 实例 */
|
|
138
150
|
destroy: () => void;
|
|
139
151
|
}
|
|
152
|
+
type ShadowViewDataT = {
|
|
153
|
+
viewData?: [number, number, number, number];
|
|
154
|
+
};
|
|
140
155
|
type WebsdkEventTypeMap = {
|
|
141
156
|
/** 白板未完成初始化 */
|
|
142
157
|
not_initialized: void;
|
|
@@ -154,6 +169,8 @@ type WebsdkEventTypeMap = {
|
|
|
154
169
|
resource_ready: void;
|
|
155
170
|
/** 演讲模式状态更新 */
|
|
156
171
|
presentation_change: boolean;
|
|
172
|
+
/** 白板背景更新 */
|
|
173
|
+
grid_type_change: GridType;
|
|
157
174
|
};
|
|
158
175
|
/** 当前白板的用户信息 */
|
|
159
176
|
interface UserInfoT {
|
|
@@ -186,8 +203,14 @@ type FullToolBarWidgetsConfigs = {
|
|
|
186
203
|
type ToolBarWidgetsConfigsT = Partial<FullToolBarWidgetsConfigs>;
|
|
187
204
|
/** 获取白板 websdk 实例的配置参数 */
|
|
188
205
|
interface GetSdkInstanceConfigs {
|
|
189
|
-
/**
|
|
206
|
+
/** 获取画布连接参数的请求函数,画布连接参数为初始化 & 链接服务器使用的加密字符串, 内含应用、白板、用户等信息 */
|
|
190
207
|
getQueryString: () => Promise<string>;
|
|
208
|
+
/**
|
|
209
|
+
* 启用画布影子链接能力,影子链接会额外建立一条链接,用以将其他 recordId 对应画布内的内容同步到当前的画布中
|
|
210
|
+
* 但需要注意的是,通过影子链接同步过来的元素全部都都处于静止状态,无法选中,无法编辑,但是可以进行文档翻页等
|
|
211
|
+
* 非常基本的交互
|
|
212
|
+
*/
|
|
213
|
+
getShadowBoardQuery?: () => Promise<string>;
|
|
191
214
|
/** 当前白板的用户信息 */
|
|
192
215
|
userInfo: UserInfoT;
|
|
193
216
|
/** 用以挂载白板 DOM 的 HTML DOM 元素, 白板相关元素会自动 appendChild 至这个元素之内 */
|
|
@@ -281,4 +304,44 @@ declare function getDocumentType(ext: string): DocumentType | undefined;
|
|
|
281
304
|
|
|
282
305
|
declare const FULL_TOOLBAR_CONFIG: Record<ToolBarType, boolean>;
|
|
283
306
|
|
|
284
|
-
|
|
307
|
+
declare const Setting: React$1.FC;
|
|
308
|
+
|
|
309
|
+
type PropT = {
|
|
310
|
+
className?: string;
|
|
311
|
+
style?: React$1.CSSProperties;
|
|
312
|
+
title?: string;
|
|
313
|
+
icon: string;
|
|
314
|
+
onClick?: any;
|
|
315
|
+
[key: string]: any;
|
|
316
|
+
};
|
|
317
|
+
declare const SvgIcon: React$1.FC<PropT>;
|
|
318
|
+
|
|
319
|
+
interface Icon {
|
|
320
|
+
[key: string]: string;
|
|
321
|
+
}
|
|
322
|
+
declare class SvgManager {
|
|
323
|
+
static load(icons: Icon): void;
|
|
324
|
+
/**
|
|
325
|
+
* 批量添加svg资源,如果在当前 svgContainer 发现 id 相等的<symbol>内容会被替换
|
|
326
|
+
* 如果想要全局替换请使用 replace 方法
|
|
327
|
+
* @param icons svg 的id和内容的map
|
|
328
|
+
* @param svgContainer 想要查找替换的svg symbol容器,如果没有传尝试寻找 id 为 plaso-websdk-svg-container 的容器,如果没有找到会 使用 plaso-websdk-svg-container 为 id 创建
|
|
329
|
+
*/
|
|
330
|
+
static add(icons: Icon, svgContainer?: SVGElement): void;
|
|
331
|
+
/**
|
|
332
|
+
* 替换当前svg资源中的某些svg内容,没有找到匹配的会被丢弃,如果要添加请调用 add 方法
|
|
333
|
+
* @param icons svg 的id和内容的map
|
|
334
|
+
* @param svgContainer 想要查找替换的svg symbol容器
|
|
335
|
+
* @returns undefined
|
|
336
|
+
*/
|
|
337
|
+
static replace(icons: Icon, svgContainer?: SVGElement): void;
|
|
338
|
+
static createSymbolMap(icons: {
|
|
339
|
+
[type: string]: string;
|
|
340
|
+
}): {};
|
|
341
|
+
static createSgvSymbol(id: string, content: string): string;
|
|
342
|
+
private static _createSvgContainer;
|
|
343
|
+
private static _createDomByHtmlString;
|
|
344
|
+
private static _findBodySvgContainer;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
export { type CustomizeUploader, FULL_TOOLBAR_CONFIG, type GetSdkInstanceConfigs, type InfiSdkPluginType, type InfiWebSdkPlugin, type InfiWebsdkInstanceType, type SdkPluginSlotType, Setting, SvgIcon, SvgManager, type ToolBarType, type WebsdkEngineType, InfiWebsdk as default, getDocumentType, getFileType };
|
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{F as FULL_TOOLBAR_CONFIG,I as default,
|
|
1
|
+
export{F as FULL_TOOLBAR_CONFIG,S as Setting,e as SvgIcon,f as SvgManager,I as default,d as getDocumentType,a as getFileType}from"./index-c5cc59ae.js";import"react";import"react-dom";
|