@univerjs/slides-ui 0.5.5-nightly.202501211606 → 0.5.5-nightly.202501221606

package/lib/es/index.js

@@ -6,8 +6,9 @@ import { Inject, Injector, RxDisposable, UniverInstanceType, debounce, getColorS
 import { Viewport, ScrollBar, Slide, Rect, Scene, IRenderManagerService, ObjectType, pxToNum, DeviceInputEventType, convertTextRotation, FIX_ONE_PIXEL_BLUR_OFFSET, fixLineWidthByScale } from "@univerjs/engine-render";
 import { ObjectProvider, SLIDE_KEY } from "@univerjs/slides";
 import { ISidebarService, ICanvasPopupService, KeyCode, ILayoutService, ILocalFileService, useObservable, DISABLE_AUTO_FOCUS_KEY, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, MetaKeys, ComponentManager, BuiltInUIPart, IMenuManagerService, IUIPartsService, IShortcutService } from "@univerjs/ui";
-import React, { forwardRef, useRef, createElement, useState, useEffect, useCallback } from "react";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Button, InputNumber, DropdownLegacy, ColorPicker, Scrollbar } from "@univerjs/design";
+import React, { forwardRef, useRef, createElement, useState, useEffect, useMemo, useCallback } from "react";
 import { BehaviorSubject, Subject, filter, takeUntil } from "rxjs";
 import { DocSelectionManagerService, DocSkeletonManagerService, RichTextEditingMutation } from "@univerjs/docs";
 import { IEditorService, DocSelectionRenderService, VIEWPORT_KEY, DOCS_COMPONENT_MAIN_LAYER_INDEX, MoveSelectionOperation, MoveCursorOperation, DOCS_VIEW_KEY, DeleteLeftCommand } from "@univerjs/docs-ui";
@@ -305,37 +306,6 @@ const SLIDES_UI_PLUGIN_CONFIG_KEY = "slides-ui.config", defaultPluginConfig = {}
     return delete activePage.pageElements[params.id], slideData.updatePage(activePage.id, activePage), accessor.get(CanvasView).removeObjectById(params.id, activePage.id, unitId), !0;
   }, "handler")
 };
-var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var hasRequiredReactJsxRuntime_production_min;
-function requireReactJsxRuntime_production_min() {
-  if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
-  hasRequiredReactJsxRuntime_production_min = 1;
-  var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function q(c, a, g) {
-    var b, d = {}, e = null, h = null;
-    g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
-    for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-    if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
-    return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
-  }
-  return __name(q, "q"), reactJsxRuntime_production_min.Fragment = l, reactJsxRuntime_production_min.jsx = q, reactJsxRuntime_production_min.jsxs = q, reactJsxRuntime_production_min;
-}
-__name(requireReactJsxRuntime_production_min, "requireReactJsxRuntime_production_min");
-var hasRequiredJsxRuntime;
-function requireJsxRuntime() {
-  return hasRequiredJsxRuntime || (hasRequiredJsxRuntime = 1, jsxRuntime.exports = requireReactJsxRuntime_production_min()), jsxRuntime.exports;
-}
-__name(requireJsxRuntime, "requireJsxRuntime");
-var jsxRuntimeExports = requireJsxRuntime();
 function r(e) {
   var t, f, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
@@ -526,45 +496,45 @@ function ArrangePanel$1(props) {
       }
     });
   }, "onArrangeBtnClick");
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelGrid, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelTitle), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("image-panel.arrange.title") }) }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
+  return /* @__PURE__ */ jsxs("div", { className: styles$4.imageCommonPanelGrid, children: [
+    /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelTitle), children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-panel.arrange.title") }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
+      /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
         onArrangeBtnClick(
           0
           /* forward */
         );
-      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(MoveUpSingle, {}),
+      }, "onClick"), children: /* @__PURE__ */ jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
+        /* @__PURE__ */ jsx(MoveUpSingle, {}),
         localeService.t("image-panel.arrange.forward")
       ] }) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
+      /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
         onArrangeBtnClick(
           1
           /* backward */
         );
-      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(MoveDownSingle, {}),
+      }, "onClick"), children: /* @__PURE__ */ jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
+        /* @__PURE__ */ jsx(MoveDownSingle, {}),
         localeService.t("image-panel.arrange.backward")
       ] }) }) })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
+    /* @__PURE__ */ jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
+      /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
         onArrangeBtnClick(
           2
           /* front */
         );
