@netless/appliance-plugin 1.1.17-beta.3 → 1.1.17-beta.4

package/dist/{index-fDo00x3u.mjs → index-0XSz_suI.mjs}

@@ -9,10 +9,10 @@ import Oi from "eventemitter2";
 import { cloneDeep as ft, isEqual as gt, isSet as Bt, debounce as Zi, isNumber as et, isBoolean as Yt, clone as Is, throttle as ne } from "lodash";
 import k, { useContext as Lt, useState as nt, useMemo as q, useEffect as yt, useRef as fe, useCallback as No } from "react";
 import Xi, { createPortal as Pn } from "react-dom";
-import Oe from "react-draggable";
+import Re from "react-draggable";
 import { Resizable as Dn } from "re-resizable";
 const Jw = "/fullWorker.js", qw = "/subWorker.js";
-var ct = /* @__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))(ct || {}), it = /* @__PURE__ */ ((a) => (a.Normal = "Normal", a.Stroke = "Stroke", a.Dotted = "Dotted", a.LongDotted = "LongDotted", a))(it || {}), ee = /* @__PURE__ */ ((a) => (a.Triangle = "triangle", a.Rhombus = "rhombus", a.Pentagram = "pentagram", a.SpeechBalloon = "speechBalloon", a.Star = "star", a.Polygon = "polygon", a))(ee || {}), B = /* @__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))(B || {}), st = /* @__PURE__ */ ((a) => (a.DisplayState = "DisplayState", a.MainEngine = "MainEngine", a.Cursor = "Cursor", a.BindMainView = "BindMainView", a))(st || {}), An = /* @__PURE__ */ ((a) => (a[a.MainView = 0] = "MainView", a[a.Plugin = 1] = "Plugin", a[a.Both = 2] = "Both", a))(An || {}), S = /* @__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))(S || {}), 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 || {}), L = /* @__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[a.UpdateDpr = 29] = "UpdateDpr", a))(L || {}), Nt = /* @__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))(Nt || {}), si = /* @__PURE__ */ ((a) => (a[a.Cursor = 1] = "Cursor", a[a.TextCreate = 2] = "TextCreate", a))(si || {}), ni = /* @__PURE__ */ ((a) => (a[a.Top = 1] = "Top", a[a.Bottom = 2] = "Bottom", a))(ni || {}), lt = /* @__PURE__ */ ((a) => (a[a.none = 1] = "none", a[a.all = 2] = "all", a[a.both = 3] = "both", a[a.proportional = 4] = "proportional", a))(lt || {}), jn = /* @__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))(jn || {}), Ae = /* @__PURE__ */ ((a) => (a[a.inside = 0] = "inside", a[a.outside = 1] = "outside", a[a.intersect = 2] = "intersect", a))(Ae || {}), 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 || {}), se = /* @__PURE__ */ ((a) => (a.setAuth = "setAuth", a.setShow = "addShow", a.setHide = "setHide", a.setClear = "setClear", a))(se || {}), je = /* @__PURE__ */ ((a) => (a.Image = "image", a.Iconify = "iconify", a))(je || {});
+var ct = /* @__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))(ct || {}), it = /* @__PURE__ */ ((a) => (a.Normal = "Normal", a.Stroke = "Stroke", a.Dotted = "Dotted", a.LongDotted = "LongDotted", a))(it || {}), ee = /* @__PURE__ */ ((a) => (a.Triangle = "triangle", a.Rhombus = "rhombus", a.Pentagram = "pentagram", a.SpeechBalloon = "speechBalloon", a.Star = "star", a.Polygon = "polygon", a))(ee || {}), B = /* @__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))(B || {}), st = /* @__PURE__ */ ((a) => (a.DisplayState = "DisplayState", a.MainEngine = "MainEngine", a.Cursor = "Cursor", a.BindMainView = "BindMainView", a))(st || {}), An = /* @__PURE__ */ ((a) => (a[a.MainView = 0] = "MainView", a[a.Plugin = 1] = "Plugin", a[a.Both = 2] = "Both", a))(An || {}), S = /* @__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))(S || {}), 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 || {}), L = /* @__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[a.UpdateDpr = 29] = "UpdateDpr", a))(L || {}), Nt = /* @__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))(Nt || {}), si = /* @__PURE__ */ ((a) => (a[a.Cursor = 1] = "Cursor", a[a.TextCreate = 2] = "TextCreate", a))(si || {}), ni = /* @__PURE__ */ ((a) => (a[a.Top = 1] = "Top", a[a.Bottom = 2] = "Bottom", a))(ni || {}), lt = /* @__PURE__ */ ((a) => (a[a.none = 1] = "none", a[a.all = 2] = "all", a[a.both = 3] = "both", a[a.proportional = 4] = "proportional", a))(lt || {}), jn = /* @__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))(jn || {}), je = /* @__PURE__ */ ((a) => (a[a.inside = 0] = "inside", a[a.outside = 1] = "outside", a[a.intersect = 2] = "intersect", a))(je || {}), 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 || {}), se = /* @__PURE__ */ ((a) => (a.setAuth = "setAuth", a.setShow = "addShow", a.setHide = "setHide", a.setClear = "setClear", a))(se || {}), Ee = /* @__PURE__ */ ((a) => (a.Image = "image", a.Iconify = "iconify", a))(Ee || {});
 const En = {
   linear: (a) => a,
   easeInQuad: (a) => a * a,
@@ -494,19 +494,19 @@ class F extends C {
   }
 }
 var _e = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Re(a) {
+function We(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var Rn = typeof _e == "object" && _e && _e.Object === Object && _e, So = Rn, Wn = So, Yn = typeof self == "object" && self && self.Object === Object && self, Un = Wn || Yn || Function("return this")(), te = Un, Bn = te, Fn = Bn.Symbol, Je = Fn, Ns = Je, To = Object.prototype, Vn = To.hasOwnProperty, $n = To.toString, $e = Ns ? Ns.toStringTag : void 0;
+var Rn = typeof _e == "object" && _e && _e.Object === Object && _e, So = Rn, Wn = So, Yn = typeof self == "object" && self && self.Object === Object && self, Un = Wn || Yn || Function("return this")(), te = Un, Bn = te, Fn = Bn.Symbol, Je = Fn, Ns = Je, To = Object.prototype, Vn = To.hasOwnProperty, $n = To.toString, He = Ns ? Ns.toStringTag : void 0;
 function Hn(a) {
-  var i = Vn.call(a, $e), t = a[$e];
+  var i = Vn.call(a, He), t = a[He];
   try {
-    a[$e] = void 0;
+    a[He] = void 0;
     var e = !0;
   } catch {
   }
   var s = $n.call(a);
-  return e && (i ? a[$e] = t : delete a[$e]), s;
+  return e && (i ? a[He] = t : delete a[He]), s;
 }
 var Qn = Hn, Gn = Object.prototype, Zn = Gn.toString;
 function Xn(a) {
@@ -525,7 +525,7 @@ function rr(a) {
   return typeof a == "number" || or(a) && sr(a) == nr;
 }
 var ar = rr;
-const Rt = /* @__PURE__ */ Re(ar);
+const Rt = /* @__PURE__ */ We(ar);
 function cr() {
   this.__data__ = [], this.size = 0;
 }
@@ -563,19 +563,19 @@ function kr(a, i) {
   return e < 0 ? (++this.size, t.push([a, i])) : t[e][1] = i, this;
 }
 var Cr = kr, xr = lr, br = Mr, Lr = vr, zr = Sr, Pr = Cr;
-function We(a) {
+function Ye(a) {
   var i = -1, t = a == null ? 0 : a.length;
   for (this.clear(); ++i < t; ) {
     var e = a[i];
     this.set(e[0], e[1]);
   }
 }
-We.prototype.clear = xr;
-We.prototype.delete = br;
-We.prototype.get = Lr;
-We.prototype.has = zr;
-We.prototype.set = Pr;
-var wi = We, Dr = wi;
+Ye.prototype.clear = xr;
+Ye.prototype.delete = br;
+Ye.prototype.get = Lr;
+Ye.prototype.has = zr;
+Ye.prototype.set = Pr;
+var wi = Ye, Dr = wi;
 function Ar() {
   this.__data__ = new Dr(), this.size = 0;
 }
@@ -672,19 +672,19 @@ function Va(a, i) {
   return this.size += this.has(a) ? 0 : 1, t[a] = Ba && i === void 0 ? Fa : i, this;
 }
 var $a = Va, Ha = xa, Qa = La, Ga = Ea, Za = Ua, Xa = $a;
-function Ye(a) {
+function Ue(a) {
   var i = -1, t = a == null ? 0 : a.length;
   for (this.clear(); ++i < t; ) {
     var e = a[i];
     this.set(e[0], e[1]);
   }
 }
-Ye.prototype.clear = Ha;
-Ye.prototype.delete = Qa;
-Ye.prototype.get = Ga;
-Ye.prototype.has = Za;
-Ye.prototype.set = Xa;
-var Ja = Ye, xs = Ja, qa = wi, Ka = qi;
+Ue.prototype.clear = Ha;
+Ue.prototype.delete = Qa;
+Ue.prototype.get = Ga;
+Ue.prototype.has = Za;
+Ue.prototype.set = Xa;
+var Ja = Ue, xs = Ja, qa = wi, Ka = qi;
 function _a() {
   this.size = 0, this.__data__ = {
     hash: new xs(),
@@ -721,19 +721,19 @@ function gc(a, i) {
   return t.set(a, i), this.size += t.size == e ? 0 : 1, this;
 }
 var yc = gc, Mc = tc, mc = ac, wc = hc, vc = pc, Ic = yc;
-function Ue(a) {
+function Be(a) {
   var i = -1, t = a == null ? 0 : a.length;
   for (this.clear(); ++i < t; ) {
     var e = a[i];
     this.set(e[0], e[1]);
   }
 }
-Ue.prototype.clear = Mc;
-Ue.prototype.delete = mc;
-Ue.prototype.get = wc;
-Ue.prototype.has = vc;
-Ue.prototype.set = Ic;
-var xo = Ue, Nc = wi, Sc = qi, Tc = xo, kc = 200;
+Be.prototype.clear = Mc;
+Be.prototype.delete = mc;
+Be.prototype.get = wc;
+Be.prototype.has = vc;
+Be.prototype.set = Ic;
+var xo = Be, Nc = wi, Sc = qi, Tc = xo, kc = 200;
 function Cc(a, i) {
   var t = this.__data__;
   if (t instanceof Nc) {
@@ -745,16 +745,16 @@ function Cc(a, i) {
   return t.set(a, i), this.size = t.size, this;
 }
 var xc = Cc, bc = wi, Lc = jr, zc = Or, Pc = Wr, Dc = Ur, Ac = xc;
-function Be(a) {
+function Fe(a) {
   var i = this.__data__ = new bc(a);
   this.size = i.size;
 }
-Be.prototype.clear = Lc;
-Be.prototype.delete = zc;
-Be.prototype.get = Pc;
-Be.prototype.has = Dc;
-Be.prototype.set = Ac;
-var bo = Be;
+Fe.prototype.clear = Lc;
+Fe.prototype.delete = zc;
+Fe.prototype.get = Pc;
+Fe.prototype.has = Dc;
+Fe.prototype.set = Ac;
+var bo = Fe;
 function jc(a, i) {
   for (var t = -1, e = a == null ? 0 : a.length; ++t < e && i(a[t], t, a) !== !1; )
     ;
@@ -981,9 +981,9 @@ var Vo = vu, Iu = Fo, Nu = Bo, Su = ss;
 function Tu(a) {
   return Iu(a, Su, Nu);
 }
-var ku = Tu, Cu = Se, xu = te, bu = Cu(xu, "DataView"), Lu = bu, zu = Se, Pu = te, Du = zu(Pu, "Promise"), Au = Du, ju = Se, Eu = te, Ou = ju(Eu, "Set"), $o = Ou, Ru = Se, Wu = te, Yu = Ru(Wu, "WeakMap"), Uu = Yu, Ri = Lu, Wi = qi, Yi = Au, Ui = $o, Bi = Uu, Ho = Ne, Fe = Co, As = "[object Map]", Bu = "[object Object]", js = "[object Promise]", Es = "[object Set]", Os = "[object WeakMap]", Rs = "[object DataView]", Fu = Fe(Ri), Vu = Fe(Wi), $u = Fe(Yi), Hu = Fe(Ui), Qu = Fe(Bi), Me = Ho;
+var ku = Tu, Cu = Se, xu = te, bu = Cu(xu, "DataView"), Lu = bu, zu = Se, Pu = te, Du = zu(Pu, "Promise"), Au = Du, ju = Se, Eu = te, Ou = ju(Eu, "Set"), $o = Ou, Ru = Se, Wu = te, Yu = Ru(Wu, "WeakMap"), Uu = Yu, Ri = Lu, Wi = qi, Yi = Au, Ui = $o, Bi = Uu, Ho = Ne, Ve = Co, As = "[object Map]", Bu = "[object Object]", js = "[object Promise]", Es = "[object Set]", Os = "[object WeakMap]", Rs = "[object DataView]", Fu = Ve(Ri), Vu = Ve(Wi), $u = Ve(Yi), Hu = Ve(Ui), Qu = Ve(Bi), Me = Ho;
 (Ri && Me(new Ri(new ArrayBuffer(1))) != Rs || Wi && Me(new Wi()) != As || Yi && Me(Yi.resolve()) != js || Ui && Me(new Ui()) != Es || Bi && Me(new Bi()) != Os) && (Me = function(a) {
-  var i = Ho(a), t = i == Bu ? a.constructor : void 0, e = t ? Fe(t) : "";
+  var i = Ho(a), t = i == Bu ? a.constructor : void 0, e = t ? Ve(t) : "";
   if (e)
     switch (e) {
       case Fu:
@@ -1087,7 +1087,7 @@ function sp(a) {
   return ep(a) && tp(a) == ip;
 }
 var op = sp, np = op, rp = Si, Hs = _i, Qs = Hs && Hs.isSet, ap = Qs ? rp(Qs) : np, Go = ap;
-const cp = /* @__PURE__ */ Re(Go);
+const cp = /* @__PURE__ */ We(Go);
 var lp = bo, hp = Ec, up = Po, dp = Sh, pp = Uh, fp = Bh, gp = Vh, yp = tu, Mp = pu, mp = Vo, wp = ku, vp = Ti, Ip = Ju, Np = Od, Sp = $d, Tp = qe, kp = Ki, Cp = _d, xp = ge, bp = Go, Lp = is, zp = ss, Pp = 1, Dp = 2, Ap = 4, Zo = "[object Arguments]", jp = "[object Array]", Ep = "[object Boolean]", Op = "[object Date]", Rp = "[object Error]", Xo = "[object Function]", Wp = "[object GeneratorFunction]", Yp = "[object Map]", Up = "[object Number]", Jo = "[object Object]", Bp = "[object RegExp]", Fp = "[object Set]", Vp = "[object String]", $p = "[object Symbol]", Hp = "[object WeakMap]", Qp = "[object ArrayBuffer]", Gp = "[object DataView]", Zp = "[object Float32Array]", Xp = "[object Float64Array]", Jp = "[object Int8Array]", qp = "[object Int16Array]", Kp = "[object Int32Array]", _p = "[object Uint8Array]", tf = "[object Uint8ClampedArray]", ef = "[object Uint16Array]", sf = "[object Uint32Array]", vt = {};
 vt[Zo] = vt[jp] = vt[Qp] = vt[Gp] = vt[Ep] = vt[Op] = vt[Zp] = vt[Xp] = vt[Jp] = vt[qp] = vt[Kp] = vt[Yp] = vt[Up] = vt[Jo] = vt[Bp] = vt[Fp] = vt[Vp] = vt[$p] = vt[_p] = vt[tf] = vt[ef] = vt[sf] = !0;
 vt[Rp] = vt[Xo] = vt[Hp] = !1;
@@ -1133,7 +1133,7 @@ function cf(a) {
   return nf(a, rf | af);
 }
 var lf = cf;
-const zt = /* @__PURE__ */ Re(lf), qo = "1.1.17-beta.3", hf = "@netless/appliance-plugin", as = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
+const zt = /* @__PURE__ */ We(lf), qo = "1.1.17-beta.4", hf = "@netless/appliance-plugin", as = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
 if (typeof window < "u") {
   let a = window.__netlessUA || "";
   a += ` ${hf}@${qo}`, window.__netlessUA = a;
@@ -1287,7 +1287,7 @@ const Vt = class Vt {
       w: p.width,
       h: p.height
     };
-    if (mn(b, z) === Ae.outside) {
+    if (mn(b, z) === je.outside) {
       Qt(v, N), p.removeChild(N), this.isDelete = !0;
       return;
     }
@@ -1527,7 +1527,7 @@ const Vt = class Vt {
   }
   static isWillRefresh(i) {
     const { toolsType: t, opt: e, node: s, updateOpt: o, willSerializeData: n } = i;
-    return !!(n && (o.angle || o.translate) || o.thickness && e.thickness && e.thickness !== o.thickness || o.strokeType && e.strokeType && e.strokeType !== o.strokeType || o.originPoint && o.scenePoint && o.scale || o.pointMap && o.pointMap.has(s.name) || t === S.Text && (o.fontSize || o.translate || o.textInfos && o.textInfos.get(s.name)) || t === S.Image && (o.angle || o.translate || o.scale || o.strokeColor && o.type === je.Iconify) || t === o.toolsType && o.willRefresh || e.eraserlines && e.eraserlines.length && (o.strokeColor || o.fillColor));
+    return !!(n && (o.angle || o.translate) || o.thickness && e.thickness && e.thickness !== o.thickness || o.strokeType && e.strokeType && e.strokeType !== o.strokeType || o.originPoint && o.scenePoint && o.scale || o.pointMap && o.pointMap.has(s.name) || t === S.Text && (o.fontSize || o.translate || o.textInfos && o.textInfos.get(s.name)) || t === S.Image && (o.angle || o.translate || o.scale || o.strokeColor && o.type === Ee.Iconify) || t === o.toolsType && o.willRefresh || e.eraserlines && e.eraserlines.length && (o.strokeColor || o.fillColor));
   }
 };
 y(Vt, "SafeBorderPadding", 10);
@@ -2202,7 +2202,7 @@ class _o extends W {
     }), s.length && s.forEach((o) => o.remove()), e;
   }
 }
-const Le = class Le extends W {
+const ze = class ze extends W {
   constructor(t, e) {
     super(t);
     y(this, "canRotate", !1);
@@ -2225,7 +2225,7 @@ const Le = class Le extends W {
     super.setWorkOptions(t);
   }
   createEraserRect(t) {
-    const e = t[0] * this.worldScaling[0] + this.worldPosition[0], s = t[1] * this.worldScaling[1] + this.worldPosition[1], { width: o, height: n } = Le.eraserSizes[this.workOptions.thickness];
+    const e = t[0] * this.worldScaling[0] + this.worldPosition[0], s = t[1] * this.worldScaling[1] + this.worldPosition[1], { width: o, height: n } = ze.eraserSizes[this.workOptions.thickness];
     this.eraserRect = {
       x: e - o * 0.5,
       y: s - n * 0.5,
@@ -2236,7 +2236,7 @@ const Le = class Le extends W {
   computRectCenterPoints() {
     const t = this.tmpPoints.slice(-2);
     if (this.tmpPoints.length === 4) {
-      const e = new C(this.tmpPoints[0], this.tmpPoints[1]), s = new C(this.tmpPoints[2], this.tmpPoints[3]), o = C.Sub(s, e).uni(), n = C.Dist(e, s), { width: r, height: c } = Le.eraserSizes[this.workOptions.thickness], l = Math.min(r, c), u = Math.round(n / l);
+      const e = new C(this.tmpPoints[0], this.tmpPoints[1]), s = new C(this.tmpPoints[2], this.tmpPoints[3]), o = C.Sub(s, e).uni(), n = C.Dist(e, s), { width: r, height: c } = ze.eraserSizes[this.workOptions.thickness], l = Math.min(r, c), u = Math.round(n / l);
       if (u > 1) {
         const h = [];
         for (let d = 0; d < u; d++) {
@@ -2249,7 +2249,7 @@ const Le = class Le extends W {
     return t;
   }
   isNear(t, e) {
-    const s = new C(t[0], t[1]), o = new C(e[0], e[1]), { width: n, height: r } = Le.eraserSizes[this.workOptions.thickness];
+    const s = new C(t[0], t[1]), o = new C(e[0], e[1]), { width: n, height: r } = ze.eraserSizes[this.workOptions.thickness];
     return C.Dist(s, o) < Math.hypot(n, r) * 0.5;
   }
   remove(t) {
@@ -2333,8 +2333,8 @@ const Le = class Le extends W {
   }
 };
 // 来源于white-sdk
-y(Le, "eraserSizes", cs);
-let li = Le;
+y(ze, "eraserSizes", cs);
+let li = ze;
 const $t = "++", H = "selector", Li = "all";
 var uf = "__lodash_hash_undefined__";
 function df(a) {
@@ -2509,7 +2509,7 @@ function dg(a, i) {
   return ug(a, i);
 }
 var pg = dg;
-const Ie = /* @__PURE__ */ Re(pg), Mi = class Mi extends W {
+const Ie = /* @__PURE__ */ We(pg), Mi = class Mi extends W {
   constructor(t) {
     super(t);
     y(this, "toolsType", S.Selector);
@@ -3216,7 +3216,7 @@ class on extends W {
         w: Math.floor(f.width),
         h: Math.floor(f.height)
       };
-      if (mn(h, g) !== Ae.outside) {
+      if (mn(h, g) !== je.outside) {
         const M = dt(h, this.oldRect);
         return this.oldRect = h, {
           rect: M,
@@ -4243,7 +4243,7 @@ function Mg(a) {
   return a === !0 || a === !1 || gg(a) && fg(a) == yg;
 }
 var mg = Mg;
-const be = /* @__PURE__ */ Re(mg);
+const Le = /* @__PURE__ */ We(mg);
 class ln extends W {
   constructor(t) {
     super(t);
@@ -4505,7 +4505,7 @@ const de = class de extends W {
     const s = this.workId.toString(), { fontColor: o, fontBgColor: n, bold: r, italic: c, lineThrough: l, underline: u, zIndex: h } = t, d = (g = this.vNodes) == null ? void 0 : g.get(s);
     if (!d)
       return;
-    o && (d.opt.fontColor = o), n && (d.opt.fontBgColor = n), r && (d.opt.bold = r), c && (d.opt.italic = c), be(l) && (d.opt.lineThrough = l), be(u) && (d.opt.underline = u), Rt(h) && (d.opt.zIndex = h), this.oldRect = d.rect;
+    o && (d.opt.fontColor = o), n && (d.opt.fontBgColor = n), r && (d.opt.bold = r), c && (d.opt.italic = c), Le(l) && (d.opt.lineThrough = l), Le(u) && (d.opt.underline = u), Rt(h) && (d.opt.zIndex = h), this.oldRect = d.rect;
     const f = await this.draw({
       workId: s,
       layer: this.fullLayer,
@@ -4634,7 +4634,7 @@ const de = class de extends W {
       });
     })), r && m.fontBgColor && (m.fontBgColor = r, e.children.forEach((x) => {
       x.tagName === "GROUP" && x.setAttribute("bgcolor", r);
-    })), f && (m.bold = f), g && (m.italic = g), be(p) && (m.lineThrough = p), be(M) && (m.underline = M), I && (m.fontSize = I), u && h && d && n && m.boxPoint) {
+    })), f && (m.bold = f), g && (m.italic = g), Le(p) && (m.lineThrough = p), Le(M) && (m.underline = M), I && (m.fontSize = I), u && h && d && n && m.boxPoint) {
       const x = v == null ? void 0 : v.get(e.name);
       if (x) {
         const { fontSize: O, boxSize: E } = x;
@@ -4687,7 +4687,7 @@ const de = class de extends W {
 // 4k
 y(de, "textImageSnippetSize", 1024 * 4), y(de, "SafeBorderPadding", 30);
 let di = de;
-const ze = class ze extends W {
+const Pe = class Pe extends W {
   constructor(t, e) {
     super(t);
     y(this, "canRotate", !1);
@@ -4705,7 +4705,7 @@ const ze = class ze extends W {
   consumeService() {
   }
   createEraserRect(t) {
-    const e = t[0] * this.worldScaling[0] + this.worldPosition[0], s = t[1] * this.worldScaling[1] + this.worldPosition[1], { width: o, height: n } = ze.eraserSizes[this.workOptions.thickness];
+    const e = t[0] * this.worldScaling[0] + this.worldPosition[0], s = t[1] * this.worldScaling[1] + this.worldPosition[1], { width: o, height: n } = Pe.eraserSizes[this.workOptions.thickness];
     this.eraserRect = {
       x: e - o * 0.5,
       y: s - n * 0.5,
@@ -4716,7 +4716,7 @@ const ze = class ze extends W {
   computRectCenterPoints() {
     const t = this.tmpPoints.slice(-2);
     if (this.tmpPoints.length === 4) {
-      const e = new C(this.tmpPoints[0], this.tmpPoints[1]), s = new C(this.tmpPoints[2], this.tmpPoints[3]), o = C.Sub(s, e).uni(), n = C.Dist(e, s), { width: r, height: c } = ze.eraserSizes[this.workOptions.thickness], l = Math.min(r, c), u = Math.round(n / l);
+      const e = new C(this.tmpPoints[0], this.tmpPoints[1]), s = new C(this.tmpPoints[2], this.tmpPoints[3]), o = C.Sub(s, e).uni(), n = C.Dist(e, s), { width: r, height: c } = Pe.eraserSizes[this.workOptions.thickness], l = Math.min(r, c), u = Math.round(n / l);
       if (u > 1) {
         const h = [];
         for (let d = 0; d < u; d++) {
@@ -4729,7 +4729,7 @@ const ze = class ze extends W {
     return t;
   }
   isNear(t, e) {
-    const s = new C(t[0], t[1]), o = new C(e[0], e[1]), { width: n, height: r } = ze.eraserSizes[this.workOptions.thickness];
+    const s = new C(t[0], t[1]), o = new C(e[0], e[1]), { width: n, height: r } = Pe.eraserSizes[this.workOptions.thickness];
     return C.Dist(s, o) < Math.hypot(n, r) * 0.5;
   }
   cutPolyline(t, e) {
@@ -4894,9 +4894,9 @@ const ze = class ze extends W {
   }
 };
 // 来源于white-sdk
-y(ze, "eraserSizes", cs);
-let pi = ze;
-const Pe = class Pe extends W {
+y(Pe, "eraserSizes", cs);
+let pi = Pe;
+const De = class De extends W {
   constructor(t) {
     super(t);
     y(this, "canRotate", !1);
@@ -4919,7 +4919,7 @@ const Pe = class Pe extends W {
       return {
         type: L.None
       };
-    const { thickness: t } = this.workOptions, { width: e, height: s } = Pe.eraserSizes[t], o = Math.max(e, s) / this.worldScaling[0], n = this.drawLayer || this.fullLayer, r = this.workId, c = {
+    const { thickness: t } = this.workOptions, { width: e, height: s } = De.eraserSizes[t], o = Math.max(e, s) / this.worldScaling[0], n = this.drawLayer || this.fullLayer, r = this.workId, c = {
       name: r
     };
     return {
@@ -5022,7 +5022,7 @@ const Pe = class Pe extends W {
         type: L.None,
         ...this.baseConsumeResult
       };
-    const { thickness: u } = this.workOptions, { width: h, height: d } = Pe.eraserSizes[u], f = Math.max(h, d) / this.worldScaling[0], g = this.tmpPoints.length, p = this.tmpPoints[this.tmpPoints.length - 1], M = this.updateTempPoints(l, f), I = this.tmpPoints[this.tmpPoints.length - 1];
+    const { thickness: u } = this.workOptions, { width: h, height: d } = De.eraserSizes[u], f = Math.max(h, d) / this.worldScaling[0], g = this.tmpPoints.length, p = this.tmpPoints[this.tmpPoints.length - 1], M = this.updateTempPoints(l, f), I = this.tmpPoints[this.tmpPoints.length - 1];
     if (g === this.tmpPoints.length && I.equalsXY(p.x, p.y))
       return {
         type: L.None,
@@ -5078,7 +5078,7 @@ const Pe = class Pe extends W {
       pos: [0, 0],
       anchor: [0.5, 0.5],
       zIndex: 9999,
-      bgcolor: "rgba(136,136,136,0.3)"
+      bgcolor: this.workOptions.eraserColor
     }), h = this.computEraserPointLines(s), d = [];
     for (const f of h)
       d.push({ op: f, thickness: n });
@@ -5086,7 +5086,7 @@ const Pe = class Pe extends W {
       const { thickness: g, op: p } = f, M = p.reduce((w, m, x, b) => x > 0 && b[x - 1][0] === m[0] && b[x - 1][1] === m[1] ? w : w.concat(m[0], m[1]), []), I = this.computEraserPoints(M, g), v = ce(I, !0), N = {
         pos: [0, 0],
         d: v,
-        fillColor: "rgba(136,136,136,0.3)"
+        fillColor: this.workOptions.eraserColor
       }, T = new he(N);
       u.append(T), u.seal();
     }
@@ -5112,7 +5112,7 @@ const Pe = class Pe extends W {
         type: L.None,
         ...this.baseConsumeResult
       };
-    const { thickness: s } = this.workOptions, { width: o, height: n } = Pe.eraserSizes[s], r = Math.max(o, n) / this.worldScaling[0], { willDeleteNodes: c, willUpdateNodes: l, rect: u } = this.getChangeNodes(r, e);
+    const { thickness: s } = this.workOptions, { width: o, height: n } = De.eraserSizes[s], r = Math.max(o, n) / this.worldScaling[0], { willDeleteNodes: c, willUpdateNodes: l, rect: u } = this.getChangeNodes(r, e);
     if (c.size === 0 && l.size === 0)
       return {
         type: L.FullWork,
@@ -5139,8 +5139,8 @@ const Pe = class Pe extends W {
   }
 };
 // 来源于white-sdk
-y(Pe, "eraserSizes", cs);
-let fi = Pe;
+y(De, "eraserSizes", cs);
+let fi = De;
 function hn(a) {
   switch (a) {
     case S.Arrow:
@@ -5288,7 +5288,7 @@ class wg {
       name: i,
       rect: t.rect
     };
-    t.rect && (e.rect = zt(t.rect)), t.op && FM(t.op) && (e.op = zt(t.op)), t.canRotate && (e.canRotate = t.canRotate), t.scaleType && (e.scaleType = t.scaleType), t.opt && (e.opt = zt(t.opt)), t.toolsType && (e.toolsType = t.toolsType), t.centerPos && (e.centerPos = zt(t.centerPos)), be(t.isSelected) && (e.isSelected = t.isSelected), e.rect ? this.curNodeMap.set(i, e) : this.curNodeMap.delete(i);
+    t.rect && (e.rect = zt(t.rect)), t.op && FM(t.op) && (e.op = zt(t.op)), t.canRotate && (e.canRotate = t.canRotate), t.scaleType && (e.scaleType = t.scaleType), t.opt && (e.opt = zt(t.opt)), t.toolsType && (e.toolsType = t.toolsType), t.centerPos && (e.centerPos = zt(t.centerPos)), Le(t.isSelected) && (e.isSelected = t.isSelected), e.rect ? this.curNodeMap.set(i, e) : this.curNodeMap.delete(i);
   }
   selected(i) {
     this.setInfo(i, { isSelected: !0 });
@@ -5509,7 +5509,7 @@ class vg {
       if (!r || !c || !l || !u)
         return;
       let d = r;
-      if (c === je.Iconify) {
+      if (c === Ee.Iconify) {
         const [M, I] = this.getIconSize(l, u, this.dpr);
         d = `${r}?width=${M}&height=${I}&color=${h}`;
       }
@@ -5846,7 +5846,7 @@ function ty(a, i, t) {
   });
 }
 var ey = ty;
-const fs = /* @__PURE__ */ Re(ey);
+const fs = /* @__PURE__ */ We(ey);
 function iy(a) {
   return a;
 }
@@ -6753,7 +6753,7 @@ class Ze extends W {
     if (!p) return;
     const M = e.parent;
     if (M) {
-      if (g && (p.opt.strokeColor = g), Rt(f) && (e.setAttribute("zIndex", f), p.opt.zIndex = f), be(d) && (p.opt.locked = d), c && l && u && r) {
+      if (g && (p.opt.strokeColor = g), Rt(f) && (e.setAttribute("zIndex", f), p.opt.zIndex = f), Le(d) && (p.opt.locked = d), c && l && u && r) {
         const { centerX: I, centerY: v, width: N, height: T, uniformScale: w } = p.opt, m = w !== !1 ? [u[0], u[0]] : u, x = [I, v], b = [I, v];
         ys(b, l, m, r);
         const z = [b[0] - x[0], b[1] - x[1]];
@@ -6958,7 +6958,7 @@ const Xt = (a, i) => new Promise(function(t) {
 }), le = (a) => {
   const i = (a == null ? void 0 : a.webkitBackingStorePixelRatio) || (a == null ? void 0 : a.mozBackingStorePixelRatio) || (a == null ? void 0 : a.msBackingStorePixelRatio) || (a == null ? void 0 : a.oBackingStorePixelRatio) || (a == null ? void 0 : a.backingStorePixelRatio) || 1;
   return Math.max(1, (window.devicePixelRatio || 1) / i);
-}, mn = (a, i) => a.x + a.w < i.x || a.x > i.x + i.w || a.y + a.h < i.y || a.y > i.y + i.h ? Ae.outside : a.x >= i.x && a.y >= i.y && a.x + a.w <= i.x + i.w && a.y + a.h <= i.y + i.h ? Ae.inside : Ae.intersect;
+}, mn = (a, i) => a.x + a.w < i.x || a.x > i.x + i.w || a.y + a.h < i.y || a.y > i.y + i.h ? je.outside : a.x >= i.x && a.y >= i.y && a.x + a.w <= i.x + i.w && a.y + a.h <= i.y + i.h ? je.inside : je.intersect;
 function XM(a) {
   let i = 0;
   for (let t = 0; t < a.length; t++) {
@@ -7326,11 +7326,13 @@ const kt = class kt extends JM {
     e === void 0 ? delete c[o][n][t] : (c[o] || (c[o] = {}), c[o][n] || (c[o][n] = {}), c[o][n][t] = e), this.runSyncService(s);
   }
   runSyncService(t) {
-    this.asyncClockState || (this.asyncClockState = !0, setTimeout(() => {
-      t.isSync ? (this.asyncClockState = !1, this.syncSerivice(t)) : Xt(() => {
+    this.asyncClockState || (this.asyncClockState = !0, t.isSync && setTimeout(() => {
+      this.asyncClockState = !1, this.syncSerivice(t);
+    }, 0), setTimeout(() => {
+      Xt(() => {
         this.asyncClockState = !1, this.syncSerivice(t);
       }, kt.syncInterval);
-    }, t != null && t.isSync ? 0 : kt.syncInterval));
+    }, kt.syncInterval));
   }
   syncSerivice(t = {
     storage: this.storage
@@ -7693,23 +7695,24 @@ let me = Ut;
 class KM {
   constructor(i) {
     y(this, "internalMsgEmitter");
+    y(this, "publicMsgEmitter");
     y(this, "control");
     y(this, "editors");
     y(this, "activeId");
     y(this, "proxyMap");
     y(this, "taskqueue", /* @__PURE__ */ new Map());
-    const { control: t, internalMsgEmitter: e } = i;
-    this.control = t, this.internalMsgEmitter = e;
-    const s = /* @__PURE__ */ new Map();
+    const { control: t, internalMsgEmitter: e, publicMsgEmitter: s } = i;
+    this.control = t, this.internalMsgEmitter = e, this.publicMsgEmitter = s;
+    const o = /* @__PURE__ */ new Map();
     this.proxyMap = new me();
-    const o = this, n = me.interceptors.set;
-    me.interceptors.set = function(c, l) {
-      return o.interceptors.set(c, l), n.call(this, c, l);
+    const n = this, r = me.interceptors.set;
+    me.interceptors.set = function(l, u) {
+      return n.interceptors.set(l, u), r.call(this, l, u);
     };
-    const r = me.interceptors.delete;
-    me.interceptors.delete = function(c, l) {
-      return o.interceptors.delete(c, l), r.call(this, c);
-    }, this.editors = this.proxyMap.createProxy(s);
+    const c = me.interceptors.delete;
+    me.interceptors.delete = function(l, u) {
+      return n.interceptors.delete(l, u), c.call(this, l);
+    }, this.editors = this.proxyMap.createProxy(o);
   }
   get collector() {
     return this.control.collector;
@@ -8178,6 +8181,9 @@ class qt {
     y(this, "emtType");
     y(this, "control");
     y(this, "mainEngine");
+    y(this, "collectListener", (i, t) => {
+      this.collect(i, t);
+    });
   }
   static dispatch(i, t, e) {
     var s;
@@ -8187,10 +8193,10 @@ class qt {
     return this.control.collector;
   }
   registerForMainEngine(i, t) {
-    return this.emtType = i, this.control = t, this.mainEngine = t.worker, this.mainEngine.internalMsgEmitter.on([this.emtType, this.emitEventType], this.collect.bind(this)), this;
+    return this.emtType = i, this.control = t, this.mainEngine = t.worker, this.mainEngine.internalMsgEmitter.on([this.emtType, this.emitEventType], this.collectListener), this;
   }
   destroy() {
-    this.emtType && this.mainEngine && this.mainEngine.internalMsgEmitter.off([this.emtType, this.emitEventType], this.collect.bind(this));
+    this.emtType && this.mainEngine && this.mainEngine.internalMsgEmitter.off([this.emtType, this.emitEventType], this.collectListener);
   }
   collectForLocalWorker(i, t) {
     var e, s, o;
@@ -8429,7 +8435,7 @@ function Ke(a, i, t) {
 function Pt(a, i = 1) {
   return "rgba(" + parseInt("0x" + a.slice(1, 3)) + "," + parseInt("0x" + a.slice(3, 5)) + "," + parseInt("0x" + a.slice(5, 7)) + "," + i + ")";
 }
-function He(a, i, t, e = 1) {
+function xe(a, i, t, e = 1) {
   return `rgba(${a},${i},${t},${e})`;
 }
 function ki(a) {
@@ -9592,7 +9598,7 @@ class Mm extends ym {
   }
   async useMainThread() {
     console.info("no OffscreenCanvas");
-    const { MainThreadManagerImpl: t } = await import("./index-C7EVuWrK.mjs");
+    const { MainThreadManagerImpl: t } = await import("./index-79ksEO92.mjs");
     this.mainThread = new t(this);
   }
   async on() {
@@ -10634,7 +10640,7 @@ class Mm extends ym {
     if (t && n) {
       const c = Date.now();
       bt.InternalMsgEmitter.emit("addUndoTicker", c, t);
-      const l = { ...e, type: je.Iconify };
+      const l = { ...e, type: Ee.Iconify };
       this.zIndexNodeMethod && (this.zIndexNodeMethod.addMaxLayer(t), l.zIndex = this.zIndexNodeMethod.getMaxZIndex(t)), this.taskBatchData.add({
         msgType: L.FullWork,
         dataType: U.Local,
@@ -10662,7 +10668,7 @@ class Mm extends ym {
       }
       const c = Date.now();
       bt.InternalMsgEmitter.emit("addUndoTicker", c, t);
-      const l = { ...e, type: je.Image };
+      const l = { ...e, type: Ee.Image };
       this.zIndexNodeMethod && (this.zIndexNodeMethod.addMaxLayer(t), l.zIndex = this.zIndexNodeMethod.getMaxZIndex(t)), this.taskBatchData.add({
         msgType: L.FullWork,
         dataType: U.Local,
@@ -10689,7 +10695,7 @@ class Mm extends ym {
         if (h && h.toolsType === S.Image && h.opt.uuid === e) {
           const d = Date.now();
           bt.InternalMsgEmitter.emit("addUndoTicker", d, t);
-          const f = (r = this.collector) != null && r.isOwn(u) ? (c = this.collector) == null ? void 0 : c.getLocalId(u) : u, g = { ...h.opt, locked: s, type: je.Image };
+          const f = (r = this.collector) != null && r.isOwn(u) ? (c = this.collector) == null ? void 0 : c.getLocalId(u) : u, g = { ...h.opt, locked: s, type: Ee.Image };
           this.taskBatchData.add({
             msgType: L.FullWork,
             dataType: U.Local,
@@ -11721,13 +11727,13 @@ const we = class we {
         toolsOpt: {}
       };
     const e = {
-      strokeColor: He(t.strokeColor[0], t.strokeColor[1], t.strokeColor[2], t.strokeOpacity || 1),
+      strokeColor: xe(t.strokeColor[0], t.strokeColor[1], t.strokeColor[2], t.strokeOpacity || 1),
       thickness: t.strokeWidth,
       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 (i) {
       case S.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) && He(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) && He(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;
+        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) && xe(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) && xe(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 S.Pencil:
         e.strokeType = (t == null ? void 0 : t.strokeType) || it.Normal;
@@ -11735,7 +11741,7 @@ const we = class we {
       case S.PencilEraser:
       case S.BitMapEraser:
       case S.Eraser:
-        e.thickness = Math.min(4, Math.max(1, Math.floor(t.pencilEraserSize || 1))) - 1;
+        e.thickness = Math.min(4, Math.max(1, Math.floor(t.pencilEraserSize || 1))) - 1, i === S.BitMapEraser && (e.eraserColor = t.eraserColor && xe(t.eraserColor[0], t.eraserColor[1], t.eraserColor[2], t.eraserOpacity || 0.3) || "rgba(136,136,136,0.3)");
         break;
       case S.LaserPen:
         e.duration = (t == null ? void 0 : t.duration) || 1, t != null && t.strokeType && (t == null ? void 0 : t.strokeType) === it.Stroke ? e.strokeType = it.Normal : e.strokeType = (t == null ? void 0 : t.strokeType) || it.Normal;
@@ -11749,7 +11755,7 @@ const we = class we {
       case S.Star:
       case S.Polygon:
       case S.SpeechBalloon:
-        t != null && t.strokeType && (t == null ? void 0 : t.strokeType) === it.Stroke ? e.strokeType = it.Normal : e.strokeType = (t == null ? void 0 : t.strokeType) || it.Normal, i === S.Star && (t.shapeType === ee.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)), i === S.Polygon && (t.shapeType === ee.Triangle ? e.vertices = 3 : t.shapeType === ee.Rhombus ? e.vertices = 4 : t.vertices && (e.vertices = t.vertices)), e.fillColor = (t == null ? void 0 : t.fillColor) && He(t.fillColor[0], t.fillColor[1], t.fillColor[2], t == null ? void 0 : t.fillOpacity) || "transparent", i === S.SpeechBalloon && (e.placement = t.placement || "bottomLeft");
+        t != null && t.strokeType && (t == null ? void 0 : t.strokeType) === it.Stroke ? e.strokeType = it.Normal : e.strokeType = (t == null ? void 0 : t.strokeType) || it.Normal, i === S.Star && (t.shapeType === ee.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)), i === S.Polygon && (t.shapeType === ee.Triangle ? e.vertices = 3 : t.shapeType === ee.Rhombus ? e.vertices = 4 : t.vertices && (e.vertices = t.vertices)), e.fillColor = (t == null ? void 0 : t.fillColor) && xe(t.fillColor[0], t.fillColor[1], t.fillColor[2], t == null ? void 0 : t.fillOpacity) || "transparent", i === S.SpeechBalloon && (e.placement = t.placement || "bottomLeft");
         break;
     }
     return {
@@ -11908,7 +11914,7 @@ const we = class we {
   insertIconify(i, t) {
     var s;
     if (this.viewContainerManager.getView(i) && this.room) {
-      const o = this.room.state.memberState, n = He(o.strokeColor[0], o.strokeColor[1], o.strokeColor[2], o.strokeOpacity || 1);
+      const o = this.room.state.memberState, n = xe(o.strokeColor[0], o.strokeColor[1], o.strokeColor[2], o.strokeOpacity || 1);
       (s = this.worker) == null || s.insertIconify(i, { ...t, strokeColor: n });
     }
   }
@@ -11961,23 +11967,23 @@ const ve = class ve {
       this.tickStartStorerCache = new Map(Object.entries(ft(n)));
     }
   }
-  undoTickerEndSync(i, t, e) {
-    var s, o;
+  undoTickerEndSync(i, t, e, s = !0) {
+    var o, n;
     if (i === this.undoTickerId && e === this.scenePath && t === this.viewId && this.tickStartStorerCache) {
-      const n = ((s = this.collector) == null ? void 0 : s.storage[t]) && ((o = this.collector) == null ? void 0 : o.storage[t][e]) || {}, r = this.diffFun(
+      const r = ((o = this.collector) == null ? void 0 : o.storage[t]) && ((n = this.collector) == null ? void 0 : n.storage[t][e]) || {}, c = this.diffFun(
         this.tickStartStorerCache,
-        new Map(Object.entries(n))
+        new Map(Object.entries(r))
       );
-      r.size && (this.undoStack.push({
+      c.size && (this.undoStack.push({
         id: i,
         type: 2,
-        data: ft(r),
+        data: ft(c),
         scenePath: e
-      }), this.undoStack.length > ve.MaxStackLength && this.undoStack.shift(), this.emitter.emit("onCanUndoStepsUpdate", this.undoStack.length)), this.redoStack.length && (this.redoStack.length = 0, this.emitter.emit("onCanRedoStepsUpdate", this.redoStack.length)), this.isTicking = !1, this.scenePath = void 0, this.tickStartStorerCache = void 0, this.undoTickerId = void 0, this.excludeIds.clear();
+      }), this.undoStack.length > ve.MaxStackLength && this.undoStack.shift(), s && this.emitter.emit("onCanUndoStepsUpdate", this.undoStack.length + 1)), this.redoStack.length && (this.redoStack.length = 0, this.emitter.emit("onCanRedoStepsUpdate", this.redoStack.length)), this.isTicking = !1, this.scenePath = void 0, this.tickStartStorerCache = void 0, this.undoTickerId = void 0, this.excludeIds.clear();
     }
   }
   undo(i) {
-    this.undoTickerId && this.tickStartStorerCache && this.scenePath && this.undoTickerEndSync(this.undoTickerId, this.viewId, this.scenePath);
+    this.undoTickerId && this.tickStartStorerCache && this.scenePath && this.undoTickerEndSync(this.undoTickerId, this.viewId, this.scenePath, !1);
     let t = this.undoStack.length - 1;
     for (; t >= 0; ) {
       if (this.undoStack[t].scenePath === i) {
@@ -12215,7 +12221,7 @@ let yi = ve;
 function Sm(a) {
   return a instanceof TouchEvent || a instanceof window.TouchEvent || (a == null ? void 0 : a.touches) && (a == null ? void 0 : a.touches.length) || (a == null ? void 0 : a.changedTouches) && (a == null ? void 0 : a.changedTouches.length);
 }
-function Ee(a) {
+function Oe(a) {
   return Sm(a) && (a.touches && a.touches.length === 1 || a.changedTouches && a.changedTouches.length === 1);
 }
 function wn(a) {
@@ -12236,16 +12242,16 @@ class Ge {
     y(this, "control");
     y(this, "mainView");
     y(this, "appViews", /* @__PURE__ */ new Map());
+    y(this, "undoTickerStart", (i, t) => {
+      const e = this.getView(t);
+      e && e.displayer && e.focusScenePath && e.displayer.commiter.undoTickerStart(i, e.focusScenePath);
+    });
+    y(this, "addExcludeIds", (i, t) => {
+      const e = this.getView(t);
+      e && e.displayer && e.focusScenePath && e.displayer.commiter.addExcludeIds(i);
+    });
     const { control: t, internalMsgEmitter: e } = i;
-    this.control = t, this.internalMsgEmitter = e, this.internalMsgEmitter.on("addUndoTicker", this.undoTickerStart.bind(this)), this.internalMsgEmitter.on("excludeIds", this.addExcludeIds.bind(this));
-  }
-  undoTickerStart(i, t) {
-    const e = this.getView(t);
-    e && e.displayer && e.focusScenePath && e.displayer.commiter.undoTickerStart(i, e.focusScenePath);
-  }
-  addExcludeIds(i, t) {
-    const e = this.getView(t);
-    e && e.displayer && e.focusScenePath && e.displayer.commiter.addExcludeIds(i);
+    this.control = t, this.internalMsgEmitter = e, this.internalMsgEmitter.on("addUndoTicker", this.undoTickerStart), this.internalMsgEmitter.on("excludeIds", this.addExcludeIds);
   }
   undo() {
     const i = this.focuedView;
@@ -12330,7 +12336,7 @@ class Ge {
   /** 销毁 */
   destroy() {
     var i;
-    this.internalMsgEmitter.removeAllListeners("addUndoTicker"), this.internalMsgEmitter.removeAllListeners("excludeIds"), (i = this.mainView) == null || i.displayer.destroy(), this.control.destroyMiniMap(Mt), this.appViews.forEach((t) => {
+    this.internalMsgEmitter.off("addUndoTicker", this.undoTickerStart), this.internalMsgEmitter.off("excludeIds", this.addExcludeIds), (i = this.mainView) == null || i.displayer.destroy(), this.control.destroyMiniMap(Mt), this.appViews.forEach((t) => {
       this.destroyAppView(t.id, !0), this.control.worker.destroyViewWorker(t.id), this.control.destroyMiniMap(t.id);
     });
   }
@@ -12464,7 +12470,7 @@ class Tm {
     y(this, "touchstart", (i) => {
       var t;
       if (this.active) {
-        if (!Ee(i)) {
+        if (!Oe(i)) {
           this.control.worker.unWritable(), this.viewId && this.control.worker.removeDrawingWork(this.viewId);
           return;
         }
@@ -12481,7 +12487,7 @@ class Tm {
     });
     y(this, "touchmove", (i) => {
       if (this.active) {
-        if (!Ee(i)) {
+        if (!Oe(i)) {
           this.control.worker.unWritable(), this.control.worker.removeDrawingWork(this.viewId);
           return;
         }
@@ -12493,7 +12499,7 @@ class Tm {
     });
     y(this, "touchend", (i) => {
       if (this.active) {
-        if (!Ee(i) || !this.control.worker.isAbled()) {
+        if (!Oe(i) || !this.control.worker.isAbled()) {
           this.control.worker.unWritable(), this.control.worker.removeDrawingWork(this.viewId);
           return;
         }
@@ -12621,7 +12627,7 @@ class vn {
     y(this, "touchstart", (i) => {
       var e;
       if (!this.active) return;
-      if (!Ee(i)) {
+      if (!Oe(i)) {
         this.control.worker.unWritable(), this.viewId && this.control.worker.removeDrawingWork(this.viewId);
         return;
       }
@@ -12635,7 +12641,7 @@ class vn {
     });
     y(this, "touchmove", (i) => {
       if (!this.active) return;
-      if (!Ee(i)) {
+      if (!Oe(i)) {
         this.control.worker.unWritable(), this.viewId && this.control.worker.removeDrawingWork(this.viewId);
         return;
       }
@@ -12644,7 +12650,7 @@ class vn {
     });
     y(this, "touchend", (i) => {
       if (!this.active) return;
-      if (!Ee(i) || !this.control.worker.isAbled()) {
+      if (!Oe(i) || !this.control.worker.isAbled()) {
         this.control.worker.unWritable(), this.control.worker.removeDrawingWork(this.viewId);
         return;
       }
@@ -12932,7 +12938,7 @@ const Ym = (a) => {
       }
     ),
     /* @__PURE__ */ k.createElement("div", { className: "range-opacity" }, /* @__PURE__ */ k.createElement(
-      Oe,
+      Re,
       {
         bounds: "parent",
         axis: "x",
@@ -12993,7 +12999,7 @@ const Ym = (a) => {
       }
     ),
     /* @__PURE__ */ k.createElement("div", { className: "range-opacity" }, /* @__PURE__ */ k.createElement(
-      Oe,
+      Re,
       {
         bounds: "parent",
         axis: "x",
@@ -13521,7 +13527,7 @@ const Ym = (a) => {
   80,
   144,
   288
-]), xe = [
+]), be = [
   "top",
   "topLeft",
   "topRight",
@@ -13764,7 +13770,7 @@ const Ym = (a) => {
     },
     /* @__PURE__ */ k.createElement("div", { className: "range-number-color" }),
     /* @__PURE__ */ k.createElement("div", { className: "range-number" }, /* @__PURE__ */ k.createElement(
-      Oe,
+      Re,
       {
         bounds: "parent",
         axis: "x",
@@ -13778,7 +13784,7 @@ const Ym = (a) => {
   );
 }, nw = (a) => {
   const { icon: i, value: t, onChangeHandler: e, style: s } = a, [o, n] = nt(0), [r, c] = nt(), l = fe(null), u = No((f) => {
-    f >= xe.length && (f = 0), f < 0 && (f = xe.length - 1), n(f), e(xe[f]), c(!1), l.current && (l.current.value = xe[f]);
+    f >= be.length && (f = 0), f < 0 && (f = be.length - 1), n(f), e(be[f]), c(!1), l.current && (l.current.value = be[f]);
   }, [e]), h = q(() => {
     if (s && s.bottom) {
       const f = {};
@@ -13786,9 +13792,9 @@ const Ym = (a) => {
     }
   }, [s]);
   yt(() => {
-    t && (n(xe.indexOf(t)), l.current && (l.current.value = t));
+    t && (n(be.indexOf(t)), l.current && (l.current.value = t));
   }, [t]);
-  const d = q(() => r ? /* @__PURE__ */ k.createElement(rw, { options: xe, onClickHandler: u, style: h }) : null, [r, u, h]);
+  const d = q(() => r ? /* @__PURE__ */ k.createElement(rw, { options: be, onClickHandler: u, style: h }) : null, [r, u, h]);
   return /* @__PURE__ */ k.createElement("div", { className: "button input-button" }, /* @__PURE__ */ k.createElement("img", { src: At(i) }), /* @__PURE__ */ k.createElement(
     "input",
     {
@@ -14325,8 +14331,8 @@ const Ym = (a) => {
     if (pt.length > 1)
       for (let Dt = 1; Dt < pt.length; Dt++) {
         let Kt = pt[Dt];
-        const Ve = document.createElement("div");
-        d.fontBgColor && (Ve.style.backgroundColor = d.fontBgColor), Dt === pt.length - 1 && (ye = Kt.length, Kt = Kt.concat(ht)), Kt === "" ? Ve.innerHTML = "<br/>" : Ve.innerText = Kt, X.appendChild(Ve), Dt === pt.length - 1 && (St = Ve.childNodes[0]);
+        const $e = document.createElement("div");
+        d.fontBgColor && ($e.style.backgroundColor = d.fontBgColor), Dt === pt.length - 1 && (ye = Kt.length, Kt = Kt.concat(ht)), Kt === "" ? $e.innerHTML = "<br/>" : $e.innerText = Kt, X.appendChild($e), Dt === pt.length - 1 && (St = $e.childNodes[0]);
       }
     if (Tt.length) {
       Tt.reverse();
@@ -14443,21 +14449,21 @@ class gw extends Sn {
     }));
   }
   handleKeyUp(t) {
+    var o, n;
     const e = this.getInnerText(t.nativeEvent.target), s = this.props.activeTextId;
     if (s) {
-      const o = this.props.manager.control.textEditorManager.get(s), n = Jt(e), r = P.Doing, c = [t.nativeEvent.target.offsetWidth, t.nativeEvent.target.offsetHeight];
-      (!o || o && (o.opt.text !== n || !gt(o.opt.boxSize, c) || !gt(o.opt.workState, r))) && this.updateOptInfo({
-        activeTextId: s,
-        update: {
-          text: n,
-          boxSize: c,
-          workState: r
-        },
-        syncData: {
-          canSync: !0,
-          canWorker: !0
-        }
-      });
+      const r = this.props.manager.control.textEditorManager.get(s), c = Jt(e), l = P.Doing, u = [t.nativeEvent.target.offsetWidth, t.nativeEvent.target.offsetHeight];
+      if (!r || r && (r.opt.text !== c || !gt(r.opt.boxSize, u) || !gt(r.opt.workState, l))) {
+        if (t.nativeEvent.isComposing)
+          return;
+        const h = s && ft(((o = this.props.manager.control.textEditorManager) == null ? void 0 : o.get(s)) || ((n = this.props.editors) == null ? void 0 : n.get(s)));
+        h && h.opt && (h.opt = {
+          ...h.opt,
+          text: c,
+          boxSize: u,
+          workState: l
+        }, h.canSync = !0, h.canWorker = !0, this.props.manager.control.textEditorManager.updateForViewEdited(s, h)), this.props.manager.control.textEditorManager.publicMsgEmitter.emit("textChange", s, t.nativeEvent.target, e, h);
+      }
     }
   }
   handleFocus(t) {
@@ -14657,7 +14663,7 @@ const yw = () => {
     );
   }, 100, { trailing: !0 });
   return /* @__PURE__ */ k.createElement(
-    Oe,
+    Re,
     {
       disabled: p,
       position: r,
@@ -14740,7 +14746,7 @@ const yw = () => {
     ));
   }, 100, { trailing: !1 }), N = q(() => !!((i == null ? void 0 : i.scaleType) === lt.none && (i != null && i.canLock)), [i]), T = (w) => (w.stopPropagation(), w.cancelable && w.preventDefault(), (r == null ? void 0 : r.x) === (i == null ? void 0 : i.x) && (r == null ? void 0 : r.y) === (i == null ? void 0 : i.y) && s(w), !1);
   return /* @__PURE__ */ k.createElement(
-    Oe,
+    Re,
     {
       disabled: h,
       position: l,
@@ -15003,7 +15009,7 @@ const yw = () => {
     }
   };
   return /* @__PURE__ */ k.createElement(
-    Oe,
+    Re,
     {
       disabled: d,
       position: c,
@@ -16038,7 +16044,7 @@ const Y = class Y extends mo {
       },
       usePlugin: (p) => {
         var M;
-        Y.logger.info("[ApplianceMultiPlugin] usePlugin"), (M = Y.currentManager) == null || M.usePlugin(p);
+        Y.logger.info("[ApplianceMultiPlugin] usePlugin", p.kind), (M = Y.currentManager) == null || M.usePlugin(p);
       },
       getDisableDeviceInputs() {
         if (Y.logger.info("[ApplianceMultiPlugin] getDisableDeviceInputs"), Y.currentManager && _(s))
@@ -16555,7 +16561,7 @@ const R = class R extends mo {
       },
       usePlugin: (g) => {
         var p;
-        R.logger.info("[ApplianceSinglePlugin] usePlugin"), (p = R.currentManager) == null || p.usePlugin(g);
+        R.logger.info("[ApplianceSinglePlugin] usePlugin", g.kind), (p = R.currentManager) == null || p.usePlugin(g);
       },
       getDisableDeviceInputs() {
         if (R.logger.info("[ApplianceSinglePlugin] getDisableDeviceInputs"), R.currentManager && _(t))
@@ -16679,20 +16685,20 @@ y(R, "kind", "appliance-aids-single-plugin"), y(R, "cursorAdapter"), y(R, "curre
   n.init(), R.logger.info("[ApplianceSinglePlugin] refresh ApplianceSingleManager object"), R.currentManager = n, _(t) && t.logger.info(`[ApplianceSinglePlugin] use ${as}`);
 });
 let yo = R;
-const De = class De extends k.Component {
+const Ae = class Ae extends k.Component {
   constructor() {
     super(...arguments);
     y(this, "mainViewRef", null);
   }
   componentDidMount() {
-    De.emiter || (De.emiter = Zt.InternalMsgEmitter), De.emiter.emit(st.BindMainView, this.mainViewRef);
+    Ae.emiter || (Ae.emiter = Zt.InternalMsgEmitter), Ae.emiter.emit(st.BindMainView, this.mainViewRef);
   }
   render() {
     return /* @__PURE__ */ k.createElement(k.Fragment, null, this.props.children, /* @__PURE__ */ k.createElement("div", { className: "appliance-plugin-main-view-displayer", ref: (t) => this.mainViewRef = t }));
   }
 };
-y(De, "emiter");
-let Mo = De;
+y(Ae, "emiter");
+let Mo = Ae;
 class _w extends Im {
   constructor(t) {
     super();
@@ -16887,9 +16893,9 @@ export {
   fs as h,
   BM as i,
   B as j,
-  je as k,
+  Ee as k,
   mn as l,
-  Ae as m,
+  je as m,
   dt as n,
   Ie as o,
   Rt as p,