@univerjs/action-recorder 0.6.10 → 0.7.0-beta.1

package/lib/index.js

@@ -1,85 +1,85 @@
-var ce = Object.defineProperty;
-var ae = (e, t, r) => t in e ? ce(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var ie = Object.defineProperty;
+var ae = (e, t, r) => t in e ? ie(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var m = (e, t, r) => ae(e, typeof t != "symbol" ? t + "" : t, r);
-import { Disposable as E, CommandType as u, ICommandService as b, ILogService as G, IUniverInstanceService as Z, awaitTime as de, Inject as M, Injector as K, IConfigService as se, Plugin as le, merge as me } from "@univerjs/core";
-import { SetSelectionsOperation as $, CopySheetCommand as ue, DeleteRangeMoveLeftCommand as fe, DeleteRangeMoveUpCommand as ge, DeltaColumnWidthCommand as he, DeltaRowHeightCommand as pe, InsertSheetCommand as Se, InsertColAfterCommand as ve, InsertColBeforeCommand as Ce, InsertRowAfterCommand as _e, InsertRowBeforeCommand as ye, RemoveSheetCommand as Re, SetStyleCommand as Ie, AddWorksheetMergeCommand as Oe, AddWorksheetMergeAllCommand as Pe, AddWorksheetMergeVerticalCommand as Me, AddWorksheetMergeHorizontalCommand as Ne, SetFrozenCommand as be, CancelFrozenCommand as xe, SetHorizontalTextAlignCommand as Ae, SetOverlineCommand as Ue, SetRangeValuesCommand as we, SetStrikeThroughCommand as $e, SetTextColorCommand as Te, SetTextRotationCommand as Fe, SetTextWrapCommand as Ee, SetVerticalTextAlignCommand as De, SetWorksheetActivateCommand as je, SetWorksheetActiveOperation as Le } from "@univerjs/sheets";
-import { SetSheetFilterRangeCommand as Be, SetSheetsFilterCriteriaCommand as ke, RemoveSheetFilterCommand as Ve } from "@univerjs/sheets-filter";
-import { SetRangeBoldCommand as We, SetRangeFontFamilyCommand as He, SetRangeFontSizeCommand as ze, SetRangeItalicCommand as Je, SetRangeStrickThroughCommand as Ge, SetRangeSubscriptCommand as Ze, SetRangeSuperscriptCommand as Ke, SetRangeTextColorCommand as Ye, SetRangeUnderlineCommand as qe, SheetCopyCommand as Qe, SheetCutCommand as Xe, SheetPasteBesidesBorderCommand as et, SheetPasteColWidthCommand as tt, SheetPasteCommand as rt, SheetPasteFormatCommand as nt, SheetPasteShortKeyCommand as ot, SheetPasteValueCommand as it, AutoFillCommand as ct, RefillCommand as at } from "@univerjs/sheets-ui";
-import { ILocalFileService as Y, IMessageService as x, useDependency as T, useObservable as F, RibbonStartGroup as dt, MenuItemType as R, IUIPartsService as st, IMenuManagerService as lt, ComponentManager as mt, BuiltInUIPart as ut, connectInjector as ft } from "@univerjs/ui";
-import { BehaviorSubject as I } from "rxjs";
-import { MessageType as A, clsx as gt, Button as U } from "@univerjs/design";
-import { jsx as h, jsxs as W } from "react/jsx-runtime";
-import { forwardRef as q, useRef as ht, createElement as Q, useCallback as O } from "react";
-var s = function() {
-  return s = Object.assign || function(e) {
+import { Disposable as T, CommandType as u, ICommandService as b, ILogService as J, IUniverInstanceService as G, awaitTime as ce, Inject as x, Injector as Z, IConfigService as se, Plugin as de, merge as le } from "@univerjs/core";
+import { SetSelectionsOperation as $, CopySheetCommand as me, DeleteRangeMoveLeftCommand as ue, DeleteRangeMoveUpCommand as fe, DeltaColumnWidthCommand as ge, DeltaRowHeightCommand as he, InsertSheetCommand as ve, InsertColAfterCommand as Se, InsertColBeforeCommand as pe, InsertRowAfterCommand as Ce, InsertRowBeforeCommand as _e, RemoveSheetCommand as ye, SetStyleCommand as Re, AddWorksheetMergeCommand as Ie, AddWorksheetMergeAllCommand as Oe, AddWorksheetMergeVerticalCommand as xe, AddWorksheetMergeHorizontalCommand as we, SetFrozenCommand as be, CancelFrozenCommand as Me, SetHorizontalTextAlignCommand as Ne, SetOverlineCommand as Ue, SetRangeValuesCommand as Ae, SetStrikeThroughCommand as $e, SetTextColorCommand as Pe, SetTextRotationCommand as Fe, SetTextWrapCommand as Te, SetVerticalTextAlignCommand as Ee, SetWorksheetActivateCommand as De, SetWorksheetActiveOperation as je } from "@univerjs/sheets";
+import { SetSheetFilterRangeCommand as Le, SetSheetsFilterCriteriaCommand as ke, RemoveSheetFilterCommand as Be } from "@univerjs/sheets-filter";
+import { SetRangeBoldCommand as Ve, SetRangeFontFamilyCommand as We, SetRangeFontSizeCommand as ze, SetRangeItalicCommand as He, SetRangeStrickThroughCommand as Je, SetRangeSubscriptCommand as Ge, SetRangeSuperscriptCommand as Ze, SetRangeTextColorCommand as Ke, SetRangeUnderlineCommand as Ye, SheetCopyCommand as qe, SheetCutCommand as Qe, SheetPasteBesidesBorderCommand as Xe, SheetPasteColWidthCommand as et, SheetPasteCommand as tt, SheetPasteFormatCommand as rt, SheetPasteShortKeyCommand as nt, SheetPasteValueCommand as ot, AutoFillCommand as it, RefillCommand as at } from "@univerjs/sheets-ui";
+import { ILocalFileService as K, IMessageService as M, useDependency as P, useObservable as F, RibbonStartGroup as ct, MenuItemType as y, IUIPartsService as st, IMenuManagerService as dt, ComponentManager as lt, BuiltInUIPart as mt, connectInjector as ut } from "@univerjs/ui";
+import { BehaviorSubject as R } from "rxjs";
+import { MessageType as N, Button as U } from "@univerjs/design";
+import { jsx as h, jsxs as V } from "react/jsx-runtime";
+import { forwardRef as Y, useRef as ft, createElement as q, useCallback as I } from "react";
+var d = function() {
+  return d = Object.assign || function(e) {
     for (var t, r = 1, n = arguments.length; r < n; r++) {
       t = arguments[r];
       for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
-  }, s.apply(this, arguments);
-}, pt = function(e, t) {
+  }, d.apply(this, arguments);
+}, gt = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++)
       t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
   return r;
-}, X = q(function(e, t) {
-  var r = e.icon, n = e.id, o = e.className, i = e.extend, c = pt(e, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(o || "").trim(), f = ht("_".concat(Ct()));
-  return ee(r, "".concat(n), { defIds: r.defIds, idSuffix: f.current }, s({ ref: t, className: a }, c), i);
+}, Q = Y(function(e, t) {
+  var r = e.icon, n = e.id, o = e.className, i = e.extend, a = gt(e, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(o || "").trim(), f = ft("_".concat(St()));
+  return X(r, "".concat(n), { defIds: r.defIds, idSuffix: f.current }, d({ ref: t, className: c }, a), i);
 });
-function ee(e, t, r, n, o) {
-  return Q(e.tag, s(s({ key: t }, St(e, r, o)), n), (vt(e, r).children || []).map(function(i, c) {
-    return ee(i, "".concat(t, "-").concat(e.tag, "-").concat(c), r, void 0, o);
+function X(e, t, r, n, o) {
+  return q(e.tag, d(d({ key: t }, ht(e, r, o)), n), (vt(e, r).children || []).map(function(i, a) {
+    return X(i, "".concat(t, "-").concat(e.tag, "-").concat(a), r, void 0, o);
   }));
 }
-function St(e, t, r) {
-  var n = s({}, e.attrs);
+function ht(e, t, r) {
+  var n = d({}, e.attrs);
   r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), e.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(i) {
-    var c = i[0], a = i[1];
-    c === "mask" && typeof a == "string" && (n[c] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+    var a = i[0], c = i[1];
+    a === "mask" && typeof c == "string" && (n[a] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   });
   var o = t.defIds;
   return !o || o.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(i) {
-    var c = i[0], a = i[1];
-    typeof a == "string" && (n[c] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+    var a = i[0], c = i[1];
+    typeof c == "string" && (n[a] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
 function vt(e, t) {
   var r, n = t.defIds;
-  return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? s(s({}, e), { children: e.children.map(function(o) {
-    return typeof o.attrs.id == "string" && n && n.indexOf(o.attrs.id) > -1 ? s(s({}, o), { attrs: s(s({}, o.attrs), { id: o.attrs.id + t.idSuffix }) }) : o;
+  return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? d(d({}, e), { children: e.children.map(function(o) {
+    return typeof o.attrs.id == "string" && n && n.indexOf(o.attrs.id) > -1 ? d(d({}, o), { attrs: d(d({}, o.attrs), { id: o.attrs.id + t.idSuffix }) }) : o;
   }) }) : e;
 }
-function Ct() {
+function St() {
   return Math.random().toString(36).substring(2, 8);
 }
-X.displayName = "UniverIcon";
-var _t = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { fill: "currentColor", clipPath: "url(#record-single_clip0_1559_19)" }, children: [{ tag: "path", attrs: { d: "M7.60303 10C8.7076 10 9.60303 9.10457 9.60303 8C9.60303 6.89543 8.7076 6 7.60303 6C6.49846 6 5.60303 6.89543 5.60303 8C5.60303 9.10457 6.49846 10 7.60303 10Z" } }, { tag: "path", attrs: { d: "M1.66943 5.29023C1.66941 3.85426 2.83349 2.69017 4.26946 2.69019L10.9362 2.69026C12.3192 2.69028 13.45 3.77008 13.5315 5.13259L14.5692 4.55638C15.3024 4.14929 16.2032 4.67947 16.2032 5.51809V10.4819C16.2032 11.3205 15.3024 11.8507 14.5692 11.4436L13.5315 10.8674C13.45 12.2299 12.3192 13.3097 10.9362 13.3097H4.26953C2.83361 13.3097 1.66956 12.1457 1.66953 10.7098L1.66943 5.29023ZM13.5362 9.49743L15.0032 10.312V5.68799L13.5362 6.50254V9.49743ZM4.26945 3.89019C3.49623 3.89018 2.86942 4.517 2.86943 5.29021L2.86953 10.7098C2.86955 11.483 3.49634 12.1097 4.26953 12.1097H10.9362C11.7094 12.1097 12.3362 11.4829 12.3362 10.7097V5.29026C12.3362 4.51707 11.7094 3.89027 10.9362 3.89026L4.26945 3.89019Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "record-single_clip0_1559_19" }, children: [{ tag: "path", attrs: { fill: "#fff", d: "M0 0H16V16H0z", transform: "translate(.94)" } }] }] }], defIds: ["record-single_clip0_1559_19"] }, D = q(function(e, t) {
-  return Q(X, Object.assign({}, e, {
+Q.displayName = "UniverIcon";
+var pt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "g", attrs: { fill: "currentColor", clipPath: "url(#record-single_clip0_1559_19)" }, children: [{ tag: "path", attrs: { d: "M7.60303 10C8.7076 10 9.60303 9.10457 9.60303 8C9.60303 6.89543 8.7076 6 7.60303 6C6.49846 6 5.60303 6.89543 5.60303 8C5.60303 9.10457 6.49846 10 7.60303 10Z" } }, { tag: "path", attrs: { d: "M1.66943 5.29023C1.66941 3.85426 2.83349 2.69017 4.26946 2.69019L10.9362 2.69026C12.3192 2.69028 13.45 3.77008 13.5315 5.13259L14.5692 4.55638C15.3024 4.14929 16.2032 4.67947 16.2032 5.51809V10.4819C16.2032 11.3205 15.3024 11.8507 14.5692 11.4436L13.5315 10.8674C13.45 12.2299 12.3192 13.3097 10.9362 13.3097H4.26953C2.83361 13.3097 1.66956 12.1457 1.66953 10.7098L1.66943 5.29023ZM13.5362 9.49743L15.0032 10.312V5.68799L13.5362 6.50254V9.49743ZM4.26945 3.89019C3.49623 3.89018 2.86942 4.517 2.86943 5.29021L2.86953 10.7098C2.86955 11.483 3.49634 12.1097 4.26953 12.1097H10.9362C11.7094 12.1097 12.3362 11.4829 12.3362 10.7097V5.29026C12.3362 4.51707 11.7094 3.89027 10.9362 3.89026L4.26945 3.89019Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, { tag: "defs", attrs: {}, children: [{ tag: "clipPath", attrs: { id: "record-single_clip0_1559_19" }, children: [{ tag: "path", attrs: { fill: "#fff", d: "M0 0H16V16H0z", transform: "translate(.94)" } }] }] }], defIds: ["record-single_clip0_1559_19"] }, E = Y(function(e, t) {
+  return q(Q, Object.assign({}, e, {
     id: "record-single",
     ref: t,
-    icon: _t
+    icon: pt
   }));
 });
-D.displayName = "RecordSingle";
-var yt = Object.getOwnPropertyDescriptor, Rt = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? yt(t, r) : t, i = e.length - 1, c; i >= 0; i--)
-    (c = e[i]) && (o = c(o) || o);
+E.displayName = "RecordSingle";
+var Ct = Object.getOwnPropertyDescriptor, _t = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Ct(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, P = (e, t) => (r, n) => t(r, n, e);
-let l = class extends E {
+}, O = (e, t) => (r, n) => t(r, n, e);
+let l = class extends T {
   constructor(t, r, n, o) {
     super();
     m(this, "_shouldRecordCommands", /* @__PURE__ */ new Set());
-    m(this, "_panelOpened$", new I(!1));
+    m(this, "_panelOpened$", new R(!1));
     m(this, "panelOpened$", this._panelOpened$.asObservable());
     m(this, "_recorder", null);
-    m(this, "_recording$", new I(!1));
+    m(this, "_recording$", new R(!1));
     m(this, "recording$", this._recording$.asObservable());
-    m(this, "_recorded$", new I([]));
-    m(this, "_recordedCommands$", new I([]));
+    m(this, "_recorded$", new R([]));
+    m(this, "_recordedCommands$", new R([]));
     m(this, "recordedCommands$", this._recordedCommands$.asObservable());
     this._commandSrv = t, this._logService = r, this._localFileService = n, this._instanceService = o;
   }
@@ -103,20 +103,20 @@ let l = class extends E {
     this._recorder = this._commandSrv.onCommandExecuted((r) => {
       var n, o;
       if (this._shouldRecordCommands.has(r.id)) {
-        const i = this._recorded, c = this._recordedCommands;
-        let a = { ...r };
-        const f = (n = this._instanceService.getFocusedUnit()) == null ? void 0 : n.getUnitId(), { unitId: g = f, subUnitId: d } = a == null ? void 0 : a.params;
-        if (t && g && d) {
-          const v = (o = this._instanceService.getUnit(g).getSheetBySheetId(d)) == null ? void 0 : o.getName();
-          a = {
-            ...a,
+        const i = this._recorded, a = this._recordedCommands;
+        let c = { ...r };
+        const f = (n = this._instanceService.getFocusedUnit()) == null ? void 0 : n.getUnitId(), { unitId: g = f, subUnitId: s } = c == null ? void 0 : c.params;
+        if (t && g && s) {
+          const p = (o = this._instanceService.getUnit(g).getSheetBySheetId(s)) == null ? void 0 : o.getName();
+          c = {
+            ...c,
             params: {
-              ...a.params,
-              subUnitId: v
+              ...c.params,
+              subUnitId: p
             }
           };
         }
-        a.id === $.id && i.length > 0 && i[i.length - 1].id === $.id ? i[i.length - 1] = a : (i.push(a), this._recorded$.next(i), a.type === u.COMMAND && (c.push(a), this._recordedCommands$.next(c)));
+        c.id === $.id && i.length > 0 && i[i.length - 1].id === $.id ? i[i.length - 1] = c : (i.push(c), this._recorded$.next(i), c.type === u.COMMAND && (a.push(c), this._recordedCommands$.next(a)));
       }
     }), this._recording$.next(!0);
   }
@@ -129,31 +129,31 @@ let l = class extends E {
     this._localFileService.downloadFile(new Blob([JSON.stringify(t, null, 2)]), "recorded-commands.json"), this._logService.error("Recorded commands:", t), this.stopRecording();
   }
 };
-l = Rt([
-  P(0, b),
-  P(1, G),
-  P(2, Y),
-  P(3, Z)
+l = _t([
+  O(0, b),
+  O(1, J),
+  O(2, K),
+  O(3, G)
 ], l);
-const te = {
+const ee = {
   id: "action-recorder.command.start-recording",
   type: u.COMMAND,
   handler: (e, t) => (e.get(l).startRecording(!!(t != null && t.replaceId)), !0)
-}, re = {
+}, te = {
   id: "action-recorder.command.complete-recording",
   type: u.COMMAND,
   handler: (e) => (e.get(l).completeRecording(), !0)
-}, ne = {
+}, re = {
   id: "action-recorder.command.stop-recording",
   type: u.COMMAND,
   handler: (e) => (e.get(l).completeRecording(), !0)
 };
-var It = Object.getOwnPropertyDescriptor, Ot = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? It(t, r) : t, i = e.length - 1, c; i >= 0; i--)
-    (c = e[i]) && (o = c(o) || o);
+var yt = Object.getOwnPropertyDescriptor, Rt = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? yt(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, _ = (e, t) => (r, n) => t(r, n, e), j = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.NAME = "name", e.ACTIVE = "active", e))(j || {});
-let p = class extends E {
+}, _ = (e, t) => (r, n) => t(r, n, e), D = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.NAME = "name", e.ACTIVE = "active", e))(D || {});
+let v = class extends T {
   constructor(e, t, r, n, o) {
     super(), this._messageService = e, this._instanceService = t, this._localFileService = r, this._logService = n, this._commandService = o;
   }
@@ -168,7 +168,7 @@ let p = class extends E {
       return this.replayCommands(JSON.parse(await r.text()), { mode: e });
     } catch {
       return this._messageService.show({
-        type: A.Error,
+        type: N.Error,
         content: `Failed to replay commands from local file ${r.name}.`
       }), !1;
     }
@@ -179,20 +179,20 @@ let p = class extends E {
    * @returns If the replay is successful.
    */
   async replayCommands(e, t) {
-    var o, i, c;
+    var o, i, a;
     const r = (o = this._instanceService.getFocusedUnit()) == null ? void 0 : o.getUnitId();
     r || this._logService.error("[ReplayService]", "no focused unit to replay commands");
     const { mode: n } = t || {};
-    for (const a of e) {
-      const { id: f, params: g } = a, d = g;
-      if (d) {
-        if (typeof d.unitId < "u" && (d.unitId = r), n === "name" && d.subUnitId !== "undefined") {
-          const C = (i = this._instanceService.getFocusedUnit().getSheetBySheetName(d.subUnitId)) == null ? void 0 : i.getSheetId();
-          C ? d.subUnitId = C : this._logService.error("[ReplayService]", `failed to find subunit by subUnitName = ${d.subUnitId}`);
+    for (const c of e) {
+      const { id: f, params: g } = c, s = g;
+      if (s) {
+        if (typeof s.unitId < "u" && (s.unitId = r), n === "name" && s.subUnitId !== "undefined") {
+          const C = (i = this._instanceService.getFocusedUnit().getSheetBySheetName(s.subUnitId)) == null ? void 0 : i.getSheetId();
+          C ? s.subUnitId = C : this._logService.error("[ReplayService]", `failed to find subunit by subUnitName = ${s.subUnitId}`);
         }
-        if (n === "active" && d.subUnitId !== "undefined") {
-          const C = (c = this._instanceService.getFocusedUnit().getActiveSheet()) == null ? void 0 : c.getSheetId();
-          C ? d.subUnitId = C : this._logService.error("[ReplayService]", "failed to find active subunit");
+        if (n === "active" && s.subUnitId !== "undefined") {
+          const C = (a = this._instanceService.getFocusedUnit().getActiveSheet()) == null ? void 0 : a.getSheetId();
+          C ? s.subUnitId = C : this._logService.error("[ReplayService]", "failed to find active subunit");
         }
         if (!await this._commandService.executeCommand(f, g)) return !1;
       } else if (!await this._commandService.executeCommand(f)) return !1;
@@ -208,7 +208,7 @@ let p = class extends E {
     const t = (r = this._instanceService.getFocusedUnit()) == null ? void 0 : r.getUnitId();
     t || this._logService.error("[ReplayService]", "no focused unit to replay commands");
     for (const n of e) {
-      await de(Pt());
+      await ce(It());
       const { id: o, params: i } = n;
       if (i) {
         if (typeof i.unitId < "u" && (i.unitId = t), !await this._commandService.executeCommand(o, i)) return !1;
@@ -217,33 +217,33 @@ let p = class extends E {
     return !0;
   }
 };
-p = Ot([
-  _(0, x),
-  _(1, Z),
-  _(2, Y),
-  _(3, G),
+v = Rt([
+  _(0, M),
+  _(1, G),
+  _(2, K),
+  _(3, J),
   _(4, b)
-], p);
-function Pt() {
+], v);
+function It() {
   return Math.floor(Math.random() * 800) + 200;
 }
-const L = {
+const j = {
   id: "action-recorder.command.replay-local-records",
   type: u.COMMAND,
   handler: async (e) => {
-    const r = await e.get(p).replayLocalJSON();
-    return r && e.get(x).show({
-      type: A.Success,
+    const r = await e.get(v).replayLocalJSON();
+    return r && e.get(M).show({
+      type: N.Success,
       content: "Successfully replayed local records"
     }), r;
   }
-}, B = {
+}, L = {
   id: "action-recorder.command.replay-local-records-name",
   type: u.COMMAND,
   handler: async (e) => {
-    const r = await e.get(p).replayLocalJSON(j.NAME);
-    return r && e.get(x).show({
-      type: A.Success,
+    const r = await e.get(v).replayLocalJSON(D.NAME);
+    return r && e.get(M).show({
+      type: N.Success,
       content: "Successfully replayed local records"
     }), r;
   }
@@ -251,164 +251,182 @@ const L = {
   id: "action-recorder.command.replay-local-records-active",
   type: u.COMMAND,
   handler: async (e) => {
-    const r = await e.get(p).replayLocalJSON(j.ACTIVE);
-    return r && e.get(x).show({
-      type: A.Success,
+    const r = await e.get(v).replayLocalJSON(D.ACTIVE);
+    return r && e.get(M).show({
+      type: N.Success,
       content: "Successfully replayed local records"
     }), r;
   }
-}, V = {
+}, B = {
   id: "action-recorder.operation.open-panel",
   type: u.OPERATION,
   handler(e) {
     return e.get(l).togglePanel(!0), !0;
   }
-}, oe = {
+}, ne = {
   id: "action-recorder.operation.close-panel",
   type: u.OPERATION,
   handler(e) {
     return e.get(l).togglePanel(!1), !0;
   }
-}, Mt = "univer-action-recorder-panel", Nt = "univer-action-recorder-panel-icon", bt = "univer-action-recorder-panel-icon-recording", xt = "univer-action-recorder-panel-title", At = "univer-action-recorder-panel-actions", y = {
-  actionRecorderPanel: Mt,
-  actionRecorderPanelIcon: Nt,
-  actionRecorderPanelIconRecording: bt,
-  actionRecorderPanelTitle: xt,
-  actionRecorderPanelActions: At
 };
-function Ut() {
-  const e = T(l);
-  return F(e.panelOpened$) ? /* @__PURE__ */ h(wt, {}) : null;
+function Ot() {
+  const e = P(l);
+  return F(e.panelOpened$) ? /* @__PURE__ */ h(xt, {}) : null;
 }
-function wt() {
-  var d;
-  const e = T(b), t = T(l), r = F(t.recording$), n = F(t.recordedCommands$), o = (d = n == null ? void 0 : n.length) != null ? d : 0, i = O(() => {
-    r || e.executeCommand(oe.id);
-  }, [e, r]), c = O((v) => {
-    r || e.executeCommand(te.id, { replaceId: v });
-  }, [e, r]), a = O(() => {
+function xt() {
+  var s;
+  const e = P(b), t = P(l), r = F(t.recording$), n = F(t.recordedCommands$), o = (s = n == null ? void 0 : n.length) != null ? s : 0, i = I(() => {
+    r || e.executeCommand(ne.id);
+  }, [e, r]), a = I((p) => {
+    r || e.executeCommand(ee.id, { replaceId: p });
+  }, [e, r]), c = I(() => {
+    r && e.executeCommand(te.id);
+  }, [e, r]), f = I(() => {
     r && e.executeCommand(re.id);
-  }, [e, r]), f = O(() => {
-    r && e.executeCommand(ne.id);
   }, [e, r]), g = r ? o === 0 ? "Recording..." : `${o}: ${n[o - 1].id}` : "Start Recording";
-  return /* @__PURE__ */ W("div", { className: y.actionRecorderPanel, children: [
-    /* @__PURE__ */ h("div", { className: gt(y.actionRecorderPanelIcon, r ? y.actionRecorderPanelIconRecording : !1), children: /* @__PURE__ */ h(D, {}) }),
-    /* @__PURE__ */ h("div", { className: y.actionRecorderPanelTitle, children: g }),
-    /* @__PURE__ */ W("div", { className: y.actionRecorderPanelActions, children: [
-      /* @__PURE__ */ h(U, { onClick: r ? f : i, children: r ? "Cancel" : "Close" }),
-      /* @__PURE__ */ h(U, { variant: "primary", onClick: r ? a : () => c(), children: r ? "Save" : "Start" }),
-      !r && /* @__PURE__ */ h(U, { variant: "primary", onClick: () => c(!0), children: "Start(N)" })
-    ] })
-  ] });
+  return /* @__PURE__ */ V(
+    "div",
+    {
+      className: `
+              univer-fixed univer-bottom-20 univer-left-1/2 univer-z-[1000] univer-flex univer-h-16 univer-w-[512px]
+              -univer-translate-x-1/2 univer-items-center univer-rounded-lg univer-bg-white univer-px-5 univer-shadow-lg
+            `,
+      children: [
+        /* @__PURE__ */ h("div", { className: "univer-mr-2 univer-size-5 univer-shrink-0 univer-grow-0 univer-text-xl", children: /* @__PURE__ */ h(E, {}) }),
+        /* @__PURE__ */ h("div", { className: "univer-flex-1 univer-text-[13px]", children: g }),
+        /* @__PURE__ */ V("div", { className: "univer-flex univer-w-64 univer-shrink-0 univer-grow-0 univer-justify-between", children: [
+          /* @__PURE__ */ h(
+            U,
+            {
+              className: "univer-w-20",
+              onClick: r ? f : i,
+              children: r ? "Cancel" : "Close"
+            }
+          ),
+          /* @__PURE__ */ h(
+            U,
+            {
+              className: "univer-w-20",
+              variant: "primary",
+              onClick: r ? c : () => a(),
+              children: r ? "Save" : "Start"
+            }
+          ),
+          !r && /* @__PURE__ */ h(U, { variant: "primary", onClick: () => a(!0), children: "Start(N)" })
+        ] })
+      ]
+    }
+  );
 }
-const ie = "RECORD_MENU_ITEM";
-function $t() {
+const oe = "RECORD_MENU_ITEM";
+function wt() {
   return {
-    id: ie,
-    type: R.SUBITEMS,
+    id: oe,
+    type: y.SUBITEMS,
     icon: "RecordSingle",
     tooltip: "action-recorder.menu.title"
   };
 }
-function Tt(e) {
+function bt(e) {
   const t = e.get(l);
   return {
-    id: V.id,
+    id: B.id,
     title: "action-recorder.menu.record",
-    type: R.BUTTON,
+    type: y.BUTTON,
     disabled$: t.panelOpened$
   };
 }
-function Ft() {
+function Mt() {
   return {
-    id: L.id,
+    id: j.id,
     title: "action-recorder.menu.replay-local",
-    type: R.BUTTON
+    type: y.BUTTON
   };
 }
-function Et() {
+function Nt() {
   return {
-    id: B.id,
+    id: L.id,
     title: "action-recorder.menu.replay-local-name",
-    type: R.BUTTON
+    type: y.BUTTON
   };
 }
-function Dt() {
+function Ut() {
   return {
     id: k.id,
     title: "action-recorder.menu.replay-local-active",
-    type: R.BUTTON
+    type: y.BUTTON
   };
 }
-const jt = {
-  [dt.OTHERS]: {
-    [ie]: {
+const At = {
+  [ct.OTHERS]: {
+    [oe]: {
       order: 10,
-      menuItemFactory: $t,
-      [V.id]: {
+      menuItemFactory: wt,
+      [B.id]: {
         order: 1,
-        menuItemFactory: Tt
+        menuItemFactory: bt
       },
-      [L.id]: {
+      [j.id]: {
         order: 2,
-        menuItemFactory: Ft
+        menuItemFactory: Mt
       },
-      [B.id]: {
+      [L.id]: {
         order: 3,
-        menuItemFactory: Et
+        menuItemFactory: Nt
       },
       [k.id]: {
         order: 4,
-        menuItemFactory: Dt
+        menuItemFactory: Ut
       }
     }
   }
 };
-var Lt = Object.getOwnPropertyDescriptor, Bt = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Lt(t, r) : t, i = e.length - 1, c; i >= 0; i--)
-    (c = e[i]) && (o = c(o) || o);
+var $t = Object.getOwnPropertyDescriptor, Pt = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? $t(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
 }, S = (e, t) => (r, n) => t(r, n, e);
-let N = class extends E {
+let w = class extends T {
   constructor(e, t, r, n, o, i) {
     super(), this._commandSrv = e, this._uiPartsSrv = t, this._menuManagerService = r, this._componentManager = n, this._actionRecorderService = o, this._injector = i, this._initCommands(), this._initUI(), this._initSheetsCommands(), this._initDocsCommands();
   }
   _initCommands() {
     [
+      ee,
+      re,
       te,
+      B,
       ne,
-      re,
-      V,
-      oe,
+      j,
       L,
-      B,
       k
     ].forEach((e) => this._commandSrv.registerCommand(e));
   }
   _initUI() {
-    this._uiPartsSrv.registerComponent(ut.GLOBAL, () => ft(Ut, this._injector)), this._componentManager.register("RecordSingle", D), this._menuManagerService.mergeMenu(jt);
+    this._uiPartsSrv.registerComponent(mt.GLOBAL, () => ut(Ot, this._injector)), this._componentManager.register("RecordSingle", E), this._menuManagerService.mergeMenu(At);
   }
   _initSheetsCommands() {
     [
       // InsertColCommand,
       // InsertRowCommand,
       // #region basic commands
+      me,
       ue,
       fe,
       ge,
       he,
-      pe,
-      Se,
       ve,
+      Se,
+      pe,
       Ce,
       _e,
       ye,
       Re,
       Ie,
       Oe,
-      Pe,
-      Me,
-      Ne,
+      xe,
+      we,
       // ResetBackgroundColorCommand,
       // ResetTextColorCommand,
       // SetBackgroundColorCommand,
@@ -416,26 +434,27 @@ let N = class extends E {
       // SetFontFamilyCommand,
       // SetFontSizeCommand,
       be,
-      xe,
-      Ae,
+      Me,
+      Ne,
       // SetItalicCommand,
       Ue,
+      Ve,
       We,
-      He,
       ze,
+      He,
       Je,
       Ge,
       Ze,
       Ke,
       Ye,
-      qe,
-      we,
+      Ae,
       $e,
-      Te,
+      Pe,
       Fe,
-      Ee,
+      Te,
       // SetUnderlineCommand,
-      De,
+      Ee,
+      qe,
       Qe,
       Xe,
       et,
@@ -444,10 +463,9 @@ let N = class extends E {
       nt,
       ot,
       it,
-      ct,
       at,
+      De,
       je,
-      Le,
       $,
       // #endregion
       // #region data validation command
@@ -455,56 +473,56 @@ let N = class extends E {
       // #region conditional formatting command
       // #endregion
       // #region filter command
-      Be,
+      Le,
       ke,
-      Ve
+      Be
       // #endregion
     ].forEach((e) => this._actionRecorderService.registerRecordedCommand(e));
   }
   _initDocsCommands() {
   }
 };
-N = Bt([
+w = Pt([
   S(0, b),
   S(1, st),
-  S(2, lt),
-  S(3, M(mt)),
-  S(4, M(l)),
-  S(5, M(K))
-], N);
-const kt = "action-recorder.config", H = {};
-var Vt = Object.getOwnPropertyDescriptor, Wt = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Vt(t, r) : t, i = e.length - 1, c; i >= 0; i--)
-    (c = e[i]) && (o = c(o) || o);
+  S(2, dt),
+  S(3, x(lt)),
+  S(4, x(l)),
+  S(5, x(Z))
+], w);
+const Ft = "action-recorder.config", W = {};
+var Tt = Object.getOwnPropertyDescriptor, Et = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? Tt(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+    (a = e[i]) && (o = a(o) || o);
   return o;
-}, z = (e, t) => (r, n) => t(r, n, e), w;
-let J = (w = class extends le {
-  constructor(e = H, t, r) {
+}, z = (e, t) => (r, n) => t(r, n, e), A;
+let H = (A = class extends de {
+  constructor(e = W, t, r) {
     super(), this._config = e, this._injector = t, this._configService = r;
-    const { menu: n, ...o } = me(
+    const { menu: n, ...o } = le(
       {},
-      H,
+      W,
       this._config
     );
-    n && this._configService.setConfig("menu", n, { merge: !0 }), this._configService.setConfig(kt, o);
+    n && this._configService.setConfig("menu", n, { merge: !0 }), this._configService.setConfig(Ft, o);
   }
   onStarting() {
-    (this._config.replayOnly ? [[p]] : [
+    (this._config.replayOnly ? [[v]] : [
       [l],
-      [p],
-      [N]
+      [v],
+      [w]
     ]).forEach((t) => this._injector.add(t));
   }
   onSteady() {
-    this._config.replayOnly || this._injector.get(N);
+    this._config.replayOnly || this._injector.get(w);
   }
-}, m(w, "pluginName", "UNIVER_ACTION_RECORDER_PLUGIN"), w);
-J = Wt([
-  z(1, M(K)),
+}, m(A, "pluginName", "UNIVER_ACTION_RECORDER_PLUGIN"), A);
+H = Et([
+  z(1, x(Z)),
   z(2, se)
-], J);
+], H);
 export {
   l as ActionRecorderService,
-  p as ActionReplayService,
-  J as UniverActionRecorderPlugin
+  v as ActionReplayService,
+  H as UniverActionRecorderPlugin
 };