-      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TopmostSingle, {}),
+      }, "onClick"), children: /* @__PURE__ */ jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
+        /* @__PURE__ */ jsx(TopmostSingle, {}),
         localeService.t("image-panel.arrange.front")
       ] }) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
+      /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsx(Button, { size: "small", onClick: /* @__PURE__ */ __name(() => {
         onArrangeBtnClick(
           3
           /* back */
         );
-      }, "onClick"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(BottomSingle, {}),
+      }, "onClick"), children: /* @__PURE__ */ jsxs("span", { className: styles$4.imageCommonPanelInline, children: [
+        /* @__PURE__ */ jsx(BottomSingle, {}),
         localeService.t("image-panel.arrange.back")
       ] }) }) })
     ] })
@@ -655,16 +625,16 @@ function TransformPanel(props) {
       angle: val
     }), setRotation(val), transformer == null || transformer.refreshControls());
   }
-  return __name(handleChangeRotation, "handleChangeRotation"), /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return __name(handleChangeRotation, "handleChangeRotation"), /* @__PURE__ */ jsxs(
     "div",
     {
       className: clsx(styles$4.imageCommonPanelGrid, styles$4.imageCommonPanelBorder),
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelTitle), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("image-panel.transform.title") }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.width") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelTitle), children: /* @__PURE__ */ jsx("div", { children: localeService.t("image-panel.transform.title") }) }) }),
+        /* @__PURE__ */ jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
+          /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.width") }) }),
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsx(
               InputNumber,
               {
                 className: styles$4.imageCommonPanelInput,
@@ -676,9 +646,9 @@ function TransformPanel(props) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.height") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.height") }) }),
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsx(
               InputNumber,
               {
                 className: styles$4.imageCommonPanelInput,
@@ -691,10 +661,10 @@ function TransformPanel(props) {
             ) }) })
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.x") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        /* @__PURE__ */ jsxs("div", { className: styles$4.imageCommonPanelRow, children: [
+          /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.x") }) }),
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsx(
               InputNumber,
               {
                 className: styles$4.imageCommonPanelInput,
@@ -707,9 +677,9 @@ function TransformPanel(props) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.y") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.y") }) }),
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsx(
               InputNumber,
               {
                 className: styles$4.imageCommonPanelInput,
@@ -722,9 +692,9 @@ function TransformPanel(props) {
               }
             ) }) })
           ] }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.rotate") }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan3), children: /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: localeService.t("image-panel.transform.rotate") }) }),
+            /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelColumn, children: /* @__PURE__ */ jsx(
               InputNumber,
               {
                 className: styles$4.imageCommonPanelInput,
@@ -766,28 +736,28 @@ function ArrangePanel(props) {
       }
     }), setColor(color2);
   }
