@netless/appliance-plugin 1.1.7 → 1.1.8

package/dist/{index-C-flLj6b.mjs → index-C8bfLLn0.mjs}

@@ -1,18 +1,18 @@
 var wn = Object.defineProperty;
 var mn = (a, o, t) => o in a ? wn(a, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[o] = t;
 var g = (a, o, t) => mn(a, typeof o != "symbol" ? o + "" : o, t);
-import { toJS as Eo, autorun as gi, isRoom as ct, isPlayer as Qo, InvisiblePlugin as ps, RoomPhase as fs } from "white-web-sdk";
-import { Path as ue, Group as Wt, Rect as yi, Polyline as he, Ellipse as vn, Label as In, Scene as gs, Layer as Nn, Sprite as Tn } from "spritejs";
+import { toJS as Eo, autorun as yi, isRoom as ct, isPlayer as Qo, InvisiblePlugin as fs, RoomPhase as gs } from "white-web-sdk";
+import { Path as ue, Group as Wt, Rect as Mi, Polyline as he, Ellipse as vn, Label as In, Scene as ys, Layer as Nn, Sprite as Tn } from "spritejs";
 import { decompress as Sn, compress as kn } from "lz-string";
 import Go from "lineclip";
 import Oo from "eventemitter2";
-import { cloneDeep as dt, isEqual as ft, isSet as Bt, isNumber as ot, isBoolean as Yt, debounce as ys, clone as Mi, throttle as jt } from "lodash";
+import { cloneDeep as dt, isEqual as ft, isSet as Bt, isNumber as ot, isBoolean as Yt, debounce as Ms, clone as wi, throttle as jt } from "lodash";
 import k, { useContext as xt, useState as st, useMemo as q, useEffect as gt, useRef as De, useCallback as Cn } from "react";
 import Zo, { createPortal as xn } from "react-dom";
 import Ae from "react-draggable";
 import { Resizable as bn } from "re-resizable";
 const $m = "/fullWorker.js", Hm = "/subWorker.js";
-var nt = /* @__PURE__ */ ((a) => (a.selector = "selector", a.clicker = "clicker", a.laserPointer = "laserPointer", a.pencil = "pencil", a.rectangle = "rectangle", a.ellipse = "ellipse", a.shape = "shape", a.eraser = "eraser", a.pencilEraser = "pencilEraser", a.text = "text", a.straight = "straight", a.arrow = "arrow", a.hand = "hand", a.laserPen = "laserPen", a))(nt || {}), et = /* @__PURE__ */ ((a) => (a.Normal = "Normal", a.Stroke = "Stroke", a.Dotted = "Dotted", a.LongDotted = "LongDotted", a))(et || {}), te = /* @__PURE__ */ ((a) => (a.Triangle = "triangle", a.Rhombus = "rhombus", a.Pentagram = "pentagram", a.SpeechBalloon = "speechBalloon", a.Star = "star", a.Polygon = "polygon", a))(te || {}), R = /* @__PURE__ */ ((a) => (a.None = "None", a.ShowFloatBar = "ShowFloatBar", a.ZIndexFloatBar = "ZIndexFloatBar", a.DeleteNode = "DeleteNode", a.CopyNode = "CopyNode", a.ZIndexActive = "ZIndexActive", a.ZIndexNode = "ZIndexNode", a.RotateNode = "RotateNode", a.SetColorNode = "SetColorNode", a.TranslateNode = "TranslateNode", a.ScaleNode = "ScaleNode", a.OriginalEvent = "OriginalEvent", a.CreateScene = "CreateScene", a.ActiveCursor = "ActiveCursor", a.MoveCursor = "MoveCursor", a.CommandEditor = "CommandEditor", a.SetEditorData = "SetEditorData", a.SetFontStyle = "SetFontStyle", a.SetPoint = "SetPoint", a.SetLock = "SetLock", a.SetShapeOpt = "SetShapeOpt", a.CameraChange = "CameraChange", a.ActiveMethod = "ActiveMethod", a))(R || {}), X = /* @__PURE__ */ ((a) => (a.DisplayState = "DisplayState", a.MainEngine = "MainEngine", a.Cursor = "Cursor", a.BindMainView = "BindMainView", a))(X || {}), Ln = /* @__PURE__ */ ((a) => (a[a.MainView = 0] = "MainView", a[a.Plugin = 1] = "Plugin", a[a.Both = 2] = "Both", a))(Ln || {}), N = /* @__PURE__ */ ((a) => (a[a.Pencil = 1] = "Pencil", a[a.Eraser = 2] = "Eraser", a[a.PencilEraser = 3] = "PencilEraser", a[a.BitMapEraser = 4] = "BitMapEraser", a[a.Selector = 5] = "Selector", a[a.Clicker = 6] = "Clicker", a[a.Arrow = 7] = "Arrow", a[a.Hand = 8] = "Hand", a[a.LaserPen = 9] = "LaserPen", a[a.Text = 10] = "Text", a[a.Straight = 11] = "Straight", a[a.Rectangle = 12] = "Rectangle", a[a.Ellipse = 13] = "Ellipse", a[a.Star = 14] = "Star", a[a.Triangle = 15] = "Triangle", a[a.Rhombus = 16] = "Rhombus", a[a.Polygon = 17] = "Polygon", a[a.SpeechBalloon = 18] = "SpeechBalloon", a[a.Image = 19] = "Image", a))(N || {}), U = /* @__PURE__ */ ((a) => (a[a.Local = 1] = "Local", a[a.Service = 2] = "Service", a[a.Worker = 3] = "Worker", a))(U || {}), P = /* @__PURE__ */ ((a) => (a[a.Pending = 0] = "Pending", a[a.Start = 1] = "Start", a[a.Doing = 2] = "Doing", a[a.Done = 3] = "Done", a[a.Unwritable = 4] = "Unwritable", a))(P || {}), b = /* @__PURE__ */ ((a) => (a[a.None = 0] = "None", a[a.Init = 1] = "Init", a[a.UpdateCamera = 2] = "UpdateCamera", a[a.UpdateTools = 3] = "UpdateTools", a[a.CreateWork = 4] = "CreateWork", a[a.DrawWork = 5] = "DrawWork", a[a.FullWork = 6] = "FullWork", a[a.UpdateNode = 7] = "UpdateNode", a[a.RemoveNode = 8] = "RemoveNode", a[a.Clear = 9] = "Clear", a[a.Select = 10] = "Select", a[a.Destroy = 11] = "Destroy", a[a.Snapshot = 12] = "Snapshot", a[a.BoundingBox = 13] = "BoundingBox", a[a.Cursor = 14] = "Cursor", a[a.TextUpdate = 15] = "TextUpdate", a[a.GetTextActive = 16] = "GetTextActive", a[a.TasksQueue = 17] = "TasksQueue", a[a.CursorHover = 18] = "CursorHover", a[a.CursorBlur = 19] = "CursorBlur", a[a.Console = 20] = "Console", a[a.PriorityWorker = 21] = "PriorityWorker", a[a.PriorityMainThreadWorker = 22] = "PriorityMainThreadWorker", a[a.GetImageBitMap = 23] = "GetImageBitMap", a[a.AuthWriter = 24] = "AuthWriter", a[a.AuthReader = 25] = "AuthReader", a[a.AuthClear = 26] = "AuthClear", a[a.AuthPage = 27] = "AuthPage", a[a.GetVNodeInfo = 28] = "GetVNodeInfo", a))(b || {}), St = /* @__PURE__ */ ((a) => (a[a.None = 0] = "None", a[a.Bg = 1] = "Bg", a[a.ServiceFloat = 2] = "ServiceFloat", a[a.Float = 3] = "Float", a[a.TopFloat = 4] = "TopFloat", a))(St || {}), eo = /* @__PURE__ */ ((a) => (a[a.Cursor = 1] = "Cursor", a[a.TextCreate = 2] = "TextCreate", a))(eo || {}), ke = /* @__PURE__ */ ((a) => (a[a.Top = 1] = "Top", a[a.Bottom = 2] = "Bottom", a))(ke || {}), pt = /* @__PURE__ */ ((a) => (a[a.none = 1] = "none", a[a.all = 2] = "all", a[a.both = 3] = "both", a[a.proportional = 4] = "proportional", a))(pt || {}), zn = /* @__PURE__ */ ((a) => (a[a.Pending = 0] = "Pending", a[a.Start = 1] = "Start", a[a.Doing = 2] = "Doing", a[a.Done = 3] = "Done", a[a.Unwritable = 4] = "Unwritable", a))(zn || {}), oo = /* @__PURE__ */ ((a) => (a[a.inside = 0] = "inside", a[a.outside = 1] = "outside", a[a.intersect = 2] = "intersect", a))(oo || {}), Ot = /* @__PURE__ */ ((a) => (a.renderPage = "renderPage", a.addPage = "addPage", a.deletePage = "deletePage", a.addElement = "addElement", a.deleteElement = "deleteElement", a.clearPage = "clearPage", a.clearViewScenePath = "clearViewScenePath", a.clearView = "clearView", a))(Ot || {}), ee = /* @__PURE__ */ ((a) => (a.setAuth = "setAuth", a.setShow = "addShow", a.setHide = "setHide", a.setClear = "setClear", a))(ee || {}), ze = /* @__PURE__ */ ((a) => (a.Image = "image", a.Iconify = "iconify", a))(ze || {});
+var nt = /* @__PURE__ */ ((a) => (a.selector = "selector", a.clicker = "clicker", a.laserPointer = "laserPointer", a.pencil = "pencil", a.rectangle = "rectangle", a.ellipse = "ellipse", a.shape = "shape", a.eraser = "eraser", a.pencilEraser = "pencilEraser", a.text = "text", a.straight = "straight", a.arrow = "arrow", a.hand = "hand", a.laserPen = "laserPen", a))(nt || {}), et = /* @__PURE__ */ ((a) => (a.Normal = "Normal", a.Stroke = "Stroke", a.Dotted = "Dotted", a.LongDotted = "LongDotted", a))(et || {}), te = /* @__PURE__ */ ((a) => (a.Triangle = "triangle", a.Rhombus = "rhombus", a.Pentagram = "pentagram", a.SpeechBalloon = "speechBalloon", a.Star = "star", a.Polygon = "polygon", a))(te || {}), R = /* @__PURE__ */ ((a) => (a.None = "None", a.ShowFloatBar = "ShowFloatBar", a.ZIndexFloatBar = "ZIndexFloatBar", a.DeleteNode = "DeleteNode", a.CopyNode = "CopyNode", a.ZIndexActive = "ZIndexActive", a.ZIndexNode = "ZIndexNode", a.RotateNode = "RotateNode", a.SetColorNode = "SetColorNode", a.TranslateNode = "TranslateNode", a.ScaleNode = "ScaleNode", a.OriginalEvent = "OriginalEvent", a.CreateScene = "CreateScene", a.ActiveCursor = "ActiveCursor", a.MoveCursor = "MoveCursor", a.CommandEditor = "CommandEditor", a.SetEditorData = "SetEditorData", a.SetFontStyle = "SetFontStyle", a.SetPoint = "SetPoint", a.SetLock = "SetLock", a.SetShapeOpt = "SetShapeOpt", a.CameraChange = "CameraChange", a.ActiveMethod = "ActiveMethod", a))(R || {}), X = /* @__PURE__ */ ((a) => (a.DisplayState = "DisplayState", a.MainEngine = "MainEngine", a.Cursor = "Cursor", a.BindMainView = "BindMainView", a))(X || {}), Ln = /* @__PURE__ */ ((a) => (a[a.MainView = 0] = "MainView", a[a.Plugin = 1] = "Plugin", a[a.Both = 2] = "Both", a))(Ln || {}), T = /* @__PURE__ */ ((a) => (a[a.Pencil = 1] = "Pencil", a[a.Eraser = 2] = "Eraser", a[a.PencilEraser = 3] = "PencilEraser", a[a.BitMapEraser = 4] = "BitMapEraser", a[a.Selector = 5] = "Selector", a[a.Clicker = 6] = "Clicker", a[a.Arrow = 7] = "Arrow", a[a.Hand = 8] = "Hand", a[a.LaserPen = 9] = "LaserPen", a[a.Text = 10] = "Text", a[a.Straight = 11] = "Straight", a[a.Rectangle = 12] = "Rectangle", a[a.Ellipse = 13] = "Ellipse", a[a.Star = 14] = "Star", a[a.Triangle = 15] = "Triangle", a[a.Rhombus = 16] = "Rhombus", a[a.Polygon = 17] = "Polygon", a[a.SpeechBalloon = 18] = "SpeechBalloon", a[a.Image = 19] = "Image", a))(T || {}), U = /* @__PURE__ */ ((a) => (a[a.Local = 1] = "Local", a[a.Service = 2] = "Service", a[a.Worker = 3] = "Worker", a))(U || {}), P = /* @__PURE__ */ ((a) => (a[a.Pending = 0] = "Pending", a[a.Start = 1] = "Start", a[a.Doing = 2] = "Doing", a[a.Done = 3] = "Done", a[a.Unwritable = 4] = "Unwritable", a))(P || {}), b = /* @__PURE__ */ ((a) => (a[a.None = 0] = "None", a[a.Init = 1] = "Init", a[a.UpdateCamera = 2] = "UpdateCamera", a[a.UpdateTools = 3] = "UpdateTools", a[a.CreateWork = 4] = "CreateWork", a[a.DrawWork = 5] = "DrawWork", a[a.FullWork = 6] = "FullWork", a[a.UpdateNode = 7] = "UpdateNode", a[a.RemoveNode = 8] = "RemoveNode", a[a.Clear = 9] = "Clear", a[a.Select = 10] = "Select", a[a.Destroy = 11] = "Destroy", a[a.Snapshot = 12] = "Snapshot", a[a.BoundingBox = 13] = "BoundingBox", a[a.Cursor = 14] = "Cursor", a[a.TextUpdate = 15] = "TextUpdate", a[a.GetTextActive = 16] = "GetTextActive", a[a.TasksQueue = 17] = "TasksQueue", a[a.CursorHover = 18] = "CursorHover", a[a.CursorBlur = 19] = "CursorBlur", a[a.Console = 20] = "Console", a[a.PriorityWorker = 21] = "PriorityWorker", a[a.PriorityMainThreadWorker = 22] = "PriorityMainThreadWorker", a[a.GetImageBitMap = 23] = "GetImageBitMap", a[a.AuthWriter = 24] = "AuthWriter", a[a.AuthReader = 25] = "AuthReader", a[a.AuthClear = 26] = "AuthClear", a[a.AuthPage = 27] = "AuthPage", a[a.GetVNodeInfo = 28] = "GetVNodeInfo", a))(b || {}), St = /* @__PURE__ */ ((a) => (a[a.None = 0] = "None", a[a.Bg = 1] = "Bg", a[a.ServiceFloat = 2] = "ServiceFloat", a[a.Float = 3] = "Float", a[a.TopFloat = 4] = "TopFloat", a))(St || {}), eo = /* @__PURE__ */ ((a) => (a[a.Cursor = 1] = "Cursor", a[a.TextCreate = 2] = "TextCreate", a))(eo || {}), ke = /* @__PURE__ */ ((a) => (a[a.Top = 1] = "Top", a[a.Bottom = 2] = "Bottom", a))(ke || {}), pt = /* @__PURE__ */ ((a) => (a[a.none = 1] = "none", a[a.all = 2] = "all", a[a.both = 3] = "both", a[a.proportional = 4] = "proportional", a))(pt || {}), zn = /* @__PURE__ */ ((a) => (a[a.Pending = 0] = "Pending", a[a.Start = 1] = "Start", a[a.Doing = 2] = "Doing", a[a.Done = 3] = "Done", a[a.Unwritable = 4] = "Unwritable", a))(zn || {}), oo = /* @__PURE__ */ ((a) => (a[a.inside = 0] = "inside", a[a.outside = 1] = "outside", a[a.intersect = 2] = "intersect", a))(oo || {}), Ot = /* @__PURE__ */ ((a) => (a.renderPage = "renderPage", a.addPage = "addPage", a.deletePage = "deletePage", a.addElement = "addElement", a.deleteElement = "deleteElement", a.clearPage = "clearPage", a.clearViewScenePath = "clearViewScenePath", a.clearView = "clearView", a))(Ot || {}), ee = /* @__PURE__ */ ((a) => (a.setAuth = "setAuth", a.setShow = "addShow", a.setHide = "setHide", a.setClear = "setClear", a))(ee || {}), ze = /* @__PURE__ */ ((a) => (a.Image = "image", a.Iconify = "iconify", a))(ze || {});
 const Pn = {
   linear: (a) => a,
   easeInQuad: (a) => a * a,
@@ -497,7 +497,7 @@ var qe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function je(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var An = typeof qe == "object" && qe && qe.Object === Object && qe, Ms = An, jn = Ms, En = typeof self == "object" && self && self.Object === Object && self, On = jn || En || Function("return this")(), _t = On, Rn = _t, Yn = Rn.Symbol, Ze = Yn, wi = Ze, ws = Object.prototype, Wn = ws.hasOwnProperty, Un = ws.toString, Be = wi ? wi.toStringTag : void 0;
+var An = typeof qe == "object" && qe && qe.Object === Object && qe, ws = An, jn = ws, En = typeof self == "object" && self && self.Object === Object && self, On = jn || En || Function("return this")(), _t = On, Rn = _t, Yn = Rn.Symbol, Ze = Yn, mi = Ze, ms = Object.prototype, Wn = ms.hasOwnProperty, Un = ms.toString, Be = mi ? mi.toStringTag : void 0;
 function Bn(a) {
   var o = Wn.call(a, Be), t = a[Be];
   try {
@@ -512,9 +512,9 @@ var Fn = Bn, Vn = Object.prototype, $n = Vn.toString;
 function Hn(a) {
   return $n.call(a);
 }
-var Qn = Hn, mi = Ze, Gn = Fn, Zn = Qn, Xn = "[object Null]", Jn = "[object Undefined]", vi = mi ? mi.toStringTag : void 0;
+var Qn = Hn, vi = Ze, Gn = Fn, Zn = Qn, Xn = "[object Null]", Jn = "[object Undefined]", Ii = vi ? vi.toStringTag : void 0;
 function qn(a) {
-  return a == null ? a === void 0 ? Jn : Xn : vi && vi in Object(a) ? Gn(a) : Zn(a);
+  return a == null ? a === void 0 ? Jn : Xn : Ii && Ii in Object(a) ? Gn(a) : Zn(a);
 }
 var me = qn;
 function Kn(a) {
@@ -604,12 +604,12 @@ function $r(a) {
   var o = Yr(a);
   return o == Br || o == Fr || o == Ur || o == Vr;
 }
-var ms = $r, Hr = _t, Qr = Hr["__core-js_shared__"], Gr = Qr, bo = Gr, Ii = function() {
+var vs = $r, Hr = _t, Qr = Hr["__core-js_shared__"], Gr = Qr, bo = Gr, Ni = function() {
   var a = /[^.]+$/.exec(bo && bo.keys && bo.keys.IE_PROTO || "");
   return a ? "Symbol(src)_1." + a : "";
 }();
 function Zr(a) {
-  return !!Ii && Ii in a;
+  return !!Ni && Ni in a;
 }
 var Xr = Zr, Jr = Function.prototype, qr = Jr.toString;
 function Kr(a) {
@@ -625,7 +625,7 @@ function Kr(a) {
   }
   return "";
 }
-var vs = Kr, _r = ms, ta = Xr, ea = de, oa = vs, ia = /[\\^$.*+?()[\]{}|]/g, sa = /^\[object .+?Constructor\]$/, na = Function.prototype, ra = Object.prototype, aa = na.toString, ca = ra.hasOwnProperty, la = RegExp(
+var Is = Kr, _r = vs, ta = Xr, ea = de, oa = Is, ia = /[\\^$.*+?()[\]{}|]/g, sa = /^\[object .+?Constructor\]$/, na = Function.prototype, ra = Object.prototype, aa = na.toString, ca = ra.hasOwnProperty, la = RegExp(
   "^" + aa.call(ca).replace(ia, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
 function ha(a) {
@@ -643,9 +643,9 @@ function ya(a, o) {
   var t = ga(a, o);
   return fa(t) ? t : void 0;
 }
-var ve = ya, Ma = ve, wa = _t, ma = Ma(wa, "Map"), Jo = ma, va = ve, Ia = va(Object, "create"), vo = Ia, Ni = vo;
+var ve = ya, Ma = ve, wa = _t, ma = Ma(wa, "Map"), Jo = ma, va = ve, Ia = va(Object, "create"), vo = Ia, Ti = vo;
 function Na() {
-  this.__data__ = Ni ? Ni(null) : {}, this.size = 0;
+  this.__data__ = Ti ? Ti(null) : {}, this.size = 0;
 }
 var Ta = Na;
 function Sa(a) {
@@ -684,12 +684,12 @@ Oe.prototype.delete = Fa;
 Oe.prototype.get = Va;
 Oe.prototype.has = $a;
 Oe.prototype.set = Ha;
-var Qa = Oe, Ti = Qa, Ga = mo, Za = Jo;
+var Qa = Oe, Si = Qa, Ga = mo, Za = Jo;
 function Xa() {
   this.size = 0, this.__data__ = {
-    hash: new Ti(),
+    hash: new Si(),
     map: new (Za || Ga)(),
-    string: new Ti()
+    string: new Si()
   };
 }
 var Ja = Xa;
@@ -733,7 +733,7 @@ Re.prototype.delete = fc;
 Re.prototype.get = gc;
 Re.prototype.has = yc;
 Re.prototype.set = Mc;
-var Is = Re, wc = mo, mc = Jo, vc = Is, Ic = 200;
+var Ns = Re, wc = mo, mc = Jo, vc = Ns, Ic = 200;
 function Nc(a, o) {
   var t = this.__data__;
   if (t instanceof wc) {
@@ -754,7 +754,7 @@ Ye.prototype.delete = Cc;
 Ye.prototype.get = xc;
 Ye.prototype.has = bc;
 Ye.prototype.set = Lc;
-var Ns = Ye;
+var Ts = Ye;
 function zc(a, o) {
   for (var t = -1, e = a == null ? 0 : a.length; ++t < e && o(a[t], t, a) !== !1; )
     ;
@@ -766,21 +766,21 @@ var Pc = zc, Dc = ve, Ac = function() {
     return a({}, "", {}), a;
   } catch {
   }
-}(), Ts = Ac, Si = Ts;
+}(), Ss = Ac, ki = Ss;
 function jc(a, o, t) {
-  o == "__proto__" && Si ? Si(a, o, {
+  o == "__proto__" && ki ? ki(a, o, {
     configurable: !0,
     enumerable: !0,
     value: t,
     writable: !0
   }) : a[o] = t;
 }
-var Ss = jc, Ec = Ss, Oc = Xo, Rc = Object.prototype, Yc = Rc.hasOwnProperty;
+var ks = jc, Ec = ks, Oc = Xo, Rc = Object.prototype, Yc = Rc.hasOwnProperty;
 function Wc(a, o, t) {
   var e = a[o];
   (!(Yc.call(a, o) && Oc(e, t)) || t === void 0 && !(o in a)) && Ec(a, o, t);
 }
-var ks = Wc, Uc = ks, Bc = Ss;
+var Cs = Wc, Uc = Cs, Bc = ks;
 function Fc(a, o, t, e) {
   var i = !t;
   t || (t = {});
@@ -800,11 +800,11 @@ var $c = Vc, Hc = me, Qc = se, Gc = "[object Arguments]";
 function Zc(a) {
   return Qc(a) && Hc(a) == Gc;
 }
-var Xc = Zc, ki = Xc, Jc = se, Cs = Object.prototype, qc = Cs.hasOwnProperty, Kc = Cs.propertyIsEnumerable, _c = ki(/* @__PURE__ */ function() {
+var Xc = Zc, Ci = Xc, Jc = se, xs = Object.prototype, qc = xs.hasOwnProperty, Kc = xs.propertyIsEnumerable, _c = Ci(/* @__PURE__ */ function() {
   return arguments;
-}()) ? ki : function(a) {
+}()) ? Ci : function(a) {
   return Jc(a) && qc.call(a, "callee") && !Kc.call(a, "callee");
-}, xs = _c, tl = Array.isArray, Xe = tl, so = { exports: {} };
+}, bs = _c, tl = Array.isArray, Xe = tl, so = { exports: {} };
 function el() {
   return !1;
 }
@@ -823,7 +823,7 @@ var rl = nl, al = 9007199254740991;
 function cl(a) {
   return typeof a == "number" && a > -1 && a % 1 == 0 && a <= al;
 }
-var bs = cl, ll = me, hl = bs, ul = se, dl = "[object Arguments]", pl = "[object Array]", fl = "[object Boolean]", gl = "[object Date]", yl = "[object Error]", Ml = "[object Function]", wl = "[object Map]", ml = "[object Number]", vl = "[object Object]", Il = "[object RegExp]", Nl = "[object Set]", Tl = "[object String]", Sl = "[object WeakMap]", kl = "[object ArrayBuffer]", Cl = "[object DataView]", xl = "[object Float32Array]", bl = "[object Float64Array]", Ll = "[object Int8Array]", zl = "[object Int16Array]", Pl = "[object Int32Array]", Dl = "[object Uint8Array]", Al = "[object Uint8ClampedArray]", jl = "[object Uint16Array]", El = "[object Uint32Array]", vt = {};
+var Ls = cl, ll = me, hl = Ls, ul = se, dl = "[object Arguments]", pl = "[object Array]", fl = "[object Boolean]", gl = "[object Date]", yl = "[object Error]", Ml = "[object Function]", wl = "[object Map]", ml = "[object Number]", vl = "[object Object]", Il = "[object RegExp]", Nl = "[object Set]", Tl = "[object String]", Sl = "[object WeakMap]", kl = "[object ArrayBuffer]", Cl = "[object DataView]", xl = "[object Float32Array]", bl = "[object Float64Array]", Ll = "[object Int8Array]", zl = "[object Int16Array]", Pl = "[object Int32Array]", Dl = "[object Uint8Array]", Al = "[object Uint8ClampedArray]", jl = "[object Uint16Array]", El = "[object Uint32Array]", vt = {};
 vt[xl] = vt[bl] = vt[Ll] = vt[zl] = vt[Pl] = vt[Dl] = vt[Al] = vt[jl] = vt[El] = !0;
 vt[dl] = vt[pl] = vt[kl] = vt[fl] = vt[Cl] = vt[gl] = vt[yl] = vt[Ml] = vt[wl] = vt[ml] = vt[vl] = vt[Il] = vt[Nl] = vt[Tl] = vt[Sl] = !1;
 function Ol(a) {
@@ -838,7 +838,7 @@ function Yl(a) {
 var To = Yl, no = { exports: {} };
 no.exports;
 (function(a, o) {
-  var t = Ms, e = o && !o.nodeType && o, i = e && !0 && a && !a.nodeType && a, s = i && i.exports === e, n = s && t.process, r = function() {
+  var t = ws, e = o && !o.nodeType && o, i = e && !0 && a && !a.nodeType && a, s = i && i.exports === e, n = s && t.process, r = function() {
     try {
       var c = i && i.require && i.require("util").types;
       return c || n && n.binding && n.binding("util");
@@ -847,7 +847,7 @@ no.exports;
   }();
   a.exports = r;
 })(no, no.exports);
-var Ko = no.exports, Wl = Rl, Ul = To, Ci = Ko, xi = Ci && Ci.isTypedArray, Bl = xi ? Ul(xi) : Wl, Ls = Bl, Fl = $c, Vl = xs, $l = Xe, Hl = qo, Ql = rl, Gl = Ls, Zl = Object.prototype, Xl = Zl.hasOwnProperty;
+var Ko = no.exports, Wl = Rl, Ul = To, xi = Ko, bi = xi && xi.isTypedArray, Bl = bi ? Ul(bi) : Wl, zs = Bl, Fl = $c, Vl = bs, $l = Xe, Hl = qo, Ql = rl, Gl = zs, Zl = Object.prototype, Xl = Zl.hasOwnProperty;
 function Jl(a, o) {
   var t = $l(a), e = !t && Vl(a), i = !t && !e && Hl(a), s = !t && !e && !i && Gl(a), n = t || e || i || s, r = n ? Fl(a.length, String) : [], c = r.length;
   for (var l in a)
@@ -858,7 +858,7 @@ function Jl(a, o) {
     Ql(l, c))) && r.push(l);
   return r;
 }
-var zs = Jl, ql = Object.prototype;
+var Ps = Jl, ql = Object.prototype;
 function Kl(a) {
   var o = a && a.constructor, t = typeof o == "function" && o.prototype || ql;
   return a === t;
@@ -869,7 +869,7 @@ function _l(a, o) {
     return a(o(t));
   };
 }
-var Ps = _l, th = Ps, eh = th(Object.keys, Object), oh = eh, ih = _o, sh = oh, nh = Object.prototype, rh = nh.hasOwnProperty;
+var Ds = _l, th = Ds, eh = th(Object.keys, Object), oh = eh, ih = _o, sh = oh, nh = Object.prototype, rh = nh.hasOwnProperty;
 function ah(a) {
   if (!ih(a))
     return sh(a);
@@ -878,11 +878,11 @@ function ah(a) {
     rh.call(a, t) && t != "constructor" && o.push(t);
   return o;
 }
-var ch = ah, lh = ms, hh = bs;
+var ch = ah, lh = vs, hh = Ls;
 function uh(a) {
   return a != null && hh(a.length) && !lh(a);
 }
-var ti = uh, dh = zs, ph = ch, fh = ti;
+var ti = uh, dh = Ps, ph = ch, fh = ti;
 function gh(a) {
   return fh(a) ? dh(a) : ph(a);
 }
@@ -907,7 +907,7 @@ function xh(a) {
     e == "constructor" && (o || !Ch.call(a, e)) || t.push(e);
   return t;
 }
-var bh = xh, Lh = zs, zh = bh, Ph = ti;
+var bh = xh, Lh = Ps, zh = bh, Ph = ti;
 function Dh(a) {
   return Ph(a) ? Lh(a, !0) : zh(a);
 }
@@ -942,12 +942,12 @@ function Uh(a, o) {
   }
   return s;
 }
-var Ds = Uh;
+var As = Uh;
 function Bh() {
   return [];
 }
-var As = Bh, Fh = Ds, Vh = As, $h = Object.prototype, Hh = $h.propertyIsEnumerable, bi = Object.getOwnPropertySymbols, Qh = bi ? function(a) {
-  return a == null ? [] : (a = Object(a), Fh(bi(a), function(o) {
+var js = Bh, Fh = As, Vh = js, $h = Object.prototype, Hh = $h.propertyIsEnumerable, Li = Object.getOwnPropertySymbols, Qh = Li ? function(a) {
+  return a == null ? [] : (a = Object(a), Fh(Li(a), function(o) {
     return Hh.call(a, o);
   }));
 } : Vh, ii = Qh, Gh = No, Zh = ii;
@@ -960,11 +960,11 @@ function qh(a, o) {
     a[i + t] = o[t];
   return a;
 }
-var si = qh, Kh = Ps, _h = Kh(Object.getPrototypeOf, Object), js = _h, tu = si, eu = js, ou = ii, iu = As, su = Object.getOwnPropertySymbols, nu = su ? function(a) {
+var si = qh, Kh = Ds, _h = Kh(Object.getPrototypeOf, Object), Es = _h, tu = si, eu = Es, ou = ii, iu = js, su = Object.getOwnPropertySymbols, nu = su ? function(a) {
   for (var o = []; a; )
     tu(o, ou(a)), a = eu(a);
   return o;
-} : iu, Es = nu, ru = No, au = Es;
+} : iu, Os = nu, ru = No, au = Os;
 function cu(a, o) {
   return ru(a, au(a), o);
 }
@@ -973,29 +973,29 @@ function du(a, o, t) {
   var e = o(a);
   return uu(a) ? e : hu(e, t(a));
 }
-var Os = du, pu = Os, fu = ii, gu = ei;
+var Rs = du, pu = Rs, fu = ii, gu = ei;
 function yu(a) {
   return pu(a, gu, fu);
 }
-var Rs = yu, Mu = Os, wu = Es, mu = oi;
+var Ys = yu, Mu = Rs, wu = Os, mu = oi;
 function vu(a) {
   return Mu(a, mu, wu);
 }
-var Iu = vu, Nu = ve, Tu = _t, Su = Nu(Tu, "DataView"), ku = Su, Cu = ve, xu = _t, bu = Cu(xu, "Promise"), Lu = bu, zu = ve, Pu = _t, Du = zu(Pu, "Set"), Ys = Du, Au = ve, ju = _t, Eu = Au(ju, "WeakMap"), Ou = Eu, Ro = ku, Yo = Jo, Wo = Lu, Uo = Ys, Bo = Ou, Ws = me, We = vs, Li = "[object Map]", Ru = "[object Object]", zi = "[object Promise]", Pi = "[object Set]", Di = "[object WeakMap]", Ai = "[object DataView]", Yu = We(Ro), Wu = We(Yo), Uu = We(Wo), Bu = We(Uo), Fu = We(Bo), fe = Ws;
-(Ro && fe(new Ro(new ArrayBuffer(1))) != Ai || Yo && fe(new Yo()) != Li || Wo && fe(Wo.resolve()) != zi || Uo && fe(new Uo()) != Pi || Bo && fe(new Bo()) != Di) && (fe = function(a) {
-  var o = Ws(a), t = o == Ru ? a.constructor : void 0, e = t ? We(t) : "";
+var Iu = vu, Nu = ve, Tu = _t, Su = Nu(Tu, "DataView"), ku = Su, Cu = ve, xu = _t, bu = Cu(xu, "Promise"), Lu = bu, zu = ve, Pu = _t, Du = zu(Pu, "Set"), Ws = Du, Au = ve, ju = _t, Eu = Au(ju, "WeakMap"), Ou = Eu, Ro = ku, Yo = Jo, Wo = Lu, Uo = Ws, Bo = Ou, Us = me, We = Is, zi = "[object Map]", Ru = "[object Object]", Pi = "[object Promise]", Di = "[object Set]", Ai = "[object WeakMap]", ji = "[object DataView]", Yu = We(Ro), Wu = We(Yo), Uu = We(Wo), Bu = We(Uo), Fu = We(Bo), fe = Us;
+(Ro && fe(new Ro(new ArrayBuffer(1))) != ji || Yo && fe(new Yo()) != zi || Wo && fe(Wo.resolve()) != Pi || Uo && fe(new Uo()) != Di || Bo && fe(new Bo()) != Ai) && (fe = function(a) {
+  var o = Us(a), t = o == Ru ? a.constructor : void 0, e = t ? We(t) : "";
   if (e)
     switch (e) {
       case Yu:
-        return Ai;
+        return ji;
       case Wu:
-        return Li;
-      case Uu:
         return zi;
-      case Bu:
+      case Uu:
         return Pi;
-      case Fu:
+      case Bu:
         return Di;
+      case Fu:
+        return Ai;
     }
   return o;
 });
@@ -1004,10 +1004,10 @@ function Hu(a) {
   var o = a.length, t = new a.constructor(o);
   return o && typeof a[0] == "string" && $u.call(a, "index") && (t.index = a.index, t.input = a.input), t;
 }
-var Qu = Hu, Gu = _t, Zu = Gu.Uint8Array, Us = Zu, ji = Us;
+var Qu = Hu, Gu = _t, Zu = Gu.Uint8Array, Bs = Zu, Ei = Bs;
 function Xu(a) {
   var o = new a.constructor(a.byteLength);
-  return new ji(o).set(new ji(a)), o;
+  return new Ei(o).set(new Ei(a)), o;
 }
 var ni = Xu, Ju = ni;
 function qu(a, o) {
@@ -1019,9 +1019,9 @@ function td(a) {
   var o = new a.constructor(a.source, _u.exec(a));
   return o.lastIndex = a.lastIndex, o;
 }
-var ed = td, Ei = Ze, Oi = Ei ? Ei.prototype : void 0, Ri = Oi ? Oi.valueOf : void 0;
+var ed = td, Oi = Ze, Ri = Oi ? Oi.prototype : void 0, Yi = Ri ? Ri.valueOf : void 0;
 function od(a) {
-  return Ri ? Object(Ri.call(a)) : {};
+  return Yi ? Object(Yi.call(a)) : {};
 }
 var id = od, sd = ni;
 function nd(a, o) {
@@ -1062,19 +1062,19 @@ function Pd(a, o, t) {
       return hd(a);
   }
 }
-var Dd = Pd, Ad = de, Yi = Object.create, jd = /* @__PURE__ */ function() {
+var Dd = Pd, Ad = de, Wi = Object.create, jd = /* @__PURE__ */ function() {
   function a() {
   }
   return function(o) {
     if (!Ad(o))
       return {};
-    if (Yi)
-      return Yi(o);
+    if (Wi)
+      return Wi(o);
     a.prototype = o;
     var t = new a();
     return a.prototype = void 0, t;
   };
-}(), Ed = jd, Od = Ed, Rd = js, Yd = _o;
+}(), Ed = jd, Od = Ed, Rd = Es, Yd = _o;
 function Wd(a) {
   return typeof a.constructor == "function" && !Yd(a) ? Od(Rd(a)) : {};
 }
@@ -1082,15 +1082,15 @@ var Ud = Wd, Bd = So, Fd = se, Vd = "[object Map]";
 function $d(a) {
   return Fd(a) && Bd(a) == Vd;
 }
-var Hd = $d, Qd = Hd, Gd = To, Wi = Ko, Ui = Wi && Wi.isMap, Zd = Ui ? Gd(Ui) : Qd, Xd = Zd, Jd = So, qd = se, Kd = "[object Set]";
+var Hd = $d, Qd = Hd, Gd = To, Ui = Ko, Bi = Ui && Ui.isMap, Zd = Bi ? Gd(Bi) : Qd, Xd = Zd, Jd = So, qd = se, Kd = "[object Set]";
 function _d(a) {
   return qd(a) && Jd(a) == Kd;
 }
-var tp = _d, ep = tp, op = To, Bi = Ko, Fi = Bi && Bi.isSet, ip = Fi ? op(Fi) : ep, Bs = ip;
-const sp = /* @__PURE__ */ je(Bs);
-var np = Ns, rp = Pc, ap = ks, cp = mh, lp = Oh, hp = Rh, up = Wh, dp = Jh, pp = lu, fp = Rs, gp = Iu, yp = So, Mp = Qu, wp = Dd, mp = Ud, vp = Xe, Ip = qo, Np = Xd, Tp = de, Sp = Bs, kp = ei, Cp = oi, xp = 1, bp = 2, Lp = 4, Fs = "[object Arguments]", zp = "[object Array]", Pp = "[object Boolean]", Dp = "[object Date]", Ap = "[object Error]", Vs = "[object Function]", jp = "[object GeneratorFunction]", Ep = "[object Map]", Op = "[object Number]", $s = "[object Object]", Rp = "[object RegExp]", Yp = "[object Set]", Wp = "[object String]", Up = "[object Symbol]", Bp = "[object WeakMap]", Fp = "[object ArrayBuffer]", Vp = "[object DataView]", $p = "[object Float32Array]", Hp = "[object Float64Array]", Qp = "[object Int8Array]", Gp = "[object Int16Array]", Zp = "[object Int32Array]", Xp = "[object Uint8Array]", Jp = "[object Uint8ClampedArray]", qp = "[object Uint16Array]", Kp = "[object Uint32Array]", mt = {};
-mt[Fs] = mt[zp] = mt[Fp] = mt[Vp] = mt[Pp] = mt[Dp] = mt[$p] = mt[Hp] = mt[Qp] = mt[Gp] = mt[Zp] = mt[Ep] = mt[Op] = mt[$s] = mt[Rp] = mt[Yp] = mt[Wp] = mt[Up] = mt[Xp] = mt[Jp] = mt[qp] = mt[Kp] = !0;
-mt[Ap] = mt[Vs] = mt[Bp] = !1;
+var tp = _d, ep = tp, op = To, Fi = Ko, Vi = Fi && Fi.isSet, ip = Vi ? op(Vi) : ep, Fs = ip;
+const sp = /* @__PURE__ */ je(Fs);
+var np = Ts, rp = Pc, ap = Cs, cp = mh, lp = Oh, hp = Rh, up = Wh, dp = Jh, pp = lu, fp = Ys, gp = Iu, yp = So, Mp = Qu, wp = Dd, mp = Ud, vp = Xe, Ip = qo, Np = Xd, Tp = de, Sp = Fs, kp = ei, Cp = oi, xp = 1, bp = 2, Lp = 4, Vs = "[object Arguments]", zp = "[object Array]", Pp = "[object Boolean]", Dp = "[object Date]", Ap = "[object Error]", $s = "[object Function]", jp = "[object GeneratorFunction]", Ep = "[object Map]", Op = "[object Number]", Hs = "[object Object]", Rp = "[object RegExp]", Yp = "[object Set]", Wp = "[object String]", Up = "[object Symbol]", Bp = "[object WeakMap]", Fp = "[object ArrayBuffer]", Vp = "[object DataView]", $p = "[object Float32Array]", Hp = "[object Float64Array]", Qp = "[object Int8Array]", Gp = "[object Int16Array]", Zp = "[object Int32Array]", Xp = "[object Uint8Array]", Jp = "[object Uint8ClampedArray]", qp = "[object Uint16Array]", Kp = "[object Uint32Array]", mt = {};
+mt[Vs] = mt[zp] = mt[Fp] = mt[Vp] = mt[Pp] = mt[Dp] = mt[$p] = mt[Hp] = mt[Qp] = mt[Gp] = mt[Zp] = mt[Ep] = mt[Op] = mt[Hs] = mt[Rp] = mt[Yp] = mt[Wp] = mt[Up] = mt[Xp] = mt[Jp] = mt[qp] = mt[Kp] = !0;
+mt[Ap] = mt[$s] = mt[Bp] = !1;
 function io(a, o, t, e, i, s) {
   var n, r = o & xp, c = o & bp, l = o & Lp;
   if (t && (n = i ? t(a, e, i, s) : t(a)), n !== void 0)
@@ -1102,10 +1102,10 @@ function io(a, o, t, e, i, s) {
     if (n = Mp(a), !r)
       return up(a, n);
   } else {
-    var u = yp(a), d = u == Vs || u == jp;
+    var u = yp(a), d = u == $s || u == jp;
     if (Ip(a))
       return hp(a, r);
-    if (u == $s || u == Fs || d && !i) {
+    if (u == Hs || u == Vs || d && !i) {
       if (n = c || d ? {} : mp(a), !r)
         return c ? pp(a, lp(n, a)) : dp(a, cp(n, a));
     } else {
@@ -1120,12 +1120,12 @@ function io(a, o, t, e, i, s) {
     return p;
   s.set(a, n), Sp(a) ? a.forEach(function(M) {
     n.add(io(M, o, t, M, a, s));
-  }) : Np(a) && a.forEach(function(M, I) {
-    n.set(I, io(M, o, t, I, a, s));
+  }) : Np(a) && a.forEach(function(M, N) {
+    n.set(N, io(M, o, t, N, a, s));
   });
   var f = l ? c ? gp : fp : c ? Cp : kp, y = h ? void 0 : f(a);
-  return rp(y || a, function(M, I) {
-    y && (I = M, M = a[I]), ap(n, I, io(M, o, t, I, a, s));
+  return rp(y || a, function(M, N) {
+    y && (N = M, M = a[N]), ap(n, N, io(M, o, t, N, a, s));
   }), n;
 }
 var _p = io, tf = _p, ef = 1, of = 4;
@@ -1133,10 +1133,10 @@ function sf(a) {
   return tf(a, ef | of);
 }
 var nf = sf;
-const zt = /* @__PURE__ */ je(nf), Hs = "1.1.7", rf = "@netless/appliance-plugin", Qs = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
+const zt = /* @__PURE__ */ je(nf), Qs = "1.1.8", rf = "@netless/appliance-plugin", ri = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
 if (typeof window < "u") {
   let a = window.__netlessUA || "";
-  a += ` ${rf}@${Hs}_${Qs}`, window.__netlessUA = a;
+  a += ` ${rf}@${Qs}`, window.__netlessUA = a;
 }
 const Et = {
   syncOpt: {
@@ -1158,6 +1158,10 @@ const Et = {
   },
   pencilEraser: {
     useBitMap: !0
+  },
+  strokeWidth: {
+    min: 1,
+    max: 10
   }
 };
 function ce(a, o = !0) {
@@ -1247,16 +1251,16 @@ const Vt = class Vt {
     for (const c of e) {
       const { thickness: l, op: h } = c;
       for (const u of h) {
-        const d = u.map((I, w) => w % 2 ? I - i[1] : I - i[0]), p = this.computEraserPoints(d, l), f = ce(p, !0), y = {
+        const d = u.map((N, w) => w % 2 ? N - i[1] : N - i[0]), p = this.computEraserPoints(d, l), f = ce(p, !0), y = {
           pos: [0, 0],
           d: f,
           fillColor: "rgba(0,0,0,1)"
         }, M = new ue(y);
-        n && (M.addEventListener("beforerender", ({ detail: I }) => {
-          const w = I.context;
+        n && (M.addEventListener("beforerender", ({ detail: N }) => {
+          const w = N.context;
           r ? w.blendFuncSeparate(w.ZERO, w.ZERO, w.ZERO, w.ZERO) : w.globalCompositeOperation = "destination-out";
-        }), M.addEventListener("afterrender", ({ detail: I }) => {
-          const w = I.context;
+        }), M.addEventListener("afterrender", ({ detail: N }) => {
+          const w = N.context;
           r ? w.blendFuncSeparate(w.SRC_ALPHA, w.ONE_MINUS_SRC_ALPHA, w.ONE, w.ONE_MINUS_SRC_ALPHA) : w.globalCompositeOperation = "source-over";
         })), t.append(M);
       }
@@ -1318,51 +1322,51 @@ const Vt = class Vt {
     const M = n && zt(n) || i.get(t.name);
     if (!M) return;
     oe(r) && (t.setAttribute("zIndex", r), M.opt.zIndex = r);
-    const I = t.parent;
-    if (I) {
+    const N = t.parent;
+    if (N) {
       if (h && d && n) {
         const m = [M.op[0], M.op[1]];
-        di(M.op, u, d, c);
-        const S = [M.op[0], M.op[1]], T = [S[0] - m[0], S[1] - m[1]];
-        if (M.centerPos = [M.centerPos[0] + T[0], M.centerPos[1] + T[1]], M.opt.translate = void 0, M.opt.scale = void 0, M.opt.eraserlines)
+        pi(M.op, u, d, c);
+        const S = [M.op[0], M.op[1]], I = [S[0] - m[0], S[1] - m[1]];
+        if (M.centerPos = [M.centerPos[0] + I[0], M.centerPos[1] + I[1]], M.opt.translate = void 0, M.opt.scale = void 0, M.opt.eraserlines)
           for (const v of Object.values(M.opt.eraserlines)) {
             const { op: x, thickness: L } = v;
             v.thickness = L * Math.max(d[0], d[1]);
             for (let A = 0; A < x.length; A++)
-              pi(x[A], u, d, c);
+              fi(x[A], u, d, c);
           }
       } else if (c)
         if (t.setAttribute("translate", c), M.opt.translate = c, n) {
-          const m = [c[0] * I.worldScaling[0], c[1] * I.worldScaling[1]];
+          const m = [c[0] * N.worldScaling[0], c[1] * N.worldScaling[1]];
           y = Vo(M.rect, m), M.rect = y;
         } else {
-          const m = Vt.getRectFromLayer(I, t.name);
+          const m = Vt.getRectFromLayer(N, t.name);
           M.rect = m || M.rect;
         }
       else if (oe(l))
         if (t.setAttribute("rotate", l), M.opt.rotate = l, n)
           y = un(M.rect, l), M.rect = y;
         else {
-          const m = Vt.getRectFromLayer(I, t.name);
+          const m = Vt.getRectFromLayer(N, t.name);
           M.rect = m || M.rect;
         }
       if (p) {
         const m = p.get(t.name);
         if (m)
-          for (let S = 0, T = 0; S < M.op.length; S += 3, T++)
-            M.op[S] = m[T][0], M.op[S + 1] = m[T][1];
+          for (let S = 0, I = 0; S < M.op.length; S += 3, I++)
+            M.op[S] = m[I][0], M.op[S + 1] = m[I][1];
       }
       if (f && ((w = M == null ? void 0 : M.opt) != null && w.thickness) && (M.opt.thickness = f), s && !(h && d && n)) {
         if (c) {
-          const m = M.op.map((S, T) => {
-            const v = T % 3;
+          const m = M.op.map((S, I) => {
+            const v = I % 3;
             return v === 0 ? S + c[0] : v === 1 ? S + c[1] : S;
           });
           if (M.op = m, M.centerPos = [M.centerPos[0] + c[0], M.centerPos[1] + c[1]], M != null && M.opt && (M.opt.translate = void 0), M.opt.eraserlines)
             for (const S of Object.values(M.opt.eraserlines)) {
-              const { op: T } = S;
-              for (let v = 0; v < T.length; v++) {
-                const x = T[v].map((L, A) => A % 2 ? L + c[1] : L + c[0]);
+              const { op: I } = S;
+              for (let v = 0; v < I.length; v++) {
+                const x = I[v].map((L, A) => A % 2 ? L + c[1] : L + c[0]);
                 S.op[v] = x;
               }
             }
@@ -1370,9 +1374,9 @@ const Vt = class Vt {
           const m = M.op;
           if (EM(m, M.centerPos, l), M.op = m, M != null && M.opt && (M.opt.rotate = void 0), M.opt.eraserlines)
             for (const S of Object.values(M.opt.eraserlines)) {
-              const { op: T } = S;
-              for (let v = 0; v < T.length; v++)
-                OM(T[v], M.centerPos, l);
+              const { op: I } = S;
+              for (let v = 0; v < I.length; v++)
+                OM(I[v], M.centerPos, l);
             }
         }
       }
@@ -1413,7 +1417,7 @@ class Gs extends Y {
     super(t);
     g(this, "canRotate", !0);
     g(this, "scaleType", pt.all);
-    g(this, "toolsType", N.Pencil);
+    g(this, "toolsType", T.Pencil);
     g(this, "syncTimestamp");
     g(this, "syncIndex", 0);
     g(this, "tmpPoints", []);
@@ -1465,15 +1469,15 @@ class Gs extends Y {
         type: b.DrawWork,
         dataType: U.Local
       };
-    const I = [];
+    const N = [];
     return this.tmpPoints.slice(M).forEach((w) => {
-      I.push(w.x, w.y, this.computRadius(w.z, this.workOptions.thickness));
+      N.push(w.x, w.y, this.computRadius(w.z, this.workOptions.thickness));
     }), {
       ...this.baseConsumeResult,
       type: b.DrawWork,
       dataType: U.Local,
       rect: f,
-      op: y ? I : void 0,
+      op: y ? N : void 0,
       index: y ? M * 3 : void 0,
       updateNodeOpt: {
         useAnimation: !0
@@ -1564,14 +1568,14 @@ class Gs extends Y {
   }
   draw(t) {
     const { attrs: e, tasks: i, replaceId: s, effects: n, layer: r } = t, { strokeColor: c, strokeType: l, thickness: h, zIndex: u, scale: d, rotate: p, translate: f, eraserlines: y } = this.workOptions;
-    n != null && n.size && (n.forEach((T) => {
+    n != null && n.size && (n.forEach((I) => {
       var v;
-      (v = r.getElementById(T + "")) == null || v.remove();
+      (v = r.getElementById(I + "")) == null || v.remove();
     }), n.clear());
     let M;
-    const I = [], w = r.worldPosition, m = r.worldScaling;
-    for (let T = 0; T < i.length; T++) {
-      const { pos: v, points: x } = i[T], { ps: L, rect: A } = this.computDrawPoints(x);
+    const N = [], w = r.worldPosition, m = r.worldScaling;
+    for (let I = 0; I < i.length; I++) {
+      const { pos: v, points: x } = i[I], { ps: L, rect: A } = this.computDrawPoints(x);
       let j;
       const D = x.length === 1;
       l === et.Stroke || D ? j = ce(L, !0) : j = ce(L, !1);
@@ -1589,24 +1593,24 @@ class Gs extends Y {
         y: Math.floor((A.y + v[1]) * m[1] + w[1] - Y.SafeBorderPadding),
         w: Math.floor(A.w * m[0] + 2 * Y.SafeBorderPadding),
         h: Math.floor(A.h * m[1] + 2 * Y.SafeBorderPadding)
-      }), I.push(O);
+      }), N.push(O);
     }
     d && (e.scale = d), p && (e.rotate = p), f && (e.translate = f);
     const S = new Wt();
     if (M) {
       this.centerPos = Y.getCenterPos(M, r);
-      const T = l === et.Stroke && !y;
+      const I = l === et.Stroke && !y;
       S.attr({
         ...e,
         normalize: !0,
         anchor: [0.5, 0.5],
-        bgcolor: T ? c : void 0,
+        bgcolor: I ? c : void 0,
         pos: this.centerPos,
         size: [(M.w - 2 * Y.SafeBorderPadding) / m[0], (M.h - 2 * Y.SafeBorderPadding) / m[1]],
         zIndex: u
       });
-      const v = I.map((x) => (x.pos = [x.pos[0] - this.centerPos[0], x.pos[1] - this.centerPos[1]], new ue(x)));
-      S.append(...v), T && S.seal(), y && this.drawEraserlines({
+      const v = N.map((x) => (x.pos = [x.pos[0] - this.centerPos[0], x.pos[1] - this.centerPos[1]], new ue(x)));
+      S.append(...v), I && S.seal(), y && this.drawEraserlines({
         group: S,
         eraserlines: y,
         pos: this.centerPos,
@@ -1614,13 +1618,13 @@ class Gs extends Y {
       }), this.replace(r, s || e.workId, S);
     }
     if (d || p || f) {
-      const T = S == null ? void 0 : S.getBoundingClientRect();
-      if (T)
+      const I = S == null ? void 0 : S.getBoundingClientRect();
+      if (I)
         return {
-          x: Math.floor(T.x - Y.SafeBorderPadding),
-          y: Math.floor(T.y - Y.SafeBorderPadding),
-          w: Math.floor(T.width + Y.SafeBorderPadding * 2),
-          h: Math.floor(T.height + Y.SafeBorderPadding * 2)
+          x: Math.floor(I.x - Y.SafeBorderPadding),
+          y: Math.floor(I.y - Y.SafeBorderPadding),
+          w: Math.floor(I.width + Y.SafeBorderPadding * 2),
+          h: Math.floor(I.height + Y.SafeBorderPadding * 2)
         };
     }
     return M;
@@ -1682,8 +1686,8 @@ class Gs extends Y {
         point: new F(p, f, y, t[s].v),
         radius: M
       }), s > 0 && s < t.length - 1) {
-        const I = t[s].getAngleByPoints(t[s - 1], t[s + 1]);
-        if (I < 90 || I > 270) {
+        const N = t[s].getAngleByPoints(t[s - 1], t[s + 1]);
+        if (N < 90 || N > 270) {
           const w = (u = l.pop()) == null ? void 0 : u.point.clone();
           w && i.push({
             taskId: h,
@@ -1722,12 +1726,12 @@ class Gs extends Y {
       if (u.isNear(p, e)) {
         if (p.z < this.MAX_REPEAR) {
           if (p.setz(Math.min(p.z + 1, this.MAX_REPEAR)), r = Math.min(r, d), h > 1) {
-            let I = h - 1;
-            for (; I > 0; ) {
-              const w = this.tmpPoints[I].distance(this.tmpPoints[I - 1]), m = Math.max(this.tmpPoints[I].z - this.uniThickness * w, 0);
-              if (this.tmpPoints[I - 1].z >= m)
+            let N = h - 1;
+            for (; N > 0; ) {
+              const w = this.tmpPoints[N].distance(this.tmpPoints[N - 1]), m = Math.max(this.tmpPoints[N].z - this.uniThickness * w, 0);
+              if (this.tmpPoints[N - 1].z >= m)
                 break;
-              this.tmpPoints[I - 1].setz(m), r = Math.min(r, I - 1), I--;
+              this.tmpPoints[N - 1].setz(m), r = Math.min(r, N - 1), N--;
             }
           }
         } else
@@ -1832,7 +1836,7 @@ class Gs extends Y {
 class Zs extends Y {
   constructor(t) {
     super(t);
-    g(this, "toolsType", N.LaserPen);
+    g(this, "toolsType", T.LaserPen);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.none);
     g(this, "syncTimestamp");
@@ -1867,12 +1871,12 @@ class Zs extends Y {
       anchor: [0.5, 0.5]
     }, y = this.getTaskPoints(p);
     if (y.length) {
-      const I = Date.now();
-      I - this.syncTimestamp > this.syncUnitTime && (u = !0, this.syncTimestamp = I, this.syncIndex = this.tmpPoints.length), i && this.draw({ attrs: f, tasks: y, isDot: !1, layer: this.drawLayer || this.fullLayer });
+      const N = Date.now();
+      N - this.syncTimestamp > this.syncUnitTime && (u = !0, this.syncTimestamp = N, this.syncIndex = this.tmpPoints.length), i && this.draw({ attrs: f, tasks: y, isDot: !1, layer: this.drawLayer || this.fullLayer });
     }
     const M = [];
-    return this.tmpPoints.slice(d).forEach((I) => {
-      M.push(I.x, I.y);
+    return this.tmpPoints.slice(d).forEach((N) => {
+      M.push(N.x, N.y);
     }), {
       rect: {
         x: h.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
@@ -2007,10 +2011,10 @@ class Zs extends Y {
       });
       const { vertex: p, fragment: f } = this.workOptions;
       if (p && f) {
-        const y = n.renderer.createProgram({ vertex: p, fragment: f }), { width: M, height: I } = n.getResolution();
+        const y = n.renderer.createProgram({ vertex: p, fragment: f }), { width: M, height: N } = n.getResolution();
         l.setUniforms({
           u_time: 0,
-          u_resolution: [M, I]
+          u_resolution: [M, N]
         }), l.setProgram(y);
       }
       n.appendChild(l), l.transition(r).attr({
@@ -2071,7 +2075,7 @@ const xe = class xe extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.none);
-    g(this, "toolsType", N.Eraser);
+    g(this, "toolsType", T.Eraser);
     g(this, "serviceWork");
     g(this, "tmpPoints", []);
     g(this, "workOptions");
@@ -2209,7 +2213,7 @@ var lf = cf;
 function hf(a) {
   return this.__data__.has(a);
 }
-var uf = hf, df = Is, pf = lf, ff = uf;
+var uf = hf, df = Ns, pf = lf, ff = uf;
 function co(a) {
   var o = -1, t = a == null ? 0 : a.length;
   for (this.__data__ = new df(); ++o < t; )
@@ -2217,7 +2221,7 @@ function co(a) {
 }
 co.prototype.add = co.prototype.push = pf;
 co.prototype.has = ff;
-var ri = co;
+var ai = co;
 function gf(a, o) {
   for (var t = -1, e = a == null ? 0 : a.length; ++t < e; )
     if (o(a[t], t, a))
@@ -2228,7 +2232,7 @@ var yf = gf;
 function Mf(a, o) {
   return a.has(o);
 }
-var ai = Mf, wf = ri, mf = yf, vf = ai, If = 1, Nf = 2;
+var ci = Mf, wf = ai, mf = yf, vf = ci, If = 1, Nf = 2;
 function Tf(a, o, t, e, i, s) {
   var n = t & If, r = a.length, c = o.length;
   if (r != c && !(n && c > r))
@@ -2248,8 +2252,8 @@ function Tf(a, o, t, e, i, s) {
       break;
     }
     if (p) {
-      if (!mf(o, function(I, w) {
-        if (!vf(p, w) && (f === I || i(f, I, t, e, s)))
+      if (!mf(o, function(N, w) {
+        if (!vf(p, w) && (f === N || i(f, N, t, e, s)))
           return p.push(w);
       })) {
         d = !1;
@@ -2276,7 +2280,7 @@ function Cf(a) {
     t[++o] = e;
   }), t;
 }
-var ci = Cf, Vi = Ze, $i = Us, xf = Xo, bf = Xs, Lf = kf, zf = ci, Pf = 1, Df = 2, Af = "[object Boolean]", jf = "[object Date]", Ef = "[object Error]", Of = "[object Map]", Rf = "[object Number]", Yf = "[object RegExp]", Wf = "[object Set]", Uf = "[object String]", Bf = "[object Symbol]", Ff = "[object ArrayBuffer]", Vf = "[object DataView]", Hi = Vi ? Vi.prototype : void 0, zo = Hi ? Hi.valueOf : void 0;
+var li = Cf, $i = Ze, Hi = Bs, xf = Xo, bf = Xs, Lf = kf, zf = li, Pf = 1, Df = 2, Af = "[object Boolean]", jf = "[object Date]", Ef = "[object Error]", Of = "[object Map]", Rf = "[object Number]", Yf = "[object RegExp]", Wf = "[object Set]", Uf = "[object String]", Bf = "[object Symbol]", Ff = "[object ArrayBuffer]", Vf = "[object DataView]", Qi = $i ? $i.prototype : void 0, zo = Qi ? Qi.valueOf : void 0;
 function $f(a, o, t, e, i, s, n) {
   switch (t) {
     case Vf:
@@ -2284,7 +2288,7 @@ function $f(a, o, t, e, i, s, n) {
         return !1;
       a = a.buffer, o = o.buffer;
     case Ff:
-      return !(a.byteLength != o.byteLength || !s(new $i(a), new $i(o)));
+      return !(a.byteLength != o.byteLength || !s(new Hi(a), new Hi(o)));
     case Af:
     case jf:
     case Rf:
@@ -2312,9 +2316,9 @@ function $f(a, o, t, e, i, s, n) {
   }
   return !1;
 }
-var Hf = $f, Qi = Rs, Qf = 1, Gf = Object.prototype, Zf = Gf.hasOwnProperty;
+var Hf = $f, Gi = Ys, Qf = 1, Gf = Object.prototype, Zf = Gf.hasOwnProperty;
 function Xf(a, o, t, e, i, s) {
-  var n = t & Qf, r = Qi(a), c = r.length, l = Qi(o), h = l.length;
+  var n = t & Qf, r = Gi(a), c = r.length, l = Gi(o), h = l.length;
   if (c != h && !n)
     return !1;
   for (var u = c; u--; ) {
@@ -2329,35 +2333,35 @@ function Xf(a, o, t, e, i, s) {
   s.set(a, o), s.set(o, a);
   for (var M = n; ++u < c; ) {
     d = r[u];
-    var I = a[d], w = o[d];
+    var N = a[d], w = o[d];
     if (e)
-      var m = n ? e(w, I, d, o, a, s) : e(I, w, d, a, o, s);
-    if (!(m === void 0 ? I === w || i(I, w, t, e, s) : m)) {
+      var m = n ? e(w, N, d, o, a, s) : e(N, w, d, a, o, s);
+    if (!(m === void 0 ? N === w || i(N, w, t, e, s) : m)) {
       y = !1;
       break;
     }
     M || (M = d == "constructor");
   }
   if (y && !M) {
-    var S = a.constructor, T = o.constructor;
-    S != T && "constructor" in a && "constructor" in o && !(typeof S == "function" && S instanceof S && typeof T == "function" && T instanceof T) && (y = !1);
+    var S = a.constructor, I = o.constructor;
+    S != I && "constructor" in a && "constructor" in o && !(typeof S == "function" && S instanceof S && typeof I == "function" && I instanceof I) && (y = !1);
   }
   return s.delete(a), s.delete(o), y;
 }
-var Jf = Xf, Po = Ns, qf = Xs, Kf = Hf, _f = Jf, Gi = So, Zi = Xe, Xi = qo, tg = Ls, eg = 1, Ji = "[object Arguments]", qi = "[object Array]", Ke = "[object Object]", og = Object.prototype, Ki = og.hasOwnProperty;
+var Jf = Xf, Po = Ts, qf = Xs, Kf = Hf, _f = Jf, Zi = So, Xi = Xe, Ji = qo, tg = zs, eg = 1, qi = "[object Arguments]", Ki = "[object Array]", Ke = "[object Object]", og = Object.prototype, _i = og.hasOwnProperty;
 function ig(a, o, t, e, i, s) {
-  var n = Zi(a), r = Zi(o), c = n ? qi : Gi(a), l = r ? qi : Gi(o);
-  c = c == Ji ? Ke : c, l = l == Ji ? Ke : l;
+  var n = Xi(a), r = Xi(o), c = n ? Ki : Zi(a), l = r ? Ki : Zi(o);
+  c = c == qi ? Ke : c, l = l == qi ? Ke : l;
   var h = c == Ke, u = l == Ke, d = c == l;
-  if (d && Xi(a)) {
-    if (!Xi(o))
+  if (d && Ji(a)) {
+    if (!Ji(o))
       return !1;
     n = !0, h = !1;
   }
   if (d && !h)
     return s || (s = new Po()), n || tg(a) ? qf(a, o, t, e, i, s) : Kf(a, o, c, t, e, i, s);
   if (!(t & eg)) {
-    var p = h && Ki.call(a, "__wrapped__"), f = u && Ki.call(o, "__wrapped__");
+    var p = h && _i.call(a, "__wrapped__"), f = u && _i.call(o, "__wrapped__");
     if (p || f) {
       var y = p ? a.value() : a, M = f ? o.value() : o;
       return s || (s = new Po()), i(y, M, t, e, s);
@@ -2365,9 +2369,9 @@ function ig(a, o, t, e, i, s) {
   }
   return d ? (s || (s = new Po()), _f(a, o, t, e, i, s)) : !1;
 }
-var sg = ig, ng = sg, _i = se;
+var sg = ig, ng = sg, ts = se;
 function Js(a, o, t, e, i) {
-  return a === o ? !0 : a == null || o == null || !_i(a) && !_i(o) ? a !== a && o !== o : ng(a, o, t, e, Js, i);
+  return a === o ? !0 : a == null || o == null || !ts(a) && !ts(o) ? a !== a && o !== o : ng(a, o, t, e, Js, i);
 }
 var rg = Js, ag = rg;
 function cg(a, o) {
@@ -2377,7 +2381,7 @@ var lg = cg;
 const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
   constructor(t) {
     super(t);
-    g(this, "toolsType", N.Selector);
+    g(this, "toolsType", T.Selector);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "vNodes");
@@ -2431,7 +2435,7 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
       zIndex: 9999
     }), l = [];
     if (r) {
-      const h = new yi({
+      const h = new Mi({
         normalize: !0,
         pos: [e.w / 2, e.h / 2],
         lineWidth: 1,
@@ -2446,7 +2450,7 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
       const d = [
         h.rect.x + h.rect.w / 2 - e.x,
         h.rect.y + h.rect.h / 2 - e.y
-      ], p = new yi({
+      ], p = new Mi({
         normalize: !0,
         pos: d,
         lineWidth: 1,
@@ -2476,7 +2480,7 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
     let i, s = !0;
     for (const n of t.values()) {
       const { opt: r, canRotate: c, scaleType: l, toolsType: h } = n;
-      this.selectorColor = this.workOptions.strokeColor, r.strokeColor && (this.strokeColor = r.strokeColor), r.fillColor && (this.fillColor = r.fillColor), r.textOpt && (this.textOpt = r.textOpt), r.thickness && (this.thickness = r.thickness), h !== N.Pencil && (s = !1), r.strokeType && (this.strokeType = r.strokeType), h === N.SpeechBalloon && (e.add(h), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.placement = r.placement), h === N.Polygon && (e.add(h), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = r.vertices), h === N.Star && (e.add(h), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = r.vertices, this.shapeOpt.innerRatio = r.innerRatio, this.shapeOpt.innerVerticeStep = r.innerVerticeStep), h === N.Text && (this.textOpt = r), t.size === 1 && (this.textOpt && (this.canTextEdit = !0), this.canRotate = c, this.scaleType = l), l === pt.none && (this.scaleType = l), h === N.Image && (i = n);
+      this.selectorColor = this.workOptions.strokeColor, r.strokeColor && (this.strokeColor = r.strokeColor), r.fillColor && (this.fillColor = r.fillColor), r.textOpt && (this.textOpt = r.textOpt), r.thickness && (this.thickness = r.thickness), h !== T.Pencil && (s = !1), r.strokeType && (this.strokeType = r.strokeType), h === T.SpeechBalloon && (e.add(h), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.placement = r.placement), h === T.Polygon && (e.add(h), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = r.vertices), h === T.Star && (e.add(h), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = r.vertices, this.shapeOpt.innerRatio = r.innerRatio, this.shapeOpt.innerVerticeStep = r.innerVerticeStep), h === T.Text && (this.textOpt = r), t.size === 1 && (this.textOpt && (this.canTextEdit = !0), this.canRotate = c, this.scaleType = l), l === pt.none && (this.scaleType = l), h === T.Image && (i = n);
     }
     s && (this.useStroke = !0), e.size && (this.toolsTypes = [...e]), i && (t.size === 1 ? (this.canLock = !0, i.opt.locked && (this.isLocked = !0, this.scaleType = pt.none, this.canRotate = !1, this.textOpt = void 0, this.fillColor = void 0, this.selectorColor = "rgb(177,177,177)", this.strokeColor = void 0, this.canTextEdit = !1, this.thickness = void 0, this.strokeType = void 0, this.useStroke = void 0)) : t.size > 1 && !i.opt.locked && (this.canLock = !1, this.canRotate = !1));
   }
@@ -2630,15 +2634,15 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
     })), i;
   }
   isCanFillColor(t) {
-    return t === N.Ellipse || t === N.Triangle || t === N.Rectangle || t === N.Polygon || t === N.Star || t === N.SpeechBalloon;
+    return t === T.Ellipse || t === T.Triangle || t === T.Rectangle || t === T.Polygon || t === T.Star || t === T.SpeechBalloon;
   }
   async updateSelector(t) {
-    var T;
+    var I;
     const { updateSelectorOpt: e, selectIds: i, vNodes: s, willSerializeData: n, worker: r, offset: c } = t, l = this.fullLayer;
     if (!l)
       return;
     let h;
-    const u = /* @__PURE__ */ new Map(), { originPoint: d, workState: p, angle: f, translate: y, dir: M, scale: I } = e;
+    const u = /* @__PURE__ */ new Map(), { originPoint: d, workState: p, angle: f, translate: y, dir: M, scale: N } = e;
     c && (y ? e.translate = [y[0] + c[0], y[1] + c[1]] : e.translate = c);
     let w;
     if (d || y || oe(f)) {
@@ -2661,7 +2665,7 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
             const z = { ...e };
             let E;
             if (L) {
-              z.thickness && x.opt.thickness && (D = x.opt.thickness !== z.thickness), z.strokeType && ((T = x.opt) != null && T.strokeType) && (O = x.opt.strokeType !== z.strokeType), E = w == null ? void 0 : w.get(v);
+              z.thickness && x.opt.thickness && (D = x.opt.thickness !== z.thickness), z.strokeType && ((I = x.opt) != null && I.strokeType) && (O = x.opt.strokeType !== z.strokeType), E = w == null ? void 0 : w.get(v);
               const rt = nn(L);
               if (rt == null || rt.updateNodeOpt({
                 node: j,
@@ -2669,7 +2673,7 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
                 vNodes: s,
                 willSerializeData: n,
                 targetNode: E
-              }), x && r && (n && (z.angle || z.translate) || z.originPoint && z.scenePoint && z.scale || z.pointMap && z.pointMap.has(v) || L === N.Text && (z.fontSize || z.translate || z.textInfos && z.textInfos.get(v)) || L === N.Image && (z.angle || z.translate || z.scale || z.strokeColor && A.type === ze.Iconify) || L === z.toolsType && z.willRefresh || D || O)) {
+              }), x && r && (n && (z.angle || z.translate) || z.originPoint && z.scenePoint && z.scale || z.pointMap && z.pointMap.has(v) || L === T.Text && (z.fontSize || z.translate || z.textInfos && z.textInfos.get(v)) || L === T.Image && (z.angle || z.translate || z.scale || z.strokeColor && A.type === ze.Iconify) || L === z.toolsType && z.willRefresh || D || O)) {
                 const tt = r.createWorkShapeNode({
                   workId: v,
                   toolsType: L,
@@ -2677,13 +2681,13 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
                 });
                 tt == null || tt.setWorkId(v);
                 let H;
-                if (L === N.Image)
+                if (L === T.Image)
                   H = await tt.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: v,
                     worker: r
                   });
-                else if (L === N.Text)
+                else if (L === T.Text)
                   H = await tt.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: v
@@ -2707,7 +2711,7 @@ const we = /* @__PURE__ */ je(lg), Mo = class Mo extends Y {
       }
     w && p === P.Done && (s.deleteLastTarget(), w = void 0);
     const m = h;
-    if (d && y && I && M && m && !c) {
+    if (d && y && N && M && m && !c) {
       const v = [
         [m.x, m.y],
         [m.x + m.w, m.y],
@@ -2844,7 +2848,7 @@ class qs extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.both);
-    g(this, "toolsType", N.Arrow);
+    g(this, "toolsType", T.Arrow);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "oldRect");
@@ -2912,21 +2916,21 @@ class qs extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i } = t, { strokeColor: s, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, p = i.worldPosition, f = i.worldScaling, { points: y, pos: M, rect: I, isTriangle: w, trianglePoints: m, trianglePos: S } = this.computDrawPoints(n), T = [
-      I.x + I.w / 2,
-      I.y + I.h / 2
+    const { workId: e, layer: i } = t, { strokeColor: s, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, p = i.worldPosition, f = i.worldScaling, { points: y, pos: M, rect: N, isTriangle: w, trianglePoints: m, trianglePos: S } = this.computDrawPoints(n), I = [
+      N.x + N.w / 2,
+      N.y + N.h / 2
     ], v = {
-      pos: T,
+      pos: I,
       name: e,
       id: e,
       zIndex: r,
       anchor: [0.5, 0.5],
-      size: [I.w, I.h]
+      size: [N.w, N.h]
     };
     c && (v.scale = c), l && (v.rotate = l), h && (v.translate = h);
     const x = new Wt(v), L = {
       points: m,
-      pos: [S[0] - T[0], S[1] - T[1]],
+      pos: [S[0] - I[0], S[1] - I[1]],
       fillColor: s,
       strokeColor: s,
       lineWidth: 0,
@@ -2935,7 +2939,7 @@ class qs extends Y {
     if (x.append(A), !w && y && M) {
       const j = {
         points: y,
-        pos: [M[0] - T[0], M[1] - T[1]],
+        pos: [M[0] - I[0], M[1] - I[1]],
         fillColor: s,
         strokeColor: s,
         lineDash: u === et.Dotted && !w ? [1, n * 2] : u === et.LongDotted && !w ? [n, n * 2] : void 0,
@@ -2948,7 +2952,7 @@ class qs extends Y {
     if (d && this.drawEraserlines({
       group: x,
       eraserlines: d,
-      pos: T,
+      pos: I,
       layer: i
     }), this.replace(i, e, x), c || l || h) {
       const j = x.getBoundingClientRect();
@@ -2960,10 +2964,10 @@ class qs extends Y {
       };
     }
     return {
-      x: Math.floor(I.x * f[0] + p[0] - Y.SafeBorderPadding),
-      y: Math.floor(I.y * f[1] + p[1] - Y.SafeBorderPadding),
-      w: Math.floor(I.w * f[0] + 2 * Y.SafeBorderPadding),
-      h: Math.floor(I.h * f[1] + 2 * Y.SafeBorderPadding)
+      x: Math.floor(N.x * f[0] + p[0] - Y.SafeBorderPadding),
+      y: Math.floor(N.y * f[1] + p[1] - Y.SafeBorderPadding),
+      w: Math.floor(N.w * f[0] + 2 * Y.SafeBorderPadding),
+      h: Math.floor(N.h * f[1] + 2 * Y.SafeBorderPadding)
     };
   }
   computDrawPoints(t) {
@@ -2972,9 +2976,9 @@ class qs extends Y {
   computFullArrowPoints(t) {
     const e = C.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), i = C.Per(e).mul(t / 2), s = F.Sub(this.tmpPoints[0], i), n = F.Add(this.tmpPoints[0], i), r = C.Mul(e, this.arrowTipWidth), c = C.Sub(this.tmpPoints[1], r), l = F.Sub(c, i), h = F.Add(c, i), u = C.Per(e).mul(t * 1.5), d = F.Sub(c, u), p = F.Add(c, u), f = [this.tmpPoints[0], c], y = [d, this.tmpPoints[1], p], M = [s, n, ...y, l, h];
     return {
-      trianglePoints: y.map((I) => F.Sub(I, this.tmpPoints[1]).XY).flat(1),
+      trianglePoints: y.map((N) => F.Sub(N, this.tmpPoints[1]).XY).flat(1),
       trianglePos: this.tmpPoints[1].XY,
-      points: f.map((I) => F.Sub(I, this.tmpPoints[0]).XY).flat(1),
+      points: f.map((N) => F.Sub(N, this.tmpPoints[0]).XY).flat(1),
       rect: Mt(M),
       isTriangle: !1,
       pos: this.tmpPoints[0].XY
@@ -3036,7 +3040,7 @@ class Ks extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.all);
-    g(this, "toolsType", N.Ellipse);
+    g(this, "toolsType", T.Ellipse);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "oldRect");
@@ -3103,7 +3107,7 @@ class Ks extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: p, eraserlines: f } = this.workOptions, y = i.worldScaling, { radius: M, rect: I, pos: w } = this.computDrawPoints(c), m = {
+    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, scale: h, rotate: u, translate: d, strokeType: p, eraserlines: f } = this.workOptions, y = i.worldScaling, { radius: M, rect: N, pos: w } = this.computDrawPoints(c), m = {
       pos: w,
       name: e,
       id: e,
@@ -3121,10 +3125,10 @@ class Ks extends Y {
       zIndex: l,
       pos: w,
       anchor: [0.5, 0.5],
-      size: [I.w, I.h]
+      size: [N.w, N.h]
     };
     h && (S.scale = h), u && (S.rotate = u), d && (S.translate = d);
-    const T = new Wt(S);
+    const I = new Wt(S);
     if (s) {
       const L = new ue({
         d: "M-4,0H4M0,-4V4",
@@ -3134,19 +3138,19 @@ class Ks extends Y {
         lineWidth: 1,
         scale: [1 / y[0], 1 / y[1]]
       });
-      T.append(L);
+      I.append(L);
     }
     const v = new vn({
       ...m,
       pos: [0, 0]
     });
-    T.append(v), f && this.drawEraserlines({
-      group: T,
+    I.append(v), f && this.drawEraserlines({
+      group: I,
       eraserlines: f,
       pos: w,
       layer: i
-    }), this.replace(i, e, T);
-    const x = T.getBoundingClientRect();
+    }), this.replace(i, e, I);
+    const x = I.getBoundingClientRect();
     return {
       x: Math.floor(x.x - Y.SafeBorderPadding),
       y: Math.floor(x.y - Y.SafeBorderPadding),
@@ -3208,7 +3212,7 @@ class _s extends Y {
     super(t);
     g(this, "canRotate", !0);
     g(this, "scaleType", pt.all);
-    g(this, "toolsType", N.Rectangle);
+    g(this, "toolsType", T.Rectangle);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "oldRect");
@@ -3296,7 +3300,7 @@ class _s extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: s, ps: n, replaceId: r } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: p, translate: f, strokeType: y, eraserlines: M } = this.workOptions, I = i.worldPosition, w = i.worldScaling, { points: m, rect: S, pos: T } = this.computDrawPoints(n), v = {
+    const { workId: e, layer: i, isDrawing: s, ps: n, replaceId: r } = t, { strokeColor: c, fillColor: l, thickness: h, zIndex: u, scale: d, rotate: p, translate: f, strokeType: y, eraserlines: M } = this.workOptions, N = i.worldPosition, w = i.worldScaling, { points: m, rect: S, pos: I } = this.computDrawPoints(n), v = {
       close: !0,
       normalize: !0,
       points: m,
@@ -3307,15 +3311,15 @@ class _s extends Y {
       lineCap: "round",
       lineDash: y === et.Dotted ? [1, h * 2] : y === et.LongDotted ? [h, h * 2] : void 0
     }, x = {
-      x: Math.floor(S.x * w[0] + I[0] - Y.SafeBorderPadding),
-      y: Math.floor(S.y * w[1] + I[1] - Y.SafeBorderPadding),
+      x: Math.floor(S.x * w[0] + N[0] - Y.SafeBorderPadding),
+      y: Math.floor(S.y * w[1] + N[1] - Y.SafeBorderPadding),
       w: Math.floor(S.w * w[0] + 2 * Y.SafeBorderPadding),
       h: Math.floor(S.h * w[0] + 2 * Y.SafeBorderPadding)
     }, L = new Wt({
       name: e,
       id: e,
       zIndex: u,
-      pos: T,
+      pos: I,
       anchor: [0.5, 0.5],
       size: [
         S.w,
@@ -3342,7 +3346,7 @@ class _s extends Y {
     if (M && this.drawEraserlines({
       group: L,
       eraserlines: M,
-      pos: T,
+      pos: I,
       layer: i
     }), this.replace(i, r || e, L), d || p || f) {
       const j = L.getBoundingClientRect();
@@ -3401,7 +3405,7 @@ class tn extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.all);
-    g(this, "toolsType", N.Star);
+    g(this, "toolsType", T.Star);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "oldRect");
@@ -3468,9 +3472,9 @@ class tn extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: p, rotate: f, translate: y, strokeType: M, eraserlines: I } = this.workOptions, w = i.worldScaling, { rect: m, pos: S, points: T } = this.computDrawPoints(c, h, u, d), v = {
+    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, innerVerticeStep: u, innerRatio: d, scale: p, rotate: f, translate: y, strokeType: M, eraserlines: N } = this.workOptions, w = i.worldScaling, { rect: m, pos: S, points: I } = this.computDrawPoints(c, h, u, d), v = {
       close: !0,
-      points: T,
+      points: I,
       lineWidth: c,
       fillColor: r !== "transparent" && r || void 0,
       strokeColor: n,
@@ -3503,9 +3507,9 @@ class tn extends Y {
       ...v,
       pos: [0, 0]
     });
-    L.append(A), I && this.drawEraserlines({
+    L.append(A), N && this.drawEraserlines({
       group: L,
-      eraserlines: I,
+      eraserlines: N,
       pos: S,
       layer: i
     }), this.replace(i, e, L);
@@ -3521,8 +3525,8 @@ class tn extends Y {
     const n = Mt(this.tmpPoints), r = [Math.floor(n.x + n.w / 2), Math.floor(n.y + n.h / 2)], c = dn(n.w, n.h), l = Math.floor(Math.min(n.w, n.h) / 2), h = s * l, u = [], d = 2 * Math.PI / e;
     for (let f = 0; f < e; f++) {
       const y = f * d - 0.5 * Math.PI;
-      let M, I;
-      f % i === 1 ? (M = h * c[0] * Math.cos(y), I = h * c[1] * Math.sin(y)) : (M = l * c[0] * Math.cos(y), I = l * c[1] * Math.sin(y), u.push(M, I)), u.push(M, I);
+      let M, N;
+      f % i === 1 ? (M = h * c[0] * Math.cos(y), N = h * c[1] * Math.sin(y)) : (M = l * c[0] * Math.cos(y), N = l * c[1] * Math.sin(y), u.push(M, N)), u.push(M, N);
     }
     return {
       rect: Mt(this.tmpPoints, t),
@@ -3568,7 +3572,7 @@ class tn extends Y {
     var M;
     const { node: e, opt: i, vNodes: s } = t, { strokeColor: n, fillColor: r, toolsType: c, vertices: l, innerVerticeStep: h, innerRatio: u, strokeType: d } = i, p = s.get(e.name), f = p == null ? void 0 : p.opt;
     let y = e;
-    return e.tagName === "GROUP" && (y = e.children[0]), n && (y.setAttribute("strokeColor", n), f != null && f.strokeColor && (f.strokeColor = n)), r && (r === "transparent" ? y.setAttribute("fillColor", "rgba(0,0,0,0)") : y.setAttribute("fillColor", r), f != null && f.fillColor && (f.fillColor = r)), c === N.Star && (l && (f.vertices = l), h && (f.innerVerticeStep = h), u && (f.innerRatio = u)), d && (p != null && p.opt) && ((M = p.opt) != null && M.strokeType) && (p.opt.strokeType = d), p && s.setInfo(e.name, { ...p, opt: f }), Y.updateNodeOpt(t);
+    return e.tagName === "GROUP" && (y = e.children[0]), n && (y.setAttribute("strokeColor", n), f != null && f.strokeColor && (f.strokeColor = n)), r && (r === "transparent" ? y.setAttribute("fillColor", "rgba(0,0,0,0)") : y.setAttribute("fillColor", r), f != null && f.fillColor && (f.fillColor = r)), c === T.Star && (l && (f.vertices = l), h && (f.innerVerticeStep = h), u && (f.innerRatio = u)), d && (p != null && p.opt) && ((M = p.opt) != null && M.strokeType) && (p.opt.strokeType = d), p && s.setInfo(e.name, { ...p, opt: f }), Y.updateNodeOpt(t);
   }
 }
 class en extends Y {
@@ -3576,7 +3580,7 @@ class en extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.all);
-    g(this, "toolsType", N.Polygon);
+    g(this, "toolsType", T.Polygon);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "oldRect");
@@ -3643,7 +3647,7 @@ class en extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: p, strokeType: f, eraserlines: y } = this.workOptions, M = i.worldScaling, { rect: I, pos: w, points: m } = this.computDrawPoints(c, h), S = {
+    const { workId: e, layer: i, isDrawing: s } = t, { strokeColor: n, fillColor: r, thickness: c, zIndex: l, vertices: h, scale: u, rotate: d, translate: p, strokeType: f, eraserlines: y } = this.workOptions, M = i.worldScaling, { rect: N, pos: w, points: m } = this.computDrawPoints(c, h), S = {
       close: !0,
       points: m,
       lineWidth: c,
@@ -3653,16 +3657,16 @@ class en extends Y {
       lineJoin: "round",
       lineCap: "round",
       lineDash: f === et.Dotted ? [1, c * 2] : f === et.LongDotted ? [c, c * 2] : void 0
-    }, T = {
+    }, I = {
       name: e,
       id: e,
       zIndex: l,
       pos: w,
       anchor: [0.5, 0.5],
-      size: [I.w, I.h]
+      size: [N.w, N.h]
     };
-    u && (T.scale = u), d && (T.rotate = d), p && (T.translate = p);
-    const v = new Wt(T);
+    u && (I.scale = u), d && (I.rotate = d), p && (I.translate = p);
+    const v = new Wt(I);
     if (s) {
       const A = new ue({
         d: "M-4,0H4M0,-4V4",
@@ -3742,7 +3746,7 @@ class en extends Y {
     var f;
     const { node: e, opt: i, vNodes: s } = t, { strokeColor: n, fillColor: r, toolsType: c, vertices: l, strokeType: h } = i, u = s.get(e.name), d = u == null ? void 0 : u.opt;
     let p = e;
-    return e.tagName === "GROUP" && (p = e.children[0]), n && (p.setAttribute("strokeColor", n), d != null && d.strokeColor && (d.strokeColor = n)), r && (r === "transparent" ? p.setAttribute("fillColor", "rgba(0,0,0,0)") : p.setAttribute("fillColor", r), d != null && d.fillColor && (d.fillColor = r)), c === N.Polygon && l && (d.vertices = l), h && (u != null && u.opt) && ((f = u.opt) != null && f.strokeType) && (u.opt.strokeType = h), u && s.setInfo(e.name, { ...u, opt: d }), Y.updateNodeOpt(t);
+    return e.tagName === "GROUP" && (p = e.children[0]), n && (p.setAttribute("strokeColor", n), d != null && d.strokeColor && (d.strokeColor = n)), r && (r === "transparent" ? p.setAttribute("fillColor", "rgba(0,0,0,0)") : p.setAttribute("fillColor", r), d != null && d.fillColor && (d.fillColor = r)), c === T.Polygon && l && (d.vertices = l), h && (u != null && u.opt) && ((f = u.opt) != null && f.strokeType) && (u.opt.strokeType = h), u && s.setInfo(e.name, { ...u, opt: d }), Y.updateNodeOpt(t);
   }
 }
 class Kt {
@@ -3812,7 +3816,7 @@ class on extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.all);
-    g(this, "toolsType", N.SpeechBalloon);
+    g(this, "toolsType", T.SpeechBalloon);
     g(this, "ratio", 0.8);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
@@ -3884,8 +3888,8 @@ class on extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i } = t, { strokeColor: s, fillColor: n, thickness: r, zIndex: c, placement: l, scale: h, rotate: u, translate: d, strokeType: p, eraserlines: f } = this.workOptions, { rect: y, pos: M, points: I } = this.computDrawPoints(r, l), w = {
-      points: I.map((x) => x.XY),
+    const { workId: e, layer: i } = t, { strokeColor: s, fillColor: n, thickness: r, zIndex: c, placement: l, scale: h, rotate: u, translate: d, strokeType: p, eraserlines: f } = this.workOptions, { rect: y, pos: M, points: N } = this.computDrawPoints(r, l), w = {
+      points: N.map((x) => x.XY),
       lineWidth: r,
       fillColor: n !== "transparent" && n || void 0,
       strokeColor: s,
@@ -3904,11 +3908,11 @@ class on extends Y {
       size: [y.w, y.h]
     };
     h && (m.scale = h), u && (m.rotate = u), d && (m.translate = d);
-    const S = new Wt(m), T = new he({
+    const S = new Wt(m), I = new he({
       ...w,
       pos: [0, 0]
     });
-    S.append(T), f && this.drawEraserlines({
+    S.append(I), f && this.drawEraserlines({
       group: S,
       eraserlines: f,
       pos: M,
@@ -3972,66 +3976,66 @@ class on extends Y {
     }
   }
   computDrawPoints(t, e) {
-    const i = Mt(this.tmpPoints), s = this.transformControlPoints(e), n = Math.floor(i.w * 0.1), r = Math.floor(i.h * 0.1), c = [], l = C.Add(s[0], new C(0, r, 0)), h = C.Add(s[0], new C(n, 0, 0)), u = Kt.getBezierPoints(10, l, s[0], h), d = C.Sub(s[1], new C(n, 0, 0)), p = C.Add(s[1], new C(0, r, 0)), f = Kt.getBezierPoints(10, d, s[1], p), y = C.Sub(s[2], new C(0, r, 0)), M = C.Sub(s[2], new C(n, 0, 0)), I = Kt.getBezierPoints(10, y, s[2], M), w = C.Add(s[3], new C(n, 0, 0)), m = C.Sub(s[3], new C(0, r, 0)), S = Kt.getBezierPoints(10, w, s[3], m), T = n * (1 - this.ratio) * 10, v = r * (1 - this.ratio) * 10;
+    const i = Mt(this.tmpPoints), s = this.transformControlPoints(e), n = Math.floor(i.w * 0.1), r = Math.floor(i.h * 0.1), c = [], l = C.Add(s[0], new C(0, r, 0)), h = C.Add(s[0], new C(n, 0, 0)), u = Kt.getBezierPoints(10, l, s[0], h), d = C.Sub(s[1], new C(n, 0, 0)), p = C.Add(s[1], new C(0, r, 0)), f = Kt.getBezierPoints(10, d, s[1], p), y = C.Sub(s[2], new C(0, r, 0)), M = C.Sub(s[2], new C(n, 0, 0)), N = Kt.getBezierPoints(10, y, s[2], M), w = C.Add(s[3], new C(n, 0, 0)), m = C.Sub(s[3], new C(0, r, 0)), S = Kt.getBezierPoints(10, w, s[3], m), I = n * (1 - this.ratio) * 10, v = r * (1 - this.ratio) * 10;
     switch (e) {
       case "bottom": {
-        const A = C.Sub(s[2], new C(n * 5 - T / 2, 0, 0)), j = C.Sub(s[2], new C(n * 5, -v, 0)), D = C.Sub(s[2], new C(n * 5 + T / 2, 0, 0));
-        c.push(j, D, ...S, ...u, ...f, ...I, A);
+        const A = C.Sub(s[2], new C(n * 5 - I / 2, 0, 0)), j = C.Sub(s[2], new C(n * 5, -v, 0)), D = C.Sub(s[2], new C(n * 5 + I / 2, 0, 0));
+        c.push(j, D, ...S, ...u, ...f, ...N, A);
         break;
       }
       case "bottomRight": {
-        const A = C.Sub(s[2], new C(n * 1.1, 0, 0)), j = C.Sub(s[2], new C(n * 1.1 + T / 2, -v, 0)), D = C.Sub(s[2], new C(n * 1.1 + T, 0, 0));
-        c.push(j, D, ...S, ...u, ...f, ...I, A);
+        const A = C.Sub(s[2], new C(n * 1.1, 0, 0)), j = C.Sub(s[2], new C(n * 1.1 + I / 2, -v, 0)), D = C.Sub(s[2], new C(n * 1.1 + I, 0, 0));
+        c.push(j, D, ...S, ...u, ...f, ...N, A);
         break;
       }
       case "bottomLeft": {
-        const A = C.Add(s[3], new C(n * 1.1 + T, 0, 0)), j = C.Add(s[3], new C(n * 1.1 + T / 2, v, 0)), D = C.Add(s[3], new C(n * 1.1, 0, 0));
-        c.push(j, D, ...S, ...u, ...f, ...I, A);
+        const A = C.Add(s[3], new C(n * 1.1 + I, 0, 0)), j = C.Add(s[3], new C(n * 1.1 + I / 2, v, 0)), D = C.Add(s[3], new C(n * 1.1, 0, 0));
+        c.push(j, D, ...S, ...u, ...f, ...N, A);
         break;
       }
       case "top": {
-        const A = C.Sub(s[1], new C(n * 5 - T / 2, 0, 0)), j = C.Sub(s[1], new C(n * 5, v, 0)), D = C.Sub(s[1], new C(n * 5 + T / 2, 0, 0));
-        c.push(j, A, ...f, ...I, ...S, ...u, D);
+        const A = C.Sub(s[1], new C(n * 5 - I / 2, 0, 0)), j = C.Sub(s[1], new C(n * 5, v, 0)), D = C.Sub(s[1], new C(n * 5 + I / 2, 0, 0));
+        c.push(j, A, ...f, ...N, ...S, ...u, D);
         break;
       }
       case "topRight": {
-        const A = C.Sub(s[1], new C(n * 1.1, 0, 0)), j = C.Sub(s[1], new C(n * 1.1 + T / 2, v, 0)), D = C.Sub(s[1], new C(n * 1.1 + T, 0, 0));
-        c.push(j, A, ...f, ...I, ...S, ...u, D);
+        const A = C.Sub(s[1], new C(n * 1.1, 0, 0)), j = C.Sub(s[1], new C(n * 1.1 + I / 2, v, 0)), D = C.Sub(s[1], new C(n * 1.1 + I, 0, 0));
+        c.push(j, A, ...f, ...N, ...S, ...u, D);
         break;
       }
       case "topLeft": {
-        const A = C.Add(s[0], new C(n * 1.1 + T, 0, 0)), j = C.Add(s[0], new C(n * 1.1 + T / 2, -v, 0)), D = C.Add(s[0], new C(n * 1.1, 0, 0));
-        c.push(j, A, ...f, ...I, ...S, ...u, D);
+        const A = C.Add(s[0], new C(n * 1.1 + I, 0, 0)), j = C.Add(s[0], new C(n * 1.1 + I / 2, -v, 0)), D = C.Add(s[0], new C(n * 1.1, 0, 0));
+        c.push(j, A, ...f, ...N, ...S, ...u, D);
         break;
       }
       case "left": {
-        const A = C.Add(s[0], new C(0, r * 5 - v / 2, 0)), j = C.Add(s[0], new C(-T, r * 5, 0)), D = C.Add(s[0], new C(0, r * 5 + v / 2, 0));
-        c.push(j, A, ...u, ...f, ...I, ...S, D);
+        const A = C.Add(s[0], new C(0, r * 5 - v / 2, 0)), j = C.Add(s[0], new C(-I, r * 5, 0)), D = C.Add(s[0], new C(0, r * 5 + v / 2, 0));
+        c.push(j, A, ...u, ...f, ...N, ...S, D);
         break;
       }
       case "leftTop": {
-        const A = C.Add(s[0], new C(0, r * 1.1, 0)), j = C.Add(s[0], new C(-T, r * 1.1 + v / 2, 0)), D = C.Add(s[0], new C(0, r * 1.1 + v, 0));
-        c.push(j, A, ...u, ...f, ...I, ...S, D);
+        const A = C.Add(s[0], new C(0, r * 1.1, 0)), j = C.Add(s[0], new C(-I, r * 1.1 + v / 2, 0)), D = C.Add(s[0], new C(0, r * 1.1 + v, 0));
+        c.push(j, A, ...u, ...f, ...N, ...S, D);
         break;
       }
       case "leftBottom": {
-        const A = C.Sub(s[3], new C(0, r * 1.1 + v, 0)), j = C.Sub(s[3], new C(T, r * 1.1 + v / 2, 0)), D = C.Sub(s[3], new C(0, r * 1.1, 0));
-        c.push(j, A, ...u, ...f, ...I, ...S, D);
+        const A = C.Sub(s[3], new C(0, r * 1.1 + v, 0)), j = C.Sub(s[3], new C(I, r * 1.1 + v / 2, 0)), D = C.Sub(s[3], new C(0, r * 1.1, 0));
+        c.push(j, A, ...u, ...f, ...N, ...S, D);
         break;
       }
       case "right": {
-        const A = C.Add(s[1], new C(0, r * 5 - v / 2, 0)), j = C.Add(s[1], new C(T, r * 5, 0)), D = C.Add(s[1], new C(0, r * 5 + v / 2, 0));
-        c.push(j, D, ...I, ...S, ...u, ...f, A);
+        const A = C.Add(s[1], new C(0, r * 5 - v / 2, 0)), j = C.Add(s[1], new C(I, r * 5, 0)), D = C.Add(s[1], new C(0, r * 5 + v / 2, 0));
+        c.push(j, D, ...N, ...S, ...u, ...f, A);
         break;
       }
       case "rightTop": {
-        const A = C.Add(s[1], new C(0, r * 1.1, 0)), j = C.Add(s[1], new C(T, r * 1.1 + v / 2, 0)), D = C.Add(s[1], new C(0, r * 1.1 + v, 0));
-        c.push(j, D, ...I, ...S, ...u, ...f, A);
+        const A = C.Add(s[1], new C(0, r * 1.1, 0)), j = C.Add(s[1], new C(I, r * 1.1 + v / 2, 0)), D = C.Add(s[1], new C(0, r * 1.1 + v, 0));
+        c.push(j, D, ...N, ...S, ...u, ...f, A);
         break;
       }
       case "rightBottom": {
-        const A = C.Sub(s[2], new C(0, r * 1.1 + v, 0)), j = C.Sub(s[2], new C(-T, r * 1.1 + v / 2, 0)), D = C.Sub(s[2], new C(0, r * 1.1, 0));
-        c.push(j, D, ...I, ...S, ...u, ...f, A);
+        const A = C.Sub(s[2], new C(0, r * 1.1 + v, 0)), j = C.Sub(s[2], new C(-I, r * 1.1 + v / 2, 0)), D = C.Sub(s[2], new C(0, r * 1.1, 0));
+        c.push(j, D, ...N, ...S, ...u, ...f, A);
         break;
       }
     }
@@ -4080,7 +4084,7 @@ class on extends Y {
     var f;
     const { node: e, opt: i, vNodes: s } = t, { strokeColor: n, fillColor: r, toolsType: c, placement: l, strokeType: h } = i, u = s.get(e.name), d = u == null ? void 0 : u.opt;
     let p = e;
-    return e.tagName === "GROUP" && (p = e.children[0]), n && (p.setAttribute("strokeColor", n), d != null && d.strokeColor && (d.strokeColor = n)), r && (r === "transparent" ? p.setAttribute("fillColor", "rgba(0,0,0,0)") : p.setAttribute("fillColor", r), d != null && d.fillColor && (d.fillColor = r)), c === N.SpeechBalloon && l && (d.placement = l), h && (u != null && u.opt) && ((f = u.opt) != null && f.strokeType) && (u.opt.strokeType = h), u && s.setInfo(e.name, { ...u, opt: d }), Y.updateNodeOpt(t);
+    return e.tagName === "GROUP" && (p = e.children[0]), n && (p.setAttribute("strokeColor", n), d != null && d.strokeColor && (d.strokeColor = n)), r && (r === "transparent" ? p.setAttribute("fillColor", "rgba(0,0,0,0)") : p.setAttribute("fillColor", r), d != null && d.fillColor && (d.fillColor = r)), c === T.SpeechBalloon && l && (d.placement = l), h && (u != null && u.opt) && ((f = u.opt) != null && f.strokeType) && (u.opt.strokeType = h), u && s.setInfo(e.name, { ...u, opt: d }), Y.updateNodeOpt(t);
   }
 }
 var hg = me, ug = se, dg = "[object Boolean]";
@@ -4094,7 +4098,7 @@ class sn extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.both);
-    g(this, "toolsType", N.Straight);
+    g(this, "toolsType", T.Straight);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "oldRect");
@@ -4162,7 +4166,7 @@ class sn extends Y {
     };
   }
   draw(t) {
-    const { workId: e, layer: i } = t, { strokeColor: s, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, p = i.worldPosition, f = i.worldScaling, { d: y, rect: M, isDot: I } = this.computDrawPoints(n, u), w = [
+    const { workId: e, layer: i } = t, { strokeColor: s, thickness: n, zIndex: r, scale: c, rotate: l, translate: h, strokeType: u, eraserlines: d } = this.workOptions, p = i.worldPosition, f = i.worldScaling, { d: y, rect: M, isDot: N } = this.computDrawPoints(n, u), w = [
       M.x + M.w / 2,
       M.y + M.h / 2
     ], m = new Wt({
@@ -4179,19 +4183,19 @@ class sn extends Y {
       d: y,
       fillColor: s,
       strokeColor: s,
-      lineDash: u === et.Dotted && !I ? [1, n * 2] : u === et.LongDotted && !I ? [n, n * 2] : void 0,
-      lineCap: u === et.Normal || I ? void 0 : "round",
-      lineWidth: u === et.Normal || I ? 0 : n
+      lineDash: u === et.Dotted && !N ? [1, n * 2] : u === et.LongDotted && !N ? [n, n * 2] : void 0,
+      lineCap: u === et.Normal || N ? void 0 : "round",
+      lineWidth: u === et.Normal || N ? 0 : n
     };
     c && (S.scale = c), l && (S.rotate = l), h && (S.translate = h);
-    const T = new ue(S);
-    if (m.append(T), d && this.drawEraserlines({
+    const I = new ue(S);
+    if (m.append(I), d && this.drawEraserlines({
       group: m,
       eraserlines: d,
       pos: w,
       layer: i
     }), this.replace(i, e, m), l || c || h) {
-      const x = T.getBoundingClientRect();
+      const x = I.getBoundingClientRect();
       return {
         x: Math.floor(x.x - Y.SafeBorderPadding),
         y: Math.floor(x.y - Y.SafeBorderPadding),
@@ -4275,7 +4279,7 @@ const ae = class ae extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.proportional);
-    g(this, "toolsType", N.Text);
+    g(this, "toolsType", T.Text);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "oldRect");
@@ -4316,8 +4320,8 @@ const ae = class ae extends Y {
       h: Math.floor(f.h * u[1]) + 2
     };
     if (this.replace(i, e, p), s && i && this.workOptions.text) {
-      const M = await ae.createLabels(this.workOptions, i, y), { labels: I, maxWidth: w } = M;
-      p.append(...I), y.w = Math.ceil(Math.max(w * i.worldScaling[0], y.w));
+      const M = await ae.createLabels(this.workOptions, i, y), { labels: N, maxWidth: w } = M;
+      p.append(...N), y.w = Math.ceil(Math.max(w * i.worldScaling[0], y.w));
     }
     return l && this.drawEraserlines({
       group: p,
@@ -4382,7 +4386,7 @@ const ae = class ae extends Y {
   }
   static async createLabels(t, e, i) {
     var D;
-    const s = [], { x: n, y: r } = i, { width: c, height: l } = (D = e.parent) == null ? void 0 : D.parent, h = Ie(t.text), u = h.length, { fontSize: d, lineHeight: p, bold: f, textAlign: y, italic: M, fontFamily: I, verticalAlign: w, fontColor: m, fontBgColor: S, underline: T, lineThrough: v } = t, x = ae.getSafetySnippetRatio(e) || 1, L = Math.floor(d * x), A = ae.getSafetySnippetFontLength(L);
+    const s = [], { x: n, y: r } = i, { width: c, height: l } = (D = e.parent) == null ? void 0 : D.parent, h = Ie(t.text), u = h.length, { fontSize: d, lineHeight: p, bold: f, textAlign: y, italic: M, fontFamily: N, verticalAlign: w, fontColor: m, fontBgColor: S, underline: I, lineThrough: v } = t, x = ae.getSafetySnippetRatio(e) || 1, L = Math.floor(d * x), A = ae.getSafetySnippetFontLength(L);
     let j = 0;
     for (let O = 0; O < u; O++) {
       const z = h[O], E = p || L * 1.5;
@@ -4401,7 +4405,7 @@ const ae = class ae extends Y {
             anchor: [0, 0],
             pos: Z,
             text: it,
-            fontFamily: I,
+            fontFamily: N,
             fontSize: L,
             lineHeight: E,
             strokeColor: m,
@@ -4424,7 +4428,7 @@ const ae = class ae extends Y {
         H[0] = G, M === "italic" && (H[0] = H[0] + Q * d), j = Math.max(j, H[0]);
         let bt = !0;
         if (((tt[0] + H[0]) * e.worldScaling[0] + n <= 0 || tt[0] * e.worldScaling[0] + n >= c || (tt[1] + H[1]) * e.worldScaling[0] + r <= 0 || tt[1] * e.worldScaling[1] + r >= l) && (bt = !1), bt) {
-          if (T) {
+          if (I) {
             const J = Math.floor(d / 10), V = {
               normalize: !1,
               pos: [0, d * 1.1 + J / 2],
@@ -4470,7 +4474,7 @@ const ae = class ae extends Y {
       italic: f,
       lineThrough: y,
       underline: M,
-      fontSize: I,
+      fontSize: N,
       textInfos: w,
       zIndex: m
     } = i, S = n && zt(n) || s.get(e.name);
@@ -4482,21 +4486,21 @@ const ae = class ae extends Y {
       });
     })), r && v.fontBgColor && (v.fontBgColor = r, e.children.forEach((x) => {
       x.tagName === "GROUP" && x.setAttribute("bgcolor", r);
-    })), p && (v.bold = p), f && (v.italic = f), Ce(y) && (v.lineThrough = y), Ce(M) && (v.underline = M), I && (v.fontSize = I), h && u && d && n && v.boxPoint) {
+    })), p && (v.bold = p), f && (v.italic = f), Ce(y) && (v.lineThrough = y), Ce(M) && (v.underline = M), N && (v.fontSize = N), h && u && d && n && v.boxPoint) {
       const x = w == null ? void 0 : w.get(e.name);
       if (x) {
         const { fontSize: D, boxSize: O } = x;
         v.boxSize = O || v.boxSize, v.fontSize = D || v.fontSize;
       }
       const L = [v.boxPoint[0], v.boxPoint[1]];
-      di(v.boxPoint, u, d, l);
+      pi(v.boxPoint, u, d, l);
       const A = [S.op[0], S.op[1]], j = [A[0] - L[0], A[1] - L[1]];
       if (S.centerPos = [S.centerPos[0] + j[0], S.centerPos[1] + j[1]], S.opt.eraserlines)
         for (const D of Object.values(S.opt.eraserlines)) {
           const { op: O, thickness: z } = D;
           D.thickness = z * Math.max(d[0], d[1]);
           for (let E = 0; E < O.length; E++)
-            pi(O[E], u, d, l);
+            fi(O[E], u, d, l);
         }
     } else if (l && v.boxPoint && (v.boxPoint = [v.boxPoint[0] + l[0], v.boxPoint[1] + l[1]], S.centerPos = [S.centerPos[0] + l[0], S.centerPos[1] + l[1]], S.opt.eraserlines))
       for (const x of Object.values(S.opt.eraserlines)) {
@@ -4540,7 +4544,7 @@ const be = class be extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.none);
-    g(this, "toolsType", N.PencilEraser);
+    g(this, "toolsType", T.PencilEraser);
     g(this, "serviceWork");
     g(this, "tmpPoints", []);
     g(this, "workOptions");
@@ -4596,8 +4600,8 @@ const be = class be extends Y {
         if (p !== -1 && p > -1) {
           const f = [], y = d.slice(0, p + 1);
           if (C.Equals(d[p], l[0]) || y.push(l[0].clone().setz(d[p].z)), y.length > 1 && f.push(y), p + l.length - 1 < d.length - 1) {
-            const M = p + l.length - 1, I = d.slice(M), w = l[l.length - 1];
-            C.Equals(d[M], w) || I.unshift(w.clone().setz(d[M].z)), I.length > 1 && f.push(I);
+            const M = p + l.length - 1, N = d.slice(M), w = l[l.length - 1];
+            C.Equals(d[M], w) || N.unshift(w.clone().setz(d[M].z)), N.length > 1 && f.push(N);
           }
           return h.splice(u, 1, ...f), h;
         }
@@ -4626,7 +4630,7 @@ const be = class be extends Y {
     return e;
   }
   isLineEraser(t, e) {
-    return !(t === N.Pencil && !e);
+    return !(t === T.Pencil && !e);
   }
   remove(t) {
     const { curNodeMap: e, removeIds: i, newWorkDatas: s } = t;
@@ -4643,11 +4647,11 @@ const be = class be extends Y {
           if (p.length > 1) {
             const y = Go.polyline(p.map((M) => M.XY), this.eraserPolyline);
             if (y.length && (i.add(c.name), !u)) {
-              const M = this.translateIntersect(y), I = this.cutPolyline(M, p);
-              for (let w = 0; w < I.length; w++) {
+              const M = this.translateIntersect(y), N = this.cutPolyline(M, p);
+              for (let w = 0; w < N.length; w++) {
                 const m = `${r}_s_${w}`, S = [];
-                I[w].forEach((T) => {
-                  S.push((T.x - this.worldPosition[0]) / this.worldScaling[0], (T.y - this.worldPosition[1]) / this.worldScaling[1], T.z);
+                N[w].forEach((I) => {
+                  S.push((I.x - this.worldPosition[0]) / this.worldScaling[0], (I.y - this.worldPosition[1]) / this.worldScaling[1], I.z);
                 }), c.opt && c.toolsType && this.vNodes && (this.vNodes.setInfo(m, {
                   rect: f,
                   op: S,
@@ -4750,7 +4754,7 @@ const He = class He extends Y {
     super(t);
     g(this, "canRotate", !1);
     g(this, "scaleType", pt.none);
-    g(this, "toolsType", N.BitMapEraser);
+    g(this, "toolsType", T.BitMapEraser);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "worldPosition");
@@ -4825,10 +4829,10 @@ const He = class He extends Y {
         Go.polyline(M, d, p);
       if (p.length && h.opt)
         for (const M of p) {
-          const I = [];
+          const N = [];
           for (let w = 0; w < M.length; w++)
-            w !== 0 && we(M[w], M[w - 1]) || I.push(...M[w]);
-          f.push(I);
+            w !== 0 && we(M[w], M[w - 1]) || N.push(...M[w]);
+          f.push(N);
         }
       h.opt.eraserlines || (h.opt.eraserlines = []), h.opt.eraserlines && (h.opt.eraserlines.push({ op: f, thickness: t }), c.set(l, h));
     }
@@ -4845,13 +4849,13 @@ const He = class He extends Y {
       });
       l == null || l.setWorkId(n);
       let h;
-      if (c === N.Image)
+      if (c === T.Image)
         h = await l.consumeServiceAsync({
           isFullWork: !0,
           replaceId: n,
           worker: s
         });
-      else if (c === N.Text)
+      else if (c === T.Text)
         h = await l.consumeServiceAsync({
           isFullWork: !0,
           replaceId: n
@@ -4890,8 +4894,8 @@ const He = class He extends Y {
     const f = this.tmpPoints.slice(h), y = this.draw({ consumePoints: f, layer: this.fullLayer, thickness: r });
     f[0].t - this.syncTimestamp > this.syncUnitTime && (p = !0, this.syncTimestamp = f[0].t, this.syncIndex = this.tmpPoints.length);
     const M = [];
-    return this.tmpPoints.slice(d).forEach((I) => {
-      M.push(I.x, I.y, r / 2);
+    return this.tmpPoints.slice(d).forEach((N) => {
+      M.push(N.x, N.y, r / 2);
     }), {
       ...this.baseConsumeResult,
       type: b.DrawWork,
@@ -4972,74 +4976,74 @@ g(He, "eraserSizes", Object.freeze([
 let po = He;
 function nn(a) {
   switch (a) {
-    case N.Arrow:
+    case T.Arrow:
       return qs;
-    case N.Pencil:
+    case T.Pencil:
       return Gs;
-    case N.Straight:
+    case T.Straight:
       return sn;
-    case N.Ellipse:
+    case T.Ellipse:
       return Ks;
-    case N.Polygon:
-    case N.Triangle:
+    case T.Polygon:
+    case T.Triangle:
       return en;
-    case N.Star:
-    case N.Rhombus:
+    case T.Star:
+    case T.Rhombus:
       return tn;
-    case N.Rectangle:
+    case T.Rectangle:
       return _s;
-    case N.SpeechBalloon:
+    case T.SpeechBalloon:
       return on;
-    case N.Text:
+    case T.Text:
       return ho;
-    case N.LaserPen:
+    case T.LaserPen:
       return Zs;
-    case N.Eraser:
+    case T.Eraser:
       return ao;
-    case N.PencilEraser:
+    case T.PencilEraser:
       return uo;
-    case N.BitMapEraser:
+    case T.BitMapEraser:
       return po;
-    case N.Selector:
+    case T.Selector:
       return lo;
-    case N.Image:
+    case T.Image:
       return Qe;
   }
 }
-function li(a, o) {
+function hi(a, o) {
   const { toolsType: t, ...e } = a;
   switch (t) {
-    case N.Arrow:
+    case T.Arrow:
       return new qs(e);
-    case N.Pencil:
+    case T.Pencil:
       return new Gs(e);
-    case N.Straight:
+    case T.Straight:
       return new sn(e);
-    case N.Ellipse:
+    case T.Ellipse:
       return new Ks(e);
-    case N.Polygon:
-    case N.Triangle:
+    case T.Polygon:
+    case T.Triangle:
       return new en(e);
-    case N.Star:
-    case N.Rhombus:
+    case T.Star:
+    case T.Rhombus:
       return new tn(e);
-    case N.Rectangle:
+    case T.Rectangle:
       return new _s(e);
-    case N.SpeechBalloon:
+    case T.SpeechBalloon:
       return new on(e);
-    case N.Text:
+    case T.Text:
       return new ho(e);
-    case N.LaserPen:
+    case T.LaserPen:
       return new Zs(e);
-    case N.Eraser:
+    case T.Eraser:
       return new ao(e, o);
-    case N.BitMapEraser:
+    case T.BitMapEraser:
       return new po(e);
-    case N.PencilEraser:
+    case T.PencilEraser:
       return new uo(e, o);
-    case N.Selector:
+    case T.Selector:
       return e.vNodes ? new lo({ ...e, vNodes: e.vNodes, drawLayer: e.fullLayer }) : void 0;
-    case N.Image:
+    case T.Image:
       return new Qe(e);
     default:
       return;
@@ -5054,7 +5058,7 @@ function rn(a) {
   }
   return o;
 }
-const Qm = "cursorhover", hi = 20, yt = "mainView";
+const Qm = "cursorhover", ui = 20, yt = "mainView";
 class gg {
   constructor(o, t) {
     g(this, "viewId");
@@ -5088,7 +5092,7 @@ class gg {
   getCanEraserNodes(o) {
     const t = /* @__PURE__ */ new Map();
     for (const [e, i] of o.entries())
-      i.toolsType === N.Image && i.opt.locked || i.toolsType === N.Text && (i.opt.workState === P.Doing || i.opt.workState === P.Start) || this.isCanClearWorkId(e) && t.set(e, i);
+      i.toolsType === T.Image && i.opt.locked || i.toolsType === T.Text && (i.opt.workState === P.Doing || i.opt.workState === P.Start) || this.isCanClearWorkId(e) && t.set(e, i);
     return t;
   }
   getNodesByType(o) {
@@ -5127,7 +5131,7 @@ class gg {
     const s = /* @__PURE__ */ new Map();
     for (const [n, r] of this.curNodeMap.entries())
       if (Ge(o, r.rect)) {
-        if (t && r.toolsType === N.Image && r.opt.locked || e && r.toolsType === N.Text && (r.opt.workState === P.Doing || r.opt.workState === P.Start))
+        if (t && r.toolsType === T.Image && r.opt.locked || e && r.toolsType === T.Text && (r.opt.workState === P.Doing || r.opt.workState === P.Start))
           continue;
         i = lt(i, r.rect), s.set(n, r);
       }
@@ -5316,14 +5320,14 @@ class yg {
   }
   async loadImageBitMap(o) {
     const { toolsType: t, opt: e, workId: i, isSubWorker: s } = o;
-    if (t === N.Image && e && i) {
+    if (t === T.Image && e && i) {
       const n = i.toString(), { src: r, type: c, width: l, height: h, strokeColor: u } = e;
       if (!r || !c || !l || !h)
         return;
       let d = r;
       if (c === ze.Iconify) {
-        const [M, I] = this.getIconSize(l, h, this.dpr);
-        d = `${r}?width=${M}&height=${I}&color=${u}`;
+        const [M, N] = this.getIconSize(l, h, this.dpr);
+        d = `${r}?width=${M}&height=${N}&color=${u}`;
       }
       if (this.cacheImages.has(d)) {
         const M = this.getCachedImages(d);
@@ -5336,14 +5340,14 @@ class yg {
           return M;
       }
       const y = await new Promise((M) => {
-        const I = this.imageResolveMap.get(d) || {
+        const N = this.imageResolveMap.get(d) || {
           resolve: void 0,
           timer: void 0
         };
-        I.timer && clearTimeout(I.timer), I.resolve = M, I.timer = setTimeout(() => {
+        N.timer && clearTimeout(N.timer), N.resolve = M, N.timer = setTimeout(() => {
           const w = this.imageResolveMap.get(d);
           w != null && w.resolve && w.resolve(d);
-        }, 5e3), this.imageResolveMap.set(d, I), this._post({
+        }, 5e3), this.imageResolveMap.set(d, N), this._post({
           sp: [{
             imageSrc: d,
             workId: n,
@@ -5391,7 +5395,7 @@ class yg {
   createScene(o) {
     const { width: t, height: e } = o, i = new OffscreenCanvas(t, e);
     o.contextType && delete o.contextType;
-    const s = new gs({
+    const s = new ys({
       container: i,
       displayRatio: this.dpr,
       depth: !1,
@@ -5551,7 +5555,7 @@ class Mg {
   }
   createWorkShapeNode(o) {
     var t;
-    return li({ ...o, vNodes: this.vNodes, fullLayer: this.fullLayer, drawLayer: this.drawLayer }, (t = this.thread) == null ? void 0 : t.serviceWork);
+    return hi({ ...o, vNodes: this.vNodes, fullLayer: this.fullLayer, drawLayer: this.drawLayer }, (t = this.thread) == null ? void 0 : t.serviceWork);
   }
   setToolsOpt(o) {
     var t, e, i;
@@ -5596,34 +5600,34 @@ var xg = Cg, bg = me, Lg = se, zg = "[object Symbol]";
 function Pg(a) {
   return typeof a == "symbol" || Lg(a) && bg(a) == zg;
 }
-var Dg = Pg, Ag = xg, ts = de, jg = Dg, es = NaN, Eg = /^[-+]0x[0-9a-f]+$/i, Og = /^0b[01]+$/i, Rg = /^0o[0-7]+$/i, Yg = parseInt;
+var Dg = Pg, Ag = xg, es = de, jg = Dg, os = NaN, Eg = /^[-+]0x[0-9a-f]+$/i, Og = /^0b[01]+$/i, Rg = /^0o[0-7]+$/i, Yg = parseInt;
 function Wg(a) {
   if (typeof a == "number")
     return a;
   if (jg(a))
-    return es;
-  if (ts(a)) {
+    return os;
+  if (es(a)) {
     var o = typeof a.valueOf == "function" ? a.valueOf() : a;
-    a = ts(o) ? o + "" : o;
+    a = es(o) ? o + "" : o;
   }
   if (typeof a != "string")
     return a === 0 ? a : +a;
   a = Ag(a);
   var t = Og.test(a);
-  return t || Rg.test(a) ? Yg(a.slice(2), t ? 2 : 8) : Eg.test(a) ? es : +a;
+  return t || Rg.test(a) ? Yg(a.slice(2), t ? 2 : 8) : Eg.test(a) ? os : +a;
 }
-var Ug = Wg, Bg = de, Do = vg, os = Ug, Fg = "Expected a function", Vg = Math.max, $g = Math.min;
+var Ug = Wg, Bg = de, Do = vg, is = Ug, Fg = "Expected a function", Vg = Math.max, $g = Math.min;
 function Hg(a, o, t) {
   var e, i, s, n, r, c, l = 0, h = !1, u = !1, d = !0;
   if (typeof a != "function")
     throw new TypeError(Fg);
-  o = os(o) || 0, Bg(t) && (h = !!t.leading, u = "maxWait" in t, s = u ? Vg(os(t.maxWait) || 0, o) : s, d = "trailing" in t ? !!t.trailing : d);
+  o = is(o) || 0, Bg(t) && (h = !!t.leading, u = "maxWait" in t, s = u ? Vg(is(t.maxWait) || 0, o) : s, d = "trailing" in t ? !!t.trailing : d);
   function p(v) {
     var x = e, L = i;
     return e = i = void 0, l = v, n = a.apply(L, x), n;
   }
   function f(v) {
-    return l = v, r = setTimeout(I, o), h ? p(v) : n;
+    return l = v, r = setTimeout(N, o), h ? p(v) : n;
   }
   function y(v) {
     var x = v - c, L = v - l, A = o - x;
@@ -5633,11 +5637,11 @@ function Hg(a, o, t) {
     var x = v - c, L = v - l;
     return c === void 0 || x >= o || x < 0 || u && L >= s;
   }
-  function I() {
+  function N() {
     var v = Do();
     if (M(v))
       return w(v);
-    r = setTimeout(I, y(v));
+    r = setTimeout(N, y(v));
   }
   function w(v) {
     return r = void 0, d && e ? p(v) : (e = i = void 0, n);
@@ -5648,17 +5652,17 @@ function Hg(a, o, t) {
   function S() {
     return r === void 0 ? n : w(Do());
   }
-  function T() {
+  function I() {
     var v = Do(), x = M(v);
     if (e = arguments, i = this, c = v, x) {
       if (r === void 0)
         return f(c);
       if (u)
-        return clearTimeout(r), r = setTimeout(I, o), p(c);
+        return clearTimeout(r), r = setTimeout(N, o), p(c);
     }
-    return r === void 0 && (r = setTimeout(I, o)), n;
+    return r === void 0 && (r = setTimeout(N, o)), n;
   }
-  return T.cancel = m, T.flush = S, T;
+  return I.cancel = m, I.flush = S, I;
 }
 var Qg = Hg, Gg = Qg, Zg = de, Xg = "Expected a function";
 function Jg(a, o, t) {
@@ -5690,10 +5694,10 @@ function _g(a, o, t) {
   }
   return a.apply(o, t);
 }
-var ty = _g, ey = ty, is = Math.max;
+var ty = _g, ey = ty, ss = Math.max;
 function oy(a, o, t) {
-  return o = is(o === void 0 ? a.length - 1 : o, 0), function() {
-    for (var e = arguments, i = -1, s = is(e.length - o, 0), n = Array(s); ++i < s; )
+  return o = ss(o === void 0 ? a.length - 1 : o, 0), function() {
+    for (var e = arguments, i = -1, s = ss(e.length - o, 0), n = Array(s); ++i < s; )
       n[i] = e[o + i];
     i = -1;
     for (var r = Array(o + 1); ++i < o; )
@@ -5707,8 +5711,8 @@ function sy(a) {
     return a;
   };
 }
-var ny = sy, ry = ny, ss = Ts, ay = an, cy = ss ? function(a, o) {
-  return ss(a, "toString", {
+var ny = sy, ry = ny, ns = Ss, ay = an, cy = ns ? function(a, o) {
+  return ns(a, "toString", {
     configurable: !0,
     enumerable: !1,
     value: ry(o),
@@ -5771,7 +5775,7 @@ function Yy(a, o) {
     i[t] = o(a[t], t, a);
   return i;
 }
-var Wy = Yy, Uy = ri, By = cn, Fy = ln, Vy = Wy, $y = To, Hy = ai, Qy = 200;
+var Wy = Yy, Uy = ai, By = cn, Fy = ln, Vy = Wy, $y = To, Hy = ci, Qy = 200;
 function Gy(a, o, t, e) {
   var i = -1, s = By, n = !0, r = a.length, c = [], l = o.length;
   if (!r)
@@ -5789,9 +5793,9 @@ function Gy(a, o, t, e) {
     }
   return c;
 }
-var Zy = Gy, ns = Ze, Xy = xs, Jy = Xe, rs = ns ? ns.isConcatSpreadable : void 0;
+var Zy = Gy, rs = Ze, Xy = bs, Jy = Xe, as = rs ? rs.isConcatSpreadable : void 0;
 function qy(a) {
-  return Jy(a) || Xy(a) || !!(rs && a && a[rs]);
+  return Jy(a) || Xy(a) || !!(as && a && a[as]);
 }
 var Ky = qy, _y = si, tM = Ky;
 function hn(a, o, t, e, i) {
@@ -5805,9 +5809,9 @@ function hn(a, o, t, e, i) {
 var eM = hn;
 function oM() {
 }
-var iM = oM, Ao = Ys, sM = iM, nM = ci, rM = 1 / 0, aM = Ao && 1 / nM(new Ao([, -0]))[1] == rM ? function(a) {
+var iM = oM, Ao = Ws, sM = iM, nM = li, rM = 1 / 0, aM = Ao && 1 / nM(new Ao([, -0]))[1] == rM ? function(a) {
   return new Ao(a);
-} : sM, cM = aM, lM = ri, hM = cn, uM = ln, dM = ai, pM = cM, fM = ci, gM = 200;
+} : sM, cM = aM, lM = ai, hM = cn, uM = ln, dM = ci, pM = cM, fM = li, gM = 200;
 function yM(a, o, t) {
   var e = -1, i = hM, s = a.length, n = !0, r = [], c = r;
   if (t)
@@ -5831,21 +5835,21 @@ function yM(a, o, t) {
     }
   return r;
 }
-var MM = yM, wM = Zy, mM = eM, as = MM;
+var MM = yM, wM = Zy, mM = eM, cs = MM;
 function vM(a, o, t) {
   var e = a.length;
   if (e < 2)
-    return e ? as(a[0]) : [];
+    return e ? cs(a[0]) : [];
   for (var i = -1, s = Array(e); ++i < e; )
     for (var n = a[i], r = -1; ++r < e; )
       r != i && (s[i] = wM(s[i] || n, a[r], o, t));
-  return as(mM(s, 1), o, t);
+  return cs(mM(s, 1), o, t);
 }
 var IM = vM, NM = ti, TM = se;
 function SM(a) {
   return TM(a) && NM(a);
 }
-var kM = SM, CM = Ds, xM = Ty, bM = IM, LM = kM;
+var kM = SM, CM = As, xM = Ty, bM = IM, LM = kM;
 xM(function(a) {
   return bM(CM(a, LM));
 });
@@ -5860,10 +5864,10 @@ class zM extends Mg {
     if (e) {
       let n, r;
       const c = (s = e.getWorkId()) == null ? void 0 : s.toString();
-      return e.toolsType === N.Image ? n = await e.consumeServiceAsync({
+      return e.toolsType === T.Image ? n = await e.consumeServiceAsync({
         isFullWork: !0,
         worker: this.thread
-      }) : e.toolsType === N.Text ? n = await e.consumeServiceAsync({
+      }) : e.toolsType === T.Text ? n = await e.consumeServiceAsync({
         isFullWork: !0,
         replaceId: c,
         isDrawLabel: !0
@@ -5886,7 +5890,7 @@ class zM extends Mg {
   }
   canUseSubWorker(t) {
     const e = this.thread.getPriorityDraw();
-    return e || !e && t !== N.Pencil;
+    return e || !e && t !== T.Pencil;
   }
   async consumeDraw(t) {
     const { workId: e } = t, i = e == null ? void 0 : e.toString(), s = i && this.workShapes.get(i);
@@ -5900,17 +5904,17 @@ class zM extends Mg {
     }), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && i !== $ && (this.drawWorkActiveId = i);
     const n = s.toolsType, r = s.consume({ data: t, drawCount: this.drawCount, isFullWork: !0, isSubWorker: !0 });
     switch (n) {
-      case N.Arrow:
-      case N.Straight:
-      case N.Ellipse:
-      case N.Rectangle:
-      case N.Star:
-      case N.Polygon:
-      case N.SpeechBalloon: {
+      case T.Arrow:
+      case T.Straight:
+      case T.Ellipse:
+      case T.Rectangle:
+      case T.Star:
+      case T.Polygon:
+      case T.SpeechBalloon: {
         r && (this.drawCount++, await this.drawShape(r));
         break;
       }
-      case N.Pencil: {
+      case T.Pencil: {
         r && (this.drawCount++, await this.drawPencil(r, e == null ? void 0 : e.toString()));
         break;
       }
@@ -5925,14 +5929,14 @@ class zM extends Mg {
       if (!s)
         return;
       switch (s.toolsType) {
-        case N.Arrow:
-        case N.Straight:
-        case N.Ellipse:
-        case N.Pencil:
-        case N.Rectangle:
-        case N.Star:
-        case N.Polygon:
-        case N.SpeechBalloon:
+        case T.Arrow:
+        case T.Straight:
+        case T.Ellipse:
+        case T.Pencil:
+        case T.Rectangle:
+        case T.Star:
+        case T.Polygon:
+        case T.SpeechBalloon:
           this.drawCount = 0, this.fullLayer.removeAllChildren(), this.clearWorkShapeNodeCache(i);
           break;
       }
@@ -6018,7 +6022,7 @@ class PM {
     this.viewId = o.viewId, this.vNodes = o.vNodes, this.topLayer = o.topLayer, this.thread = o.thread, this.post = o.thread.post.bind(o.thread);
   }
   canUseTopLayer(o) {
-    return o === N.LaserPen;
+    return o === T.LaserPen;
   }
   getWorkShape(o) {
     return this.localWorkShapes.get(o);
@@ -6043,8 +6047,8 @@ class PM {
   }
   createWorkShapeNode(o) {
     const { toolsType: t } = o;
-    if (t === N.LaserPen)
-      return li({ ...o, vNodes: this.vNodes, fullLayer: this.topLayer, drawLayer: this.topLayer });
+    if (t === T.LaserPen)
+      return hi({ ...o, vNodes: this.vNodes, fullLayer: this.topLayer, drawLayer: this.topLayer });
   }
   clearAllWorkShapesCache() {
     this.localWorkShapes.forEach((o) => {
@@ -6123,7 +6127,7 @@ class PM {
     const t = /* @__PURE__ */ new Map(), e = [], i = [], s = [];
     for (const [h, u] of this.serviceWorkShapes.entries())
       switch (u.toolsType) {
-        case N.LaserPen: {
+        case T.LaserPen: {
           const p = this.computNextAnimationIndex(u, 8), f = Math.max(0, u.animationIndex || 0), y = (u.animationWorkData || []).slice(f, p);
           if ((u.animationIndex || 0) < p) {
             const M = (n = u.node) == null ? void 0 : n.consumeService({
@@ -6155,7 +6159,7 @@ class PM {
     for (const [h, u] of this.localWorkShapes.entries()) {
       const { result: d, toolsType: p, totalRect: f, isDel: y, workState: M } = u;
       switch (p) {
-        case N.LaserPen: {
+        case T.LaserPen: {
           if (f && (i.push({
             isClear: !0,
             rect: f,
@@ -6477,7 +6481,7 @@ class Qe extends Y {
     super(t);
     g(this, "canRotate", !0);
     g(this, "scaleType", pt.all);
-    g(this, "toolsType", N.Image);
+    g(this, "toolsType", T.Image);
     g(this, "tmpPoints", []);
     g(this, "workOptions");
     g(this, "oldRect");
@@ -6511,13 +6515,13 @@ class Qe extends Y {
       pos: [r, c],
       layer: e
     }), this.replace(e, s || i, f);
-    const I = f.getBoundingClientRect();
-    if (I)
+    const N = f.getBoundingClientRect();
+    if (N)
       return {
-        x: Math.floor(I.x - Y.SafeBorderPadding),
-        y: Math.floor(I.y - Y.SafeBorderPadding),
-        w: Math.floor(I.width + Y.SafeBorderPadding * 2),
-        h: Math.floor(I.height + Y.SafeBorderPadding * 2)
+        x: Math.floor(N.x - Y.SafeBorderPadding),
+        y: Math.floor(N.y - Y.SafeBorderPadding),
+        w: Math.floor(N.width + Y.SafeBorderPadding * 2),
+        h: Math.floor(N.height + Y.SafeBorderPadding * 2)
       };
   }
   consumeService() {
@@ -6559,32 +6563,32 @@ class Qe extends Y {
     const M = e.parent;
     if (M) {
       if (f && (y.opt.strokeColor = f), oe(p) && (e.setAttribute("zIndex", p), y.opt.zIndex = p), Ce(d) && (y.opt.locked = d), c && l && h && r) {
-        const { centerX: I, centerY: w, width: m, height: S, uniformScale: T } = y.opt, v = T !== !1 ? [h[0], h[0]] : h, x = [I, w], L = [I, w];
-        di(L, l, v, r);
+        const { centerX: N, centerY: w, width: m, height: S, uniformScale: I } = y.opt, v = I !== !1 ? [h[0], h[0]] : h, x = [N, w], L = [N, w];
+        pi(L, l, v, r);
         const A = [L[0] - x[0], L[1] - x[1]];
         if (y.centerPos = [y.centerPos[0] + A[0], y.centerPos[1] + A[1]], y.opt.width = Math.round(m * v[0]), y.opt.height = Math.round(S * v[1]), y.opt.centerX = L[0], y.opt.centerY = L[1], y.opt.eraserlines)
           for (const j of Object.values(y.opt.eraserlines)) {
             const { op: D, thickness: O } = j;
             j.thickness = O * Math.max(h[0], h[1]);
             for (let z = 0; z < D.length; z++)
-              pi(D[z], l, h, r);
+              fi(D[z], l, h, r);
           }
       } else if (r) {
         if (y.opt.centerX = y.opt.centerX + r[0], y.opt.centerY = y.opt.centerY + r[1], y.centerPos = [y.centerPos[0] + r[0], y.centerPos[1] + r[1]], y.opt.eraserlines)
-          for (const I of Object.values(y.opt.eraserlines)) {
-            const { op: w } = I;
+          for (const N of Object.values(y.opt.eraserlines)) {
+            const { op: w } = N;
             for (let m = 0; m < w.length; m++) {
-              const S = w[m].map((T, v) => v % 2 ? T + r[1] : T + r[0]);
-              I.op[m] = S;
+              const S = w[m].map((I, v) => v % 2 ? I + r[1] : I + r[0]);
+              N.op[m] = S;
             }
           }
       } else if (oe(u))
         if (y.opt.rotate = u, y.scaleType = Qe.getScaleType(y.opt), n) {
-          const I = un(y.rect, u);
-          y.rect = I;
+          const N = un(y.rect, u);
+          y.rect = N;
         } else {
-          const I = Y.getRectFromLayer(M, e.name);
-          y.rect = I || y.rect;
+          const N = Y.getRectFromLayer(M, e.name);
+          y.rect = N || y.rect;
         }
       return y && s.setInfo(e.name, y), y == null ? void 0 : y.rect;
     }
@@ -6597,7 +6601,7 @@ function lt(a, o) {
   }
   return o || a;
 }
-function ui(a, o) {
+function di(a, o) {
   if (a && o) {
     const t = Math.min(a.originX, o.originX), e = Math.min(a.originY, o.originY), i = Math.max(a.originX + a.width, o.originX + o.width), s = Math.max(a.originY + a.height, o.originY + o.height), n = i - t, r = s - e;
     return { originX: t, originY: e, width: n, height: r };
@@ -6657,14 +6661,14 @@ function OM(a, o, t) {
     a[i] = r.x, a[i + 1] = r.y;
   }
 }
-function di(a, o, t, e = [0, 0]) {
+function pi(a, o, t, e = [0, 0]) {
   const i = new C(o[0], o[1]);
   for (let s = 0; s < a.length; s += 3) {
     const n = new C(a[s], a[s + 1]), r = new C(t[0], t[1]), c = C.ScaleWOrigin(n, r, i);
     a[s] = c.x + e[0], a[s + 1] = c.y + e[1];
   }
 }
-function pi(a, o, t, e = [0, 0]) {
+function fi(a, o, t, e = [0, 0]) {
   const i = new C(o[0], o[1]);
   for (let s = 0; s < a.length; s += 2) {
     const n = new C(a[s], a[s + 1]), r = new C(t[0], t[1]), c = C.ScaleWOrigin(n, r, i);
@@ -6803,7 +6807,7 @@ const Rt = class Rt extends $M {
     return !!(i && Object.keys(i).find((s) => this.isOwn(s) && this.getLocalId(s) === $));
   }
   addStorageStateListener(t) {
-    this.stateDisposer = gi(async () => {
+    this.stateDisposer = yi(async () => {
       var c;
       const e = this.getNamespaceData(), { diffView: i, diffScenePath: s, diffData: n } = this.diffFunByView(this.serviceStorage, e);
       this.serviceStorage = e;
@@ -6957,18 +6961,18 @@ const Rt = class Rt extends $M {
         case b.Clear:
           const M = {};
           f && this.storage[y] && this.storage[y][f] ? (delete this.storage[y][f], this.setState(M, { isSync: p, viewId: y, scenePath: f })) : this.storage[y] && (delete this.storage[y], this.setState(M, { isSync: p, viewId: y, scenePath: "" })), Zt(() => {
-            var T;
-            this.control.pluginManager.dispatchPluginEvent("syncStorage", y, f), (T = this.control.miniMapManager) == null || T.updateMiniMapCamera(y);
+            var I;
+            this.control.pluginManager.dispatchPluginEvent("syncStorage", y, f), (I = this.control.miniMapManager) == null || I.updateMiniMapCamera(y);
           }, Rt.syncInterval);
           break;
         case b.CreateWork:
           if (f && i && c && r) {
-            const T = this.isLocalId(i.toString()) ? this.transformKey(i) : i;
+            const I = this.isLocalId(i.toString()) ? this.transformKey(i) : i;
             this.control.renderControl.isUsePageAuth(y) && this.control.renderControl.addRenderPageElementId({
               viewId: y,
               scenePath: f,
-              elementId: T.toString()
-            }), this.updateValue(T.toString(), {
+              elementId: I.toString()
+            }), this.updateValue(I.toString(), {
               type: b.CreateWork,
               workId: i,
               toolsType: c,
@@ -6978,15 +6982,15 @@ const Rt = class Rt extends $M {
           break;
         case b.DrawWork:
           if (f && i && typeof n == "number" && (u != null && u.length)) {
-            const T = this.isLocalId(i.toString()) ? this.transformKey(i) : i, v = this.storage[y] && this.storage[y][f] && this.storage[y][f][T] || void 0;
+            const I = this.isLocalId(i.toString()) ? this.transformKey(i) : i, v = this.storage[y] && this.storage[y][f] && this.storage[y][f][I] || void 0;
             if (v != null && v.ops || (v == null ? void 0 : v.type) === b.FullWork)
               return;
             const x = n ? ((v == null ? void 0 : v.op) || []).slice(0, n).concat(u) : u || (v == null ? void 0 : v.op), L = c || (v == null ? void 0 : v.toolsType), A = r || (v == null ? void 0 : v.opt), j = h || (v == null ? void 0 : v.updateNodeOpt);
             i && L && A && x && (this.control.renderControl.isUsePageAuth(y) && this.control.renderControl.addRenderPageElementId({
               viewId: y,
               scenePath: f,
-              elementId: T.toString()
-            }), this.updateValue(T.toString(), {
+              elementId: I.toString()
+            }), this.updateValue(I.toString(), {
               ...v,
               type: b.DrawWork,
               workId: i,
@@ -7000,15 +7004,15 @@ const Rt = class Rt extends $M {
           break;
         case b.FullWork:
           if (f && i) {
-            const T = this.isLocalId(i.toString()) ? this.transformKey(i) : i, v = this.storage[y] && this.storage[y][f] && this.storage[y][f][T] || void 0, x = h || (v == null ? void 0 : v.updateNodeOpt), L = c || (v == null ? void 0 : v.toolsType), A = r || (v == null ? void 0 : v.opt), j = s || (v == null ? void 0 : v.ops);
+            const I = this.isLocalId(i.toString()) ? this.transformKey(i) : i, v = this.storage[y] && this.storage[y][f] && this.storage[y][f][I] || void 0, x = h || (v == null ? void 0 : v.updateNodeOpt), L = c || (v == null ? void 0 : v.toolsType), A = r || (v == null ? void 0 : v.opt), j = s || (v == null ? void 0 : v.ops);
             L && A && (this.control.renderControl.isUsePageAuth(y) && this.control.renderControl.addRenderPageElementId({
               viewId: y,
               scenePath: f,
-              elementId: T.toString()
-            }), this.updateValue(T.toString(), {
+              elementId: I.toString()
+            }), this.updateValue(I.toString(), {
               type: b.FullWork,
               updateNodeOpt: x,
-              workId: T,
+              workId: I,
               toolsType: L,
               opt: A,
               ops: j
@@ -7020,9 +7024,9 @@ const Rt = class Rt extends $M {
           break;
         case b.RemoveNode:
           if (f && (l != null && l.length)) {
-            const T = l.map((v) => this.isLocalId(v + "") ? this.transformKey(v) : v);
+            const I = l.map((v) => this.isLocalId(v + "") ? this.transformKey(v) : v);
             this.storage[y] && this.storage[y][f] && (Object.keys(this.storage[y][f]).map((v) => {
-              T != null && T.includes(v) && (this.control.renderControl.isUsePageAuth(y) && this.control.renderControl.delRenderPageElementId({
+              I != null && I.includes(v) && (this.control.renderControl.isUsePageAuth(y) && this.control.renderControl.delRenderPageElementId({
                 viewId: y,
                 scenePath: f,
                 elementId: v
@@ -7035,8 +7039,8 @@ const Rt = class Rt extends $M {
           break;
         case b.UpdateNode:
           if (f && i && (h || s || r)) {
-            const T = this.isLocalId(i.toString()) ? this.transformKey(i) : i, v = this.storage[y] && this.storage[y][f] && this.storage[y][f][T] || void 0;
-            v && (v.updateNodeOpt = h, (s || u) && (v.ops = s, v.op = u), r && (v.opt = r), v.type = b.FullWork, this.updateValue(T.toString(), v, { isSync: p, viewId: y, scenePath: f }), Zt(() => {
+            const I = this.isLocalId(i.toString()) ? this.transformKey(i) : i, v = this.storage[y] && this.storage[y][f] && this.storage[y][f][I] || void 0;
+            v && (v.updateNodeOpt = h, (s || u) && (v.ops = s, v.op = u), r && (v.opt = r), v.type = b.FullWork, this.updateValue(I.toString(), v, { isSync: p, viewId: y, scenePath: f }), Zt(() => {
               var x;
               (x = this.control.miniMapManager) == null || x.updateMiniMapCamera(y);
             }, Rt.syncInterval));
@@ -7045,14 +7049,14 @@ const Rt = class Rt extends $M {
         case b.Select:
           if (!f)
             return;
-          let I;
-          d != null && d.length && (I = d.map((T) => this.isLocalId(T + "") ? this.transformKey(T) : T));
+          let N;
+          d != null && d.length && (N = d.map((I) => this.isLocalId(I + "") ? this.transformKey(I) : I));
           const w = this.transformKey($), m = this.storage[y] && this.storage[y][f] && this.storage[y][f][w] || void 0, S = r || (m == null ? void 0 : m.opt);
-          I && this.checkOtherSelector(w, I, { isSync: p, viewId: y, scenePath: f }), this.updateValue(w, I && {
+          N && this.checkOtherSelector(w, N, { isSync: p, viewId: y, scenePath: f }), this.updateValue(w, N && {
             type: b.Select,
-            toolsType: N.Selector,
+            toolsType: T.Selector,
             opt: S,
-            selectIds: I
+            selectIds: N
           }, { isSync: p, viewId: y, scenePath: f });
           break;
       }
@@ -7170,7 +7174,7 @@ const Rt = class Rt extends $M {
     this.removeStorageStateListener(), this.serviceStorage = {}, this.storage = {}, this.removeAuthStateListener(), this.authStorage = {};
   }
   dispatchPageAuth(t, e = !0) {
-    var l, h, u, d, p, f, y, M, I, w, m, S, T, v, x, L, A, j, D, O, z, E, rt, tt, H, Z, Q, G, K, at, bt, it, ht, J, V, ut, wt, Ft;
+    var l, h, u, d, p, f, y, M, N, w, m, S, I, v, x, L, A, j, D, O, z, E, rt, tt, H, Z, Q, G, K, at, bt, it, ht, J, V, ut, wt, Ft;
     const { operation: i, viewId: s, scenePath: n, pageId: r, pageData: c } = t;
     switch (i) {
       case Ot.addPage: {
@@ -7199,13 +7203,13 @@ const Rt = class Rt extends $M {
       case Ot.deletePage: {
         if (!s || !n || !r)
           return;
-        (m = (w = (I = (M = (y = this.authStorage) == null ? void 0 : y.pageAuth) == null ? void 0 : M[s]) == null ? void 0 : I[n]) == null ? void 0 : w.pages) != null && m[r] && (delete this.authStorage.pageAuth[s][n].pages[r], e && ((S = this.plugin) == null || S.updateAttributes([this.authSpace, "pageAuth", s, n, "pages", r], void 0)));
+        (m = (w = (N = (M = (y = this.authStorage) == null ? void 0 : y.pageAuth) == null ? void 0 : M[s]) == null ? void 0 : N[n]) == null ? void 0 : w.pages) != null && m[r] && (delete this.authStorage.pageAuth[s][n].pages[r], e && ((S = this.plugin) == null || S.updateAttributes([this.authSpace, "pageAuth", s, n, "pages", r], void 0)));
         return;
       }
       case Ot.clearPage: {
         if (!s || !n || !r)
           return;
-        (A = (L = (x = (v = (T = this.authStorage) == null ? void 0 : T.pageAuth) == null ? void 0 : v[s]) == null ? void 0 : x[n]) == null ? void 0 : L.pages) != null && A[r] && (delete this.authStorage.pageAuth[s][n].pages[r], e && ((j = this.plugin) == null || j.updateAttributes([this.authSpace, "pageAuth", s, n, "pages", r], {})));
+        (A = (L = (x = (v = (I = this.authStorage) == null ? void 0 : I.pageAuth) == null ? void 0 : v[s]) == null ? void 0 : x[n]) == null ? void 0 : L.pages) != null && A[r] && (delete this.authStorage.pageAuth[s][n].pages[r], e && ((j = this.plugin) == null || j.updateAttributes([this.authSpace, "pageAuth", s, n, "pages", r], {})));
         return;
       }
       case Ot.addElement: {
@@ -7235,7 +7239,7 @@ const Rt = class Rt extends $M {
     }
   }
   dispatchRenderAuth(t, e = !0) {
-    var l, h, u, d, p, f, y, M, I, w, m, S, T, v, x, L, A, j, D, O;
+    var l, h, u, d, p, f, y, M, N, w, m, S, I, v, x, L, A, j, D, O;
     const { operation: i, viewId: s, uid: n, renderData: r, isClear: c } = t;
     if (s)
       switch (i) {
@@ -7279,7 +7283,7 @@ const Rt = class Rt extends $M {
           const z = [this.authSpace];
           Object.keys(this.authStorage).length && z.push("renderAuth");
           const E = this.authStorage.renderAuth || {};
-          Object.keys(E).length && z.push(s), E[s] = E[s] || {}, this.authStorage.renderAuth = E, Object.keys(E[s]).length && z.push("render"), E[s].render = E[s].render || {}, E[s].render !== !0 && (Object.keys(E[s].render).length && z.push(n), E[s].render[n] = !0), E[s].hide !== !0 && ((p = E[s].hide) != null && p[n]) && (delete E[s].hide[n], e && ((f = this.plugin) == null || f.updateAttributes([this.authSpace, "renderAuth", s, "hide", n], void 0))), e && (z.length === 1 ? (y = this.plugin) == null || y.updateAttributes(z, dt(this.authStorage)) : z.length === 2 ? (M = this.plugin) == null || M.updateAttributes(z, dt(E)) : z.length === 3 ? (I = this.plugin) == null || I.updateAttributes(z, dt(E[s])) : (w = this.plugin) == null || w.updateAttributes(z, !0));
+          Object.keys(E).length && z.push(s), E[s] = E[s] || {}, this.authStorage.renderAuth = E, Object.keys(E[s]).length && z.push("render"), E[s].render = E[s].render || {}, E[s].render !== !0 && (Object.keys(E[s].render).length && z.push(n), E[s].render[n] = !0), E[s].hide !== !0 && ((p = E[s].hide) != null && p[n]) && (delete E[s].hide[n], e && ((f = this.plugin) == null || f.updateAttributes([this.authSpace, "renderAuth", s, "hide", n], void 0))), e && (z.length === 1 ? (y = this.plugin) == null || y.updateAttributes(z, dt(this.authStorage)) : z.length === 2 ? (M = this.plugin) == null || M.updateAttributes(z, dt(E)) : z.length === 3 ? (N = this.plugin) == null || N.updateAttributes(z, dt(E[s])) : (w = this.plugin) == null || w.updateAttributes(z, !0));
           return;
         }
         case ee.setHide: {
@@ -7288,7 +7292,7 @@ const Rt = class Rt extends $M {
           const z = [this.authSpace];
           Object.keys(this.authStorage).length && z.push("renderAuth");
           const E = this.authStorage.renderAuth || {};
-          Object.keys(E).length && z.push(s), E[s] = E[s] || {}, this.authStorage.renderAuth = E, Object.keys(E[s]).length && z.push("hide"), E[s].hide = E[s].hide || {}, E[s].hide !== !0 && (Object.keys(E[s].hide).length && z.push(n), E[s].hide[n] = !0), E[s].render !== !0 && ((m = E[s].render) != null && m[n]) && (delete E[s].render[n], e && ((S = this.plugin) == null || S.updateAttributes([this.authSpace, "renderAuth", s, "render", n], void 0))), e && (z.length === 1 ? (T = this.plugin) == null || T.updateAttributes(z, dt(this.authStorage)) : z.length === 2 ? (v = this.plugin) == null || v.updateAttributes(z, dt(E)) : z.length === 3 ? (x = this.plugin) == null || x.updateAttributes(z, dt(E[s])) : (L = this.plugin) == null || L.updateAttributes(z, !0));
+          Object.keys(E).length && z.push(s), E[s] = E[s] || {}, this.authStorage.renderAuth = E, Object.keys(E[s]).length && z.push("hide"), E[s].hide = E[s].hide || {}, E[s].hide !== !0 && (Object.keys(E[s].hide).length && z.push(n), E[s].hide[n] = !0), E[s].render !== !0 && ((m = E[s].render) != null && m[n]) && (delete E[s].render[n], e && ((S = this.plugin) == null || S.updateAttributes([this.authSpace, "renderAuth", s, "render", n], void 0))), e && (z.length === 1 ? (I = this.plugin) == null || I.updateAttributes(z, dt(this.authStorage)) : z.length === 2 ? (v = this.plugin) == null || v.updateAttributes(z, dt(E)) : z.length === 3 ? (x = this.plugin) == null || x.updateAttributes(z, dt(E[s])) : (L = this.plugin) == null || L.updateAttributes(z, !0));
           return;
         }
         case ee.setClear: {
@@ -7303,7 +7307,7 @@ const Rt = class Rt extends $M {
       }
   }
   addAuthStateListener(t) {
-    this.authDisposer = gi(async () => {
+    this.authDisposer = yi(async () => {
       const e = this.getAuthSpaceData(), { renderAuth: i, pageAuth: s } = e;
       let n, r;
       ft(i, this.authStorage.renderAuth) || (n = this.diffAuthFun(this.authStorage.renderAuth || {}, i || {}), this.authStorage.renderAuth = i), ft(s, this.authStorage.pageAuth) || (r = this.diffAuthPageFun(this.authStorage.pageAuth || {}, s || {}), this.authStorage.pageAuth = s), (n || r) && t(n, r);
@@ -7476,35 +7480,35 @@ class QM {
   get interceptors() {
     return {
       set: (o, t) => {
-        var p, f, y, M, I, w, m, S;
+        var p, f, y, M, N, w, m, S;
         if (!this.collector)
           return !0;
         const { viewId: e, scenePath: i, canSync: s, canWorker: n, type: r, opt: c, dataType: l } = t;
         if (!n && !s)
           return !0;
         const u = ((p = this.collector) == null ? void 0 : p.isLocalId(o)) ? (f = this.collector) == null ? void 0 : f.transformKey(o) : o, d = ((y = this.collector) == null ? void 0 : y.storage[e]) && this.collector.storage[e][i] && this.collector.storage[e][i][u] || void 0;
-        d ? d.toolsType === N.Text && (n && (this.control.worker.queryTaskBatchData({
+        d ? d.toolsType === T.Text && (n && (this.control.worker.queryTaskBatchData({
           workId: o,
           msgType: b.UpdateNode
-        }).forEach((T) => {
+        }).forEach((I) => {
           var v;
-          (v = this.control.worker) == null || v.taskBatchData.delete(T);
+          (v = this.control.worker) == null || v.taskBatchData.delete(I);
         }), (m = this.control.worker) == null || m.taskBatchData.add({
           workId: o,
           msgType: b.UpdateNode,
           dataType: l || U.Local,
-          toolsType: N.Text,
+          toolsType: T.Text,
           opt: c,
           viewId: e,
           scenePath: i,
           willRefresh: !0
           // willSyncService: canSync
         }), (S = this.control.worker) == null || S.runAnimation()), s && Zt(() => {
-          var T;
-          (T = this.collector) == null || T.dispatch({
+          var I;
+          (I = this.collector) == null || I.dispatch({
             type: b.UpdateNode,
             workId: o,
-            toolsType: N.Text,
+            toolsType: T.Text,
             opt: c,
             viewId: e,
             scenePath: i
@@ -7512,16 +7516,16 @@ class QM {
         }, this.control.worker.maxLastSyncTime)) : r === ie.Text && (s && ((M = this.collector) == null || M.dispatch({
           type: c.text && b.FullWork || b.CreateWork,
           workId: o,
-          toolsType: N.Text,
+          toolsType: T.Text,
           opt: c,
           isSync: !0,
           viewId: e,
           scenePath: i
-        })), n && ((I = this.control.worker) == null || I.taskBatchData.add({
+        })), n && ((N = this.control.worker) == null || N.taskBatchData.add({
           workId: o,
           msgType: c.text && b.FullWork || b.CreateWork,
           dataType: l || U.Local,
-          toolsType: N.Text,
+          toolsType: T.Text,
           opt: c,
           viewId: e,
           scenePath: i,
@@ -7540,7 +7544,7 @@ class QM {
           return !0;
         n && ((r = this.control.worker) == null || r.taskBatchData.add({
           workId: o,
-          toolsType: N.Text,
+          toolsType: T.Text,
           msgType: b.RemoveNode,
           dataType: U.Local,
           viewId: e,
@@ -7551,7 +7555,7 @@ class QM {
           (l = this.collector) == null || l.dispatch({
             type: b.RemoveNode,
             removeIds: [o],
-            toolsType: N.Text,
+            toolsType: T.Text,
             viewId: e,
             scenePath: i
           });
@@ -8008,7 +8012,7 @@ class ZM extends Jt {
           });
           break;
         }
-        if (p.toolsType === N.Text && p.opt && p.opt.workState && p.opt.workState !== P.Done) {
+        if (p.toolsType === T.Text && p.opt && p.opt.workState && p.opt.workState !== P.Done) {
           const f = p && this.copyText({
             viewId: i,
             store: p
@@ -8037,12 +8041,12 @@ class ZM extends Jt {
     };
   }
   pasteText(t) {
-    var M, I;
+    var M, N;
     const { bgCenter: e, textCenter: i, store: s, key: n, viewId: r, scenePath: c, undoTickerId: l } = t, h = this.control.viewContainerManager.getView(r);
     if (!this.serviceColloctor || !h)
       return;
     const u = Math.floor(Math.random() * 30 + 1), d = ((M = h.cameraOpt) == null ? void 0 : M.scale) || 1, p = e && i && [e[0] - i[0] + u, e[1] - i[1] + u] || [u / d, u / d], y = (this.serviceColloctor.isLocalId(n) ? n : this.serviceColloctor.getLocalId(n.toString())) + "-" + l;
-    if (s.toolsType === N.Text && s.opt) {
+    if (s.toolsType === T.Text && s.opt) {
       const w = s.opt;
       if (w && w.boxPoint && w.text) {
         w.workState = P.Done;
@@ -8054,7 +8058,7 @@ class ZM extends Jt {
           x: S[0],
           y: S[1],
           opt: w,
-          scale: ((I = h.cameraOpt) == null ? void 0 : I.scale) || 1,
+          scale: ((N = h.cameraOpt) == null ? void 0 : N.scale) || 1,
           type: ie.Text,
           isActive: !1,
           viewId: r,
@@ -8071,7 +8075,7 @@ class ZM extends Jt {
     }
   }
   copySelector(t) {
-    var y, M, I, w, m, S, T, v, x;
+    var y, M, N, w, m, S, I, v, x;
     const { viewId: e, store: i } = t, s = this.control.viewContainerManager.getView(e), n = i.selectIds;
     if (!this.serviceColloctor || !(n != null && n.length) || !s)
       return;
@@ -8083,9 +8087,9 @@ class ZM extends Jt {
       cameraOpt: {
         centerX: ((y = s.cameraOpt) == null ? void 0 : y.centerX) || 0,
         centerY: ((M = s.cameraOpt) == null ? void 0 : M.centerY) || 0,
-        scale: ((I = s.cameraOpt) == null ? void 0 : I.scale) || 1
+        scale: ((N = s.cameraOpt) == null ? void 0 : N.scale) || 1
       }
-    }, l = this.control.hasOffscreenCanvas() && ((w = s.displayer.canvasBgRef.current) == null ? void 0 : w.getBoundingClientRect()) || ((m = s.displayer.canvasContainerRef.current) == null ? void 0 : m.getBoundingClientRect()), h = (T = (S = s.displayer) == null ? void 0 : S.floatBarRef.current) == null ? void 0 : T.getBoundingClientRect(), u = l && [l.x + l.width / 2, l.y + l.height / 2], d = h && [h.x + h.width / 2, h.y + h.height / 2], p = u && s.viewData && s.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), f = d && s.viewData && s.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
+    }, l = this.control.hasOffscreenCanvas() && ((w = s.displayer.canvasBgRef.current) == null ? void 0 : w.getBoundingClientRect()) || ((m = s.displayer.canvasContainerRef.current) == null ? void 0 : m.getBoundingClientRect()), h = (I = (S = s.displayer) == null ? void 0 : S.floatBarRef.current) == null ? void 0 : I.getBoundingClientRect(), u = l && [l.x + l.width / 2, l.y + l.height / 2], d = h && [h.x + h.width / 2, h.y + h.height / 2], p = u && s.viewData && s.viewData.convertToPointInWorld({ x: u[0], y: u[1] }), f = d && s.viewData && s.viewData.convertToPointInWorld({ x: d[0], y: d[1] });
     p && f && (c.offset = {
       x: p.x - f.x,
       y: p.y - f.y
@@ -8105,9 +8109,9 @@ class ZM extends Jt {
     if (!e.size || !this.serviceColloctor || !c)
       return;
     const { offset: l, cameraOpt: h } = i, { scale: u } = h, d = Math.floor(Math.random() * 30 + 1), p = l && [l.x + d, l.y + d] || [d / u, d / u], f = [], y = [];
-    for (const [I, w] of e.entries()) {
-      const S = (this.serviceColloctor.isLocalId(I) ? I : this.serviceColloctor.getLocalId(I.toString())) + "-" + r, T = { useAnimation: !1 };
-      if (w.toolsType === N.Text && w.opt) {
+    for (const [N, w] of e.entries()) {
+      const S = (this.serviceColloctor.isLocalId(N) ? N : this.serviceColloctor.getLocalId(N.toString())) + "-" + r, I = { useAnimation: !1 };
+      if (w.toolsType === T.Text && w.opt) {
         const v = w.opt;
         if (v && v.boxPoint && v.text) {
           v.workState = P.Done;
@@ -8136,7 +8140,7 @@ class ZM extends Jt {
         });
         continue;
       }
-      if (w.toolsType === N.Image && (w.opt.uuid = S, w.opt.centerX = w.opt.centerX + p[0], w.opt.centerY = w.opt.centerY + p[1]), w.ops) {
+      if (w.toolsType === T.Image && (w.opt.uuid = S, w.opt.centerX = w.opt.centerX + p[0], w.opt.centerY = w.opt.centerY + p[1]), w.ops) {
         const v = Ie(w.ops).map((L, A) => {
           const j = A % 3;
           return j === 0 ? L + p[0] : j === 1 ? L + p[1] : L;
@@ -8145,14 +8149,14 @@ class ZM extends Jt {
       }
       y.push({
         ...w,
-        updateNodeOpt: T,
+        updateNodeOpt: I,
         type: b.FullWork,
         workId: S,
         viewId: s,
         scenePath: n
       }), f.push([{
         ...w,
-        updateNodeOpt: T,
+        updateNodeOpt: I,
         workId: S,
         msgType: b.FullWork,
         dataType: U.Local,
@@ -8208,31 +8212,31 @@ class XM extends Jt {
     const { workIds: e, strokeColor: i, fillColor: s, fontColor: n, fontBgColor: r, viewId: c, workState: l, thickness: h, strokeType: u } = t, d = this.control.viewContainerManager.getView(c);
     if (!(d != null && d.displayer))
       return;
-    const p = d.focusScenePath, f = [...e], y = this.serviceColloctor.storage, M = [], I = {};
+    const p = d.focusScenePath, f = [...e], y = this.serviceColloctor.storage, M = [], N = {};
     for ((l === P.Start || !this.undoTickerId && l === P.Done) && (this.undoTickerId = Date.now(), this.mainEngine.internalMsgEmitter.emit("addUndoTicker", this.undoTickerId, c)); f.length; ) {
       const w = f.pop();
       if (!w)
         continue;
-      const m = w.toString(), S = this.serviceColloctor.isLocalId(m), T = S ? this.serviceColloctor.transformKey(w) : m;
+      const m = w.toString(), S = this.serviceColloctor.isLocalId(m), I = S ? this.serviceColloctor.transformKey(w) : m;
       let v = m;
       !S && this.serviceColloctor.isOwn(v) && (v = this.serviceColloctor.getLocalId(v));
-      const x = y[c][p][T] || void 0;
+      const x = y[c][p][I] || void 0;
       if (x) {
         const L = x.updateNodeOpt || {};
         if (n || r) {
           if (n) {
             L.fontColor = n;
             const [j, D, O, z] = _e(n);
-            I.textColor = [j, D, O], I.textOpacity = z;
+            N.textColor = [j, D, O], N.textOpacity = z;
           }
           if (r)
             if (L.fontBgColor = to(r) ? "transparent" : r, to(r))
-              I.textBgColor = void 0, I.textBgOpacity = void 0;
+              N.textBgColor = void 0, N.textBgOpacity = void 0;
             else {
               const [j, D, O, z] = _e(r);
-              I.textBgColor = [j, D, O], I.textBgOpacity = z;
+              N.textBgColor = [j, D, O], N.textBgOpacity = z;
             }
-          if (x.toolsType === N.Text && x.opt && l !== P.Start) {
+          if (x.toolsType === T.Text && x.opt && l !== P.Start) {
             this.setTextColor(v, zt(x), L, c), l === P.Done && (this.undoTickerId = void 0);
             continue;
           }
@@ -8240,16 +8244,16 @@ class XM extends Jt {
         if (i) {
           L.strokeColor = i;
           const [j, D, O, z] = _e(i);
-          I.strokeColor = [j, D, O], I.strokeOpacity = z;
+          N.strokeColor = [j, D, O], N.strokeOpacity = z;
         }
         if (s)
           if (L.fillColor = to(s) ? "transparent" : s, to(s))
-            I.fillColor = void 0, I.fillOpacity = void 0;
+            N.fillColor = void 0, N.fillOpacity = void 0;
           else {
             const [j, D, O, z] = _e(s);
-            I.fillColor = [j, D, O], I.fillOpacity = z;
+            N.fillColor = [j, D, O], N.fillOpacity = z;
           }
-        h && (L.thickness = h, I.strokeWidth = h), u && (L.strokeType = u, I.strokeType = u);
+        h && (L.thickness = h, N.strokeWidth = h), u && (L.strokeType = u, N.strokeType = u);
         const A = {
           workId: v,
           msgType: b.UpdateNode,
@@ -8269,9 +8273,9 @@ class XM extends Jt {
         }]);
       }
     }
-    M.length && (l === P.Done && (this.undoTickerId = void 0), this.collectForLocalWorker(M)), Object.keys(I).length && setTimeout(() => {
+    M.length && (l === P.Done && (this.undoTickerId = void 0), this.collectForLocalWorker(M)), Object.keys(N).length && setTimeout(() => {
       var w;
-      (w = this.control.room) == null || w.setMemberState(I);
+      (w = this.control.room) == null || w.setMemberState(N);
     }, 0);
   }
 }
@@ -8335,11 +8339,11 @@ class JM extends Jt {
       if (!p)
         continue;
       const f = p.toString(), y = this.serviceColloctor.isLocalId(f), M = y ? this.serviceColloctor.transformKey(p) : f;
-      let I = f;
-      !y && this.serviceColloctor.isOwn(I) && (I = this.serviceColloctor.getLocalId(I));
+      let N = f;
+      !y && this.serviceColloctor.isOwn(N) && (N = this.serviceColloctor.getLocalId(N));
       const w = zt(l[s][r][M]);
       let m;
-      if (w && I === $) {
+      if (w && N === $) {
         if (w.selectIds) {
           u.push(...w.selectIds), u.sort((x, L) => {
             var D, O, z, E;
@@ -8348,7 +8352,7 @@ class JM extends Jt {
           });
           const S = w.updateNodeOpt || {};
           S.zIndexLayer = i;
-          const T = {
+          const I = {
             workId: p,
             msgType: b.UpdateNode,
             dataType: U.Local,
@@ -8367,7 +8371,7 @@ class JM extends Jt {
               updateNodeOpt: j.updateNodeOpt,
               opt: j.opt
             });
-          }), T.selectStore = v, T.willSerializeData = !0, h.push([T, {
+          }), I.selectStore = v, I.willSerializeData = !0, h.push([I, {
             workId: p,
             msgType: b.UpdateNode,
             emitEventType: this.emitEventType
@@ -8402,16 +8406,16 @@ class qM extends Jt {
     for (p && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", p, r); h.length; ) {
       const y = h.pop();
       if (!y) continue;
-      const M = y.toString(), I = this.serviceColloctor.isLocalId(M), w = I && this.serviceColloctor.transformKey(y) || M;
+      const M = y.toString(), N = this.serviceColloctor.isLocalId(M), w = N && this.serviceColloctor.transformKey(y) || M;
       let m = M;
-      !I && this.serviceColloctor.isOwn(m) && (m = this.serviceColloctor.getLocalId(m));
+      !N && this.serviceColloctor.isOwn(m) && (m = this.serviceColloctor.getLocalId(m));
       const S = u[r][l][w];
       if (S && m === $) {
         if (S.selectIds) {
-          const T = this.control.viewContainerManager.transformToScenePoint([s.x, s.y], r);
-          if (n === P.Start && (this.cachePosition = T), this.cachePosition) {
+          const I = this.control.viewContainerManager.transformToScenePoint([s.x, s.y], r);
+          if (n === P.Start && (this.cachePosition = I), this.cachePosition) {
             const v = S.updateNodeOpt || {};
-            v.translate = [T[0] - this.cachePosition[0], T[1] - this.cachePosition[1]], v.workState = n;
+            v.translate = [I[0] - this.cachePosition[0], I[1] - this.cachePosition[1]], v.workState = n;
             const x = {
               workId: y,
               msgType: b.UpdateNode,
@@ -8454,12 +8458,12 @@ class KM extends Jt {
         continue;
       const p = d.toString(), f = this.serviceColloctor.isLocalId(p), y = f ? this.serviceColloctor.transformKey(d) : p, M = r[i][n][y];
       if (M) {
-        let I = p;
-        if (!f && this.serviceColloctor.isOwn(I) && (I = this.serviceColloctor.getLocalId(I)), M.toolsType === N.Text) {
-          this.control.textEditorManager.delete(I, !0, !0);
+        let N = p;
+        if (!f && this.serviceColloctor.isOwn(N) && (N = this.serviceColloctor.getLocalId(N)), M.toolsType === T.Text) {
+          this.control.textEditorManager.delete(N, !0, !0);
           continue;
         }
-        h.push(I);
+        h.push(N);
       }
     }
     h.length && (l.push([{
@@ -8492,7 +8496,7 @@ class _M extends Jt {
     return { key: t, textInfo: s };
   }
   async collect(t, e) {
-    var w, m, S, T, v;
+    var w, m, S, I, v;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: i, workState: s, viewId: n, originPoint: r, scenePoint: c, dir: l, scale: h, translate: u } = t;
@@ -8500,8 +8504,8 @@ class _M extends Jt {
     const d = this.control.viewContainerManager.getView(n);
     if (!(d != null && d.displayer))
       return;
-    const p = d.focusScenePath, f = [...i], y = (w = this.serviceColloctor) == null ? void 0 : w.storage, M = [], I = s === P.Start && Date.now() || void 0;
-    for (I && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", I, n); f.length; ) {
+    const p = d.focusScenePath, f = [...i], y = (w = this.serviceColloctor) == null ? void 0 : w.storage, M = [], N = s === P.Start && Date.now() || void 0;
+    for (N && this.mainEngine.internalMsgEmitter.emit("addUndoTicker", N, n); f.length; ) {
       const x = f.pop();
       if (!x)
         continue;
@@ -8516,7 +8520,7 @@ class _M extends Jt {
           for (const rt of O.selectIds) {
             const tt = (m = this.serviceColloctor) == null ? void 0 : m.isLocalId(rt), H = tt && ((S = this.serviceColloctor) == null ? void 0 : S.transformKey(rt)) || rt;
             let Z = H;
-            !tt && ((T = this.serviceColloctor) != null && T.isOwn(H)) && (Z = this.serviceColloctor.getLocalId(H));
+            !tt && ((I = this.serviceColloctor) != null && I.isOwn(H)) && (Z = this.serviceColloctor.getLocalId(H));
             const Q = this.control.textEditorManager.get(Z);
             Q && s === P.Start && this.targetText.set(Z, zt(Q));
           }
@@ -8693,7 +8697,7 @@ class tw extends Jt {
     g(this, "cacheOriginRotate", 0);
   }
   collect(t, e) {
-    var f, y, M, I, w;
+    var f, y, M, N, w;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: i, angle: s, workState: n, viewId: r } = t;
@@ -8706,15 +8710,15 @@ class tw extends Jt {
       const m = h.pop();
       if (!m)
         continue;
-      const S = m.toString(), T = this.serviceColloctor.isLocalId(S), v = T && this.serviceColloctor.transformKey(m) || S;
+      const S = m.toString(), I = this.serviceColloctor.isLocalId(S), v = I && this.serviceColloctor.transformKey(m) || S;
       let x = S;
-      !T && this.serviceColloctor.isOwn(x) && (x = this.serviceColloctor.getLocalId(x));
+      !I && this.serviceColloctor.isOwn(x) && (x = this.serviceColloctor.getLocalId(x));
       const L = u[r][l][v];
       if (L && x === $) {
         if (((y = L.selectIds) == null ? void 0 : y.length) === 1) {
           const A = L.selectIds[0];
           if (n === P.Start) {
-            const z = ((M = this.serviceColloctor) == null ? void 0 : M.isLocalId(A)) && ((I = this.serviceColloctor) == null ? void 0 : I.transformKey(A)) || A, E = u[r][l][z];
+            const z = ((M = this.serviceColloctor) == null ? void 0 : M.isLocalId(A)) && ((N = this.serviceColloctor) == null ? void 0 : N.transformKey(A)) || A, E = u[r][l][z];
             this.cacheOriginRotate = ((w = E == null ? void 0 : E.opt) == null ? void 0 : w.rotate) || 0;
           }
           const j = L.updateNodeOpt || {};
@@ -8743,15 +8747,15 @@ class tw extends Jt {
 }
 function ew(a) {
   switch (a) {
-    case N.Text:
+    case T.Text:
       return ie.Text;
-    case N.SpeechBalloon:
-    case N.Star:
-    case N.Ellipse:
-    case N.Rectangle:
-    case N.Triangle:
-    case N.Rhombus:
-    case N.Polygon:
+    case T.SpeechBalloon:
+    case T.Star:
+    case T.Ellipse:
+    case T.Rectangle:
+    case T.Triangle:
+    case T.Rhombus:
+    case T.Polygon:
       return ie.Shape;
   }
 }
@@ -8778,7 +8782,7 @@ class ow extends Jt {
     }
   }
   async collect(t) {
-    var w, m, S, T;
+    var w, m, S, I;
     if (!this.serviceColloctor || !this.mainEngine)
       return;
     const { workIds: e, bold: i, italic: s, lineThrough: n, underline: r, viewId: c, fontSize: l } = t, h = this.control.viewContainerManager.getView(c);
@@ -8797,7 +8801,7 @@ class ow extends Jt {
       const D = p[c][u][A] || void 0;
       if (D) {
         const O = D.updateNodeOpt || {};
-        if (i && (O.bold = i, f.bold = i === "bold"), s && (O.italic = s, f.italic = s === "italic"), Yt(n) && (O.lineThrough = n, f.lineThrough = n), Yt(r) && (O.underline = r, f.underline = r), l && (O.fontSize = l, f.textSize = l), D.toolsType === N.Text && D.opt) {
+        if (i && (O.bold = i, f.bold = i === "bold"), s && (O.italic = s, f.italic = s === "italic"), Yt(n) && (O.lineThrough = n, f.lineThrough = n), Yt(r) && (O.underline = r, f.underline = r), l && (O.fontSize = l, f.textSize = l), D.toolsType === T.Text && D.opt) {
           const z = this.setTextStyle(j, dt(D), O, c);
           M.push(z);
           continue;
@@ -8807,7 +8811,7 @@ class ow extends Jt {
             const E = (m = this.serviceColloctor) == null ? void 0 : m.isLocalId(z);
             let rt = E && ((S = this.serviceColloctor) == null ? void 0 : S.transformKey(z)) || z;
             const tt = p[c][u][rt] || void 0;
-            if (!E && ((T = this.serviceColloctor) != null && T.isOwn(rt)) && (rt = this.serviceColloctor.getLocalId(rt)), tt && tt.toolsType === N.Text && D.opt) {
+            if (!E && ((I = this.serviceColloctor) != null && I.isOwn(rt)) && (rt = this.serviceColloctor.getLocalId(rt)), tt && tt.toolsType === T.Text && D.opt) {
               const H = this.setTextStyle(rt, dt(tt), O, c);
               M.push(H);
               continue;
@@ -8815,8 +8819,8 @@ class ow extends Jt {
           }
       }
     }
-    const I = await Promise.all(M);
-    for (const v of I)
+    const N = await Promise.all(M);
+    for (const v of N)
       if (v) {
         const { key: x, textInfo: L } = v;
         L && (L.canSync = !0, L.canWorker = !0, this.control.textEditorManager.updateForViewEdited(x, L));
@@ -8849,9 +8853,9 @@ class iw extends Jt {
     const p = d.toString(), f = this.serviceColloctor.isLocalId(p), y = f && this.serviceColloctor.transformKey(d) || p;
     let M = p;
     !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
-    const I = l[n][c][y];
-    if (I && M === $ && I.selectIds) {
-      const m = I.updateNodeOpt || {};
+    const N = l[n][c][y];
+    if (N && M === $ && N.selectIds) {
+      const m = N.updateNodeOpt || {};
       m.pointMap = i, m.workState = s;
       const S = {
         workId: d,
@@ -8892,9 +8896,9 @@ class sw extends Jt {
       const p = d.toString(), f = this.serviceColloctor.isLocalId(p), y = f ? this.serviceColloctor.transformKey(d) : p;
       let M = p;
       !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
-      const I = l[s][r][y] || void 0;
-      if (I) {
-        const w = I.updateNodeOpt || {};
+      const N = l[s][r][y] || void 0;
+      if (N) {
+        const w = N.updateNodeOpt || {};
         w.isLocked = i;
         const m = {
           workId: M,
@@ -8937,14 +8941,14 @@ class nw extends Jt {
       const p = d.toString(), f = this.serviceColloctor.isLocalId(p), y = f ? this.serviceColloctor.transformKey(d) : p;
       let M = p;
       !f && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
-      const I = l[i][r][y] || void 0;
-      if (I) {
+      const N = l[i][r][y] || void 0;
+      if (N) {
         const w = {
-          ...I.updateNodeOpt,
+          ...N.updateNodeOpt,
           ...s,
           willRefresh: !0
         };
-        if (I && M === $) {
+        if (N && M === $) {
           const m = {
             workId: M,
             msgType: b.UpdateNode,
@@ -9121,7 +9125,7 @@ class aw {
     this.subLocalWork = new cw(n);
   }
   createScene(o) {
-    return new gs({
+    return new ys({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -9268,14 +9272,14 @@ class cw {
     this.thread.subLocalLayer.removeAllChildren(), this.workShapes.clear();
   }
   canUseSubWorkerLayer(o) {
-    return o === N.Pencil;
+    return o === T.Pencil;
   }
   setToolsOpt(o) {
     var t;
     this.tmpOpt = o, (t = o.toolsOpt) != null && t.syncUnitTime && (this.syncUnitTime = o.toolsOpt.syncUnitTime);
   }
   createWorkShapeNode(o) {
-    return li({ ...o, fullLayer: this.thread.subLocalLayer, drawLayer: this.thread.subLocalLayer });
+    return hi({ ...o, fullLayer: this.thread.subLocalLayer, drawLayer: this.thread.subLocalLayer });
   }
   clearWorkShapeNodeCache(o) {
     this.workShapes.delete(o);
@@ -9387,39 +9391,39 @@ class uw extends hw {
   get isRunSubWork() {
     var e;
     const t = (e = this.currentToolsData) == null ? void 0 : e.toolsType;
-    return t === N.Pencil || t === N.LaserPen || t === N.Arrow || t === N.Straight || t === N.Ellipse || t === N.Rectangle || t === N.Star || t === N.Polygon || t === N.SpeechBalloon;
+    return t === T.Pencil || t === T.LaserPen || t === T.Arrow || t === T.Straight || t === T.Ellipse || t === T.Rectangle || t === T.Star || t === T.Polygon || t === T.SpeechBalloon;
   }
   get isCanDrawWork() {
     var e;
     const t = (e = this.currentToolsData) == null ? void 0 : e.toolsType;
-    return t === N.Pencil || t === N.LaserPen || t === N.Arrow || t === N.Straight || t === N.Ellipse || t === N.Rectangle || t === N.Star || t === N.Polygon || t === N.SpeechBalloon || t === N.Triangle || t === N.Rhombus || t === N.BitMapEraser;
+    return t === T.Pencil || t === T.LaserPen || t === T.Arrow || t === T.Straight || t === T.Ellipse || t === T.Rectangle || t === T.Star || t === T.Polygon || t === T.SpeechBalloon || t === T.Triangle || t === T.Rhombus || t === T.BitMapEraser;
   }
   get isUseZIndex() {
     var e;
     const t = (e = this.currentToolsData) == null ? void 0 : e.toolsType;
-    return t === N.Pencil || t === N.Arrow || t === N.Straight || t === N.Ellipse || t === N.Rectangle || t === N.Star || t === N.Polygon || t === N.SpeechBalloon || t === N.Text || t === N.Image;
+    return t === T.Pencil || t === T.Arrow || t === T.Straight || t === T.Ellipse || t === T.Rectangle || t === T.Star || t === T.Polygon || t === T.SpeechBalloon || t === T.Text || t === T.Image;
   }
   get isCanRecordUndoRedo() {
     var e;
     const t = (e = this.currentToolsData) == null ? void 0 : e.toolsType;
-    return t === N.Pencil || t === N.Eraser || t === N.BitMapEraser || t === N.Arrow || t === N.Straight || t === N.Ellipse || t === N.Rectangle || t === N.Star || t === N.Polygon || t === N.SpeechBalloon || t === N.Text || t === N.Image;
+    return t === T.Pencil || t === T.Eraser || t === T.BitMapEraser || t === T.Arrow || t === T.Straight || t === T.Ellipse || t === T.Rectangle || t === T.Star || t === T.Polygon || t === T.SpeechBalloon || t === T.Text || t === T.Image;
   }
   get isCanSentCursor() {
     var e;
     const t = (e = this.currentToolsData) == null ? void 0 : e.toolsType;
-    return t === N.Pencil || t === N.Text || t === N.LaserPen || t === N.Arrow || t === N.Straight || t === N.Ellipse || t === N.Rectangle || t === N.Star || t === N.Polygon || t === N.SpeechBalloon || t === N.Triangle || t === N.Rhombus || t === N.Eraser || t === N.PencilEraser || t === N.BitMapEraser;
+    return t === T.Pencil || t === T.Text || t === T.LaserPen || t === T.Arrow || t === T.Straight || t === T.Ellipse || t === T.Rectangle || t === T.Star || t === T.Polygon || t === T.SpeechBalloon || t === T.Triangle || t === T.Rhombus || t === T.Eraser || t === T.PencilEraser || t === T.BitMapEraser;
   }
   get isCanStartEventConsum() {
     var e;
     const t = (e = this.currentToolsData) == null ? void 0 : e.toolsType;
-    return t === N.Selector || t === N.Eraser || t === N.PencilEraser || t === N.BitMapEraser;
+    return t === T.Selector || t === T.Eraser || t === T.PencilEraser || t === T.BitMapEraser;
   }
   async init() {
     this.destroy(), await this.on(), this.internalMsgEmitterListener(), this.isActive = !0;
   }
   async useMainThread() {
     console.info("no OffscreenCanvas");
-    const { MainThreadManagerImpl: t } = await import("./index-CPEJsBxo.mjs");
+    const { MainThreadManagerImpl: t } = await import("./index-q_QiZFx8.mjs");
     this.mainThread = new t(this);
   }
   async on() {
@@ -9528,11 +9532,11 @@ class uw extends hw {
         fillColor: f,
         willSyncService: y,
         isSync: M,
-        imageBitmap: I,
+        imageBitmap: N,
         canvasHeight: w,
         canvasWidth: m,
         rect: S,
-        op: T,
+        op: I,
         canTextEdit: v,
         points: x,
         selectorColor: L,
@@ -9564,9 +9568,9 @@ class uw extends hw {
           break;
         }
         case b.Snapshot:
-          if (I && J) {
+          if (N && J) {
             const V = this.snapshotMap.get(J);
-            V && V(I);
+            V && V(N);
           }
           break;
         case b.BoundingBox:
@@ -9576,7 +9580,7 @@ class uw extends hw {
           }
           break;
         case b.Cursor:
-          T && this.control.cursor.collectServiceCursor({ ...c });
+          I && this.control.cursor.collectServiceCursor({ ...c });
           break;
         case b.Clear:
           if (E) {
@@ -9586,7 +9590,7 @@ class uw extends hw {
           }
           break;
         case b.TextUpdate:
-          if (O === N.Text && z && E) {
+          if (O === T.Text && z && E) {
             const V = this.viewContainerManager.transformToOriginPoint((u == null ? void 0 : u.boxPoint) || [0, 0], E), ut = (u == null ? void 0 : u.boxSize) || [0, 0], wt = (n = this.viewContainerManager.getView(E)) == null ? void 0 : n.cameraOpt;
             u ? this.control.textEditorManager.updateTextForWorker({
               x: V[0],
@@ -9604,7 +9608,7 @@ class uw extends hw {
           }
           break;
         case b.GetTextActive:
-          O === N.Text && z && E && this.control.textEditorManager.updateTextForWorker({
+          O === T.Text && z && E && this.control.textEditorManager.updateTextForWorker({
             workId: z,
             isActive: !0,
             viewId: E,
@@ -9654,12 +9658,12 @@ class uw extends hw {
   collectorAsyncData(t) {
     var e, i, s, n;
     for (const r of t) {
-      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: p, opt: f, updateNodeOpt: y, toolsType: M, isSync: I, viewId: w, isLockSentEventCursor: m, nextTasks: S } = r;
+      const { type: c, op: l, workId: h, index: u, removeIds: d, ops: p, opt: f, updateNodeOpt: y, toolsType: M, isSync: N, viewId: w, isLockSentEventCursor: m, nextTasks: S } = r;
       if (!w) {
         console.error("collectorAsyncData", r);
         return;
       }
-      const T = r.scenePath || this.viewContainerManager.getCurScenePath(w);
+      const I = r.scenePath || this.viewContainerManager.getCurScenePath(w);
       switch (c) {
         case b.None: {
           m && Zt(() => {
@@ -9675,9 +9679,9 @@ class uw extends hw {
             toolsType: M,
             workId: h,
             index: u,
-            isSync: I,
+            isSync: N,
             viewId: w,
-            scenePath: T,
+            scenePath: I,
             updateNodeOpt: y
           });
           break;
@@ -9690,20 +9694,20 @@ class uw extends hw {
             updateNodeOpt: y,
             opt: f,
             toolsType: M,
-            isSync: I,
+            isSync: N,
             viewId: w,
-            scenePath: T
+            scenePath: I
           }), this.willSelectorWorkId && h && h.toString() === this.willSelectorWorkId && this.control.runEffectWork(() => {
             this.setShapeSelectorByWorkId(this.willSelectorWorkId, w), this.willSelectorWorkId = void 0;
           });
           break;
         }
         case b.UpdateNode: {
-          (s = this.collector) == null || s.dispatch({ type: c, updateNodeOpt: y, workId: h, opt: f, ops: p, op: l, isSync: I, viewId: w, scenePath: T });
+          (s = this.collector) == null || s.dispatch({ type: c, updateNodeOpt: y, workId: h, opt: f, ops: p, op: l, isSync: N, viewId: w, scenePath: I });
           break;
         }
         case b.RemoveNode: {
-          d && this.control.textEditorManager.deleteBatch(d, !1, !1), (n = this.collector) == null || n.dispatch({ type: c, removeIds: d, isSync: I, viewId: w, scenePath: T }), this.willSelectorWorkId && (d != null && d.includes(this.willSelectorWorkId)) && (this.willSelectorWorkId = void 0);
+          d && this.control.textEditorManager.deleteBatch(d, !1, !1), (n = this.collector) == null || n.dispatch({ type: c, removeIds: d, isSync: N, viewId: w, scenePath: I }), this.willSelectorWorkId && (d != null && d.includes(this.willSelectorWorkId)) && (this.willSelectorWorkId = void 0);
           break;
         }
       }
@@ -9719,7 +9723,7 @@ class uw extends hw {
       return;
     const { focusScenePath: s, cameraOpt: n } = i, r = this.viewContainerManager.transformToScenePoint(t, e), c = [];
     for (const h of this.localPointsBatchData.keys())
-      if (((l = this.currentToolsData) == null ? void 0 : l.toolsType) === N.Text) {
+      if (((l = this.currentToolsData) == null ? void 0 : l.toolsType) === T.Text) {
         const u = this.getLocalPointInfo(h), d = u == null ? void 0 : u.state;
         if (d && d === P.Start) {
           const p = this.currentLocalWorkData.toolsOpt;
@@ -9761,7 +9765,7 @@ class uw extends hw {
   }
   onLocalEventDoing(t, e) {
     var s;
-    if (((s = this.currentToolsData) == null ? void 0 : s.toolsType) === N.Text)
+    if (((s = this.currentToolsData) == null ? void 0 : s.toolsType) === T.Text)
       return;
     this.currentLocalWorkData.workState === P.Start && this.setCurrentLocalWorkData({ ...this.currentLocalWorkData, workState: P.Doing });
     let i = !1;
@@ -9779,14 +9783,14 @@ class uw extends hw {
   onLocalEventStart(t, e) {
     var r, c, l, h, u, d;
     this.viewContainerManager.focuedViewId !== e && this.viewContainerManager.setFocuedViewId(e), this.isCanDrawWork && this.control.room && !this.control.room.disableDeviceInputs && (this.control.room.disableDeviceInputs = !0);
-    const i = ((r = this.currentToolsData) == null ? void 0 : r.toolsType) === N.Selector ? $ : Date.now(), s = this.setZIndex(e);
+    const i = ((r = this.currentToolsData) == null ? void 0 : r.toolsType) === T.Selector ? $ : Date.now(), s = this.setZIndex(e);
     this.setCurrentLocalWorkData({
       workState: P.Start,
       toolsOpt: s,
       viewId: e
     });
     const n = this.viewContainerManager.transformToScenePoint(t, e);
-    if (this.pushLocalPoint(i, n, P.Start, e, s), ((c = this.currentToolsData) == null ? void 0 : c.toolsType) !== N.Text) {
+    if (this.pushLocalPoint(i, n, P.Start, e, s), ((c = this.currentToolsData) == null ? void 0 : c.toolsType) !== T.Text) {
       if (this.control.textEditorManager.checkEmptyTextBlur(), this.isCanRecordUndoRedo && this.internalMsgEmitter.emit("addUndoTicker", i, e), i && s && ((l = this.currentToolsData) != null && l.toolsType) && this.isCanStartEventConsum && this.prepareOnceWork({ workId: i, toolsOpt: s, viewId: e }, (h = this.currentToolsData) == null ? void 0 : h.toolsType), this.maxDrawCount = 0, this.wokerDrawCount = 0, this.subWorkerDrawCount = 0, this.clearReRenders(1 / 0), (u = this.subMainThreadWorker) == null || u.clearDrawCount(e), this.isCanDrawWork) {
         const p = this.viewContainerManager.getCurScenePath(e);
         p && ((d = this.collector) != null && d.hasSelector(e, p)) && this.blurSelector(e, p);
@@ -9849,9 +9853,9 @@ class uw extends hw {
     const s = (r = this.collector) == null ? void 0 : r.uid, n = this.viewContainerManager.getCurScenePath(i);
     if (!(s && !this.control.renderControl.isWriteable())) {
       switch ((c = this.currentToolsData) == null ? void 0 : c.toolsType) {
-        case N.Eraser:
-        case N.PencilEraser:
-        case N.BitMapEraser: {
+        case T.Eraser:
+        case T.PencilEraser:
+        case T.BitMapEraser: {
           if (s && !this.control.renderControl.isClearAble({ uid: s, viewId: i, scenePath: n }))
             return;
           break;
@@ -9864,7 +9868,7 @@ class uw extends hw {
       }
       switch (Zt(() => {
         this.control.pluginManager.dispatchPluginEvent("localEvent", i, t, e);
-      }, hi), t) {
+      }, ui), t) {
         case P.Start:
           this.setLocalWorkViewId(i), i && this.onLocalEventStart(e, i);
           break;
@@ -9949,7 +9953,7 @@ class uw extends hw {
     }), this.control.renderControl.destoryByViewId(t, e);
   }
   onServiceDerive(t, e) {
-    var p, f, y, M, I;
+    var p, f, y, M, N;
     const { newValue: i, oldValue: s, viewId: n, scenePath: r } = e, c = dt(i) || {}, l = t;
     let h = c.type;
     if (!i && s) {
@@ -9957,7 +9961,7 @@ class uw extends hw {
         this.collector.isOwn(l) ? this.blurSelector(n, r) : this.blurSelector(n, r, l);
         return;
       }
-      if (h = b.RemoveNode, s.toolsType === N.LaserPen)
+      if (h = b.RemoveNode, s.toolsType === T.LaserPen)
         return;
     }
     const u = (f = this.viewContainerManager.getView(n)) == null ? void 0 : f.focusScenePath;
@@ -9967,17 +9971,17 @@ class uw extends hw {
       if (!this.control.renderControl.isFilterAble({ viewId: n, elementId: t, scenePath: r }, h))
         return;
       const w = c;
-      if (w.workId = (y = this.collector) != null && y.isOwn(l) ? (M = this.collector) == null ? void 0 : M.getLocalId(l) : l, w.msgType = h, w.toolsType === N.LaserPen && (w.isRunSubWork = !0), w.dataType = U.Service, w.viewId = n, w.scenePath = r, w.selectIds && (w.selectIds = w.selectIds.map((m) => {
-        var S, T;
-        return (S = this.collector) != null && S.isOwn(m) ? (T = this.collector) == null ? void 0 : T.getLocalId(m) : m;
-      })), w && w.toolsType === N.Text || (s == null ? void 0 : s.toolsType) === N.Text) {
+      if (w.workId = (y = this.collector) != null && y.isOwn(l) ? (M = this.collector) == null ? void 0 : M.getLocalId(l) : l, w.msgType = h, w.toolsType === T.LaserPen && (w.isRunSubWork = !0), w.dataType = U.Service, w.viewId = n, w.scenePath = r, w.selectIds && (w.selectIds = w.selectIds.map((m) => {
+        var S, I;
+        return (S = this.collector) != null && S.isOwn(m) ? (I = this.collector) == null ? void 0 : I.getLocalId(m) : m;
+      })), w && w.toolsType === T.Text || (s == null ? void 0 : s.toolsType) === T.Text) {
         this.control.textEditorManager.onServiceDerive(w);
         return;
       }
       this.taskBatchData.add(w);
     }
     this.runAnimation();
-    const d = e.newValue && ((I = e.newValue.opt) == null ? void 0 : I.zIndex);
+    const d = e.newValue && ((N = e.newValue.opt) == null ? void 0 : N.zIndex);
     if (this.zIndexNodeMethod && ot(d)) {
       const w = this.zIndexNodeMethod.getMinZIndex(n);
       this.zIndexNodeMethod.getMaxZIndex(n) < d && this.zIndexNodeMethod.setMaxZIndex(d, n), w > d && this.zIndexNodeMethod.setMinZIndex(d, n);
@@ -10000,9 +10004,9 @@ class uw extends hw {
             continue;
           const y = s[p];
           if (y.workId = (h = this.collector) != null && h.isOwn(p) ? (u = this.collector) == null ? void 0 : u.getLocalId(p) : p, y.msgType = f, y.dataType = U.Service, y.viewId = t, y.scenePath = e, y.useAnimation = !!r, y.selectIds && (y.selectIds = y.selectIds.map((M) => {
-            var I, w;
-            return (I = this.collector) != null && I.isOwn(M) ? (w = this.collector) == null ? void 0 : w.getLocalId(M) : M;
-          })), y.toolsType === N.Text) {
+            var N, w;
+            return (N = this.collector) != null && N.isOwn(M) ? (w = this.collector) == null ? void 0 : w.getLocalId(M) : M;
+          })), y.toolsType === T.Text) {
             this.control.textEditorManager.onServiceDerive(y);
             continue;
           }
@@ -10273,7 +10277,7 @@ class uw extends hw {
   }
   hoverCursor(t, e) {
     var i;
-    if (((i = this.currentToolsData) == null ? void 0 : i.toolsType) === N.Selector) {
+    if (((i = this.currentToolsData) == null ? void 0 : i.toolsType) === T.Selector) {
       const s = this.viewContainerManager.getView(e);
       if (s && s.displayer && s.displayer.vDom) {
         const c = s.displayer.vDom.state.floatBarData;
@@ -10304,7 +10308,7 @@ class uw extends hw {
   }
   blurCursor(t) {
     var i;
-    if (((i = this.currentToolsData) == null ? void 0 : i.toolsType) !== N.Selector)
+    if (((i = this.currentToolsData) == null ? void 0 : i.toolsType) !== T.Selector)
       return;
     const e = {
       msgType: b.CursorBlur,
@@ -10326,9 +10330,9 @@ class uw extends hw {
       return;
     const i = (r = this.collector) == null ? void 0 : r.uid, s = this.viewContainerManager.getCurScenePath(e);
     switch ((c = this.currentToolsData) == null ? void 0 : c.toolsType) {
-      case N.Eraser:
-      case N.PencilEraser:
-      case N.BitMapEraser: {
+      case T.Eraser:
+      case T.PencilEraser:
+      case T.BitMapEraser: {
         if (i && !this.control.renderControl.isClearAble({ uid: i, viewId: e, filterLocalSelf: !1, scenePath: s }))
           return;
         break;
@@ -10382,7 +10386,7 @@ class uw extends hw {
         const f = this.viewContainerManager.mainView;
         if (!f)
           return;
-        const y = e || ((h = f.cameraOpt) == null ? void 0 : h.width), M = i || ((u = f.cameraOpt) == null ? void 0 : u.height), I = {
+        const y = e || ((h = f.cameraOpt) == null ? void 0 : h.width), M = i || ((u = f.cameraOpt) == null ? void 0 : u.height), N = {
           msgType: b.Snapshot,
           dataType: U.Local,
           scenePath: t,
@@ -10398,7 +10402,7 @@ class uw extends hw {
           viewId: f.id
           // maxZIndex: this.zIndexNodeMethod?.getMaxZIndex(viewId)
         };
-        return this.taskBatchData.add(I), this.runAnimation(), new Promise((w) => {
+        return this.taskBatchData.add(N), this.runAnimation(), new Promise((w) => {
           this.snapshotMap.set(t, w);
         }).then((w) => (this.snapshotMap.delete(t), w));
       }
@@ -10436,7 +10440,7 @@ class uw extends hw {
       this.zIndexNodeMethod && (this.zIndexNodeMethod.addMaxLayer(t), l.zIndex = this.zIndexNodeMethod.getMaxZIndex(t)), this.taskBatchData.add({
         msgType: b.FullWork,
         dataType: U.Local,
-        toolsType: N.Image,
+        toolsType: T.Image,
         workId: e.uuid,
         opt: l,
         viewId: t,
@@ -10464,7 +10468,7 @@ class uw extends hw {
       this.zIndexNodeMethod && (this.zIndexNodeMethod.addMaxLayer(t), l.zIndex = this.zIndexNodeMethod.getMaxZIndex(t)), this.taskBatchData.add({
         msgType: b.FullWork,
         dataType: U.Local,
-        toolsType: N.Image,
+        toolsType: T.Image,
         workId: e.uuid,
         opt: l,
         viewId: t,
@@ -10484,14 +10488,14 @@ class uw extends hw {
       if (!l)
         return;
       for (const [h, u] of Object.entries(l))
-        if (u && u.toolsType === N.Image && u.opt.uuid === e) {
+        if (u && u.toolsType === T.Image && u.opt.uuid === e) {
           const d = Date.now();
           Ct.InternalMsgEmitter.emit("addUndoTicker", d, t);
           const p = (r = this.collector) != null && r.isOwn(h) ? (c = this.collector) == null ? void 0 : c.getLocalId(h) : h, f = { ...u.opt, locked: i, type: ze.Image };
           this.taskBatchData.add({
             msgType: b.FullWork,
             dataType: U.Local,
-            toolsType: N.Image,
+            toolsType: T.Image,
             workId: p,
             opt: f,
             viewId: t,
@@ -10520,7 +10524,7 @@ class uw extends hw {
       if (!i)
         return e;
       for (const s of Object.values(i))
-        if (s && s.toolsType === N.Image) {
+        if (s && s.toolsType === T.Image) {
           const n = s.opt;
           e.push({
             uuid: n.uuid,
@@ -10671,7 +10675,7 @@ class dw {
   }
   get isSelector() {
     var o;
-    return ((o = this.control.worker.currentToolsData) == null ? void 0 : o.toolsType) === N.Selector;
+    return ((o = this.control.worker.currentToolsData) == null ? void 0 : o.toolsType) === T.Selector;
   }
   get collector() {
     return this.control.collector;
@@ -11041,13 +11045,13 @@ class pw {
         const { render: p, pages: f } = d;
         if (!p)
           return !0;
-        const y = (u = this.control.collector) == null ? void 0 : u.uid, M = p === "localSelf" ? y : p, I = M && f.get(M) || void 0;
-        if (I)
+        const y = (u = this.control.collector) == null ? void 0 : u.uid, M = p === "localSelf" ? y : p, N = M && f.get(M) || void 0;
+        if (N)
           switch (t) {
             case b.RemoveNode:
               return !0;
             default:
-              return I.has(s);
+              return N.has(s);
           }
         return !1;
       }
@@ -11201,7 +11205,7 @@ class fw {
     g(this, "showId");
     g(this, "color");
     g(this, "timer");
-    g(this, "updateMiniMapCamera", ys(async (o) => {
+    g(this, "updateMiniMapCamera", Ms(async (o) => {
       const t = this.maps.get(o);
       if (t) {
         const e = await this.getMiniMapCamera(o);
@@ -11279,7 +11283,7 @@ class fw {
       height: e.height / e.scale
     };
     let n = await this.control.getBoundingRect(i) || s;
-    n = ui(n, s) || s;
+    n = di(n, s) || s;
     let r = n.width, c = n.height, l = 1;
     const h = r > e.width && Math.min(e.width / r, l) || l, u = c > e.height && Math.min(e.height / c, l) || l;
     return h <= u ? (r = h < 1 && e.width || r, c = Math.floor(c * h) + 1, l = h) : h > u && (c = u < 1 && e.height || c, r = Math.floor(r * u) + 1, l = u), {
@@ -11346,7 +11350,7 @@ class yw {
 }
 const ye = class ye {
   constructor(o) {
-    g(this, "version", Hs);
+    g(this, "version", Qs);
     g(this, "plugin");
     g(this, "room");
     g(this, "play");
@@ -11410,7 +11414,7 @@ const ye = class ye {
     this.priority = o, this.hasOffscreenCanvas() && ((t = this.worker) == null || t.setPriority(o));
   }
   hasOffscreenCanvas() {
-    return Qs === "worker";
+    return ri === "worker";
   }
   bindPlugin(o) {
     var t, e;
@@ -11439,37 +11443,37 @@ const ye = class ye {
     const t = o.currentApplianceName;
     switch (this.hasSwitchToSelectorEffect = !1, t) {
       case nt.text:
-        return o.textCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Text;
+        return o.textCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), T.Text;
       case nt.pencil:
-        return o.useLaserPen ? N.LaserPen : N.Pencil;
+        return o.useLaserPen ? T.LaserPen : T.Pencil;
       case nt.eraser:
-        return N.Eraser;
+        return T.Eraser;
       case nt.pencilEraser:
-        return ((e = this.pluginOptions.pencilEraser) == null ? void 0 : e.useBitMap) === !1 ? N.PencilEraser : N.BitMapEraser;
+        return ((e = this.pluginOptions.pencilEraser) == null ? void 0 : e.useBitMap) === !1 ? T.PencilEraser : T.BitMapEraser;
       case nt.selector:
-        return N.Selector;
+        return T.Selector;
       case nt.arrow:
-        return o.arrowCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Arrow;
+        return o.arrowCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), T.Arrow;
       case nt.straight:
-        return o.straightCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Straight;
+        return o.straightCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), T.Straight;
       case nt.ellipse:
-        return o.ellipseCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Ellipse;
+        return o.ellipseCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), T.Ellipse;
       case nt.rectangle:
-        return o.rectangleCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), N.Rectangle;
+        return o.rectangleCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), T.Rectangle;
       case nt.shape:
         if (o.shapeCompleteToSelector && (this.hasSwitchToSelectorEffect = !0), o.shapeType === te.Pentagram || o.shapeType === te.Star)
-          return N.Star;
+          return T.Star;
         if (o.shapeType === te.Polygon || o.shapeType === te.Triangle || o.shapeType === te.Rhombus)
-          return N.Polygon;
+          return T.Polygon;
         if (o.shapeType === te.SpeechBalloon)
-          return N.SpeechBalloon;
+          return T.SpeechBalloon;
         break;
     }
-    return N.Clicker;
+    return T.Clicker;
   }
   /** 获取当前工具默认配置 */
   getToolsOpt(o, t) {
-    if (o === N.Clicker)
+    if (o === T.Clicker)
       return {
         toolsType: o,
         toolsOpt: {}
@@ -11480,30 +11484,30 @@ const ye = class ye {
       isOpacity: (t == null ? void 0 : t.strokeOpacity) && t.strokeOpacity < 1 || (t == null ? void 0 : t.fillOpacity) && t.fillOpacity < 1 || (t == null ? void 0 : t.textOpacity) && t.textOpacity < 1 || (t == null ? void 0 : t.textBgOpacity) && t.textBgOpacity < 1 || !1
     };
     switch (o) {
-      case N.Text:
+      case T.Text:
         e.fontFamily = window.getComputedStyle(document.documentElement).getPropertyValue("font-family"), e.fontSize = (t == null ? void 0 : t.textSizeOverride) || (t == null ? void 0 : t.textSize) || Number(window.getComputedStyle(document.body).fontSize), e.textAlign = (t == null ? void 0 : t.textAlign) || "left", e.verticalAlign = (t == null ? void 0 : t.verticalAlign) || "middle", e.fontColor = (t == null ? void 0 : t.textColor) && Fe(t.textColor[0], t.textColor[1], t.textColor[2], t.textOpacity || 1) || e.strokeColor || "rgba(0,0,0,1)", e.fontBgColor = Array.isArray(t == null ? void 0 : t.textBgColor) && Fe(t.textBgColor[0], t.textBgColor[1], t.textBgColor[2], t.textBgOpacity || 1) || "transparent", e.bold = (t == null ? void 0 : t.bold) && "bold" || void 0, e.italic = (t == null ? void 0 : t.italic) && "italic" || void 0, e.underline = (t == null ? void 0 : t.underline) || void 0, e.lineThrough = (t == null ? void 0 : t.lineThrough) || void 0, e.text = "", e.strokeColor = void 0;
         break;
-      case N.Pencil:
+      case T.Pencil:
         e.strokeType = (t == null ? void 0 : t.strokeType) || et.Normal;
         break;
-      case N.PencilEraser:
-      case N.BitMapEraser:
-      case N.Eraser:
+      case T.PencilEraser:
+      case T.BitMapEraser:
+      case T.Eraser:
         e.thickness = Math.min(3, Math.max(1, Math.floor(t.pencilEraserSize || 1))) - 1;
         break;
-      case N.LaserPen:
+      case T.LaserPen:
         e.duration = (t == null ? void 0 : t.duration) || 1, t != null && t.strokeType && (t == null ? void 0 : t.strokeType) === et.Stroke ? e.strokeType = et.Normal : e.strokeType = (t == null ? void 0 : t.strokeType) || et.Normal;
         break;
-      case N.Arrow:
-      case N.Straight:
+      case T.Arrow:
+      case T.Straight:
         t != null && t.strokeType && (t == null ? void 0 : t.strokeType) === et.Stroke ? e.strokeType = et.Normal : e.strokeType = (t == null ? void 0 : t.strokeType) || et.Normal;
         break;
-      case N.Ellipse:
-      case N.Rectangle:
-      case N.Star:
-      case N.Polygon:
-      case N.SpeechBalloon:
-        t != null && t.strokeType && (t == null ? void 0 : t.strokeType) === et.Stroke ? e.strokeType = et.Normal : e.strokeType = (t == null ? void 0 : t.strokeType) || et.Normal, o === N.Star && (t.shapeType === te.Pentagram ? (e.vertices = 10, e.innerVerticeStep = 2, e.innerRatio = 0.4) : t != null && t.vertices && (t != null && t.innerVerticeStep) && (t != null && t.innerRatio) && (e.vertices = t.vertices, e.innerVerticeStep = t.innerVerticeStep, e.innerRatio = t.innerRatio)), o === N.Polygon && (t.shapeType === te.Triangle ? e.vertices = 3 : t.shapeType === te.Rhombus ? e.vertices = 4 : t.vertices && (e.vertices = t.vertices)), e.fillColor = (t == null ? void 0 : t.fillColor) && Fe(t.fillColor[0], t.fillColor[1], t.fillColor[2], t == null ? void 0 : t.fillOpacity) || "transparent", o === N.SpeechBalloon && (e.placement = t.placement || "bottomLeft");
+      case T.Ellipse:
+      case T.Rectangle:
+      case T.Star:
+      case T.Polygon:
+      case T.SpeechBalloon:
+        t != null && t.strokeType && (t == null ? void 0 : t.strokeType) === et.Stroke ? e.strokeType = et.Normal : e.strokeType = (t == null ? void 0 : t.strokeType) || et.Normal, o === T.Star && (t.shapeType === te.Pentagram ? (e.vertices = 10, e.innerVerticeStep = 2, e.innerRatio = 0.4) : t != null && t.vertices && (t != null && t.innerVerticeStep) && (t != null && t.innerRatio) && (e.vertices = t.vertices, e.innerVerticeStep = t.innerVerticeStep, e.innerRatio = t.innerRatio)), o === T.Polygon && (t.shapeType === te.Triangle ? e.vertices = 3 : t.shapeType === te.Rhombus ? e.vertices = 4 : t.vertices && (e.vertices = t.vertices)), e.fillColor = (t == null ? void 0 : t.fillColor) && Fe(t.fillColor[0], t.fillColor[1], t.fillColor[2], t == null ? void 0 : t.fillOpacity) || "transparent", o === T.SpeechBalloon && (e.placement = t.placement || "bottomLeft");
         break;
     }
     return {
@@ -11515,24 +11519,24 @@ const ye = class ye {
   effectViewContainer(o) {
     var t, e, i, s, n;
     switch (o) {
-      case N.Text:
-      case N.Pencil:
-      case N.LaserPen:
-      case N.Arrow:
-      case N.Straight:
-      case N.Rectangle:
-      case N.Ellipse:
-      case N.Star:
-      case N.Polygon:
-      case N.SpeechBalloon:
-      case N.Triangle:
-      case N.Rhombus:
-      case N.Eraser:
-      case N.PencilEraser:
-      case N.BitMapEraser:
+      case T.Text:
+      case T.Pencil:
+      case T.LaserPen:
+      case T.Arrow:
+      case T.Straight:
+      case T.Rectangle:
+      case T.Ellipse:
+      case T.Star:
+      case T.Polygon:
+      case T.SpeechBalloon:
+      case T.Triangle:
+      case T.Rhombus:
+      case T.Eraser:
+      case T.PencilEraser:
+      case T.BitMapEraser:
         this.room.disableDeviceInputs = !0, (t = this.worker) == null || t.abled();
         break;
-      case N.Selector:
+      case T.Selector:
         this.room.disableDeviceInputs = !1, (e = this.cursor) == null || e.unabled(), (i = this.worker) == null || i.abled();
         break;
       default:
@@ -11681,7 +11685,7 @@ const Me = class Me {
     g(this, "scenePath");
     g(this, "tickStartStorerCache");
     g(this, "excludeIds", /* @__PURE__ */ new Set());
-    g(this, "onChangeScene", ys(() => {
+    g(this, "onChangeScene", Ms(() => {
       const o = this.control.viewContainerManager.getCurScenePath(this.viewId);
       if (o) {
         let t = this.undoStack.filter((i) => i.scenePath === o).length;
@@ -11851,7 +11855,7 @@ const Me = class Me {
     return !!t.includes(e);
   }
   refreshPlugin(o, t = !1) {
-    var n, r, c, l, h, u, d, p, f, y, M, I, w, m, S, T, v, x, L, A, j;
+    var n, r, c, l, h, u, d, p, f, y, M, N, w, m, S, I, v, x, L, A, j;
     let e;
     const { scenePath: i } = o, s = o.data;
     if (!(!s || !this.collector))
@@ -11903,7 +11907,7 @@ const Me = class Me {
                     Q && (z.selectIds = H.filter((G) => !!G));
                   }
                 }
-                (I = this.collector) == null || I.updateValue(D.key, D.data, { isAfterUpdate: !0, viewId: this.viewId, scenePath: i, isSync: !0 });
+                (N = this.collector) == null || N.updateValue(D.key, D.data, { isAfterUpdate: !0, viewId: this.viewId, scenePath: i, isSync: !0 });
               }
             }
             break;
@@ -11924,7 +11928,7 @@ const Me = class Me {
                     let G = !1;
                     for (const K of Q)
                       for (let at = 0; at < Z.length; at++)
-                        K != null && K.selectIds && ((T = K.selectIds) != null && T.includes(Z[at])) && (delete Z[at], G = !0);
+                        K != null && K.selectIds && ((I = K.selectIds) != null && I.includes(Z[at])) && (delete Z[at], G = !0);
                     G && (H.selectIds = Z.filter((K) => !!K));
                   }
                 }
@@ -12013,7 +12017,7 @@ class $e {
   }
   validator(o, t, e) {
     var n;
-    const i = Mi(o[t]), s = Mi(e);
+    const i = wi(o[t]), s = wi(e);
     t === "focusScenePath" && e && !ft(i, s) && (this.control.internalSceneChange(o.id, s), (n = this.focuedView) == null || n.displayer.commiter.onChangeScene()), t === "cameraOpt" && !ft(i, s) && this.control.internalCameraChange(o.id, s);
   }
   destroyAppView(o, t = !1) {
@@ -12106,9 +12110,9 @@ class $e {
   }
   /** 绘制view */
   render(o) {
-    var t, e, i, s, n, r, c, l, h, u, d, p, f, y, M, I, w;
+    var t, e, i, s, n, r, c, l, h, u, d, p, f, y, M, N, w;
     for (const m of o) {
-      const { rect: S, imageBitmap: T, isClear: v, isUnClose: x, drawCanvas: L, clearCanvas: A, viewId: j } = m, D = (t = this.getView(j)) == null ? void 0 : t.displayer;
+      const { rect: S, imageBitmap: I, isClear: v, isUnClose: x, drawCanvas: L, clearCanvas: A, viewId: j } = m, D = (t = this.getView(j)) == null ? void 0 : t.displayer;
       if (D && S) {
         const { dpr: O, canvasBgRef: z, canvasFloatRef: E, canvasServiceFloatRef: rt, canvasTopRef: tt } = D, H = Math.floor(S.w * O), Z = Math.floor(S.h * O), Q = S.x * O, G = S.y * O;
         if (v) {
@@ -12128,27 +12132,27 @@ class $e {
           }
           continue;
         }
-        if (L && T)
+        if (L && I)
           switch (L) {
             case St.TopFloat:
-              (d = (u = tt.current) == null ? void 0 : u.getContext("2d")) == null || d.drawImage(T, 0, 0, H, Z, Q, G, H, Z);
+              (d = (u = tt.current) == null ? void 0 : u.getContext("2d")) == null || d.drawImage(I, 0, 0, H, Z, Q, G, H, Z);
               break;
             case St.Float: {
-              (f = (p = E.current) == null ? void 0 : p.getContext("2d")) == null || f.drawImage(T, 0, 0, H, Z, Q, G, H, Z);
+              (f = (p = E.current) == null ? void 0 : p.getContext("2d")) == null || f.drawImage(I, 0, 0, H, Z, Q, G, H, Z);
               break;
             }
             case St.ServiceFloat: {
-              (M = (y = rt.current) == null ? void 0 : y.getContext("2d")) == null || M.drawImage(T, 0, 0, H, Z, Q, G, H, Z);
+              (M = (y = rt.current) == null ? void 0 : y.getContext("2d")) == null || M.drawImage(I, 0, 0, H, Z, Q, G, H, Z);
               break;
             }
             case St.Bg: {
-              (w = (I = z.current) == null ? void 0 : I.getContext("2d")) == null || w.drawImage(T, 0, 0, H, Z, Q, G, H, Z);
+              (w = (N = z.current) == null ? void 0 : N.getContext("2d")) == null || w.drawImage(I, 0, 0, H, Z, Q, G, H, Z);
               break;
             }
           }
         if (x)
           continue;
-        T == null || T.close();
+        I == null || I.close();
       }
     }
   }
@@ -12271,20 +12275,20 @@ class ww {
     var t, e;
     const o = (e = (t = this.control.worker) == null ? void 0 : t.currentToolsData) == null ? void 0 : e.toolsType;
     switch (o) {
-      case N.Text:
-      case N.Pencil:
-      case N.LaserPen:
-      case N.Arrow:
-      case N.Straight:
-      case N.Rectangle:
-      case N.Ellipse:
-      case N.Star:
-      case N.Polygon:
-      case N.SpeechBalloon:
-      case N.Eraser:
-      case N.PencilEraser:
-      case N.BitMapEraser:
-        this.eventTragetElement && (this.eventTragetElement.className = `netless-whiteboard ${o === N.Text ? "cursor-text" : o === N.Eraser || o === N.PencilEraser || o === N.BitMapEraser ? "cursor-eraser" : o === N.Pencil || o === N.LaserPen ? "cursor-pencil" : "cursor-arrow"}`);
+      case T.Text:
+      case T.Pencil:
+      case T.LaserPen:
+      case T.Arrow:
+      case T.Straight:
+      case T.Rectangle:
+      case T.Ellipse:
+      case T.Star:
+      case T.Polygon:
+      case T.SpeechBalloon:
+      case T.Eraser:
+      case T.PencilEraser:
+      case T.BitMapEraser:
+        this.eventTragetElement && (this.eventTragetElement.className = `netless-whiteboard ${o === T.Text ? "cursor-text" : o === T.Eraser || o === T.PencilEraser || o === T.BitMapEraser ? "cursor-eraser" : o === T.Pencil || o === T.LaserPen ? "cursor-pencil" : "cursor-arrow"}`);
         break;
     }
   }
@@ -12428,20 +12432,20 @@ class fn {
     var e, i;
     const o = (i = (e = this.control.worker) == null ? void 0 : e.currentToolsData) == null ? void 0 : i.toolsType, t = this.control.renderControl.isWriteable();
     switch (o) {
-      case N.Text:
-      case N.Pencil:
-      case N.LaserPen:
-      case N.Arrow:
-      case N.Straight:
-      case N.Rectangle:
-      case N.Ellipse:
-      case N.Star:
-      case N.Polygon:
-      case N.SpeechBalloon:
-      case N.Eraser:
-      case N.PencilEraser:
-      case N.BitMapEraser:
-        this.eventTragetElement && (this.eventTragetElement.className = t ? `netless-whiteboard ${o === N.Text ? "cursor-text" : o === N.Eraser || o === N.PencilEraser || o === N.BitMapEraser ? "cursor-eraser" : o === N.Pencil || o === N.LaserPen ? "cursor-pencil" : "cursor-arrow"}` : "netless-whiteboard");
+      case T.Text:
+      case T.Pencil:
+      case T.LaserPen:
+      case T.Arrow:
+      case T.Straight:
+      case T.Rectangle:
+      case T.Ellipse:
+      case T.Star:
+      case T.Polygon:
+      case T.SpeechBalloon:
+      case T.Eraser:
+      case T.PencilEraser:
+      case T.BitMapEraser:
+        this.eventTragetElement && (this.eventTragetElement.className = t ? `netless-whiteboard ${o === T.Text ? "cursor-text" : o === T.Eraser || o === T.PencilEraser || o === T.BitMapEraser ? "cursor-eraser" : o === T.Pencil || o === T.LaserPen ? "cursor-pencil" : "cursor-arrow"}` : "netless-whiteboard");
         break;
     }
   }
@@ -12601,7 +12605,7 @@ const Aw = (a) => {
     },
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Pt("duplicate") })
   );
-}, cs = (a) => {
+}, ls = (a) => {
   const { icon: o, onClickHandler: t, onTouchEndHandler: e } = a;
   return /* @__PURE__ */ k.createElement("div", { className: "button normal-button", onClick: t, onTouchEnd: e }, /* @__PURE__ */ k.createElement("img", { src: Pt(o) }));
 }, Ew = (a) => {
@@ -12616,7 +12620,7 @@ const Aw = (a) => {
       }
     }
   }, [e == null ? void 0 : e.current, i, s]), l = q(() => o ? /* @__PURE__ */ k.createElement("div", { className: "image-layer-menu", style: c }, /* @__PURE__ */ k.createElement(
-    cs,
+    ls,
     {
       icon: "to-top",
       onClickHandler: (d) => {
@@ -12635,7 +12639,7 @@ const Aw = (a) => {
       }
     }
   ), /* @__PURE__ */ k.createElement(
-    cs,
+    ls,
     {
       icon: "to-bottom",
       onClickHandler: (d) => {
@@ -12885,29 +12889,32 @@ const Aw = (a) => {
     }
   }, [(e == null ? void 0 : e.current) && i, n == null ? void 0 : n.height]), p = q(() => /* @__PURE__ */ k.createElement(xo, { key: "strokeColors", opacity: h, activeColor: c, setCurOpacity: (w, m, S) => {
     S === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), S === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(w);
-    const T = Nt(m, w);
-    i != null && i.strokeColor && r({ strokeColor: T }), _.emitMethod(
+    const I = Nt(m, w);
+    i != null && i.strokeColor && r({ strokeColor: I }), _.emitMethod(
       X.MainEngine,
       R.SetColorNode,
-      { workIds: [$], strokeColor: T, workState: S, viewId: n == null ? void 0 : n.viewId }
+      { workIds: [$], strokeColor: I, workState: S, viewId: n == null ? void 0 : n.viewId }
     );
-  } }), [h, c, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId, i]), f = q(() => c && (i != null && i.thickness) ? /* @__PURE__ */ k.createElement(
-    Rw,
-    {
-      key: "strokeThickness",
-      min: 1,
-      max: 10,
-      activeNumber: i.thickness,
-      setActiveNumber: (w, m) => {
-        m === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), m === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), i != null && i.thickness && r({ thickness: w }), _.emitMethod(
-          X.MainEngine,
-          R.SetColorNode,
-          { workIds: [$], thickness: w, workState: m, viewId: n == null ? void 0 : n.viewId }
-        );
-      },
-      color: c
-    }
-  ) : null, [c, i == null ? void 0 : i.thickness, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId]), y = q(() => c && (i != null && i.strokeType) ? /* @__PURE__ */ k.createElement(
+  } }), [h, c, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId, i]), f = q(() => {
+    var w, m;
+    return c && (i != null && i.thickness) ? /* @__PURE__ */ k.createElement(
+      Rw,
+      {
+        key: "strokeThickness",
+        min: Math.min(i.thickness, ((w = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : w.min) || 1),
+        max: Math.max(i.thickness, ((m = n == null ? void 0 : n.control.pluginOptions.strokeWidth) == null ? void 0 : m.max) || 10),
+        activeNumber: i.thickness,
+        setActiveNumber: (S, I) => {
+          I === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), I === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), i != null && i.thickness && r({ thickness: S }), _.emitMethod(
+            X.MainEngine,
+            R.SetColorNode,
+            { workIds: [$], thickness: S, workState: I, viewId: n == null ? void 0 : n.viewId }
+          );
+        },
+        color: c
+      }
+    ) : null;
+  }, [c, i == null ? void 0 : i.thickness, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId]), y = q(() => c && (i != null && i.strokeType) ? /* @__PURE__ */ k.createElement(
     Yw,
     {
       key: "strokeType",
@@ -12945,8 +12952,8 @@ const Aw = (a) => {
           key: m,
           color: S,
           activeColor: c,
-          onTouchEndHandler: (T) => {
-            T.stopPropagation(), l(S);
+          onTouchEndHandler: (I) => {
+            I.stopPropagation(), l(S);
             const v = Nt(S, h);
             i != null && i.strokeColor && (i.strokeColor = v, r({ strokeColor: v })), _.emitMethod(
               X.MainEngine,
@@ -12954,8 +12961,8 @@ const Aw = (a) => {
               { workIds: [$], workState: P.Done, strokeColor: v, viewId: n == null ? void 0 : n.viewId }
             );
           },
-          onClickHandler: (T) => {
-            T.cancelable && T.preventDefault(), T.stopPropagation(), l(S);
+          onClickHandler: (I) => {
+            I.cancelable && I.preventDefault(), I.stopPropagation(), l(S);
             const v = Nt(S, h);
             i != null && i.strokeColor && (i.strokeColor = v, r({ strokeColor: v })), _.emitMethod(
               X.MainEngine,
@@ -12967,7 +12974,7 @@ const Aw = (a) => {
       );
     }),
     p
-  ) : null, [o, s, p, c, h, i, n == null ? void 0 : n.viewId, d]), I = q(() => c ? /* @__PURE__ */ k.createElement("div", { className: "color-bar-ring", style: { backgroundColor: Nt(c, h) } }, /* @__PURE__ */ k.createElement("div", { className: "circle" })) : null, [c, h]);
+  ) : null, [o, s, p, c, h, i, n == null ? void 0 : n.viewId, d]), N = q(() => c ? /* @__PURE__ */ k.createElement("div", { className: "color-bar-ring", style: { backgroundColor: Nt(c, h) } }, /* @__PURE__ */ k.createElement("div", { className: "circle" })) : null, [c, h]);
   return /* @__PURE__ */ k.createElement(
     "div",
     {
@@ -12979,15 +12986,15 @@ const Aw = (a) => {
         w.cancelable && w.preventDefault(), w.stopPropagation(), w.nativeEvent.stopImmediatePropagation(), t(!o);
       }
     },
-    I,
+    N,
     M
   );
 }, Uw = (a) => {
   const { open: o, setOpen: t, floatBarRef: e } = a, { floatBarData: i, floatBarColors: s, mananger: n, setFloatBarData: r } = xt(kt), [c, l] = st(), [h, u] = st(1);
   gt(() => {
     if (i != null && i.fillColor) {
-      const [M, I] = (i == null ? void 0 : i.fillColor) === "transparent" && ["transparent", 1] || ko(i.fillColor);
-      l(M), u(I);
+      const [M, N] = (i == null ? void 0 : i.fillColor) === "transparent" && ["transparent", 1] || ko(i.fillColor);
+      l(M), u(N);
     }
   }, [i]);
   const d = q(() => {
@@ -13000,13 +13007,13 @@ const Aw = (a) => {
         return M.top = "inherit", M.bottom = 50, M;
       }
     }
-  }, [e == null ? void 0 : e.current, i, n == null ? void 0 : n.height]), p = q(() => c && c !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fillColors", opacity: h || 0, activeColor: c, setCurOpacity: (M, I, w) => {
+  }, [e == null ? void 0 : e.current, i, n == null ? void 0 : n.height]), p = q(() => c && c !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fillColors", opacity: h || 0, activeColor: c, setCurOpacity: (M, N, w) => {
     w === P.Start && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !0), w === P.Done && (n != null && n.control.room) && (n.control.room.disableDeviceInputs = !1), u(M);
-    const m = Nt(I, M);
+    const m = Nt(N, M);
     i != null && i.fillColor && (i.fillColor = m, r({ fillColor: m })), _.emitMethod(
       X.MainEngine,
       R.SetColorNode,
-      { workIds: [$], fillColor: c && Nt(I, M), workState: w, viewId: n == null ? void 0 : n.viewId }
+      { workIds: [$], fillColor: c && Nt(N, M), workState: w, viewId: n == null ? void 0 : n.viewId }
     );
   } }) : null, [c, h, n == null ? void 0 : n.control.room, n == null ? void 0 : n.viewId, i]), f = q(() => o ? /* @__PURE__ */ k.createElement(
     "div",
@@ -13026,30 +13033,30 @@ const Aw = (a) => {
         activeColor: c,
         onTouchEndHandler: (M) => {
           M.stopPropagation(), l("transparent");
-          const I = "transparent";
-          i != null && i.fillColor && (i.fillColor = I, r({ fillColor: I })), _.emitMethod(
+          const N = "transparent";
+          i != null && i.fillColor && (i.fillColor = N, r({ fillColor: N })), _.emitMethod(
             X.MainEngine,
             R.SetColorNode,
-            { workIds: [$], workState: P.Done, fillColor: I, viewId: n == null ? void 0 : n.viewId }
+            { workIds: [$], workState: P.Done, fillColor: N, viewId: n == null ? void 0 : n.viewId }
           );
         },
         onClickHandler: (M) => {
           M.cancelable && M.preventDefault(), M.stopPropagation(), l("transparent");
-          const I = "transparent";
-          i != null && i.fillColor && (i.fillColor = I, r({ fillColor: I })), _.emitMethod(
+          const N = "transparent";
+          i != null && i.fillColor && (i.fillColor = N, r({ fillColor: N })), _.emitMethod(
             X.MainEngine,
             R.SetColorNode,
-            { workIds: [$], workState: P.Done, fillColor: I, viewId: n == null ? void 0 : n.viewId }
+            { workIds: [$], workState: P.Done, fillColor: N, viewId: n == null ? void 0 : n.viewId }
           );
         }
       }
     ),
-    s.map((M, I) => {
+    s.map((M, N) => {
       const w = Je(...M);
       return /* @__PURE__ */ k.createElement(
         Co,
         {
-          key: I,
+          key: N,
           color: w,
           activeColor: c,
           onTouchEndHandler: (m) => {
@@ -13112,13 +13119,13 @@ const Aw = (a) => {
     }
   }, [s == null ? void 0 : s.current, l, r]), y = q(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fontColors", opacity: d, activeColor: h, setCurOpacity: (w, m, S) => {
     S === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), S === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), p(w);
-    const T = Nt(m, w);
-    l != null && l.textOpt && (l.textOpt.fontColor = T, c({ textOpt: l.textOpt })), _.emitMethod(
+    const I = Nt(m, w);
+    l != null && l.textOpt && (l.textOpt.fontColor = I, c({ textOpt: l.textOpt })), _.emitMethod(
       X.MainEngine,
       R.SetColorNode,
       {
         workIds: i || [$],
-        fontColor: h && T,
+        fontColor: h && I,
         workState: S,
         viewId: r == null ? void 0 : r.viewId
       }
@@ -13143,8 +13150,8 @@ const Aw = (a) => {
           key: m,
           color: S,
           activeColor: h,
-          onTouchEndHandler: (T) => {
-            T.stopPropagation(), u(S);
+          onTouchEndHandler: (I) => {
+            I.stopPropagation(), u(S);
             const v = Nt(S, d);
             l != null && l.textOpt && (l.textOpt.fontColor = v, c({ textOpt: l.textOpt })), _.emitMethod(
               X.MainEngine,
@@ -13152,8 +13159,8 @@ const Aw = (a) => {
               { workIds: i || [$], workState: P.Done, fontColor: v, viewId: r == null ? void 0 : r.viewId }
             );
           },
-          onClickHandler: (T) => {
-            T.cancelable && T.preventDefault(), T.stopPropagation(), u(S);
+          onClickHandler: (I) => {
+            I.cancelable && I.preventDefault(), I.stopPropagation(), u(S);
             const v = Nt(S, d);
             l != null && l.textOpt && (l.textOpt.fontColor = v, c({ textOpt: l.textOpt })), _.emitMethod(
               X.MainEngine,
@@ -13165,7 +13172,7 @@ const Aw = (a) => {
       );
     }),
     y
-  ) : null, [o, n, y, h, d, l == null ? void 0 : l.textOpt, i, r == null ? void 0 : r.viewId, f]), I = q(() => {
+  ) : null, [o, n, y, h, d, l == null ? void 0 : l.textOpt, i, r == null ? void 0 : r.viewId, f]), N = q(() => {
     const w = h && h !== "transparent" && Nt(h, d) || "transparent";
     return /* @__PURE__ */ k.createElement("div", { className: "color-bar" }, /* @__PURE__ */ k.createElement("div", { className: "color-bar-color", style: { backgroundColor: w } }));
   }, [h, d]);
@@ -13181,7 +13188,7 @@ const Aw = (a) => {
       }
     },
     /* @__PURE__ */ k.createElement("img", { alt: "icon", src: Pt("font-colors") }),
-    I,
+    N,
     M
   );
 }, Fw = (a) => {
@@ -13204,8 +13211,8 @@ const Aw = (a) => {
     }
   }, [s == null ? void 0 : s.current, l, r]), y = q(() => h && h !== "transparent" ? /* @__PURE__ */ k.createElement(xo, { key: "fontBgColor", opacity: d || 0, activeColor: h, setCurOpacity: (w, m, S) => {
     S === P.Start && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !0), S === P.Done && (r != null && r.control.room) && (r.control.room.disableDeviceInputs = !1), p(w);
-    const T = Nt(m, w);
-    l != null && l.textOpt && (l.textOpt.fontBgColor = T, c({ textOpt: l.textOpt })), _.emitMethod(
+    const I = Nt(m, w);
+    l != null && l.textOpt && (l.textOpt.fontBgColor = I, c({ textOpt: l.textOpt })), _.emitMethod(
       X.MainEngine,
       R.SetColorNode,
       {
@@ -13259,8 +13266,8 @@ const Aw = (a) => {
           key: m,
           color: S,
           activeColor: h,
-          onTouchEndHandler: (T) => {
-            T.stopPropagation(), u(S);
+          onTouchEndHandler: (I) => {
+            I.stopPropagation(), u(S);
             const v = Nt(S, d);
             l != null && l.textOpt && (l.textOpt.fontBgColor = v, c({ textOpt: l.textOpt })), _.emitMethod(
               X.MainEngine,
@@ -13268,8 +13275,8 @@ const Aw = (a) => {
               { workIds: i || [$], workState: P.Done, fontBgColor: Nt(S, d), viewId: r == null ? void 0 : r.viewId }
             );
           },
-          onClickHandler: (T) => {
-            T.cancelable && T.preventDefault(), T.stopPropagation(), u(S);
+          onClickHandler: (I) => {
+            I.cancelable && I.preventDefault(), I.stopPropagation(), u(S);
             const v = Nt(S, d);
             l != null && l.textOpt && (l.textOpt.fontBgColor = v, c({ textOpt: l.textOpt })), _.emitMethod(
               X.MainEngine,
@@ -13281,7 +13288,7 @@ const Aw = (a) => {
       );
     }),
     y
-  ) : null, [o, n, y, d, h, l == null ? void 0 : l.textOpt, i, r == null ? void 0 : r.viewId, f]), I = q(() => {
+  ) : null, [o, n, y, d, h, l == null ? void 0 : l.textOpt, i, r == null ? void 0 : r.viewId, f]), N = q(() => {
     const w = h && h !== "transparent" && Nt(h, d) || "transparent";
     return /* @__PURE__ */ k.createElement("div", { className: "color-bar", style: { marginTop: 0 } }, /* @__PURE__ */ k.createElement("div", { className: "color-bar-color", style: { backgroundColor: w } }));
   }, [h, d]);
@@ -13297,7 +13304,7 @@ const Aw = (a) => {
       }
     },
     /* @__PURE__ */ k.createElement(Ow, null),
-    I,
+    N,
     M
   );
 }, Vw = (a) => {
@@ -13377,7 +13384,7 @@ const Aw = (a) => {
   gt(() => {
     e != null && e.bold && h(e.bold), Yt(e == null ? void 0 : e.underline) && f(e.underline || !1), Yt(e == null ? void 0 : e.lineThrough) && M(e.lineThrough || !1), e != null && e.italic && d(e.italic);
   }, [e]);
-  const I = q(() => {
+  const N = q(() => {
     if (s && (n != null && n.current) && ot(c == null ? void 0 : c.y) && (r != null && r.height)) {
       if (n.current.offsetTop && n.current.offsetTop + c.y > 180) {
         const m = {};
@@ -13391,7 +13398,7 @@ const Aw = (a) => {
     "div",
     {
       className: "font-style-menu",
-      style: I,
+      style: N,
       onTouchEnd: (m) => {
         m.stopPropagation(), m.nativeEvent.stopImmediatePropagation();
       },
@@ -13403,7 +13410,7 @@ const Aw = (a) => {
     /* @__PURE__ */ k.createElement($w, { workIds: i || [$], underline: p, setUnderline: f, viewId: r == null ? void 0 : r.viewId }),
     /* @__PURE__ */ k.createElement(Hw, { workIds: i || [$], lineThrough: y, setLineThrough: M, viewId: r == null ? void 0 : r.viewId }),
     /* @__PURE__ */ k.createElement(Qw, { workIds: i || [$], italic: u, setItalic: d, viewId: r == null ? void 0 : r.viewId })
-  ) : null, [o, i, l, r == null ? void 0 : r.viewId, p, y, u, I]);
+  ) : null, [o, i, l, r == null ? void 0 : r.viewId, p, y, u, N]);
   return /* @__PURE__ */ k.createElement(
     "div",
     {
@@ -13497,7 +13504,7 @@ const Aw = (a) => {
   const M = (m) => {
     var S;
     (S = o.current) == null || S.blur(), e(!1), w(m);
-  }, I = q(() => t ? /* @__PURE__ */ k.createElement(Zw, { onClickHandler: M, style: f }) : null, [t, M, f]), w = (m) => {
+  }, N = q(() => t ? /* @__PURE__ */ k.createElement(Zw, { onClickHandler: M, style: f }) : null, [t, M, f]), w = (m) => {
     m > Ht[p] && (m = Ht[p]), m < Ht[0] && (m = Ht[0]), y(m);
   };
   return gt(() => () => {
@@ -13527,8 +13534,8 @@ const Aw = (a) => {
         },
         onKeyDown: (m) => {
           if (m.key === "Backspace") {
-            const S = window.getSelection(), T = S == null ? void 0 : S.getRangeAt(0);
-            if (T != null && T.collapsed)
+            const S = window.getSelection(), I = S == null ? void 0 : S.getRangeAt(0);
+            if (I != null && I.collapsed)
               return m.cancelable && m.preventDefault(), document.execCommand("delete", !1), !1;
           }
           return !1;
@@ -13536,7 +13543,7 @@ const Aw = (a) => {
         onKeyUp: (m) => {
           var S;
           if (o.current) {
-            const T = o.current.value, v = parseInt(T);
+            const I = o.current.value, v = parseInt(I);
             isNaN(v) ? o.current.value = "0" : o.current.value = v.toString(), v && m.key === "Enter" && (w(v), (S = o.current) == null || S.blur(), e(!1));
           }
         },
@@ -13571,7 +13578,7 @@ const Aw = (a) => {
         }
       }
     )),
-    I
+    N
   );
 }, Jw = (a) => {
   const { workIds: o, mananger: t, islocked: e } = a;
@@ -13804,7 +13811,7 @@ const Aw = (a) => {
       R.SetShapeOpt,
       {
         workIds: [$],
-        toolsType: N.Star,
+        toolsType: T.Star,
         viewId: o.viewId,
         vertices: c
       }
@@ -13815,7 +13822,7 @@ const Aw = (a) => {
       R.SetShapeOpt,
       {
         workIds: [$],
-        toolsType: N.Star,
+        toolsType: T.Star,
         viewId: o.viewId,
         innerVerticeStep: c
       }
@@ -13826,7 +13833,7 @@ const Aw = (a) => {
       R.SetShapeOpt,
       {
         workIds: [$],
-        toolsType: N.Star,
+        toolsType: T.Star,
         viewId: o.viewId,
         innerRatio: c
       }
@@ -13840,7 +13847,7 @@ const Aw = (a) => {
       R.SetShapeOpt,
       {
         workIds: [$],
-        toolsType: N.Polygon,
+        toolsType: T.Polygon,
         viewId: o.viewId,
         vertices: i
       }
@@ -13854,7 +13861,7 @@ const Aw = (a) => {
       R.SetShapeOpt,
       {
         workIds: [$],
-        toolsType: N.SpeechBalloon,
+        toolsType: T.SpeechBalloon,
         viewId: o.viewId,
         placement: i
       }
@@ -13867,11 +13874,11 @@ const Aw = (a) => {
 }, sm = (a) => {
   const { toolsTypes: o, style: t, mananger: e, shapeOpt: i } = a, [s, n] = st();
   gt(() => {
-    o.includes(N.Polygon) ? n(N.Polygon) : o.includes(N.Star) ? n(N.Star) : n(N.SpeechBalloon);
+    o.includes(T.Polygon) ? n(T.Polygon) : o.includes(T.Star) ? n(T.Star) : n(T.SpeechBalloon);
   }, [o]);
   const r = (u, d) => {
     d.cancelable && d.preventDefault(), d == null || d.stopPropagation(), n(u);
-  }, c = q(() => s === N.Polygon && e && i.vertices ? /* @__PURE__ */ k.createElement(om, { vertices: i.vertices, mananger: e }) : null, [e, s, i]), l = q(() => s === N.Star && e && i.vertices && i.innerVerticeStep && i.innerRatio ? /* @__PURE__ */ k.createElement(em, { mananger: e, vertices: i.vertices, innerVerticeStep: i.innerVerticeStep, innerRatio: i.innerRatio }) : null, [e, s, i]), h = q(() => s === N.SpeechBalloon && e && i.placement ? /* @__PURE__ */ k.createElement(im, { mananger: e, placement: i.placement }) : null, [e, s, i]);
+  }, c = q(() => s === T.Polygon && e && i.vertices ? /* @__PURE__ */ k.createElement(om, { vertices: i.vertices, mananger: e }) : null, [e, s, i]), l = q(() => s === T.Star && e && i.vertices && i.innerVerticeStep && i.innerRatio ? /* @__PURE__ */ k.createElement(em, { mananger: e, vertices: i.vertices, innerVerticeStep: i.innerVerticeStep, innerRatio: i.innerRatio }) : null, [e, s, i]), h = q(() => s === T.SpeechBalloon && e && i.placement ? /* @__PURE__ */ k.createElement(im, { mananger: e, placement: i.placement }) : null, [e, s, i]);
   return /* @__PURE__ */ k.createElement(
     "div",
     {
@@ -13881,7 +13888,7 @@ const Aw = (a) => {
         u.stopPropagation(), u.nativeEvent.stopImmediatePropagation(), u.cancelable && u.preventDefault();
       }
     },
-    /* @__PURE__ */ k.createElement("div", { className: "shapeOpt-sub-menu-tabs" }, o.includes(N.Polygon) && /* @__PURE__ */ k.createElement(jo, { isActive: s === N.Polygon, icon: s === N.Polygon ? "polygon-active" : "polygon", onClickHandler: r.bind(void 0, N.Polygon), onTouchEndHandler: r.bind(void 0, N.Polygon) }) || null, o.includes(N.Star) && /* @__PURE__ */ k.createElement(jo, { isActive: s === N.Star, icon: s === N.Star ? "star-active" : "star", onClickHandler: r.bind(void 0, N.Star), onTouchEndHandler: r.bind(void 0, N.Star) }) || null, o.includes(N.SpeechBalloon) && /* @__PURE__ */ k.createElement(jo, { isActive: s === N.SpeechBalloon, icon: s === N.SpeechBalloon ? "speechBallon-active" : "speechBallon", onClickHandler: r.bind(void 0, N.SpeechBalloon), onTouchEndHandler: r.bind(void 0, N.SpeechBalloon) }) || null),
+    /* @__PURE__ */ k.createElement("div", { className: "shapeOpt-sub-menu-tabs" }, o.includes(T.Polygon) && /* @__PURE__ */ k.createElement(jo, { isActive: s === T.Polygon, icon: s === T.Polygon ? "polygon-active" : "polygon", onClickHandler: r.bind(void 0, T.Polygon), onTouchEndHandler: r.bind(void 0, T.Polygon) }) || null, o.includes(T.Star) && /* @__PURE__ */ k.createElement(jo, { isActive: s === T.Star, icon: s === T.Star ? "star-active" : "star", onClickHandler: r.bind(void 0, T.Star), onTouchEndHandler: r.bind(void 0, T.Star) }) || null, o.includes(T.SpeechBalloon) && /* @__PURE__ */ k.createElement(jo, { isActive: s === T.SpeechBalloon, icon: s === T.SpeechBalloon ? "speechBallon-active" : "speechBallon", onClickHandler: r.bind(void 0, T.SpeechBalloon), onTouchEndHandler: r.bind(void 0, T.SpeechBalloon) }) || null),
     /* @__PURE__ */ k.createElement("div", { className: "shapeOpt-sub-menu-content" }, c, l, h)
   );
 }, nm = (a) => {
@@ -13921,57 +13928,57 @@ const Aw = (a) => {
   ), [l, h] = k.useState(), u = De(null);
   gt(() => {
     var L, A, j, D;
-    const T = {}, v = (s == null ? void 0 : s.w) || ((L = o == null ? void 0 : o.boxSize) == null ? void 0 : L[0]) || 0, x = (s == null ? void 0 : s.h) || ((A = o == null ? void 0 : o.boxSize) == null ? void 0 : A[1]) || 0;
+    const I = {}, v = (s == null ? void 0 : s.w) || ((L = o == null ? void 0 : o.boxSize) == null ? void 0 : L[0]) || 0, x = (s == null ? void 0 : s.h) || ((A = o == null ? void 0 : o.boxSize) == null ? void 0 : A[1]) || 0;
     if (i && v && x && (n != null && n.width) && (n != null && n.height)) {
-      if (i.y < 60 ? i.y + x < n.height - 60 ? T.bottom = -120 : i.y + x < n.height ? T.bottom = -58 : i.y > 0 ? T.top = 62 : T.top = -i.y + 62 : T.top = 0, i.x < 0)
-        T.left = -i.x + 3;
+      if (i.y < 60 ? i.y + x < n.height - 60 ? I.bottom = -120 : i.y + x < n.height ? I.bottom = -58 : i.y > 0 ? I.top = 62 : I.top = -i.y + 62 : I.top = 0, i.x < 0)
+        I.left = -i.x + 3;
       else if (i.x + (((j = u.current) == null ? void 0 : j.offsetWidth) || v) > n.width) {
         const O = n.width - (((D = u.current) == null ? void 0 : D.offsetWidth) || v) - i.x;
-        T.left = O;
+        I.left = O;
       }
-      h(T);
+      h(I);
       return;
     }
     h(void 0);
   }, [u, i, s == null ? void 0 : s.w, s == null ? void 0 : s.h, n == null ? void 0 : n.width, n == null ? void 0 : n.height, o == null ? void 0 : o.boxSize]);
-  const d = q(() => s != null && s.fillColor ? /* @__PURE__ */ k.createElement(Uw, { floatBarRef: u, open: r === 3, setOpen: (T) => {
+  const d = q(() => s != null && s.fillColor ? /* @__PURE__ */ k.createElement(Uw, { floatBarRef: u, open: r === 3, setOpen: (I) => {
     c(
-      T === !0 ? 3 : 0
+      I === !0 ? 3 : 0
       /* FillColor */
     );
-  } }) : null, [s == null ? void 0 : s.fillColor, r, u]), p = q(() => s != null && s.strokeColor ? /* @__PURE__ */ k.createElement(Ww, { floatBarRef: u, open: r === 2, setOpen: (T) => {
+  } }) : null, [s == null ? void 0 : s.fillColor, r, u]), p = q(() => s != null && s.strokeColor ? /* @__PURE__ */ k.createElement(Ww, { floatBarRef: u, open: r === 2, setOpen: (I) => {
     c(
-      T === !0 ? 2 : 0
+      I === !0 ? 2 : 0
       /* StrokeColor */
     );
-  } }) : null, [s == null ? void 0 : s.strokeColor, r, u]), f = q(() => o != null && o.fontColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Bw, { floatBarRef: u, open: r === 4, setOpen: (T) => {
+  } }) : null, [s == null ? void 0 : s.strokeColor, r, u]), f = q(() => o != null && o.fontColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Bw, { floatBarRef: u, open: r === 4, setOpen: (I) => {
     c(
-      T === !0 ? 4 : 0
+      I === !0 ? 4 : 0
       /* TextColor */
     );
-  }, textOpt: o, workIds: t }) : null, [o, r, t, n, u]), y = q(() => o != null && o.fontBgColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Fw, { floatBarRef: u, open: r === 5, setOpen: (T) => {
+  }, textOpt: o, workIds: t }) : null, [o, r, t, n, u]), y = q(() => o != null && o.fontBgColor && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Fw, { floatBarRef: u, open: r === 5, setOpen: (I) => {
     c(
-      T === !0 ? 5 : 0
+      I === !0 ? 5 : 0
       /* TextBgColor */
     );
-  }, textOpt: o, workIds: t }) : null, [o, r, t, n, u]), M = q(() => o && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Gw, { floatBarRef: u, open: r === 6, setOpen: (T) => {
+  }, textOpt: o, workIds: t }) : null, [o, r, t, n, u]), M = q(() => o && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Gw, { floatBarRef: u, open: r === 6, setOpen: (I) => {
     c(
-      T === !0 ? 6 : 0
+      I === !0 ? 6 : 0
       /* FontStyle */
     );
-  }, textOpt: o, workIds: t, style: l }) : null, [o, r, t, n, l, u]), I = q(() => o && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Xw, { open: r === 7, setOpen: (T) => {
+  }, textOpt: o, workIds: t, style: l }) : null, [o, r, t, n, l, u]), N = q(() => o && (n != null && n.viewId) ? /* @__PURE__ */ k.createElement(Xw, { open: r === 7, setOpen: (I) => {
     c(
-      T === !0 ? 7 : 0
+      I === !0 ? 7 : 0
       /* FontSize */
     );
-  }, textOpt: o, workIds: t, floatBarRef: u }) : null, [o, r, t, n, u]), w = q(() => e ? null : /* @__PURE__ */ k.createElement(Ew, { open: r === 1, setOpen: (T) => {
+  }, textOpt: o, workIds: t, floatBarRef: u }) : null, [o, r, t, n, u]), w = q(() => e ? null : /* @__PURE__ */ k.createElement(Ew, { open: r === 1, setOpen: (I) => {
     c(
-      T === !0 ? 1 : 0
+      I === !0 ? 1 : 0
       /* Layer */
     );
-  }, floatBarRef: u }), [e, r, u]), m = q(() => s != null && s.canLock && n ? /* @__PURE__ */ k.createElement(Jw, { workIds: t, mananger: n, islocked: s.isLocked }) : null, [s, n, t]), S = q(() => n && (n != null && n.viewId) && l && (s != null && s.shapeOpt) && (s != null && s.toolsTypes) ? /* @__PURE__ */ k.createElement(nm, { open: r === 8, setOpen: (T) => {
+  }, floatBarRef: u }), [e, r, u]), m = q(() => s != null && s.canLock && n ? /* @__PURE__ */ k.createElement(Jw, { workIds: t, mananger: n, islocked: s.isLocked }) : null, [s, n, t]), S = q(() => n && (n != null && n.viewId) && l && (s != null && s.shapeOpt) && (s != null && s.toolsTypes) ? /* @__PURE__ */ k.createElement(nm, { open: r === 8, setOpen: (I) => {
     c(
-      T === !0 ? 8 : 0
+      I === !0 ? 8 : 0
       /* ShapeOpt */
     );
   }, floatBarRef: u, workIds: t, toolsTypes: s.toolsTypes, shapeOpt: s.shapeOpt }) : null, [s, n, r, l, t, u]);
@@ -13981,15 +13988,15 @@ const Aw = (a) => {
       className: "appliance-plugin-floatbtns",
       style: l,
       ref: u,
-      onMouseOver: (T) => (T.stopPropagation(), T.cancelable && T.preventDefault(), n == null || n.control.worker.blurCursor(n.viewId), !1),
-      onMouseMove: (T) => (T.stopPropagation(), T.cancelable && T.preventDefault(), !1)
+      onMouseOver: (I) => (I.stopPropagation(), I.cancelable && I.preventDefault(), n == null || n.control.worker.blurCursor(n.viewId), !1),
+      onMouseMove: (I) => (I.stopPropagation(), I.cancelable && I.preventDefault(), !1)
     },
     n && /* @__PURE__ */ k.createElement(Aw, { workIds: t, mananger: n }),
     w,
     m,
     !!(n != null && n.viewId) && /* @__PURE__ */ k.createElement(jw, { workIds: t, viewId: n.viewId }),
     S,
-    I,
+    N,
     M,
     f,
     y,
@@ -14004,24 +14011,24 @@ const Aw = (a) => {
     fontColor: f,
     lineThrough: y,
     textAlign: M,
-    strokeColor: I,
+    strokeColor: N,
     lineHeight: w,
     bold: m,
     italic: S,
-    uid: T,
+    uid: I,
     workState: v
   } = s, x = u, L = w || x * 1.2, A = {
     fontSize: `${x}px`,
     lineHeight: `${L}px`,
     color: f,
-    borderColor: I,
+    borderColor: N,
     minHeight: `${L}px`,
     paddingRight: `${S === "italic" ? Math.round(x * 0.3) : 5}px`
   };
   d && (A.fontFamily = `${d}`), (y || p) && (A.textDecoration = `${y && "line-through" || ""}${p && " underline" || ""}`), m && (A.fontWeight = `${m}`), S && (A.fontStyle = `${S}`), M && (A.textAlign = `${M}`);
   function j() {
     var O;
-    t && (T && T === ((O = e.control.collector) == null ? void 0 : O.uid) || !T) && e.control.textEditorManager.active(i);
+    t && (I && I === ((O = e.control.collector) == null ? void 0 : O.uid) || !I) && e.control.textEditorManager.active(i);
   }
   const D = q(() => {
     const O = [];
@@ -14083,18 +14090,18 @@ const Aw = (a) => {
       fontColor: f,
       lineThrough: y,
       textAlign: M,
-      strokeColor: I,
+      strokeColor: N,
       lineHeight: w,
       bold: m,
       italic: S
-    } = n, T = u, v = w || T * 1.2, x = {
-      fontSize: `${T}px`,
+    } = n, I = u, v = w || I * 1.2, x = {
+      fontSize: `${I}px`,
       lineHeight: `${v}px`,
       color: f,
-      borderColor: I,
+      borderColor: N,
       minHeight: `${v}px`,
       pointerEvents: "none",
-      paddingRight: `${S === "italic" ? Math.round(T * 0.3) : 5}px`
+      paddingRight: `${S === "italic" ? Math.round(I * 0.3) : 5}px`
     };
     d && (x.fontFamily = `${d}`), (y || p) && (x.textDecoration = `${y && "line-through" || ""}${p && " underline" || ""}`), M && (x.textAlign = `${M}`), m && (x.fontWeight = `${m}`), S && (x.fontStyle = `${S}`);
     const L = q(() => {
@@ -14136,11 +14143,11 @@ const Aw = (a) => {
   (a, o) => !(a.workId !== o.workId || a.left !== o.left || a.top !== o.top || !ft(a.data, o.data))
 ), cm = (a) => {
   const { data: o, workId: t, isSelect: e, showFloatBtns: i, handleKeyUp: s, handleFocus: n, updateOptInfo: r, manager: c, runAnimation: l } = a, [h, u] = st(), { opt: d, scale: p, translate: f, x: y, y: M } = o, {
-    fontSize: I,
+    fontSize: N,
     fontFamily: w,
     underline: m,
     fontColor: S,
-    lineThrough: T,
+    lineThrough: I,
     textAlign: v,
     strokeColor: x,
     lineHeight: L,
@@ -14148,7 +14155,7 @@ const Aw = (a) => {
     italic: j,
     boxSize: D
   } = d, O = De(null), z = q(() => {
-    const it = I, ht = L || it * 1.2, J = {
+    const it = N, ht = L || it * 1.2, J = {
       fontSize: `${it}px`,
       lineHeight: `${ht}px`,
       color: S,
@@ -14157,8 +14164,8 @@ const Aw = (a) => {
       paddingRight: `${j === "italic" ? Math.round(it * 0.3) : 5}px`,
       borderWidth: `${Math.max(Math.round(1 / (p || 1)), 1)}px`
     };
-    return w && (J.fontFamily = `${w}`), (T || m) && (J.textDecoration = `${T && "line-through" || ""} ${m && " underline" || ""}`), v && (J.textAlign = `${v}`), A && (J.fontWeight = `${A}`), j && (J.fontStyle = `${j}`), J;
-  }, [A, S, w, I, j, L, T, p, x, v, m]), E = q(() => {
+    return w && (J.fontFamily = `${w}`), (I || m) && (J.textDecoration = `${I && "line-through" || ""} ${m && " underline" || ""}`), v && (J.textAlign = `${v}`), A && (J.fontWeight = `${A}`), j && (J.fontStyle = `${j}`), J;
+  }, [A, S, w, N, j, L, I, p, x, v, m]), E = q(() => {
     const it = `scale(${p || 1}) ${f && "translate(" + f[0] + "px," + f[1] + "px)" || ""}`;
     return {
       left: `${y}px`,
@@ -14223,7 +14230,7 @@ const Aw = (a) => {
           (J == null ? void 0 : J.nodeName) === "#text" ? V.setStart(J, ut) : V.setStart(J, ut && 1 || 0), V.collapse(!0), ht.removeAllRanges(), ht.addRange(V);
         }
       }
-    }, hi));
+    }, ui));
   }, [H, O.current]), gt(() => {
     var it, ht, J, V;
     if (H && ((it = O.current) != null && it.offsetWidth || (ht = O.current) != null && ht.offsetHeight || (J = O.current) != null && J.offsetLeft || (V = O.current) != null && V.offsetTop)) {
@@ -14579,23 +14586,23 @@ const hm = () => {
       return;
     }
     c(!0);
-    const T = Math.round(F.GetAngleByPoints(l, u, new F(S.x, S.y))) || 0;
-    i(T), s(R.RotateNode), n != null && n.control.room && (n.control.room.disableDeviceInputs = !0), _.emitMethod(
+    const I = Math.round(F.GetAngleByPoints(l, u, new F(S.x, S.y))) || 0;
+    i(I), s(R.RotateNode), n != null && n.control.room && (n.control.room.disableDeviceInputs = !0), _.emitMethod(
       X.MainEngine,
       R.RotateNode,
-      { workIds: [$], angle: T, workState: P.Start, viewId: n == null ? void 0 : n.viewId }
+      { workIds: [$], angle: I, workState: P.Start, viewId: n == null ? void 0 : n.viewId }
     );
-  }, I = fo((m, S) => {
+  }, N = fo((m, S) => {
     if (m.cancelable && m.preventDefault(), m.stopPropagation(), n != null && n.control.worker.isBusy) {
       f(!0);
       return;
     }
     c(!1);
-    const T = Math.round(F.GetAngleByPoints(l, u, new F(S.x, S.y))) || 0;
-    i(T), s(R.None), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), _.emitMethod(
+    const I = Math.round(F.GetAngleByPoints(l, u, new F(S.x, S.y))) || 0;
+    i(I), s(R.None), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), _.emitMethod(
       X.MainEngine,
       R.RotateNode,
-      { workIds: [$], angle: T, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
+      { workIds: [$], angle: I, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
     );
   }, 100, { leading: !1 }), w = fo((m, S) => {
     if (m.cancelable && m.preventDefault(), m.stopPropagation(), n != null && n.control.worker.isBusy) {
@@ -14603,11 +14610,11 @@ const hm = () => {
       return;
     }
     c(!0);
-    const T = Math.round(F.GetAngleByPoints(l, u, new F(S.x, S.y))) || 0;
-    i(T), s(R.RotateNode), _.emitMethod(
+    const I = Math.round(F.GetAngleByPoints(l, u, new F(S.x, S.y))) || 0;
+    i(I), s(R.RotateNode), _.emitMethod(
       X.MainEngine,
       R.RotateNode,
-      { workIds: [$], angle: T, workState: P.Doing, viewId: n == null ? void 0 : n.viewId }
+      { workIds: [$], angle: I, workState: P.Doing, viewId: n == null ? void 0 : n.viewId }
     );
   }, 100, { leading: !1 });
   return /* @__PURE__ */ k.createElement(
@@ -14617,7 +14624,7 @@ const hm = () => {
       handle: ".appliance-plugin-rotate-mouse-pointer",
       onStart: M,
       onDrag: w,
-      onStop: I
+      onStop: N
     },
     /* @__PURE__ */ k.createElement(
       "div",
@@ -14671,24 +14678,24 @@ const hm = () => {
       return;
     }
     m.stopPropagation();
-    const T = { x: S.x, y: S.y };
+    const I = { x: S.x, y: S.y };
     t(R.None), n(P.Done), e != null && e.control.room && (e.control.room.disableDeviceInputs = !1), _.emitMethod(
       X.MainEngine,
       R.TranslateNode,
-      { workIds: [$], position: T, workState: P.Done, viewId: e == null ? void 0 : e.viewId }
+      { workIds: [$], position: I, workState: P.Done, viewId: e == null ? void 0 : e.viewId }
     );
   }, 100, { leading: !1 }), M = jt((m, S) => {
     if (m.cancelable && m.preventDefault(), m.stopPropagation(), e != null && e.control.worker.isBusy) {
       d(!0), n(P.Pending);
       return;
     }
-    const T = { x: S.x, y: S.y };
+    const I = { x: S.x, y: S.y };
     (S.x !== (o == null ? void 0 : o.x) || S.y !== (o == null ? void 0 : o.y)) && (n(P.Doing), _.emitMethod(
       X.MainEngine,
       R.TranslateNode,
-      { workIds: [$], position: T, workState: P.Doing, viewId: e == null ? void 0 : e.viewId }
+      { workIds: [$], position: I, workState: P.Doing, viewId: e == null ? void 0 : e.viewId }
     ));
-  }, 100, { leading: !1 }), I = q(() => !!((o == null ? void 0 : o.scaleType) === pt.none && (o != null && o.canLock)), [o]), w = jt((m) => (m.stopPropagation(), m.cancelable && m.preventDefault(), (r == null ? void 0 : r.x) === (o == null ? void 0 : o.x) && (r == null ? void 0 : r.y) === (o == null ? void 0 : o.y) && i(m), !1), 100, { leading: !1 });
+  }, 100, { leading: !1 }), N = q(() => !!((o == null ? void 0 : o.scaleType) === pt.none && (o != null && o.canLock)), [o]), w = jt((m) => (m.stopPropagation(), m.cancelable && m.preventDefault(), (r == null ? void 0 : r.x) === (o == null ? void 0 : o.x) && (r == null ? void 0 : r.y) === (o == null ? void 0 : o.y) && i(m), !1), 100, { leading: !1 });
   return /* @__PURE__ */ k.createElement(
     Ae,
     {
@@ -14708,7 +14715,7 @@ const hm = () => {
           width: o.w,
           height: o.h,
           zIndex: 2,
-          pointerEvents: I ? "none" : "auto",
+          pointerEvents: N ? "none" : "auto",
           touchAction: "none"
         } : void 0,
         onClick: (m) => {
@@ -14738,7 +14745,7 @@ const hm = () => {
       return;
     }
     y(!1), (L = u == null ? void 0 : u.control.room) != null && L.disableDeviceInputs && (u.control.room.disableDeviceInputs = !1);
-  }, I = (x) => [
+  }, N = (x) => [
     [x.x, x.y],
     [x.x + x.w, x.y],
     [x.x + x.w, x.y + x.h],
@@ -14817,7 +14824,7 @@ const hm = () => {
       }
     }
     E[0] = z.w / t.w, E[1] = z.h / t.h;
-    const H = I(z).map((Q) => A.control.viewContainerManager.transformToScenePoint(Q, A.viewId)), Z = w(H, x);
+    const H = N(z).map((Q) => A.control.viewContainerManager.transformToScenePoint(Q, A.viewId)), Z = w(H, x);
     return O && (rt[1] = Z[1] - j[1]), D && (rt[0] = Z[0] - j[0]), { scale: E, translate: rt };
   }, S = (x, L) => {
     if (x.cancelable && x.preventDefault(), x.stopPropagation(), u != null && u.control.worker.isBusy) {
@@ -14825,14 +14832,14 @@ const hm = () => {
       return;
     }
     if (h != null && h.w && (h != null && h.h) && u) {
-      const A = { x: h.x, y: h.y, w: h.w, h: h.h }, j = I(A), D = j.map((E) => u.control.viewContainerManager.transformToScenePoint(E, u.viewId)), O = w(j, L), z = w(D, L);
+      const A = { x: h.x, y: h.y, w: h.w, h: h.h }, j = N(A), D = j.map((E) => u.control.viewContainerManager.transformToScenePoint(E, u.viewId)), O = w(j, L), z = w(D, L);
       e(A), s(O), r(z), l(L), u != null && u.control.room && (u.control.room.disableDeviceInputs = !0), _.emitMethod(
         X.MainEngine,
         R.ScaleNode,
         { workIds: [$], originPoint: O, scenePoint: z, workState: P.Start, viewId: u.viewId }
       );
     }
-  }, T = jt((x, L, A, j) => {
+  }, I = jt((x, L, A, j) => {
     if (x.cancelable && x.preventDefault(), x.stopPropagation(), !u || !i || !n)
       return;
     if (u != null && u.control.worker.isBusy) {
@@ -14893,11 +14900,11 @@ const hm = () => {
       },
       lockAspectRatio: (h == null ? void 0 : h.scaleType) === pt.proportional,
       onResizeStart: S,
-      onResize: T,
+      onResize: I,
       onResizeStop: v
     }
   );
-}, ls = (a) => {
+}, hs = (a) => {
   const { id: o, pos: t, pointMap: e, type: i } = a, { setOperationType: s, mananger: n, floatBarData: r } = xt(kt), [c, l] = st({ x: 0, y: 0 }), [h, u] = st(P.Pending), [d, p] = st(!1);
   gt(() => (_.activeListener(f), () => {
     _.unmountActiveListener(f);
@@ -14930,14 +14937,14 @@ const hm = () => {
     }
     const S = { x: m.x, y: m.y };
     if ((S.x !== (t == null ? void 0 : t.x) || S.y !== (t == null ? void 0 : t.y)) && (n != null && n.control.viewContainerManager)) {
-      const T = n.control.viewContainerManager.transformToScenePoint([S.x, S.y], n.viewId), v = e.get(o);
-      v && i === "start" ? v[0] = T : v && i === "end" && (v[1] = T), u(P.Doing), _.emitMethod(
+      const I = n.control.viewContainerManager.transformToScenePoint([S.x, S.y], n.viewId), v = e.get(o);
+      v && i === "start" ? v[0] = I : v && i === "end" && (v[1] = I), u(P.Doing), _.emitMethod(
         X.MainEngine,
         R.SetPoint,
         { workId: $, pointMap: e, workState: P.Doing, viewId: n == null ? void 0 : n.viewId }
       );
     }
-  }, 100, { leading: !1 }), I = jt((w, m) => {
+  }, 100, { leading: !1 }), N = jt((w, m) => {
     if (w.cancelable && w.preventDefault(), n != null && n.control.worker.isBusy) {
       p(!0), u(P.Pending);
       return;
@@ -14945,8 +14952,8 @@ const hm = () => {
     w.stopPropagation(), s(R.None), u(P.Done);
     const S = { x: m.x, y: m.y };
     if (n != null && n.control.viewContainerManager) {
-      const T = n.control.viewContainerManager.transformToScenePoint([S.x, S.y], n.viewId), v = e.get(o);
-      v && i === "start" ? v[0] = T : v && i === "end" && (v[1] = T), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), _.emitMethod(
+      const I = n.control.viewContainerManager.transformToScenePoint([S.x, S.y], n.viewId), v = e.get(o);
+      v && i === "start" ? v[0] = I : v && i === "end" && (v[1] = I), n != null && n.control.room && (n.control.room.disableDeviceInputs = !1), _.emitMethod(
         X.MainEngine,
         R.SetPoint,
         { workId: $, pointMap: e, workState: P.Done, viewId: n == null ? void 0 : n.viewId }
@@ -14960,7 +14967,7 @@ const hm = () => {
       position: c,
       onStart: y,
       onDrag: M,
-      onStop: I
+      onStop: N
     },
     /* @__PURE__ */ k.createElement(
       "div",
@@ -14988,7 +14995,7 @@ const hm = () => {
     }
     d[0] && s({ x: d[0][0], y: d[0][1] }), d[1] && r({ x: d[1][0], y: d[1][1] });
   }, [e, t == null ? void 0 : t.points, t == null ? void 0 : t.selectIds, c]);
-  const h = q(() => i && (t != null && t.selectIds) ? /* @__PURE__ */ k.createElement(ls, { pos: i, type: "start", id: t.selectIds[0], pointMap: c }) : null, [i, t == null ? void 0 : t.selectIds, c]), u = q(() => n && (t != null && t.selectIds) ? /* @__PURE__ */ k.createElement(ls, { pos: n, type: "end", id: t.selectIds[0], pointMap: c }) : null, [n, t == null ? void 0 : t.selectIds, c]);
+  const h = q(() => i && (t != null && t.selectIds) ? /* @__PURE__ */ k.createElement(hs, { pos: i, type: "start", id: t.selectIds[0], pointMap: c }) : null, [i, t == null ? void 0 : t.selectIds, c]), u = q(() => n && (t != null && t.selectIds) ? /* @__PURE__ */ k.createElement(hs, { pos: n, type: "end", id: t.selectIds[0], pointMap: c }) : null, [n, t == null ? void 0 : t.selectIds, c]);
   return /* @__PURE__ */ k.createElement("div", { className: `${o}` }, h, u);
 }, wm = k.forwardRef((a, o) => {
   const { floatBarData: t, operationType: e } = xt(kt), i = q(() => (t == null ? void 0 : t.scaleType) !== pt.all || e === R.RotateNode ? null : /* @__PURE__ */ k.createElement(hm, null), [t, e]), s = q(() => (t == null ? void 0 : t.scaleType) !== pt.both || e === R.RotateNode ? null : /* @__PURE__ */ k.createElement(um, null), [t, e]), n = q(() => (t == null ? void 0 : t.scaleType) !== pt.proportional || e === R.RotateNode ? null : /* @__PURE__ */ k.createElement(dm, null), [t, e]), r = q(() => (t == null ? void 0 : t.scaleType) === pt.none && (t != null && t.canLock) ? /* @__PURE__ */ k.createElement(pm, null) : null, [t]);
@@ -15188,18 +15195,18 @@ const Cm = (a) => {
     const u = i.maps.get(o);
     u && l(u.miniMapCamera, u.viewCamera);
   }, l = (u, d) => {
-    const { width: p, height: f } = s.getBoundingClientRect(), y = Math.min(p / u.width, f / u.height), M = d.width / d.scale, I = d.height / d.scale, w = [d.centerX, d.centerY], m = [u.centerX, u.centerY], S = [w[0] - m[0], w[1] - m[1]], T = Math.min(u.scale * y, u.scale * y), v = [S[0] * T, S[1] * T, M, I, T];
+    const { width: p, height: f } = s.getBoundingClientRect(), y = Math.min(p / u.width, f / u.height), M = d.width / d.scale, N = d.height / d.scale, w = [d.centerX, d.centerY], m = [u.centerX, u.centerY], S = [w[0] - m[0], w[1] - m[1]], I = Math.min(u.scale * y, u.scale * y), v = [S[0] * I, S[1] * I, M, N, I];
     r(v);
   }, h = (u) => {
     var d;
     if (i.control.renderControl.isWriteable()) {
       const p = u.nativeEvent.target || u.nativeEvent.srcElement;
       if (p && u.nativeEvent && n) {
-        const { width: f, height: y } = p.getBoundingClientRect(), [M, I] = [f / 2, y / 2], [w, m] = [(u.nativeEvent.offsetX - M) / n[4], (u.nativeEvent.offsetY - I) / n[4]], S = i.maps.get(o);
+        const { width: f, height: y } = p.getBoundingClientRect(), [M, N] = [f / 2, y / 2], [w, m] = [(u.nativeEvent.offsetX - M) / n[4], (u.nativeEvent.offsetY - N) / n[4]], S = i.maps.get(o);
         if (S != null && S.viewCamera) {
-          const [T, v] = [S.miniMapCamera.centerX + w, S.miniMapCamera.centerY + m];
+          const [I, v] = [S.miniMapCamera.centerX + w, S.miniMapCamera.centerY + m];
           (d = i.control.room) == null || d.moveCamera({
-            centerX: T,
+            centerX: I,
             centerY: v,
             animationMode: "immediately"
           });
@@ -15259,7 +15266,7 @@ const Cm = (a) => {
   setFloatBarData: () => {
   }
 });
-class fi extends k.Component {
+class gi extends k.Component {
   constructor(t) {
     var e, i;
     super(t);
@@ -15403,7 +15410,7 @@ class zm extends fn {
   }
   createMainViewDisplayer(t) {
     const e = document.createElement("div");
-    return e.className = "appliance-plugin-main-view-displayer", t.appendChild(e), this.eventTragetElement = t.children[0], this.containerOffset = this.getContainerOffset(this.eventTragetElement, this.containerOffset), this.bindToolsClass(), Zo.render(/* @__PURE__ */ k.createElement(fi, { viewId: this.viewId, mananger: this, refs: {
+    return e.className = "appliance-plugin-main-view-displayer", t.appendChild(e), this.eventTragetElement = t.children[0], this.containerOffset = this.getContainerOffset(this.eventTragetElement, this.containerOffset), this.bindToolsClass(), Zo.render(/* @__PURE__ */ k.createElement(gi, { viewId: this.viewId, mananger: this, refs: {
       canvasServiceFloatRef: this.canvasServiceFloatRef,
       canvasFloatRef: this.canvasFloatRef,
       canvasBgRef: this.canvasBgRef,
@@ -15447,7 +15454,7 @@ class Pm extends ww {
   }
   createAppViewDisplayer(t, e) {
     const i = document.createElement("div");
-    return i.className = "appliance-plugin-app-view-displayer", e.appendChild(i), this.eventTragetElement = e.children[0], this.containerOffset = this.getContainerOffset(this.eventTragetElement, this.containerOffset), this.bindToolsClass(), Zo.render(/* @__PURE__ */ k.createElement(fi, { viewId: t, mananger: this, refs: {
+    return i.className = "appliance-plugin-app-view-displayer", e.appendChild(i), this.eventTragetElement = e.children[0], this.containerOffset = this.getContainerOffset(this.eventTragetElement, this.containerOffset), this.bindToolsClass(), Zo.render(/* @__PURE__ */ k.createElement(gi, { viewId: t, mananger: this, refs: {
       canvasServiceFloatRef: this.canvasServiceFloatRef,
       canvasFloatRef: this.canvasFloatRef,
       canvasBgRef: this.canvasBgRef,
@@ -15843,12 +15850,12 @@ class re extends Ct {
     }), this.viewContainerManager.listenerWindowManager(this.windowManager);
   }
 }
-const B = class B extends ps {
+const B = class B extends fs {
   constructor() {
     super(...arguments);
     g(this, "onPhaseChanged", (t) => {
       var e;
-      t === fs.Reconnecting && ((e = B.currentManager) == null || e.setSnapshootData());
+      t === gs.Reconnecting && ((e = B.currentManager) == null || e.setSnapshootData());
     });
     g(this, "updateRoomWritable", () => {
       var t;
@@ -15872,41 +15879,41 @@ const B = class B extends ps {
       maxScreenshotWidth: 10 * 1024,
       maxScreenshotHeight: 10 * 1024,
       getBoundingRectAsync: async function(f) {
-        var I;
+        var N;
         B.logger.info("[ApplianceMultiPlugin] getBoundingRectAsync");
-        const y = (t.mainView || i).getBoundingRect(f), M = await ((I = B.currentManager) == null ? void 0 : I.getBoundingRect(f));
-        return !y.width || !y.height ? M : ui(y, M);
+        const y = (t.mainView || i).getBoundingRect(f), M = await ((N = B.currentManager) == null ? void 0 : N.getBoundingRect(f));
+        return !y.width || !y.height ? M : di(y, M);
       },
-      screenshotToCanvasAsync: async function(f, y, M, I, w, m) {
+      screenshotToCanvasAsync: async function(f, y, M, N, w, m) {
         var A;
         B.logger.info("[ApplianceMultiPlugin] screenshotToCanvasAsync");
-        let S = M, T = I, v = w.scale;
-        S > this.maxScreenshotWidth && (v = this.maxScreenshotWidth / S * v, S = this.maxScreenshotWidth), T > this.maxScreenshotHeight && (v = Math.min(this.maxScreenshotHeight / T * v, v), T = this.maxScreenshotHeight), w.scale = v;
+        let S = M, I = N, v = w.scale;
+        S > this.maxScreenshotWidth && (v = this.maxScreenshotWidth / S * v, S = this.maxScreenshotWidth), I > this.maxScreenshotHeight && (v = Math.min(this.maxScreenshotHeight / I * v, v), I = this.maxScreenshotHeight), w.scale = v;
         const x = document.createElement("canvas"), L = x.getContext("2d");
-        x.width = S * (m || 1), x.height = T * (m || 1), L && ((t.mainView || i).screenshotToCanvas(L, y, S, T, w, m), f.drawImage(x, Math.floor((M - S) / 2), Math.floor((I - T) / 2), S * (m || 1), T * (m || 1), 0, 0, S, T), x.remove()), B.currentManager && await ((A = B.currentManager) == null ? void 0 : A.screenshotToCanvas(f, y, S, T, w, Math.floor((M - S) / 2), Math.floor((I - T) / 2)));
+        x.width = S * (m || 1), x.height = I * (m || 1), L && ((t.mainView || i).screenshotToCanvas(L, y, S, I, w, m), f.drawImage(x, Math.floor((M - S) / 2), Math.floor((N - I) / 2), S * (m || 1), I * (m || 1), 0, 0, S, I), x.remove()), B.currentManager && await ((A = B.currentManager) == null ? void 0 : A.screenshotToCanvas(f, y, S, I, w, Math.floor((M - S) / 2), Math.floor((N - I) / 2)));
       },
-      scenePreviewAsync: async function(f, y, M, I, w) {
-        B.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || i).scenePreview(f, y, M, I, w);
+      scenePreviewAsync: async function(f, y, M, N, w) {
+        B.logger.info("[ApplianceMultiPlugin] scenePreviewAsync"), (t.mainView || i).scenePreview(f, y, M, N, w);
         const m = document.createElement("img");
         m.className = "appliance-plugin-fill-scene-snapshot-img", y.append(m), getComputedStyle(y).position || (y.style.position = "relative"), B.currentManager && await B.currentManager.scenePreview(f, m);
       },
-      fillSceneSnapshotAsync: async function(f, y, M, I, w) {
-        B.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), y.innerHTML = "", (t.mainView || i).fillSceneSnapshot(f, y, M, I, w);
-        const m = M || t.mainView.size.width, S = I || t.mainView.size.height;
-        let T = await this.getBoundingRectAsync(f);
-        T || (T = {
+      fillSceneSnapshotAsync: async function(f, y, M, N, w) {
+        B.logger.info("[ApplianceMultiPlugin] fillSceneSnapshotAsync"), y.innerHTML = "", (t.mainView || i).fillSceneSnapshot(f, y, M, N, w);
+        const m = M || t.mainView.size.width, S = N || t.mainView.size.height;
+        let I = await this.getBoundingRectAsync(f);
+        I || (I = {
           originX: 0,
           originY: 0,
           width: m,
           height: S
         });
-        let v = Math.max(T == null ? void 0 : T.width, m), x = Math.max(T == null ? void 0 : T.height, S), L = 1;
+        let v = Math.max(I == null ? void 0 : I.width, m), x = Math.max(I == null ? void 0 : I.height, S), L = 1;
         const A = v > m && Math.min(m / v, L) || L, j = x > S && Math.min(S / x, L) || L;
         A <= j ? (v = A < 1 && m || v, x = Math.floor(x * A) + 1, L = A) : A > j && (x = j < 1 && S || x, v = Math.floor(v * j) + 1, L = j);
         const D = {
           scale: L,
-          centerX: T.originX + T.width / 2,
-          centerY: T.originY + T.height / 2
+          centerX: I.originX + I.width / 2,
+          centerY: I.originY + I.height / 2
         }, O = document.createElement("canvas"), z = O.getContext("2d");
         O.width = v, O.height = x, z && await this.screenshotToCanvasAsync(z, f, v, x, D, devicePixelRatio);
         const E = document.createElement("img");
@@ -15972,7 +15979,7 @@ const B = class B extends ps {
         B.currentManager && (B.logger.info("[ApplianceMultiPlugin] destroy"), B.currentManager.destroy(), B.currentManager = void 0);
       },
       setMemberState(f) {
-        B.logger.info("[ApplianceMultiPlugin] setMemberState");
+        B.logger.info(`[ApplianceMultiPlugin] setMemberState ${JSON.stringify(f)}`);
         const y = Object.keys(f);
         if (ct(i) && i.isWritable) {
           y.includes("currentApplianceName") && (f.currentApplianceName && f.currentApplianceName === nt.laserPen ? (f.currentApplianceName = nt.pencil, f.useLaserPen = !0) : f.currentApplianceName && f.currentApplianceName === nt.pencil && (f.useLaserPen = !1)), l.call(t.mainView, f);
@@ -16083,9 +16090,9 @@ g(B, "kind", "appliance-multi-plugin"), g(B, "currentManager"), g(B, "logger", {
     displayer: t.displayer,
     options: e
   }, n = new re(s);
-  B.logger.info("[ApplianceMultiPlugin] refresh ApplianceMultiManager object"), n.setWindowManager(t), B.currentManager = n;
+  B.logger.info("[ApplianceMultiPlugin] refresh ApplianceMultiManager object"), n.setWindowManager(t), B.currentManager = n, t.room && t.room.logger.info(`[ApplianceMultiPlugin] use ${ri}`);
 });
-let hs = B;
+let us = B;
 class Dm extends fn {
   constructor(t, e) {
     super(t, e);
@@ -16113,7 +16120,7 @@ class Dm extends fn {
     }
   }
   createMainViewDisplayer(t) {
-    return this.vDom || (this.containerOffset = this.getContainerOffset(t, this.containerOffset), this.eventTragetElement = t.parentElement.children[0], t.innerHTML = "", Zo.render(/* @__PURE__ */ k.createElement(fi, { viewId: this.viewId, mananger: this, refs: {
+    return this.vDom || (this.containerOffset = this.getContainerOffset(t, this.containerOffset), this.eventTragetElement = t.parentElement.children[0], t.innerHTML = "", Zo.render(/* @__PURE__ */ k.createElement(gi, { viewId: this.viewId, mananger: this, refs: {
       canvasServiceFloatRef: this.canvasServiceFloatRef,
       canvasFloatRef: this.canvasFloatRef,
       canvasBgRef: this.canvasBgRef,
@@ -16227,7 +16234,7 @@ class Gt extends Ct {
       var i;
       const e = this.viewContainerManager.mainView;
       e && e.cameraOpt && (e.cameraOpt.width !== t.width || e.cameraOpt.height !== t.height) && ((i = this.viewContainerManager.mainView) == null || i.displayer.updateSize()), this.viewContainerManager.setFocuedViewCameraOpt(t);
-    }, hi, { leading: !1 }));
+    }, ui, { leading: !1 }));
     const e = {
       control: this,
       internalMsgEmitter: Gt.InternalMsgEmitter,
@@ -16322,12 +16329,12 @@ class Gt extends Ct {
     await this.worker.init();
   }
 }
-const W = class W extends ps {
+const W = class W extends fs {
   constructor() {
     super(...arguments);
     g(this, "onPhaseChanged", (t) => {
       var e;
-      t === fs.Reconnecting && ((e = W.currentManager) == null || e.setSnapshootData());
+      t === gs.Reconnecting && ((e = W.currentManager) == null || e.setSnapshootData());
     });
     g(this, "updateRoomWritable", () => {
       var t;
@@ -16357,24 +16364,24 @@ const W = class W extends ps {
         var M;
         W.logger.info("[ApplianceSinglePlugin] getBoundingRectAsync");
         const f = t.getBoundingRect(p), y = await ((M = W.currentManager) == null ? void 0 : M.getBoundingRect(p));
-        return !f.width || !f.height ? y : ui(f, y);
+        return !f.width || !f.height ? y : di(f, y);
       },
-      screenshotToCanvasAsync: async function(p, f, y, M, I, w) {
+      screenshotToCanvasAsync: async function(p, f, y, M, N, w) {
         var L;
         W.logger.info("[ApplianceSinglePlugin] screenshotToCanvasAsync");
-        let m = y, S = M, T = I.scale;
-        m > this.maxScreenshotWidth && (T = this.maxScreenshotWidth / m * T, m = this.maxScreenshotWidth), S > this.maxScreenshotHeight && (T = Math.min(this.maxScreenshotHeight / S * T, T), S = this.maxScreenshotHeight), I.scale = T;
+        let m = y, S = M, I = N.scale;
+        m > this.maxScreenshotWidth && (I = this.maxScreenshotWidth / m * I, m = this.maxScreenshotWidth), S > this.maxScreenshotHeight && (I = Math.min(this.maxScreenshotHeight / S * I, I), S = this.maxScreenshotHeight), N.scale = I;
         const v = document.createElement("canvas"), x = v.getContext("2d");
-        v.width = m * (w || 1), v.height = S * (w || 1), x && (t.screenshotToCanvas(x, f, m, S, I, w), p.drawImage(v, Math.floor((y - m) / 2), Math.floor((M - S) / 2), m * (w || 1), S * (w || 1), 0, 0, m, S), v.remove()), W.currentManager && await ((L = W.currentManager) == null ? void 0 : L.screenshotToCanvas(p, f, m, S, I, Math.floor((y - m) / 2), Math.floor((M - S) / 2)));
+        v.width = m * (w || 1), v.height = S * (w || 1), x && (t.screenshotToCanvas(x, f, m, S, N, w), p.drawImage(v, Math.floor((y - m) / 2), Math.floor((M - S) / 2), m * (w || 1), S * (w || 1), 0, 0, m, S), v.remove()), W.currentManager && await ((L = W.currentManager) == null ? void 0 : L.screenshotToCanvas(p, f, m, S, N, Math.floor((y - m) / 2), Math.floor((M - S) / 2)));
       },
-      scenePreviewAsync: async function(p, f, y, M, I) {
-        W.logger.info("[ApplianceSinglePlugin] scenePreviewAsync"), t.scenePreview(p, f, y, M, I);
+      scenePreviewAsync: async function(p, f, y, M, N) {
+        W.logger.info("[ApplianceSinglePlugin] scenePreviewAsync"), t.scenePreview(p, f, y, M, N);
         const w = document.createElement("img");
         w.className = "appliance-plugin-fill-scene-snapshot-img", f.append(w), getComputedStyle(f).position || (f.style.position = "relative"), W.currentManager && await W.currentManager.scenePreview(p, w);
       },
-      fillSceneSnapshotAsync: async function(p, f, y, M, I) {
+      fillSceneSnapshotAsync: async function(p, f, y, M, N) {
         var E, rt;
-        W.logger.info("[ApplianceSinglePlugin] fillSceneSnapshotAsync"), f.innerHTML = "", t.fillSceneSnapshot(p, f, y, M, I);
+        W.logger.info("[ApplianceSinglePlugin] fillSceneSnapshotAsync"), f.innerHTML = "", t.fillSceneSnapshot(p, f, y, M, N);
         const w = y || ((E = t.state.cameraState) == null ? void 0 : E.width) || 0, m = M || ((rt = t.state.cameraState) == null ? void 0 : rt.height) || 0;
         let S = await this.getBoundingRectAsync(p);
         S || (S = {
@@ -16383,15 +16390,15 @@ const W = class W extends ps {
           width: w,
           height: m
         });
-        let T = Math.max(S == null ? void 0 : S.width, w), v = Math.max(S == null ? void 0 : S.height, m), x = 1;
-        const L = T > w && Math.min(w / T, x) || x, A = v > m && Math.min(m / v, x) || x;
-        L <= A ? (T = L < 1 && w || T, v = Math.floor(v * L) + 1, x = L) : L > A && (v = A < 1 && m || v, T = Math.floor(T * A) + 1, x = A);
+        let I = Math.max(S == null ? void 0 : S.width, w), v = Math.max(S == null ? void 0 : S.height, m), x = 1;
+        const L = I > w && Math.min(w / I, x) || x, A = v > m && Math.min(m / v, x) || x;
+        L <= A ? (I = L < 1 && w || I, v = Math.floor(v * L) + 1, x = L) : L > A && (v = A < 1 && m || v, I = Math.floor(I * A) + 1, x = A);
         const j = {
           scale: x,
           centerX: S.originX + S.width / 2,
           centerY: S.originY + S.height / 2
         }, D = document.createElement("canvas"), O = D.getContext("2d");
-        D.width = T, D.height = v, O && await this.screenshotToCanvasAsync(O, p, T, v, j, devicePixelRatio);
+        D.width = I, D.height = v, O && await this.screenshotToCanvasAsync(O, p, I, v, j, devicePixelRatio);
         const z = document.createElement("img");
         z.className = "appliance-plugin-fill-scene-snapshot-img", z.src = D.toDataURL(), z.onload = () => {
           D.remove();
@@ -16455,7 +16462,7 @@ const W = class W extends ps {
         W.currentManager && (W.logger.info("[ApplianceSinglePlugin] destroy"), W.currentManager.destroy(), W.currentManager = void 0, W.cursorAdapter = void 0);
       },
       setMemberState(p) {
-        W.logger.info("[ApplianceSinglePlugin] setMemberState");
+        W.logger.info(`[ApplianceSinglePlugin] setMemberState ${JSON.stringify(p)}`);
         const f = Object.keys(p);
         if (ct(t) && t.isWritable) {
           f.includes("currentApplianceName") && (p.currentApplianceName && p.currentApplianceName === nt.laserPen ? (p.currentApplianceName = nt.pencil, p.useLaserPen = !0) : p.currentApplianceName && p.currentApplianceName === nt.pencil && (p.useLaserPen = !1)), c(p);
@@ -16579,9 +16586,9 @@ g(W, "kind", "appliance-aids-single-plugin"), g(W, "cursorAdapter"), g(W, "curre
     displayer: t,
     options: e
   }, n = new Gt(s);
-  n.init(), W.logger.info("[ApplianceSinglePlugin] refresh ApplianceSingleManager object"), W.currentManager = n;
+  n.init(), W.logger.info("[ApplianceSinglePlugin] refresh ApplianceSingleManager object"), W.currentManager = n, ct(t) && t.logger.info(`[ApplianceSinglePlugin] use ${ri}`);
 });
-let us = W;
+let ds = W;
 const Le = class Le extends k.Component {
   constructor() {
     super(...arguments);
@@ -16595,7 +16602,7 @@ const Le = class Le extends k.Component {
   }
 };
 g(Le, "emiter");
-let ds = Le;
+let ps = Le;
 class Zm extends gw {
   constructor(t) {
     super();
@@ -16623,7 +16630,7 @@ class Zm extends gw {
   onCreate() {
   }
   onSetToolkey(t) {
-    t === N.Pencil ? this.isActive = !0 : (this.isActive && (this.localStorage.length = 0, this.timer && clearTimeout(this.timer), this.timer = void 0, this.iconRect && (this.iconRect = void 0), this.icons.length = 0), this.isActive = !1);
+    t === T.Pencil ? this.isActive = !0 : (this.isActive && (this.localStorage.length = 0, this.timer && clearTimeout(this.timer), this.timer = void 0, this.iconRect && (this.iconRect = void 0), this.icons.length = 0), this.isActive = !1);
   }
   syncStorage(t, e) {
     if (!this.isActive || t !== this.viewId)
@@ -16645,7 +16652,7 @@ class Zm extends gw {
     const i = (r = (n = this.collector) == null ? void 0 : n.storage[t]) == null ? void 0 : r[e];
     return i ? Object.keys(i).filter((c) => {
       var l, h;
-      return ((l = this.collector) == null ? void 0 : l.isOwn(c)) && ((h = i[c]) == null ? void 0 : h.toolsType) === N.Pencil && !this.excludeStorage.includes(c);
+      return ((l = this.collector) == null ? void 0 : l.isOwn(c)) && ((h = i[c]) == null ? void 0 : h.toolsType) === T.Pencil && !this.excludeStorage.includes(c);
     }) : [];
   }
   async batchLocalDraw() {
@@ -16735,7 +16742,7 @@ class Zm extends gw {
   }
   localEvent(t, e) {
     var i;
-    if (t === this.viewId && ((i = this.control.worker.currentToolsData) == null ? void 0 : i.toolsType) === N.Pencil)
+    if (t === this.viewId && ((i = this.control.worker.currentToolsData) == null ? void 0 : i.toolsType) === T.Pencil)
       switch (e) {
         case P.Start:
           this.timer && (clearTimeout(this.timer), this.timer = void 0);
@@ -16760,7 +16767,7 @@ class Zm extends gw {
   }
 }
 export {
-  hs as A,
+  us as A,
   St as B,
   Qm as C,
   Et as D,
@@ -16776,15 +16783,15 @@ export {
   Zm as N,
   gw as P,
   $t as S,
-  hi as T,
+  ui as T,
   gg as V,
-  N as a,
+  T as a,
   U as b,
   b as c,
   $ as d,
   Xt as e,
   fo as f,
-  li as g,
+  hi as g,
   R as h,
   RM as i,
   ze as j,
@@ -16798,8 +16805,8 @@ export {
   $m as r,
   Hm as s,
   Ie as t,
-  us as u,
-  ds as v,
+  ds as u,
+  ps as v,
   nt as w,
   et as x,
   te as y,