@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.
@@ -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 8px 10px 24px;
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
- .root_3ObWk {
13413
- position: absolute;
13414
- display: flex;
13415
- flex-direction: column;
13416
- left: 64px;
13557
+ .rootWrapper_3e8wh {
13417
13558
  overflow-y: auto;
13418
- box-shadow: 0 8px 32px rgba(5, 0, 56, 0.08);
13559
+ overflow-x: hidden;
13419
13560
  scrollbar-color: var(--upime-scrollbar-thumb) transparent;
13420
13561
  scrollbar-width: thin;
13421
13562
  }
13422
- .root_3ObWk::-webkit-scrollbar {
13563
+ .rootWrapper_3e8wh::-webkit-scrollbar {
13423
13564
  width: 4px;
13424
13565
  }
13425
- .root_3ObWk::-webkit-scrollbar-track {
13566
+ .rootWrapper_3e8wh::-webkit-scrollbar-track {
13426
13567
  border-radius: 5px;
13427
13568
  background-color: transparent;
13428
13569
  }
13429
- .root_3ObWk::-webkit-scrollbar-thumb {
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: #D8D8D8;
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: #91939C;
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
+ }
@@ -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
- export { type CustomizeUploader, FULL_TOOLBAR_CONFIG, type GetSdkInstanceConfigs, type InfiSdkPluginType, type InfiWebSdkPlugin, type InfiWebsdkInstanceType, type SdkPluginSlotType, type ToolBarType, type WebsdkEngineType, InfiWebsdk as default, getDocumentType, getFileType };
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,a as getDocumentType,g as getFileType}from"./index-d2b67f88.js";import"react";import"react-dom";
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";