-  return __name(handleChangeColor, "handleChangeColor"), /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return __name(handleChangeColor, "handleChangeColor"), /* @__PURE__ */ jsx(
     "div",
     {
       className: clsx(styles$4.imageCommonPanelGrid, styles$4.imageCommonPanelBorder),
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.imageCommonPanelGrid, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelTitle), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t("slide.panel.fill.title") }) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsxs("div", { className: styles$4.imageCommonPanelGrid, children: [
+        /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelTitle), children: /* @__PURE__ */ jsx("div", { children: localeService.t("slide.panel.fill.title") }) }) }),
+        /* @__PURE__ */ jsx("div", { className: styles$4.imageCommonPanelRow, children: /* @__PURE__ */ jsx("div", { className: clsx(styles$4.imageCommonPanelColumn, styles$4.imageCommonPanelSpan2), children: /* @__PURE__ */ jsx(
           DropdownLegacy,
           {
             align: {
               offset: [0, 18]
             },
-            overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("section", { className: styles$4.slidePanelColorPicker, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            overlay: /* @__PURE__ */ jsx("section", { className: styles$4.slidePanelColorPicker, children: /* @__PURE__ */ jsx(
               ColorPicker,
               {
                 value: "#fff",
                 onChange: handleChangeColor
               }
             ) }),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { className: styles$4.uiPluginSheetsBorderPanelButton, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(PaintBucket, { extend: { colorChannel1: color != null ? color : "rgb(var(--primary-color))" } }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$4.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MoreDownSingle, {}) })
+            children: /* @__PURE__ */ jsxs("a", { className: styles$4.uiPluginSheetsBorderPanelButton, children: [
+              /* @__PURE__ */ jsx(PaintBucket, { extend: { colorChannel1: color != null ? color : "rgb(var(--primary-color))" } }),
+              /* @__PURE__ */ jsx("span", { className: styles$4.uiPluginSheetsBorderPanelMoreIcon, children: /* @__PURE__ */ jsx(MoreDownSingle, {}) })
             ] })
           }
         ) }) })
@@ -821,10 +791,10 @@ function RectSidebar() {
   if (!object)
     return null;
   const unitId = ((_c = univerInstanceService.getFocusedUnit()) == null ? void 0 : _c.getUnitId()) || "";
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: styles$3.imageCommonPanel, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ArrangePanel$1, { pageId, unitId }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(TransformPanel, { pageId, unitId }),
-    object.objectType === ObjectType.RECT && /* @__PURE__ */ jsxRuntimeExports.jsx(ArrangePanel, { pageId, unitId })
+  return /* @__PURE__ */ jsxs("section", { className: styles$3.imageCommonPanel, children: [
+    /* @__PURE__ */ jsx(ArrangePanel$1, { pageId, unitId }),
+    /* @__PURE__ */ jsx(TransformPanel, { pageId, unitId }),
+    object.objectType === ObjectType.RECT && /* @__PURE__ */ jsx(ArrangePanel, { pageId, unitId })
   ] });
 }
 __name(RectSidebar, "RectSidebar");
@@ -1887,42 +1857,42 @@ const ActivateSlidePageOperation = {
   }, "onVisibleChange"), handleClick = /* @__PURE__ */ __name((item) => {
     commandService.executeCommand(item.commandId, item.commandParams), setVisible(!1);
   }, "handleClick"), showMore = visible || isHovered, availableMenu = menuItems.filter((item) => !item.disable);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsx(
         DropdownLegacy,
         {
           placement: "bottomLeft",
           trigger: ["click"],
-          overlay: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: styles$2.imagePopupMenu, children: availableMenu.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+          overlay: /* @__PURE__ */ jsx("ul", { className: styles$2.imagePopupMenu, children: availableMenu.map((item) => /* @__PURE__ */ jsx(
             "li",
             {
               onClick: /* @__PURE__ */ __name(() => handleClick(item), "onClick"),
               className: styles$2.imagePopupMenuItem,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$2.imagePopupMenuItemTitle, children: localeService.t(item.label) })
+              children: /* @__PURE__ */ jsx("span", { className: styles$2.imagePopupMenuItemTitle, children: localeService.t(item.label) })
             },
             item.index
           )) }),
           visible,
           onVisibleChange,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          children: /* @__PURE__ */ jsxs(
             "div",
             {
               className: clsx(styles$2.btnContainer, {
                 [styles$2.btnContainerExpand]: visible
               }),
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                /* @__PURE__ */ jsx(
                   Autofill,
                   {
                     style: { color: "#35322B" },
                     extend: { colorChannel1: "rgb(var(--green-700, #409f11))" }
                   }
                 ),
-                showMore && /* @__PURE__ */ jsxRuntimeExports.jsx(MoreDownSingle, { style: { color: "#CCCCCC", fontSize: "8px", marginLeft: "8px" } })
+                showMore && /* @__PURE__ */ jsx(MoreDownSingle, { style: { color: "#CCCCCC", fontSize: "8px", marginLeft: "8px" } })
               ]
             }
           )
@@ -1944,10 +1914,8 @@ function SlideSideBar() {
   const univerInstanceService = useDependency(IUniverInstanceService), commandService = useDependency(ICommandService), renderManagerService = useDependency(IRenderManagerService), localeService = useDependency(LocaleService), slideBarRef = useRef(null), currentSlide = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SLIDE), pages = currentSlide == null ? void 0 : currentSlide.getPages(), pageOrder = currentSlide == null ? void 0 : currentSlide.getPageOrder();
   if (!pages || !pageOrder)
     return null;
