@plaso-infi/whiteboard-sdk 0.3.1 → 0.3.3

package/dist/cjs/index.css

@@ -3040,7 +3040,6 @@
 .root_y3DcX .globalCtx_3o4F3 {
   display: flex;
   flex-direction: column;
-  width: 189px;
   padding: 8px 0;
 }
 .root_y3DcX .globalCtx_3o4F3 .item_2CAzg {
@@ -3050,6 +3049,7 @@
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
+  gap: 24px;
   color: var(--upime-main-text);
   font-size: 14px;
   line-height: 38px;
@@ -3057,6 +3057,12 @@
           user-select: none;
   cursor: pointer;
 }
+.root_y3DcX .globalCtx_3o4F3 .item_2CAzg .shortCut_1n4EQ {
+  min-width: 35px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .root_y3DcX .globalCtx_3o4F3 .divider_1CWJ2 {
   width: 100%;
   height: 1px;
@@ -10589,6 +10595,7 @@
 .dashboardContainer_mRFS- .dashbardContentContainer_33BP7 .inputRow_2fmro .input_3AwAe.oneLine_3BVqx {
   height: 48px;
   padding-right: 48px;
+  border-radius: 4px;
 }
 .dashboardContainer_mRFS- .dashbardContentContainer_33BP7 .inputRow_2fmro .input_3AwAe.oneLine_3BVqx.phone_1kP_V {
   padding-right: 36px;
@@ -11408,7 +11415,6 @@
   position: absolute;
   bottom: calc(100% + 4px);
   right: 0;
-  width: 150px;
   height: 40px;
   border-radius: 4px;
   background-color: #ffffff;
@@ -11428,8 +11434,12 @@
   align-items: center;
   gap: 4px;
 }
+.setting_panel_11GAp .label_3yVEf .label_content_3C8uG {
+  white-space: nowrap;
+}
 .setting_panel_11GAp .switch_btn_32uwa {
   flex-shrink: 0;
+  cursor: pointer;
 }
 .switch_btn_32uwa {
   position: relative;
@@ -11527,6 +11537,10 @@
   color: var(--upime-active);
   background-color: #eaf1fc;
 }
+.iconWrapDisabled_1IWwT {
+  cursor: not-allowed;
+  color: var(--upime-disable);
+}
 .do-hovers .iconWrap_3PXPZ:hover {
   color: inherit;
   background-color: rgba(0, 0, 0, 0.06);
@@ -11535,6 +11549,11 @@
   color: var(--upime-active);
   background-color: #eaf1fc;
 }
+.do-hovers .iconWrapDisabled_1IWwT:hover {
+  color: var(--upime-disable);
+  background-color: transparent;
+  background-color: initial;
+}
 
 .iconWrap_2PzPU {
   width: 36px;
@@ -14717,6 +14736,9 @@
 .detachedBoxPortrait_3RTFQ .mixBox_TmvtM .videoContainer_sXLil {
   height: 100%;
   width: 100%;
+  top: 50%;
+  transform: translateY(-50%);
+  position: absolute;
 }
 .detachedBoxPortrait_3RTFQ .mixBox_TmvtM .avatarContainer_3r5DY {
   position: absolute;
@@ -15697,6 +15719,9 @@
   color: var(--upime-active);
   background-color: #EAF1FC;
 }
+.iconWrapActive_28duN.forceColor_2oSMi {
+  color: var(--upime-active) !important;
+}
 .do-hovers .iconWrap_3GEPj:hover {
   background-color: rgba(0, 0, 0, 0.06);
 }
@@ -15731,7 +15756,7 @@
   padding: 9px 0px;
 }
 .toolbar_1Y3X_.horizMode_2W6cT .moreApps_4PfYv .moreAppBtnCon_38AtV {
-  padding: 9px 2px 9px 0px;
+  padding: 9px 0px;
 }
 .toolbar_1Y3X_ .tool_2bEen {
   display: flex;
@@ -15754,7 +15779,7 @@
   position: relative;
 }
 .toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV {
-  padding: 0px 9px 2px 9px;
+  padding: 0px 9px;
 }
 .toolbar_1Y3X_ .moreApps_4PfYv .moreAppBtnCon_38AtV.moreAppBtnConDisable_1bD2p {
   pointer-events: none;
@@ -16827,7 +16852,7 @@
 .scaleStatusBar_24ULR .btns_rRn3C {
   position: relative;
   height: 40px;
-  padding: 0 10px;
+  padding: 0 4px;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -16858,10 +16883,6 @@
   font-size: 12px;
   margin: 0 12px;
 }
-.do-hovers .scaleStatusBar_24ULR .btn_1CBmI:hover {
-  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll !important;
-  background: initial !important;
-}
 .centerWrapper_2kh5H {
   width: 100%;
   height: 100%;
@@ -16881,20 +16902,16 @@
   height: 100%;
   display: flex;
 }
-.fullscreen_setting_2AQD- .arrow_icon_2R7VN {
-  color: #0c1024;
-}
 .setting_panel_onZEz {
   position: absolute;
   bottom: calc(100% + 4px);
   right: 0;
-  width: 180px;
   height: 52px;
   border-radius: 4px;
   background-color: #ffffff;
   box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.08);
-  display: flex;
   padding: 8px 0;
+  display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: default;
@@ -16906,7 +16923,8 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  font-size: 12px;
+  gap: 24px;
+  font-size: 14px;
   color: #0c1024;
   cursor: pointer;
 }
@@ -22668,6 +22686,7 @@
 .createContainer_24LUP {
   position: relative;
   height: 100%;
+  overflow: auto;
 }
 .createContainer_24LUP .head_1vkan {
   height: 64px;
@@ -22686,6 +22705,21 @@
 }
 .createContainer_24LUP .body_2o5F4 {
   padding: 12px 24px;
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  overflow: auto;
+}
+.createContainer_24LUP .body_2o5F4::-webkit-scrollbar {
+  width: 4px;
+}
+.createContainer_24LUP .body_2o5F4::-webkit-scrollbar-track {
+  border-radius: 5px;
+  background-color: transparent;
+}
+.createContainer_24LUP .body_2o5F4::-webkit-scrollbar-thumb {
+  border-radius: 2px;
+  background-color: #c2c3c8;
 }
 .createContainer_24LUP .body_2o5F4 .geshuContainer_2nY_L {
   margin-bottom: 48px;
@@ -22769,6 +22803,9 @@
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
+.createContainer_24LUP .body_2o5F4 .memberContainer_2LlbH {
+  margin-bottom: 48px;
+}
 .createContainer_24LUP .body_2o5F4 .memberContainer_2LlbH > div:first-child {
   font-size: 16px;
 }
@@ -22796,9 +22833,15 @@
   padding-left: 25px;
   word-break: break-word;
 }
-.createContainer_24LUP .body_2o5F4 .createBtn_3_ZU6 {
-  position: absolute;
-  bottom: 24px;
+.createContainer_24LUP .body_2o5F4 .createBtnBox_1PMxo {
+  justify-content: flex-end;
+  height: 44px;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.createContainer_24LUP .body_2o5F4 .createBtnBox_1PMxo .createBtn_3_ZU6 {
+  position: static;
   width: 292px;
   height: 44px;
   border-radius: 4px;
@@ -22808,10 +22851,10 @@
   line-height: 44px;
   cursor: pointer;
 }
-.createContainer_24LUP .body_2o5F4 .createBtn_3_ZU6:hover {
+.createContainer_24LUP .body_2o5F4 .createBtnBox_1PMxo .createBtn_3_ZU6:hover {
   background-color: #5798f2;
 }
-.createContainer_24LUP .body_2o5F4 .createBtn_3_ZU6.diabled_4MDGe {
+.createContainer_24LUP .body_2o5F4 .createBtnBox_1PMxo .createBtn_3_ZU6.diabled_4MDGe {
   opacity: 0.5;
   cursor: no-drop;
   background-color: #2e73e5;
@@ -23479,7 +23522,7 @@
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
   display: flex;
   align-items: center;
-  padding: 4px 12px;
+  padding: 2px 12px;
   pointer-events: auto;
   padding-left: 4px;
 }
@@ -23674,6 +23717,12 @@
   display: flex;
   flex-direction: column;
 }
+.toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .infoBox_17i9X .textBlock_1jjeI .nameBox_1cQzn {
+  max-width: 240px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .toolbarBox_30Xq3 .memberCtrlBox_17_gn .subWin_3zjkU .listRoot_2021L .entityRow_16P56 > .infoBox_17i9X .textBlock_1jjeI .name_2qTTu {
   font-size: 15px;
   line-height: 22px;
@@ -23752,7 +23801,7 @@
   margin-top: 0;
 }
 .toolbarBox_30Xq3.miniMode_eAHps .leaveBtn_9Y5lk {
-  padding: 2px 8px;
+  padding: 0px 8px;
 }
 .rtclistRoot_1hpzf {
   pointer-events: auto;

package/dist/cjs/index.d.ts

@@ -403,6 +403,8 @@ interface InfiWebsdkInstanceType {
     setViewClip(rect: ViewRect): void;
     /** 设置画布的聚焦区域，聚焦后，画布的移动和缩放都会在聚焦区域内执行，而不是随意改变 */
     focusBorderBox(box: BorderBox): void;
+    /** 停止聚焦画布区域 */
+    stopFocusBorderBox(): void;
     /** 获取当前画布中全体元素的元数据信息，包括位置、大小等 */
     getElementsMetaData(): ElementMetaData[] | undefined;
     /**
@@ -426,18 +428,18 @@ interface InfiWebsdkInstanceType {
     /** 停止当前的强制跟随行为，如果当前并非强制跟随状态，则尝试停止当前的普通跟随行为 */
     stopCurForceFollowing(): void;
     /**
-     * 基于 recordId 获取其他画布内的元素信息、及包围盒大小
-     * **注: 获取到的信息由于服务端限制，可能没有办法做到实时数据，很可能是几分钟前的画布内容**
-     * @returns 非法访问情况下，return null
-     * @returns recordId 不存在情况下，elementsInfo 为空数组
+     * 基于 recordId 获取同机构下其他画布内的元素信息，及总体包围盒大小。
+     * @returns 如果返回 null，则表示非法访问， 如果 data string 为空字符串，则表示该 recordId 下暂时没有获取到任何数据
      */
-    requestElementsInfoByRecordId(recordId: string): Promise<{
-        approximateSize: {
-            width: number;
-            height: number;
-        };
-        elementsInfo: any[];
+    requestElesDataByRecordId: (recordId: string) => Promise<{
+        data: string;
+        borderBox: BorderBox;
     } | null>;
+    /**
+     * 基于 requestElesDataByRecord 获取到的元素信息及包围盒大小，将元素插入当前画布内的指定位置
+     * @returns true 表成功，false 则表示插入失败，失败原因可能是跨机构使用，或者 eleData 为空或者数据遭到了篡改
+     */
+    useRawElesData(eleData: string, originBox: BorderBox, targetPos: PositionLike): boolean;
     /** 于指定位置粘贴元素信息, 执行后会自动选中并显示新创建的元素 */
     useElementsInfo(info: any[], position: PositionLike): Promise<void>;
     /** 销毁白板 sdk 实例 */

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-283c50a5.js");require("react"),require("react-dom"),exports.FULL_TOOLBAR_CONFIG=e.FULL_TOOLBAR_CONFIG,Object.defineProperty(exports,"GridType",{enumerable:!0,get:function(){return e.GridType}}),exports.GroupTalkPlugin=e.GroupTalkPlugin,exports.HoverTip=e.HoverTip,exports.Setting=e.Setting,exports.SvgIcon=e.SvgIcon,exports.SvgManager=e.SvgManager,exports.default=e.InfiWebsdk,exports.getDocumentType=e.getDocumentType,exports.getFileType=e.getFileType;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./index-c5ee71b0.js");require("react"),require("react-dom"),exports.FULL_TOOLBAR_CONFIG=e.FULL_TOOLBAR_CONFIG,Object.defineProperty(exports,"GridType",{enumerable:!0,get:function(){return e.GridType}}),exports.GroupTalkPlugin=e.GroupTalkPlugin,exports.HoverTip=e.HoverTip,exports.Setting=e.Setting,exports.SvgIcon=e.SvgIcon,exports.SvgManager=e.SvgManager,exports.default=e.InfiWebsdk,exports.getDocumentType=e.getDocumentType,exports.getFileType=e.getFileType;