@netless/appliance-plugin 1.1.28 → 1.1.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -8,13 +8,13 @@ import "clipper-lib";
8
8
  import "lineclip";
9
9
  import Ii from "xss";
10
10
  import { debounce as Lt, cloneDeep as ae, isEqual as ce, isSet as We, isNumber as te, isBoolean as Be, throttle as $n, clone as _i } from "lodash";
11
- import wi from "eventemitter2";
12
- import w, { useContext as Se, useState as se, useMemo as G, useEffect as Me, useRef as xe, useCallback as yt } from "react";
11
+ import mi from "eventemitter2";
12
+ import m, { useContext as Se, useState as se, useMemo as G, useEffect as Me, useRef as xe, useCallback as yt } from "react";
13
13
  import bi, { createPortal as Yo } from "react-dom";
14
14
  import vt from "react-draggable";
15
15
  import { Resizable as Ro } from "re-resizable";
16
16
  const MI = "/fullWorker.js", fI = "/subWorker.js";
17
- var ie = /* @__PURE__ */ ((o) => (o.selector = "selector", o.clicker = "clicker", o.laserPointer = "laserPointer", o.pencil = "pencil", o.rectangle = "rectangle", o.ellipse = "ellipse", o.shape = "shape", o.eraser = "eraser", o.pencilEraser = "pencilEraser", o.text = "text", o.straight = "straight", o.arrow = "arrow", o.hand = "hand", o.laserPen = "laserPen", o))(ie || {}), me = /* @__PURE__ */ ((o) => (o.Normal = "Normal", o.Stroke = "Stroke", o.Dotted = "Dotted", o.LongDotted = "LongDotted", o))(me || {}), _e = /* @__PURE__ */ ((o) => (o.Triangle = "triangle", o.Rhombus = "rhombus", o.Pentagram = "pentagram", o.SpeechBalloon = "speechBalloon", o.Star = "star", o.Polygon = "polygon", o))(_e || {}), U = /* @__PURE__ */ ((o) => (o.None = "None", o.ShowFloatBar = "ShowFloatBar", o.ZIndexFloatBar = "ZIndexFloatBar", o.DeleteNode = "DeleteNode", o.CopyNode = "CopyNode", o.ZIndexActive = "ZIndexActive", o.ZIndexNode = "ZIndexNode", o.RotateNode = "RotateNode", o.SetColorNode = "SetColorNode", o.TranslateNode = "TranslateNode", o.ScaleNode = "ScaleNode", o.OriginalEvent = "OriginalEvent", o.CreateScene = "CreateScene", o.ActiveCursor = "ActiveCursor", o.MoveCursor = "MoveCursor", o.CommandEditor = "CommandEditor", o.SetEditorData = "SetEditorData", o.SetFontStyle = "SetFontStyle", o.SetPoint = "SetPoint", o.SetLock = "SetLock", o.SetShapeOpt = "SetShapeOpt", o.CameraChange = "CameraChange", o.ActiveMethod = "ActiveMethod", o.HidFloatBarBtn = "HidFloatBarBtn", o))(U || {}), ee = /* @__PURE__ */ ((o) => (o.DisplayState = "DisplayState", o.MainEngine = "MainEngine", o.Cursor = "Cursor", o.BindMainView = "BindMainView", o))(ee || {}), Uo = /* @__PURE__ */ ((o) => (o[o.MainView = 0] = "MainView", o[o.Plugin = 1] = "Plugin", o[o.Both = 2] = "Both", o))(Uo || {}), Hn = /* @__PURE__ */ ((o) => (o.longPencil = "longPencil", o))(Hn || {}), T = /* @__PURE__ */ ((o) => (o[o.Pencil = 1] = "Pencil", o[o.Eraser = 2] = "Eraser", o[o.PencilEraser = 3] = "PencilEraser", o[o.BitMapEraser = 4] = "BitMapEraser", o[o.Selector = 5] = "Selector", o[o.Clicker = 6] = "Clicker", o[o.Arrow = 7] = "Arrow", o[o.Hand = 8] = "Hand", o[o.LaserPen = 9] = "LaserPen", o[o.Text = 10] = "Text", o[o.Straight = 11] = "Straight", o[o.Rectangle = 12] = "Rectangle", o[o.Ellipse = 13] = "Ellipse", o[o.Star = 14] = "Star", o[o.Triangle = 15] = "Triangle", o[o.Rhombus = 16] = "Rhombus", o[o.Polygon = 17] = "Polygon", o[o.SpeechBalloon = 18] = "SpeechBalloon", o[o.Image = 19] = "Image", o))(T || {}), q = /* @__PURE__ */ ((o) => (o[o.Local = 1] = "Local", o[o.Service = 2] = "Service", o[o.Worker = 3] = "Worker", o))(q || {}), x = /* @__PURE__ */ ((o) => (o[o.Pending = 0] = "Pending", o[o.Start = 1] = "Start", o[o.Doing = 2] = "Doing", o[o.Done = 3] = "Done", o[o.Unwritable = 4] = "Unwritable", o))(x || {}), R = /* @__PURE__ */ ((o) => (o[o.None = 0] = "None", o[o.Init = 1] = "Init", o[o.UpdateCamera = 2] = "UpdateCamera", o[o.UpdateTools = 3] = "UpdateTools", o[o.CreateWork = 4] = "CreateWork", o[o.DrawWork = 5] = "DrawWork", o[o.FullWork = 6] = "FullWork", o[o.UpdateNode = 7] = "UpdateNode", o[o.RemoveNode = 8] = "RemoveNode", o[o.Clear = 9] = "Clear", o[o.Select = 10] = "Select", o[o.Destroy = 11] = "Destroy", o[o.Snapshot = 12] = "Snapshot", o[o.BoundingBox = 13] = "BoundingBox", o[o.Cursor = 14] = "Cursor", o[o.TextUpdate = 15] = "TextUpdate", o[o.GetTextActive = 16] = "GetTextActive", o[o.TasksQueue = 17] = "TasksQueue", o[o.CursorHover = 18] = "CursorHover", o[o.CursorBlur = 19] = "CursorBlur", o[o.Console = 20] = "Console", o[o.GetImageBitMap = 23] = "GetImageBitMap", o[o.AuthWriter = 24] = "AuthWriter", o[o.AuthReader = 25] = "AuthReader", o[o.AuthClear = 26] = "AuthClear", o[o.AuthPage = 27] = "AuthPage", o[o.GetVNodeInfo = 28] = "GetVNodeInfo", o[o.UpdateDpr = 29] = "UpdateDpr", o[o.SetFontFace = 30] = "SetFontFace", o[o.ReportError = 31] = "ReportError", o[o.ReportLog = 32] = "ReportLog", o))(R || {}), nt = /* @__PURE__ */ ((o) => (o[o.None = 0] = "None", o[o.Bg = 1] = "Bg", o[o.ServiceFloat = 2] = "ServiceFloat", o[o.Float = 3] = "Float", o[o.TopFloat = 4] = "TopFloat", o))(nt || {}), Qt = /* @__PURE__ */ ((o) => (o[o.Cursor = 1] = "Cursor", o[o.TextCreate = 2] = "TextCreate", o))(Qt || {}), Gt = /* @__PURE__ */ ((o) => (o[o.Top = 1] = "Top", o[o.Bottom = 2] = "Bottom", o))(Gt || {}), Fe = /* @__PURE__ */ ((o) => (o[o.none = 1] = "none", o[o.all = 2] = "all", o[o.both = 3] = "both", o[o.proportional = 4] = "proportional", o))(Fe || {}), Wo = /* @__PURE__ */ ((o) => (o[o.Pending = 0] = "Pending", o[o.Start = 1] = "Start", o[o.Doing = 2] = "Doing", o[o.Done = 3] = "Done", o[o.Unwritable = 4] = "Unwritable", o))(Wo || {}), Vt = /* @__PURE__ */ ((o) => (o[o.inside = 0] = "inside", o[o.outside = 1] = "outside", o[o.intersect = 2] = "intersect", o))(Vt || {}), ke = /* @__PURE__ */ ((o) => (o.renderPage = "renderPage", o.addPage = "addPage", o.deletePage = "deletePage", o.addElement = "addElement", o.deleteElement = "deleteElement", o.clearPage = "clearPage", o.clearViewScenePath = "clearViewScenePath", o.clearView = "clearView", o.syncUndoStack = "syncUndoStack", o.syncRedoStack = "syncRedoStack", o))(ke || {}), tt = /* @__PURE__ */ ((o) => (o.setAuth = "setAuth", o.setShow = "addShow", o.setHide = "setHide", o.setClear = "setClear", o))(tt || {}), Zt = /* @__PURE__ */ ((o) => (o.Image = "image", o.Iconify = "iconify", o))(Zt || {});
17
+ var ie = /* @__PURE__ */ ((o) => (o.selector = "selector", o.clicker = "clicker", o.laserPointer = "laserPointer", o.pencil = "pencil", o.rectangle = "rectangle", o.ellipse = "ellipse", o.shape = "shape", o.eraser = "eraser", o.pencilEraser = "pencilEraser", o.text = "text", o.straight = "straight", o.arrow = "arrow", o.hand = "hand", o.laserPen = "laserPen", o))(ie || {}), we = /* @__PURE__ */ ((o) => (o.Normal = "Normal", o.Stroke = "Stroke", o.Dotted = "Dotted", o.LongDotted = "LongDotted", o))(we || {}), _e = /* @__PURE__ */ ((o) => (o.Triangle = "triangle", o.Rhombus = "rhombus", o.Pentagram = "pentagram", o.SpeechBalloon = "speechBalloon", o.Star = "star", o.Polygon = "polygon", o))(_e || {}), U = /* @__PURE__ */ ((o) => (o.None = "None", o.ShowFloatBar = "ShowFloatBar", o.ZIndexFloatBar = "ZIndexFloatBar", o.DeleteNode = "DeleteNode", o.CopyNode = "CopyNode", o.ZIndexActive = "ZIndexActive", o.ZIndexNode = "ZIndexNode", o.RotateNode = "RotateNode", o.SetColorNode = "SetColorNode", o.TranslateNode = "TranslateNode", o.ScaleNode = "ScaleNode", o.OriginalEvent = "OriginalEvent", o.CreateScene = "CreateScene", o.ActiveCursor = "ActiveCursor", o.MoveCursor = "MoveCursor", o.CommandEditor = "CommandEditor", o.SetEditorData = "SetEditorData", o.SetFontStyle = "SetFontStyle", o.SetPoint = "SetPoint", o.SetLock = "SetLock", o.SetShapeOpt = "SetShapeOpt", o.CameraChange = "CameraChange", o.ActiveMethod = "ActiveMethod", o.HidFloatBarBtn = "HidFloatBarBtn", o))(U || {}), ee = /* @__PURE__ */ ((o) => (o.DisplayState = "DisplayState", o.MainEngine = "MainEngine", o.Cursor = "Cursor", o.BindMainView = "BindMainView", o))(ee || {}), Uo = /* @__PURE__ */ ((o) => (o[o.MainView = 0] = "MainView", o[o.Plugin = 1] = "Plugin", o[o.Both = 2] = "Both", o))(Uo || {}), Hn = /* @__PURE__ */ ((o) => (o.longPencil = "longPencil", o))(Hn || {}), T = /* @__PURE__ */ ((o) => (o[o.Pencil = 1] = "Pencil", o[o.Eraser = 2] = "Eraser", o[o.PencilEraser = 3] = "PencilEraser", o[o.BitMapEraser = 4] = "BitMapEraser", o[o.Selector = 5] = "Selector", o[o.Clicker = 6] = "Clicker", o[o.Arrow = 7] = "Arrow", o[o.Hand = 8] = "Hand", o[o.LaserPen = 9] = "LaserPen", o[o.Text = 10] = "Text", o[o.Straight = 11] = "Straight", o[o.Rectangle = 12] = "Rectangle", o[o.Ellipse = 13] = "Ellipse", o[o.Star = 14] = "Star", o[o.Triangle = 15] = "Triangle", o[o.Rhombus = 16] = "Rhombus", o[o.Polygon = 17] = "Polygon", o[o.SpeechBalloon = 18] = "SpeechBalloon", o[o.Image = 19] = "Image", o))(T || {}), q = /* @__PURE__ */ ((o) => (o[o.Local = 1] = "Local", o[o.Service = 2] = "Service", o[o.Worker = 3] = "Worker", o))(q || {}), x = /* @__PURE__ */ ((o) => (o[o.Pending = 0] = "Pending", o[o.Start = 1] = "Start", o[o.Doing = 2] = "Doing", o[o.Done = 3] = "Done", o[o.Unwritable = 4] = "Unwritable", o))(x || {}), R = /* @__PURE__ */ ((o) => (o[o.None = 0] = "None", o[o.Init = 1] = "Init", o[o.UpdateCamera = 2] = "UpdateCamera", o[o.UpdateTools = 3] = "UpdateTools", o[o.CreateWork = 4] = "CreateWork", o[o.DrawWork = 5] = "DrawWork", o[o.FullWork = 6] = "FullWork", o[o.UpdateNode = 7] = "UpdateNode", o[o.RemoveNode = 8] = "RemoveNode", o[o.Clear = 9] = "Clear", o[o.Select = 10] = "Select", o[o.Destroy = 11] = "Destroy", o[o.Snapshot = 12] = "Snapshot", o[o.BoundingBox = 13] = "BoundingBox", o[o.Cursor = 14] = "Cursor", o[o.TextUpdate = 15] = "TextUpdate", o[o.GetTextActive = 16] = "GetTextActive", o[o.TasksQueue = 17] = "TasksQueue", o[o.CursorHover = 18] = "CursorHover", o[o.CursorBlur = 19] = "CursorBlur", o[o.Console = 20] = "Console", o[o.GetImageBitMap = 23] = "GetImageBitMap", o[o.AuthWriter = 24] = "AuthWriter", o[o.AuthReader = 25] = "AuthReader", o[o.AuthClear = 26] = "AuthClear", o[o.AuthPage = 27] = "AuthPage", o[o.GetVNodeInfo = 28] = "GetVNodeInfo", o[o.UpdateDpr = 29] = "UpdateDpr", o[o.SetFontFace = 30] = "SetFontFace", o[o.ReportError = 31] = "ReportError", o[o.ReportLog = 32] = "ReportLog", o))(R || {}), nt = /* @__PURE__ */ ((o) => (o[o.None = 0] = "None", o[o.Bg = 1] = "Bg", o[o.ServiceFloat = 2] = "ServiceFloat", o[o.Float = 3] = "Float", o[o.TopFloat = 4] = "TopFloat", o))(nt || {}), Qt = /* @__PURE__ */ ((o) => (o[o.Cursor = 1] = "Cursor", o[o.TextCreate = 2] = "TextCreate", o))(Qt || {}), Gt = /* @__PURE__ */ ((o) => (o[o.Top = 1] = "Top", o[o.Bottom = 2] = "Bottom", o))(Gt || {}), Fe = /* @__PURE__ */ ((o) => (o[o.none = 1] = "none", o[o.all = 2] = "all", o[o.both = 3] = "both", o[o.proportional = 4] = "proportional", o))(Fe || {}), Wo = /* @__PURE__ */ ((o) => (o[o.Pending = 0] = "Pending", o[o.Start = 1] = "Start", o[o.Doing = 2] = "Doing", o[o.Done = 3] = "Done", o[o.Unwritable = 4] = "Unwritable", o))(Wo || {}), Vt = /* @__PURE__ */ ((o) => (o[o.inside = 0] = "inside", o[o.outside = 1] = "outside", o[o.intersect = 2] = "intersect", o))(Vt || {}), ke = /* @__PURE__ */ ((o) => (o.renderPage = "renderPage", o.addPage = "addPage", o.deletePage = "deletePage", o.addElement = "addElement", o.deleteElement = "deleteElement", o.clearPage = "clearPage", o.clearViewScenePath = "clearViewScenePath", o.clearView = "clearView", o.syncUndoStack = "syncUndoStack", o.syncRedoStack = "syncRedoStack", o))(ke || {}), tt = /* @__PURE__ */ ((o) => (o.setAuth = "setAuth", o.setShow = "addShow", o.setHide = "setHide", o.setClear = "setClear", o))(tt || {}), Zt = /* @__PURE__ */ ((o) => (o.Image = "image", o.Iconify = "iconify", o))(Zt || {});
18
18
  const pI = "cursorhover", Gn = 20, pe = "mainView", Bo = {
19
19
  linear: (o) => o,
20
20
  easeInQuad: (o) => o * o,
@@ -557,12 +557,12 @@ function yr(o) {
557
557
  var t = i.length - 1;
558
558
  return e == t ? i.pop() : pr.call(i, e, 1), --this.size, !0;
559
559
  }
560
- var Ir = yr, wr = ti;
561
- function mr(o) {
562
- var i = this.__data__, e = wr(i, o);
560
+ var Ir = yr, mr = ti;
561
+ function wr(o) {
562
+ var i = this.__data__, e = mr(i, o);
563
563
  return e < 0 ? void 0 : i[e][1];
564
564
  }
565
- var Nr = mr, Tr = ti;
565
+ var Nr = wr, Tr = ti;
566
566
  function vr(o) {
567
567
  return Tr(this.__data__, o) > -1;
568
568
  }
@@ -647,12 +647,12 @@ var ps = fs;
647
647
  function ys(o, i) {
648
648
  return o == null ? void 0 : o[i];
649
649
  }
650
- var Is = ys, ws = ps, ms = Is;
650
+ var Is = ys, ms = ps, ws = Is;
651
651
  function Ns(o, i) {
652
- var e = ms(o, i);
653
- return ws(e) ? e : void 0;
652
+ var e = ws(o, i);
653
+ return ms(e) ? e : void 0;
654
654
  }
655
- var wt = Ns, Ts = wt, vs = Ge, Cs = Ts(vs, "Map"), Pi = Cs, Ss = wt, js = Ss(Object, "create"), ni = js, rn = ni;
655
+ var mt = Ns, Ts = mt, vs = Ge, Cs = Ts(vs, "Map"), Pi = Cs, Ss = mt, js = Ss(Object, "create"), ni = js, rn = ni;
656
656
  function xs() {
657
657
  this.__data__ = rn ? rn(null) : {}, this.size = 0;
658
658
  }
@@ -729,7 +729,7 @@ function pa(o, i) {
729
729
  var e = fa(this, o), t = e.size;
730
730
  return e.set(o, i), this.size += e.size == t ? 0 : 1, this;
731
731
  }
732
- var ya = pa, Ia = ta, wa = ca, ma = ha, Na = Ma, Ta = ya;
732
+ var ya = pa, Ia = ta, ma = ca, wa = ha, Na = Ma, Ta = ya;
733
733
  function jt(o) {
734
734
  var i = -1, e = o == null ? 0 : o.length;
735
735
  for (this.clear(); ++i < e; ) {
@@ -738,8 +738,8 @@ function jt(o) {
738
738
  }
739
739
  }
740
740
  jt.prototype.clear = Ia;
741
- jt.prototype.delete = wa;
742
- jt.prototype.get = ma;
741
+ jt.prototype.delete = ma;
742
+ jt.prototype.get = wa;
743
743
  jt.prototype.has = Na;
744
744
  jt.prototype.set = Ta;
745
745
  var _n = jt, va = ii, Ca = Pi, Sa = _n, ja = 200;
@@ -769,7 +769,7 @@ function Oa(o, i) {
769
769
  ;
770
770
  return o;
771
771
  }
772
- var Ya = Oa, Ra = wt, Ua = function() {
772
+ var Ya = Oa, Ra = mt, Ua = function() {
773
773
  try {
774
774
  var o = Ra(Object, "defineProperty");
775
775
  return o({}, "", {}), o;
@@ -832,9 +832,9 @@ var dc = hc, gc = 9007199254740991;
832
832
  function Mc(o) {
833
833
  return typeof o == "number" && o > -1 && o % 1 == 0 && o <= gc;
834
834
  }
835
- var so = Mc, fc = Ot, pc = so, yc = It, Ic = "[object Arguments]", wc = "[object Array]", mc = "[object Boolean]", Nc = "[object Date]", Tc = "[object Error]", vc = "[object Function]", Cc = "[object Map]", Sc = "[object Number]", jc = "[object Object]", xc = "[object RegExp]", Dc = "[object Set]", zc = "[object String]", Ac = "[object WeakMap]", kc = "[object ArrayBuffer]", bc = "[object DataView]", Ec = "[object Float32Array]", Lc = "[object Float64Array]", Pc = "[object Int8Array]", Oc = "[object Int16Array]", Yc = "[object Int32Array]", Rc = "[object Uint8Array]", Uc = "[object Uint8ClampedArray]", Wc = "[object Uint16Array]", Bc = "[object Uint32Array]", Ne = {};
835
+ var so = Mc, fc = Ot, pc = so, yc = It, Ic = "[object Arguments]", mc = "[object Array]", wc = "[object Boolean]", Nc = "[object Date]", Tc = "[object Error]", vc = "[object Function]", Cc = "[object Map]", Sc = "[object Number]", jc = "[object Object]", xc = "[object RegExp]", Dc = "[object Set]", zc = "[object String]", Ac = "[object WeakMap]", kc = "[object ArrayBuffer]", bc = "[object DataView]", Ec = "[object Float32Array]", Lc = "[object Float64Array]", Pc = "[object Int8Array]", Oc = "[object Int16Array]", Yc = "[object Int32Array]", Rc = "[object Uint8Array]", Uc = "[object Uint8ClampedArray]", Wc = "[object Uint16Array]", Bc = "[object Uint32Array]", Ne = {};
836
836
  Ne[Ec] = Ne[Lc] = Ne[Pc] = Ne[Oc] = Ne[Yc] = Ne[Rc] = Ne[Uc] = Ne[Wc] = Ne[Bc] = !0;
837
- Ne[Ic] = Ne[wc] = Ne[kc] = Ne[mc] = Ne[bc] = Ne[Nc] = Ne[Tc] = Ne[vc] = Ne[Cc] = Ne[Sc] = Ne[jc] = Ne[xc] = Ne[Dc] = Ne[zc] = Ne[Ac] = !1;
837
+ Ne[Ic] = Ne[mc] = Ne[kc] = Ne[wc] = Ne[bc] = Ne[Nc] = Ne[Tc] = Ne[vc] = Ne[Cc] = Ne[Sc] = Ne[jc] = Ne[xc] = Ne[Dc] = Ne[zc] = Ne[Ac] = !1;
838
838
  function Fc(o) {
839
839
  return yc(o) && pc(o.length) && !!Ne[fc(o)];
840
840
  }
@@ -891,9 +891,9 @@ var fl = Ml, pl = Kn, yl = so;
891
891
  function Il(o) {
892
892
  return o != null && yl(o.length) && !pl(o);
893
893
  }
894
- var Ri = Il, wl = ao, ml = fl, Nl = Ri;
894
+ var Ri = Il, ml = ao, wl = fl, Nl = Ri;
895
895
  function Tl(o) {
896
- return Nl(o) ? wl(o) : ml(o);
896
+ return Nl(o) ? ml(o) : wl(o);
897
897
  }
898
898
  var Ui = Tl, vl = ri, Cl = Ui;
899
899
  function Sl(o, i) {
@@ -978,20 +978,20 @@ function fu(o, i) {
978
978
  return gu(o, Mu(o), i);
979
979
  }
980
980
  var pu = fu, yu = Fi, Iu = si;
981
- function wu(o, i, e) {
981
+ function mu(o, i, e) {
982
982
  var t = i(o);
983
983
  return Iu(o) ? t : yu(t, e(o));
984
984
  }
985
- var Mo = wu, mu = Mo, Nu = Bi, Tu = Ui;
985
+ var Mo = mu, wu = Mo, Nu = Bi, Tu = Ui;
986
986
  function vu(o) {
987
- return mu(o, Tu, Nu);
987
+ return wu(o, Tu, Nu);
988
988
  }
989
989
  var Cu = vu, Su = Mo, ju = go, xu = Wi;
990
990
  function Du(o) {
991
991
  return Su(o, xu, ju);
992
992
  }
993
- var zu = Du, Au = wt, ku = Ge, bu = Au(ku, "DataView"), Eu = bu, Lu = wt, Pu = Ge, Ou = Lu(Pu, "Promise"), Yu = Ou, Ru = wt, Uu = Ge, Wu = Ru(Uu, "Set"), fo = Wu, Bu = wt, Fu = Ge, Qu = Bu(Fu, "WeakMap"), Vu = Qu, mi = Eu, Ni = Pi, Ti = Yu, vi = fo, Ci = Vu, po = Ot, Dt = qn, dn = "[object Map]", Zu = "[object Object]", gn = "[object Promise]", Mn = "[object Set]", fn = "[object WeakMap]", pn = "[object DataView]", $u = Dt(mi), Hu = Dt(Ni), Gu = Dt(Ti), Ju = Dt(vi), Xu = Dt(Ci), Mt = po;
994
- (mi && Mt(new mi(new ArrayBuffer(1))) != pn || Ni && Mt(new Ni()) != dn || Ti && Mt(Ti.resolve()) != gn || vi && Mt(new vi()) != Mn || Ci && Mt(new Ci()) != fn) && (Mt = function(o) {
993
+ var zu = Du, Au = mt, ku = Ge, bu = Au(ku, "DataView"), Eu = bu, Lu = mt, Pu = Ge, Ou = Lu(Pu, "Promise"), Yu = Ou, Ru = mt, Uu = Ge, Wu = Ru(Uu, "Set"), fo = Wu, Bu = mt, Fu = Ge, Qu = Bu(Fu, "WeakMap"), Vu = Qu, wi = Eu, Ni = Pi, Ti = Yu, vi = fo, Ci = Vu, po = Ot, Dt = qn, dn = "[object Map]", Zu = "[object Object]", gn = "[object Promise]", Mn = "[object Set]", fn = "[object WeakMap]", pn = "[object DataView]", $u = Dt(wi), Hu = Dt(Ni), Gu = Dt(Ti), Ju = Dt(vi), Xu = Dt(Ci), Mt = po;
994
+ (wi && Mt(new wi(new ArrayBuffer(1))) != pn || Ni && Mt(new Ni()) != dn || Ti && Mt(Ti.resolve()) != gn || vi && Mt(new vi()) != Mn || Ci && Mt(new Ci()) != fn) && (Mt = function(o) {
995
995
  var i = po(o), e = i == Zu ? o.constructor : void 0, t = e ? Dt(e) : "";
996
996
  if (t)
997
997
  switch (t) {
@@ -1028,22 +1028,22 @@ function ch(o) {
1028
1028
  var i = new o.constructor(o.source, ah.exec(o));
1029
1029
  return i.lastIndex = o.lastIndex, i;
1030
1030
  }
1031
- var lh = ch, In = Pt, wn = In ? In.prototype : void 0, mn = wn ? wn.valueOf : void 0;
1031
+ var lh = ch, In = Pt, mn = In ? In.prototype : void 0, wn = mn ? mn.valueOf : void 0;
1032
1032
  function uh(o) {
1033
- return mn ? Object(mn.call(o)) : {};
1033
+ return wn ? Object(wn.call(o)) : {};
1034
1034
  }
1035
1035
  var hh = uh, dh = Vi;
1036
1036
  function gh(o, i) {
1037
1037
  var e = i ? dh(o.buffer) : o.buffer;
1038
1038
  return new o.constructor(e, o.byteOffset, o.length);
1039
1039
  }
1040
- var Mh = gh, fh = Vi, ph = sh, yh = lh, Ih = hh, wh = Mh, mh = "[object Boolean]", Nh = "[object Date]", Th = "[object Map]", vh = "[object Number]", Ch = "[object RegExp]", Sh = "[object Set]", jh = "[object String]", xh = "[object Symbol]", Dh = "[object ArrayBuffer]", zh = "[object DataView]", Ah = "[object Float32Array]", kh = "[object Float64Array]", bh = "[object Int8Array]", Eh = "[object Int16Array]", Lh = "[object Int32Array]", Ph = "[object Uint8Array]", Oh = "[object Uint8ClampedArray]", Yh = "[object Uint16Array]", Rh = "[object Uint32Array]";
1040
+ var Mh = gh, fh = Vi, ph = sh, yh = lh, Ih = hh, mh = Mh, wh = "[object Boolean]", Nh = "[object Date]", Th = "[object Map]", vh = "[object Number]", Ch = "[object RegExp]", Sh = "[object Set]", jh = "[object String]", xh = "[object Symbol]", Dh = "[object ArrayBuffer]", zh = "[object DataView]", Ah = "[object Float32Array]", kh = "[object Float64Array]", bh = "[object Int8Array]", Eh = "[object Int16Array]", Lh = "[object Int32Array]", Ph = "[object Uint8Array]", Oh = "[object Uint8ClampedArray]", Yh = "[object Uint16Array]", Rh = "[object Uint32Array]";
1041
1041
  function Uh(o, i, e) {
1042
1042
  var t = o.constructor;
1043
1043
  switch (i) {
1044
1044
  case Dh:
1045
1045
  return fh(o);
1046
- case mh:
1046
+ case wh:
1047
1047
  case Nh:
1048
1048
  return new t(+o);
1049
1049
  case zh:
@@ -1057,7 +1057,7 @@ function Uh(o, i, e) {
1057
1057
  case Oh:
1058
1058
  case Yh:
1059
1059
  case Rh:
1060
- return wh(o, e);
1060
+ return mh(o, e);
1061
1061
  case Th:
1062
1062
  return new t();
1063
1063
  case vh:
@@ -1097,9 +1097,9 @@ function ad(o) {
1097
1097
  }
1098
1098
  var cd = ad, ld = cd, ud = ai, Cn = Oi, Sn = Cn && Cn.isSet, hd = Sn ? ud(Sn) : ld, Io = hd;
1099
1099
  const yI = /* @__PURE__ */ Ei(Io);
1100
- var dd = Pa, gd = Ya, Md = io, fd = jl, pd = Ql, yd = Vl, Id = $l, wd = nu, md = pu, Nd = Cu, Td = zu, vd = Qi, Cd = eh, Sd = Wh, jd = Gh, xd = si, Dd = ro, zd = nd, Ad = ht, kd = Io, bd = Ui, Ed = Wi, Ld = 1, Pd = 2, Od = 4, wo = "[object Arguments]", Yd = "[object Array]", Rd = "[object Boolean]", Ud = "[object Date]", Wd = "[object Error]", mo = "[object Function]", Bd = "[object GeneratorFunction]", Fd = "[object Map]", Qd = "[object Number]", No = "[object Object]", Vd = "[object RegExp]", Zd = "[object Set]", $d = "[object String]", Hd = "[object Symbol]", Gd = "[object WeakMap]", Jd = "[object ArrayBuffer]", Xd = "[object DataView]", Kd = "[object Float32Array]", qd = "[object Float64Array]", _d = "[object Int8Array]", eg = "[object Int16Array]", tg = "[object Int32Array]", ig = "[object Uint8Array]", ng = "[object Uint8ClampedArray]", og = "[object Uint16Array]", rg = "[object Uint32Array]", we = {};
1101
- we[wo] = we[Yd] = we[Jd] = we[Xd] = we[Rd] = we[Ud] = we[Kd] = we[qd] = we[_d] = we[eg] = we[tg] = we[Fd] = we[Qd] = we[No] = we[Vd] = we[Zd] = we[$d] = we[Hd] = we[ig] = we[ng] = we[og] = we[rg] = !0;
1102
- we[Wd] = we[mo] = we[Gd] = !1;
1100
+ var dd = Pa, gd = Ya, Md = io, fd = jl, pd = Ql, yd = Vl, Id = $l, md = nu, wd = pu, Nd = Cu, Td = zu, vd = Qi, Cd = eh, Sd = Wh, jd = Gh, xd = si, Dd = ro, zd = nd, Ad = ht, kd = Io, bd = Ui, Ed = Wi, Ld = 1, Pd = 2, Od = 4, mo = "[object Arguments]", Yd = "[object Array]", Rd = "[object Boolean]", Ud = "[object Date]", Wd = "[object Error]", wo = "[object Function]", Bd = "[object GeneratorFunction]", Fd = "[object Map]", Qd = "[object Number]", No = "[object Object]", Vd = "[object RegExp]", Zd = "[object Set]", $d = "[object String]", Hd = "[object Symbol]", Gd = "[object WeakMap]", Jd = "[object ArrayBuffer]", Xd = "[object DataView]", Kd = "[object Float32Array]", qd = "[object Float64Array]", _d = "[object Int8Array]", eg = "[object Int16Array]", tg = "[object Int32Array]", ig = "[object Uint8Array]", ng = "[object Uint8ClampedArray]", og = "[object Uint16Array]", rg = "[object Uint32Array]", me = {};
1101
+ me[mo] = me[Yd] = me[Jd] = me[Xd] = me[Rd] = me[Ud] = me[Kd] = me[qd] = me[_d] = me[eg] = me[tg] = me[Fd] = me[Qd] = me[No] = me[Vd] = me[Zd] = me[$d] = me[Hd] = me[ig] = me[ng] = me[og] = me[rg] = !0;
1102
+ me[Wd] = me[wo] = me[Gd] = !1;
1103
1103
  function $t(o, i, e, t, n, r) {
1104
1104
  var s, a = i & Ld, c = i & Pd, l = i & Od;
1105
1105
  if (e && (s = n ? e(o, t, n, r) : e(o)), s !== void 0)
@@ -1111,14 +1111,14 @@ function $t(o, i, e, t, n, r) {
1111
1111
  if (s = Cd(o), !a)
1112
1112
  return Id(o, s);
1113
1113
  } else {
1114
- var u = vd(o), g = u == mo || u == Bd;
1114
+ var u = vd(o), g = u == wo || u == Bd;
1115
1115
  if (Dd(o))
1116
1116
  return yd(o, a);
1117
- if (u == No || u == wo || g && !n) {
1117
+ if (u == No || u == mo || g && !n) {
1118
1118
  if (s = c || g ? {} : jd(o), !a)
1119
- return c ? md(o, pd(s, o)) : wd(o, fd(s, o));
1119
+ return c ? wd(o, pd(s, o)) : md(o, fd(s, o));
1120
1120
  } else {
1121
- if (!we[u])
1121
+ if (!me[u])
1122
1122
  return n ? o : {};
1123
1123
  s = Sd(o, u, a);
1124
1124
  }
@@ -1127,14 +1127,14 @@ function $t(o, i, e, t, n, r) {
1127
1127
  var p = r.get(o);
1128
1128
  if (p)
1129
1129
  return p;
1130
- r.set(o, s), kd(o) ? o.forEach(function(m) {
1131
- s.add($t(m, i, e, m, o, r));
1132
- }) : zd(o) && o.forEach(function(m, f) {
1133
- s.set(f, $t(m, i, e, f, o, r));
1130
+ r.set(o, s), kd(o) ? o.forEach(function(w) {
1131
+ s.add($t(w, i, e, w, o, r));
1132
+ }) : zd(o) && o.forEach(function(w, f) {
1133
+ s.set(f, $t(w, i, e, f, o, r));
1134
1134
  });
1135
1135
  var d = l ? c ? Td : Nd : c ? Ed : bd, y = h ? void 0 : d(o);
1136
- return gd(y || o, function(m, f) {
1137
- y && (f = m, m = o[f]), Md(s, f, $t(m, i, e, f, o, r));
1136
+ return gd(y || o, function(w, f) {
1137
+ y && (f = w, w = o[f]), Md(s, f, $t(w, i, e, f, o, r));
1138
1138
  }), s;
1139
1139
  }
1140
1140
  var sg = $t, ag = sg, cg = 1, lg = 4;
@@ -1142,7 +1142,7 @@ function ug(o) {
1142
1142
  return ag(o, cg | lg);
1143
1143
  }
1144
1144
  var hg = ug;
1145
- const ci = /* @__PURE__ */ Ei(hg), To = "1.1.28", dg = "@netless/appliance-plugin", jn = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
1145
+ const ci = /* @__PURE__ */ Ei(hg), To = "1.1.29", dg = "@netless/appliance-plugin", jn = typeof OffscreenCanvas == "function" ? "worker" : "mainThread";
1146
1146
  if (typeof window < "u") {
1147
1147
  let o = window.__netlessUA || "";
1148
1148
  o += ` ${dg}@${To}`, window.__netlessUA = o;
@@ -1218,13 +1218,13 @@ var pg = fg;
1218
1218
  function yg(o) {
1219
1219
  return this.__data__.has(o);
1220
1220
  }
1221
- var Ig = yg, wg = _n, mg = pg, Ng = Ig;
1221
+ var Ig = yg, mg = _n, wg = pg, Ng = Ig;
1222
1222
  function _t(o) {
1223
1223
  var i = -1, e = o == null ? 0 : o.length;
1224
- for (this.__data__ = new wg(); ++i < e; )
1224
+ for (this.__data__ = new mg(); ++i < e; )
1225
1225
  this.add(o[i]);
1226
1226
  }
1227
- _t.prototype.add = _t.prototype.push = mg;
1227
+ _t.prototype.add = _t.prototype.push = wg;
1228
1228
  _t.prototype.has = Ng;
1229
1229
  var $i = _t;
1230
1230
  function Tg(o, i) {
@@ -1249,9 +1249,9 @@ function Ag(o, i, e, t, n, r) {
1249
1249
  for (r.set(o, i), r.set(i, o); ++u < a; ) {
1250
1250
  var d = o[u], y = i[u];
1251
1251
  if (t)
1252
- var m = s ? t(y, d, u, i, o, r) : t(d, y, u, o, i, r);
1253
- if (m !== void 0) {
1254
- if (m)
1252
+ var w = s ? t(y, d, u, i, o, r) : t(d, y, u, o, i, r);
1253
+ if (w !== void 0) {
1254
+ if (w)
1255
1255
  continue;
1256
1256
  g = !1;
1257
1257
  break;
@@ -1422,7 +1422,7 @@ class _g {
1422
1422
  get interceptors() {
1423
1423
  return {
1424
1424
  set: (i, e) => {
1425
- var d, y, m, f, M, N, S, v, j;
1425
+ var d, y, w, f, M, N, S, v, j;
1426
1426
  if (!this.collector)
1427
1427
  return !0;
1428
1428
  const {
@@ -1437,7 +1437,7 @@ class _g {
1437
1437
  } = e;
1438
1438
  if (!s && !r)
1439
1439
  return !0;
1440
- const g = ((d = this.collector) == null ? void 0 : d.isLocalId(i)) ? (y = this.collector) == null ? void 0 : y.transformKey(i) : i, p = ((m = this.collector) == null ? void 0 : m.storage[t]) && this.collector.storage[t][n] && this.collector.storage[t][n][g] || void 0;
1440
+ const g = ((d = this.collector) == null ? void 0 : d.isLocalId(i)) ? (y = this.collector) == null ? void 0 : y.transformKey(i) : i, p = ((w = this.collector) == null ? void 0 : w.storage[t]) && this.collector.storage[t][n] && this.collector.storage[t][n][g] || void 0;
1441
1441
  p ? p.toolsType === T.Text && (s && (this.control.worker.queryTaskBatchData({
1442
1442
  workId: i,
1443
1443
  msgType: R.UpdateNode
@@ -1581,7 +1581,7 @@ class _g {
1581
1581
  }
1582
1582
  }
1583
1583
  onServiceDerive(i) {
1584
- var y, m, f;
1584
+ var y, w, f;
1585
1585
  const { workId: e, opt: t, msgType: n, viewId: r, scenePath: s, dataType: a, updateNodeOpt: c } = i;
1586
1586
  if (!e || !r || !s)
1587
1587
  return;
@@ -1603,7 +1603,7 @@ class _g {
1603
1603
  canWorker: !0,
1604
1604
  canSync: !1,
1605
1605
  dataType: a,
1606
- scale: ((m = p == null ? void 0 : p.cameraOpt) == null ? void 0 : m.scale) || 1,
1606
+ scale: ((w = p == null ? void 0 : p.cameraOpt) == null ? void 0 : w.scale) || 1,
1607
1607
  viewId: r,
1608
1608
  scenePath: s
1609
1609
  };
@@ -1872,7 +1872,7 @@ function fM(o) {
1872
1872
  return o.apply(void 0, arguments);
1873
1873
  };
1874
1874
  }
1875
- var pM = fM, yM = hM, IM = pM, wM = IM(yM), mM = wM, NM = vo, TM = rM, vM = mM;
1875
+ var pM = fM, yM = hM, IM = pM, mM = IM(yM), wM = mM, NM = vo, TM = rM, vM = wM;
1876
1876
  function CM(o, i) {
1877
1877
  return vM(TM(o, i, NM), o + "");
1878
1878
  }
@@ -1953,7 +1953,7 @@ function rf() {
1953
1953
  var sf = rf, fi = fo, af = sf, cf = Gi, lf = 1 / 0, uf = fi && 1 / cf(new fi([, -0]))[1] == lf ? function(o) {
1954
1954
  return new fi(o);
1955
1955
  } : af, hf = uf, df = $i, gf = Co, Mf = So, ff = Hi, pf = hf, yf = Gi, If = 200;
1956
- function wf(o, i, e) {
1956
+ function mf(o, i, e) {
1957
1957
  var t = -1, n = gf, r = o.length, s = !0, a = [], c = a;
1958
1958
  if (e)
1959
1959
  s = !1, n = Mf;
@@ -1976,7 +1976,7 @@ function wf(o, i, e) {
1976
1976
  }
1977
1977
  return a;
1978
1978
  }
1979
- var mf = wf, Nf = XM, Tf = of, Pn = mf;
1979
+ var wf = mf, Nf = XM, Tf = of, Pn = wf;
1980
1980
  function vf(o, i, e) {
1981
1981
  var t = o.length;
1982
1982
  if (t < 2)
@@ -1994,7 +1994,7 @@ var Df = xf, zf = lo, Af = SM, kf = Cf, bf = Df;
1994
1994
  Af(function(o) {
1995
1995
  return kf(zf(o, bf));
1996
1996
  });
1997
- function wI(o, i) {
1997
+ function mI(o, i) {
1998
1998
  if (o && i) {
1999
1999
  const e = Math.min(o.x, i.x), t = Math.min(o.y, i.y), n = Math.max(o.x + o.w, i.x + i.w), r = Math.max(o.y + o.h, i.y + i.h), s = n - e, a = r - t;
2000
2000
  return { x: e, y: t, w: s, h: a };
@@ -2022,7 +2022,7 @@ function xo(o, i = 0) {
2022
2022
  t = Math.min(t, c - i), n = Math.min(n, l - i), r = Math.max(r, c + i), s = Math.max(s, l + i);
2023
2023
  }), e.x = t, e.y = n, e.w = r - t, e.h = s - n, e;
2024
2024
  }
2025
- function mI(o, i) {
2025
+ function wI(o, i) {
2026
2026
  return !(o.x + o.w < i.x || o.x > i.x + i.w || o.y + o.h < i.y || o.y > i.y + i.h);
2027
2027
  }
2028
2028
  function NI(o, i = 10) {
@@ -2231,8 +2231,8 @@ const Ye = class Ye extends Pf {
2231
2231
  console.warn(
2232
2232
  `exceeds the limit of ${r} components, current: ${n}`
2233
2233
  );
2234
- const m = y ? Ye.componentsLimits[d + 1] : 0;
2235
- this.limitNums.set(`${e}/${t}`, m);
2234
+ const w = y ? Ye.componentsLimits[d + 1] : 0;
2235
+ this.limitNums.set(`${e}/${t}`, w);
2236
2236
  }
2237
2237
  },
2238
2238
  2e3,
@@ -2318,15 +2318,15 @@ const Ye = class Ye extends Pf {
2318
2318
  if (Object.keys(r).length > 0) {
2319
2319
  for (const [d, y] of Object.entries(r))
2320
2320
  if (y) {
2321
- const { viewId: m, newValue: f } = y;
2322
- y && !ce((h = (l = this.storage) == null ? void 0 : l[m]) == null ? void 0 : h[d], f) && (a.diffScenePath || (a.diffScenePath = {}), a.diffScenePath[d] = y, this.storage || (this.storage = {}), this.storage[m] || (this.storage[m] = {}), y.newValue === void 0 ? delete this.storage[m][d] : this.storage[m][d] = ae(y.newValue));
2321
+ const { viewId: w, newValue: f } = y;
2322
+ y && !ce((h = (l = this.storage) == null ? void 0 : l[w]) == null ? void 0 : h[d], f) && (a.diffScenePath || (a.diffScenePath = {}), a.diffScenePath[d] = y, this.storage || (this.storage = {}), this.storage[w] || (this.storage[w] = {}), y.newValue === void 0 ? delete this.storage[w][d] : this.storage[w][d] = ae(y.newValue));
2323
2323
  }
2324
2324
  }
2325
2325
  if (Object.keys(s).length > 0) {
2326
2326
  for (const [d, y] of Object.entries(s))
2327
2327
  if (y) {
2328
- const { viewId: m, scenePath: f, newValue: M } = y;
2329
- y && !ce((p = (g = (u = this.storage) == null ? void 0 : u[m]) == null ? void 0 : g[f]) == null ? void 0 : p[d], M) && (a.diffData || (a.diffData = {}), a.diffData[d] = y, this.storage || (this.storage = {}), this.storage[m] || (this.storage[m] = {}), this.storage[m][f] || (this.storage[m][f] = {}), y.newValue === void 0 ? delete this.storage[m][f][d] : this.storage[m][f][d] = ae(
2328
+ const { viewId: w, scenePath: f, newValue: M } = y;
2329
+ y && !ce((p = (g = (u = this.storage) == null ? void 0 : u[w]) == null ? void 0 : g[f]) == null ? void 0 : p[d], M) && (a.diffData || (a.diffData = {}), a.diffData[d] = y, this.storage || (this.storage = {}), this.storage[w] || (this.storage[w] = {}), this.storage[w][f] || (this.storage[w][f] = {}), y.newValue === void 0 ? delete this.storage[w][f][d] : this.storage[w][f][d] = ae(
2330
2330
  y.newValue
2331
2331
  ));
2332
2332
  }
@@ -2437,7 +2437,7 @@ const Ye = class Ye extends Pf {
2437
2437
  return e.split(at)[0] === this.uid;
2438
2438
  }
2439
2439
  dispatch(e) {
2440
- var m;
2440
+ var w;
2441
2441
  const {
2442
2442
  type: t,
2443
2443
  workId: n,
@@ -2556,7 +2556,7 @@ const Ye = class Ye extends Pf {
2556
2556
  scenePath: d,
2557
2557
  elementId: C
2558
2558
  }), this.updateValue(C, void 0, { isSync: p, viewId: y, scenePath: d }));
2559
- }), (m = this.control.pluginManager) == null || m.dispatchPluginEvent(
2559
+ }), (w = this.control.pluginManager) == null || w.dispatchPluginEvent(
2560
2560
  "syncStorage",
2561
2561
  y,
2562
2562
  d
@@ -2837,7 +2837,7 @@ const Ye = class Ye extends Pf {
2837
2837
  return s;
2838
2838
  }
2839
2839
  dispatchPageAuth(e, t = !0) {
2840
- var l, h, u, g, p, d, y, m, f, M, N, S, v, j, C, k, L, E, P, z, O, D, F, _, W, J, ne, le, oe, X, $, fe, Je, Xe, dt, it, Ke, qe;
2840
+ var l, h, u, g, p, d, y, w, f, M, N, S, v, j, C, k, L, E, P, z, O, D, F, _, W, J, ne, le, oe, X, $, fe, Je, Xe, dt, it, Ke, qe;
2841
2841
  const { operation: n, viewId: r, scenePath: s, pageId: a, pageData: c } = e;
2842
2842
  switch (n) {
2843
2843
  case ke.addPage: {
@@ -2878,7 +2878,7 @@ const Ye = class Ye extends Pf {
2878
2878
  case ke.deletePage: {
2879
2879
  if (!r || !s || !a)
2880
2880
  return;
2881
- (N = (M = (f = (m = (y = this.authStorage) == null ? void 0 : y.pageAuth) == null ? void 0 : m[r]) == null ? void 0 : f[s]) == null ? void 0 : M.pages) != null && N[a] && (delete this.authStorage.pageAuth[r][s].pages[a], t && ((S = this.plugin) == null || S.updateAttributes(
2881
+ (N = (M = (f = (w = (y = this.authStorage) == null ? void 0 : y.pageAuth) == null ? void 0 : w[r]) == null ? void 0 : f[s]) == null ? void 0 : M.pages) != null && N[a] && (delete this.authStorage.pageAuth[r][s].pages[a], t && ((S = this.plugin) == null || S.updateAttributes(
2882
2882
  [this.authSpace, "pageAuth", r, s, "pages", a],
2883
2883
  void 0
2884
2884
  )));
@@ -2948,7 +2948,7 @@ const Ye = class Ye extends Pf {
2948
2948
  }
2949
2949
  }
2950
2950
  dispatchRenderAuth(e, t = !0) {
2951
- var l, h, u, g, p, d, y, m, f, M, N, S, v, j, C, k, L, E, P, z;
2951
+ var l, h, u, g, p, d, y, w, f, M, N, S, v, j, C, k, L, E, P, z;
2952
2952
  const { operation: n, viewId: r, uid: s, renderData: a, isClear: c } = e;
2953
2953
  if (r)
2954
2954
  switch (n) {
@@ -3007,7 +3007,7 @@ const Ye = class Ye extends Pf {
3007
3007
  ))), t && (O.length === 1 ? (y = this.plugin) == null || y.updateAttributes(
3008
3008
  O,
3009
3009
  ae(this.authStorage)
3010
- ) : O.length === 2 ? (m = this.plugin) == null || m.updateAttributes(O, ae(D)) : O.length === 3 ? (f = this.plugin) == null || f.updateAttributes(
3010
+ ) : O.length === 2 ? (w = this.plugin) == null || w.updateAttributes(O, ae(D)) : O.length === 3 ? (f = this.plugin) == null || f.updateAttributes(
3011
3011
  O,
3012
3012
  ae(D[r])
3013
3013
  ) : (M = this.plugin) == null || M.updateAttributes(O, !0));
@@ -3561,7 +3561,7 @@ class Rf extends $e {
3561
3561
  };
3562
3562
  }
3563
3563
  pasteText(e) {
3564
- var m, f;
3564
+ var w, f;
3565
3565
  const {
3566
3566
  bgCenter: t,
3567
3567
  textCenter: n,
@@ -3573,7 +3573,7 @@ class Rf extends $e {
3573
3573
  } = e, h = this.control.viewContainerManager.getView(a);
3574
3574
  if (!this.serviceColloctor || !h)
3575
3575
  return;
3576
- const u = Math.floor(Math.random() * 30 + 1), g = ((m = h.cameraOpt) == null ? void 0 : m.scale) || 1, p = t && n && [
3576
+ const u = Math.floor(Math.random() * 30 + 1), g = ((w = h.cameraOpt) == null ? void 0 : w.scale) || 1, p = t && n && [
3577
3577
  t[0] - n[0] + u,
3578
3578
  t[1] - n[1] + u
3579
3579
  ] || [u / g, u / g], y = (this.serviceColloctor.isLocalId(s) ? s : this.serviceColloctor.getLocalId(s.toString())) + "-" + l;
@@ -3614,7 +3614,7 @@ class Rf extends $e {
3614
3614
  }
3615
3615
  }
3616
3616
  copySelector(e) {
3617
- var y, m, f, M, N, S, v, j, C;
3617
+ var y, w, f, M, N, S, v, j, C;
3618
3618
  const { viewId: t, store: n } = e, r = this.control.viewContainerManager.getView(t), s = n.selectIds;
3619
3619
  if (!this.serviceColloctor || !(s != null && s.length) || !r)
3620
3620
  return;
@@ -3625,7 +3625,7 @@ class Rf extends $e {
3625
3625
  },
3626
3626
  cameraOpt: {
3627
3627
  centerX: ((y = r.cameraOpt) == null ? void 0 : y.centerX) || 0,
3628
- centerY: ((m = r.cameraOpt) == null ? void 0 : m.centerY) || 0,
3628
+ centerY: ((w = r.cameraOpt) == null ? void 0 : w.centerY) || 0,
3629
3629
  scale: ((f = r.cameraOpt) == null ? void 0 : f.scale) || 1
3630
3630
  }
3631
3631
  }, l = this.control.hasOffscreenCanvas && ((M = r.displayer.canvasBgRef.current) == null ? void 0 : M.getBoundingClientRect()) || ((N = r.displayer.canvasContainerRef.current) == null ? void 0 : N.getBoundingClientRect()), h = (v = (S = r.displayer) == null ? void 0 : S.floatBarRef.current) == null ? void 0 : v.getBoundingClientRect(), u = l && [
@@ -3658,7 +3658,7 @@ class Rf extends $e {
3658
3658
  };
3659
3659
  }
3660
3660
  pasteSelector(e) {
3661
- var m, f, M, N;
3661
+ var w, f, M, N;
3662
3662
  const { copyStores: t, copyCoordInfo: n, viewId: r, scenePath: s, undoTickerId: a } = e, c = this.control.viewContainerManager.getView(r);
3663
3663
  if (!t.size || !this.serviceColloctor || !c)
3664
3664
  return;
@@ -3686,7 +3686,7 @@ class Rf extends $e {
3686
3686
  x: P[0],
3687
3687
  y: P[1],
3688
3688
  opt: L,
3689
- scale: ((m = c.cameraOpt) == null ? void 0 : m.scale) || 1,
3689
+ scale: ((w = c.cameraOpt) == null ? void 0 : w.scale) || 1,
3690
3690
  type: He.Text,
3691
3691
  isActive: !1,
3692
3692
  viewId: r,
@@ -3784,7 +3784,7 @@ class Uf extends $e {
3784
3784
  } = e, g = this.control.viewContainerManager.getView(c);
3785
3785
  if (!(g != null && g.displayer))
3786
3786
  return;
3787
- const p = g.focusScenePath, d = [...t], y = this.serviceColloctor.storage, m = [], f = {};
3787
+ const p = g.focusScenePath, d = [...t], y = this.serviceColloctor.storage, w = [], f = {};
3788
3788
  for ((l === x.Start || !this.undoTickerId && l === x.Done) && (this.undoTickerId = this.mainEngine.now, this.mainEngine.internalMsgEmitter.emit(
3789
3789
  "addUndoTicker",
3790
3790
  this.undoTickerId,
@@ -3848,7 +3848,7 @@ class Uf extends $e {
3848
3848
  viewId: c,
3849
3849
  needUndoTicker: l === x.Done && this.control.viewContainerManager.getUndoTickerId(c) || void 0
3850
3850
  };
3851
- m.push([
3851
+ w.push([
3852
3852
  P,
3853
3853
  {
3854
3854
  workId: k,
@@ -3858,7 +3858,7 @@ class Uf extends $e {
3858
3858
  ]);
3859
3859
  }
3860
3860
  }
3861
- m.length && (l === x.Done && (this.undoTickerId = void 0), this.collectForLocalWorker(m)), Object.keys(f).length && setTimeout(() => {
3861
+ w.length && (l === x.Done && (this.undoTickerId = void 0), this.collectForLocalWorker(w)), Object.keys(f).length && setTimeout(() => {
3862
3862
  var S;
3863
3863
  (S = this.control.room) == null || S.setMemberState(f);
3864
3864
  }, 0);
@@ -3923,10 +3923,10 @@ class Wf extends $e {
3923
3923
  const p = c.pop();
3924
3924
  if (!p)
3925
3925
  continue;
3926
- const d = p.toString(), y = this.serviceColloctor.isLocalId(d), m = y ? this.serviceColloctor.transformKey(p) : d;
3926
+ const d = p.toString(), y = this.serviceColloctor.isLocalId(d), w = y ? this.serviceColloctor.transformKey(p) : d;
3927
3927
  let f = d;
3928
3928
  !y && this.serviceColloctor.isOwn(f) && (f = this.serviceColloctor.getLocalId(f));
3929
- const M = ci(l[r][a][m]);
3929
+ const M = ci(l[r][a][w]);
3930
3930
  let N;
3931
3931
  if (M && f === Z) {
3932
3932
  if (M.selectIds) {
@@ -3982,7 +3982,7 @@ class Bf extends $e {
3982
3982
  I(this, "cachePosition");
3983
3983
  }
3984
3984
  collect(e, t) {
3985
- var d, y, m;
3985
+ var d, y, w;
3986
3986
  if (!this.serviceColloctor || !this.mainEngine)
3987
3987
  return;
3988
3988
  const { workIds: n, position: r, workState: s, viewId: a } = e;
@@ -4001,7 +4001,7 @@ class Bf extends $e {
4001
4001
  const M = f.toString(), N = this.serviceColloctor.isLocalId(M), S = N && this.serviceColloctor.transformKey(f) || M;
4002
4002
  let v = M;
4003
4003
  !N && this.serviceColloctor.isOwn(v) && (v = this.serviceColloctor.getLocalId(v));
4004
- const j = (m = (y = u == null ? void 0 : u[a]) == null ? void 0 : y[l]) == null ? void 0 : m[S];
4004
+ const j = (w = (y = u == null ? void 0 : u[a]) == null ? void 0 : y[l]) == null ? void 0 : w[S];
4005
4005
  if (j && v === Z) {
4006
4006
  if (j.selectIds) {
4007
4007
  const C = this.control.viewContainerManager.transformToScenePoint(
@@ -4060,10 +4060,10 @@ class Ff extends $e {
4060
4060
  const d = c.pop();
4061
4061
  if (!d)
4062
4062
  continue;
4063
- const y = d.toString(), m = this.serviceColloctor.isLocalId(y), f = m ? this.serviceColloctor.transformKey(d) : y, M = (p = (g = a == null ? void 0 : a[n]) == null ? void 0 : g[s]) == null ? void 0 : p[f];
4063
+ const y = d.toString(), w = this.serviceColloctor.isLocalId(y), f = w ? this.serviceColloctor.transformKey(d) : y, M = (p = (g = a == null ? void 0 : a[n]) == null ? void 0 : g[s]) == null ? void 0 : p[f];
4064
4064
  if (M) {
4065
4065
  let N = y;
4066
- if (!m && this.serviceColloctor.isOwn(N) && (N = this.serviceColloctor.getLocalId(N)), M.toolsType === T.Text) {
4066
+ if (!w && this.serviceColloctor.isOwn(N) && (N = this.serviceColloctor.getLocalId(N)), M.toolsType === T.Text) {
4067
4067
  this.control.textEditorManager.delete(N, !0, !0);
4068
4068
  continue;
4069
4069
  }
@@ -4125,7 +4125,7 @@ class Qf extends $e {
4125
4125
  const g = this.control.viewContainerManager.getView(s);
4126
4126
  if (!(g != null && g.displayer))
4127
4127
  return;
4128
- const p = g.focusScenePath, d = [...n], y = (M = this.serviceColloctor) == null ? void 0 : M.storage, m = [], f = r === x.Start && this.mainEngine.now || void 0;
4128
+ const p = g.focusScenePath, d = [...n], y = (M = this.serviceColloctor) == null ? void 0 : M.storage, w = [], f = r === x.Start && this.mainEngine.now || void 0;
4129
4129
  for (f && this.mainEngine.internalMsgEmitter.emit(
4130
4130
  "addUndoTicker",
4131
4131
  f,
@@ -4187,7 +4187,7 @@ class Qf extends $e {
4187
4187
  viewId: s,
4188
4188
  smoothSync: this.mainEngine.smoothSync
4189
4189
  };
4190
- r === x.Done && (_.willSerializeData = !0, this.targetText.clear(), _.needUndoTicker = this.control.viewContainerManager.getUndoTickerId(s)), m.push([
4190
+ r === x.Done && (_.willSerializeData = !0, this.targetText.clear(), _.needUndoTicker = this.control.viewContainerManager.getUndoTickerId(s)), w.push([
4191
4191
  _,
4192
4192
  {
4193
4193
  workId: L,
@@ -4199,7 +4199,7 @@ class Qf extends $e {
4199
4199
  continue;
4200
4200
  }
4201
4201
  }
4202
- r === x.Start ? this.mainEngine.unWritable() : r === x.Done && (this.mainEngine.abled(), this.lastEmtData = void 0), m.length && this.collectForLocalWorker(m, t);
4202
+ r === x.Start ? this.mainEngine.unWritable() : r === x.Done && (this.mainEngine.abled(), this.lastEmtData = void 0), w.length && this.collectForLocalWorker(w, t);
4203
4203
  }
4204
4204
  }
4205
4205
  class Vf extends $e {
@@ -4210,7 +4210,7 @@ class Vf extends $e {
4210
4210
  I(this, "cacheOriginRotate", 0);
4211
4211
  }
4212
4212
  collect(e, t) {
4213
- var d, y, m, f, M, N, S;
4213
+ var d, y, w, f, M, N, S;
4214
4214
  if (!this.serviceColloctor || !this.mainEngine)
4215
4215
  return;
4216
4216
  const { workIds: n, angle: r, workState: s, viewId: a } = e;
@@ -4230,7 +4230,7 @@ class Vf extends $e {
4230
4230
  const j = v.toString(), C = this.serviceColloctor.isLocalId(j), k = C && this.serviceColloctor.transformKey(v) || j;
4231
4231
  let L = j;
4232
4232
  !C && this.serviceColloctor.isOwn(L) && (L = this.serviceColloctor.getLocalId(L));
4233
- const E = (m = (y = u == null ? void 0 : u[a]) == null ? void 0 : y[l]) == null ? void 0 : m[k];
4233
+ const E = (w = (y = u == null ? void 0 : u[a]) == null ? void 0 : y[l]) == null ? void 0 : w[k];
4234
4234
  if (E && L === Z) {
4235
4235
  if (((f = E.selectIds) == null ? void 0 : f.length) === 1) {
4236
4236
  const P = E.selectIds[0];
@@ -4318,7 +4318,7 @@ class $f extends $e {
4318
4318
  y,
4319
4319
  c
4320
4320
  ), this.control.textEditorManager.UndoTickerId = y;
4321
- const m = [];
4321
+ const w = [];
4322
4322
  for (; g.length; ) {
4323
4323
  const k = g.pop();
4324
4324
  if (!k)
@@ -4336,7 +4336,7 @@ class $f extends $e {
4336
4336
  D,
4337
4337
  c
4338
4338
  );
4339
- m.push(F);
4339
+ w.push(F);
4340
4340
  continue;
4341
4341
  }
4342
4342
  if (O && z === Z && ((S = O.selectIds) != null && S.length))
@@ -4351,13 +4351,13 @@ class $f extends $e {
4351
4351
  D,
4352
4352
  c
4353
4353
  );
4354
- m.push(ne);
4354
+ w.push(ne);
4355
4355
  continue;
4356
4356
  }
4357
4357
  }
4358
4358
  }
4359
4359
  }
4360
- const f = await Promise.all(m);
4360
+ const f = await Promise.all(w);
4361
4361
  for (const k of f)
4362
4362
  if (k) {
4363
4363
  const { key: L, textInfo: E } = k;
@@ -4393,10 +4393,10 @@ class Hf extends $e {
4393
4393
  if (!g)
4394
4394
  return;
4395
4395
  const p = g.toString(), d = this.serviceColloctor.isLocalId(p), y = d && this.serviceColloctor.transformKey(g) || p;
4396
- let m = p;
4397
- !d && this.serviceColloctor.isOwn(m) && (m = this.serviceColloctor.getLocalId(m));
4396
+ let w = p;
4397
+ !d && this.serviceColloctor.isOwn(w) && (w = this.serviceColloctor.getLocalId(w));
4398
4398
  const f = (S = (N = l == null ? void 0 : l[s]) == null ? void 0 : N[c]) == null ? void 0 : S[y];
4399
- if (f && m === Z && f.selectIds) {
4399
+ if (f && w === Z && f.selectIds) {
4400
4400
  const v = f.updateNodeOpt || {};
4401
4401
  v.pointMap = n, v.workState = r;
4402
4402
  const j = {
@@ -4444,9 +4444,9 @@ class Gf extends $e {
4444
4444
  const d = c.pop();
4445
4445
  if (!d)
4446
4446
  continue;
4447
- const y = d.toString(), m = this.serviceColloctor.isLocalId(y), f = m ? this.serviceColloctor.transformKey(d) : y;
4447
+ const y = d.toString(), w = this.serviceColloctor.isLocalId(y), f = w ? this.serviceColloctor.transformKey(d) : y;
4448
4448
  let M = y;
4449
- !m && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
4449
+ !w && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
4450
4450
  const N = (p = (g = l == null ? void 0 : l[r]) == null ? void 0 : g[a]) == null ? void 0 : p[f];
4451
4451
  if (N) {
4452
4452
  const S = N.updateNodeOpt || {};
@@ -4498,9 +4498,9 @@ class Jf extends $e {
4498
4498
  const d = c.pop();
4499
4499
  if (!d)
4500
4500
  continue;
4501
- const y = d.toString(), m = this.serviceColloctor.isLocalId(y), f = m ? this.serviceColloctor.transformKey(d) : y;
4501
+ const y = d.toString(), w = this.serviceColloctor.isLocalId(y), f = w ? this.serviceColloctor.transformKey(d) : y;
4502
4502
  let M = y;
4503
- !m && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
4503
+ !w && this.serviceColloctor.isOwn(M) && (M = this.serviceColloctor.getLocalId(M));
4504
4504
  const N = (p = (g = l == null ? void 0 : l[n]) == null ? void 0 : g[a]) == null ? void 0 : p[f];
4505
4505
  if (N) {
4506
4506
  const S = {
@@ -4901,7 +4901,7 @@ class qf extends Kf {
4901
4901
  "set font faces in main thread success"
4902
4902
  );
4903
4903
  });
4904
- const { MainThreadManagerImpl: e } = await import("./index-dNUi36ql.mjs");
4904
+ const { MainThreadManagerImpl: e } = await import("./index-R6pW4VdG.mjs");
4905
4905
  this.mainThread = new e(this);
4906
4906
  }
4907
4907
  async on() {
@@ -5119,7 +5119,7 @@ class qf extends Kf {
5119
5119
  strokeColor: p,
5120
5120
  fillColor: d,
5121
5121
  willSyncService: y,
5122
- isSync: m,
5122
+ isSync: w,
5123
5123
  imageBitmap: f,
5124
5124
  canvasHeight: M,
5125
5125
  canvasWidth: N,
@@ -5168,7 +5168,7 @@ class qf extends Kf {
5168
5168
  type: l,
5169
5169
  selectIds: h,
5170
5170
  opt: u,
5171
- isSync: m,
5171
+ isSync: w,
5172
5172
  viewId: D,
5173
5173
  scenePath: qe
5174
5174
  }));
@@ -5297,7 +5297,7 @@ class qf extends Kf {
5297
5297
  ops: p,
5298
5298
  opt: d,
5299
5299
  updateNodeOpt: y,
5300
- toolsType: m,
5300
+ toolsType: w,
5301
5301
  isSync: f,
5302
5302
  viewId: M,
5303
5303
  isLockSentEventCursor: N,
@@ -5334,7 +5334,7 @@ class qf extends Kf {
5334
5334
  type: c,
5335
5335
  op: l,
5336
5336
  opt: d,
5337
- toolsType: m,
5337
+ toolsType: w,
5338
5338
  workId: h,
5339
5339
  index: u,
5340
5340
  isSync: f,
@@ -5351,7 +5351,7 @@ class qf extends Kf {
5351
5351
  workId: h,
5352
5352
  updateNodeOpt: y,
5353
5353
  opt: d,
5354
- toolsType: m,
5354
+ toolsType: w,
5355
5355
  isSync: f,
5356
5356
  viewId: M,
5357
5357
  scenePath: j
@@ -5666,7 +5666,7 @@ class qf extends Kf {
5666
5666
  }), this.control.renderControl.destoryByViewId(e, t);
5667
5667
  }
5668
5668
  onServiceDerive(e, t) {
5669
- var p, d, y, m, f, M, N, S;
5669
+ var p, d, y, w, f, M, N, S;
5670
5670
  const { newValue: n, oldValue: r, viewId: s, scenePath: a } = t, c = ae(n) || {}, l = e;
5671
5671
  let h = c.type;
5672
5672
  if (!n && r) {
@@ -5681,7 +5681,7 @@ class qf extends Kf {
5681
5681
  if (u && u !== a)
5682
5682
  return;
5683
5683
  if ((y = this.collector) != null && y.isSelector(e)) {
5684
- const v = (m = this.collector) == null ? void 0 : m.getUidFromKey(e);
5684
+ const v = (w = this.collector) == null ? void 0 : w.getUidFromKey(e);
5685
5685
  if (v && !this.control.roomMember.isOnLine(v))
5686
5686
  return;
5687
5687
  }
@@ -5718,21 +5718,21 @@ class qf extends Kf {
5718
5718
  if (r) {
5719
5719
  this.control.renderControl.isWritable && (r = this.correctStorage(r, e, t));
5720
5720
  const y = Object.keys(r);
5721
- for (const m of y) {
5722
- if ((l = this.collector) != null && l.isSelector(m)) {
5723
- const M = (h = this.collector) == null ? void 0 : h.getUidFromKey(m);
5721
+ for (const w of y) {
5722
+ if ((l = this.collector) != null && l.isSelector(w)) {
5723
+ const M = (h = this.collector) == null ? void 0 : h.getUidFromKey(w);
5724
5724
  if (M && !this.control.roomMember.isOnLine(M))
5725
5725
  continue;
5726
5726
  }
5727
- const f = (u = r[m]) == null ? void 0 : u.type;
5728
- if (f && m) {
5727
+ const f = (u = r[w]) == null ? void 0 : u.type;
5728
+ if (f && w) {
5729
5729
  if (!this.control.renderControl.isFilterAble(
5730
- { viewId: e, elementId: m, scenePath: t },
5730
+ { viewId: e, elementId: w, scenePath: t },
5731
5731
  f
5732
5732
  ))
5733
5733
  continue;
5734
- const M = r[m];
5735
- if (M.workId = (g = this.collector) != null && g.isOwn(m) ? (p = this.collector) == null ? void 0 : p.getLocalId(m) : m, M.msgType = f, M.dataType = q.Service, M.viewId = e, M.scenePath = t, M.useAnimation = this.smoothSync && (M.ops ? !!a : (d = M.updateNodeOpt) == null ? void 0 : d.useAnimation) || !1, M.selectIds && (M.selectIds = M.selectIds.map((N) => {
5734
+ const M = r[w];
5735
+ if (M.workId = (g = this.collector) != null && g.isOwn(w) ? (p = this.collector) == null ? void 0 : p.getLocalId(w) : w, M.msgType = f, M.dataType = q.Service, M.viewId = e, M.scenePath = t, M.useAnimation = this.smoothSync && (M.ops ? !!a : (d = M.updateNodeOpt) == null ? void 0 : d.useAnimation) || !1, M.selectIds && (M.selectIds = M.selectIds.map((N) => {
5736
5736
  var S, v;
5737
5737
  return (S = this.collector) != null && S.isOwn(N) ? (v = this.collector) == null ? void 0 : v.getLocalId(N) : N;
5738
5738
  })), M.toolsType === T.Text) {
@@ -6185,17 +6185,17 @@ class qf extends Kf {
6185
6185
  const d = this.viewContainerManager.mainView;
6186
6186
  if (!d)
6187
6187
  return;
6188
- const y = t || ((h = d.cameraOpt) == null ? void 0 : h.width), m = n || ((u = d.cameraOpt) == null ? void 0 : u.height), f = {
6188
+ const y = t || ((h = d.cameraOpt) == null ? void 0 : h.width), w = n || ((u = d.cameraOpt) == null ? void 0 : u.height), f = {
6189
6189
  msgType: R.Snapshot,
6190
6190
  dataType: q.Local,
6191
6191
  scenePath: e,
6192
6192
  scenes: p,
6193
6193
  w: y,
6194
- h: m,
6194
+ h: w,
6195
6195
  cameraOpt: r && {
6196
6196
  ...r,
6197
6197
  width: y,
6198
- height: m
6198
+ height: w
6199
6199
  } || d.cameraOpt,
6200
6200
  isRunSubWork: !0,
6201
6201
  viewId: g
@@ -6872,7 +6872,7 @@ class ep {
6872
6872
  const { render: p, pages: d } = g;
6873
6873
  if (!p)
6874
6874
  return !0;
6875
- const y = (u = this.control.collector) == null ? void 0 : u.uid, m = p === "localSelf" ? y : p, f = m && d.get(m) || void 0;
6875
+ const y = (u = this.control.collector) == null ? void 0 : u.uid, w = p === "localSelf" ? y : p, f = w && d.get(w) || void 0;
6876
6876
  if (f)
6877
6877
  switch (e) {
6878
6878
  case R.RemoveNode:
@@ -7119,7 +7119,7 @@ class tp {
7119
7119
  const { width: s, height: a } = e.getBoundingClientRect();
7120
7120
  if (!s || !a)
7121
7121
  throw new Error("contianer width or height is 0");
7122
- const c = w.createRef();
7122
+ const c = m.createRef();
7123
7123
  this.maps.set(i, {
7124
7124
  contianer: e,
7125
7125
  miniMapCanvas: c,
@@ -7482,7 +7482,7 @@ const ut = class ut {
7482
7482
  ) || "transparent", t.bold = (e == null ? void 0 : e.bold) && "bold" || void 0, t.italic = (e == null ? void 0 : e.italic) && "italic" || void 0, t.underline = (e == null ? void 0 : e.underline) || void 0, t.lineThrough = (e == null ? void 0 : e.lineThrough) || void 0, t.text = "", t.strokeColor = void 0;
7483
7483
  break;
7484
7484
  case T.Pencil: {
7485
- const n = (e == null ? void 0 : e.strokeType) || me.Normal;
7485
+ const n = (e == null ? void 0 : e.strokeType) || we.Normal;
7486
7486
  t.strokeType = n, t.lineCap = this.getLineCap(n), t.lineDash = this.getLineDash(n);
7487
7487
  break;
7488
7488
  }
@@ -7495,14 +7495,14 @@ const ut = class ut {
7495
7495
  ) - 1;
7496
7496
  break;
7497
7497
  case T.LaserPen: {
7498
- t.duration = (e == null ? void 0 : e.duration) || 1, e != null && e.strokeType && (e == null ? void 0 : e.strokeType) === me.Stroke ? t.strokeType = me.Normal : t.strokeType = (e == null ? void 0 : e.strokeType) || me.Normal;
7498
+ t.duration = (e == null ? void 0 : e.duration) || 1, e != null && e.strokeType && (e == null ? void 0 : e.strokeType) === we.Stroke ? t.strokeType = we.Normal : t.strokeType = (e == null ? void 0 : e.strokeType) || we.Normal;
7499
7499
  const n = t.strokeType;
7500
7500
  t.lineCap = this.getLineCap(n), t.lineDash = this.getLineDash(n);
7501
7501
  break;
7502
7502
  }
7503
7503
  case T.Arrow:
7504
7504
  case T.Straight: {
7505
- e != null && e.strokeType && (e == null ? void 0 : e.strokeType) === me.Stroke ? t.strokeType = me.Normal : t.strokeType = (e == null ? void 0 : e.strokeType) || me.Normal;
7505
+ e != null && e.strokeType && (e == null ? void 0 : e.strokeType) === we.Stroke ? t.strokeType = we.Normal : t.strokeType = (e == null ? void 0 : e.strokeType) || we.Normal;
7506
7506
  const n = t.strokeType;
7507
7507
  t.strokeType = n, t.lineCap = this.getLineCap(n), t.lineDash = this.getLineDash(n);
7508
7508
  break;
@@ -7512,7 +7512,7 @@ const ut = class ut {
7512
7512
  case T.Star:
7513
7513
  case T.Polygon:
7514
7514
  case T.SpeechBalloon: {
7515
- e != null && e.strokeType && (e == null ? void 0 : e.strokeType) === me.Stroke ? t.strokeType = me.Normal : t.strokeType = (e == null ? void 0 : e.strokeType) || me.Normal;
7515
+ e != null && e.strokeType && (e == null ? void 0 : e.strokeType) === we.Stroke ? t.strokeType = we.Normal : t.strokeType = (e == null ? void 0 : e.strokeType) || we.Normal;
7516
7516
  const n = t.strokeType;
7517
7517
  t.lineCap = this.getLineCap(n), t.lineDash = this.getLineDash(n), i === T.Star && (e.shapeType === _e.Pentagram ? (t.vertices = 10, t.innerVerticeStep = 2, t.innerRatio = 0.4) : e != null && e.vertices && (e != null && e.innerVerticeStep) && (e != null && e.innerRatio) && (t.vertices = e.vertices, t.innerVerticeStep = e.innerVerticeStep, t.innerRatio = e.innerRatio)), i === T.Polygon && (e.shapeType === _e.Triangle ? t.vertices = 3 : e.shapeType === _e.Rhombus ? t.vertices = 4 : e.vertices && (t.vertices = e.vertices)), t.fillColor = (e == null ? void 0 : e.fillColor) && bt(
7518
7518
  e.fillColor[0],
@@ -7530,11 +7530,11 @@ const ut = class ut {
7530
7530
  }
7531
7531
  getLineCap(i) {
7532
7532
  switch (i) {
7533
- case me.Normal:
7533
+ case we.Normal:
7534
7534
  return this.pluginOptions.extras.normalStroke.lineCap || je.normalStroke.lineCap;
7535
- case me.Dotted:
7535
+ case we.Dotted:
7536
7536
  return this.pluginOptions.extras.dottedStroke.lineCap || je.dottedStroke.lineCap;
7537
- case me.LongDotted:
7537
+ case we.LongDotted:
7538
7538
  return this.pluginOptions.extras.longDottedStroke.lineCap || je.longDottedStroke.lineCap;
7539
7539
  default:
7540
7540
  return;
@@ -7542,13 +7542,13 @@ const ut = class ut {
7542
7542
  }
7543
7543
  getLineDash(i) {
7544
7544
  switch (i) {
7545
- case me.Normal:
7545
+ case we.Normal:
7546
7546
  return;
7547
- case me.Dotted: {
7547
+ case we.Dotted: {
7548
7548
  const { segment: e, gap: t } = this.pluginOptions.extras.dottedStroke || je.dottedStroke;
7549
7549
  return [e, t];
7550
7550
  }
7551
- case me.LongDotted: {
7551
+ case we.LongDotted: {
7552
7552
  const { segment: e, gap: t } = this.pluginOptions.extras.longDottedStroke || je.longDottedStroke;
7553
7553
  return [e, t];
7554
7554
  }
@@ -7748,7 +7748,7 @@ const ut = class ut {
7748
7748
  this.viewContainerManager.getView(i) && await this.onSceneChange(e, i);
7749
7749
  }
7750
7750
  };
7751
- I(ut, "InternalMsgEmitter", new wi()), I(ut, "PublicMsgEmitter", new wi());
7751
+ I(ut, "InternalMsgEmitter", new mi()), I(ut, "PublicMsgEmitter", new mi());
7752
7752
  let ze = ut;
7753
7753
  var xi = /* @__PURE__ */ ((o) => (o.Undo = "undo", o.Redo = "redo", o))(xi || {});
7754
7754
  const ue = class ue {
@@ -7918,7 +7918,7 @@ I(ue, "proxyToRaw", /* @__PURE__ */ new WeakMap()), I(ue, "proxyCallbacks", /* @
7918
7918
  let Di = ue;
7919
7919
  const rt = class rt {
7920
7920
  constructor(i) {
7921
- I(this, "emitter", new wi());
7921
+ I(this, "emitter", new mi());
7922
7922
  I(this, "undoStack");
7923
7923
  I(this, "redoStack");
7924
7924
  I(this, "worker");
@@ -8278,7 +8278,7 @@ const rt = class rt {
8278
8278
  return !!e.includes(t);
8279
8279
  }
8280
8280
  refreshPlugin(i, e = !1) {
8281
- var a, c, l, h, u, g, p, d, y, m, f, M, N, S, v, j, C, k, L, E, P;
8281
+ var a, c, l, h, u, g, p, d, y, w, f, M, N, S, v, j, C, k, L, E, P;
8282
8282
  let t;
8283
8283
  const { scenePath: n } = i, r = i.data;
8284
8284
  if (!r || !this.collector)
@@ -8334,7 +8334,7 @@ const rt = class rt {
8334
8334
  storage: s
8335
8335
  });
8336
8336
  else if (!e && !Array.isArray(D)) {
8337
- if ((d = D.updateNodeOpt) != null && d.useAnimation && (D.updateNodeOpt.useAnimation = !1), ((y = this.collector) == null ? void 0 : y.getLocalId(z.key)) === Z && ((m = this.collector) != null && m.isOwn(z.key))) {
8337
+ if ((d = D.updateNodeOpt) != null && d.useAnimation && (D.updateNodeOpt.useAnimation = !1), ((y = this.collector) == null ? void 0 : y.getLocalId(z.key)) === Z && ((w = this.collector) != null && w.isOwn(z.key))) {
8338
8338
  const J = D.selectIds;
8339
8339
  if (J) {
8340
8340
  const ne = W.filter(
@@ -8593,7 +8593,7 @@ class Et {
8593
8593
  }
8594
8594
  /** 绘制view */
8595
8595
  render(i) {
8596
- var e, t, n, r, s, a, c, l, h, u, g, p, d, y, m, f, M;
8596
+ var e, t, n, r, s, a, c, l, h, u, g, p, d, y, w, f, M;
8597
8597
  for (const N of i) {
8598
8598
  const {
8599
8599
  rect: S,
@@ -8639,7 +8639,7 @@ class Et {
8639
8639
  break;
8640
8640
  }
8641
8641
  case nt.ServiceFloat: {
8642
- (m = (y = F.current) == null ? void 0 : y.getContext("2d")) == null || m.drawImage(v, 0, 0, W, J, ne, le, W, J);
8642
+ (w = (y = F.current) == null ? void 0 : y.getContext("2d")) == null || w.drawImage(v, 0, 0, W, J, ne, le, W, J);
8643
8643
  break;
8644
8644
  }
8645
8645
  case nt.Bg: {
@@ -8799,7 +8799,7 @@ class zo {
8799
8799
  }
8800
8800
  });
8801
8801
  I(this, "keydown", (i) => {
8802
- this.control.hotkeyManager.colloctHotkey(i);
8802
+ i.stopPropagation(), i.stopImmediatePropagation(), this.control.hotkeyManager.colloctHotkey(i);
8803
8803
  });
8804
8804
  I(this, "pointerdown", (i) => {
8805
8805
  var e;
@@ -9104,9 +9104,9 @@ const rp = "index-module__Container__nLsM3", sp = "index-module__CanvasBox__j2Xe
9104
9104
  function Ee(o) {
9105
9105
  return Ip[o];
9106
9106
  }
9107
- const wp = (o) => {
9107
+ const mp = (o) => {
9108
9108
  const { workIds: i, mananger: e } = o;
9109
- return /* @__PURE__ */ w.createElement(
9109
+ return /* @__PURE__ */ m.createElement(
9110
9110
  "div",
9111
9111
  {
9112
9112
  className: "button normal-button",
@@ -9122,11 +9122,11 @@ const wp = (o) => {
9122
9122
  );
9123
9123
  }
9124
9124
  },
9125
- /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("delete") })
9125
+ /* @__PURE__ */ m.createElement("img", { alt: "icon", src: Ee("delete") })
9126
9126
  );
9127
- }, mp = (o) => {
9127
+ }, wp = (o) => {
9128
9128
  const { workIds: i, viewId: e } = o;
9129
- return /* @__PURE__ */ w.createElement(
9129
+ return /* @__PURE__ */ m.createElement(
9130
9130
  "div",
9131
9131
  {
9132
9132
  className: "button normal-button",
@@ -9138,11 +9138,11 @@ const wp = (o) => {
9138
9138
  );
9139
9139
  }
9140
9140
  },
9141
- /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("duplicate") })
9141
+ /* @__PURE__ */ m.createElement("img", { alt: "icon", src: Ee("duplicate") })
9142
9142
  );
9143
9143
  }, On = (o) => {
9144
9144
  const { icon: i, onPointerUpHandler: e } = o;
9145
- return /* @__PURE__ */ w.createElement("div", { className: "button normal-button", onPointerUp: e }, /* @__PURE__ */ w.createElement("img", { src: Ee(i) }));
9145
+ return /* @__PURE__ */ m.createElement("div", { className: "button normal-button", onPointerUp: e }, /* @__PURE__ */ m.createElement("img", { src: Ee(i) }));
9146
9146
  }, Np = (o) => {
9147
9147
  const { open: i, setOpen: e, floatBarRef: t } = o, { floatBarData: n, mananger: r } = Se(Te), [s, a] = se([]), c = G(() => {
9148
9148
  if (t != null && t.current && te(n == null ? void 0 : n.y) && (r != null && r.height)) {
@@ -9154,7 +9154,7 @@ const wp = (o) => {
9154
9154
  return u.top = "inherit", u.bottom = 50, u;
9155
9155
  }
9156
9156
  }
9157
- }, [t == null ? void 0 : t.current, n, r]), l = G(() => i ? /* @__PURE__ */ w.createElement("div", { className: "image-layer-menu", style: c }, /* @__PURE__ */ w.createElement(
9157
+ }, [t == null ? void 0 : t.current, n, r]), l = G(() => i ? /* @__PURE__ */ m.createElement("div", { className: "image-layer-menu", style: c }, /* @__PURE__ */ m.createElement(
9158
9158
  On,
9159
9159
  {
9160
9160
  icon: "to-top",
@@ -9170,7 +9170,7 @@ const wp = (o) => {
9170
9170
  );
9171
9171
  }
9172
9172
  }
9173
- ), /* @__PURE__ */ w.createElement(
9173
+ ), /* @__PURE__ */ m.createElement(
9174
9174
  On,
9175
9175
  {
9176
9176
  icon: "to-bottom",
@@ -9191,18 +9191,18 @@ const wp = (o) => {
9191
9191
  };
9192
9192
  return Me(() => {
9193
9193
  ce(n == null ? void 0 : n.selectIds, s) || n != null && n.selectIds && !ce(n == null ? void 0 : n.selectIds, s) && (a(n == null ? void 0 : n.selectIds), e(!1));
9194
- }, [i, n, s, e]), /* @__PURE__ */ w.createElement(
9194
+ }, [i, n, s, e]), /* @__PURE__ */ m.createElement(
9195
9195
  "div",
9196
9196
  {
9197
9197
  className: `button normal-button ${i && "active"}`,
9198
9198
  onPointerUp: h
9199
9199
  },
9200
9200
  l,
9201
- /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee(i ? "layer-pressed" : "layer") })
9201
+ /* @__PURE__ */ m.createElement("img", { alt: "icon", src: Ee(i ? "layer-pressed" : "layer") })
9202
9202
  );
9203
9203
  }, Rt = (o) => {
9204
9204
  o.stopPropagation(), o.nativeEvent.stopImmediatePropagation();
9205
- }, Tp = () => /* @__PURE__ */ w.createElement(
9205
+ }, Tp = () => /* @__PURE__ */ m.createElement(
9206
9206
  "svg",
9207
9207
  {
9208
9208
  style: { marginLeft: "2px" },
@@ -9210,7 +9210,7 @@ const wp = (o) => {
9210
9210
  width: "14",
9211
9211
  height: "14"
9212
9212
  },
9213
- /* @__PURE__ */ w.createElement(
9213
+ /* @__PURE__ */ m.createElement(
9214
9214
  "path",
9215
9215
  {
9216
9216
  d: "M1016.5248 493.8752c-9.984-9.984-26.2144-9.984-36.1984 0l-183.6032 183.6032c-29.952 29.952-78.6944 29.952-108.5952 0l-239.2064-239.2064c-14.4384-14.4384-22.3744-33.6896-22.3744-54.3232s7.936-39.8848 22.3744-54.3232l183.6032-183.6032c9.984-9.984 9.984-26.2144 0-36.1984s-26.2144-9.984-36.1984 0l-183.6032 183.6032c-24.1152 24.1152-37.376 56.2176-37.376 90.5216 0 14.592 2.4576 28.8256 7.0656 42.1888l-374.8864 374.8864c-4.8128 4.8128-7.4752 11.3152-7.4752 18.1248l0 76.8c0 14.1312 11.4688 25.6 25.6 25.6l486.4 0c6.8096 0 13.312-2.7136 18.1248-7.4752l170.0864-170.0864c13.3632 4.6592 27.5968 7.0656 42.1888 7.0656 34.2528 0 66.4064-13.2608 90.5216-37.376l183.6032-183.6032c9.984-9.984 9.984-26.2144 0-36.1984zM501.4016 870.4l-450.2016 0 0-40.6016 358.5024-358.5024c1.024 1.0752 1.9968 2.1504 3.0208 3.1744l239.2064 239.2064c1.024 1.024 2.0992 2.048 3.1744 3.0208l-153.7024 153.7024z",
@@ -9219,23 +9219,23 @@ const wp = (o) => {
9219
9219
  )
9220
9220
  ), ko = (o) => {
9221
9221
  const { activeColor: i, onPointerUpHandler: e } = o;
9222
- return /* @__PURE__ */ w.createElement(
9222
+ return /* @__PURE__ */ m.createElement(
9223
9223
  "div",
9224
9224
  {
9225
9225
  className: `font-color-button ${i === "transparent" ? "active" : ""}`,
9226
9226
  onPointerUp: e
9227
9227
  },
9228
- /* @__PURE__ */ w.createElement("div", { className: "circle none" })
9228
+ /* @__PURE__ */ m.createElement("div", { className: "circle none" })
9229
9229
  );
9230
9230
  }, ui = (o) => {
9231
9231
  const { color: i, activeColor: e, onPointerUpHandler: t } = o;
9232
- return /* @__PURE__ */ w.createElement(
9232
+ return /* @__PURE__ */ m.createElement(
9233
9233
  "div",
9234
9234
  {
9235
9235
  className: `font-color-button ${i === e ? "active" : ""}`,
9236
9236
  onPointerUp: t
9237
9237
  },
9238
- /* @__PURE__ */ w.createElement(
9238
+ /* @__PURE__ */ m.createElement(
9239
9239
  "div",
9240
9240
  {
9241
9241
  className: "circle",
@@ -9261,7 +9261,7 @@ const wp = (o) => {
9261
9261
  }, h = (u, g) => {
9262
9262
  g.x !== (n == null ? void 0 : n.x) && r({ x: g.x, y: 0 }), s.current && (clearTimeout(s.current), s.current = 0), a(g.x, x.Done);
9263
9263
  };
9264
- return /* @__PURE__ */ w.createElement(
9264
+ return /* @__PURE__ */ m.createElement(
9265
9265
  "div",
9266
9266
  {
9267
9267
  className: "font-color-opacity",
@@ -9272,7 +9272,7 @@ const wp = (o) => {
9272
9272
  r({ x: p * 100 + 8, y: 0 }), t(p, e, x.Done);
9273
9273
  }
9274
9274
  },
9275
- /* @__PURE__ */ w.createElement(
9275
+ /* @__PURE__ */ m.createElement(
9276
9276
  "div",
9277
9277
  {
9278
9278
  className: "range-color",
@@ -9281,7 +9281,7 @@ const wp = (o) => {
9281
9281
  }
9282
9282
  }
9283
9283
  ),
9284
- /* @__PURE__ */ w.createElement("div", { className: "range-opacity" }, /* @__PURE__ */ w.createElement(
9284
+ /* @__PURE__ */ m.createElement("div", { className: "range-opacity" }, /* @__PURE__ */ m.createElement(
9285
9285
  vt,
9286
9286
  {
9287
9287
  bounds: "parent",
@@ -9291,7 +9291,7 @@ const wp = (o) => {
9291
9291
  onStart: l,
9292
9292
  onStop: h
9293
9293
  },
9294
- /* @__PURE__ */ w.createElement(
9294
+ /* @__PURE__ */ m.createElement(
9295
9295
  "div",
9296
9296
  {
9297
9297
  className: "circle",
@@ -9322,7 +9322,7 @@ const wp = (o) => {
9322
9322
  }, g = (p, d) => {
9323
9323
  d.x !== (s == null ? void 0 : s.x) && a({ x: d.x, y: 0 }), c.current && (clearTimeout(c.current), c.current = 0), l(d.x, x.Done);
9324
9324
  };
9325
- return /* @__PURE__ */ w.createElement(
9325
+ return /* @__PURE__ */ m.createElement(
9326
9326
  "div",
9327
9327
  {
9328
9328
  className: "font-color-opacity",
@@ -9331,11 +9331,11 @@ const wp = (o) => {
9331
9331
  c.current && (clearTimeout(c.current), c.current = 0);
9332
9332
  const d = p.nativeEvent.offsetX, y = Math.ceil(
9333
9333
  Math.max(d - 12, 0) / 100 * (e - i) + i
9334
- ), m = Math.ceil((y - i) / (e - i) * 100) + 8;
9335
- a({ x: m, y: 0 }), n(y, x.Done);
9334
+ ), w = Math.ceil((y - i) / (e - i) * 100) + 8;
9335
+ a({ x: w, y: 0 }), n(y, x.Done);
9336
9336
  }
9337
9337
  },
9338
- /* @__PURE__ */ w.createElement(
9338
+ /* @__PURE__ */ m.createElement(
9339
9339
  "div",
9340
9340
  {
9341
9341
  className: "range-color",
@@ -9344,7 +9344,7 @@ const wp = (o) => {
9344
9344
  }
9345
9345
  }
9346
9346
  ),
9347
- /* @__PURE__ */ w.createElement("div", { className: "range-opacity" }, /* @__PURE__ */ w.createElement(
9347
+ /* @__PURE__ */ m.createElement("div", { className: "range-opacity" }, /* @__PURE__ */ m.createElement(
9348
9348
  vt,
9349
9349
  {
9350
9350
  bounds: "parent",
@@ -9354,7 +9354,7 @@ const wp = (o) => {
9354
9354
  onStart: u,
9355
9355
  onStop: g
9356
9356
  },
9357
- /* @__PURE__ */ w.createElement(
9357
+ /* @__PURE__ */ m.createElement(
9358
9358
  "div",
9359
9359
  {
9360
9360
  className: "circle",
@@ -9363,46 +9363,46 @@ const wp = (o) => {
9363
9363
  },
9364
9364
  onPointerUp: Rt
9365
9365
  },
9366
- /* @__PURE__ */ w.createElement("div", { className: "range-opacity-data-icon" }, t)
9366
+ /* @__PURE__ */ m.createElement("div", { className: "range-opacity-data-icon" }, t)
9367
9367
  )
9368
9368
  ))
9369
9369
  );
9370
9370
  }, Cp = (o) => {
9371
9371
  const { useStroke: i, color: e, activeStrokeType: t, setStrokeType: n } = o;
9372
- return /* @__PURE__ */ w.createElement("div", { className: "stroke-type-box" }, !!i && /* @__PURE__ */ w.createElement(
9372
+ return /* @__PURE__ */ m.createElement("div", { className: "stroke-type-box" }, !!i && /* @__PURE__ */ m.createElement(
9373
9373
  "div",
9374
9374
  {
9375
- className: `stroke-type-box-item Stroke ${t === me.Stroke && "active"}`,
9375
+ className: `stroke-type-box-item Stroke ${t === we.Stroke && "active"}`,
9376
9376
  style: { backgroundColor: e },
9377
9377
  onPointerUp: () => {
9378
- n(me.Stroke);
9378
+ n(we.Stroke);
9379
9379
  }
9380
9380
  }
9381
- ), /* @__PURE__ */ w.createElement(
9381
+ ), /* @__PURE__ */ m.createElement(
9382
9382
  "div",
9383
9383
  {
9384
- className: `stroke-type-box-item Normal ${t === me.Normal && "active"}`,
9384
+ className: `stroke-type-box-item Normal ${t === we.Normal && "active"}`,
9385
9385
  style: { borderColor: e },
9386
9386
  onPointerUp: () => {
9387
- n(me.Normal);
9387
+ n(we.Normal);
9388
9388
  }
9389
9389
  }
9390
- ), /* @__PURE__ */ w.createElement(
9390
+ ), /* @__PURE__ */ m.createElement(
9391
9391
  "div",
9392
9392
  {
9393
- className: `stroke-type-box-item Dotted ${t === me.Dotted && "active"}`,
9393
+ className: `stroke-type-box-item Dotted ${t === we.Dotted && "active"}`,
9394
9394
  style: { borderColor: e },
9395
9395
  onPointerUp: () => {
9396
- n(me.Dotted);
9396
+ n(we.Dotted);
9397
9397
  }
9398
9398
  }
9399
- ), /* @__PURE__ */ w.createElement(
9399
+ ), /* @__PURE__ */ m.createElement(
9400
9400
  "div",
9401
9401
  {
9402
- className: `stroke-type-box-item LongDotted ${t === me.LongDotted && "active"}`,
9402
+ className: `stroke-type-box-item LongDotted ${t === we.LongDotted && "active"}`,
9403
9403
  style: { borderColor: e },
9404
9404
  onPointerUp: () => {
9405
- n(me.LongDotted);
9405
+ n(we.LongDotted);
9406
9406
  }
9407
9407
  }
9408
9408
  ));
@@ -9424,7 +9424,7 @@ const wp = (o) => {
9424
9424
  return M.top = "inherit", M.bottom = 50, M;
9425
9425
  }
9426
9426
  }
9427
- }, [n, t, s == null ? void 0 : s.height]), p = G(() => /* @__PURE__ */ w.createElement(
9427
+ }, [n, t, s == null ? void 0 : s.height]), p = G(() => /* @__PURE__ */ m.createElement(
9428
9428
  hi,
9429
9429
  {
9430
9430
  key: "strokeColors",
@@ -9451,7 +9451,7 @@ const wp = (o) => {
9451
9451
  n == null ? void 0 : n.strokeColor,
9452
9452
  s == null ? void 0 : s.viewId,
9453
9453
  a
9454
- ]), d = G(() => c && n && n.thickness ? /* @__PURE__ */ w.createElement(
9454
+ ]), d = G(() => c && n && n.thickness ? /* @__PURE__ */ m.createElement(
9455
9455
  vp,
9456
9456
  {
9457
9457
  key: "strokeThickness",
@@ -9485,7 +9485,7 @@ const wp = (o) => {
9485
9485
  s == null ? void 0 : s.control.pluginOptions.extras.strokeWidth.min,
9486
9486
  s == null ? void 0 : s.viewId,
9487
9487
  a
9488
- ]), y = G(() => c && n && (n != null && n.strokeType) ? /* @__PURE__ */ w.createElement(
9488
+ ]), y = G(() => c && n && (n != null && n.strokeType) ? /* @__PURE__ */ m.createElement(
9489
9489
  Cp,
9490
9490
  {
9491
9491
  key: "strokeType",
@@ -9505,7 +9505,7 @@ const wp = (o) => {
9505
9505
  },
9506
9506
  color: c
9507
9507
  }
9508
- ) : null, [c, n, s == null ? void 0 : s.viewId, a]), m = G(() => i ? /* @__PURE__ */ w.createElement(
9508
+ ) : null, [c, n, s == null ? void 0 : s.viewId, a]), w = G(() => i ? /* @__PURE__ */ m.createElement(
9509
9509
  "div",
9510
9510
  {
9511
9511
  className: "font-colors-menu",
@@ -9516,10 +9516,10 @@ const wp = (o) => {
9516
9516
  },
9517
9517
  y,
9518
9518
  d,
9519
- /* @__PURE__ */ w.createElement("div", { className: "font-colors-line" }),
9519
+ /* @__PURE__ */ m.createElement("div", { className: "font-colors-line" }),
9520
9520
  r.concat().map((M, N) => {
9521
9521
  const S = Yt(...M);
9522
- return /* @__PURE__ */ w.createElement(
9522
+ return /* @__PURE__ */ m.createElement(
9523
9523
  ui,
9524
9524
  {
9525
9525
  key: N,
@@ -9555,15 +9555,15 @@ const wp = (o) => {
9555
9555
  n,
9556
9556
  s == null ? void 0 : s.viewId,
9557
9557
  a
9558
- ]), f = G(() => c ? /* @__PURE__ */ w.createElement(
9558
+ ]), f = G(() => c ? /* @__PURE__ */ m.createElement(
9559
9559
  "div",
9560
9560
  {
9561
9561
  className: "color-bar-ring",
9562
9562
  style: { backgroundColor: be(c, h) }
9563
9563
  },
9564
- /* @__PURE__ */ w.createElement("div", { className: "circle" })
9564
+ /* @__PURE__ */ m.createElement("div", { className: "circle" })
9565
9565
  ) : null, [c, h]);
9566
- return /* @__PURE__ */ w.createElement(
9566
+ return /* @__PURE__ */ m.createElement(
9567
9567
  "div",
9568
9568
  {
9569
9569
  className: `button normal-button font-colors-icon ${i && "active"}`,
@@ -9572,62 +9572,62 @@ const wp = (o) => {
9572
9572
  }
9573
9573
  },
9574
9574
  f,
9575
- m
9575
+ w
9576
9576
  );
9577
9577
  }, jp = (o) => {
9578
9578
  const { open: i, setOpen: e, floatBarRef: t } = o, { floatBarData: n, floatBarColors: r, mananger: s, setFloatBarData: a } = Se(Te), [c, l] = se(), [h, u] = se(1);
9579
9579
  Me(() => {
9580
9580
  if (n != null && n.fillColor) {
9581
- const [m, f] = (n == null ? void 0 : n.fillColor) === "transparent" && ["transparent", 1] || li(n.fillColor);
9582
- l(m), u(f);
9581
+ const [w, f] = (n == null ? void 0 : n.fillColor) === "transparent" && ["transparent", 1] || li(n.fillColor);
9582
+ l(w), u(f);
9583
9583
  }
9584
9584
  }, [n]);
9585
9585
  const g = G(() => {
9586
9586
  if (t != null && t.current && te(n == null ? void 0 : n.y) && (s != null && s.height)) {
9587
9587
  if (t.current.offsetTop && t.current.offsetTop + n.y > 200) {
9588
- const m = {};
9589
- return m.top = "inherit", m.bottom = 50, m;
9588
+ const w = {};
9589
+ return w.top = "inherit", w.bottom = 50, w;
9590
9590
  } else if (!t.current.offsetTop && (s == null ? void 0 : s.height) - t.current.offsetTop - n.y < 140) {
9591
- const m = {};
9592
- return m.top = "inherit", m.bottom = 50, m;
9591
+ const w = {};
9592
+ return w.top = "inherit", w.bottom = 50, w;
9593
9593
  }
9594
9594
  }
9595
- }, [t, n, s == null ? void 0 : s.height]), p = G(() => c && c !== "transparent" ? /* @__PURE__ */ w.createElement(
9595
+ }, [t, n, s == null ? void 0 : s.height]), p = G(() => c && c !== "transparent" ? /* @__PURE__ */ m.createElement(
9596
9596
  hi,
9597
9597
  {
9598
9598
  key: "fillColors",
9599
9599
  opacity: h || 0,
9600
9600
  activeColor: c,
9601
- setCurOpacity: (m, f, M) => {
9602
- u(m);
9603
- const N = be(f, m);
9601
+ setCurOpacity: (w, f, M) => {
9602
+ u(w);
9603
+ const N = be(f, w);
9604
9604
  n != null && n.fillColor && (n.fillColor = N, a({ fillColor: N })), re.emitMethod(
9605
9605
  ee.MainEngine,
9606
9606
  U.SetColorNode,
9607
9607
  {
9608
9608
  workIds: [Z],
9609
- fillColor: c && be(f, m),
9609
+ fillColor: c && be(f, w),
9610
9610
  workState: M,
9611
9611
  viewId: s == null ? void 0 : s.viewId
9612
9612
  }
9613
9613
  );
9614
9614
  }
9615
9615
  }
9616
- ) : null, [c, h, n, s == null ? void 0 : s.viewId, a]), d = G(() => i ? /* @__PURE__ */ w.createElement(
9616
+ ) : null, [c, h, n, s == null ? void 0 : s.viewId, a]), d = G(() => i ? /* @__PURE__ */ m.createElement(
9617
9617
  "div",
9618
9618
  {
9619
9619
  className: "font-colors-menu",
9620
9620
  style: g,
9621
- onPointerUp: (m) => {
9622
- m.stopPropagation(), m.nativeEvent.stopImmediatePropagation();
9621
+ onPointerUp: (w) => {
9622
+ w.stopPropagation(), w.nativeEvent.stopImmediatePropagation();
9623
9623
  }
9624
9624
  },
9625
- /* @__PURE__ */ w.createElement(
9625
+ /* @__PURE__ */ m.createElement(
9626
9626
  ko,
9627
9627
  {
9628
9628
  activeColor: c,
9629
- onPointerUpHandler: (m) => {
9630
- m.stopPropagation(), l("transparent");
9629
+ onPointerUpHandler: (w) => {
9630
+ w.stopPropagation(), l("transparent");
9631
9631
  const f = "transparent";
9632
9632
  n != null && n.fillColor && (n.fillColor = f, a({ fillColor: f })), re.emitMethod(
9633
9633
  ee.MainEngine,
@@ -9642,9 +9642,9 @@ const wp = (o) => {
9642
9642
  }
9643
9643
  }
9644
9644
  ),
9645
- r.map((m, f) => {
9646
- const M = Yt(...m);
9647
- return /* @__PURE__ */ w.createElement(
9645
+ r.map((w, f) => {
9646
+ const M = Yt(...w);
9647
+ return /* @__PURE__ */ m.createElement(
9648
9648
  ui,
9649
9649
  {
9650
9650
  key: f,
@@ -9679,15 +9679,15 @@ const wp = (o) => {
9679
9679
  a,
9680
9680
  h
9681
9681
  ]), y = G(() => {
9682
- const m = c && c !== "transparent" && be(c, h) || "transparent";
9683
- return /* @__PURE__ */ w.createElement("div", { className: "color-bar-fill" }, /* @__PURE__ */ w.createElement("div", { className: "circle", style: { backgroundColor: m } }));
9682
+ const w = c && c !== "transparent" && be(c, h) || "transparent";
9683
+ return /* @__PURE__ */ m.createElement("div", { className: "color-bar-fill" }, /* @__PURE__ */ m.createElement("div", { className: "circle", style: { backgroundColor: w } }));
9684
9684
  }, [c, h]);
9685
- return /* @__PURE__ */ w.createElement(
9685
+ return /* @__PURE__ */ m.createElement(
9686
9686
  "div",
9687
9687
  {
9688
9688
  className: `button normal-button font-colors-icon ${i && "active"}`,
9689
- onPointerUp: (m) => {
9690
- m.stopPropagation(), m.nativeEvent.stopImmediatePropagation(), e(!i);
9689
+ onPointerUp: (w) => {
9690
+ w.stopPropagation(), w.nativeEvent.stopImmediatePropagation(), e(!i);
9691
9691
  }
9692
9692
  },
9693
9693
  y,
@@ -9717,7 +9717,7 @@ const wp = (o) => {
9717
9717
  return M.top = "inherit", M.bottom = 50, M;
9718
9718
  }
9719
9719
  }
9720
- }, [r, l, a == null ? void 0 : a.height]), y = G(() => h && h !== "transparent" ? /* @__PURE__ */ w.createElement(
9720
+ }, [r, l, a == null ? void 0 : a.height]), y = G(() => h && h !== "transparent" ? /* @__PURE__ */ m.createElement(
9721
9721
  hi,
9722
9722
  {
9723
9723
  key: "fontColors",
@@ -9746,7 +9746,7 @@ const wp = (o) => {
9746
9746
  a == null ? void 0 : a.viewId,
9747
9747
  l == null ? void 0 : l.textOpt,
9748
9748
  n
9749
- ]), m = G(() => i ? /* @__PURE__ */ w.createElement(
9749
+ ]), w = G(() => i ? /* @__PURE__ */ m.createElement(
9750
9750
  "div",
9751
9751
  {
9752
9752
  className: "font-colors-menu",
@@ -9757,7 +9757,7 @@ const wp = (o) => {
9757
9757
  },
9758
9758
  s.map((M, N) => {
9759
9759
  const S = Yt(...M);
9760
- return /* @__PURE__ */ w.createElement(
9760
+ return /* @__PURE__ */ m.createElement(
9761
9761
  ui,
9762
9762
  {
9763
9763
  key: N,
@@ -9794,9 +9794,9 @@ const wp = (o) => {
9794
9794
  d
9795
9795
  ]), f = G(() => {
9796
9796
  const M = h && h !== "transparent" && be(h, g) || "transparent";
9797
- return /* @__PURE__ */ w.createElement("div", { className: "color-bar" }, /* @__PURE__ */ w.createElement("div", { className: "color-bar-color", style: { backgroundColor: M } }));
9797
+ return /* @__PURE__ */ m.createElement("div", { className: "color-bar" }, /* @__PURE__ */ m.createElement("div", { className: "color-bar-color", style: { backgroundColor: M } }));
9798
9798
  }, [h, g]);
9799
- return /* @__PURE__ */ w.createElement(
9799
+ return /* @__PURE__ */ m.createElement(
9800
9800
  "div",
9801
9801
  {
9802
9802
  className: `button normal-button font-colors-icon ${i && "active"}`,
@@ -9804,9 +9804,9 @@ const wp = (o) => {
9804
9804
  M.stopPropagation(), M.nativeEvent.stopImmediatePropagation(), e(!i);
9805
9805
  }
9806
9806
  },
9807
- /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("font-colors") }),
9807
+ /* @__PURE__ */ m.createElement("img", { alt: "icon", src: Ee("font-colors") }),
9808
9808
  f,
9809
- m
9809
+ w
9810
9810
  );
9811
9811
  }, Dp = (o) => {
9812
9812
  const {
@@ -9832,7 +9832,7 @@ const wp = (o) => {
9832
9832
  return M.top = "inherit", M.bottom = 50, M;
9833
9833
  }
9834
9834
  }
9835
- }, [r, l, a == null ? void 0 : a.height]), y = G(() => h && h !== "transparent" ? /* @__PURE__ */ w.createElement(
9835
+ }, [r, l, a == null ? void 0 : a.height]), y = G(() => h && h !== "transparent" ? /* @__PURE__ */ m.createElement(
9836
9836
  hi,
9837
9837
  {
9838
9838
  key: "fontBgColor",
@@ -9860,7 +9860,7 @@ const wp = (o) => {
9860
9860
  n,
9861
9861
  a == null ? void 0 : a.viewId,
9862
9862
  c
9863
- ]), m = G(() => i ? /* @__PURE__ */ w.createElement(
9863
+ ]), w = G(() => i ? /* @__PURE__ */ m.createElement(
9864
9864
  "div",
9865
9865
  {
9866
9866
  className: "font-colors-menu",
@@ -9869,7 +9869,7 @@ const wp = (o) => {
9869
9869
  M.stopPropagation(), M.nativeEvent.stopImmediatePropagation();
9870
9870
  }
9871
9871
  },
9872
- /* @__PURE__ */ w.createElement(
9872
+ /* @__PURE__ */ m.createElement(
9873
9873
  ko,
9874
9874
  {
9875
9875
  activeColor: h,
@@ -9891,7 +9891,7 @@ const wp = (o) => {
9891
9891
  ),
9892
9892
  s.map((M, N) => {
9893
9893
  const S = Yt(...M);
9894
- return /* @__PURE__ */ w.createElement(
9894
+ return /* @__PURE__ */ m.createElement(
9895
9895
  ui,
9896
9896
  {
9897
9897
  key: N,
@@ -9928,9 +9928,9 @@ const wp = (o) => {
9928
9928
  d
9929
9929
  ]), f = G(() => {
9930
9930
  const M = h && h !== "transparent" && be(h, g) || "transparent";
9931
- return /* @__PURE__ */ w.createElement("div", { className: "color-bar", style: { marginTop: 0 } }, /* @__PURE__ */ w.createElement("div", { className: "color-bar-color", style: { backgroundColor: M } }));
9931
+ return /* @__PURE__ */ m.createElement("div", { className: "color-bar", style: { marginTop: 0 } }, /* @__PURE__ */ m.createElement("div", { className: "color-bar-color", style: { backgroundColor: M } }));
9932
9932
  }, [h, g]);
9933
- return /* @__PURE__ */ w.createElement(
9933
+ return /* @__PURE__ */ m.createElement(
9934
9934
  "div",
9935
9935
  {
9936
9936
  className: `button normal-button font-colors-icon ${i && "active"}`,
@@ -9938,9 +9938,9 @@ const wp = (o) => {
9938
9938
  M.stopPropagation(), M.nativeEvent.stopImmediatePropagation(), e(!i);
9939
9939
  }
9940
9940
  },
9941
- /* @__PURE__ */ w.createElement(Tp, null),
9941
+ /* @__PURE__ */ m.createElement(Tp, null),
9942
9942
  f,
9943
- m
9943
+ w
9944
9944
  );
9945
9945
  }, zp = (o) => {
9946
9946
  const { bold: i, setBold: e, workIds: t, viewId: n } = o, r = (s) => {
@@ -9951,7 +9951,7 @@ const wp = (o) => {
9951
9951
  { workIds: t, viewId: n, bold: a }
9952
9952
  );
9953
9953
  };
9954
- return /* @__PURE__ */ w.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee(i === "bold" ? "bold-active" : "bold") }));
9954
+ return /* @__PURE__ */ m.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ m.createElement("img", { alt: "icon", src: Ee(i === "bold" ? "bold-active" : "bold") }));
9955
9955
  }, Ap = (o) => {
9956
9956
  const { underline: i, setUnderline: e, workIds: t, viewId: n } = o, r = (s) => {
9957
9957
  const a = !i;
@@ -9961,7 +9961,7 @@ const wp = (o) => {
9961
9961
  { workIds: t, viewId: n, underline: a }
9962
9962
  );
9963
9963
  };
9964
- return /* @__PURE__ */ w.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ w.createElement(
9964
+ return /* @__PURE__ */ m.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ m.createElement(
9965
9965
  "img",
9966
9966
  {
9967
9967
  alt: "icon",
@@ -9977,7 +9977,7 @@ const wp = (o) => {
9977
9977
  { workIds: t, viewId: n, lineThrough: a }
9978
9978
  );
9979
9979
  };
9980
- return /* @__PURE__ */ w.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ w.createElement(
9980
+ return /* @__PURE__ */ m.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ m.createElement(
9981
9981
  "img",
9982
9982
  {
9983
9983
  alt: "icon",
@@ -9993,7 +9993,7 @@ const wp = (o) => {
9993
9993
  { workIds: t, viewId: n, italic: a }
9994
9994
  );
9995
9995
  };
9996
- return /* @__PURE__ */ w.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ w.createElement(
9996
+ return /* @__PURE__ */ m.createElement("div", { className: "font-style-button", onPointerUp: r }, /* @__PURE__ */ m.createElement(
9997
9997
  "img",
9998
9998
  {
9999
9999
  alt: "icon",
@@ -10008,9 +10008,9 @@ const wp = (o) => {
10008
10008
  workIds: n,
10009
10009
  style: r,
10010
10010
  floatBarRef: s
10011
- } = o, { mananger: a, floatBarData: c } = Se(Te), [l, h] = se("normal"), [u, g] = se("normal"), [p, d] = se(!1), [y, m] = se(!1);
10011
+ } = o, { mananger: a, floatBarData: c } = Se(Te), [l, h] = se("normal"), [u, g] = se("normal"), [p, d] = se(!1), [y, w] = se(!1);
10012
10012
  Me(() => {
10013
- t != null && t.bold && h(t.bold), Be(t == null ? void 0 : t.underline) && d(t.underline || !1), Be(t == null ? void 0 : t.lineThrough) && m(t.lineThrough || !1), t != null && t.italic && g(t.italic);
10013
+ t != null && t.bold && h(t.bold), Be(t == null ? void 0 : t.underline) && d(t.underline || !1), Be(t == null ? void 0 : t.lineThrough) && w(t.lineThrough || !1), t != null && t.italic && g(t.italic);
10014
10014
  }, [t]);
10015
10015
  const f = G(() => {
10016
10016
  if (r && (s != null && s.current) && te(c == null ? void 0 : c.y) && (a != null && a.height)) {
@@ -10022,7 +10022,7 @@ const wp = (o) => {
10022
10022
  return N.top = "inherit", N.bottom = 50, N;
10023
10023
  }
10024
10024
  }
10025
- }, [r, s == null ? void 0 : s.current, c, a]), M = G(() => i ? /* @__PURE__ */ w.createElement(
10025
+ }, [r, s == null ? void 0 : s.current, c, a]), M = G(() => i ? /* @__PURE__ */ m.createElement(
10026
10026
  "div",
10027
10027
  {
10028
10028
  className: "font-style-menu",
@@ -10031,7 +10031,7 @@ const wp = (o) => {
10031
10031
  N.stopPropagation(), N.nativeEvent.stopImmediatePropagation();
10032
10032
  }
10033
10033
  },
10034
- /* @__PURE__ */ w.createElement(
10034
+ /* @__PURE__ */ m.createElement(
10035
10035
  zp,
10036
10036
  {
10037
10037
  workIds: n || [Z],
@@ -10040,7 +10040,7 @@ const wp = (o) => {
10040
10040
  viewId: a == null ? void 0 : a.viewId
10041
10041
  }
10042
10042
  ),
10043
- /* @__PURE__ */ w.createElement(
10043
+ /* @__PURE__ */ m.createElement(
10044
10044
  Ap,
10045
10045
  {
10046
10046
  workIds: n || [Z],
@@ -10049,16 +10049,16 @@ const wp = (o) => {
10049
10049
  viewId: a == null ? void 0 : a.viewId
10050
10050
  }
10051
10051
  ),
10052
- /* @__PURE__ */ w.createElement(
10052
+ /* @__PURE__ */ m.createElement(
10053
10053
  kp,
10054
10054
  {
10055
10055
  workIds: n || [Z],
10056
10056
  lineThrough: y,
10057
- setLineThrough: m,
10057
+ setLineThrough: w,
10058
10058
  viewId: a == null ? void 0 : a.viewId
10059
10059
  }
10060
10060
  ),
10061
- /* @__PURE__ */ w.createElement(
10061
+ /* @__PURE__ */ m.createElement(
10062
10062
  bp,
10063
10063
  {
10064
10064
  workIds: n || [Z],
@@ -10077,7 +10077,7 @@ const wp = (o) => {
10077
10077
  u,
10078
10078
  f
10079
10079
  ]);
10080
- return /* @__PURE__ */ w.createElement(
10080
+ return /* @__PURE__ */ m.createElement(
10081
10081
  "div",
10082
10082
  {
10083
10083
  className: `button normal-button ${i && "active"}`,
@@ -10085,7 +10085,7 @@ const wp = (o) => {
10085
10085
  N.stopPropagation(), N.nativeEvent.stopImmediatePropagation(), e(!i);
10086
10086
  }
10087
10087
  },
10088
- /* @__PURE__ */ w.createElement(
10088
+ /* @__PURE__ */ m.createElement(
10089
10089
  "img",
10090
10090
  {
10091
10091
  alt: "icon",
@@ -10105,7 +10105,7 @@ const wp = (o) => {
10105
10105
  80,
10106
10106
  144,
10107
10107
  288
10108
- ]), mt = [
10108
+ ]), wt = [
10109
10109
  "top",
10110
10110
  "topLeft",
10111
10111
  "topRight",
@@ -10141,7 +10141,7 @@ const wp = (o) => {
10141
10141
  ]
10142
10142
  ]), Pp = (o) => {
10143
10143
  const { style: i, onClickHandler: e } = o;
10144
- return /* @__PURE__ */ w.createElement(
10144
+ return /* @__PURE__ */ m.createElement(
10145
10145
  "div",
10146
10146
  {
10147
10147
  className: "font-size-menu",
@@ -10150,7 +10150,7 @@ const wp = (o) => {
10150
10150
  t.stopPropagation(), t.nativeEvent.stopImmediatePropagation();
10151
10151
  }
10152
10152
  },
10153
- et.map((t) => /* @__PURE__ */ w.createElement(
10153
+ et.map((t) => /* @__PURE__ */ m.createElement(
10154
10154
  "div",
10155
10155
  {
10156
10156
  className: "font-size-btn",
@@ -10197,11 +10197,11 @@ const wp = (o) => {
10197
10197
  }
10198
10198
  const d = (f) => {
10199
10199
  var M;
10200
- (M = i.current) == null || M.blur(), t(!1), m(f);
10201
- }, y = G(() => e ? /* @__PURE__ */ w.createElement(Pp, { onClickHandler: d, style: g }) : null, [e, d, g]), m = (f) => {
10200
+ (M = i.current) == null || M.blur(), t(!1), w(f);
10201
+ }, y = G(() => e ? /* @__PURE__ */ m.createElement(Pp, { onClickHandler: d, style: g }) : null, [e, d, g]), w = (f) => {
10202
10202
  f > et[u] && (f = et[u]), f < et[0] && (f = et[0]), p(f);
10203
10203
  };
10204
- return /* @__PURE__ */ w.createElement(
10204
+ return /* @__PURE__ */ m.createElement(
10205
10205
  "div",
10206
10206
  {
10207
10207
  className: "button normal-button font-size-barBtn",
@@ -10210,7 +10210,7 @@ const wp = (o) => {
10210
10210
  f.stopPropagation(), f.nativeEvent.stopImmediatePropagation();
10211
10211
  }
10212
10212
  },
10213
- /* @__PURE__ */ w.createElement(
10213
+ /* @__PURE__ */ m.createElement(
10214
10214
  "input",
10215
10215
  {
10216
10216
  className: "font-size-input",
@@ -10222,7 +10222,7 @@ const wp = (o) => {
10222
10222
  t(!e), i.current && i.current.focus();
10223
10223
  },
10224
10224
  onKeyDown: (f) => {
10225
- if (f.key === "Backspace") {
10225
+ if (f.stopPropagation(), f.nativeEvent.stopImmediatePropagation(), f.key === "Backspace") {
10226
10226
  const M = window.getSelection(), N = M == null ? void 0 : M.getRangeAt(0);
10227
10227
  if (N != null && N.collapsed)
10228
10228
  return f.cancelable && f.preventDefault(), document.execCommand("delete", !1), !1;
@@ -10231,27 +10231,27 @@ const wp = (o) => {
10231
10231
  },
10232
10232
  onKeyUp: (f) => {
10233
10233
  var M;
10234
- if (i.current) {
10234
+ if (f.stopPropagation(), f.nativeEvent.stopImmediatePropagation(), i.current) {
10235
10235
  const N = i.current.value, S = parseInt(N);
10236
- isNaN(S) ? i.current.value = "0" : i.current.value = S.toString(), S && f.key === "Enter" && (m(S), (M = i.current) == null || M.blur(), t(!1));
10236
+ isNaN(S) ? i.current.value = "0" : i.current.value = S.toString(), S && f.key === "Enter" && (w(S), (M = i.current) == null || M.blur(), t(!1));
10237
10237
  }
10238
10238
  }
10239
10239
  }
10240
10240
  ),
10241
- /* @__PURE__ */ w.createElement("div", { className: "font-size-btns" }, /* @__PURE__ */ w.createElement(
10241
+ /* @__PURE__ */ m.createElement("div", { className: "font-size-btns" }, /* @__PURE__ */ m.createElement(
10242
10242
  "div",
10243
10243
  {
10244
10244
  className: "font-size-add",
10245
10245
  onPointerUp: () => {
10246
- m(l + et[0]);
10246
+ w(l + et[0]);
10247
10247
  }
10248
10248
  }
10249
- ), /* @__PURE__ */ w.createElement(
10249
+ ), /* @__PURE__ */ m.createElement(
10250
10250
  "div",
10251
10251
  {
10252
10252
  className: "font-size-cut",
10253
10253
  onPointerUp: () => {
10254
- m(l - et[0]);
10254
+ w(l - et[0]);
10255
10255
  }
10256
10256
  }
10257
10257
  )),
@@ -10259,7 +10259,7 @@ const wp = (o) => {
10259
10259
  );
10260
10260
  }, Yp = (o) => {
10261
10261
  const { workIds: i, mananger: e, islocked: t } = o;
10262
- return /* @__PURE__ */ w.createElement(
10262
+ return /* @__PURE__ */ m.createElement(
10263
10263
  "div",
10264
10264
  {
10265
10265
  className: "button normal-button",
@@ -10275,7 +10275,7 @@ const wp = (o) => {
10275
10275
  );
10276
10276
  }
10277
10277
  },
10278
- /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee(t ? "unlock-new" : "lock-new") })
10278
+ /* @__PURE__ */ m.createElement("img", { alt: "icon", src: Ee(t ? "unlock-new" : "lock-new") })
10279
10279
  );
10280
10280
  }, Ai = (o) => {
10281
10281
  const { icon: i, min: e, max: t, step: n, value: r, onInputHandler: s } = o, [a, c] = se(0), l = xe(null), h = (u) => {
@@ -10283,7 +10283,7 @@ const wp = (o) => {
10283
10283
  };
10284
10284
  return Me(() => {
10285
10285
  r && (c(r), l.current && (l.current.value = r.toString()));
10286
- }, [r]), /* @__PURE__ */ w.createElement("div", { className: "button input-button" }, /* @__PURE__ */ w.createElement("img", { src: Ee(i) }), /* @__PURE__ */ w.createElement(
10286
+ }, [r]), /* @__PURE__ */ m.createElement("div", { className: "button input-button" }, /* @__PURE__ */ m.createElement("img", { src: Ee(i) }), /* @__PURE__ */ m.createElement(
10287
10287
  "input",
10288
10288
  {
10289
10289
  className: "input-number",
@@ -10293,16 +10293,16 @@ const wp = (o) => {
10293
10293
  l.current && l.current.focus();
10294
10294
  },
10295
10295
  onKeyDown: (u) => {
10296
- if (u.key === "Backspace") {
10296
+ if (u.stopPropagation(), u.nativeEvent.stopImmediatePropagation(), u.key === "Backspace") {
10297
10297
  const g = window.getSelection(), p = g == null ? void 0 : g.getRangeAt(0);
10298
10298
  if (p != null && p.collapsed)
10299
10299
  return u.cancelable && u.preventDefault(), document.execCommand("delete", !1), !1;
10300
10300
  }
10301
10301
  },
10302
- onKeyUp: () => {
10303
- if (l.current) {
10304
- const u = l.current.value, g = parseInt(u);
10305
- isNaN(g) ? l.current.value = "0" : l.current.value = g.toString();
10302
+ onKeyUp: (u) => {
10303
+ if (u.stopPropagation(), u.nativeEvent.stopImmediatePropagation(), l.current) {
10304
+ const g = l.current.value, p = parseInt(g);
10305
+ isNaN(p) ? l.current.value = "0" : l.current.value = p.toString();
10306
10306
  }
10307
10307
  },
10308
10308
  onChange: (u) => {
@@ -10310,7 +10310,7 @@ const wp = (o) => {
10310
10310
  p && p && p >= e && p <= t && h(p);
10311
10311
  }
10312
10312
  }
10313
- ), /* @__PURE__ */ w.createElement("div", { className: "input-number-btns" }, /* @__PURE__ */ w.createElement(
10313
+ ), /* @__PURE__ */ m.createElement("div", { className: "input-number-btns" }, /* @__PURE__ */ m.createElement(
10314
10314
  "div",
10315
10315
  {
10316
10316
  className: "input-number-add",
@@ -10318,7 +10318,7 @@ const wp = (o) => {
10318
10318
  h(a + n);
10319
10319
  }
10320
10320
  }
10321
- ), /* @__PURE__ */ w.createElement(
10321
+ ), /* @__PURE__ */ m.createElement(
10322
10322
  "div",
10323
10323
  {
10324
10324
  className: "input-number-cut",
@@ -10329,7 +10329,7 @@ const wp = (o) => {
10329
10329
  )));
10330
10330
  }, Rp = (o) => {
10331
10331
  const { icon: i, min: e, max: t, step: n, value: r, onInputHandler: s } = o;
10332
- return /* @__PURE__ */ w.createElement("div", { className: "button input-button" }, /* @__PURE__ */ w.createElement("img", { src: Ee(i) }), /* @__PURE__ */ w.createElement(
10332
+ return /* @__PURE__ */ m.createElement("div", { className: "button input-button" }, /* @__PURE__ */ m.createElement("img", { src: Ee(i) }), /* @__PURE__ */ m.createElement(
10333
10333
  Up,
10334
10334
  {
10335
10335
  min: e,
@@ -10356,7 +10356,7 @@ const wp = (o) => {
10356
10356
  const p = g / 100;
10357
10357
  i !== p && n(p);
10358
10358
  };
10359
- return /* @__PURE__ */ w.createElement(
10359
+ return /* @__PURE__ */ m.createElement(
10360
10360
  "div",
10361
10361
  {
10362
10362
  className: "range-number-container",
@@ -10368,8 +10368,8 @@ const wp = (o) => {
10368
10368
  i !== p && n(p);
10369
10369
  }
10370
10370
  },
10371
- /* @__PURE__ */ w.createElement("div", { className: "range-number-color" }),
10372
- /* @__PURE__ */ w.createElement("div", { className: "range-number" }, /* @__PURE__ */ w.createElement(
10371
+ /* @__PURE__ */ m.createElement("div", { className: "range-number-color" }),
10372
+ /* @__PURE__ */ m.createElement("div", { className: "range-number" }, /* @__PURE__ */ m.createElement(
10373
10373
  vt,
10374
10374
  {
10375
10375
  bounds: "parent",
@@ -10379,13 +10379,13 @@ const wp = (o) => {
10379
10379
  onStart: c,
10380
10380
  onStop: l
10381
10381
  },
10382
- /* @__PURE__ */ w.createElement("div", { className: "circle", onPointerUp: Rt })
10382
+ /* @__PURE__ */ m.createElement("div", { className: "circle", onPointerUp: Rt })
10383
10383
  ))
10384
10384
  );
10385
10385
  }, Wp = (o) => {
10386
10386
  const { icon: i, value: e, onChangeHandler: t, style: n } = o, [r, s] = se(0), [a, c] = se(), l = xe(null), h = yt(
10387
10387
  (p) => {
10388
- p >= mt.length && (p = 0), p < 0 && (p = mt.length - 1), s(p), t(mt[p]), c(!1), l.current && (l.current.value = mt[p]);
10388
+ p >= wt.length && (p = 0), p < 0 && (p = wt.length - 1), s(p), t(wt[p]), c(!1), l.current && (l.current.value = wt[p]);
10389
10389
  },
10390
10390
  [t]
10391
10391
  ), u = G(() => {
@@ -10395,17 +10395,17 @@ const wp = (o) => {
10395
10395
  }
10396
10396
  }, [n]);
10397
10397
  Me(() => {
10398
- e && (s(mt.indexOf(e)), l.current && (l.current.value = e));
10398
+ e && (s(wt.indexOf(e)), l.current && (l.current.value = e));
10399
10399
  }, [e]);
10400
- const g = G(() => a ? /* @__PURE__ */ w.createElement(
10400
+ const g = G(() => a ? /* @__PURE__ */ m.createElement(
10401
10401
  Bp,
10402
10402
  {
10403
- options: mt,
10403
+ options: wt,
10404
10404
  onClickHandler: h,
10405
10405
  style: u
10406
10406
  }
10407
10407
  ) : null, [a, h, u]);
10408
- return /* @__PURE__ */ w.createElement("div", { className: "button input-button" }, /* @__PURE__ */ w.createElement("img", { src: Ee(i) }), /* @__PURE__ */ w.createElement(
10408
+ return /* @__PURE__ */ m.createElement("div", { className: "button input-button" }, /* @__PURE__ */ m.createElement("img", { src: Ee(i) }), /* @__PURE__ */ m.createElement(
10409
10409
  "input",
10410
10410
  {
10411
10411
  readOnly: !0,
@@ -10416,7 +10416,7 @@ const wp = (o) => {
10416
10416
  l.current && (l.current.focus(), c(!a));
10417
10417
  }
10418
10418
  }
10419
- ), /* @__PURE__ */ w.createElement("div", { className: "input-number-btns" }, /* @__PURE__ */ w.createElement(
10419
+ ), /* @__PURE__ */ m.createElement("div", { className: "input-number-btns" }, /* @__PURE__ */ m.createElement(
10420
10420
  "div",
10421
10421
  {
10422
10422
  className: "input-number-add",
@@ -10424,7 +10424,7 @@ const wp = (o) => {
10424
10424
  h(r + 1);
10425
10425
  }
10426
10426
  }
10427
- ), /* @__PURE__ */ w.createElement(
10427
+ ), /* @__PURE__ */ m.createElement(
10428
10428
  "div",
10429
10429
  {
10430
10430
  className: "input-number-cut",
@@ -10435,7 +10435,7 @@ const wp = (o) => {
10435
10435
  )), g);
10436
10436
  }, Bp = (o) => {
10437
10437
  const { options: i, style: e, onClickHandler: t } = o;
10438
- return /* @__PURE__ */ w.createElement("div", { className: "select-option-menu", style: e }, i.map((n, r) => /* @__PURE__ */ w.createElement(
10438
+ return /* @__PURE__ */ m.createElement("div", { className: "select-option-menu", style: e }, i.map((n, r) => /* @__PURE__ */ m.createElement(
10439
10439
  "div",
10440
10440
  {
10441
10441
  className: "select-option-btn",
@@ -10481,7 +10481,7 @@ const wp = (o) => {
10481
10481
  }
10482
10482
  );
10483
10483
  };
10484
- return /* @__PURE__ */ w.createElement(w.Fragment, null, /* @__PURE__ */ w.createElement(
10484
+ return /* @__PURE__ */ m.createElement(m.Fragment, null, /* @__PURE__ */ m.createElement(
10485
10485
  Ai,
10486
10486
  {
10487
10487
  value: t,
@@ -10491,7 +10491,7 @@ const wp = (o) => {
10491
10491
  step: 1,
10492
10492
  onInputHandler: s
10493
10493
  }
10494
- ), /* @__PURE__ */ w.createElement(
10494
+ ), /* @__PURE__ */ m.createElement(
10495
10495
  Ai,
10496
10496
  {
10497
10497
  value: e,
@@ -10501,7 +10501,7 @@ const wp = (o) => {
10501
10501
  step: 1,
10502
10502
  onInputHandler: a
10503
10503
  }
10504
- ), /* @__PURE__ */ w.createElement(
10504
+ ), /* @__PURE__ */ m.createElement(
10505
10505
  Rp,
10506
10506
  {
10507
10507
  value: i,
@@ -10525,7 +10525,7 @@ const wp = (o) => {
10525
10525
  }
10526
10526
  );
10527
10527
  };
10528
- return /* @__PURE__ */ w.createElement(
10528
+ return /* @__PURE__ */ m.createElement(
10529
10529
  Ai,
10530
10530
  {
10531
10531
  value: e,
@@ -10549,7 +10549,7 @@ const wp = (o) => {
10549
10549
  }
10550
10550
  );
10551
10551
  };
10552
- return /* @__PURE__ */ w.createElement(
10552
+ return /* @__PURE__ */ m.createElement(
10553
10553
  Wp,
10554
10554
  {
10555
10555
  value: e,
@@ -10559,13 +10559,13 @@ const wp = (o) => {
10559
10559
  );
10560
10560
  }, pi = (o) => {
10561
10561
  const { icon: i, isActive: e, onPointerUpHandler: t } = o;
10562
- return /* @__PURE__ */ w.createElement(
10562
+ return /* @__PURE__ */ m.createElement(
10563
10563
  "div",
10564
10564
  {
10565
10565
  className: `button tab-button ${e ? "active" : ""}`,
10566
10566
  onPointerUp: t
10567
10567
  },
10568
- /* @__PURE__ */ w.createElement("img", { src: Ee(i) })
10568
+ /* @__PURE__ */ m.createElement("img", { src: Ee(i) })
10569
10569
  );
10570
10570
  }, Zp = (o) => {
10571
10571
  const { toolsTypes: i, style: e, mananger: t, shapeOpt: n, setShapeOpt: r } = o, [s, a] = se();
@@ -10574,14 +10574,14 @@ const wp = (o) => {
10574
10574
  }, [i]);
10575
10575
  const c = (g) => {
10576
10576
  a(g);
10577
- }, l = G(() => s === T.Polygon && t && n.vertices ? /* @__PURE__ */ w.createElement(
10577
+ }, l = G(() => s === T.Polygon && t && n.vertices ? /* @__PURE__ */ m.createElement(
10578
10578
  Qp,
10579
10579
  {
10580
10580
  vertices: n.vertices,
10581
10581
  mananger: t,
10582
10582
  setShapeOpt: r
10583
10583
  }
10584
- ) : null, [t, s, n, r]), h = G(() => s === T.Star && t && n.vertices && n.innerVerticeStep && n.innerRatio ? /* @__PURE__ */ w.createElement(
10584
+ ) : null, [t, s, n, r]), h = G(() => s === T.Star && t && n.vertices && n.innerVerticeStep && n.innerRatio ? /* @__PURE__ */ m.createElement(
10585
10585
  Fp,
10586
10586
  {
10587
10587
  mananger: t,
@@ -10590,7 +10590,7 @@ const wp = (o) => {
10590
10590
  innerRatio: n.innerRatio,
10591
10591
  setShapeOpt: r
10592
10592
  }
10593
- ) : null, [t, s, n, r]), u = G(() => s === T.SpeechBalloon && t && n.placement ? /* @__PURE__ */ w.createElement(
10593
+ ) : null, [t, s, n, r]), u = G(() => s === T.SpeechBalloon && t && n.placement ? /* @__PURE__ */ m.createElement(
10594
10594
  Vp,
10595
10595
  {
10596
10596
  mananger: t,
@@ -10598,14 +10598,14 @@ const wp = (o) => {
10598
10598
  setShapeOpt: r
10599
10599
  }
10600
10600
  ) : null, [s, t, n.placement, r]);
10601
- return /* @__PURE__ */ w.createElement(
10601
+ return /* @__PURE__ */ m.createElement(
10602
10602
  "div",
10603
10603
  {
10604
10604
  className: "shapeOpt-sub-menu",
10605
10605
  style: e,
10606
10606
  onPointerUp: Rt
10607
10607
  },
10608
- /* @__PURE__ */ w.createElement("div", { className: "shapeOpt-sub-menu-tabs" }, i.includes(T.Polygon) && /* @__PURE__ */ w.createElement(
10608
+ /* @__PURE__ */ m.createElement("div", { className: "shapeOpt-sub-menu-tabs" }, i.includes(T.Polygon) && /* @__PURE__ */ m.createElement(
10609
10609
  pi,
10610
10610
  {
10611
10611
  isActive: s === T.Polygon,
@@ -10615,14 +10615,14 @@ const wp = (o) => {
10615
10615
  T.Polygon
10616
10616
  )
10617
10617
  }
10618
- ) || null, i.includes(T.Star) && /* @__PURE__ */ w.createElement(
10618
+ ) || null, i.includes(T.Star) && /* @__PURE__ */ m.createElement(
10619
10619
  pi,
10620
10620
  {
10621
10621
  isActive: s === T.Star,
10622
10622
  icon: s === T.Star ? "star-active" : "star",
10623
10623
  onPointerUpHandler: c.bind(void 0, T.Star)
10624
10624
  }
10625
- ) || null, i.includes(T.SpeechBalloon) && /* @__PURE__ */ w.createElement(
10625
+ ) || null, i.includes(T.SpeechBalloon) && /* @__PURE__ */ m.createElement(
10626
10626
  pi,
10627
10627
  {
10628
10628
  isActive: s === T.SpeechBalloon,
@@ -10633,7 +10633,7 @@ const wp = (o) => {
10633
10633
  )
10634
10634
  }
10635
10635
  ) || null),
10636
- /* @__PURE__ */ w.createElement("div", { className: "shapeOpt-sub-menu-content" }, l, h, u)
10636
+ /* @__PURE__ */ m.createElement("div", { className: "shapeOpt-sub-menu-content" }, l, h, u)
10637
10637
  );
10638
10638
  }, $p = (o) => {
10639
10639
  const {
@@ -10657,7 +10657,7 @@ const wp = (o) => {
10657
10657
  c({ shapeOpt: { ...r, ...d } });
10658
10658
  },
10659
10659
  [c, r]
10660
- ), g = G(() => i && n && a && r ? /* @__PURE__ */ w.createElement(
10660
+ ), g = G(() => i && n && a && r ? /* @__PURE__ */ m.createElement(
10661
10661
  Zp,
10662
10662
  {
10663
10663
  shapeOpt: r,
@@ -10676,7 +10676,7 @@ const wp = (o) => {
10676
10676
  ]), p = () => {
10677
10677
  e(!i);
10678
10678
  };
10679
- return /* @__PURE__ */ w.createElement(
10679
+ return /* @__PURE__ */ m.createElement(
10680
10680
  "div",
10681
10681
  {
10682
10682
  ref: l,
@@ -10684,14 +10684,14 @@ const wp = (o) => {
10684
10684
  onPointerUp: p
10685
10685
  },
10686
10686
  g,
10687
- /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee(i ? "shapes-active" : "shapes") })
10687
+ /* @__PURE__ */ m.createElement("img", { alt: "icon", src: Ee(i ? "shapes-active" : "shapes") })
10688
10688
  );
10689
- }, bo = w.memo(
10689
+ }, bo = m.memo(
10690
10690
  (o) => {
10691
- const { textOpt: i, workIds: e, noLayer: t, position: n, noDelete: r, noCopy: s } = o, { floatBarData: a, mananger: c } = Se(Te), [l, h] = w.useState(
10691
+ const { textOpt: i, workIds: e, noLayer: t, position: n, noDelete: r, noCopy: s } = o, { floatBarData: a, mananger: c } = Se(Te), [l, h] = m.useState(
10692
10692
  0
10693
10693
  /* none */
10694
- ), [u, g] = w.useState(), p = xe(null);
10694
+ ), [u, g] = m.useState(), p = xe(null);
10695
10695
  Me(() => {
10696
10696
  var E, P, z, O;
10697
10697
  const C = {}, k = (a == null ? void 0 : a.w) || ((E = i == null ? void 0 : i.boxSize) == null ? void 0 : E[0]) || 0, L = (a == null ? void 0 : a.h) || ((P = i == null ? void 0 : i.boxSize) == null ? void 0 : P[1]) || 0;
@@ -10715,7 +10715,7 @@ const wp = (o) => {
10715
10715
  c == null ? void 0 : c.height,
10716
10716
  i == null ? void 0 : i.boxSize
10717
10717
  ]);
10718
- const d = G(() => a != null && a.fillColor ? /* @__PURE__ */ w.createElement(
10718
+ const d = G(() => a != null && a.fillColor ? /* @__PURE__ */ m.createElement(
10719
10719
  jp,
10720
10720
  {
10721
10721
  floatBarRef: p,
@@ -10727,7 +10727,7 @@ const wp = (o) => {
10727
10727
  );
10728
10728
  }
10729
10729
  }
10730
- ) : null, [a == null ? void 0 : a.fillColor, l, p]), y = G(() => a != null && a.strokeColor ? /* @__PURE__ */ w.createElement(
10730
+ ) : null, [a == null ? void 0 : a.fillColor, l, p]), y = G(() => a != null && a.strokeColor ? /* @__PURE__ */ m.createElement(
10731
10731
  Sp,
10732
10732
  {
10733
10733
  floatBarRef: p,
@@ -10739,7 +10739,7 @@ const wp = (o) => {
10739
10739
  );
10740
10740
  }
10741
10741
  }
10742
- ) : null, [a == null ? void 0 : a.strokeColor, l, p]), m = G(() => i != null && i.fontColor && (c != null && c.viewId) ? /* @__PURE__ */ w.createElement(
10742
+ ) : null, [a == null ? void 0 : a.strokeColor, l, p]), w = G(() => i != null && i.fontColor && (c != null && c.viewId) ? /* @__PURE__ */ m.createElement(
10743
10743
  xp,
10744
10744
  {
10745
10745
  floatBarRef: p,
@@ -10753,7 +10753,7 @@ const wp = (o) => {
10753
10753
  textOpt: i,
10754
10754
  workIds: e
10755
10755
  }
10756
- ) : null, [i, l, e, c, p]), f = G(() => i != null && i.fontBgColor && (c != null && c.viewId) ? /* @__PURE__ */ w.createElement(
10756
+ ) : null, [i, l, e, c, p]), f = G(() => i != null && i.fontBgColor && (c != null && c.viewId) ? /* @__PURE__ */ m.createElement(
10757
10757
  Dp,
10758
10758
  {
10759
10759
  floatBarRef: p,
@@ -10767,7 +10767,7 @@ const wp = (o) => {
10767
10767
  textOpt: i,
10768
10768
  workIds: e
10769
10769
  }
10770
- ) : null, [i, l, e, c, p]), M = G(() => i && (c != null && c.viewId) ? /* @__PURE__ */ w.createElement(
10770
+ ) : null, [i, l, e, c, p]), M = G(() => i && (c != null && c.viewId) ? /* @__PURE__ */ m.createElement(
10771
10771
  Ep,
10772
10772
  {
10773
10773
  floatBarRef: p,
@@ -10782,7 +10782,7 @@ const wp = (o) => {
10782
10782
  workIds: e,
10783
10783
  style: u
10784
10784
  }
10785
- ) : null, [i, l, e, c, u, p]), N = G(() => i && (c != null && c.viewId) ? /* @__PURE__ */ w.createElement(
10785
+ ) : null, [i, l, e, c, u, p]), N = G(() => i && (c != null && c.viewId) ? /* @__PURE__ */ m.createElement(
10786
10786
  Op,
10787
10787
  {
10788
10788
  open: l === 7,
@@ -10796,7 +10796,7 @@ const wp = (o) => {
10796
10796
  workIds: e,
10797
10797
  floatBarRef: p
10798
10798
  }
10799
- ) : null, [i, l, e, c, p]), S = G(() => t ? null : /* @__PURE__ */ w.createElement(
10799
+ ) : null, [i, l, e, c, p]), S = G(() => t ? null : /* @__PURE__ */ m.createElement(
10800
10800
  Np,
10801
10801
  {
10802
10802
  open: l === 1,
@@ -10808,14 +10808,14 @@ const wp = (o) => {
10808
10808
  },
10809
10809
  floatBarRef: p
10810
10810
  }
10811
- ), [t, l, p]), v = G(() => a != null && a.canLock && c ? /* @__PURE__ */ w.createElement(
10811
+ ), [t, l, p]), v = G(() => a != null && a.canLock && c ? /* @__PURE__ */ m.createElement(
10812
10812
  Yp,
10813
10813
  {
10814
10814
  workIds: e,
10815
10815
  mananger: c,
10816
10816
  islocked: a.isLocked
10817
10817
  }
10818
- ) : null, [a, c, e]), j = G(() => c && (c != null && c.viewId) && u && (a != null && a.shapeOpt) && (a != null && a.toolsTypes) ? /* @__PURE__ */ w.createElement(
10818
+ ) : null, [a, c, e]), j = G(() => c && (c != null && c.viewId) && u && (a != null && a.shapeOpt) && (a != null && a.toolsTypes) ? /* @__PURE__ */ m.createElement(
10819
10819
  $p,
10820
10820
  {
10821
10821
  open: l === 8,
@@ -10831,12 +10831,12 @@ const wp = (o) => {
10831
10831
  shapeOpt: a.shapeOpt
10832
10832
  }
10833
10833
  ) : null, [a, c, l, u, e, p]);
10834
- return /* @__PURE__ */ w.createElement("div", { className: "appliance-plugin-floatbtns", style: u, ref: p }, c && !r && /* @__PURE__ */ w.createElement(wp, { workIds: e, mananger: c }), S, v, !!(c != null && c.viewId) && !s && /* @__PURE__ */ w.createElement(mp, { workIds: e, viewId: c.viewId }), j, M, N, m, f, y, d);
10834
+ return /* @__PURE__ */ m.createElement("div", { className: "appliance-plugin-floatbtns", style: u, ref: p }, c && !r && /* @__PURE__ */ m.createElement(mp, { workIds: e, mananger: c }), S, v, !!(c != null && c.viewId) && !s && /* @__PURE__ */ m.createElement(wp, { workIds: e, viewId: c.viewId }), j, M, N, w, f, y, d);
10835
10835
  }
10836
10836
  ), Hp = (o) => {
10837
10837
  const { data: i, workId: e, updateOptInfo: t, handlePointerDown: n, handlePointerUp: r } = o, { opt: s, scale: a, translate: c, x: l, y: h } = i, u = xe(null), { floatBarData: g } = Se(Te), p = G(() => {
10838
10838
  const {
10839
- fontSize: m,
10839
+ fontSize: w,
10840
10840
  fontFamily: f,
10841
10841
  underline: M,
10842
10842
  fontColor: N,
@@ -10846,43 +10846,43 @@ const wp = (o) => {
10846
10846
  lineHeight: C,
10847
10847
  bold: k,
10848
10848
  italic: L
10849
- } = s, E = C || m * 1.2, P = {
10850
- fontSize: `${m}px`,
10849
+ } = s, E = C || w * 1.2, P = {
10850
+ fontSize: `${w}px`,
10851
10851
  lineHeight: `${E}px`,
10852
10852
  color: "transparent",
10853
10853
  caretColor: N,
10854
10854
  borderColor: j,
10855
10855
  minHeight: `${E}px`,
10856
10856
  pointerEvents: "none",
10857
- paddingRight: `${L === "italic" ? Math.round(m * 0.3) : 5}px`
10857
+ paddingRight: `${L === "italic" ? Math.round(w * 0.3) : 5}px`
10858
10858
  };
10859
10859
  return f && (P.fontFamily = `${f}`), (S || M) && (P.textDecoration = `${S && "line-through" || ""}${M && " underline" || ""}`), v && (P.textAlign = `${v}`), k && (P.fontWeight = `${k}`), L && (P.fontStyle = `${L}`), P;
10860
10860
  }, [s]), d = G(() => {
10861
- const m = [];
10861
+ const w = [];
10862
10862
  if (s.text) {
10863
10863
  const f = Zi(s.text);
10864
10864
  for (let M = 0; M < f.length; M++) {
10865
10865
  const N = f[M];
10866
- N === "" ? m.push(/* @__PURE__ */ w.createElement("div", { key: M })) : m.push(/* @__PURE__ */ w.createElement("div", { key: M }, N));
10866
+ N === "" ? w.push(/* @__PURE__ */ m.createElement("div", { key: M })) : w.push(/* @__PURE__ */ m.createElement("div", { key: M }, N));
10867
10867
  }
10868
10868
  }
10869
- return m.length ? m : /* @__PURE__ */ w.createElement("div", null);
10869
+ return w.length ? w : /* @__PURE__ */ m.createElement("div", null);
10870
10870
  }, [s.text]), y = G(() => {
10871
10871
  if (!g) return {};
10872
- const m = `scale(${a || 1}) ${c && "translate(" + c[0] + "px," + c[1] + "px)" || ""}`;
10872
+ const w = `scale(${a || 1}) ${c && "translate(" + c[0] + "px," + c[1] + "px)" || ""}`;
10873
10873
  return {
10874
10874
  left: `${l - g.x}px`,
10875
10875
  top: `${h - g.y}px`,
10876
10876
  zIndex: 1,
10877
- transform: m,
10877
+ transform: w,
10878
10878
  transformOrigin: "left top",
10879
10879
  opacity: 0,
10880
10880
  pointerEvents: "auto"
10881
10881
  };
10882
10882
  }, [a, c, l, h, g]);
10883
10883
  return Me(() => {
10884
- var m, f;
10885
- if ((m = u.current) != null && m.offsetWidth && ((f = u.current) != null && f.offsetHeight)) {
10884
+ var w, f;
10885
+ if ((w = u.current) != null && w.offsetWidth && ((f = u.current) != null && f.offsetHeight)) {
10886
10886
  const M = s.boxSize;
10887
10887
  if ((M == null ? void 0 : M[0]) !== u.current.offsetWidth || M[1] !== u.current.offsetHeight || !M) {
10888
10888
  const N = [
@@ -10898,7 +10898,7 @@ const wp = (o) => {
10898
10898
  });
10899
10899
  }
10900
10900
  }
10901
- }, [s.fontSize, s.italic, s.bold, s.boxSize, e, t]), /* @__PURE__ */ w.createElement(
10901
+ }, [s.fontSize, s.italic, s.bold, s.boxSize, e, t]), /* @__PURE__ */ m.createElement(
10902
10902
  "div",
10903
10903
  {
10904
10904
  className: "editor-box readonly",
@@ -10910,7 +10910,7 @@ const wp = (o) => {
10910
10910
  r();
10911
10911
  }
10912
10912
  },
10913
- /* @__PURE__ */ w.createElement("div", { className: "editor", ref: u, style: p }, d)
10913
+ /* @__PURE__ */ m.createElement("div", { className: "editor", ref: u, style: p }, d)
10914
10914
  );
10915
10915
  }, Gp = (o) => {
10916
10916
  const { mananger: i } = Se(Te), e = G(() => {
@@ -10933,7 +10933,7 @@ const wp = (o) => {
10933
10933
  const r = [];
10934
10934
  return o.editors.forEach((s, a) => {
10935
10935
  if (o.selectIds && o.selectIds.includes(a)) {
10936
- const c = /* @__PURE__ */ w.createElement(
10936
+ const c = /* @__PURE__ */ m.createElement(
10937
10937
  Hp,
10938
10938
  {
10939
10939
  key: a,
@@ -10950,10 +10950,10 @@ const wp = (o) => {
10950
10950
  }
10951
10951
  return null;
10952
10952
  }, [o.editors, o.selectIds, i]);
10953
- return /* @__PURE__ */ w.createElement(w.Fragment, null, e);
10953
+ return /* @__PURE__ */ m.createElement(m.Fragment, null, e);
10954
10954
  }, Jp = (o) => {
10955
10955
  const { position: i, textOpt: e, workIds: t, noLayer: n, noCopy: r, noDelete: s, style: a } = o, c = xe(null);
10956
- return /* @__PURE__ */ w.createElement("div", { className: Oe.FloatBarBtn, ref: c, style: a }, /* @__PURE__ */ w.createElement(
10956
+ return /* @__PURE__ */ m.createElement("div", { className: Oe.FloatBarBtn, ref: c, style: a }, /* @__PURE__ */ m.createElement(
10957
10957
  bo,
10958
10958
  {
10959
10959
  position: i,
@@ -10974,7 +10974,7 @@ const wp = (o) => {
10974
10974
  runAnimation: s,
10975
10975
  updateSize: a,
10976
10976
  rightBoundBreak: c
10977
- } = o, { activeTextEditor: l, activeTextId: h, mananger: u } = Se(Te), { opt: g, scale: p, translate: d, x: y, y: m } = i, {
10977
+ } = o, { activeTextEditor: l, activeTextId: h, mananger: u } = Se(Te), { opt: g, scale: p, translate: d, x: y, y: w } = i, {
10978
10978
  fontSize: f,
10979
10979
  fontFamily: M,
10980
10980
  underline: N,
@@ -11053,13 +11053,13 @@ const wp = (o) => {
11053
11053
  const B = `scale(${p || 1}) ${d && "translate(" + d[0] + "px," + d[1] + "px)" || ""}`;
11054
11054
  return {
11055
11055
  left: `${y - An * (p || 1)}px`,
11056
- top: `${m - An * (p || 1)}px`,
11056
+ top: `${w - An * (p || 1)}px`,
11057
11057
  zIndex: 2,
11058
11058
  transform: B,
11059
11059
  transformOrigin: "left top",
11060
11060
  borderColor: F === "editing" || F === "hover" ? S : "transparent"
11061
11061
  };
11062
- }, [p, d, y, m, S, F]), J = G(() => {
11062
+ }, [p, d, y, w, S, F]), J = G(() => {
11063
11063
  let B = "";
11064
11064
  const H = "<div></div>";
11065
11065
  if (g.text) {
@@ -11086,14 +11086,14 @@ const wp = (o) => {
11086
11086
  }, [g.fontBgColor, g.text]), ne = G(() => {
11087
11087
  var B, H;
11088
11088
  if (F === "hover") {
11089
- if (p && t && te(y) && te(m) && g.boxSize && te((B = g.boxSize) == null ? void 0 : B[0]) && te((H = g.boxSize) == null ? void 0 : H[1])) {
11090
- const K = { x: y, y: m }, he = {
11089
+ if (p && t && te(y) && te(w) && g.boxSize && te((B = g.boxSize) == null ? void 0 : B[0]) && te((H = g.boxSize) == null ? void 0 : H[1])) {
11090
+ const K = { x: y, y: w }, he = {
11091
11091
  left: y,
11092
- top: m,
11092
+ top: w,
11093
11093
  width: g.boxSize[0] * p,
11094
11094
  height: g.boxSize[1] * p
11095
11095
  };
11096
- return /* @__PURE__ */ w.createElement(
11096
+ return /* @__PURE__ */ m.createElement(
11097
11097
  Jp,
11098
11098
  {
11099
11099
  position: K,
@@ -11109,7 +11109,7 @@ const wp = (o) => {
11109
11109
  return null;
11110
11110
  }
11111
11111
  return null;
11112
- }, [g, t, e, y, m, p, F]);
11112
+ }, [g, t, e, y, w, p, F]);
11113
11113
  Me(() => {
11114
11114
  h === e && E.current && (document.activeElement !== E.current && _(), r(E.current));
11115
11115
  }, [h, r, e]), Me(() => {
@@ -11199,7 +11199,7 @@ const wp = (o) => {
11199
11199
  [u == null ? void 0 : u.parentElement, g.fontBgColor, c]
11200
11200
  );
11201
11201
  function oe(B) {
11202
- if (B.key === "Backspace") {
11202
+ if (B.stopPropagation(), B.nativeEvent.stopImmediatePropagation(), B.key === "Backspace") {
11203
11203
  const H = window.getSelection(), K = H == null ? void 0 : H.getRangeAt(0);
11204
11204
  if (K != null && K.collapsed)
11205
11205
  return B.cancelable && B.preventDefault(), document.execCommand("delete", !1), !1;
@@ -11322,7 +11322,7 @@ const wp = (o) => {
11322
11322
  B.style.borderColor = "transparent";
11323
11323
  }
11324
11324
  }, [F]);
11325
- return /* @__PURE__ */ w.createElement(w.Fragment, null, ne, /* @__PURE__ */ w.createElement(
11325
+ return /* @__PURE__ */ m.createElement(m.Fragment, null, ne, /* @__PURE__ */ m.createElement(
11326
11326
  "div",
11327
11327
  {
11328
11328
  className: `editor-box ${F}`,
@@ -11356,7 +11356,7 @@ const wp = (o) => {
11356
11356
  onMouseOver: qe,
11357
11357
  onMouseLeave: V
11358
11358
  },
11359
- /* @__PURE__ */ w.createElement(
11359
+ /* @__PURE__ */ m.createElement(
11360
11360
  "div",
11361
11361
  {
11362
11362
  id: e,
@@ -11401,33 +11401,33 @@ const wp = (o) => {
11401
11401
  for (let d = 0; d < g.childNodes.length; d++) {
11402
11402
  const y = g.childNodes[d];
11403
11403
  if (y.nodeName === "#text" && d === 0) {
11404
- const m = y.textContent.split(/\n/), f = m.pop();
11405
- p.push(...m), f && p.push(f);
11404
+ const w = y.textContent.split(/\n/), f = w.pop();
11405
+ p.push(...w), f && p.push(f);
11406
11406
  } else if (y.nodeName === "DIV") {
11407
- const m = y.innerText.split(
11407
+ const w = y.innerText.split(
11408
11408
  /\n/
11409
11409
  );
11410
- if (m.length === 2 && m[0] === "" && m[1] === "")
11410
+ if (w.length === 2 && w[0] === "" && w[1] === "")
11411
11411
  p.push("");
11412
11412
  else {
11413
- const f = m.shift();
11413
+ const f = w.shift();
11414
11414
  (f || f === "") && p.push(f);
11415
- const M = m.pop();
11416
- p.push(...m), M && p.push(M);
11415
+ const M = w.pop();
11416
+ p.push(...w), M && p.push(M);
11417
11417
  }
11418
11418
  }
11419
11419
  }
11420
11420
  return p;
11421
11421
  }, a = (g) => {
11422
11422
  if (!e) return;
11423
- const p = g.id, d = e.control.textEditorManager.get(p), y = x.Doing, m = [
11423
+ const p = g.id, d = e.control.textEditorManager.get(p), y = x.Doing, w = [
11424
11424
  g.offsetWidth,
11425
11425
  g.offsetHeight
11426
11426
  ];
11427
- (!d || d && (!ce(d.opt.boxSize, m) || !ce(d.opt.workState, y))) && n({
11427
+ (!d || d && (!ce(d.opt.boxSize, w) || !ce(d.opt.workState, y))) && n({
11428
11428
  activeTextId: p,
11429
11429
  update: {
11430
- boxSize: m,
11430
+ boxSize: w,
11431
11431
  workState: y
11432
11432
  },
11433
11433
  syncData: {
@@ -11438,14 +11438,14 @@ const wp = (o) => {
11438
11438
  }, c = (g) => {
11439
11439
  var N, S;
11440
11440
  if (!e) return;
11441
- const p = s(g), d = g.id, y = e.control.textEditorManager.get(d), m = qt(p), f = x.Doing, M = [g.offsetWidth, g.offsetHeight];
11442
- if (!y || y && (y.opt.text !== m || !ce(y.opt.boxSize, M) || !ce(y.opt.workState, f))) {
11441
+ const p = s(g), d = g.id, y = e.control.textEditorManager.get(d), w = qt(p), f = x.Doing, M = [g.offsetWidth, g.offsetHeight];
11442
+ if (!y || y && (y.opt.text !== w || !ce(y.opt.boxSize, M) || !ce(y.opt.workState, f))) {
11443
11443
  const v = d && ae(
11444
11444
  ((N = e.control.textEditorManager) == null ? void 0 : N.get(d)) || ((S = o.editors) == null ? void 0 : S.get(d))
11445
11445
  );
11446
11446
  v && v.opt && (v.opt = {
11447
11447
  ...v.opt,
11448
- text: m,
11448
+ text: w,
11449
11449
  boxSize: M,
11450
11450
  workState: f
11451
11451
  }, v.canSync = !0, v.canWorker = !0, e.control.textEditorManager.updateForViewEdited(d, v)), e.control.textEditorManager.publicMsgEmitter.emit(
@@ -11460,11 +11460,11 @@ const wp = (o) => {
11460
11460
  if (!e) return;
11461
11461
  const d = g, y = e.control.textEditorManager.get(d);
11462
11462
  if (y && !ce(y.opt.boxSize, p)) {
11463
- const m = ae(y);
11464
- m.opt = {
11465
- ...m.opt,
11463
+ const w = ae(y);
11464
+ w.opt = {
11465
+ ...w.opt,
11466
11466
  boxSize: p
11467
- }, m.canSync = !1, m.canWorker = !1, e.control.textEditorManager.updateForViewEdited(d, m);
11467
+ }, w.canSync = !1, w.canWorker = !1, e.control.textEditorManager.updateForViewEdited(d, w);
11468
11468
  }
11469
11469
  }, h = (g) => {
11470
11470
  t.current && cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
@@ -11478,7 +11478,7 @@ const wp = (o) => {
11478
11478
  const g = [];
11479
11479
  return o.editors.forEach((p, d) => {
11480
11480
  g.push(
11481
- /* @__PURE__ */ w.createElement(
11481
+ /* @__PURE__ */ m.createElement(
11482
11482
  Xp,
11483
11483
  {
11484
11484
  key: d,
@@ -11503,65 +11503,65 @@ const wp = (o) => {
11503
11503
  e,
11504
11504
  n
11505
11505
  ]);
11506
- return /* @__PURE__ */ w.createElement("div", { className: `${o.className}`, ref: i }, r);
11506
+ return /* @__PURE__ */ m.createElement("div", { className: `${o.className}`, ref: i }, r);
11507
11507
  }, qp = () => {
11508
11508
  const { floatBarData: o } = Se(Te);
11509
- return /* @__PURE__ */ w.createElement(
11509
+ return /* @__PURE__ */ m.createElement(
11510
11510
  "div",
11511
11511
  {
11512
11512
  className: "appliance-plugin-hightlight-box",
11513
11513
  style: { borderColor: o == null ? void 0 : o.selectorColor }
11514
11514
  },
11515
- /* @__PURE__ */ w.createElement(
11515
+ /* @__PURE__ */ m.createElement(
11516
11516
  "div",
11517
11517
  {
11518
11518
  className: "point LT nwse-resize",
11519
11519
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11520
11520
  }
11521
11521
  ),
11522
- /* @__PURE__ */ w.createElement(
11522
+ /* @__PURE__ */ m.createElement(
11523
11523
  "div",
11524
11524
  {
11525
11525
  className: "point LC ew-resize",
11526
11526
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11527
11527
  }
11528
11528
  ),
11529
- /* @__PURE__ */ w.createElement(
11529
+ /* @__PURE__ */ m.createElement(
11530
11530
  "div",
11531
11531
  {
11532
11532
  className: "point LB nesw-resize",
11533
11533
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11534
11534
  }
11535
11535
  ),
11536
- /* @__PURE__ */ w.createElement(
11536
+ /* @__PURE__ */ m.createElement(
11537
11537
  "div",
11538
11538
  {
11539
11539
  className: "point TC ns-resize",
11540
11540
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11541
11541
  }
11542
11542
  ),
11543
- /* @__PURE__ */ w.createElement(
11543
+ /* @__PURE__ */ m.createElement(
11544
11544
  "div",
11545
11545
  {
11546
11546
  className: "point RT nesw-resize",
11547
11547
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11548
11548
  }
11549
11549
  ),
11550
- /* @__PURE__ */ w.createElement(
11550
+ /* @__PURE__ */ m.createElement(
11551
11551
  "div",
11552
11552
  {
11553
11553
  className: "point RC ew-resize",
11554
11554
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11555
11555
  }
11556
11556
  ),
11557
- /* @__PURE__ */ w.createElement(
11557
+ /* @__PURE__ */ m.createElement(
11558
11558
  "div",
11559
11559
  {
11560
11560
  className: "point RB nwse-resize",
11561
11561
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11562
11562
  }
11563
11563
  ),
11564
- /* @__PURE__ */ w.createElement(
11564
+ /* @__PURE__ */ m.createElement(
11565
11565
  "div",
11566
11566
  {
11567
11567
  className: "point BC ns-resize",
@@ -11592,7 +11592,7 @@ const wp = (o) => {
11592
11592
  });
11593
11593
  }
11594
11594
  }, [i, o == null ? void 0 : o.points, o == null ? void 0 : o.x, o == null ? void 0 : o.y]);
11595
- const s = G(() => e ? /* @__PURE__ */ w.createElement(
11595
+ const s = G(() => e ? /* @__PURE__ */ m.createElement(
11596
11596
  "div",
11597
11597
  {
11598
11598
  className: "point point-dot",
@@ -11602,7 +11602,7 @@ const wp = (o) => {
11602
11602
  top: e.y
11603
11603
  }
11604
11604
  }
11605
- ) : null, [o == null ? void 0 : o.selectorColor, e]), a = G(() => n ? /* @__PURE__ */ w.createElement(
11605
+ ) : null, [o == null ? void 0 : o.selectorColor, e]), a = G(() => n ? /* @__PURE__ */ m.createElement(
11606
11606
  "div",
11607
11607
  {
11608
11608
  className: "point point-dot",
@@ -11613,7 +11613,7 @@ const wp = (o) => {
11613
11613
  }
11614
11614
  }
11615
11615
  ) : null, [n, o == null ? void 0 : o.selectorColor]);
11616
- return /* @__PURE__ */ w.createElement(
11616
+ return /* @__PURE__ */ m.createElement(
11617
11617
  "div",
11618
11618
  {
11619
11619
  className: "appliance-plugin-hightlight-box",
@@ -11624,34 +11624,34 @@ const wp = (o) => {
11624
11624
  );
11625
11625
  }, ey = () => {
11626
11626
  const { floatBarData: o } = Se(Te);
11627
- return /* @__PURE__ */ w.createElement(
11627
+ return /* @__PURE__ */ m.createElement(
11628
11628
  "div",
11629
11629
  {
11630
11630
  className: "appliance-plugin-hightlight-box",
11631
11631
  style: { borderColor: o == null ? void 0 : o.selectorColor }
11632
11632
  },
11633
- /* @__PURE__ */ w.createElement(
11633
+ /* @__PURE__ */ m.createElement(
11634
11634
  "div",
11635
11635
  {
11636
11636
  className: "point LT nwse-resize",
11637
11637
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11638
11638
  }
11639
11639
  ),
11640
- /* @__PURE__ */ w.createElement(
11640
+ /* @__PURE__ */ m.createElement(
11641
11641
  "div",
11642
11642
  {
11643
11643
  className: "point LB nesw-resize",
11644
11644
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11645
11645
  }
11646
11646
  ),
11647
- /* @__PURE__ */ w.createElement(
11647
+ /* @__PURE__ */ m.createElement(
11648
11648
  "div",
11649
11649
  {
11650
11650
  className: "point RT nesw-resize",
11651
11651
  style: { backgroundColor: o == null ? void 0 : o.selectorColor }
11652
11652
  }
11653
11653
  ),
11654
- /* @__PURE__ */ w.createElement(
11654
+ /* @__PURE__ */ m.createElement(
11655
11655
  "div",
11656
11656
  {
11657
11657
  className: "point RB nwse-resize",
@@ -11661,7 +11661,7 @@ const wp = (o) => {
11661
11661
  );
11662
11662
  }, ty = () => {
11663
11663
  const { floatBarData: o } = Se(Te);
11664
- return /* @__PURE__ */ w.createElement(
11664
+ return /* @__PURE__ */ m.createElement(
11665
11665
  "div",
11666
11666
  {
11667
11667
  className: "appliance-plugin-hightlight-box",
@@ -11669,7 +11669,7 @@ const wp = (o) => {
11669
11669
  borderColor: o == null ? void 0 : o.selectorColor
11670
11670
  }
11671
11671
  },
11672
- /* @__PURE__ */ w.createElement(
11672
+ /* @__PURE__ */ m.createElement(
11673
11673
  "img",
11674
11674
  {
11675
11675
  className: "lock",
@@ -11681,7 +11681,7 @@ const wp = (o) => {
11681
11681
  }, iy = (o) => {
11682
11682
  const { className: i } = o, { floatBarData: e, angle: t, setAngle: n, setOperationType: r, mananger: s } = Se(Te), [a, c] = se(
11683
11683
  x.Pending
11684
- ), [l, h] = se(), [u, g] = se(!1), [p, d] = se(new Ce()), [y, m] = se(new Ce()), [f, M] = se(!1), N = xe(0), S = xe(null), v = (E) => {
11684
+ ), [l, h] = se(), [u, g] = se(!1), [p, d] = se(new Ce()), [y, w] = se(new Ce()), [f, M] = se(!1), N = xe(0), S = xe(null), v = (E) => {
11685
11685
  if (!E) {
11686
11686
  M(!0), g(!1), r(U.None), c(x.Pending);
11687
11687
  return;
@@ -11718,7 +11718,7 @@ const wp = (o) => {
11718
11718
  x: (e == null ? void 0 : e.x) + (e == null ? void 0 : e.w) / 2,
11719
11719
  y: (e == null ? void 0 : e.y) + (e == null ? void 0 : e.h) / 2
11720
11720
  };
11721
- m(new Ce(P.x, P.y)), d(new Ce(E.x, E.y)), h({ x: E.x, y: E.y });
11721
+ w(new Ce(P.x, P.y)), d(new Ce(E.x, E.y)), h({ x: E.x, y: E.y });
11722
11722
  }
11723
11723
  }, [e, a]);
11724
11724
  const C = (E, P) => {
@@ -11776,7 +11776,7 @@ const wp = (o) => {
11776
11776
  );
11777
11777
  }, 60));
11778
11778
  };
11779
- return /* @__PURE__ */ w.createElement(
11779
+ return /* @__PURE__ */ m.createElement(
11780
11780
  vt,
11781
11781
  {
11782
11782
  disabled: f,
@@ -11785,7 +11785,7 @@ const wp = (o) => {
11785
11785
  onDrag: L,
11786
11786
  onStop: k
11787
11787
  },
11788
- /* @__PURE__ */ w.createElement(
11788
+ /* @__PURE__ */ m.createElement(
11789
11789
  "div",
11790
11790
  {
11791
11791
  className: `${i}`,
@@ -11795,26 +11795,26 @@ const wp = (o) => {
11795
11795
  touchAction: "none"
11796
11796
  } : void 0
11797
11797
  },
11798
- !u && /* @__PURE__ */ w.createElement(
11798
+ !u && /* @__PURE__ */ m.createElement(
11799
11799
  "div",
11800
11800
  {
11801
11801
  className: "appliance-plugin-rotate-btn",
11802
11802
  style: { backgroundColor: e == null ? void 0 : e.selectorColor }
11803
11803
  },
11804
- /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("rotation-button") })
11804
+ /* @__PURE__ */ m.createElement("img", { alt: "icon", src: Ee("rotation-button") })
11805
11805
  ),
11806
- /* @__PURE__ */ w.createElement(
11806
+ /* @__PURE__ */ m.createElement(
11807
11807
  "div",
11808
11808
  {
11809
11809
  ref: S,
11810
11810
  className: `appliance-plugin-rotate-mouse-pointer ${u ? "active" : ""}`
11811
11811
  },
11812
- /* @__PURE__ */ w.createElement("img", { alt: "icon", src: Ee("rotation") }),
11813
- /* @__PURE__ */ w.createElement("div", { className: "angle-icon" }, t, "°")
11812
+ /* @__PURE__ */ m.createElement("img", { alt: "icon", src: Ee("rotation") }),
11813
+ /* @__PURE__ */ m.createElement("div", { className: "angle-icon" }, t, "°")
11814
11814
  )
11815
11815
  )
11816
11816
  );
11817
- }, ny = w.memo(
11817
+ }, ny = m.memo(
11818
11818
  (o) => {
11819
11819
  const { editors: i, canSelectorSwitch: e } = o, { floatBarData: t, setOperationType: n, mananger: r, isNoPointerEvents: s } = Se(Te), [a, c] = se(), [l, h] = se(!1), u = xe(0), g = xe(), p = xe(x.Pending), d = G(() => !!((t == null ? void 0 : t.scaleType) === Fe.none && (t != null && t.canLock)), [t]), y = G(() => t && t.w && t.h ? {
11820
11820
  position: "absolute",
@@ -11825,7 +11825,7 @@ const wp = (o) => {
11825
11825
  zIndex: 2,
11826
11826
  pointerEvents: d || s ? "none" : "auto",
11827
11827
  touchAction: "none"
11828
- } : { display: "none", pointerEvents: "none" }, [t, d, s]), m = (C) => {
11828
+ } : { display: "none", pointerEvents: "none" }, [t, d, s]), w = (C) => {
11829
11829
  if (!C || t != null && t.isLocked) {
11830
11830
  h(!0), p.current = x.Pending, n(U.None);
11831
11831
  return;
@@ -11845,8 +11845,8 @@ const wp = (o) => {
11845
11845
  }
11846
11846
  );
11847
11847
  };
11848
- Me(() => (re.activeListener(m), () => {
11849
- re.unmountActiveListener(m);
11848
+ Me(() => (re.activeListener(w), () => {
11849
+ re.unmountActiveListener(w);
11850
11850
  }), []), Me(() => {
11851
11851
  if (t && (t != null && t.isLocked) || r != null && r.control.worker.isBusy) {
11852
11852
  h(!0);
@@ -11907,7 +11907,7 @@ const wp = (o) => {
11907
11907
  }, j = () => {
11908
11908
  r && e && p.current === x.Start && g.current && r.control.textEditorManager.active(g.current);
11909
11909
  };
11910
- return /* @__PURE__ */ w.createElement(
11910
+ return /* @__PURE__ */ m.createElement(
11911
11911
  vt,
11912
11912
  {
11913
11913
  disabled: l,
@@ -11916,7 +11916,7 @@ const wp = (o) => {
11916
11916
  onDrag: S,
11917
11917
  onStop: N
11918
11918
  },
11919
- /* @__PURE__ */ w.createElement("div", { style: y }, /* @__PURE__ */ w.createElement(
11919
+ /* @__PURE__ */ m.createElement("div", { style: y }, /* @__PURE__ */ m.createElement(
11920
11920
  oy,
11921
11921
  {
11922
11922
  editors: i,
@@ -11928,7 +11928,7 @@ const wp = (o) => {
11928
11928
  );
11929
11929
  },
11930
11930
  (o, i) => !!ce(o, i)
11931
- ), oy = w.memo(
11931
+ ), oy = m.memo(
11932
11932
  (o) => {
11933
11933
  const {
11934
11934
  editors: i,
@@ -11936,7 +11936,7 @@ const wp = (o) => {
11936
11936
  handleTextEditorPointerDown: t,
11937
11937
  handleTextEditorPointerUp: n
11938
11938
  } = o;
11939
- return i ? /* @__PURE__ */ w.createElement(
11939
+ return i ? /* @__PURE__ */ m.createElement(
11940
11940
  Gp,
11941
11941
  {
11942
11942
  editors: i,
@@ -11948,7 +11948,7 @@ const wp = (o) => {
11948
11948
  },
11949
11949
  (o, i) => !(!ce(o.editors, i.editors) || !ce(o.selectIds, i.selectIds))
11950
11950
  ), ry = (o) => {
11951
- const { className: i } = o, [e, t] = se({ x: 0, y: 0, h: 0, w: 0 }), [n, r] = se(), [s, a] = se(), [c, l] = se(), { floatBarData: h, mananger: u, isNoPointerEvents: g, setOperationType: p } = Se(Te), [d, y] = se(), [m, f] = se(!1), M = xe(0);
11951
+ const { className: i } = o, [e, t] = se({ x: 0, y: 0, h: 0, w: 0 }), [n, r] = se(), [s, a] = se(), [c, l] = se(), { floatBarData: h, mananger: u, isNoPointerEvents: g, setOperationType: p } = Se(Te), [d, y] = se(), [w, f] = se(!1), M = xe(0);
11952
11952
  Me(() => {
11953
11953
  if (h && u) {
11954
11954
  const P = {
@@ -12137,7 +12137,7 @@ const wp = (o) => {
12137
12137
  }, E = () => {
12138
12138
  u != null && u.control.worker.isBusy && f(!0), N();
12139
12139
  };
12140
- return /* @__PURE__ */ w.createElement(
12140
+ return /* @__PURE__ */ m.createElement(
12141
12141
  Ro,
12142
12142
  {
12143
12143
  className: `${i}`,
@@ -12154,7 +12154,7 @@ const wp = (o) => {
12154
12154
  top: h == null ? void 0 : h.y,
12155
12155
  pointerEvents: g ? "none" : "auto"
12156
12156
  },
12157
- enable: m ? !1 : {
12157
+ enable: w ? !1 : {
12158
12158
  top: (h == null ? void 0 : h.scaleType) === Fe.all && !0 || !1,
12159
12159
  right: (h == null ? void 0 : h.scaleType) === Fe.all && !0 || !1,
12160
12160
  bottom: (h == null ? void 0 : h.scaleType) === Fe.all && !0 || !1,
@@ -12179,15 +12179,15 @@ const wp = (o) => {
12179
12179
  ), [g, p] = se(!1), d = xe(0), y = G(() => a ? {
12180
12180
  left: 0,
12181
12181
  top: 0
12182
- } : {}, [a]), m = (v) => {
12182
+ } : {}, [a]), w = (v) => {
12183
12183
  if (!v || a != null && a.isLocked) {
12184
12184
  p(!0), u(x.Pending), r(U.None);
12185
12185
  return;
12186
12186
  }
12187
12187
  p(!1);
12188
12188
  };
12189
- Me(() => (re.activeListener(m), () => {
12190
- re.unmountActiveListener(m);
12189
+ Me(() => (re.activeListener(w), () => {
12190
+ re.unmountActiveListener(w);
12191
12191
  }), []), Me(() => {
12192
12192
  te(e.x) && te(e.y) && (h === x.Pending || h === x.Done) && l({ x: e.x, y: e.y });
12193
12193
  }, [e, h]), Me(() => {
@@ -12261,7 +12261,7 @@ const wp = (o) => {
12261
12261
  }, S = (v, j) => {
12262
12262
  s != null && s.control.worker.isBusy && p(!0), f(v, j);
12263
12263
  };
12264
- return /* @__PURE__ */ w.createElement(
12264
+ return /* @__PURE__ */ m.createElement(
12265
12265
  vt,
12266
12266
  {
12267
12267
  disabled: g,
@@ -12270,7 +12270,7 @@ const wp = (o) => {
12270
12270
  onDrag: N,
12271
12271
  onStop: S
12272
12272
  },
12273
- /* @__PURE__ */ w.createElement(
12273
+ /* @__PURE__ */ m.createElement(
12274
12274
  "div",
12275
12275
  {
12276
12276
  className: "appliance-plugin-point-draggable-btn",
@@ -12288,17 +12288,17 @@ const wp = (o) => {
12288
12288
  const p = t.viewId;
12289
12289
  if (t.control.viewContainerManager.getView(p))
12290
12290
  for (const y of e.points) {
12291
- const m = t.control.viewContainerManager.transformToOriginPoint(
12291
+ const w = t.control.viewContainerManager.transformToOriginPoint(
12292
12292
  y,
12293
12293
  p
12294
12294
  );
12295
- g.push(m);
12295
+ g.push(w);
12296
12296
  }
12297
12297
  e != null && e.selectIds && e.selectIds.length === 1 && (c.set(e.selectIds[0], e.points), l(c));
12298
12298
  }
12299
12299
  g[0] && r({ x: g[0][0], y: g[0][1] }), g[1] && a({ x: g[1][0], y: g[1][1] });
12300
12300
  }, [t, e == null ? void 0 : e.points, e == null ? void 0 : e.selectIds, c]);
12301
- const h = G(() => n && (e != null && e.selectIds) ? /* @__PURE__ */ w.createElement(
12301
+ const h = G(() => n && (e != null && e.selectIds) ? /* @__PURE__ */ m.createElement(
12302
12302
  Yn,
12303
12303
  {
12304
12304
  pos: n,
@@ -12306,7 +12306,7 @@ const wp = (o) => {
12306
12306
  id: e.selectIds[0],
12307
12307
  pointMap: c
12308
12308
  }
12309
- ) : null, [n, e == null ? void 0 : e.selectIds, c]), u = G(() => s && (e != null && e.selectIds) ? /* @__PURE__ */ w.createElement(
12309
+ ) : null, [n, e == null ? void 0 : e.selectIds, c]), u = G(() => s && (e != null && e.selectIds) ? /* @__PURE__ */ m.createElement(
12310
12310
  Yn,
12311
12311
  {
12312
12312
  pos: s,
@@ -12315,11 +12315,11 @@ const wp = (o) => {
12315
12315
  pointMap: c
12316
12316
  }
12317
12317
  ) : null, [s, e == null ? void 0 : e.selectIds, c]);
12318
- return /* @__PURE__ */ w.createElement("div", { className: `${i}` }, h, u);
12319
- }, ay = w.forwardRef(
12318
+ return /* @__PURE__ */ m.createElement("div", { className: `${i}` }, h, u);
12319
+ }, ay = m.forwardRef(
12320
12320
  (o, i) => {
12321
- const { floatBarData: e, operationType: t } = Se(Te), n = G(() => (e == null ? void 0 : e.scaleType) !== Fe.all || t === U.RotateNode ? null : /* @__PURE__ */ w.createElement(qp, null), [e, t]), r = G(() => (e == null ? void 0 : e.scaleType) !== Fe.both || t === U.RotateNode ? null : /* @__PURE__ */ w.createElement(_p, null), [e, t]), s = G(() => (e == null ? void 0 : e.scaleType) !== Fe.proportional || t === U.RotateNode ? null : /* @__PURE__ */ w.createElement(ey, null), [e, t]), a = G(() => (e == null ? void 0 : e.scaleType) === Fe.none && (e != null && e.canLock) ? /* @__PURE__ */ w.createElement(ty, null) : null, [e]);
12322
- return /* @__PURE__ */ w.createElement(
12321
+ const { floatBarData: e, operationType: t } = Se(Te), n = G(() => (e == null ? void 0 : e.scaleType) !== Fe.all || t === U.RotateNode ? null : /* @__PURE__ */ m.createElement(qp, null), [e, t]), r = G(() => (e == null ? void 0 : e.scaleType) !== Fe.both || t === U.RotateNode ? null : /* @__PURE__ */ m.createElement(_p, null), [e, t]), s = G(() => (e == null ? void 0 : e.scaleType) !== Fe.proportional || t === U.RotateNode ? null : /* @__PURE__ */ m.createElement(ey, null), [e, t]), a = G(() => (e == null ? void 0 : e.scaleType) === Fe.none && (e != null && e.canLock) ? /* @__PURE__ */ m.createElement(ty, null) : null, [e]);
12322
+ return /* @__PURE__ */ m.createElement(
12323
12323
  "div",
12324
12324
  {
12325
12325
  ref: i,
@@ -12337,10 +12337,10 @@ const wp = (o) => {
12337
12337
  o.children
12338
12338
  );
12339
12339
  }
12340
- ), cy = w.memo(
12340
+ ), cy = m.memo(
12341
12341
  (o) => {
12342
12342
  const { isHide: i, operationType: e, floatBarData: t } = o;
12343
- return i && e === U.None && te(t == null ? void 0 : t.x) && te(t == null ? void 0 : t.y) && te(t == null ? void 0 : t.w) && te(t == null ? void 0 : t.h) ? /* @__PURE__ */ w.createElement(
12343
+ return i && e === U.None && te(t == null ? void 0 : t.x) && te(t == null ? void 0 : t.y) && te(t == null ? void 0 : t.w) && te(t == null ? void 0 : t.h) ? /* @__PURE__ */ m.createElement(
12344
12344
  "div",
12345
12345
  {
12346
12346
  className: Oe.FloatBarBtn,
@@ -12351,7 +12351,7 @@ const wp = (o) => {
12351
12351
  height: t.h
12352
12352
  }
12353
12353
  },
12354
- /* @__PURE__ */ w.createElement(
12354
+ /* @__PURE__ */ m.createElement(
12355
12355
  bo,
12356
12356
  {
12357
12357
  position: { x: t.x, y: t.y },
@@ -12362,29 +12362,29 @@ const wp = (o) => {
12362
12362
  ) : null;
12363
12363
  },
12364
12364
  (o, i) => !!ce(o, i)
12365
- ), ly = w.forwardRef(
12365
+ ), ly = m.forwardRef(
12366
12366
  (o, i) => {
12367
12367
  const { floatBarData: e, operationType: t, mananger: n } = Se(Te), { editors: r, isHide: s, canSelectorSwitch: a } = o, c = G(() => {
12368
12368
  var u;
12369
- return e != null && e.canRotate && ((u = e == null ? void 0 : e.selectIds) == null ? void 0 : u.length) === 1 && (t === U.None || t === U.RotateNode) ? /* @__PURE__ */ w.createElement(iy, { className: Oe.RotateBtn }) : null;
12370
- }, [e, t]), l = G(() => ((e == null ? void 0 : e.scaleType) === Fe.all || (e == null ? void 0 : e.scaleType) === Fe.proportional) && (t === U.None || t === U.ScaleNode) && te(e == null ? void 0 : e.x) && te(e == null ? void 0 : e.y) ? /* @__PURE__ */ w.createElement(ry, { className: Oe.ResizeBtn }) : null, [
12369
+ return e != null && e.canRotate && ((u = e == null ? void 0 : e.selectIds) == null ? void 0 : u.length) === 1 && (t === U.None || t === U.RotateNode) ? /* @__PURE__ */ m.createElement(iy, { className: Oe.RotateBtn }) : null;
12370
+ }, [e, t]), l = G(() => ((e == null ? void 0 : e.scaleType) === Fe.all || (e == null ? void 0 : e.scaleType) === Fe.proportional) && (t === U.None || t === U.ScaleNode) && te(e == null ? void 0 : e.x) && te(e == null ? void 0 : e.y) ? /* @__PURE__ */ m.createElement(ry, { className: Oe.ResizeBtn }) : null, [
12371
12371
  e == null ? void 0 : e.scaleType,
12372
12372
  t,
12373
12373
  e == null ? void 0 : e.x,
12374
12374
  e == null ? void 0 : e.y
12375
- ]), h = G(() => (e == null ? void 0 : e.scaleType) === Fe.both && (t === U.None || t === U.SetPoint) ? /* @__PURE__ */ w.createElement(sy, { className: Oe.ResizeTowBox }) : null, [e == null ? void 0 : e.scaleType, t]);
12376
- return /* @__PURE__ */ w.createElement(
12375
+ ]), h = G(() => (e == null ? void 0 : e.scaleType) === Fe.both && (t === U.None || t === U.SetPoint) ? /* @__PURE__ */ m.createElement(sy, { className: Oe.ResizeTowBox }) : null, [e == null ? void 0 : e.scaleType, t]);
12376
+ return /* @__PURE__ */ m.createElement(
12377
12377
  "div",
12378
12378
  {
12379
12379
  className: Oe.FloatBar,
12380
12380
  onPointerOver: (u) => (Rt(u), n == null || n.control.worker.blurCursor(n.viewId), !1)
12381
12381
  },
12382
- /* @__PURE__ */ w.createElement(ay, { ref: i }),
12383
- /* @__PURE__ */ w.createElement(ny, { editors: r, canSelectorSwitch: a }),
12382
+ /* @__PURE__ */ m.createElement(ay, { ref: i }),
12383
+ /* @__PURE__ */ m.createElement(ny, { editors: r, canSelectorSwitch: a }),
12384
12384
  c,
12385
12385
  l,
12386
12386
  h,
12387
- /* @__PURE__ */ w.createElement(
12387
+ /* @__PURE__ */ m.createElement(
12388
12388
  cy,
12389
12389
  {
12390
12390
  isHide: s,
@@ -12394,11 +12394,11 @@ const wp = (o) => {
12394
12394
  )
12395
12395
  );
12396
12396
  }
12397
- ), uy = w.memo(
12397
+ ), uy = m.memo(
12398
12398
  ly,
12399
12399
  (o, i) => !!ce(o, i)
12400
12400
  );
12401
- class hy extends w.Component {
12401
+ class hy extends m.Component {
12402
12402
  constructor(e) {
12403
12403
  super(e);
12404
12404
  I(this, "renderAvatar", (e) => {
@@ -12406,7 +12406,7 @@ class hy extends w.Component {
12406
12406
  const t = `rgb(${e.memberState.strokeColor[0]}, ${e.memberState.strokeColor[1]}, ${e.memberState.strokeColor[2]})`;
12407
12407
  if (this.detectAvatar(e)) {
12408
12408
  const r = this.getCursorName(e);
12409
- return /* @__PURE__ */ w.createElement(
12409
+ return /* @__PURE__ */ m.createElement(
12410
12410
  "img",
12411
12411
  {
12412
12412
  className: "cursor-selector-avatar",
@@ -12442,7 +12442,7 @@ class hy extends w.Component {
12442
12442
  I(this, "detectAvatar", (e) => !!(e.payload && e.payload.avatar));
12443
12443
  I(this, "renderTag", (e) => {
12444
12444
  if (e.payload && e.payload.cursorTagName)
12445
- return /* @__PURE__ */ w.createElement(
12445
+ return /* @__PURE__ */ m.createElement(
12446
12446
  "span",
12447
12447
  {
12448
12448
  className: "cursor-tag-name",
@@ -12455,7 +12455,7 @@ class hy extends w.Component {
12455
12455
  });
12456
12456
  I(this, "renderCursor", (e) => {
12457
12457
  const t = Lp.get(e);
12458
- return t && this.props.isEnableCursor ? /* @__PURE__ */ w.createElement(
12458
+ return t && this.props.isEnableCursor ? /* @__PURE__ */ m.createElement(
12459
12459
  "img",
12460
12460
  {
12461
12461
  className: `cursor-${e}-image`,
@@ -12469,7 +12469,7 @@ class hy extends w.Component {
12469
12469
  const { roomMember: e } = this.props, t = this.getCursorName(e);
12470
12470
  switch (e.memberState.currentApplianceName) {
12471
12471
  case ie.pencil:
12472
- return /* @__PURE__ */ w.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ w.createElement(
12472
+ return /* @__PURE__ */ m.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ m.createElement(
12473
12473
  "div",
12474
12474
  {
12475
12475
  className: "cursor-mid cursor-pencil-offset",
@@ -12479,7 +12479,7 @@ class hy extends w.Component {
12479
12479
  marginTop: "4px"
12480
12480
  }
12481
12481
  },
12482
- /* @__PURE__ */ w.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ w.createElement(
12482
+ /* @__PURE__ */ m.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ m.createElement(
12483
12483
  "div",
12484
12484
  {
12485
12485
  style: {
@@ -12490,13 +12490,13 @@ class hy extends w.Component {
12490
12490
  className: this.getThemeClass(e)
12491
12491
  },
12492
12492
  this.renderAvatar(e),
12493
- /* @__PURE__ */ w.createElement("span", { className: "cursor-name-text" }, t),
12493
+ /* @__PURE__ */ m.createElement("span", { className: "cursor-name-text" }, t),
12494
12494
  this.renderTag(e)
12495
12495
  )),
12496
- /* @__PURE__ */ w.createElement("div", null, this.renderCursor("pencil"))
12496
+ /* @__PURE__ */ m.createElement("div", null, this.renderCursor("pencil"))
12497
12497
  ));
12498
12498
  case ie.selector:
12499
- return /* @__PURE__ */ w.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ w.createElement(
12499
+ return /* @__PURE__ */ m.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ m.createElement(
12500
12500
  "div",
12501
12501
  {
12502
12502
  className: "cursor-mid cursor-selector-offset",
@@ -12506,7 +12506,7 @@ class hy extends w.Component {
12506
12506
  marginTop: "17px"
12507
12507
  }
12508
12508
  },
12509
- /* @__PURE__ */ w.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ w.createElement(
12509
+ /* @__PURE__ */ m.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ m.createElement(
12510
12510
  "div",
12511
12511
  {
12512
12512
  style: {
@@ -12517,14 +12517,14 @@ class hy extends w.Component {
12517
12517
  className: this.getThemeClass(e)
12518
12518
  },
12519
12519
  this.renderAvatar(e),
12520
- /* @__PURE__ */ w.createElement("span", { className: "cursor-name-text" }, t),
12520
+ /* @__PURE__ */ m.createElement("span", { className: "cursor-name-text" }, t),
12521
12521
  this.renderTag(e)
12522
12522
  )),
12523
- /* @__PURE__ */ w.createElement("div", null, this.renderCursor("selector"))
12523
+ /* @__PURE__ */ m.createElement("div", null, this.renderCursor("selector"))
12524
12524
  ));
12525
12525
  case ie.eraser:
12526
12526
  case ie.pencilEraser:
12527
- return /* @__PURE__ */ w.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ w.createElement(
12527
+ return /* @__PURE__ */ m.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ m.createElement(
12528
12528
  "div",
12529
12529
  {
12530
12530
  className: "cursor-mid cursor-eraser-offset",
@@ -12534,7 +12534,7 @@ class hy extends w.Component {
12534
12534
  marginTop: "8px"
12535
12535
  }
12536
12536
  },
12537
- /* @__PURE__ */ w.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ w.createElement(
12537
+ /* @__PURE__ */ m.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ m.createElement(
12538
12538
  "div",
12539
12539
  {
12540
12540
  style: {
@@ -12545,19 +12545,19 @@ class hy extends w.Component {
12545
12545
  className: this.getThemeClass(e)
12546
12546
  },
12547
12547
  this.renderAvatar(e),
12548
- /* @__PURE__ */ w.createElement("span", { className: "cursor-name-text" }, t),
12548
+ /* @__PURE__ */ m.createElement("span", { className: "cursor-name-text" }, t),
12549
12549
  this.renderTag(e)
12550
12550
  )),
12551
- /* @__PURE__ */ w.createElement("div", null, this.renderCursor("eraser"))
12551
+ /* @__PURE__ */ m.createElement("div", null, this.renderCursor("eraser"))
12552
12552
  ));
12553
12553
  case ie.text:
12554
- return /* @__PURE__ */ w.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ w.createElement(
12554
+ return /* @__PURE__ */ m.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ m.createElement(
12555
12555
  "div",
12556
12556
  {
12557
12557
  className: "cursor-mid cursor-text-offset",
12558
12558
  style: { transform: "translate(-50%, -100%)", marginLeft: "0px" }
12559
12559
  },
12560
- /* @__PURE__ */ w.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ w.createElement(
12560
+ /* @__PURE__ */ m.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ m.createElement(
12561
12561
  "div",
12562
12562
  {
12563
12563
  style: {
@@ -12568,17 +12568,17 @@ class hy extends w.Component {
12568
12568
  className: this.getThemeClass(e)
12569
12569
  },
12570
12570
  this.renderAvatar(e),
12571
- /* @__PURE__ */ w.createElement("span", { className: "cursor-name-text" }, t),
12571
+ /* @__PURE__ */ m.createElement("span", { className: "cursor-name-text" }, t),
12572
12572
  this.renderTag(e)
12573
12573
  )),
12574
- /* @__PURE__ */ w.createElement("div", null, this.renderCursor("text"))
12574
+ /* @__PURE__ */ m.createElement("div", null, this.renderCursor("text"))
12575
12575
  ));
12576
12576
  case ie.rectangle:
12577
12577
  case ie.arrow:
12578
12578
  case ie.straight:
12579
12579
  case ie.shape:
12580
12580
  case ie.ellipse:
12581
- return /* @__PURE__ */ w.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ w.createElement(
12581
+ return /* @__PURE__ */ m.createElement("div", { className: "cursor-box" }, /* @__PURE__ */ m.createElement(
12582
12582
  "div",
12583
12583
  {
12584
12584
  className: "cursor-mid cursor-shape-offset",
@@ -12588,7 +12588,7 @@ class hy extends w.Component {
12588
12588
  marginTop: "19px"
12589
12589
  }
12590
12590
  },
12591
- /* @__PURE__ */ w.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ w.createElement(
12591
+ /* @__PURE__ */ m.createElement("div", { className: "cursor-name" }, /* @__PURE__ */ m.createElement(
12592
12592
  "div",
12593
12593
  {
12594
12594
  style: {
@@ -12599,10 +12599,10 @@ class hy extends w.Component {
12599
12599
  className: this.getThemeClass(e)
12600
12600
  },
12601
12601
  this.renderAvatar(e),
12602
- /* @__PURE__ */ w.createElement("span", { className: "cursor-name-text" }, t),
12602
+ /* @__PURE__ */ m.createElement("span", { className: "cursor-name-text" }, t),
12603
12603
  this.renderTag(e)
12604
12604
  )),
12605
- /* @__PURE__ */ w.createElement("div", null, this.renderCursor("shape"))
12605
+ /* @__PURE__ */ m.createElement("div", null, this.renderCursor("shape"))
12606
12606
  ));
12607
12607
  default:
12608
12608
  return null;
@@ -12612,7 +12612,7 @@ class hy extends w.Component {
12612
12612
  const dy = (o) => {
12613
12613
  var s;
12614
12614
  const { className: i, info: e, isEnableCursor: t } = o, { roomMember: n, ...r } = e || {};
12615
- return /* @__PURE__ */ w.createElement(
12615
+ return /* @__PURE__ */ m.createElement(
12616
12616
  "div",
12617
12617
  {
12618
12618
  "data-cursor-uid": (s = n == null ? void 0 : n.payload) == null ? void 0 : s.uid,
@@ -12621,7 +12621,7 @@ const dy = (o) => {
12621
12621
  transform: `translate(${r.x}px, ${r.y}px)`
12622
12622
  } : { display: "none" }
12623
12623
  },
12624
- n && /* @__PURE__ */ w.createElement(
12624
+ n && /* @__PURE__ */ m.createElement(
12625
12625
  hy,
12626
12626
  {
12627
12627
  roomMember: n,
@@ -12647,7 +12647,7 @@ const dy = (o) => {
12647
12647
  if (t != null && t.length) {
12648
12648
  const a = t.map((c) => {
12649
12649
  var l;
12650
- return c.roomMember ? /* @__PURE__ */ w.createElement(
12650
+ return c.roomMember ? /* @__PURE__ */ m.createElement(
12651
12651
  dy,
12652
12652
  {
12653
12653
  key: (l = c.roomMember) == null ? void 0 : l.memberId,
@@ -12657,7 +12657,7 @@ const dy = (o) => {
12657
12657
  }
12658
12658
  ) : null;
12659
12659
  });
12660
- return /* @__PURE__ */ w.createElement(w.Fragment, null, a);
12660
+ return /* @__PURE__ */ m.createElement(m.Fragment, null, a);
12661
12661
  }
12662
12662
  return null;
12663
12663
  }, [t]);
@@ -12679,7 +12679,7 @@ const dy = (o) => {
12679
12679
  const { width: p, height: d } = r.getBoundingClientRect(), y = Math.min(
12680
12680
  p / u.width,
12681
12681
  d / u.height
12682
- ), m = g.width / g.scale, f = g.height / g.scale, M = [g.centerX, g.centerY], N = [
12682
+ ), w = g.width / g.scale, f = g.height / g.scale, M = [g.centerX, g.centerY], N = [
12683
12683
  u.centerX,
12684
12684
  u.centerY
12685
12685
  ], S = [
@@ -12691,7 +12691,7 @@ const dy = (o) => {
12691
12691
  ), j = [
12692
12692
  S[0] * v,
12693
12693
  S[1] * v,
12694
- m,
12694
+ w,
12695
12695
  f,
12696
12696
  v
12697
12697
  ];
@@ -12701,8 +12701,8 @@ const dy = (o) => {
12701
12701
  if (n.control.renderControl.isWritable) {
12702
12702
  const p = u.nativeEvent.target || u.nativeEvent.srcElement;
12703
12703
  if (p && u.nativeEvent && s) {
12704
- const { width: d, height: y } = p.getBoundingClientRect(), [m, f] = [d / 2, y / 2], [M, N] = [
12705
- (u.nativeEvent.offsetX - m) / s[4],
12704
+ const { width: d, height: y } = p.getBoundingClientRect(), [w, f] = [d / 2, y / 2], [M, N] = [
12705
+ (u.nativeEvent.offsetX - w) / s[4],
12706
12706
  (u.nativeEvent.offsetY - f) / s[4]
12707
12707
  ], S = n.maps.get(i);
12708
12708
  if (S != null && S.viewCamera) {
@@ -12719,7 +12719,7 @@ const dy = (o) => {
12719
12719
  }
12720
12720
  }
12721
12721
  };
12722
- return /* @__PURE__ */ w.createElement(
12722
+ return /* @__PURE__ */ m.createElement(
12723
12723
  "div",
12724
12724
  {
12725
12725
  style: {
@@ -12735,8 +12735,8 @@ const dy = (o) => {
12735
12735
  },
12736
12736
  onClick: h
12737
12737
  },
12738
- /* @__PURE__ */ w.createElement("canvas", { style: { pointerEvents: "none" }, ref: e }),
12739
- s && /* @__PURE__ */ w.createElement(
12738
+ /* @__PURE__ */ m.createElement("canvas", { style: { pointerEvents: "none" }, ref: e }),
12739
+ s && /* @__PURE__ */ m.createElement(
12740
12740
  "div",
12741
12741
  {
12742
12742
  className: "minimap-highlightBox",
@@ -12764,7 +12764,7 @@ const dy = (o) => {
12764
12764
  if (l.contianer && a && c) {
12765
12765
  const h = i.highlightColor;
12766
12766
  return Yo(
12767
- /* @__PURE__ */ w.createElement(
12767
+ /* @__PURE__ */ m.createElement(
12768
12768
  My,
12769
12769
  {
12770
12770
  viewId: e,
@@ -12780,8 +12780,8 @@ const dy = (o) => {
12780
12780
  }
12781
12781
  return null;
12782
12782
  }, [e, i]);
12783
- return /* @__PURE__ */ w.createElement("div", { className: t }, n);
12784
- }, Te = w.createContext({
12783
+ return /* @__PURE__ */ m.createElement("div", { className: t }, n);
12784
+ }, Te = m.createContext({
12785
12785
  viewId: "",
12786
12786
  mananger: void 0,
12787
12787
  floatBarColors: [],
@@ -12800,7 +12800,7 @@ const dy = (o) => {
12800
12800
  setFloatBarData: () => {
12801
12801
  }
12802
12802
  });
12803
- class Xi extends w.Component {
12803
+ class Xi extends m.Component {
12804
12804
  constructor(e) {
12805
12805
  var n, r;
12806
12806
  super(e);
@@ -12876,20 +12876,20 @@ class Xi extends w.Component {
12876
12876
  render() {
12877
12877
  var t, n, r, s, a, c;
12878
12878
  const e = !!((n = (t = this.props.mananger.control) == null ? void 0 : t.room) != null && n.floatBarOptions);
12879
- return /* @__PURE__ */ w.createElement("div", { className: Oe.Container }, !this.props.mananger.control.hasOffscreenCanvas && /* @__PURE__ */ w.createElement(
12879
+ return /* @__PURE__ */ m.createElement("div", { className: Oe.Container }, !this.props.mananger.control.hasOffscreenCanvas && /* @__PURE__ */ m.createElement(
12880
12880
  "div",
12881
12881
  {
12882
12882
  className: Oe.CanvasBox,
12883
12883
  ref: this.props.refs.canvasContainerRef
12884
12884
  }
12885
- ) || /* @__PURE__ */ w.createElement("div", { className: Oe.CanvasBox }, /* @__PURE__ */ w.createElement(
12885
+ ) || /* @__PURE__ */ m.createElement("div", { className: Oe.CanvasBox }, /* @__PURE__ */ m.createElement(
12886
12886
  "canvas",
12887
12887
  {
12888
12888
  id: "bgCanvas",
12889
12889
  ref: this.props.refs.canvasBgRef,
12890
12890
  style: { width: "100%", height: "100%" }
12891
12891
  }
12892
- ), /* @__PURE__ */ w.createElement(
12892
+ ), /* @__PURE__ */ m.createElement(
12893
12893
  "canvas",
12894
12894
  {
12895
12895
  id: "serviceCanvas",
@@ -12897,7 +12897,7 @@ class Xi extends w.Component {
12897
12897
  ref: this.props.refs.canvasServiceFloatRef,
12898
12898
  style: { width: "100%", height: "100%" }
12899
12899
  }
12900
- ), /* @__PURE__ */ w.createElement(
12900
+ ), /* @__PURE__ */ m.createElement(
12901
12901
  "canvas",
12902
12902
  {
12903
12903
  id: "localCanvas",
@@ -12905,14 +12905,14 @@ class Xi extends w.Component {
12905
12905
  ref: this.props.refs.canvasFloatRef,
12906
12906
  style: { width: "100%", height: "100%" }
12907
12907
  }
12908
- ), !this.props.mananger.control.isUseSimple && /* @__PURE__ */ w.createElement(
12908
+ ), !this.props.mananger.control.isUseSimple && /* @__PURE__ */ m.createElement(
12909
12909
  "div",
12910
12910
  {
12911
12911
  id: "subLocalCanvas",
12912
12912
  className: Oe.CanvasBoxSub,
12913
12913
  ref: this.props.refs.subLocalCanvasContainerRef
12914
12914
  }
12915
- ), !this.props.mananger.control.isUseSimple && /* @__PURE__ */ w.createElement(
12915
+ ), !this.props.mananger.control.isUseSimple && /* @__PURE__ */ m.createElement(
12916
12916
  "canvas",
12917
12917
  {
12918
12918
  id: "topCanvas",
@@ -12920,13 +12920,13 @@ class Xi extends w.Component {
12920
12920
  ref: this.props.refs.canvasTopRef,
12921
12921
  style: { width: "100%", height: "100%" }
12922
12922
  }
12923
- )), !this.props.mananger.control.hasOffscreenCanvas && this.props.refs.snapshotContainerRef && /* @__PURE__ */ w.createElement(
12923
+ )), !this.props.mananger.control.hasOffscreenCanvas && this.props.refs.snapshotContainerRef && /* @__PURE__ */ m.createElement(
12924
12924
  "div",
12925
12925
  {
12926
12926
  className: Oe.SnapshotBox,
12927
12927
  ref: this.props.refs.snapshotContainerRef
12928
12928
  }
12929
- ) || null, /* @__PURE__ */ w.createElement(
12929
+ ) || null, /* @__PURE__ */ m.createElement(
12930
12930
  Te.Provider,
12931
12931
  {
12932
12932
  value: {
@@ -12946,7 +12946,7 @@ class Xi extends w.Component {
12946
12946
  setFloatBarData: this.setFloatBarData.bind(this)
12947
12947
  }
12948
12948
  },
12949
- this.state.showFloatBar && /* @__PURE__ */ w.createElement(
12949
+ this.state.showFloatBar && /* @__PURE__ */ m.createElement(
12950
12950
  uy,
12951
12951
  {
12952
12952
  ref: this.props.refs.floatBarRef,
@@ -12955,7 +12955,7 @@ class Xi extends w.Component {
12955
12955
  canSelectorSwitch: this.canSelectorSwitch
12956
12956
  }
12957
12957
  ) || null,
12958
- ((c = this.state.editors) == null ? void 0 : c.size) && /* @__PURE__ */ w.createElement(
12958
+ ((c = this.state.editors) == null ? void 0 : c.size) && /* @__PURE__ */ m.createElement(
12959
12959
  Kp,
12960
12960
  {
12961
12961
  className: Oe.TextEditorContainer,
@@ -12964,13 +12964,13 @@ class Xi extends w.Component {
12964
12964
  rightBoundBreak: this.rightBoundBreak
12965
12965
  }
12966
12966
  ) || null
12967
- ), /* @__PURE__ */ w.createElement(
12967
+ ), /* @__PURE__ */ m.createElement(
12968
12968
  gy,
12969
12969
  {
12970
12970
  className: Oe.CursorBox,
12971
12971
  manager: this.props.mananger
12972
12972
  }
12973
- ), !this.props.mananger.control.isUseSimple && /* @__PURE__ */ w.createElement(
12973
+ ), !this.props.mananger.control.isUseSimple && /* @__PURE__ */ m.createElement(
12974
12974
  fy,
12975
12975
  {
12976
12976
  className: Oe.MiniMapBox,
@@ -12989,15 +12989,15 @@ class py extends Ao {
12989
12989
  I(this, "vDom");
12990
12990
  I(this, "eventTragetElement");
12991
12991
  I(this, "snapshotContainerRef");
12992
- I(this, "canvasContainerRef", w.createRef());
12992
+ I(this, "canvasContainerRef", m.createRef());
12993
12993
  I(this, "subLocalCanvasContainerRef");
12994
12994
  I(this, "canvasTopRef");
12995
- I(this, "canvasServiceFloatRef", w.createRef());
12996
- I(this, "canvasFloatRef", w.createRef());
12997
- I(this, "canvasBgRef", w.createRef());
12998
- I(this, "floatBarRef", w.createRef());
12995
+ I(this, "canvasServiceFloatRef", m.createRef());
12996
+ I(this, "canvasFloatRef", m.createRef());
12997
+ I(this, "canvasBgRef", m.createRef());
12998
+ I(this, "floatBarRef", m.createRef());
12999
12999
  I(this, "containerOffset", { x: 0, y: 0 });
13000
- this.control.hasOffscreenCanvas || (this.snapshotContainerRef = w.createRef()), this.control.isUseSimple || (this.canvasTopRef = w.createRef(), this.subLocalCanvasContainerRef = w.createRef());
13000
+ this.control.hasOffscreenCanvas || (this.snapshotContainerRef = m.createRef()), this.control.isUseSimple || (this.canvasTopRef = m.createRef(), this.subLocalCanvasContainerRef = m.createRef());
13001
13001
  }
13002
13002
  setCanvassStyle() {
13003
13003
  var e;
@@ -13024,7 +13024,7 @@ class py extends Ao {
13024
13024
  this.eventTragetElement,
13025
13025
  this.containerOffset
13026
13026
  ), this.bindToolsClass(), bi.render(
13027
- /* @__PURE__ */ w.createElement(
13027
+ /* @__PURE__ */ m.createElement(
13028
13028
  Xi,
13029
13029
  {
13030
13030
  viewId: this.viewId,
@@ -13053,15 +13053,15 @@ class yy extends op {
13053
13053
  I(this, "height", 1e3);
13054
13054
  I(this, "vDom");
13055
13055
  I(this, "eventTragetElement");
13056
- I(this, "canvasContainerRef", w.createRef());
13056
+ I(this, "canvasContainerRef", m.createRef());
13057
13057
  I(this, "subLocalCanvasContainerRef");
13058
13058
  I(this, "canvasTopRef");
13059
- I(this, "canvasServiceFloatRef", w.createRef());
13060
- I(this, "canvasFloatRef", w.createRef());
13061
- I(this, "canvasBgRef", w.createRef());
13062
- I(this, "floatBarRef", w.createRef());
13059
+ I(this, "canvasServiceFloatRef", m.createRef());
13060
+ I(this, "canvasFloatRef", m.createRef());
13061
+ I(this, "canvasBgRef", m.createRef());
13062
+ I(this, "floatBarRef", m.createRef());
13063
13063
  I(this, "containerOffset", { x: 0, y: 0 });
13064
- this.control.isUseSimple || (this.canvasTopRef = w.createRef(), this.subLocalCanvasContainerRef = w.createRef());
13064
+ this.control.isUseSimple || (this.canvasTopRef = m.createRef(), this.subLocalCanvasContainerRef = m.createRef());
13065
13065
  }
13066
13066
  setCanvassStyle() {
13067
13067
  var e;
@@ -13083,7 +13083,7 @@ class yy extends op {
13083
13083
  this.eventTragetElement,
13084
13084
  this.containerOffset
13085
13085
  ), this.bindToolsClass(), bi.render(
13086
- /* @__PURE__ */ w.createElement(
13086
+ /* @__PURE__ */ m.createElement(
13087
13087
  Xi,
13088
13088
  {
13089
13089
  viewId: e,
@@ -13611,8 +13611,8 @@ const b = class b extends Vn {
13611
13611
  });
13612
13612
  }
13613
13613
  static async getInstance(e, t) {
13614
- var m;
13615
- t.options && (((m = t.options.extras) == null ? void 0 : m.useWorker) === "mainThread" && (t.options.cdn.fullWorkerUrl = "", t.options.cdn.subWorkerUrl = ""), (t.options.extras && t.options.extras.useWorker !== "mainThread" || !t.options.extras) && !t.options.cdn.fullWorkerUrl && !t.options.cdn.subWorkerUrl && b.logger.error(
13614
+ var w;
13615
+ t.options && (((w = t.options.extras) == null ? void 0 : w.useWorker) === "mainThread" && (t.options.cdn.fullWorkerUrl = "", t.options.cdn.subWorkerUrl = ""), (t.options.extras && t.options.extras.useWorker !== "mainThread" || !t.options.extras) && !t.options.cdn.fullWorkerUrl && !t.options.cdn.subWorkerUrl && b.logger.error(
13616
13616
  "[ApplianceMultiPlugin] you must adaptor options cdn fullWorkerUrl and subWorkerUrl"
13617
13617
  ));
13618
13618
  const n = e.displayer, r = n.callbacks.on, s = n.callbacks.off, a = n.callbacks.once, c = e.cleanCurrentScene, l = e.mainView.setMemberState;
@@ -14203,9 +14203,9 @@ I(b, "kind", "appliance-multi-plugin"), I(b, "currentManager"), I(b, "logger", {
14203
14203
  }
14204
14204
  });
14205
14205
  let Rn = b;
14206
- var Iy = Ge, wy = function() {
14206
+ var Iy = Ge, my = function() {
14207
14207
  return Iy.Date.now();
14208
- }, my = wy, Ny = /\s/;
14208
+ }, wy = my, Ny = /\s/;
14209
14209
  function Ty(o) {
14210
14210
  for (var i = o.length; i-- && Ny.test(o.charAt(i)); )
14211
14211
  ;
@@ -14235,7 +14235,7 @@ function Uy(o) {
14235
14235
  var e = Oy.test(o);
14236
14236
  return e || Yy.test(o) ? Ry(o.slice(2), e ? 2 : 8) : Py.test(o) ? Wn : +o;
14237
14237
  }
14238
- var Wy = Uy, By = ht, yi = my, Bn = Wy, Fy = "Expected a function", Qy = Math.max, Vy = Math.min;
14238
+ var Wy = Uy, By = ht, yi = wy, Bn = Wy, Fy = "Expected a function", Qy = Math.max, Vy = Math.min;
14239
14239
  function Zy(o, i, e) {
14240
14240
  var t, n, r, s, a, c, l = 0, h = !1, u = !1, g = !0;
14241
14241
  if (typeof o != "function")
@@ -14252,13 +14252,13 @@ function Zy(o, i, e) {
14252
14252
  var C = j - c, k = j - l, L = i - C;
14253
14253
  return u ? Vy(L, r - k) : L;
14254
14254
  }
14255
- function m(j) {
14255
+ function w(j) {
14256
14256
  var C = j - c, k = j - l;
14257
14257
  return c === void 0 || C >= i || C < 0 || u && k >= r;
14258
14258
  }
14259
14259
  function f() {
14260
14260
  var j = yi();
14261
- if (m(j))
14261
+ if (w(j))
14262
14262
  return M(j);
14263
14263
  a = setTimeout(f, y(j));
14264
14264
  }
@@ -14272,7 +14272,7 @@ function Zy(o, i, e) {
14272
14272
  return a === void 0 ? s : M(yi());
14273
14273
  }
14274
14274
  function v() {
14275
- var j = yi(), C = m(j);
14275
+ var j = yi(), C = w(j);
14276
14276
  if (t = arguments, n = this, c = j, C) {
14277
14277
  if (a === void 0)
14278
14278
  return d(c);
@@ -14305,15 +14305,15 @@ class _y extends Ao {
14305
14305
  I(this, "vDom");
14306
14306
  I(this, "eventTragetElement");
14307
14307
  I(this, "snapshotContainerRef");
14308
- I(this, "canvasContainerRef", w.createRef());
14308
+ I(this, "canvasContainerRef", m.createRef());
14309
14309
  I(this, "subLocalCanvasContainerRef");
14310
14310
  I(this, "canvasTopRef");
14311
- I(this, "canvasServiceFloatRef", w.createRef());
14312
- I(this, "canvasFloatRef", w.createRef());
14313
- I(this, "canvasBgRef", w.createRef());
14314
- I(this, "floatBarRef", w.createRef());
14311
+ I(this, "canvasServiceFloatRef", m.createRef());
14312
+ I(this, "canvasFloatRef", m.createRef());
14313
+ I(this, "canvasBgRef", m.createRef());
14314
+ I(this, "floatBarRef", m.createRef());
14315
14315
  I(this, "containerOffset", { x: 0, y: 0 });
14316
- this.control.hasOffscreenCanvas || (this.snapshotContainerRef = w.createRef()), this.control.isUseSimple || (this.canvasTopRef = w.createRef(), this.subLocalCanvasContainerRef = w.createRef());
14316
+ this.control.hasOffscreenCanvas || (this.snapshotContainerRef = m.createRef()), this.control.isUseSimple || (this.canvasTopRef = m.createRef(), this.subLocalCanvasContainerRef = m.createRef());
14317
14317
  }
14318
14318
  setCanvassStyle() {
14319
14319
  var e;
@@ -14327,7 +14327,7 @@ class _y extends Ao {
14327
14327
  e,
14328
14328
  this.containerOffset
14329
14329
  ), this.eventTragetElement = e.parentElement.children[0], e.innerHTML = "", bi.render(
14330
- /* @__PURE__ */ w.createElement(
14330
+ /* @__PURE__ */ m.createElement(
14331
14331
  Xi,
14332
14332
  {
14333
14333
  viewId: this.viewId,
@@ -14641,17 +14641,17 @@ const A = class A extends Vn {
14641
14641
  A.logger.info(
14642
14642
  "[ApplianceSinglePlugin] getBoundingRectAsync"
14643
14643
  );
14644
- const y = e.getBoundingRect(d), m = await ((f = A.currentManager) == null ? void 0 : f.getBoundingRect(
14644
+ const y = e.getBoundingRect(d), w = await ((f = A.currentManager) == null ? void 0 : f.getBoundingRect(
14645
14645
  d
14646
14646
  ));
14647
- return !y.width || !y.height ? m : Ji(y, m);
14647
+ return !y.width || !y.height ? w : Ji(y, w);
14648
14648
  },
14649
- screenshotToCanvasAsync: async function(d, y, m, f, M, N) {
14649
+ screenshotToCanvasAsync: async function(d, y, w, f, M, N) {
14650
14650
  var L;
14651
14651
  A.logger.info(
14652
14652
  "[ApplianceSinglePlugin] screenshotToCanvasAsync"
14653
14653
  );
14654
- let S = m, v = f, j = M.scale;
14654
+ let S = w, v = f, j = M.scale;
14655
14655
  S > this.maxScreenshotWidth && (j = this.maxScreenshotWidth / S * j, S = this.maxScreenshotWidth), v > this.maxScreenshotHeight && (j = Math.min(this.maxScreenshotHeight / v * j, j), v = this.maxScreenshotHeight), M.scale = j;
14656
14656
  const C = document.createElement("canvas"), k = C.getContext("2d");
14657
14657
  C.width = S * (N || 1), C.height = v * (N || 1), k && (e.screenshotToCanvas(
@@ -14663,7 +14663,7 @@ const A = class A extends Vn {
14663
14663
  N
14664
14664
  ), d.drawImage(
14665
14665
  C,
14666
- Math.floor((m - S) / 2),
14666
+ Math.floor((w - S) / 2),
14667
14667
  Math.floor((f - v) / 2),
14668
14668
  S * (N || 1),
14669
14669
  v * (N || 1),
@@ -14677,26 +14677,26 @@ const A = class A extends Vn {
14677
14677
  S,
14678
14678
  v,
14679
14679
  M,
14680
- Math.floor((m - S) / 2),
14680
+ Math.floor((w - S) / 2),
14681
14681
  Math.floor((f - v) / 2)
14682
14682
  ));
14683
14683
  },
14684
- scenePreviewAsync: async function(d, y, m, f, M) {
14684
+ scenePreviewAsync: async function(d, y, w, f, M) {
14685
14685
  A.logger.info(
14686
14686
  "[ApplianceSinglePlugin] scenePreviewAsync"
14687
- ), e.scenePreview(d, y, m, f, M);
14687
+ ), e.scenePreview(d, y, w, f, M);
14688
14688
  const N = document.createElement("img");
14689
14689
  N.className = "appliance-plugin-fill-scene-snapshot-img", y.append(N), getComputedStyle(y).position || (y.style.position = "relative"), A.currentManager && await A.currentManager.scenePreview(
14690
14690
  d,
14691
14691
  N
14692
14692
  );
14693
14693
  },
14694
- fillSceneSnapshotAsync: async function(d, y, m, f, M) {
14694
+ fillSceneSnapshotAsync: async function(d, y, w, f, M) {
14695
14695
  var F, _;
14696
14696
  A.logger.info(
14697
14697
  "[ApplianceSinglePlugin] fillSceneSnapshotAsync"
14698
- ), y.innerHTML = "", e.fillSceneSnapshot(d, y, m, f, M);
14699
- const N = m || ((F = e.state.cameraState) == null ? void 0 : F.width) || 0, S = f || ((_ = e.state.cameraState) == null ? void 0 : _.height) || 0;
14698
+ ), y.innerHTML = "", e.fillSceneSnapshot(d, y, w, f, M);
14699
+ const N = w || ((F = e.state.cameraState) == null ? void 0 : F.width) || 0, S = f || ((_ = e.state.cameraState) == null ? void 0 : _.height) || 0;
14700
14700
  let v = await this.getBoundingRectAsync(d);
14701
14701
  v || (v = {
14702
14702
  originX: 0,
@@ -14749,7 +14749,7 @@ const A = class A extends Vn {
14749
14749
  const d = A.currentManager.viewContainerManager.focuedView, y = d == null ? void 0 : d.focusScenePath;
14750
14750
  if (d && y)
14751
14751
  return d.displayer.commiter.redoStack.filter(
14752
- (m) => m.scenePath === y
14752
+ (w) => w.scenePath === y
14753
14753
  ).length;
14754
14754
  }
14755
14755
  return 0;
@@ -14761,7 +14761,7 @@ const A = class A extends Vn {
14761
14761
  const d = A.currentManager.viewContainerManager.focuedView, y = d == null ? void 0 : d.focusScenePath;
14762
14762
  if (d && y)
14763
14763
  return d.displayer.commiter.undoStack.filter(
14764
- (m) => m.scenePath === y
14764
+ (w) => w.scenePath === y
14765
14765
  ).length;
14766
14766
  }
14767
14767
  return 0;
@@ -14808,13 +14808,13 @@ const A = class A extends Vn {
14808
14808
  d
14809
14809
  ) : [];
14810
14810
  },
14811
- insertText: function(d, y, m) {
14811
+ insertText: function(d, y, w) {
14812
14812
  if (A.logger.info("[ApplianceSinglePlugin] insertText"), A.currentManager && Q(e) && e.isWritable)
14813
14813
  return A.currentManager.textEditorManager.insertText(
14814
14814
  pe,
14815
14815
  d,
14816
14816
  y,
14817
- m
14817
+ w
14818
14818
  );
14819
14819
  },
14820
14820
  updateText: function(d, y) {
@@ -14833,7 +14833,7 @@ const A = class A extends Vn {
14833
14833
  A.currentManager && (A.logger.info("[ApplianceSinglePlugin] destroy"), A.currentManager.destroy(), A.currentManager = void 0, A.cursorAdapter = void 0);
14834
14834
  },
14835
14835
  setMemberState(d) {
14836
- var m;
14836
+ var w;
14837
14837
  A.logger.info(
14838
14838
  `[ApplianceSinglePlugin] setMemberState ${JSON.stringify(d)}`
14839
14839
  );
@@ -14841,7 +14841,7 @@ const A = class A extends Vn {
14841
14841
  if (Q(e) && e.isWritable) {
14842
14842
  if (y.includes("currentApplianceName"))
14843
14843
  if (d.currentApplianceName && d.currentApplianceName === ie.laserPen) {
14844
- if ((m = A.currentManager) != null && m.isUseSimple)
14844
+ if ((w = A.currentManager) != null && w.isUseSimple)
14845
14845
  throw new Error(
14846
14846
  "[ApplianceMultiPlugin] laserPen must be not support in simple mode"
14847
14847
  );
@@ -14867,14 +14867,14 @@ const A = class A extends Vn {
14867
14867
  ), A.currentManager && Q(e) && e.isWritable)
14868
14868
  return A.currentManager.destroyMiniMap(d);
14869
14869
  },
14870
- filterRenderByUid(d, y, m) {
14870
+ filterRenderByUid(d, y, w) {
14871
14871
  if (A.logger.info(
14872
14872
  "[ApplianceSinglePlugin] filterRenderByUid"
14873
14873
  ), A.currentManager && Q(e) && e.isWritable)
14874
14874
  return A.currentManager.filterRenderByUid(
14875
14875
  d,
14876
14876
  y,
14877
- m
14877
+ w
14878
14878
  );
14879
14879
  },
14880
14880
  cancelFilterRender(d, y) {
@@ -14937,7 +14937,7 @@ const A = class A extends Vn {
14937
14937
  ), Q(e) && l && (await ((y = A.currentManager) == null ? void 0 : y.setWritable(d)), await l.call(e, d));
14938
14938
  },
14939
14939
  requestIdleCallback: (d, y) => {
14940
- const m = (y == null ? void 0 : y.timeout) || 0, f = performance.now();
14940
+ const w = (y == null ? void 0 : y.timeout) || 0, f = performance.now();
14941
14941
  let M;
14942
14942
  const N = new MessageChannel();
14943
14943
  let S;
@@ -14947,7 +14947,7 @@ const A = class A extends Vn {
14947
14947
  didTimeout: j,
14948
14948
  timeRemaining: () => {
14949
14949
  const k = performance.now() - f;
14950
- return Math.max(0, m - k);
14950
+ return Math.max(0, w - k);
14951
14951
  }
14952
14952
  });
14953
14953
  } catch (C) {
@@ -14961,11 +14961,11 @@ const A = class A extends Vn {
14961
14961
  };
14962
14962
  return N.port1.onmessage = () => {
14963
14963
  M = requestAnimationFrame(() => {
14964
- m > 0 && performance.now() - f >= m ? v(!0) : v(!1);
14964
+ w > 0 && performance.now() - f >= w ? v(!0) : v(!1);
14965
14965
  });
14966
- }, N.port2.postMessage(null), m > 0 && (S = setTimeout(() => {
14966
+ }, N.port2.postMessage(null), w > 0 && (S = setTimeout(() => {
14967
14967
  v(!0);
14968
- }, m)), S || M || 0;
14968
+ }, w)), S || M || 0;
14969
14969
  },
14970
14970
  cancelIdleCallback: (d) => {
14971
14971
  try {
@@ -14990,7 +14990,7 @@ const A = class A extends Vn {
14990
14990
  A.logger.info("[ApplianceSinglePlugin] blurText"), A.currentManager && Q(e) && e.isWritable && A.currentManager.textEditorManager.checkEmptyTextBlur();
14991
14991
  },
14992
14992
  hasElements: (d, y) => {
14993
- var m;
14993
+ var w;
14994
14994
  if (A.logger.info(
14995
14995
  `[ApplianceSinglePlugin] hasElements ${d}`
14996
14996
  ), A.currentManager && Q(e) && e.isWritable) {
@@ -15000,7 +15000,7 @@ const A = class A extends Vn {
15000
15000
  f = M == null ? void 0 : M.focusScenePath;
15001
15001
  }
15002
15002
  if (f) {
15003
- const M = (m = A.currentManager.collector) == null ? void 0 : m.getScenePathData(
15003
+ const M = (w = A.currentManager.collector) == null ? void 0 : w.getScenePathData(
15004
15004
  f
15005
15005
  );
15006
15006
  if (M) {
@@ -15015,7 +15015,7 @@ const A = class A extends Vn {
15015
15015
  }
15016
15016
  },
15017
15017
  getElements: (d, y) => {
15018
- var m;
15018
+ var w;
15019
15019
  if (A.logger.info(
15020
15020
  `[ApplianceSinglePlugin] getElements ${d}`
15021
15021
  ), A.currentManager && Q(e) && e.isWritable) {
@@ -15025,7 +15025,7 @@ const A = class A extends Vn {
15025
15025
  f = M == null ? void 0 : M.focusScenePath;
15026
15026
  }
15027
15027
  if (f) {
15028
- const M = (m = A.currentManager.collector) == null ? void 0 : m.getScenePathData(
15028
+ const M = (w = A.currentManager.collector) == null ? void 0 : w.getScenePathData(
15029
15029
  f
15030
15030
  ), N = M && Object.values(M) || [];
15031
15031
  return M && N.length > 0 && y ? N.filter(
@@ -15177,7 +15177,7 @@ I(A, "kind", "appliance-single-plugin"), I(A, "cursorAdapter"), I(A, "currentMan
15177
15177
  }
15178
15178
  });
15179
15179
  let Fn = A;
15180
- const Nt = class Nt extends w.Component {
15180
+ const Nt = class Nt extends m.Component {
15181
15181
  constructor() {
15182
15182
  super(...arguments);
15183
15183
  I(this, "mainViewRef", null);
@@ -15189,7 +15189,7 @@ const Nt = class Nt extends w.Component {
15189
15189
  );
15190
15190
  }
15191
15191
  render() {
15192
- return /* @__PURE__ */ w.createElement(w.Fragment, null, this.props.children, /* @__PURE__ */ w.createElement(
15192
+ return /* @__PURE__ */ m.createElement(m.Fragment, null, this.props.children, /* @__PURE__ */ m.createElement(
15193
15193
  "div",
15194
15194
  {
15195
15195
  className: "appliance-plugin-main-view-displayer",
@@ -15253,7 +15253,7 @@ export {
15253
15253
  tt as ak,
15254
15254
  RI as al,
15255
15255
  OI as b,
15256
- wI as c,
15256
+ mI as c,
15257
15257
  ci as d,
15258
15258
  DI as e,
15259
15259
  TI as f,
@@ -15270,10 +15270,10 @@ export {
15270
15270
  x as q,
15271
15271
  SI as r,
15272
15272
  xI as s,
15273
- me as t,
15273
+ we as t,
15274
15274
  qt as u,
15275
15275
  xo as v,
15276
- mI as w,
15276
+ wI as w,
15277
15277
  Cu as x,
15278
15278
  Pa as y,
15279
15279
  kg as z