-  const slideList = pageOrder.map((id) => pages[id]), [divRefs, setDivRefs] = useState([]), [activatePageId, setActivatePageId] = useState((_b = (_a11 = currentSlide == null ? void 0 : currentSlide.getActivePage()) == null ? void 0 : _a11.id) != null ? _b : null);
+  const slideList = pageOrder.map((id) => pages[id]), [activatePageId, setActivatePageId] = useState((_b = (_a11 = currentSlide == null ? void 0 : currentSlide.getActivePage()) == null ? void 0 : _a11.id) != null ? _b : null), divRefs = useMemo(() => slideList.map(() => React.createRef()), [slideList]);
   useEffect(() => {
-    setDivRefs(slideList.map((_) => React.createRef()));
-  }, [slideList.length]), useEffect(() => {
     const subscriber = currentSlide == null ? void 0 : currentSlide.activePage$.subscribe((page) => {
       var _a12;
       const id = (_a12 = page == null ? void 0 : page.id) != null ? _a12 : null;
@@ -1970,9 +1938,9 @@ function SlideSideBar() {
   }, [commandService, currentSlide]), handleAppendSlide = useCallback(() => {
     commandService.syncExecuteCommand(AppendSlideOperation.id, { unitId: currentSlide == null ? void 0 : currentSlide.getUnitId() });
   }, [commandService, currentSlide]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("aside", { className: styles$1.slideBar, ref: slideBarRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Scrollbar, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1.slideBarContent, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("header", { className: styles$1.slideBarContentHeader, children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { onClick: handleAppendSlide, children: localeService.t("slide.append") }) }),
-    slideList.map((item, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsx("aside", { className: styles$1.slideBar, ref: slideBarRef, children: /* @__PURE__ */ jsx(Scrollbar, { children: /* @__PURE__ */ jsxs("div", { className: styles$1.slideBarContent, children: [
+    /* @__PURE__ */ jsx("header", { className: styles$1.slideBarContentHeader, children: /* @__PURE__ */ jsx("a", { onClick: handleAppendSlide, children: localeService.t("slide.append") }) }),
+    slideList.map((item, index) => /* @__PURE__ */ jsxs(
       "div",
       {
         className: clsx(styles$1.slideBarItem, {
@@ -1980,8 +1948,8 @@ function SlideSideBar() {
         }),
         onClick: /* @__PURE__ */ __name(() => activatePage(item.id), "onClick"),
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: index + 1 }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: divRefs[index], className: styles$1.slideBarBox })
+          /* @__PURE__ */ jsx("span", { children: index + 1 }),
+          /* @__PURE__ */ jsx("div", { ref: divRefs[index], className: styles$1.slideBarBox })
         ]
       },
       item.id
@@ -2037,7 +2005,7 @@ const slideEditorContainer = "univer-slide-editor-container", editorInput = "uni
     });
   }, []), useEffect(() => {
     disableAutoFocus || slideEditorManagerService.setFocus(!0);
-  }, [disableAutoFocus, state]), /* @__PURE__ */ jsxRuntimeExports.jsx(
+  }, [disableAutoFocus, state]), /* @__PURE__ */ jsx(
     "div",
     {
       className: styles.slideEditorContainer,

package/lib/types/components/panels/ArrangePanel.d.ts

@@ -1,7 +1,21 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 interface IProps {
     pageId: string;
     unitId: string;
 }
-export default function ArrangePanel(props: IProps): React.JSX.Element | null;
+export default function ArrangePanel(props: IProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/components/panels/FillPanel.d.ts

@@ -1,4 +1,18 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 interface IProps {
     pageId: string;
     unitId: string;
@@ -7,5 +21,5 @@ interface IProps {
  *
  * @param props
  */
-export default function ArrangePanel(props: IProps): React.JSX.Element | null;
+export default function ArrangePanel(props: IProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/components/panels/TransformPanel.d.ts

@@ -1,7 +1,21 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 interface IProps {
     pageId: string;
     unitId: string;
 }
-export default function TransformPanel(props: IProps): React.JSX.Element | null;
+export default function TransformPanel(props: IProps): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/lib/types/components/sidebar/Sidebar.d.ts

@@ -1,3 +1,17 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 export declare const COMPONENT_SLIDE_SIDEBAR = "COMPONENT_SLIDE_SIDEBAR";
-export default function RectSidebar(): React.JSX.Element | null;
+export default function RectSidebar(): import("react/jsx-runtime").JSX.Element | null;

package/lib/types/components/slide-bar/SlideBar.d.ts

@@ -1,5 +1,19 @@
-import { default as React } from 'react';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 /**
  * This components works as the root component of the left Sidebar of Slide.
  */
-export declare function SlideSideBar(): React.JSX.Element | null;
+export declare function SlideSideBar(): import("react/jsx-runtime").JSX.Element | null;