@netless/appliance-plugin 1.1.15 → 1.1.16

package/dist/{index-Zo8fc0as.mjs → index-rETHYLFW.mjs}

@@ -1133,7 +1133,7 @@ function cf(a) {
   return nf(a, rf | af);
 }
 var lf = cf;
-const zt = /* @__PURE__ */ Re(lf), Jo = "1.1.15", hf = "@netless/appliance-plugin", as = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
+const zt = /* @__PURE__ */ Re(lf), Jo = "1.1.16", hf = "@netless/appliance-plugin", as = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
 if (typeof window < "u") {
   let a = window.__netlessUA || "";
   a += ` ${hf}@${Jo}`, window.__netlessUA = a;
@@ -9572,7 +9572,7 @@ class Mm extends ym {
   }
   async useMainThread() {
     console.info("no OffscreenCanvas");
-    const { MainThreadManagerImpl: t } = await import("./index-Dv9BzwAh.mjs");
+    const { MainThreadManagerImpl: t } = await import("./index-CC5vT6Yb.mjs");
     this.mainThread = new t(this);
   }
   async on() {
@@ -12560,8 +12560,8 @@ class Tm {
     var o;
     const e = this.getTranslate(i);
     let s = {
-      x: t.x + i.offsetLeft + e[0],
-      y: t.y + i.offsetTop + e[1]
+      x: t.x + i.offsetLeft - i.scrollLeft + e[0],
+      y: t.y + i.offsetTop - i.scrollTop + e[1]
     };
     return (o = i.offsetParent) != null && o.nodeName && i.offsetParent.nodeName !== "BODY" && (s = this.getContainerOffset(i.offsetParent, s)), s;
   }
@@ -12705,8 +12705,8 @@ class wn {
     var o;
     const e = this.getTranslate(i);
     let s = {
-      x: t.x + i.offsetLeft + e[0],
-      y: t.y + i.offsetTop + e[1]
+      x: t.x + i.offsetLeft - i.scrollLeft + e[0],
+      y: t.y + i.offsetTop - i.scrollTop + e[1]
     };
     return (o = i.offsetParent) != null && o.nodeName && i.offsetParent.nodeName !== "BODY" && (s = this.getContainerOffset(i.offsetParent, s)), s;
   }

package/dist/style.css

@@ -1 +1 @@
-.appliance-plugin-main-view-displayer,.appliance-plugin-app-view-displayer{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:2;box-sizing:content-box}.appliance-plugin-floatbtns{position:absolute;left:3px;transform:translateY(-60px);display:flex;flex-direction:row;align-items:center;background:#fff;border:1px solid #EFEFEF;box-shadow:0 6px 12px #0000001f;border-radius:4px;color-scheme:light;pointer-events:auto;z-index:9}.appliance-plugin-floatbtns .normal-button{width:40px;height:40px;touch-action:none}.appliance-plugin-floatbtns .button{display:flex;justify-content:center;align-items:center;cursor:pointer;border:none}.appliance-plugin-floatbtns .button:hover,.appliance-plugin-floatbtns .button.active{background-color:#eef0f6}.appliance-plugin-floatbtns .shapeOpt-sub-menu,.appliance-plugin-floatbtns .font-style-menu,.appliance-plugin-floatbtns .image-layer-menu,.appliance-plugin-floatbtns .font-colors-menu{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;padding:4px;background:#fff;box-shadow:0 3px 6px #0000001f;border-radius:2px;top:50px;touch-action:none}.appliance-plugin-floatbtns .shapeOpt-sub-menu .normal-button,.appliance-plugin-floatbtns .font-style-menu .normal-button,.appliance-plugin-floatbtns .image-layer-menu .normal-button,.appliance-plugin-floatbtns .font-colors-menu .normal-button{width:32px;height:32px;touch-action:none}.appliance-plugin-floatbtns .font-colors-menu{justify-content:flex-start;width:128px}.appliance-plugin-floatbtns .font-colors-menu .font-color-button{display:flex;justify-content:center;align-items:center;cursor:pointer;margin:4px;width:22px;height:22px;border-radius:50%;border-width:1px;border-style:solid;border-color:#fff;background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:6px 6px;box-sizing:border-box}.appliance-plugin-floatbtns .font-colors-menu .font-color-button.active{border-color:#a7a7a7}.appliance-plugin-floatbtns .font-colors-menu .font-color-button .circle{box-sizing:border-box;width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12);touch-action:none}.appliance-plugin-floatbtns .font-colors-menu .font-color-button .none{position:relative;background-color:#fff}.appliance-plugin-floatbtns .font-colors-menu .font-color-button .none:before{content:"";position:absolute;left:50%;width:1px;height:100%;background-color:#0000001f;transform:rotate(45deg)}.appliance-plugin-floatbtns .font-colors-icon{flex-direction:column}.appliance-plugin-floatbtns .font-colors-icon .color-bar{height:2px;width:12px;margin-top:-2px;background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:6px 6px}.appliance-plugin-floatbtns .font-colors-icon .color-bar .color-bar-color{width:100%;height:100%}.appliance-plugin-floatbtns .font-colors-icon .color-bar-fill,.appliance-plugin-floatbtns .font-colors-icon .color-bar-ring{height:12px;width:12px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:6px 6px}.appliance-plugin-floatbtns .font-colors-icon .color-bar-fill .circle,.appliance-plugin-floatbtns .font-colors-icon .color-bar-ring .circle{width:100%;height:100%;border-radius:50%;touch-action:none}.appliance-plugin-floatbtns .font-colors-icon .color-bar-ring{border:0}.appliance-plugin-floatbtns .font-colors-icon .color-bar-ring .circle{transform:translate(35%,30%);width:60%;height:60%;border-radius:50%;background-color:#fff;touch-action:none}.appliance-plugin-floatbtns .font-color-opacity{box-sizing:border-box;width:100px;height:6px;margin:5px 0 10px;border-radius:3px;background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:6px 6px;position:relative}.appliance-plugin-floatbtns .font-color-opacity .range-color{height:6px;box-shadow:inset 0 0 1px #00000040;border-radius:4px;top:0;right:0;bottom:0;left:0}.appliance-plugin-floatbtns .font-color-opacity .range-opacity{position:absolute;top:0;left:-10px;height:6px;width:120px;touch-action:auto}.appliance-plugin-floatbtns .font-color-opacity .range-opacity .range-opacity-data-icon{position:absolute;top:10px;left:0;width:30px;height:16px;text-align:center;background-color:#333;border-radius:4px;font-size:12px;color:#fff;display:none}.appliance-plugin-floatbtns .font-color-opacity .range-opacity:hover .range-opacity-data-icon{display:block}.appliance-plugin-floatbtns .font-color-opacity .circle{position:absolute;top:-3px;border:2px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 1px #00000040,0 0 0 1px #0000000f;width:12px;height:12px;box-sizing:border-box;touch-action:none}.appliance-plugin-floatbtns .font-style-menu{justify-content:space-between;width:128px}.appliance-plugin-floatbtns .font-style-menu .font-style-button{display:flex;justify-content:center;align-items:center;cursor:pointer;margin:4px;width:22px;height:22px;box-sizing:border-box}.appliance-plugin-floatbtns .font-style-menu .font-style-button.active{border-color:#a7a7a7}.appliance-plugin-floatbtns .font-size-barBtn .font-size-input{line-height:20px;height:20px;padding:0 2px;margin-left:2px;width:25px;border:1px solid;border-radius:3px}.appliance-plugin-floatbtns .font-size-barBtn .font-size-input:focus{background:#eef0f6}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns{width:15px;margin-left:3px;display:flex;flex-direction:column;justify-content:center}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add,.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-cut{position:relative;width:10px;height:10px}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add:hover,.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-cut:hover{background:#eef0f6}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add:after,.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-cut:after{content:"";position:absolute;top:0;border:4px solid #999;border-left-color:transparent;border-right-color:transparent}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add{margin-bottom:3px}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add:after{border-top-color:transparent}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-cut:after{border-bottom-color:transparent}.appliance-plugin-floatbtns .font-size-barBtn .font-size-menu{position:absolute;top:35px;width:50px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #EFEFEF;box-shadow:0 6px 12px #0000001f}.appliance-plugin-floatbtns .font-size-barBtn .font-size-menu .font-size-btn{font-size:12px;line-height:20px;width:100%;text-align:center}.appliance-plugin-floatbtns .font-size-barBtn .font-size-menu .font-size-btn:hover{background:#eef0f6}.appliance-plugin-floatbtns .font-size-barBtn:hover{background:#fff}.appliance-plugin-floatbtns .shapeOpt-sub-menu{flex-direction:column;touch-action:none}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-tabs{display:flex;flex-direction:row;justify-content:flex-start;width:100%}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-tabs .tab-button{width:32px;height:24px}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content{flex:1;background-color:#eef0f6;display:flex;flex-direction:column;align-items:baseline;width:100%}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button{flex:1;height:32px;padding:5px 0;cursor:default;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button img{width:16px;height:16px;margin:0 5px}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number{flex:1;padding:0 3px;height:20px;border:1px solid;border-radius:3px;margin-right:5px;max-width:70px;min-width:40px}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns{width:15px;display:flex;flex-direction:column;justify-content:center}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add,.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-cut{position:relative;width:10px;height:10px;cursor:pointer}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add:hover,.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-cut:hover{background:#eef0f6}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add:after,.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-cut:after{content:"";position:absolute;top:0;border:4px solid #999;border-left-color:transparent;border-right-color:transparent}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add{margin-bottom:3px}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add:after{border-top-color:transparent}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-cut:after{border-bottom-color:transparent}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .range-number-container{flex:1;box-sizing:border-box;width:100px;height:6px;margin:7px 6px 7px 0;border-radius:3px;background-color:#3381ff;position:relative}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .range-number-container .range-number-color{height:6px;box-shadow:inset 0 0 1px #00000040;border-radius:4px;top:0;right:0;bottom:0;left:0}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .range-number-container .range-number{position:absolute;top:0;left:-6px;height:6px;width:112px;cursor:pointer}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .range-number-container .circle{position:absolute;top:-3px;border:2px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 1px #00000040,0 0 0 1px #0000000f;width:12px;height:12px;box-sizing:border-box;background-color:#3381ff;touch-action:none}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .select-option-menu{position:absolute;top:60px;left:30px;width:80px;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #EFEFEF;box-shadow:0 6px 12px #0000001f}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .select-option-menu .select-option-btn{font-size:12px;line-height:20px;width:100%;text-align:center}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .select-option-menu .select-option-btn:hover{background:#eef0f6}.appliance-plugin-floatbtns .font-colors-line{width:100%;height:0px;border-bottom:1px dashed #ccc;margin-bottom:3px}.appliance-plugin-floatbtns .stroke-type-box{width:100%;height:15px;display:flex;flex-direction:row;justify-content:space-around;padding-top:8px;cursor:default}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item{box-sizing:content-box;padding-top:2px;width:20px;height:3px;border:0;cursor:pointer;opacity:.3}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.active{opacity:1}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.Stroke{margin-top:2px;padding:0;height:3px;border-radius:0 10px}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.Normal{height:0;border-bottom:3px solid}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.Dotted{height:0;border-bottom:3px dotted}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.LongDotted{height:0;border-bottom:3px dashed}.appliance-plugin-fill-scene-snapshot-img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);pointer-events:none}.index-module__Container__nLsM3{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;outline:none;pointer-events:none;touch-action:none}.index-module__Container__nLsM3 *{touch-action:none}.index-module__Container__nLsM3 .index-module__CanvasBox__j2Xe-{position:relative;width:100%;height:100%;pointer-events:none}.index-module__Container__nLsM3 .index-module__CanvasBox__j2Xe- .index-module__FloatCanvas__d1YR7{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.index-module__Container__nLsM3 .index-module__CanvasBox__j2Xe- .index-module__TopFloatCanvas__7IaCw{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.index-module__Container__nLsM3 .index-module__CanvasBoxSub__hcMeK{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1}.index-module__Container__nLsM3 .index-module__SnapshotBox__--eeE{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box{position:relative;box-sizing:border-box;width:100%;height:100%;border:1px solid;z-index:1;pointer-events:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .point{position:absolute;width:7px;height:7px;transform:translate(-50%,-50%);pointer-events:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .point-dot{margin:-1px 0 0 -1px;width:5px;height:5px;border:1px solid;border-radius:3px;background-color:#fff}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LT,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LB{left:0}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LT,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .TC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RT{top:0}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RT,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RB{right:-7px}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RB,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .BC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LB{bottom:-7px}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LC{top:50%}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .TC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .BC{left:50%}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .lock{pointer-events:none;position:absolute;width:22px;height:22px;top:-11px;left:-11px}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-floatCanvas-box{position:absolute;z-index:1;overflow:hidden}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-floatCanvas{width:100%;height:100%}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor-box{position:absolute;touch-action:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor{position:relative;padding:5px;pointer-events:auto;font-family:sans-serif;resize:none;z-index:2;border:1px dashed;white-space:pre;box-sizing:content-box;display:flex;flex-direction:column;align-items:baseline}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor:hover{border-style:solid}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor:focus,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor:focus-visible{outline:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .readOnly{border-color:transparent}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf{position:absolute;cursor:move;top:0;left:0;width:16px;height:16px;z-index:2;pointer-events:auto}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-btn{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:8px;display:flex;justify-content:center;align-items:center}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-btn img{width:12px;height:12px}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-mouse-pointer{position:relative;width:100%;height:100%;opacity:0}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-mouse-pointer.active{opacity:1}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-mouse-pointer img{width:100%;height:100%}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-mouse-pointer .angle-icon{position:absolute;top:-16px;left:-16px;width:30px;height:16px;text-align:center;background-color:#333;border-radius:4px;font-size:12px;color:#fff}.index-module__Container__nLsM3 .index-module__ResizeBtn__yjvda{position:absolute;box-sizing:content-box;top:0;width:0;left:0;z-index:1;touch-action:none}.index-module__Container__nLsM3 .index-module__CursorBox__2UHvI{position:absolute;left:0;top:0;z-index:2}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden;transform:translateZ(0)}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor-box{position:absolute;touch-action:none}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor{position:relative;padding:5px;pointer-events:auto;font-family:sans-serif;resize:none;z-index:2;border:1px dashed;white-space:nowrap;box-sizing:content-box;display:flex;flex-direction:column;align-items:baseline}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor:hover{border-style:solid}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor:focus,.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor:focus-visible{outline:none}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .readOnly{pointer-events:none;border-color:transparent}.index-module__Container__nLsM3 .index-module__ResizeTowBox__HOllX{position:absolute;top:0;width:0;left:0}.index-module__Container__nLsM3 .index-module__ResizeTowBox__HOllX .appliance-plugin-point-btn{position:absolute;width:5px;height:5px;border:1px solid;border-radius:3px;transform:translate(-50%,-50%);background-color:#fff;z-index:2}.index-module__Container__nLsM3 .index-module__ResizeTowBox__HOllX .appliance-plugin-point-draggable-btn{position:absolute;width:10px;height:10px;margin-top:-5px;margin-left:-5px;z-index:3;pointer-events:auto;cursor:move;touch-action:none}.index-module__Container__nLsM3 .index-module__FloatBarBtn__FJrOG{position:absolute;pointer-events:none}.cursor-box{color:#fff;padding:4px;border-radius:2px;width:100%;height:100%}.cursor-pencil-image{width:26px;height:26px}.cursor-selector-image{width:24px;height:24px}.cursor-selector-avatar{border-radius:50%;border-style:solid;border-width:2px;border-color:#fff;margin-bottom:2px}.cursor-inner{border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:row;padding-left:4px;padding-right:4px;font-size:12px}.cursor-inner-mellow{height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:row;padding-left:16px;padding-right:16px}.cursor-tag-name{font-size:12px;margin-left:4px;padding:2px 8px;border-radius:4px}.cursor-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:180px;height:64px}.cursor-pencil-offset{margin-left:-20px}.cursor-selector-offset{margin-left:-22px;margin-top:56px}.cursor-text-offset{margin-left:-30px;margin-top:18px}.cursor-shape-offset{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:180px;height:64px;margin-left:-30px;margin-top:12px}.cursor-name{width:100%;height:48px;display:flex;align-items:center;justify-content:center}
+.appliance-plugin-main-view-displayer,.appliance-plugin-app-view-displayer{position:relative;width:100%;height:100%;transform:translateY(-100%);pointer-events:none;z-index:2;box-sizing:content-box}.appliance-plugin-floatbtns{position:absolute;left:3px;transform:translateY(-60px);display:flex;flex-direction:row;align-items:center;background:#fff;border:1px solid #EFEFEF;box-shadow:0 6px 12px #0000001f;border-radius:4px;color-scheme:light;pointer-events:auto;z-index:9}.appliance-plugin-floatbtns .normal-button{width:40px;height:40px;touch-action:none}.appliance-plugin-floatbtns .button{display:flex;justify-content:center;align-items:center;cursor:pointer;border:none}.appliance-plugin-floatbtns .button:hover,.appliance-plugin-floatbtns .button.active{background-color:#eef0f6}.appliance-plugin-floatbtns .shapeOpt-sub-menu,.appliance-plugin-floatbtns .font-style-menu,.appliance-plugin-floatbtns .image-layer-menu,.appliance-plugin-floatbtns .font-colors-menu{box-sizing:border-box;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;padding:4px;background:#fff;box-shadow:0 3px 6px #0000001f;border-radius:2px;top:50px;touch-action:none}.appliance-plugin-floatbtns .shapeOpt-sub-menu .normal-button,.appliance-plugin-floatbtns .font-style-menu .normal-button,.appliance-plugin-floatbtns .image-layer-menu .normal-button,.appliance-plugin-floatbtns .font-colors-menu .normal-button{width:32px;height:32px;touch-action:none}.appliance-plugin-floatbtns .font-colors-menu{justify-content:flex-start;width:128px}.appliance-plugin-floatbtns .font-colors-menu .font-color-button{display:flex;justify-content:center;align-items:center;cursor:pointer;margin:4px;width:22px;height:22px;border-radius:50%;border-width:1px;border-style:solid;border-color:#fff;background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:6px 6px;box-sizing:border-box}.appliance-plugin-floatbtns .font-colors-menu .font-color-button.active{border-color:#a7a7a7}.appliance-plugin-floatbtns .font-colors-menu .font-color-button .circle{box-sizing:border-box;width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12);touch-action:none}.appliance-plugin-floatbtns .font-colors-menu .font-color-button .none{position:relative;background-color:#fff}.appliance-plugin-floatbtns .font-colors-menu .font-color-button .none:before{content:"";position:absolute;left:50%;width:1px;height:100%;background-color:#0000001f;transform:rotate(45deg)}.appliance-plugin-floatbtns .font-colors-icon{flex-direction:column}.appliance-plugin-floatbtns .font-colors-icon .color-bar{height:2px;width:12px;margin-top:-2px;background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:6px 6px}.appliance-plugin-floatbtns .font-colors-icon .color-bar .color-bar-color{width:100%;height:100%}.appliance-plugin-floatbtns .font-colors-icon .color-bar-fill,.appliance-plugin-floatbtns .font-colors-icon .color-bar-ring{height:12px;width:12px;border-radius:6px;border:1px solid rgba(0,0,0,.12);background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:6px 6px}.appliance-plugin-floatbtns .font-colors-icon .color-bar-fill .circle,.appliance-plugin-floatbtns .font-colors-icon .color-bar-ring .circle{width:100%;height:100%;border-radius:50%;touch-action:none}.appliance-plugin-floatbtns .font-colors-icon .color-bar-ring{border:0}.appliance-plugin-floatbtns .font-colors-icon .color-bar-ring .circle{transform:translate(35%,30%);width:60%;height:60%;border-radius:50%;background-color:#fff;touch-action:none}.appliance-plugin-floatbtns .font-color-opacity{box-sizing:border-box;width:100px;height:6px;margin:5px 0 10px;border-radius:3px;background-image:conic-gradient(rgba(0,0,0,.06) 0 25%,transparent 0 50%,rgba(0,0,0,.06) 0 75%,transparent 0);background-size:6px 6px;position:relative}.appliance-plugin-floatbtns .font-color-opacity .range-color{height:6px;box-shadow:inset 0 0 1px #00000040;border-radius:4px;top:0;right:0;bottom:0;left:0}.appliance-plugin-floatbtns .font-color-opacity .range-opacity{position:absolute;top:0;left:-10px;height:6px;width:120px;touch-action:auto}.appliance-plugin-floatbtns .font-color-opacity .range-opacity .range-opacity-data-icon{position:absolute;top:10px;left:0;width:30px;height:16px;text-align:center;background-color:#333;border-radius:4px;font-size:12px;color:#fff;display:none}.appliance-plugin-floatbtns .font-color-opacity .range-opacity:hover .range-opacity-data-icon{display:block}.appliance-plugin-floatbtns .font-color-opacity .circle{position:absolute;top:-3px;border:2px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 1px #00000040,0 0 0 1px #0000000f;width:12px;height:12px;box-sizing:border-box;touch-action:none}.appliance-plugin-floatbtns .font-style-menu{justify-content:space-between;width:128px}.appliance-plugin-floatbtns .font-style-menu .font-style-button{display:flex;justify-content:center;align-items:center;cursor:pointer;margin:4px;width:22px;height:22px;box-sizing:border-box}.appliance-plugin-floatbtns .font-style-menu .font-style-button.active{border-color:#a7a7a7}.appliance-plugin-floatbtns .font-size-barBtn .font-size-input{line-height:20px;height:20px;padding:0 2px;margin-left:2px;width:25px;border:1px solid;border-radius:3px}.appliance-plugin-floatbtns .font-size-barBtn .font-size-input:focus{background:#eef0f6}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns{width:15px;margin-left:3px;display:flex;flex-direction:column;justify-content:center}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add,.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-cut{position:relative;width:10px;height:10px}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add:hover,.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-cut:hover{background:#eef0f6}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add:after,.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-cut:after{content:"";position:absolute;top:0;border:4px solid #999;border-left-color:transparent;border-right-color:transparent}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add{margin-bottom:3px}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-add:after{border-top-color:transparent}.appliance-plugin-floatbtns .font-size-barBtn .font-size-btns .font-size-cut:after{border-bottom-color:transparent}.appliance-plugin-floatbtns .font-size-barBtn .font-size-menu{position:absolute;top:35px;width:50px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #EFEFEF;box-shadow:0 6px 12px #0000001f}.appliance-plugin-floatbtns .font-size-barBtn .font-size-menu .font-size-btn{font-size:12px;line-height:20px;width:100%;text-align:center}.appliance-plugin-floatbtns .font-size-barBtn .font-size-menu .font-size-btn:hover{background:#eef0f6}.appliance-plugin-floatbtns .font-size-barBtn:hover{background:#fff}.appliance-plugin-floatbtns .shapeOpt-sub-menu{flex-direction:column;touch-action:none}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-tabs{display:flex;flex-direction:row;justify-content:flex-start;width:100%}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-tabs .tab-button{width:32px;height:24px}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content{flex:1;background-color:#eef0f6;display:flex;flex-direction:column;align-items:baseline;width:100%}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button{flex:1;height:32px;padding:5px 0;cursor:default;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button img{width:16px;height:16px;margin:0 5px}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number{flex:1;padding:0 3px;height:20px;border:1px solid;border-radius:3px;margin-right:5px;max-width:70px;min-width:40px}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns{width:15px;display:flex;flex-direction:column;justify-content:center}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add,.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-cut{position:relative;width:10px;height:10px;cursor:pointer}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add:hover,.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-cut:hover{background:#eef0f6}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add:after,.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-cut:after{content:"";position:absolute;top:0;border:4px solid #999;border-left-color:transparent;border-right-color:transparent}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add{margin-bottom:3px}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-add:after{border-top-color:transparent}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .input-number-btns .input-number-cut:after{border-bottom-color:transparent}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .range-number-container{flex:1;box-sizing:border-box;width:100px;height:6px;margin:7px 6px 7px 0;border-radius:3px;background-color:#3381ff;position:relative}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .range-number-container .range-number-color{height:6px;box-shadow:inset 0 0 1px #00000040;border-radius:4px;top:0;right:0;bottom:0;left:0}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .range-number-container .range-number{position:absolute;top:0;left:-6px;height:6px;width:112px;cursor:pointer}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .range-number-container .circle{position:absolute;top:-3px;border:2px solid #ffffff;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 1px #00000040,0 0 0 1px #0000000f;width:12px;height:12px;box-sizing:border-box;background-color:#3381ff;touch-action:none}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .select-option-menu{position:absolute;top:60px;left:30px;width:80px;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #EFEFEF;box-shadow:0 6px 12px #0000001f}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .select-option-menu .select-option-btn{font-size:12px;line-height:20px;width:100%;text-align:center}.appliance-plugin-floatbtns .shapeOpt-sub-menu .shapeOpt-sub-menu-content .input-button .select-option-menu .select-option-btn:hover{background:#eef0f6}.appliance-plugin-floatbtns .font-colors-line{width:100%;height:0px;border-bottom:1px dashed #ccc;margin-bottom:3px}.appliance-plugin-floatbtns .stroke-type-box{width:100%;height:15px;display:flex;flex-direction:row;justify-content:space-around;padding-top:8px;cursor:default}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item{box-sizing:content-box;padding-top:2px;width:20px;height:3px;border:0;cursor:pointer;opacity:.3}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.active{opacity:1}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.Stroke{margin-top:2px;padding:0;height:3px;border-radius:0 10px}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.Normal{height:0;border-bottom:3px solid}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.Dotted{height:0;border-bottom:3px dotted}.appliance-plugin-floatbtns .stroke-type-box .stroke-type-box-item.LongDotted{height:0;border-bottom:3px dashed}.appliance-plugin-fill-scene-snapshot-img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;transform:translate(-50%,-50%);pointer-events:none}.index-module__Container__nLsM3{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;outline:none;pointer-events:none;touch-action:none}.index-module__Container__nLsM3 *{touch-action:none}.index-module__Container__nLsM3 .index-module__CanvasBox__j2Xe-{position:relative;width:100%;height:100%;pointer-events:none}.index-module__Container__nLsM3 .index-module__CanvasBox__j2Xe- .index-module__FloatCanvas__d1YR7{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.index-module__Container__nLsM3 .index-module__CanvasBox__j2Xe- .index-module__TopFloatCanvas__7IaCw{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.index-module__Container__nLsM3 .index-module__CanvasBoxSub__hcMeK{position:absolute!important;top:0;left:0;width:100%;height:100%;z-index:1}.index-module__Container__nLsM3 .index-module__SnapshotBox__--eeE{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box{position:relative;box-sizing:border-box;width:100%;height:100%;border:1px solid;z-index:1;pointer-events:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .point{position:absolute;width:7px;height:7px;transform:translate(-50%,-50%);pointer-events:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .point-dot{margin:-1px 0 0 -1px;width:5px;height:5px;border:1px solid;border-radius:3px;background-color:#fff}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LT,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LB{left:0}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LT,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .TC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RT{top:0}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RT,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RB{right:-7px}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RB,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .BC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LB{bottom:-7px}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .RC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .LC{top:50%}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .TC,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .BC{left:50%}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-hightlight-box .lock{pointer-events:none;position:absolute;width:22px;height:22px;top:-11px;left:-11px}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-floatCanvas-box{position:absolute;z-index:1;overflow:hidden}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .appliance-plugin-floatCanvas{width:100%;height:100%}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor-box{position:absolute;touch-action:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor{position:relative;padding:5px;pointer-events:auto;font-family:sans-serif;resize:none;z-index:2;border:1px dashed;white-space:pre;box-sizing:content-box;display:flex;flex-direction:column;align-items:baseline}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor:hover{border-style:solid}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor:focus,.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .editor:focus-visible{outline:none}.index-module__Container__nLsM3 .index-module__FloatBar__cm-EL .readOnly{border-color:transparent}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf{position:absolute;cursor:move;top:0;left:0;width:16px;height:16px;z-index:2;pointer-events:auto}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-btn{position:absolute;left:0;top:0;width:16px;height:16px;border-radius:8px;display:flex;justify-content:center;align-items:center}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-btn img{width:12px;height:12px}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-mouse-pointer{position:relative;width:100%;height:100%;opacity:0}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-mouse-pointer.active{opacity:1}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-mouse-pointer img{width:100%;height:100%}.index-module__Container__nLsM3 .index-module__RotateBtn__HSSkf .appliance-plugin-rotate-mouse-pointer .angle-icon{position:absolute;top:-16px;left:-16px;width:30px;height:16px;text-align:center;background-color:#333;border-radius:4px;font-size:12px;color:#fff}.index-module__Container__nLsM3 .index-module__ResizeBtn__yjvda{position:absolute;box-sizing:content-box;top:0;width:0;left:0;z-index:1;touch-action:none}.index-module__Container__nLsM3 .index-module__CursorBox__2UHvI{position:absolute;left:0;top:0;z-index:2}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden;transform:translateZ(0)}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor-box{position:absolute;touch-action:none}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor{position:relative;padding:5px;pointer-events:auto;font-family:sans-serif;resize:none;z-index:2;border:1px dashed;white-space:nowrap;box-sizing:content-box;display:flex;flex-direction:column;align-items:baseline}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor:hover{border-style:solid}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor:focus,.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .editor:focus-visible{outline:none}.index-module__Container__nLsM3 .index-module__TextEditorContainer__Qm8KC .readOnly{pointer-events:none;border-color:transparent}.index-module__Container__nLsM3 .index-module__ResizeTowBox__HOllX{position:absolute;top:0;width:0;left:0}.index-module__Container__nLsM3 .index-module__ResizeTowBox__HOllX .appliance-plugin-point-btn{position:absolute;width:5px;height:5px;border:1px solid;border-radius:3px;transform:translate(-50%,-50%);background-color:#fff;z-index:2}.index-module__Container__nLsM3 .index-module__ResizeTowBox__HOllX .appliance-plugin-point-draggable-btn{position:absolute;width:10px;height:10px;margin-top:-5px;margin-left:-5px;z-index:3;pointer-events:auto;cursor:move;touch-action:none}.index-module__Container__nLsM3 .index-module__FloatBarBtn__FJrOG{position:absolute;pointer-events:none}.cursor-box{color:#fff;padding:4px;border-radius:2px;width:100%;height:100%}.cursor-pencil-image{width:26px;height:26px}.cursor-selector-image{width:24px;height:24px}.cursor-selector-avatar{border-radius:50%;border-style:solid;border-width:2px;border-color:#fff;margin-bottom:2px}.cursor-inner{border-radius:4px;display:flex;align-items:center;justify-content:center;flex-direction:row;padding-left:4px;padding-right:4px;font-size:12px}.cursor-inner-mellow{height:32px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:row;padding-left:16px;padding-right:16px}.cursor-tag-name{font-size:12px;margin-left:4px;padding:2px 8px;border-radius:4px}.cursor-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:180px;height:64px}.cursor-pencil-offset{margin-left:-20px}.cursor-selector-offset{margin-left:-22px;margin-top:56px}.cursor-text-offset{margin-left:-30px;margin-top:18px}.cursor-shape-offset{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:180px;height:64px;margin-left:-30px;margin-top:12px}.cursor-name{width:100%;height:48px;display:flex;align-items:center;justify-content:center}

package/dist/subWorker.js

@@ -396,7 +396,7 @@ _inherits(o,_e$default22);return _createClass(o,[{key:"texture",get:function get
 c=="length"||// Node.js 0.10 has enumerable non-index properties on buffers.
 n&&(c=="offset"||c=="parent")||// PhantomJS 2 has enumerable non-index properties on typed arrays.
 i&&(c=="buffer"||c=="byteLength"||c=="byteOffset")||// Skip index properties.
-xc(c,s)))&&o.push(c);return o;}var _n=Oc,Ec=Object.prototype;function Cc(h){var r=h&&h.constructor,t=typeof r=="function"&&r.prototype||Ec;return h===t;}var Ar=Cc;function Ac(h,r){return function(t){return h(r(t));};}var ti=Ac,Rc=ti,Ic=Rc(Object.keys,Object),wc=Ic,Lc=Ar,bc=wc,Dc=Object.prototype,Nc=Dc.hasOwnProperty;function Wc(h){if(!Lc(h))return bc(h);var r=[];for(var t in Object(h))Nc.call(h,t)&&t!="constructor"&&r.push(t);return r;}var Bc=Wc,Fc=Gn,Uc=Qn;function jc(h){return h!=null&&Uc(h.length)&&!Fc(h);}var Rr=jc,$c=_n,zc=Bc,Gc=Rr;function Hc(h){return Gc(h)?$c(h):zc(h);}var Ir=Hc,Kc=ar,Yc=Ir;function Vc(h,r){return h&&Kc(r,Yc(r),h);}var kc=Vc;function Xc(h){var r=[];if(h!=null)for(var t in Object(h))r.push(t);return r;}var Jc=Xc,Zc=pe,Qc=Ar,qc=Jc,_c=Object.prototype,tf=_c.hasOwnProperty;function ef(h){if(!Zc(h))return qc(h);var r=Qc(h),t=[];for(var e in h)e=="constructor"&&(r||!tf.call(h,e))||t.push(e);return t;}var rf=ef,nf=_n,sf=rf,of=Rr;function af(h){return of(h)?nf(h,!0):sf(h);}var wr=af,lf=ar,cf=wr;function ff(h,r){return h&&lf(r,cf(r),h);}var hf=ff,ke={exports:{}};ke.exports;(function(h,r){var t=se,e=r&&!r.nodeType&&r,n=e&&!0&&h&&!h.nodeType&&h,i=n&&n.exports===e,a=i?t.Buffer:void 0,o=a?a.allocUnsafe:void 0;function s(c,m){if(m)return c.slice();var l=c.length,p=o?o(l):new c.constructor(l);return c.copy(p),p;}h.exports=s;})(ke,ke.exports);var uf=ke.exports;function df(h,r){var t=-1,e=h.length;for(r||(r=Array(e));++t<e;)r[t]=h[t];return r;}var pf=df;function gf(h,r){for(var t=-1,e=h==null?0:h.length,n=0,i=[];++t<e;){var a=h[t];r(a,t,h)&&(i[n++]=a);}return i;}var ei=gf;function mf(){return[];}var ri=mf,vf=ei,yf=ri,Sf=Object.prototype,xf=Sf.propertyIsEnumerable,rn=Object.getOwnPropertySymbols,Tf=rn?function(h){return h==null?[]:(h=Object(h),vf(rn(h),function(r){return xf.call(h,r);}));}:yf,Lr=Tf,Mf=ar,Pf=Lr;function Of(h,r){return Mf(h,Pf(h),r);}var Ef=Of;function Cf(h,r){for(var t=-1,e=r.length,n=h.length;++t<e;)h[n+t]=r[t];return h;}var br=Cf,Af=ti,Rf=Af(Object.getPrototypeOf,Object),ni=Rf,If=br,wf=ni,Lf=Lr,bf=ri,Df=Object.getOwnPropertySymbols,Nf=Df?function(h){for(var r=[];h;)If(r,Lf(h)),h=wf(h);return r;}:bf,ii=Nf,Wf=ar,Bf=ii;function Ff(h,r){return Wf(h,Bf(h),r);}var Uf=Ff,jf=br,$f=ze;function zf(h,r,t){var e=r(h);return $f(h)?e:jf(e,t(h));}var si=zf,Gf=si,Hf=Lr,Kf=Ir;function Yf(h){return Gf(h,Kf,Hf);}var oi=Yf,Vf=si,kf=ii,Xf=wr;function Jf(h){return Vf(h,Xf,kf);}var Zf=Jf,Qf=ve,qf=se,_f=Qf(qf,"DataView"),th=_f,eh=ve,rh=se,nh=eh(rh,"Promise"),ih=nh,sh=ve,oh=se,ah=sh(oh,"Set"),ai=ah,lh=ve,ch=se,fh=lh(ch,"WeakMap"),hh=fh,gr=th,mr=Or,vr=ih,yr=ai,Sr=hh,li=me,we=Hn,nn="[object Map]",uh="[object Object]",sn="[object Promise]",on="[object Set]",an="[object WeakMap]",ln="[object DataView]",dh=we(gr),ph=we(mr),gh=we(vr),mh=we(yr),vh=we(Sr),ge=li;(gr&&ge(new gr(new ArrayBuffer(1)))!=ln||mr&&ge(new mr())!=nn||vr&&ge(vr.resolve())!=sn||yr&&ge(new yr())!=on||Sr&&ge(new Sr())!=an)&&(ge=function ge(h){var r=li(h),t=r==uh?h.constructor:void 0,e=t?we(t):"";if(e)switch(e){case dh:return ln;case ph:return nn;case gh:return sn;case mh:return on;case vh:return an;}return r;});var cr=ge,yh=Object.prototype,Sh=yh.hasOwnProperty;function xh(h){var r=h.length,t=new h.constructor(r);return r&&typeof h[0]=="string"&&Sh.call(h,"index")&&(t.index=h.index,t.input=h.input),t;}var Th=xh,Mh=se,Ph=Mh.Uint8Array,ci=Ph,cn=ci;function Oh(h){var r=new h.constructor(h.byteLength);return new cn(r).set(new cn(h)),r;}var Dr=Oh,Eh=Dr;function Ch(h,r){var t=r?Eh(h.buffer):h.buffer;return new h.constructor(t,h.byteOffset,h.byteLength);}var Ah=Ch,Rh=/\w*$/;function Ih(h){var r=new h.constructor(h.source,Rh.exec(h));return r.lastIndex=h.lastIndex,r;}var wh=Ih,fn=$e,hn=fn?fn.prototype:void 0,un=hn?hn.valueOf:void 0;function Lh(h){return un?Object(un.call(h)):{};}var bh=Lh,Dh=Dr;function Nh(h,r){var t=r?Dh(h.buffer):h.buffer;return new h.constructor(t,h.byteOffset,h.length);}var Wh=Nh,Bh=Dr,Fh=Ah,Uh=wh,jh=bh,$h=Wh,zh="[object Boolean]",Gh="[object Date]",Hh="[object Map]",Kh="[object Number]",Yh="[object RegExp]",Vh="[object Set]",kh="[object String]",Xh="[object Symbol]",Jh="[object ArrayBuffer]",Zh="[object DataView]",Qh="[object Float32Array]",qh="[object Float64Array]",_h="[object Int8Array]",tu="[object Int16Array]",eu="[object Int32Array]",ru="[object Uint8Array]",nu="[object Uint8ClampedArray]",iu="[object Uint16Array]",su="[object Uint32Array]";function ou(h,r,t){var e=h.constructor;switch(r){case Jh:return Bh(h);case zh:case Gh:return new e(+h);case Zh:return Fh(h,t);case Qh:case qh:case _h:case tu:case eu:case ru:case nu:case iu:case su:return $h(h,t);case Hh:return new e();case Kh:case kh:return new e(h);case Yh:return Uh(h);case Vh:return new e();case Xh:return jh(h);}}var au=ou,lu=pe,dn=Object.create,cu=/* @__PURE__ */function(){function h(){}return function(r){if(!lu(r))return{};if(dn)return dn(r);h.prototype=r;var t=new h();return h.prototype=void 0,t;};}(),fu=cu,hu=fu,uu=ni,du=Ar;function pu(h){return typeof h.constructor=="function"&&!du(h)?hu(uu(h)):{};}var gu=pu,mu=cr,vu=oe,yu="[object Map]";function Su(h){return vu(h)&&mu(h)==yu;}var xu=Su,Tu=xu,Mu=lr,pn=Cr,gn=pn&&pn.isMap,Pu=gn?Mu(gn):Tu,Ou=Pu,Eu=cr,Cu=oe,Au="[object Set]";function Ru(h){return Cu(h)&&Eu(h)==Au;}var Iu=Ru,wu=Iu,Lu=lr,mn=Cr,vn=mn&&mn.isSet,bu=vn?Lu(vn):wu,fi=bu,Du=/* @__PURE__ */de(fi),Nu=Yn,Wu=sl,Bu=Xn,Fu=kc,Uu=hf,ju=uf,$u=pf,zu=Ef,Gu=Uf,Hu=oi,Ku=Zf,Yu=cr,Vu=Th,ku=au,Xu=gu,Ju=ze,Zu=Er,Qu=Ou,qu=pe,_u=fi,td=Ir,ed=wr,rd=1,nd=2,id=4,hi="[object Arguments]",sd="[object Array]",od="[object Boolean]",ad="[object Date]",ld="[object Error]",ui="[object Function]",cd="[object GeneratorFunction]",fd="[object Map]",hd="[object Number]",di="[object Object]",ud="[object RegExp]",dd="[object Set]",pd="[object String]",gd="[object Symbol]",md="[object WeakMap]",vd="[object ArrayBuffer]",yd="[object DataView]",Sd="[object Float32Array]",xd="[object Float64Array]",Td="[object Int8Array]",Md="[object Int16Array]",Pd="[object Int32Array]",Od="[object Uint8Array]",Ed="[object Uint8ClampedArray]",Cd="[object Uint16Array]",Ad="[object Uint32Array]",Ut={};Ut[hi]=Ut[sd]=Ut[vd]=Ut[yd]=Ut[od]=Ut[ad]=Ut[Sd]=Ut[xd]=Ut[Td]=Ut[Md]=Ut[Pd]=Ut[fd]=Ut[hd]=Ut[di]=Ut[ud]=Ut[dd]=Ut[pd]=Ut[gd]=Ut[Od]=Ut[Ed]=Ut[Cd]=Ut[Ad]=!0;Ut[ld]=Ut[ui]=Ut[md]=!1;function Ke(h,r,t,e,n,i){var a,o=r&rd,s=r&nd,c=r&id;if(t&&(a=n?t(h,e,n,i):t(h)),a!==void 0)return a;if(!qu(h))return h;var m=Ju(h);if(m){if(a=Vu(h),!o)return $u(h,a);}else{var l=Yu(h),p=l==ui||l==cd;if(Zu(h))return ju(h,o);if(l==di||l==hi||p&&!n){if(a=s||p?{}:Xu(h),!o)return s?Gu(h,Uu(a,h)):zu(h,Fu(a,h));}else{if(!Ut[l])return n?h:{};a=ku(h,l,o);}}i||(i=new Nu());var y=i.get(h);if(y)return y;i.set(h,a),_u(h)?h.forEach(function(v){a.add(Ke(v,r,t,v,h,i));}):Qu(h)&&h.forEach(function(v,T){a.set(T,Ke(v,r,t,T,h,i));});var P=c?s?Ku:Hu:s?ed:td,S=m?void 0:P(h);return Wu(S||h,function(v,T){S&&(T=v,v=h[T]),Bu(a,T,Ke(v,r,t,T,h,i));}),a;}var Rd=Ke,Id=Rd,wd=1,Ld=4;function bd(h){return Id(h,wd|Ld);}var Dd=bd,Vt=/* @__PURE__ */de(Dd);var pi="1.1.15",Nd="@netless/appliance-plugin";if((typeof window==="undefined"?"undefined":_typeof(window))<"u"){var h=window.__netlessUA||"";h+=" ".concat(Nd,"@").concat(pi),window.__netlessUA=h;}var te={syncOpt:{interval:500},cdn:{subWorkerUrl:"https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@latest/dist/subWorker.js",fullWorkerUrl:"https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@latest/dist/fullWorker.js"},cursor:{expirationTime:5e3},bufferSize:{full:2e4,sub:600},bezier:{combineUnitTime:100},pencilEraser:{useBitMap:!0,maxImageWidth:1920,maxImageHeight:1920},strokeWidth:{min:1,max:10}};function ae(h){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:!0;var t=h.length;if(t<2)return"";var e=h[0],n=h[1];if(t===2)return"M".concat(ye(e),"L").concat(ye(n));var i="";for(var a=2,o=t-1;a<o;a++)e=h[a],n=h[a+1],i+=Se(e,n);return r?"M".concat(Se(h[0],h[1]),"Q").concat(ye(h[1])).concat(Se(h[1],h[2]),"T").concat(i).concat(Se(h[t-1],h[0])).concat(Se(h[0],h[1]),"Z"):"M".concat(ye(h[0]),"Q").concat(ye(h[1])).concat(Se(h[1],h[2])).concat(h.length>3?"T":"").concat(i,"L").concat(ye(h[t-1]));}var qt=/*#__PURE__*/function(){function qt(r){_classCallCheck(this,qt);tt(this,"maxImageWidth",te.pencilEraser.maxImageWidth);tt(this,"maxImageHeight",te.pencilEraser.maxImageHeight);tt(this,"syncUnitTime",te.syncOpt.interval);tt(this,"vNodes");tt(this,"drawLayer");tt(this,"fullLayer");tt(this,"workId");tt(this,"isDelete",!1);var t=r.vNodes,e=r.fullLayer,n=r.drawLayer,i=r.workId,a=r.toolsOpt;this.vNodes=t,this.fullLayer=e,this.drawLayer=n,this.workId=i,this.syncUnitTime=a.syncUnitTime||this.syncUnitTime;}return _createClass(qt,[{key:"baseConsumeResult",get:function get(){return{workId:this.workId,toolsType:this.toolsType,opt:this.workOptions};}},{key:"filterSamePoints",value:function filterSamePoints(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0.01;return r.reduce(function(e,n){var i=e[e.length-1];return(n&&!i||n&&i&&!n.isNear(i,t))&&e.push(n),e;},[]);}/** 设置工作id */},{key:"setWorkId",value:function setWorkId(r){this.workId=r;}},{key:"getWorkId",value:function getWorkId(){return this.workId;}/** 获取工作选项配置 */},{key:"getWorkOptions",value:function getWorkOptions(){return this.workOptions;}/** 设置工作选项配置 */},{key:"setWorkOptions",value:function setWorkOptions(r){var n,i,a;this.workOptions=r,this.syncUnitTime=r.syncUnitTime||this.syncUnitTime;var t=(n=this.workId)==null?void 0:n.toString(),e=t&&((i=this.vNodes)==null?void 0:i.get(t))||void 0;t&&e&&(e.opt=r,(a=this.vNodes)==null||a.setInfo(t,e));}/** 更新服务端同步配置,返回绘制结果 */},{key:"updataOptService",value:function updataOptService(r){var n,i;var t;var e=(n=this.workId)==null?void 0:n.toString();if(e&&r){var a=this.fullLayer.getElementsByName(e)||this.drawLayer&&this.drawLayer.getElementsByName(e)||[];if(a.length!==1)return;var o=a[0],s=r.pos,c=r.zIndex,m=r.scale,l=r.angle,p=r.translate,y={};kt(c)&&(y.zIndex=c),s&&(y.pos=[s[0],s[1]]),m&&(y.scale=m),l&&(y.rotate=l),p&&(y.translate=p),o.attr(y);var P=o==null?void 0:o.getBoundingClientRect();return P&&(t=Pt(t,{x:Math.floor(P.x-qt.SafeBorderPadding),y:Math.floor(P.y-qt.SafeBorderPadding),w:Math.floor(P.width+qt.SafeBorderPadding*2),h:Math.floor(P.height+qt.SafeBorderPadding*2)})),(i=this.vNodes)==null||i.setInfo(e,{rect:t,centerPos:s}),t;}}},{key:"drawEraserlines",value:function drawEraserlines(r,t){var e=r.group,n=r.eraserlines,i=r.pos,a=r.layer,o=a.parent;if(!t)return;var c=(a.renderer.glRenderer||a.renderer.canvasRenderer).options.displayRatio,m=e.getBoundingClientRect(),l=m.width*c*a.worldScaling[0],p=m.height*c*a.worldScaling[1];var y=1;(l>this.maxImageWidth||p>this.maxImageHeight)&&(y=Math.min(this.maxImageWidth/l,this.maxImageHeight/p));var P=a.getAttribute("scale");P=[P[0]*y,P[1]*y];var S=a.parent.parent,v=a.getAttribute("translate"),T=this.createVmRenderNode("".concat(this.workId,"_bitMapLayer"),S,{offscreen:o.offscreen,width:o.width,height:o.height,contextType:"2d",autoRender:!1,// desynchronized: true,
+xc(c,s)))&&o.push(c);return o;}var _n=Oc,Ec=Object.prototype;function Cc(h){var r=h&&h.constructor,t=typeof r=="function"&&r.prototype||Ec;return h===t;}var Ar=Cc;function Ac(h,r){return function(t){return h(r(t));};}var ti=Ac,Rc=ti,Ic=Rc(Object.keys,Object),wc=Ic,Lc=Ar,bc=wc,Dc=Object.prototype,Nc=Dc.hasOwnProperty;function Wc(h){if(!Lc(h))return bc(h);var r=[];for(var t in Object(h))Nc.call(h,t)&&t!="constructor"&&r.push(t);return r;}var Bc=Wc,Fc=Gn,Uc=Qn;function jc(h){return h!=null&&Uc(h.length)&&!Fc(h);}var Rr=jc,$c=_n,zc=Bc,Gc=Rr;function Hc(h){return Gc(h)?$c(h):zc(h);}var Ir=Hc,Kc=ar,Yc=Ir;function Vc(h,r){return h&&Kc(r,Yc(r),h);}var kc=Vc;function Xc(h){var r=[];if(h!=null)for(var t in Object(h))r.push(t);return r;}var Jc=Xc,Zc=pe,Qc=Ar,qc=Jc,_c=Object.prototype,tf=_c.hasOwnProperty;function ef(h){if(!Zc(h))return qc(h);var r=Qc(h),t=[];for(var e in h)e=="constructor"&&(r||!tf.call(h,e))||t.push(e);return t;}var rf=ef,nf=_n,sf=rf,of=Rr;function af(h){return of(h)?nf(h,!0):sf(h);}var wr=af,lf=ar,cf=wr;function ff(h,r){return h&&lf(r,cf(r),h);}var hf=ff,ke={exports:{}};ke.exports;(function(h,r){var t=se,e=r&&!r.nodeType&&r,n=e&&!0&&h&&!h.nodeType&&h,i=n&&n.exports===e,a=i?t.Buffer:void 0,o=a?a.allocUnsafe:void 0;function s(c,m){if(m)return c.slice();var l=c.length,p=o?o(l):new c.constructor(l);return c.copy(p),p;}h.exports=s;})(ke,ke.exports);var uf=ke.exports;function df(h,r){var t=-1,e=h.length;for(r||(r=Array(e));++t<e;)r[t]=h[t];return r;}var pf=df;function gf(h,r){for(var t=-1,e=h==null?0:h.length,n=0,i=[];++t<e;){var a=h[t];r(a,t,h)&&(i[n++]=a);}return i;}var ei=gf;function mf(){return[];}var ri=mf,vf=ei,yf=ri,Sf=Object.prototype,xf=Sf.propertyIsEnumerable,rn=Object.getOwnPropertySymbols,Tf=rn?function(h){return h==null?[]:(h=Object(h),vf(rn(h),function(r){return xf.call(h,r);}));}:yf,Lr=Tf,Mf=ar,Pf=Lr;function Of(h,r){return Mf(h,Pf(h),r);}var Ef=Of;function Cf(h,r){for(var t=-1,e=r.length,n=h.length;++t<e;)h[n+t]=r[t];return h;}var br=Cf,Af=ti,Rf=Af(Object.getPrototypeOf,Object),ni=Rf,If=br,wf=ni,Lf=Lr,bf=ri,Df=Object.getOwnPropertySymbols,Nf=Df?function(h){for(var r=[];h;)If(r,Lf(h)),h=wf(h);return r;}:bf,ii=Nf,Wf=ar,Bf=ii;function Ff(h,r){return Wf(h,Bf(h),r);}var Uf=Ff,jf=br,$f=ze;function zf(h,r,t){var e=r(h);return $f(h)?e:jf(e,t(h));}var si=zf,Gf=si,Hf=Lr,Kf=Ir;function Yf(h){return Gf(h,Kf,Hf);}var oi=Yf,Vf=si,kf=ii,Xf=wr;function Jf(h){return Vf(h,Xf,kf);}var Zf=Jf,Qf=ve,qf=se,_f=Qf(qf,"DataView"),th=_f,eh=ve,rh=se,nh=eh(rh,"Promise"),ih=nh,sh=ve,oh=se,ah=sh(oh,"Set"),ai=ah,lh=ve,ch=se,fh=lh(ch,"WeakMap"),hh=fh,gr=th,mr=Or,vr=ih,yr=ai,Sr=hh,li=me,we=Hn,nn="[object Map]",uh="[object Object]",sn="[object Promise]",on="[object Set]",an="[object WeakMap]",ln="[object DataView]",dh=we(gr),ph=we(mr),gh=we(vr),mh=we(yr),vh=we(Sr),ge=li;(gr&&ge(new gr(new ArrayBuffer(1)))!=ln||mr&&ge(new mr())!=nn||vr&&ge(vr.resolve())!=sn||yr&&ge(new yr())!=on||Sr&&ge(new Sr())!=an)&&(ge=function ge(h){var r=li(h),t=r==uh?h.constructor:void 0,e=t?we(t):"";if(e)switch(e){case dh:return ln;case ph:return nn;case gh:return sn;case mh:return on;case vh:return an;}return r;});var cr=ge,yh=Object.prototype,Sh=yh.hasOwnProperty;function xh(h){var r=h.length,t=new h.constructor(r);return r&&typeof h[0]=="string"&&Sh.call(h,"index")&&(t.index=h.index,t.input=h.input),t;}var Th=xh,Mh=se,Ph=Mh.Uint8Array,ci=Ph,cn=ci;function Oh(h){var r=new h.constructor(h.byteLength);return new cn(r).set(new cn(h)),r;}var Dr=Oh,Eh=Dr;function Ch(h,r){var t=r?Eh(h.buffer):h.buffer;return new h.constructor(t,h.byteOffset,h.byteLength);}var Ah=Ch,Rh=/\w*$/;function Ih(h){var r=new h.constructor(h.source,Rh.exec(h));return r.lastIndex=h.lastIndex,r;}var wh=Ih,fn=$e,hn=fn?fn.prototype:void 0,un=hn?hn.valueOf:void 0;function Lh(h){return un?Object(un.call(h)):{};}var bh=Lh,Dh=Dr;function Nh(h,r){var t=r?Dh(h.buffer):h.buffer;return new h.constructor(t,h.byteOffset,h.length);}var Wh=Nh,Bh=Dr,Fh=Ah,Uh=wh,jh=bh,$h=Wh,zh="[object Boolean]",Gh="[object Date]",Hh="[object Map]",Kh="[object Number]",Yh="[object RegExp]",Vh="[object Set]",kh="[object String]",Xh="[object Symbol]",Jh="[object ArrayBuffer]",Zh="[object DataView]",Qh="[object Float32Array]",qh="[object Float64Array]",_h="[object Int8Array]",tu="[object Int16Array]",eu="[object Int32Array]",ru="[object Uint8Array]",nu="[object Uint8ClampedArray]",iu="[object Uint16Array]",su="[object Uint32Array]";function ou(h,r,t){var e=h.constructor;switch(r){case Jh:return Bh(h);case zh:case Gh:return new e(+h);case Zh:return Fh(h,t);case Qh:case qh:case _h:case tu:case eu:case ru:case nu:case iu:case su:return $h(h,t);case Hh:return new e();case Kh:case kh:return new e(h);case Yh:return Uh(h);case Vh:return new e();case Xh:return jh(h);}}var au=ou,lu=pe,dn=Object.create,cu=/* @__PURE__ */function(){function h(){}return function(r){if(!lu(r))return{};if(dn)return dn(r);h.prototype=r;var t=new h();return h.prototype=void 0,t;};}(),fu=cu,hu=fu,uu=ni,du=Ar;function pu(h){return typeof h.constructor=="function"&&!du(h)?hu(uu(h)):{};}var gu=pu,mu=cr,vu=oe,yu="[object Map]";function Su(h){return vu(h)&&mu(h)==yu;}var xu=Su,Tu=xu,Mu=lr,pn=Cr,gn=pn&&pn.isMap,Pu=gn?Mu(gn):Tu,Ou=Pu,Eu=cr,Cu=oe,Au="[object Set]";function Ru(h){return Cu(h)&&Eu(h)==Au;}var Iu=Ru,wu=Iu,Lu=lr,mn=Cr,vn=mn&&mn.isSet,bu=vn?Lu(vn):wu,fi=bu,Du=/* @__PURE__ */de(fi),Nu=Yn,Wu=sl,Bu=Xn,Fu=kc,Uu=hf,ju=uf,$u=pf,zu=Ef,Gu=Uf,Hu=oi,Ku=Zf,Yu=cr,Vu=Th,ku=au,Xu=gu,Ju=ze,Zu=Er,Qu=Ou,qu=pe,_u=fi,td=Ir,ed=wr,rd=1,nd=2,id=4,hi="[object Arguments]",sd="[object Array]",od="[object Boolean]",ad="[object Date]",ld="[object Error]",ui="[object Function]",cd="[object GeneratorFunction]",fd="[object Map]",hd="[object Number]",di="[object Object]",ud="[object RegExp]",dd="[object Set]",pd="[object String]",gd="[object Symbol]",md="[object WeakMap]",vd="[object ArrayBuffer]",yd="[object DataView]",Sd="[object Float32Array]",xd="[object Float64Array]",Td="[object Int8Array]",Md="[object Int16Array]",Pd="[object Int32Array]",Od="[object Uint8Array]",Ed="[object Uint8ClampedArray]",Cd="[object Uint16Array]",Ad="[object Uint32Array]",Ut={};Ut[hi]=Ut[sd]=Ut[vd]=Ut[yd]=Ut[od]=Ut[ad]=Ut[Sd]=Ut[xd]=Ut[Td]=Ut[Md]=Ut[Pd]=Ut[fd]=Ut[hd]=Ut[di]=Ut[ud]=Ut[dd]=Ut[pd]=Ut[gd]=Ut[Od]=Ut[Ed]=Ut[Cd]=Ut[Ad]=!0;Ut[ld]=Ut[ui]=Ut[md]=!1;function Ke(h,r,t,e,n,i){var a,o=r&rd,s=r&nd,c=r&id;if(t&&(a=n?t(h,e,n,i):t(h)),a!==void 0)return a;if(!qu(h))return h;var m=Ju(h);if(m){if(a=Vu(h),!o)return $u(h,a);}else{var l=Yu(h),p=l==ui||l==cd;if(Zu(h))return ju(h,o);if(l==di||l==hi||p&&!n){if(a=s||p?{}:Xu(h),!o)return s?Gu(h,Uu(a,h)):zu(h,Fu(a,h));}else{if(!Ut[l])return n?h:{};a=ku(h,l,o);}}i||(i=new Nu());var y=i.get(h);if(y)return y;i.set(h,a),_u(h)?h.forEach(function(v){a.add(Ke(v,r,t,v,h,i));}):Qu(h)&&h.forEach(function(v,T){a.set(T,Ke(v,r,t,T,h,i));});var P=c?s?Ku:Hu:s?ed:td,S=m?void 0:P(h);return Wu(S||h,function(v,T){S&&(T=v,v=h[T]),Bu(a,T,Ke(v,r,t,T,h,i));}),a;}var Rd=Ke,Id=Rd,wd=1,Ld=4;function bd(h){return Id(h,wd|Ld);}var Dd=bd,Vt=/* @__PURE__ */de(Dd);var pi="1.1.16",Nd="@netless/appliance-plugin";if((typeof window==="undefined"?"undefined":_typeof(window))<"u"){var h=window.__netlessUA||"";h+=" ".concat(Nd,"@").concat(pi),window.__netlessUA=h;}var te={syncOpt:{interval:500},cdn:{subWorkerUrl:"https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@latest/dist/subWorker.js",fullWorkerUrl:"https://cdn.jsdelivr.net/npm/@netless/appliance-plugin@latest/dist/fullWorker.js"},cursor:{expirationTime:5e3},bufferSize:{full:2e4,sub:600},bezier:{combineUnitTime:100},pencilEraser:{useBitMap:!0,maxImageWidth:1920,maxImageHeight:1920},strokeWidth:{min:1,max:10}};function ae(h){var r=arguments.length>1&&arguments[1]!==undefined?arguments[1]:!0;var t=h.length;if(t<2)return"";var e=h[0],n=h[1];if(t===2)return"M".concat(ye(e),"L").concat(ye(n));var i="";for(var a=2,o=t-1;a<o;a++)e=h[a],n=h[a+1],i+=Se(e,n);return r?"M".concat(Se(h[0],h[1]),"Q").concat(ye(h[1])).concat(Se(h[1],h[2]),"T").concat(i).concat(Se(h[t-1],h[0])).concat(Se(h[0],h[1]),"Z"):"M".concat(ye(h[0]),"Q").concat(ye(h[1])).concat(Se(h[1],h[2])).concat(h.length>3?"T":"").concat(i,"L").concat(ye(h[t-1]));}var qt=/*#__PURE__*/function(){function qt(r){_classCallCheck(this,qt);tt(this,"maxImageWidth",te.pencilEraser.maxImageWidth);tt(this,"maxImageHeight",te.pencilEraser.maxImageHeight);tt(this,"syncUnitTime",te.syncOpt.interval);tt(this,"vNodes");tt(this,"drawLayer");tt(this,"fullLayer");tt(this,"workId");tt(this,"isDelete",!1);var t=r.vNodes,e=r.fullLayer,n=r.drawLayer,i=r.workId,a=r.toolsOpt;this.vNodes=t,this.fullLayer=e,this.drawLayer=n,this.workId=i,this.syncUnitTime=a.syncUnitTime||this.syncUnitTime;}return _createClass(qt,[{key:"baseConsumeResult",get:function get(){return{workId:this.workId,toolsType:this.toolsType,opt:this.workOptions};}},{key:"filterSamePoints",value:function filterSamePoints(r){var t=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0.01;return r.reduce(function(e,n){var i=e[e.length-1];return(n&&!i||n&&i&&!n.isNear(i,t))&&e.push(n),e;},[]);}/** 设置工作id */},{key:"setWorkId",value:function setWorkId(r){this.workId=r;}},{key:"getWorkId",value:function getWorkId(){return this.workId;}/** 获取工作选项配置 */},{key:"getWorkOptions",value:function getWorkOptions(){return this.workOptions;}/** 设置工作选项配置 */},{key:"setWorkOptions",value:function setWorkOptions(r){var n,i,a;this.workOptions=r,this.syncUnitTime=r.syncUnitTime||this.syncUnitTime;var t=(n=this.workId)==null?void 0:n.toString(),e=t&&((i=this.vNodes)==null?void 0:i.get(t))||void 0;t&&e&&(e.opt=r,(a=this.vNodes)==null||a.setInfo(t,e));}/** 更新服务端同步配置,返回绘制结果 */},{key:"updataOptService",value:function updataOptService(r){var n,i;var t;var e=(n=this.workId)==null?void 0:n.toString();if(e&&r){var a=this.fullLayer.getElementsByName(e)||this.drawLayer&&this.drawLayer.getElementsByName(e)||[];if(a.length!==1)return;var o=a[0],s=r.pos,c=r.zIndex,m=r.scale,l=r.angle,p=r.translate,y={};kt(c)&&(y.zIndex=c),s&&(y.pos=[s[0],s[1]]),m&&(y.scale=m),l&&(y.rotate=l),p&&(y.translate=p),o.attr(y);var P=o==null?void 0:o.getBoundingClientRect();return P&&(t=Pt(t,{x:Math.floor(P.x-qt.SafeBorderPadding),y:Math.floor(P.y-qt.SafeBorderPadding),w:Math.floor(P.width+qt.SafeBorderPadding*2),h:Math.floor(P.height+qt.SafeBorderPadding*2)})),(i=this.vNodes)==null||i.setInfo(e,{rect:t,centerPos:s}),t;}}},{key:"drawEraserlines",value:function drawEraserlines(r,t){var e=r.group,n=r.eraserlines,i=r.pos,a=r.layer,o=a.parent;if(!t)return;var c=(a.renderer.glRenderer||a.renderer.canvasRenderer).options.displayRatio,m=e.getBoundingClientRect(),l=m.width*c*a.worldScaling[0],p=m.height*c*a.worldScaling[1];var y=1;(l>this.maxImageWidth||p>this.maxImageHeight)&&(y=Math.min(this.maxImageWidth/l,this.maxImageHeight/p));var P=a.getAttribute("scale");P=[P[0]*y,P[1]*y];var S=a.parent.parent,v=a.getAttribute("translate"),T=this.createVmRenderNode("".concat(this.workId,"_bitMapLayer"),S,{offscreen:o.offscreen,width:o.width,height:o.height,contextType:"2d",autoRender:!1,// desynchronized: true,
 bufferSize:500// depth: true,
 },P,v),f=e.cloneNode(!0);this.addEraserlines(f,n,i,!1),T.appendChild(f);var d=T.parent;d.render();var u=T.renderer.canvasRenderer,g=u.context;if(!g)return;var M=u.options.displayRatio,E=f.getBoundingClientRect(),A={x:E.x,y:E.y,w:E.width,h:E.height},L={x:0,y:0,w:S.width,h:S.height};if(We(A,L)===Qt.outside){_t(f,d),S.removeChild(d),this.isDelete=!0;return;}var w=Vt(A);w.x=Math.floor(Math.max(A.x,0)),w.y=Math.floor(Math.max(A.y,0)),w.w=Math.min(A.x+A.w,S.width)-w.x,w.h=Math.min(A.y+A.h,S.height)-w.y;var b=this.getGroupRect(w,M),I=b.x,R=b.y,W=b.w,z=b.h;var K=g.getImageData(I,R,W,z);if(this.isTransparentRectByCanvas(K)){_t(f,d),S.removeChild(d),this.isDelete=!0,K=null;return;}_t(e,o);var q=this.createSpriteNode({imageData:K,safariRect:w,originRect:A,worldScaling:T.worldScaling});e.append(q),_t(f,d),S.removeChild(d),o.deleteTexture(K),K=null;}},{key:"createVmRenderNode",value:function createVmRenderNode(r,t,e,n,i){var a=e.width,o=e.height,s="bitMap-".concat(r),c=t.layer(s,e),m=new Zt({anchor:[0.5,0.5],pos:[a*0.5,o*0.5],size:[a,o],name:"viewport",id:r});return m.setAttribute("scale",n),m.setAttribute("translate",i),c.append(m),m;}},{key:"getGroupRect",value:function getGroupRect(r,t){var e=Math.floor(r.x*t),n=Math.floor(r.y*t),i=Math.floor(r.w*t),a=Math.floor(r.h*t);return{x:e,y:n,w:i,h:a};}},{key:"addEraserlines",value:function addEraserlines(r,t,e){var n=arguments.length>3&&arguments[3]!==undefined?arguments[3]:!0;var _iterator13=_createForOfIteratorHelper(t),_step13;try{for(_iterator13.s();!(_step13=_iterator13.n()).done;){var i=_step13.value;var a=i.thickness,o=i.op;var _iterator14=_createForOfIteratorHelper(o),_step14;try{for(_iterator14.s();!(_step14=_iterator14.n()).done;){var s=_step14.value;var c=s.map(function(P,S){return S%2?P-e[1]:P-e[0];}),m=this.computEraserPoints(c,a),l=ae(m,!0),p={pos:[0,0],d:l,fillColor:"rgba(0,0,0,1)"},y=new le(p);y.addEventListener("beforerender",function(_ref165){var P=_ref165.detail;var S=P.context;n?S.blendFuncSeparate(S.ZERO,S.ZERO,S.ZERO,S.ZERO):S.globalCompositeOperation="destination-out";}),y.addEventListener("afterrender",function(_ref166){var P=_ref166.detail;var S=P.context;n?S.blendFuncSeparate(S.SRC_ALPHA,S.ONE_MINUS_SRC_ALPHA,S.ONE,S.ONE_MINUS_SRC_ALPHA):S.globalCompositeOperation="source-over";}),r.append(y);}}catch(err){_iterator14.e(err);}finally{_iterator14.f();}}}catch(err){_iterator13.e(err);}finally{_iterator13.f();}}},{key:"isTransparentRectByCanvas",value:function isTransparentRectByCanvas(r){var t=!0;for(var _e3=0;_e3<r.data.length;_e3+=4)if(r.data[_e3+3]!==0){t=!1;break;}return t;}},{key:"createSpriteNode",value:function createSpriteNode(r){var t=r.imageData,e=r.worldScaling,n=r.safariRect,i=r.originRect,a=new OffscreenCanvas(t.width,t.height),o=a.getContext("2d");o&&o.putImageData(t,0,0);var s=[Math.floor(i.w/e[0]),Math.floor(i.h/e[1])],c=[Math.floor((n.x-i.x)/e[0]),Math.floor((n.y-i.y)/e[1]),Math.floor(n.w/e[0]),Math.floor(n.h/e[1])],m={name:"eraserTexture",anchor:[0.5,0.5],pos:[0,0],size:s,texture:a,textureRect:c};return new jn(m);}},{key:"computEraserPoints",value:function computEraserPoints(r,t){var e=Math.ceil(t/2);return r.length===2?this.computDot(r,e):this.computLine(r,e);}},{key:"computDot",value:function computDot(r,t){var e=new xt(r[0],r[1]);return xt.GetDotStroke(e,t,8);}},{key:"computLine",value:function computLine(r,t){var e=[],n=[];var i,a;for(var o=0;o<r.length;o+=2){var s=new xt(r[o],r[o+1]);var c=void 0;if(o==r.length-2){var m=new xt(r[o-2],r[o-1]);c=_.Sub(s,m).uni(),i=s;}else{o===0&&(a=s);var _m3=new xt(r[o+2],r[o+3]);c=_.Sub(_m3,s).uni();}if(c){var _m4=_.Per(c).mul(t);e.push(xt.Sub(s,_m4)),n.push(xt.Add(s,_m4));}}if(i&&a){var _o3=xt.GetSemicircleStroke(i,e[e.length-1],-1,8),_s4=xt.GetSemicircleStroke(a,n[0],-1,8);return e.concat(_o3,n.reverse(),_s4);}return[];}},{key:"replace",value:function replace(r,t,e){var _this61=this;var a;if(!t){e&&r.append(e);return;}var n=r.getElementsByName(t);if(n.length){var _iterator15=_createForOfIteratorHelper(n),_step15;try{for(_iterator15.s();!(_step15=_iterator15.n()).done;){var o=_step15.value;e?e0(e,o,r):(o.remove(),_Jt(o,r.parent));}}catch(err){_iterator15.e(err);}finally{_iterator15.f();}}else e&&r.append(e);this.fullLayer===r?(a=this.drawLayer)==null||a.getElementsByName(t).forEach(function(o){var s;o.remove(),_Jt(o,(s=_this61.drawLayer)==null?void 0:s.parent);}):this.fullLayer.getElementsByName(t).forEach(function(o){o.remove(),_Jt(o,_this61.fullLayer.parent);});}},{key:"removeDrawCountNodes",value:function removeDrawCountNodes(r,t){var e=[];r.getElementsByName(this.workId).forEach(function(n){n.id&&t&&Number(n.id)<t&&e.push(n);});for(var _i2=0,_e4=e;_i2<_e4.length;_i2++){var n=_e4[_i2];n.remove(),_Jt(n,r.parent);}}}],[{key:"updateNodeOpt",value:function updateNodeOpt(r){var f;var t=r.node,e=r.opt,n=r.vNodes,i=r.willSerializeData,a=r.targetNode,o=e.zIndex,s=e.translate,c=e.angle,m=e.originPoint,l=e.scenePoint,p=e.scale,y=e.pointMap,P=e.thickness;var S;var v=a&&Vt(a)||n.get(t.name);if(!v)return;kt(o)&&(t.setAttribute("zIndex",o),v.opt.zIndex=o);var T=t.parent;if(T){if(m&&p&&a){var d=[v.op[0],v.op[1]];zr(v.op,l,p,s);var u=[v.op[0],v.op[1]],g=[u[0]-d[0],u[1]-d[1]];if(v.centerPos=[v.centerPos[0]+g[0],v.centerPos[1]+g[1]],v.opt.translate=void 0,v.opt.scale=void 0,v.opt.eraserlines)for(var _i3=0,_Object$values=Object.values(v.opt.eraserlines);_i3<_Object$values.length;_i3++){var M=_Object$values[_i3];var E=M.op,A=M.thickness;M.thickness=A*Math.max(p[0],p[1]);for(var L=0;L<E.length;L++)Gr(E[L],l,p,s);}}else if(s){if(t.setAttribute("translate",s),v.opt.translate=s,a){var _d7=[s[0]*T.worldScaling[0],s[1]*T.worldScaling[1]];S=Tr(v.rect,_d7),v.rect=S;}else{var _d8=qt.getRectFromLayer(T,t.name);v.rect=_d8||v.rect;}}else if(kt(c))if(t.setAttribute("rotate",c),v.opt.rotate=c,a)S=Ii(v.rect,c),v.rect=S;else{var _d9=qt.getRectFromLayer(T,t.name);v.rect=_d9||v.rect;}if(y){var _d10=y.get(t.name);if(_d10)for(var _u10=0,_g10=0;_u10<v.op.length;_u10+=3,_g10++)v.op[_u10]=_d10[_g10][0],v.op[_u10+1]=_d10[_g10][1];}if(P&&(f=v==null?void 0:v.opt)!=null&&f.thickness&&(v.opt.thickness=P),i&&!(m&&p&&a)){if(s){var _d11=v.op.map(function(u,g){var M=g%3;return M===0?u+s[0]:M===1?u+s[1]:u;});if(v.op=_d11,v.centerPos=[v.centerPos[0]+s[0],v.centerPos[1]+s[1]],v!=null&&v.opt&&(v.opt.translate=void 0),v.opt.eraserlines)for(var _i4=0,_Object$values2=Object.values(v.opt.eraserlines);_i4<_Object$values2.length;_i4++){var _u11=_Object$values2[_i4];var _g11=_u11.op;for(var _M6=0;_M6<_g11.length;_M6++){var _E3=_g11[_M6].map(function(A,L){return L%2?A+s[1]:A+s[0];});_u11.op[_M6]=_E3;}}}else if(kt(c)){var _d12=v.op;if(kp(_d12,v.centerPos,c),v.op=_d12,v!=null&&v.opt&&(v.opt.rotate=void 0),v.opt.eraserlines)for(var _i5=0,_Object$values3=Object.values(v.opt.eraserlines);_i5<_Object$values3.length;_i5++){var _u12=_Object$values3[_i5];var _g12=_u12.op;for(var _M7=0;_M7<_g12.length;_M7++)Xp(_g12[_M7],v.centerPos,c);}}}v&&n.setInfo(t.name,v);}}},{key:"getCenterPos",value:function getCenterPos(r,t){var e=t.worldPosition,n=t.worldScaling;return[(r.x+r.w/2-e[0])/n[0],(r.y+r.h/2-e[1])/n[1]];}},{key:"getRectFromLayer",value:function getRectFromLayer(r,t){var e=r.getElementsByName(t)[0];if(e){var n=e.getBoundingClientRect();return{x:Math.floor(n.x-qt.SafeBorderPadding),y:Math.floor(n.y-qt.SafeBorderPadding),w:Math.floor(n.width+qt.SafeBorderPadding*2),h:Math.floor(n.height+qt.SafeBorderPadding*2)};}}},{key:"isWillRefresh",value:function isWillRefresh(r){var t=r.toolsType,e=r.opt,n=r.node,i=r.updateOpt,a=r.willSerializeData;return!!(a&&(i.angle||i.translate)||i.thickness&&e.thickness&&e.thickness!==i.thickness||i.strokeType&&e.strokeType&&e.strokeType!==i.strokeType||i.originPoint&&i.scenePoint&&i.scale||i.pointMap&&i.pointMap.has(n.name)||t===dt.Text&&(i.fontSize||i.translate||i.textInfos&&i.textInfos.get(n.name))||t===dt.Image&&(i.angle||i.translate||i.scale||i.strokeColor&&i.type===Mr.Iconify)||t===i.toolsType&&i.willRefresh||e.eraserlines&&e.eraserlines.length&&(i.strokeColor||i.fillColor));}}]);}();tt(qt,"SafeBorderPadding",10);var vt=qt;var Nr=Object.freeze([Object.freeze({width:18,height:26}),Object.freeze({width:26,height:34}),Object.freeze({width:34,height:50}),Object.freeze({width:48,height:74})]);var Wr={exports:{}};Wr.exports;(function(h){var r=function(){var t=String.fromCharCode,e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",i={};function a(s,c){if(!i[s]){i[s]={};for(var m=0;m<s.length;m++)i[s][s.charAt(m)]=m;}return i[s][c];}var o={compressToBase64:function compressToBase64(s){if(s==null)return"";var c=o._compress(s,6,function(m){return e.charAt(m);});switch(c.length%4){default:case 0:return c;case 1:return c+"===";case 2:return c+"==";case 3:return c+"=";}},decompressFromBase64:function decompressFromBase64(s){return s==null?"":s==""?null:o._decompress(s.length,32,function(c){return a(e,s.charAt(c));});},compressToUTF16:function compressToUTF16(s){return s==null?"":o._compress(s,15,function(c){return t(c+32);})+" ";},decompressFromUTF16:function decompressFromUTF16(s){return s==null?"":s==""?null:o._decompress(s.length,16384,function(c){return s.charCodeAt(c)-32;});},//compress into uint8array (UCS-2 big endian format)
 compressToUint8Array:function compressToUint8Array(s){for(var c=o.compress(s),m=new Uint8Array(c.length*2),l=0,p=c.length;l<p;l++){var y=c.charCodeAt(l);m[l*2]=y>>>8,m[l*2+1]=y%256;}return m;},//decompress from uint8array (UCS-2 big endian format)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@netless/appliance-plugin",
-  "version": "1.1.15",
+  "version": "1.1.16",
   "files": [
     "dist",
     "cdn"