@univerjs/sheets-formula-ui 0.4.0-alpha.0 → 0.4.0-alpha.2

package/lib/es/index.js

@@ -2,18 +2,19 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { CommandType, ICommandService, createIdentifier, IContextService, IUniverInstanceService, Rectangle, DEFAULT_EMPTY_DOCUMENT_VALUE, isRealNum, CellValueType, getCellValueType, isFormulaString, isFormulaId, FOCUSING_DOC, FOCUSING_UNIVER_EDITOR, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, Disposable, isICellData, Inject, LocaleService, Tools, Direction, UniverInstanceType, Injector, ObjectMatrix, ThemeService, toDisposable, ColorKit, ILogService, RxDisposable, InterceptorEffectEnum, useDependency, useInjector, connectInjector, DisposableCollection, RANGE_TYPE, FORMULA_EDITOR_ACTIVATED, FOCUSING_EDITOR_INPUT_FORMULA, AbsoluteRefType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, Plugin, DependentOn, IConfigService } from "@univerjs/core";
-import { SheetPasteCommand, PREDEFINED_HOOK_NAME, CellAlertType, HoverManagerService, CellAlertManagerService, DATA_TYPE, APPLY_TYPE, IAutoFillService, COPY_TYPE, ISheetClipboardService, IEditorBridgeService, SheetSkeletonManagerService, ISheetSelectionRenderService, SelectionShape, SELECTION_SHAPE_DEPTH, useActiveWorkbook, getCurrentRangeDisable$, PASTE_SPECIAL_MENU_ID, whenFormulaEditorActivated, BaseSelectionRenderService, getCoordByOffset, checkInHeaderRanges, getAllSelection, attachSelectionWithCoord, getSheetObject, getEditorObject, MoveSelectionCommand, JumpOver, ExpandSelectionCommand } from "@univerjs/sheets-ui";
-import { sequenceNodeType, serializeRange, ERROR_TYPE_SET, ErrorType, LexerTreeBuilder, FormulaDataModel, SetFormulaCalculationResultMutation, SetArrayFormulaDataMutation, FunctionType, matchRefDrawToken, matchToken, compareToken, deserializeRangeWithSheet, normalizeSheetName, serializeRangeToRefString, generateStringWithSequence, getAbsoluteRefTypeWitString, UniverFormulaEnginePlugin } from "@univerjs/engine-formula";
-import { Subject, throttleTime, combineLatestWith, map, switchMap, of, Observable, distinctUntilKeyChanged, distinctUntilChanged } from "rxjs";
-import { IEditorService, DocSelectionRenderService, ReplaceContentCommand, MoveCursorOperation } from "@univerjs/docs-ui";
-import { SheetsSelectionsService, getSheetCommandTarget, getCellAtRowCol, SetSelectionsOperation, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetWorksheetRowAutoHeightMutation, INTERCEPTOR_POINT, SheetInterceptorService, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellValuePermission, RangeProtectionPermissionEditPoint, SelectionMoveType, convertSelectionDataToRange, getNormalSelectionStyle, IRefSelectionsService, DISABLE_NORMAL_SELECTIONS, setEndForRange, getPrimaryForRange } from "@univerjs/sheets";
+import { CommandType, ICommandService, createIdentifier, IContextService, IUniverInstanceService, Rectangle, DEFAULT_EMPTY_DOCUMENT_VALUE, isRealNum, CellValueType, getCellValueType, toDisposable, DisposableCollection, RANGE_TYPE, Inject, Injector, ThemeService, useDependency, ColorKit, UniverInstanceType, debounce, LocaleService, createInternalEditorID, generateRandomId, isFormulaString, isFormulaId, FOCUSING_DOC, FOCUSING_UNIVER_EDITOR, FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE, Disposable, isICellData, Tools, Direction, ObjectMatrix, ILogService, RxDisposable, InterceptorEffectEnum, useInjector, useObservable, connectInjector, FORMULA_EDITOR_ACTIVATED, FOCUSING_EDITOR_INPUT_FORMULA, AbsoluteRefType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DOCS_NORMAL_EDITOR_UNIT_ID_KEY, Plugin, DependentOn, IConfigService } from "@univerjs/core";
+import { SheetPasteCommand, PREDEFINED_HOOK_NAME, BaseSelectionRenderService, getCoordByOffset, checkInHeaderRanges, getAllSelection, attachSelectionWithCoord, getSheetObject, SheetSkeletonManagerService, attachRangeWithCoord, IEditorBridgeService, RANGE_SELECTOR_SYMBOLS, SetCellEditVisibleOperation, CellAlertType, HoverManagerService, CellAlertManagerService, DATA_TYPE, APPLY_TYPE, IAutoFillService, COPY_TYPE, ISheetClipboardService, ISheetSelectionRenderService, SelectionShape, SELECTION_SHAPE_DEPTH, useActiveWorkbook, getCurrentRangeDisable$, PASTE_SPECIAL_MENU_ID, whenFormulaEditorActivated, isRangeSelector, getEditorObject, MoveSelectionCommand, JumpOver, ExpandSelectionCommand, RANGE_SELECTOR_COMPONENT_KEY } from "@univerjs/sheets-ui";
+import { sequenceNodeType, serializeRange, matchToken, LexerTreeBuilder, deserializeRangeWithSheet, serializeRangeWithSheet, ERROR_TYPE_SET, ErrorType, FormulaDataModel, SetFormulaCalculationResultMutation, SetArrayFormulaDataMutation, FunctionType, matchRefDrawToken, compareToken, normalizeSheetName, serializeRangeToRefString, generateStringWithSequence, getAbsoluteRefTypeWitString, UniverFormulaEnginePlugin } from "@univerjs/engine-formula";
+import { Subject, merge, map, distinctUntilChanged, throttleTime as throttleTime$1, combineLatestWith, switchMap, of, Observable, filter, distinctUntilKeyChanged } from "rxjs";
+import { IEditorService, VIEWPORT_KEY, DocBackScrollRenderController, DocSelectionRenderService, ReplaceContentCommand, MoveCursorOperation } from "@univerjs/docs-ui";
+import { SheetsSelectionsService, getSheetCommandTarget, getCellAtRowCol, SetSelectionsOperation, SelectionMoveType, convertSelectionDataToRange, getNormalSelectionStyle, IRefSelectionsService, setEndForRange, DISABLE_NORMAL_SELECTIONS, SetWorksheetActiveOperation, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SetWorksheetRowAutoHeightMutation, INTERCEPTOR_POINT, SheetInterceptorService, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellValuePermission, RangeProtectionPermissionEditPoint, getPrimaryForRange } from "@univerjs/sheets";
 import { InsertFunctionCommand, IDescriptionService, UniverSheetsFormulaPlugin } from "@univerjs/sheets-formula";
-import { ISidebarService, IZenZoneService, ILayoutService, MenuItemType, getMenuHiddenObservable, IClipboardInterfaceService, RibbonStartGroup, KeyCode, MetaKeys, BuiltInUIPart, ComponentManager, IMenuManagerService, IShortcutService, IUIPartsService, UNI_DISABLE_CHANGING_FOCUS_KEY, SetEditorResizeOperation, IContextMenuService } from "@univerjs/ui";
-import { IRenderManagerService, DeviceInputEventType, ScrollTimerType, SHEET_VIEWPORT_KEY, Vector2 } from "@univerjs/engine-render";
-import require$$0, { forwardRef, useRef, createElement, useEffect, useState } from "react";
-import { Popup, Select, Input, Button } from "@univerjs/design";
+import { ISidebarService, IShortcutService, IContextMenuService, IZenZoneService, ILayoutService, MenuItemType, getMenuHiddenObservable, IClipboardInterfaceService, RibbonStartGroup, KeyCode, MetaKeys, BuiltInUIPart, ComponentManager, IMenuManagerService, IUIPartsService, UNI_DISABLE_CHANGING_FOCUS_KEY, SetEditorResizeOperation } from "@univerjs/ui";
+import require$$0, { forwardRef, useRef, createElement, useEffect, useState, useMemo, useLayoutEffect, useCallback } from "react";
+import { Tooltip, Dialog, Button, Input, Popup, Select } from "@univerjs/design";
+import { ScrollTimerType, SHEET_VIEWPORT_KEY, Vector2, IRenderManagerService, ScrollBar, DeviceInputEventType } from "@univerjs/engine-render";
 import { DocSkeletonManagerService, DocSelectionManagerService } from "@univerjs/docs";
+import { throttleTime } from "rxjs/operators";
 const SheetOnlyPasteFormulaCommand = {
   id: "sheet.command.paste-formula",
   type: CommandType.COMMAND,
@@ -275,15 +276,15 @@ __name(findRefRange, "findRefRange");
 function findStartRow(cellMatrix, row, column) {
   let isFirstNumber = !1;
   if (row === 0) return row;
-  for (let r = row - 1; r >= 0; r--) {
-    const cell = cellMatrix.getValue(r, column);
+  for (let r2 = row - 1; r2 >= 0; r2--) {
+    const cell = cellMatrix.getValue(r2, column);
     if (isNumberCell(cell) && !isFirstNumber) {
-      if (r === 0) return 0;
+      if (r2 === 0) return 0;
       isFirstNumber = !0;
     } else {
       if (isFirstNumber && !isNumberCell(cell))
-        return r + 1;
-      if (isFirstNumber && r === 0)
+        return r2 + 1;
+      if (isFirstNumber && r2 === 0)
         return 0;
     }
   }
@@ -342,7 +343,899 @@ const FORMULA_UI_PLUGIN_NAME = "SHEET_FORMULA_UI_PLUGIN", MORE_FUNCTIONS_COMPONE
   id: "formula-ui.operation.search-function",
   type: CommandType.OPERATION,
   handler: /* @__PURE__ */ __name(async (accessor, params) => (accessor.get(IFormulaPromptService).search(params), !0), "handler")
-}, PLUGIN_CONFIG_KEY_BASE = "sheets-formula.base.config", defaultPluginBaseConfig = {};
+};
+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 f = require$$0, 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 };
+}
+__name(q, "q");
+reactJsxRuntime_production_min.Fragment = l;
+reactJsxRuntime_production_min.jsx = q;
+reactJsxRuntime_production_min.jsxs = q;
+jsxRuntime.exports = reactJsxRuntime_production_min;
+var jsxRuntimeExports = jsxRuntime.exports, __assign = function() {
+  return __assign = Object.assign || function(t) {
+    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
+      s = arguments[i];
+      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
+    }
+    return t;
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
+  var t = {};
+  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
+      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
+  return t;
+}, IconBase = forwardRef(function(props, ref) {
+  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
+  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
+});
+function render(node, id, runtimeProps, rootProps, extend) {
+  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
+    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
+  }));
+}
+__name(render, "render");
+function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
+  var attrs = __assign({}, node.attrs);
+  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
+  var defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a11) {
+    var key = _a11[0], value = _a11[1];
+    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
+  })), attrs;
+}
+__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
+function replaceRuntimeIdsInDefs(node, runtimeProps) {
+  var _a11, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a11 = node.children) === null || _a11 === void 0) && _a11.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
+  }) }) : node;
+}
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
+  return Math.random().toString(36).substring(2, 8);
+}
+__name(generateShortUuid, "generateShortUuid");
+IconBase.displayName = "UniverIcon";
+var element$6 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CheckMarkSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "check-mark-single",
+    ref,
+    icon: element$6
+  }));
+});
+CheckMarkSingle.displayName = "CheckMarkSingle";
+var element$5 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, CloseSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "close-single",
+    ref,
+    icon: element$5
+  }));
+});
+CloseSingle.displayName = "CloseSingle";
+var element$4 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, DeleteSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "delete-single",
+    ref,
+    icon: element$4
+  }));
+});
+DeleteSingle.displayName = "DeleteSingle";
+var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.75 5.32495C8.75 5.73916 8.41421 6.07495 8 6.07495 7.58579 6.07495 7.25 5.73916 7.25 5.32495 7.25 4.91074 7.58579 4.57495 8 4.57495 8.41421 4.57495 8.75 4.91074 8.75 5.32495zM8.5999 7.52505C8.5999 7.19368 8.33127 6.92505 7.9999 6.92505 7.66853 6.92505 7.3999 7.19368 7.3999 7.52505V11.425C7.3999 11.7564 7.66853 12.025 7.9999 12.025 8.33127 12.025 8.5999 11.7564 8.5999 11.425V7.52505z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M0.899902 8.00002C0.899902 4.0788 4.07868 0.900024 7.9999 0.900024C11.9211 0.900024 15.0999 4.0788 15.0999 8.00002C15.0999 11.9212 11.9211 15.1 7.9999 15.1C4.07868 15.1 0.899902 11.9212 0.899902 8.00002ZM7.9999 2.10002C4.74142 2.10002 2.0999 4.74154 2.0999 8.00002C2.0999 11.2585 4.74142 13.9 7.9999 13.9C11.2584 13.9 13.8999 11.2585 13.8999 8.00002C13.8999 4.74154 11.2584 2.10002 7.9999 2.10002Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, DetailsSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "details-single",
+    ref,
+    icon: element$3
+  }));
+});
+DetailsSingle.displayName = "DetailsSingle";
+var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, IncreaseSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "increase-single",
+    ref,
+    icon: element$2
+  }));
+});
+IncreaseSingle.displayName = "IncreaseSingle";
+var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.90913 3.57564C6.14345 3.34132 6.52335 3.34132 6.75766 3.57564L10.7577 7.57564C10.992 7.80995 10.992 8.18985 10.7577 8.42417L6.75766 12.4242C6.52335 12.6585 6.14345 12.6585 5.90913 12.4242C5.67482 12.1899 5.67482 11.81 5.90913 11.5756L9.48487 7.9999L5.90913 4.42417C5.67482 4.18985 5.67482 3.80995 5.90913 3.57564Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, MoreSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "more-single",
+    ref,
+    icon: element$1
+  }));
+});
+MoreSingle.displayName = "MoreSingle";
+var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.6185 12.4423C12.5907 12.2749 12.7773 12.15 12.9343 12.2308L15.4242 13.5126C15.6102 13.6084 15.5544 13.8745 15.3439 13.8955L14.2456 14.184L13.4521 15.1286C13.3495 15.2939 13.085 15.2463 13.0534 15.0568L12.6185 12.4423Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1 3.6C1 2.16406 2.16406 1 3.6 1H12.3C13.7359 1 14.9 2.16406 14.9 3.6V5.81156C14.9003 5.81881 14.9004 5.82609 14.9004 5.8334C14.9004 5.84071 14.9003 5.84799 14.9 5.85524V10.045C14.9003 10.0522 14.9004 10.0595 14.9004 10.0668C14.9004 10.3982 14.6318 10.6668 14.3004 10.6668H11.1668C10.8907 10.6668 10.6668 10.8907 10.6668 11.1668V14.3C10.6668 14.6314 10.3982 14.9 10.0668 14.9L10.05 14.8998L3.6 14.9C2.16406 14.9 1 13.7359 1 12.3V3.6ZM13.2 5.2334C13.4761 5.2334 13.7 5.00954 13.7 4.7334V3.6C13.7 2.8268 13.0732 2.2 12.3 2.2H11.1668C10.8907 2.2 10.6668 2.42386 10.6668 2.7V4.7334C10.6668 5.00954 10.8907 5.2334 11.1668 5.2334H13.2ZM10.6668 6.9334C10.6668 6.65726 10.8907 6.4334 11.1668 6.4334H13.2C13.4761 6.4334 13.7 6.65726 13.7 6.9334V8.9668C13.7 9.24294 13.4761 9.4668 13.2 9.4668H11.1668C10.8907 9.4668 10.6668 9.24294 10.6668 8.9668V6.9334ZM8.9668 5.2334C9.24294 5.2334 9.4668 5.00954 9.4668 4.7334V2.7C9.4668 2.42386 9.24294 2.2 8.9668 2.2H6.9334C6.65726 2.2 6.4334 2.42386 6.4334 2.7V4.7334C6.4334 5.00954 6.65726 5.2334 6.9334 5.2334L8.9668 5.2334ZM6.4334 6.9334C6.4334 6.65726 6.65726 6.4334 6.9334 6.4334L8.9668 6.4334C9.24294 6.4334 9.4668 6.65726 9.4668 6.9334V8.9668C9.4668 9.24294 9.24294 9.4668 8.9668 9.4668L6.9334 9.4668C6.65726 9.4668 6.4334 9.24294 6.4334 8.9668V6.9334ZM4.7334 5.2334C5.00954 5.2334 5.2334 5.00954 5.2334 4.7334V2.7C5.2334 2.42386 5.00954 2.2 4.7334 2.2H3.6C2.8268 2.2 2.2 2.8268 2.2 3.6V4.7334C2.2 5.00954 2.42386 5.2334 2.7 5.2334H4.7334ZM2.2 6.9334C2.2 6.65726 2.42386 6.4334 2.7 6.4334H4.7334C5.00954 6.4334 5.2334 6.65725 5.2334 6.9334V8.9668C5.2334 9.24294 5.00954 9.4668 4.7334 9.4668H2.7C2.42386 9.4668 2.2 9.24294 2.2 8.9668V6.9334ZM5.2334 11.1668C5.2334 10.8907 5.00954 10.6668 4.7334 10.6668H2.7C2.42386 10.6668 2.2 10.8907 2.2 11.1668V12.3C2.2 13.0732 2.8268 13.7 3.6 13.7H4.7334C5.00954 13.7 5.2334 13.4761 5.2334 13.2V11.1668ZM9.4668 11.1668C9.4668 10.8907 9.24294 10.6668 8.9668 10.6668H6.9334C6.65726 10.6668 6.4334 10.8907 6.4334 11.1668V13.2C6.4334 13.4761 6.65726 13.7 6.9334 13.7H8.9668C9.24294 13.7 9.4668 13.4761 9.4668 13.2V11.1668Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, SelectRangeSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "select-range-single",
+    ref,
+    icon: element
+  }));
+});
+SelectRangeSingle.displayName = "SelectRangeSingle";
+function r(e) {
+  var t, f2, n2 = "";
+  if (typeof e == "string" || typeof e == "number") n2 += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f2 = r(e[t])) && (n2 && (n2 += " "), n2 += f2);
+  } else for (f2 in e) e[f2] && (n2 && (n2 += " "), n2 += f2);
+  return n2;
+}
+__name(r, "r");
+function clsx() {
+  for (var e, t, f2 = 0, n2 = "", o = arguments.length; f2 < o; f2++) (e = arguments[f2]) && (t = r(e)) && (n2 && (n2 += " "), n2 += t);
+  return n2;
+}
+__name(clsx, "clsx");
+var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$8(target, key, result), result;
+}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8"), _a2;
+let RefSelectionsRenderService = (_a2 = class extends BaseSelectionRenderService {
+  constructor(_context, injector, themeService, shortcutService, sheetSkeletonManagerService, _refSelectionsService) {
+    super(
+      injector,
+      themeService,
+      shortcutService,
+      sheetSkeletonManagerService
+    );
+    __publicField(this, "_workbookSelections");
+    __publicField(this, "_eventDisposables");
+    this._context = _context, this._refSelectionsService = _refSelectionsService, this._workbookSelections = this._refSelectionsService.getWorkbookSelections(this._context.unitId), this._initSelectionChangeListener(), this._initSkeletonChangeListener(), this._initUserActionSyncListener(), this._setSelectionStyle(getDefaultRefSelectionStyle(this._themeService)), this._remainLastEnabled = !0;
+  }
+  getLocation() {
+    return this._skeleton.getLocation();
+  }
+  setRemainLastEnabled(enabled) {
+    this._remainLastEnabled = enabled;
+  }
+  /**
+   * This is set to true when you need to add a new selection.
+   * @param {boolean} enabled
+   * @memberof RefSelectionsRenderService
+   */
+  setSkipLastEnabled(enabled) {
+    this._skipLastEnabled = enabled;
+  }
+  clearLastSelection() {
+    const last = this._selectionControls[this._selectionControls.length - 1];
+    last && (last.dispose(), this._selectionControls.pop());
+  }
+  /**
+   * Call this method and user will be able to select on the canvas to update selections.
+   */
+  enableSelectionChanging() {
+    return this._disableSelectionChanging(), this._eventDisposables = this._initCanvasEventListeners(), toDisposable(() => this._disableSelectionChanging());
+  }
+  _disableSelectionChanging() {
+    var _a11;
+    (_a11 = this._eventDisposables) == null || _a11.dispose(), this._eventDisposables = null;
+  }
+  _initCanvasEventListeners() {
+    const sheetObject = this._getSheetObject(), { spreadsheetRowHeader, spreadsheetColumnHeader, spreadsheet, spreadsheetLeftTopPlaceholder } = sheetObject, { scene } = this._context, listenerDisposables = new DisposableCollection();
+    return listenerDisposables.add(spreadsheet == null ? void 0 : spreadsheet.onPointerDown$.subscribeEvent((evt, state) => {
+      this._onPointerDown(evt, spreadsheet.zIndex + 1, RANGE_TYPE.NORMAL, this._getActiveViewport(evt)), evt.button !== 2 && state.stopPropagation();
+    })), listenerDisposables.add(
+      spreadsheetRowHeader == null ? void 0 : spreadsheetRowHeader.onPointerDown$.subscribeEvent((evt, state) => {
+        const skeleton = this._sheetSkeletonManagerService.getCurrent().skeleton, { row } = getCoordByOffset(evt.offsetX, evt.offsetY, scene, skeleton);
+        checkInHeaderRanges(this._workbookSelections.getCurrentSelections(), row, RANGE_TYPE.ROW) || (this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, RANGE_TYPE.ROW, this._getActiveViewport(evt), ScrollTimerType.Y), evt.button !== 2 && state.stopPropagation());
+      })
+    ), listenerDisposables.add(spreadsheetColumnHeader == null ? void 0 : spreadsheetColumnHeader.onPointerDown$.subscribeEvent((evt, state) => {
+      const skeleton = this._sheetSkeletonManagerService.getCurrent().skeleton, { column } = getCoordByOffset(evt.offsetX, evt.offsetY, scene, skeleton);
+      checkInHeaderRanges(this._workbookSelections.getCurrentSelections(), column, RANGE_TYPE.COLUMN) || (this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, RANGE_TYPE.COLUMN, this._getActiveViewport(evt), ScrollTimerType.X), evt.button !== 2 && state.stopPropagation());
+    })), listenerDisposables.add(spreadsheetLeftTopPlaceholder == null ? void 0 : spreadsheetLeftTopPlaceholder.onPointerDown$.subscribeEvent((evt, state) => {
+      this._reset();
+      const skeleton = this._sheetSkeletonManagerService.getCurrent().skeleton, selectionWithStyle = getAllSelection(skeleton), selectionData = this.attachSelectionWithCoord(selectionWithStyle);
+      this._addSelectionControlBySelectionData(selectionData), this._selectionMoveStart$.next(this.getSelectionDataWithStyle());
+      const dispose = scene.onPointerUp$.subscribeEvent(() => {
+        dispose.unsubscribe(), this._selectionMoveEnd$.next(this.getSelectionDataWithStyle());
+      });
+      evt.button !== 2 && state.stopPropagation();
+    })), listenerDisposables;
+  }
+  /**
+   * Update selectionModel in this._workbookSelections by user action in spreadsheet area.
+   */
+  _initUserActionSyncListener() {
+    this.disposeWithMe(this.selectionMoveStart$.subscribe((selectionDataWithStyle) => {
+      this._updateSelections(selectionDataWithStyle, SelectionMoveType.MOVE_START);
+    })), this.disposeWithMe(this.selectionMoving$.subscribe((selectionDataWithStyle) => {
+      this._updateSelections(selectionDataWithStyle, SelectionMoveType.MOVING);
+    })), this.disposeWithMe(this.selectionMoveEnd$.subscribe((selectionDataWithStyle) => {
+      this._updateSelections(selectionDataWithStyle, SelectionMoveType.MOVE_END);
+    }));
+  }
+  _updateSelections(selectionDataWithStyleList, type) {
+    const sheetId = this._context.unit.getActiveSheet().getSheetId();
+    selectionDataWithStyleList.length !== 0 && this._workbookSelections.setSelections(
+      sheetId,
+      selectionDataWithStyleList.map((selectionDataWithStyle) => convertSelectionDataToRange(selectionDataWithStyle)),
+      type
+    );
+  }
+  _initSelectionChangeListener() {
+    this.disposeWithMe(merge(this._workbookSelections.selectionMoveEnd$, this._workbookSelections.selectionSet$).subscribe((selectionsWithStyles) => {
+      this._reset();
+      for (const selectionWithStyle of selectionsWithStyles) {
+        const selectionData = this.attachSelectionWithCoord(selectionWithStyle);
+        this._addSelectionControlBySelectionData(selectionData);
+      }
+    }));
+  }
+  _initSkeletonChangeListener() {
+    this.disposeWithMe(this._sheetSkeletonManagerService.currentSkeleton$.subscribe((param) => {
+      if (!param)
+        return;
+      const { skeleton } = param, { scene } = this._context, viewportMain = scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
+      this._skeleton && this._skeleton.worksheet.getSheetId() !== skeleton.worksheet.getSheetId() && this._reset(), this._changeRuntime(skeleton, scene, viewportMain);
+      const currentSelections = this._workbookSelections.getCurrentSelections();
+      this._refreshSelectionControl(currentSelections || []);
+    }));
+  }
+  _refreshSelectionControl(selectionsData) {
+    const selections = selectionsData.map((selectionWithStyle) => attachSelectionWithCoord(selectionWithStyle, this._skeleton));
+    this.updateControlForCurrentByRangeData(selections);
+  }
+  _getActiveViewport(evt) {
+    const sheetObject = this._getSheetObject();
+    return sheetObject == null ? void 0 : sheetObject.scene.getActiveViewportByCoord(Vector2.FromArray([evt.offsetX, evt.offsetY]));
+  }
+  _getSheetObject() {
+    return getSheetObject(this._context.unit, this._context);
+  }
+}, __name(_a2, "RefSelectionsRenderService"), _a2);
+RefSelectionsRenderService = __decorateClass$8([
+  __decorateParam$8(1, Inject(Injector)),
+  __decorateParam$8(2, Inject(ThemeService)),
+  __decorateParam$8(3, IShortcutService),
+  __decorateParam$8(4, Inject(SheetSkeletonManagerService)),
+  __decorateParam$8(5, IRefSelectionsService)
+], RefSelectionsRenderService);
+function getDefaultRefSelectionStyle(themeService) {
+  const style = getNormalSelectionStyle(themeService);
+  return style.hasAutoFill = !1, style.hasRowHeader = !1, style.hasColumnHeader = !1, style.widgets = { tl: !0, tc: !0, tr: !0, ml: !0, mr: !0, bl: !0, bc: !0, br: !0 }, style;
+}
+__name(getDefaultRefSelectionStyle, "getDefaultRefSelectionStyle");
+const useEditorInput = /* @__PURE__ */ __name((unitId, rangeString, editor) => {
+  const render2 = useDependency(IRenderManagerService).getRenderById(unitId), refSelectionsRenderService = render2 == null ? void 0 : render2.with(RefSelectionsRenderService);
+  useEffect(() => {
+    if (editor && refSelectionsRenderService) {
+      const d = editor.input$.subscribe((e) => {
+        e.content === matchToken.COMMA ? refSelectionsRenderService.setSkipLastEnabled(!0) : refSelectionsRenderService.setSkipLastEnabled(!1);
+      });
+      return () => {
+        d.unsubscribe();
+      };
+    }
+  }, [editor, refSelectionsRenderService]), useEffect(() => {
+    refSelectionsRenderService && (rangeString.endsWith(matchToken.COMMA) || refSelectionsRenderService.setSkipLastEnabled(!1));
+  }, [rangeString, refSelectionsRenderService]);
+}, "useEditorInput"), useFormulaToken = /* @__PURE__ */ __name((text) => {
+  const lexerTreeBuilder = useDependency(LexerTreeBuilder), [sequenceNodes, sequenceNodesSet] = useState([]);
+  return useEffect(() => {
+    var _a11;
+    sequenceNodesSet((_a11 = lexerTreeBuilder.sequenceNodesBuilder(text)) != null ? _a11 : []);
+  }, [text]), {
+    sequenceNodes,
+    sequenceNodesSet
+  };
+}, "useFormulaToken");
+function useSheetHighlight(isNeed, unitId, subUnitId, refSelections) {
+  const univerInstanceService = useDependency(IUniverInstanceService), themeService = useDependency(ThemeService), refSelectionsService = useDependency(IRefSelectionsService), render2 = useDependency(IRenderManagerService).getRenderById(unitId), refSelectionsRenderService = render2 == null ? void 0 : render2.with(RefSelectionsRenderService), sheetSkeletonManagerService = render2 == null ? void 0 : render2.with(SheetSkeletonManagerService), [ranges, rangesSet] = useState([]);
+  useEffect(() => {
+    const workbook = univerInstanceService.getUnit(unitId), worksheet = workbook == null ? void 0 : workbook.getActiveSheet(), selectionWithStyle = [];
+    if (!workbook || !worksheet || !isNeed) {
+      rangesSet(selectionWithStyle);
+      return;
+    }
+    const currentSheetId = worksheet == null ? void 0 : worksheet.getSheetId(), getSheetIdByName = /* @__PURE__ */ __name((name) => {
+      var _a11;
+      return (_a11 = workbook == null ? void 0 : workbook.getSheetBySheetName(name)) == null ? void 0 : _a11.getSheetId();
+    }, "getSheetIdByName");
+    for (let i = 0, len = refSelections.length; i < len; i++) {
+      const refSelection = refSelections[i], { themeColor, token, refIndex } = refSelection, unitRangeName = deserializeRangeWithSheet(token), { unitId: refUnitId, sheetName, range: rawRange } = unitRangeName;
+      if (refUnitId && unitId !== refUnitId)
+        continue;
+      const refSheetId = getSheetIdByName(sheetName);
+      if (refSheetId && refSheetId !== currentSheetId)
+        continue;
+      const range = setEndForRange(rawRange, worksheet.getRowCount(), worksheet.getColumnCount());
+      selectionWithStyle.push({
+        range,
+        primary: void 0,
+        style: getFormulaRefSelectionStyle$1(themeService, themeColor, refIndex.toString())
+      });
+    }
+    rangesSet(selectionWithStyle);
+  }, [unitId, subUnitId, refSelections, isNeed]), useEffect(() => {
+    const skeleton = sheetSkeletonManagerService == null ? void 0 : sheetSkeletonManagerService.getCurrentSkeleton();
+    if (skeleton) {
+      const allControls = (refSelectionsRenderService == null ? void 0 : refSelectionsRenderService.getSelectionControls()) || [];
+      allControls.length === ranges.length ? allControls.forEach((control, index) => {
+        const selection = ranges[index], primaryCell = skeleton.getCellByIndex(selection.range.startRow, selection.range.startColumn);
+        control.updateRange(attachRangeWithCoord(skeleton, selection.range), primaryCell), control.updateStyle(selection.style);
+      }) : refSelectionsService.setSelections(ranges);
+    }
+  }, [ranges, sheetSkeletonManagerService]), useEffect(() => () => {
+    refSelectionsService.setSelections([]);
+  }, []);
+}
+__name(useSheetHighlight, "useSheetHighlight");
+function useDocHight(editorId, sequenceNodes) {
+  const editorService = useDependency(IEditorService), descriptionService = useDependency(IDescriptionService), colorMap = useColor(), [ranges, rangesSet] = useState([]);
+  return useEffect(() => {
+    const editor = editorService.getEditor(editorId);
+    if (!editor)
+      return;
+    const data = editor.getDocumentData();
+    if (!data || !data.body)
+      return;
+    const cloneBody = { dataStream: "", ...data.body };
+    if (sequenceNodes == null || sequenceNodes.length === 0)
+      cloneBody.textRuns = [], cloneBody.dataStream = `\r
+`, rangesSet([]);
+    else {
+      const { textRuns, refSelections } = buildTextRuns(descriptionService, colorMap, sequenceNodes);
+      cloneBody.textRuns = textRuns;
+      const text = sequenceNodes.reduce((pre, cur) => typeof cur == "string" ? `${pre}${cur}` : `${pre}${cur.token}`, "");
+      cloneBody.dataStream = `${text}\r
+`, rangesSet(refSelections);
+    }
+    const selection = editor.getSelectionRanges(), cloneData = { ...data, body: cloneBody };
+    editor.setDocumentData(cloneData, selection);
+  }, [editorId, sequenceNodes, colorMap]), ranges;
+}
+__name(useDocHight, "useDocHight");
+function useColor() {
+  const style = useDependency(ThemeService).getCurrentTheme();
+  return useMemo(() => {
+    const formulaRefColors = [
+      style.loopColor1,
+      style.loopColor2,
+      style.loopColor3,
+      style.loopColor4,
+      style.loopColor5,
+      style.loopColor6,
+      style.loopColor7,
+      style.loopColor8,
+      style.loopColor9,
+      style.loopColor10,
+      style.loopColor11,
+      style.loopColor12
+    ], numberColor = style.hyacinth700, stringColor = style.verdancy800;
+    return { formulaRefColors, numberColor, stringColor };
+  }, [style]);
+}
+__name(useColor, "useColor");
+function buildTextRuns(descriptionService, colorMap, sequenceNodes) {
+  const { formulaRefColors, numberColor, stringColor } = colorMap, textRuns = [], refSelections = [], themeColorMap = /* @__PURE__ */ new Map();
+  let refColorIndex = 0;
+  for (let i = 0, len = sequenceNodes.length; i < len; i++) {
+    const node = sequenceNodes[i];
+    if (typeof node == "string") {
+      const theLastItem = textRuns[textRuns.length - 1], start = theLastItem ? theLastItem.ed : 0, end = start + node.length;
+      textRuns.push({
+        st: start,
+        ed: end
+      });
+      continue;
+    }
+    if (descriptionService.hasDefinedNameDescription(node.token.trim()))
+      continue;
+    const { startIndex, endIndex, nodeType, token } = node;
+    let themeColor = "";
+    if (nodeType === sequenceNodeType.REFERENCE) {
+      if (themeColorMap.has(token))
+        themeColor = themeColorMap.get(token);
+      else {
+        const colorIndex = refColorIndex % formulaRefColors.length;
+        themeColor = formulaRefColors[colorIndex], themeColorMap.set(token, themeColor), refColorIndex++;
+      }
+      refSelections.push({
+        refIndex: i,
+        themeColor,
+        token
+      });
+    } else nodeType === sequenceNodeType.NUMBER ? themeColor = numberColor : (nodeType === sequenceNodeType.STRING || nodeType === sequenceNodeType.ARRAY) && (themeColor = stringColor);
+    themeColor && themeColor.length > 0 && textRuns.push({
+      st: startIndex,
+      ed: endIndex + 1,
+      ts: {
+        cl: {
+          rgb: themeColor
+        }
+      }
+    });
+  }
+  return { textRuns, refSelections };
+}
+__name(buildTextRuns, "buildTextRuns");
+function getFormulaRefSelectionStyle$1(themeService, refColor, id) {
+  const style = themeService.getCurrentTheme(), fill = new ColorKit(refColor).setAlpha(0.05).toRgbString();
+  return {
+    id,
+    strokeWidth: 1,
+    stroke: refColor,
+    fill,
+    widgets: { tl: !0, tc: !0, tr: !0, ml: !0, mr: !0, bl: !0, bc: !0, br: !0 },
+    widgetSize: 6,
+    widgetStrokeWidth: 1,
+    widgetStroke: style.colorWhite,
+    hasAutoFill: !1,
+    hasRowHeader: !1,
+    hasColumnHeader: !1
+  };
+}
+__name(getFormulaRefSelectionStyle$1, "getFormulaRefSelectionStyle$1");
+const useRefactorEffect = /* @__PURE__ */ __name((isNeed, unitId, isOnlyOneRange) => {
+  const renderManagerService = useDependency(IRenderManagerService), univerInstanceService = useDependency(IUniverInstanceService), contextService = useDependency(IContextService), editorBridgeService = useDependency(IEditorBridgeService), sheetsSelectionsService = useDependency(SheetsSelectionsService), contextMenuService = useDependency(IContextMenuService), render2 = renderManagerService.getRenderById(unitId), refSelectionsRenderService = render2 == null ? void 0 : render2.with(RefSelectionsRenderService);
+  useEffect(() => {
+    if (isNeed) {
+      const d1 = refSelectionsRenderService == null ? void 0 : refSelectionsRenderService.enableSelectionChanging();
+      return contextService.setContextValue(DISABLE_NORMAL_SELECTIONS, !0), editorBridgeService.enableForceKeepVisible(), () => {
+        d1 == null || d1.dispose(), contextService.setContextValue(DISABLE_NORMAL_SELECTIONS, !1), editorBridgeService.disableForceKeepVisible();
+      };
+    }
+  }, [isNeed]), useLayoutEffect(() => {
+    if (isNeed) {
+      const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), sheet = workbook == null ? void 0 : workbook.getActiveSheet(), selections = [...sheetsSelectionsService.getCurrentSelections()];
+      return () => {
+        const workbook2 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), currentSheet = workbook2 == null ? void 0 : workbook2.getActiveSheet();
+        currentSheet && currentSheet === sheet && sheetsSelectionsService.setSelections(selections);
+      };
+    }
+  }, [isNeed]), useEffect(() => {
+    if (isNeed)
+      return contextMenuService.disable(), () => {
+        contextMenuService.enable();
+      };
+  }, [isNeed]), useEffect(() => {
+    isNeed && (refSelectionsRenderService == null || refSelectionsRenderService.setSkipLastEnabled(!1));
+  }, [isNeed]), useEffect(() => {
+    isOnlyOneRange ? refSelectionsRenderService == null || refSelectionsRenderService.setRemainLastEnabled(!1) : refSelectionsRenderService == null || refSelectionsRenderService.setRemainLastEnabled(!0);
+  }, [isOnlyOneRange]);
+}, "useRefactorEffect"), useResize = /* @__PURE__ */ __name((editor) => {
+  const resize = /* @__PURE__ */ __name(() => {
+    if (editor) {
+      const { scene, mainComponent } = editor.render, docSkeletonManagerService = editor.render.with(DocSkeletonManagerService), { width, height } = editor.getBoundingClientRect();
+      docSkeletonManagerService.getViewModel().getDataModel().updateDocumentDataPageSize(1 / 0), scene.transformByState({
+        width,
+        height
+      }), mainComponent == null || mainComponent.resize(width, height);
+    }
+  }, "resize"), checkScrollBar = useMemo(() => debounce(() => {
+    var _a11;
+    if (!editor)
+      return;
+    const skeleton = editor.render.with(DocSkeletonManagerService).getSkeleton(), { scene, mainComponent } = editor.render, viewportMain = scene.getViewport(VIEWPORT_KEY.VIEW_MAIN), { actualWidth } = skeleton.getActualSize(), { width, height } = editor.getBoundingClientRect();
+    let scrollBar = viewportMain == null ? void 0 : viewportMain.getScrollBar();
+    const contentWidth = Math.max(actualWidth, width), contentHeight = height;
+    scene.transformByState({
+      width: contentWidth,
+      height: contentHeight
+    }), mainComponent == null || mainComponent.resize(contentWidth, contentHeight), actualWidth > width ? scrollBar == null ? viewportMain && new ScrollBar(viewportMain, { barSize: 8, enableVertical: !1 }) : viewportMain == null || viewportMain.resetCanvasSizeAndUpdateScroll() : (scrollBar = null, viewportMain == null || viewportMain.scrollToBarPos({ x: 0, y: 0 }), (_a11 = viewportMain == null ? void 0 : viewportMain.getScrollBar()) == null || _a11.dispose());
+  }, 30), [editor]);
+  return useEffect(() => {
+    if (editor) {
+      const time = setTimeout(() => {
+        resize(), checkScrollBar();
+      }, 500);
+      return () => {
+        clearTimeout(time);
+      };
+    }
+  }, [editor]), useEffect(() => {
+    if (editor) {
+      const d = editor.input$.subscribe(() => {
+        checkScrollBar();
+      });
+      return () => {
+        d.unsubscribe();
+      };
+    }
+  }, [editor]), { resize, checkScrollBar };
+}, "useResize"), isComma = /* @__PURE__ */ __name((e) => typeof e == "string" ? e === matchToken.COMMA : !1, "isComma"), isReference = /* @__PURE__ */ __name((e) => {
+  if (typeof e == "object")
+    return e.nodeType === sequenceNodeType.REFERENCE;
+}, "isReference"), filterReferenceNode = /* @__PURE__ */ __name((nodes) => nodes.filter((node) => isComma(node) || isReference(node)), "filterReferenceNode"), rangePreProcess = /* @__PURE__ */ __name((range) => {
+  if (range.endColumn < range.startColumn) {
+    const end = range.endColumn;
+    range.endColumn = range.startColumn, range.startColumn = end;
+  }
+  if (range.endRow < range.startRow) {
+    const end = range.endRow;
+    range.endRow = range.startRow, range.startRow = end;
+  }
+  return range;
+}, "rangePreProcess"), sequenceNodeToText = /* @__PURE__ */ __name((sequenceNode) => sequenceNode.map((item) => typeof item == "string" ? item : item.token).join(""), "sequenceNodeToText");
+function getSheetNameById(univerInstanceService, unitId, sheetId) {
+  var _a11, _b;
+  return ((_b = (_a11 = univerInstanceService.getUnit(unitId)) == null ? void 0 : _a11.getSheetBySheetId(sheetId)) == null ? void 0 : _b.getName()) || "";
+}
+__name(getSheetNameById, "getSheetNameById");
+const unitRangesToText = /* @__PURE__ */ __name((ranges, isSupportAcrossSheet = !1) => isSupportAcrossSheet ? ranges.map((item) => item.sheetName !== "" ? serializeRangeWithSheet(item.sheetName, item.range) : serializeRange(item.range)) : ranges.map((item) => serializeRange(item.range)), "unitRangesToText"), useSheetSelectionChange = /* @__PURE__ */ __name((isNeed, unitId, _subUnitId, sequenceNodes, isSupportAcrossSheet, isOnlyOneRange, handleRangeChange) => {
+  const renderManagerService = useDependency(IRenderManagerService), univerInstanceService = useDependency(IUniverInstanceService), isScalingRef = useRef(!1), debounceReset = useMemo(() => debounce(() => {
+    isScalingRef.current = !1;
+  }, 300), []), setIsScaling = /* @__PURE__ */ __name(() => {
+    isScalingRef.current = !0, debounceReset();
+  }, "setIsScaling"), render2 = renderManagerService.getRenderById(unitId), refSelectionsRenderService = render2 == null ? void 0 : render2.with(RefSelectionsRenderService), oldFilterReferenceNodes = useRef([]), filterReferenceNodes = useMemo(() => {
+    const newFilterReferenceNodes = filterReferenceNode(sequenceNodes), old = oldFilterReferenceNodes.current;
+    return newFilterReferenceNodes.length === old.length ? (old.splice(0), old.push(...newFilterReferenceNodes), old) : newFilterReferenceNodes;
+  }, [sequenceNodes]);
+  oldFilterReferenceNodes.current = filterReferenceNodes, useEffect(() => {
+    if (isNeed && refSelectionsRenderService) {
+      let isFirst = !0;
+      const handleSelectionsChange = /* @__PURE__ */ __name((selections) => {
+        var _a11;
+        if (isFirst) {
+          isFirst = !1;
+          return;
+        }
+        const cloneSelectionList = [...selections], workbook = univerInstanceService.getUnit(unitId), currentSheetName = ((_a11 = workbook == null ? void 0 : workbook.getActiveSheet()) == null ? void 0 : _a11.getName()) || "", newSequenceNodes = filterReferenceNodes.map((node, index) => {
+          if (typeof node == "string") {
+            if (!filterReferenceNodes[index - 1])
+              return null;
+            const nextItem = filterReferenceNodes[index + 1];
+            return isComma(node) && (isComma(nextItem) || index === filterReferenceNodes.length - 1) ? null : node;
+          } else if (node.nodeType === sequenceNodeType.REFERENCE) {
+            const unitRange = deserializeRangeWithSheet(node.token);
+            unitRange.unitId = unitRange.unitId === "" ? unitId : unitRange.unitId, unitRange.sheetName = unitRange.sheetName === "" ? currentSheetName : unitRange.sheetName;
+            const { unitId: rangeUnitId, sheetName: rangeSubName } = unitRange;
+            if (isOnlyOneRange && (rangeUnitId !== unitId || currentSheetName !== rangeSubName))
+              return null;
+            if (rangeUnitId === unitId && currentSheetName === rangeSubName) {
+              const currentSelection = cloneSelectionList.shift();
+              if (currentSelection && getSheetNameById(univerInstanceService, unitId, currentSelection.rangeWithCoord.sheetId || "") === rangeSubName) {
+                const cloneNode = { ...node };
+                return rangePreProcess(currentSelection.rangeWithCoord), isSupportAcrossSheet ? cloneNode.token = serializeRangeWithSheet(currentSheetName, currentSelection.rangeWithCoord) : cloneNode.token = serializeRange(currentSelection.rangeWithCoord), cloneNode;
+              }
+            }
+            return node;
+          }
+          return null;
+        }).filter((e) => !!e), theLast = unitRangesToText(
+          cloneSelectionList.map((e) => {
+            var _a12, _b, _c;
+            return {
+              range: e.rangeWithCoord,
+              unitId: (_a12 = e.rangeWithCoord.unitId) != null ? _a12 : "",
+              sheetName: getSheetNameById(univerInstanceService, (_b = e.rangeWithCoord.unitId) != null ? _b : "", (_c = e.rangeWithCoord.sheetId) != null ? _c : "")
+            };
+          }),
+          isSupportAcrossSheet
+        ).join(matchToken.COMMA), thePre = sequenceNodeToText(newSequenceNodes), result = `${thePre}${thePre && theLast ? matchToken.COMMA : ""}${theLast}`, isScaling = isScalingRef.current;
+        handleRangeChange(result, isScaling ? -1 : result.length);
+      }, "handleSelectionsChange"), d1 = refSelectionsRenderService.selectionMoveEnd$.subscribe((selections) => {
+        handleSelectionsChange(selections);
+      }), d2 = refSelectionsRenderService.selectionMoving$.pipe(throttleTime(50)).subscribe((selections) => {
+        handleSelectionsChange(selections);
+      });
+      return () => {
+        d1.unsubscribe(), d2.unsubscribe();
+      };
+    }
+  }, [isNeed, filterReferenceNodes, refSelectionsRenderService, isSupportAcrossSheet, isOnlyOneRange]), useEffect(() => {
+    if (isNeed && refSelectionsRenderService) {
+      const disposableCollection = new DisposableCollection(), handleSequenceNodeReplace = /* @__PURE__ */ __name((token, index) => {
+        var _a11;
+        let currentIndex = 0, offset = 0, isFinish = !1;
+        const workbook = univerInstanceService.getUnit(unitId), currentSheetName = ((_a11 = workbook == null ? void 0 : workbook.getActiveSheet()) == null ? void 0 : _a11.getName()) || "", newSequenceNodes = filterReferenceNodes.map((node) => {
+          if (typeof node == "string")
+            return isFinish || (offset += node.length), node;
+          if (node.nodeType === sequenceNodeType.REFERENCE) {
+            isFinish || (offset += node.token.length);
+            const unitRange = deserializeRangeWithSheet(token);
+            if (unitRange.unitId = unitRange.unitId === "" ? unitId : unitRange.unitId, unitRange.sheetName = unitRange.sheetName === "" ? currentSheetName : unitRange.sheetName, currentIndex === index) {
+              isFinish = !0;
+              const cloneNode = { ...node, token };
+              return isSupportAcrossSheet ? cloneNode.token = serializeRangeWithSheet(unitRange.sheetName, unitRange.range) : cloneNode.token = serializeRange(unitRange.range), currentIndex++, cloneNode;
+            }
+            return currentIndex++, node;
+          }
+          return node;
+        }), result = sequenceNodeToText(newSequenceNodes);
+        handleRangeChange(result, offset || -1);
+      }, "handleSequenceNodeReplace");
+      let time = 0;
+      const dispose = refSelectionsRenderService.selectionMoveEnd$.subscribe(() => {
+        time = setTimeout(() => {
+          refSelectionsRenderService.getSelectionControls().forEach((control, index) => {
+            disposableCollection.add(control.selectionScaling$.subscribe((e) => {
+              const rangeText = serializeRange(e);
+              handleSequenceNodeReplace(rangeText, index), setIsScaling();
+            })), disposableCollection.add(control.selectionMoving$.pipe(map((e) => serializeRange(e)), distinctUntilChanged()).subscribe((rangeText) => {
+              handleSequenceNodeReplace(rangeText, index), setIsScaling();
+            }));
+          });
+        }, 30);
+      });
+      return () => {
+        dispose.unsubscribe(), disposableCollection.dispose(), clearTimeout(time);
+      };
+    }
+  }, [isNeed, refSelectionsRenderService, filterReferenceNodes]);
+}, "useSheetSelectionChange"), verifyRange = /* @__PURE__ */ __name((sequenceNodes) => !sequenceNodes.some((item) => {
+  if (typeof item == "string") {
+    if (item !== matchToken.COMMA)
+      return !0;
+  } else if (item.nodeType !== sequenceNodeType.REFERENCE)
+    return !0;
+  return !1;
+}), "verifyRange"), useVerify = /* @__PURE__ */ __name((onVerify, sequenceNodes) => {
+  const isInitRender = useRef(!0);
+  useEffect(() => {
+    const time = setTimeout(() => {
+      isInitRender.current = !1;
+    }, 500);
+    return () => {
+      clearTimeout(time);
+    };
+  }), useEffect(() => {
+    if (!isInitRender.current && onVerify) {
+      const result = verifyRange(sequenceNodes);
+      onVerify(result, sequenceNodeToText(sequenceNodes));
+    }
+  }, [sequenceNodes, onVerify]);
+}, "useVerify"), sheetRangeSelectorTextWrap = "univer-sheet-range-selector-text-wrap", sheetRangeSelectorPlaceholder = "univer-sheet-range-selector-placeholder", sheetRangeSelectorError = "univer-sheet-range-selector-error", sheetRangeSelectorErrorWrap = "univer-sheet-range-selector-error-wrap", sheetRangeSelectorText = "univer-sheet-range-selector-text", sheetRangeSelectorActive = "univer-sheet-range-selector-active", sheetRangeSelectorIcon = "univer-sheet-range-selector-icon", sheetRangeSelectorDialogItem = "univer-sheet-range-selector-dialog-item", sheetRangeSelectorDialogItemDelete = "univer-sheet-range-selector-dialog-item-delete", styles$6 = {
+  sheetRangeSelectorTextWrap,
+  sheetRangeSelectorPlaceholder,
+  sheetRangeSelectorError,
+  sheetRangeSelectorErrorWrap,
+  sheetRangeSelectorText,
+  sheetRangeSelectorActive,
+  sheetRangeSelectorIcon,
+  sheetRangeSelectorDialogItem,
+  sheetRangeSelectorDialogItemDelete
+}, noopFunction = /* @__PURE__ */ __name(() => {
+}, "noopFunction");
+function RangeSelector(props) {
+  const {
+    initValue,
+    unitId,
+    subUnitId,
+    errorText,
+    placeholder,
+    actions,
+    onChange = noopFunction,
+    onVerify = noopFunction,
+    onRangeSelectorDialogVisibleChange = noopFunction,
+    onBlur = noopFunction,
+    isFocus: _isFocus = !0,
+    isOnlyOneRange = !1,
+    isSupportAcrossSheet = !1
+  } = props, editorService = useDependency(IEditorService), localeService = useDependency(LocaleService), commandService = useDependency(ICommandService), lexerTreeBuilder = useDependency(LexerTreeBuilder), rangeSelectorWrapRef = useRef(null), [rangeDialogVisible, rangeDialogVisibleSet] = useState(!1), [isFocus, isFocusSet] = useState(_isFocus), editorId = useMemo(() => createInternalEditorID(`${RANGE_SELECTOR_SYMBOLS}-${generateRandomId(4)}`), []), [editor, editorSet] = useState(), containerRef = useRef(null), [rangeString, rangeStringSet] = useState(() => typeof initValue == "string" ? initValue : unitRangesToText(initValue, isSupportAcrossSheet).join(matchToken.COMMA));
+  actions && (actions.handleOutClick = (e, cb) => {
+    if (rangeSelectorWrapRef.current) {
+      const isContain = rangeSelectorWrapRef.current.contains(e.target);
+      cb(isContain);
+    }
+  });
+  const ranges = useMemo(() => rangeString.split(matchToken.COMMA).filter((e) => !!e).map((text) => deserializeRangeWithSheet(text)), [rangeString]), isError = useMemo(() => errorText !== void 0, [errorText]), handleInputDebounce = useMemo(() => debounce((text) => {
+    const nodes = lexerTreeBuilder.sequenceNodesBuilder(text);
+    if (nodes) {
+      if (verifyRange(nodes)) {
+        const preNodes = nodes.map((node) => {
+          if (typeof node == "string")
+            return node;
+          if (node.nodeType === sequenceNodeType.REFERENCE) {
+            const unitRange = deserializeRangeWithSheet(node.token);
+            unitRange.range = rangePreProcess(unitRange.range), isSupportAcrossSheet || (unitRange.sheetName = "", unitRange.unitId = ""), node.token = unitRangesToText([unitRange], isSupportAcrossSheet)[0];
+          }
+          return node;
+        }), result = sequenceNodeToText(preNodes);
+        onChange(result);
+      }
+    } else
+      rangeStringSet("");
+  }, 30), [isSupportAcrossSheet]), handleConfirm = /* @__PURE__ */ __name((ranges2) => {
+    const text = unitRangesToText(ranges2, isSupportAcrossSheet).join(matchToken.COMMA);
+    rangeStringSet(text), onChange(text), rangeDialogVisibleSet(!1), onRangeSelectorDialogVisibleChange(!1);
+  }, "handleConfirm"), handleClose = /* @__PURE__ */ __name(() => {
+    rangeDialogVisibleSet(!1), onRangeSelectorDialogVisibleChange(!1);
+  }, "handleClose"), handleOpenModal = /* @__PURE__ */ __name(() => {
+    isError || (rangeDialogVisibleSet(!0), onRangeSelectorDialogVisibleChange(!0));
+  }, "handleOpenModal"), focus = useMemo(() => {
+    let time = 0;
+    return () => {
+      clearTimeout(time), editor && (time = setTimeout(() => {
+        editor.focus();
+      }, 30));
+    };
+  }, [editor]), { checkScrollBar } = useResize(editor), handleSheetSelectionChange = useMemo(() => (text, offset) => {
+    rangeStringSet(text), onChange(text), focus(), offset !== -1 && setTimeout(() => {
+      const range = { startOffset: offset, endOffset: offset };
+      editor == null || editor.setSelectionRanges([range]);
+      const docBackScrollRenderController = editor == null ? void 0 : editor.render.with(DocBackScrollRenderController);
+      docBackScrollRenderController == null || docBackScrollRenderController.scrollToRange({ ...range, collapsed: !0 });
+    }, 50), checkScrollBar();
+  }, [editor]), { sequenceNodes, sequenceNodesSet } = useFormulaToken(rangeString), sheetHighlightRanges = useDocHight(editorId, sequenceNodes);
+  return useSheetHighlight(!rangeDialogVisible && isFocus, unitId, subUnitId, sheetHighlightRanges), useSheetSelectionChange(!rangeDialogVisible && isFocus, unitId, subUnitId, sequenceNodes, isSupportAcrossSheet, isOnlyOneRange, handleSheetSelectionChange), useRefactorEffect(!rangeDialogVisible && isFocus, unitId, isOnlyOneRange), useEditorInput(unitId, rangeString, editor), useVerify(onVerify, sequenceNodes), useEffect(() => {
+    if (editor) {
+      const dispose = editor.input$.subscribe((e) => {
+        var _a11, _b;
+        const text = ((_b = (_a11 = e.data.body) == null ? void 0 : _a11.dataStream) != null ? _b : "").replaceAll(/\n|\r/g, "").replaceAll(/,{2,}/g, ",").replaceAll(/(^,)/g, "");
+        rangeStringSet(text), handleInputDebounce(text);
+      });
+      return () => {
+        dispose.unsubscribe();
+      };
+    }
+  }, [editor]), useEffect(() => {
+    const d1 = commandService.beforeCommandExecuted((info) => {
+      info.id === SetWorksheetActiveOperation.id && (isFocusSet(!1), onBlur(), sequenceNodesSet((pre) => [...pre]));
+    }), d2 = commandService.onCommandExecuted((info) => {
+      info.id === SetCellEditVisibleOperation.id && (rangeDialogVisibleSet(!1), onRangeSelectorDialogVisibleChange(!1), isFocusSet(!1), onBlur());
+    });
+    return () => {
+      d1.dispose(), d2.dispose();
+    };
+  }, []), useEffect(() => {
+    isFocusSet(_isFocus);
+  }, [_isFocus]), useEffect(() => {
+    if (editor && rangeDialogVisible) {
+      editor.blur();
+      const d = editor.focus$.subscribe(() => {
+        editor.blur();
+      });
+      return () => {
+        d.unsubscribe();
+      };
+    }
+  }, [editor, rangeDialogVisible]), useLayoutEffect(() => {
+    let dispose;
+    if (containerRef.current) {
+      dispose = editorService.register({
+        autofocus: !0,
+        editorUnitId: editorId,
+        isSingle: !0,
+        initialSnapshot: {
+          id: editorId,
+          body: { dataStream: `\r
+` },
+          documentStyle: {}
+        }
+      }, containerRef.current);
+      const editor2 = editorService.getEditor(editorId);
+      editorSet(editor2);
+    }
+    return () => {
+      dispose == null || dispose.dispose();
+    };
+  }, [containerRef.current]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$6.sheetRangeSelector, ref: rangeSelectorWrapRef, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: clsx(styles$6.sheetRangeSelectorTextWrap, {
+          [styles$6.sheetRangeSelectorActive]: isFocus && !isError,
+          [styles$6.sheetRangeSelectorError]: isError
+        }),
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6.sheetRangeSelectorText, ref: containerRef }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, { title: localeService.t("rangeSelector.buttonTooltip"), placement: "bottom", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectRangeSingle, { className: styles$6.sheetRangeSelectorIcon, onClick: handleOpenModal }) }),
+          errorText !== void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6.sheetRangeSelectorErrorWrap, children: errorText }) : null,
+          placeholder !== void 0 && !rangeString ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6.sheetRangeSelectorPlaceholder, children: placeholder }) : null
+        ]
+      }
+    ),
+    rangeDialogVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      RangeSelectorDialog,
+      {
+        handleConfirm,
+        handleClose,
+        unitId,
+        subUnitId,
+        initValue: ranges,
+        visible: rangeDialogVisible,
+        isOnlyOneRange,
+        isSupportAcrossSheet
+      }
+    )
+  ] });
+}
+__name(RangeSelector, "RangeSelector");
+function RangeSelectorDialog(props) {
+  const { handleConfirm, handleClose: _handleClose, visible, initValue, unitId, subUnitId, isOnlyOneRange, isSupportAcrossSheet } = props, localeService = useDependency(LocaleService), descriptionService = useDependency(IDescriptionService), lexerTreeBuilder = useDependency(LexerTreeBuilder), render2 = useDependency(IRenderManagerService).getRenderById(unitId), refSelectionsRenderService = render2 == null ? void 0 : render2.with(RefSelectionsRenderService), [ranges, rangesSet] = useState(() => {
+    if (isOnlyOneRange) {
+      const firstRange = initValue[0];
+      return firstRange ? unitRangesToText([firstRange], isSupportAcrossSheet) : [""];
+    }
+    return unitRangesToText(initValue, isSupportAcrossSheet);
+  }), [focusIndex, focusIndexSet] = useState(() => ranges.length - 1), colorMap = useColor(), rangeText = useMemo(() => ranges.join(matchToken.COMMA), [ranges]), { sequenceNodes, sequenceNodesSet } = useFormulaToken(rangeText), refSelections = useMemo(() => buildTextRuns(descriptionService, colorMap, sequenceNodes).refSelections, [sequenceNodes]), handleClose = /* @__PURE__ */ __name(() => {
+    sequenceNodesSet([]), setTimeout(() => {
+      _handleClose();
+    }, 30);
+  }, "handleClose"), handleRangeInput = /* @__PURE__ */ __name((index, value) => {
+    value ? refSelectionsRenderService == null || refSelectionsRenderService.setSkipLastEnabled(!1) : refSelectionsRenderService == null || refSelectionsRenderService.setSkipLastEnabled(!0), rangesSet((v) => {
+      const result = [...v];
+      return result[index] = value, result;
+    });
+  }, "handleRangeInput"), handleRangeRemove = /* @__PURE__ */ __name((index) => {
+    refSelectionsRenderService == null || refSelectionsRenderService.setSkipLastEnabled(!1), rangesSet((v) => {
+      if (v.length === 1)
+        return v;
+      const result = [];
+      return v.forEach((r2, i) => {
+        index !== i && result.push(r2);
+      }), result;
+    });
+  }, "handleRangeRemove"), handleRangeAdd = /* @__PURE__ */ __name(() => {
+    refSelectionsRenderService == null || refSelectionsRenderService.setSkipLastEnabled(!0), rangesSet((v) => (v.push(""), focusIndexSet(v.length - 1), [...v]));
+  }, "handleRangeAdd"), handleSheetSelectionChange = useCallback((rangeText2) => {
+    var _a11;
+    refSelectionsRenderService == null || refSelectionsRenderService.setSkipLastEnabled(!1);
+    const ranges2 = rangeText2.split(matchToken.COMMA).filter((e) => !!e);
+    rangesSet(isOnlyOneRange ? [(_a11 = ranges2[0]) != null ? _a11 : ""] : ranges2);
+  }, [focusIndex, isOnlyOneRange]);
+  return useSheetHighlight(visible, unitId, subUnitId, refSelections), useSheetSelectionChange(focusIndex >= 0, unitId, subUnitId, sequenceNodes, isSupportAcrossSheet, isOnlyOneRange, handleSheetSelectionChange), useRefactorEffect(focusIndex >= 0, unitId, isOnlyOneRange), useEffect(() => {
+    (ranges.length === 0 || ranges.length === 1 && !ranges[0]) && (refSelectionsRenderService == null || refSelectionsRenderService.setSkipLastEnabled(!0));
+  }, [ranges]), /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Dialog,
+    {
+      width: "328px",
+      visible,
+      title: localeService.t("rangeSelector.title"),
+      draggable: !0,
+      closeIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseSingle, {}),
+      footer: /* @__PURE__ */ jsxRuntimeExports.jsxs("footer", { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: handleClose, children: localeService.t("rangeSelector.cancel") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            style: { marginLeft: 10 },
+            onClick: /* @__PURE__ */ __name(() => handleConfirm(ranges.filter((text) => {
+              const nodes = lexerTreeBuilder.sequenceNodesBuilder(text);
+              return nodes && nodes.length === 1 && typeof nodes[0] != "string" && nodes[0].nodeType === sequenceNodeType.REFERENCE;
+            }).map((text) => deserializeRangeWithSheet(text)).map((unitRange) => ({ ...unitRange, range: rangePreProcess(unitRange.range) }))), "onClick"),
+            type: "primary",
+            children: localeService.t("rangeSelector.confirm")
+          }
+        )
+      ] }),
+      onClose: handleClose,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$6.sheetRangeSelectorDialog, children: [
+        ranges.map((text, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$6.sheetRangeSelectorDialogItem, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Input,
+            {
+              affixWrapperStyle: { width: "100%" },
+              placeholder: localeService.t("rangeSelector.placeHolder"),
+              onFocus: /* @__PURE__ */ __name(() => focusIndexSet(index), "onFocus"),
+              value: text,
+              onChange: /* @__PURE__ */ __name((value) => handleRangeInput(index, value), "onChange")
+            },
+            `input_${index}`
+          ),
+          ranges.length > 1 && !isOnlyOneRange && /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteSingle, { className: styles$6.sheetRangeSelectorDialogItemDelete, onClick: /* @__PURE__ */ __name(() => handleRangeRemove(index), "onClick") })
+        ] }, index)),
+        !isOnlyOneRange && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Button, { type: "link", size: "small", onClick: handleRangeAdd, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(IncreaseSingle, {}),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: localeService.t("rangeSelector.addAnotherRange") })
+        ] }) })
+      ] })
+    }
+  );
+}
+__name(RangeSelectorDialog, "RangeSelectorDialog");
+const PLUGIN_CONFIG_KEY_BASE = "sheets-formula.base.config", defaultPluginBaseConfig = {};
 function whenEditorStandalone(contextService) {
   return contextService.getContextValue(FOCUSING_DOC) && contextService.getContextValue(FOCUSING_UNIVER_EDITOR) && contextService.getContextValue(FOCUSING_UNIVER_EDITOR_STANDALONE_SINGLE_MODE);
 }
@@ -351,11 +1244,11 @@ function extractFormulaError(cell) {
   return (isFormulaString(cell == null ? void 0 : cell.f) || isFormulaId(cell == null ? void 0 : cell.si)) && typeof (cell == null ? void 0 : cell.v) == "string" && ERROR_TYPE_SET.has(cell.v) ? cell.v : null;
 }
 __name(extractFormulaError, "extractFormulaError");
-var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$8(target, key, result), result;
-}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8");
+  return kind && result && __defProp$7(target, key, result), result;
+}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7");
 const ALERT_KEY = "SHEET_FORMULA_ALERT", ErrorTypeToMessageMap = {
   [ErrorType.DIV_BY_ZERO]: "divByZero",
   [ErrorType.NAME]: "name",
@@ -370,8 +1263,8 @@ const ALERT_KEY = "SHEET_FORMULA_ALERT", ErrorTypeToMessageMap = {
   [ErrorType.CONNECT]: "connect",
   [ErrorType.NULL]: "null"
 };
-var _a2;
-let FormulaAlertRenderController = (_a2 = class extends Disposable {
+var _a3;
+let FormulaAlertRenderController = (_a3 = class extends Disposable {
   constructor(_context, _hoverManagerService, _cellAlertManagerService, _localeService, _zenZoneService) {
     super(), this._context = _context, this._hoverManagerService = _hoverManagerService, this._cellAlertManagerService = _cellAlertManagerService, this._localeService = _localeService, this._zenZoneService = _zenZoneService, this._init();
   }
@@ -412,19 +1305,19 @@ let FormulaAlertRenderController = (_a2 = class extends Disposable {
       visible && this._cellAlertManagerService.removeAlert(ALERT_KEY);
     }));
   }
-}, __name(_a2, "FormulaAlertRenderController"), _a2);
-FormulaAlertRenderController = __decorateClass$8([
-  __decorateParam$8(1, Inject(HoverManagerService)),
-  __decorateParam$8(2, Inject(CellAlertManagerService)),
-  __decorateParam$8(3, Inject(LocaleService)),
-  __decorateParam$8(4, IZenZoneService)
+}, __name(_a3, "FormulaAlertRenderController"), _a3);
+FormulaAlertRenderController = __decorateClass$7([
+  __decorateParam$7(1, Inject(HoverManagerService)),
+  __decorateParam$7(2, Inject(CellAlertManagerService)),
+  __decorateParam$7(3, Inject(LocaleService)),
+  __decorateParam$7(4, IZenZoneService)
 ], FormulaAlertRenderController);
-var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$7(target, key, result), result;
-}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a3;
-let FormulaAutoFillController = (_a3 = class extends Disposable {
+  return kind && result && __defProp$6(target, key, result), result;
+}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a4;
+let FormulaAutoFillController = (_a4 = class extends Disposable {
   constructor(_autoFillService, _lexerTreeBuilder) {
     super(), this._autoFillService = _autoFillService, this._lexerTreeBuilder = _lexerTreeBuilder, this._registerAutoFill();
   }
@@ -471,10 +1364,10 @@ let FormulaAutoFillController = (_a3 = class extends Disposable {
     }
     return applyData;
   }
-}, __name(_a3, "FormulaAutoFillController"), _a3);
-FormulaAutoFillController = __decorateClass$7([
-  __decorateParam$7(0, IAutoFillService),
-  __decorateParam$7(1, Inject(LexerTreeBuilder))
+}, __name(_a4, "FormulaAutoFillController"), _a4);
+FormulaAutoFillController = __decorateClass$6([
+  __decorateParam$6(0, IAutoFillService),
+  __decorateParam$6(1, Inject(LexerTreeBuilder))
 ], FormulaAutoFillController);
 function directionToOffset(step, direction) {
   let offsetX = 0, offsetY = 0;
@@ -504,14 +1397,14 @@ function getDataLength(copyDataPiece) {
   return length;
 }
 __name(getDataLength, "getDataLength");
-var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$6(target, key, result), result;
-}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6");
+  return kind && result && __defProp$5(target, key, result), result;
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5");
 const DEFAULT_PASTE_FORMULA = "default-paste-formula";
-var _a4;
-let FormulaClipboardController = (_a4 = class extends Disposable {
+var _a5;
+let FormulaClipboardController = (_a5 = class extends Disposable {
   constructor(_currentUniverSheet, _lexerTreeBuilder, _sheetClipboardService, _injector, _formulaDataModel) {
     super(), this._currentUniverSheet = _currentUniverSheet, this._lexerTreeBuilder = _lexerTreeBuilder, this._sheetClipboardService = _sheetClipboardService, this._injector = _injector, this._formulaDataModel = _formulaDataModel, this._initialize();
   }
@@ -567,13 +1460,13 @@ let FormulaClipboardController = (_a4 = class extends Disposable {
       pasteFrom
     ));
   }
-}, __name(_a4, "FormulaClipboardController"), _a4);
-FormulaClipboardController = __decorateClass$6([
-  __decorateParam$6(0, IUniverInstanceService),
-  __decorateParam$6(1, Inject(LexerTreeBuilder)),
-  __decorateParam$6(2, ISheetClipboardService),
-  __decorateParam$6(3, Inject(Injector)),
-  __decorateParam$6(4, Inject(FormulaDataModel))
+}, __name(_a5, "FormulaClipboardController"), _a5);
+FormulaClipboardController = __decorateClass$5([
+  __decorateParam$5(0, IUniverInstanceService),
+  __decorateParam$5(1, Inject(LexerTreeBuilder)),
+  __decorateParam$5(2, ISheetClipboardService),
+  __decorateParam$5(3, Inject(Injector)),
+  __decorateParam$5(4, Inject(FormulaDataModel))
 ], FormulaClipboardController);
 function getSetCellFormulaMutations(unitId, subUnitId, range, matrix, accessor, copyInfo, lexerTreeBuilder, formulaDataModel, isSpecialPaste = !1, pasteFrom) {
   const redoMutationsInfo = [], undoMutationsInfo = [], valueMatrix = getValueMatrix(unitId, subUnitId, range, matrix, copyInfo, lexerTreeBuilder, formulaDataModel, pasteFrom), setValuesMutation = {
@@ -713,12 +1606,12 @@ function getCellRichText(cell) {
   }
 }
 __name(getCellRichText, "getCellRichText");
-var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a5;
-let FormulaEditorShowController = (_a5 = class extends Disposable {
+  return kind && result && __defProp$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a6;
+let FormulaEditorShowController = (_a6 = class extends Disposable {
   constructor(_context, _editorBridgeService, _formulaDataModel, _themeService, _renderManagerService, _sheetSkeletonManagerService, _commandService, _logService) {
     super();
     __publicField(this, "_previousShape");
@@ -860,29 +1753,29 @@ let FormulaEditorShowController = (_a5 = class extends Disposable {
       }
     }
   }
-}, __name(_a5, "FormulaEditorShowController"), _a5);
-FormulaEditorShowController = __decorateClass$5([
-  __decorateParam$5(1, Inject(IEditorBridgeService)),
-  __decorateParam$5(2, Inject(FormulaDataModel)),
-  __decorateParam$5(3, Inject(ThemeService)),
-  __decorateParam$5(4, IRenderManagerService),
-  __decorateParam$5(5, Inject(SheetSkeletonManagerService)),
-  __decorateParam$5(6, ICommandService),
-  __decorateParam$5(7, ILogService)
+}, __name(_a6, "FormulaEditorShowController"), _a6);
+FormulaEditorShowController = __decorateClass$4([
+  __decorateParam$4(1, Inject(IEditorBridgeService)),
+  __decorateParam$4(2, Inject(FormulaDataModel)),
+  __decorateParam$4(3, Inject(ThemeService)),
+  __decorateParam$4(4, IRenderManagerService),
+  __decorateParam$4(5, Inject(SheetSkeletonManagerService)),
+  __decorateParam$4(6, ICommandService),
+  __decorateParam$4(7, ILogService)
 ], FormulaEditorShowController);
-var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$4(target, key, result), result;
-}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4");
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3");
 const FORMULA_ERROR_MARK = {
   tl: {
     size: 6,
     color: "#409f11"
   }
 };
-var _a6;
-let FormulaRenderManagerController = (_a6 = class extends RxDisposable {
+var _a7;
+let FormulaRenderManagerController = (_a7 = class extends RxDisposable {
   constructor(_sheetInterceptorService) {
     super(), this._sheetInterceptorService = _sheetInterceptorService, this.disposeWithMe(this._sheetInterceptorService.intercept(
       INTERCEPTOR_POINT.CELL_CONTENT,
@@ -899,112 +1792,10 @@ let FormulaRenderManagerController = (_a6 = class extends RxDisposable {
       }
     ));
   }
-}, __name(_a6, "FormulaRenderManagerController"), _a6);
-FormulaRenderManagerController = __decorateClass$4([
-  __decorateParam$4(0, Inject(SheetInterceptorService))
+}, __name(_a7, "FormulaRenderManagerController"), _a7);
+FormulaRenderManagerController = __decorateClass$3([
+  __decorateParam$3(0, Inject(SheetInterceptorService))
 ], FormulaRenderManagerController);
-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 f = require$$0, 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 };
-}
-__name(q, "q");
-reactJsxRuntime_production_min.Fragment = l;
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-jsxRuntime.exports = reactJsxRuntime_production_min;
-var jsxRuntimeExports = jsxRuntime.exports, __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
-      s = arguments[i];
-      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
-    }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
-  var t = {};
-  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
-      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
-  return t;
-}, IconBase = forwardRef(function(props, ref) {
-  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
-  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
-});
-function render(node, id, runtimeProps, rootProps, extend) {
-  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
-    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
-  }));
-}
-__name(render, "render");
-function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
-  var attrs = __assign({}, node.attrs);
-  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
-  var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a11) {
-    var key = _a11[0], value = _a11[1];
-    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
-}
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a11, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a11 = node.children) === null || _a11 === void 0) && _a11.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
-    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
-  }) }) : node;
-}
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
-  return Math.random().toString(36).substring(2, 8);
-}
-__name(generateShortUuid, "generateShortUuid");
-IconBase.displayName = "UniverIcon";
-var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CheckMarkSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "check-mark-single",
-    ref,
-    icon: element$3
-  }));
-});
-CheckMarkSingle.displayName = "CheckMarkSingle";
-var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.71274 2.86421C3.47843 2.6299 3.09853 2.6299 2.86421 2.86421C2.6299 3.09853 2.6299 3.47843 2.86421 3.71274L7.15154 8.00007L2.86421 12.2874C2.6299 12.5217 2.6299 12.9016 2.86421 13.1359C3.09853 13.3702 3.47843 13.3702 3.71274 13.1359L8.00007 8.84859L12.2874 13.1359C12.5217 13.3702 12.9016 13.3702 13.1359 13.1359C13.3702 12.9016 13.3702 12.5217 13.1359 12.2874L8.84859 8.00007L13.1359 3.71274C13.3702 3.47843 13.3702 3.09853 13.1359 2.86421C12.9016 2.6299 12.5217 2.6299 12.2874 2.86421L8.00007 7.15154L3.71274 2.86421Z" } }] }, CloseSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "close-single",
-    ref,
-    icon: element$2
-  }));
-});
-CloseSingle.displayName = "CloseSingle";
-var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.75 5.32495C8.75 5.73916 8.41421 6.07495 8 6.07495 7.58579 6.07495 7.25 5.73916 7.25 5.32495 7.25 4.91074 7.58579 4.57495 8 4.57495 8.41421 4.57495 8.75 4.91074 8.75 5.32495zM8.5999 7.52505C8.5999 7.19368 8.33127 6.92505 7.9999 6.92505 7.66853 6.92505 7.3999 7.19368 7.3999 7.52505V11.425C7.3999 11.7564 7.66853 12.025 7.9999 12.025 8.33127 12.025 8.5999 11.7564 8.5999 11.425V7.52505z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M0.899902 8.00002C0.899902 4.0788 4.07868 0.900024 7.9999 0.900024C11.9211 0.900024 15.0999 4.0788 15.0999 8.00002C15.0999 11.9212 11.9211 15.1 7.9999 15.1C4.07868 15.1 0.899902 11.9212 0.899902 8.00002ZM7.9999 2.10002C4.74142 2.10002 2.0999 4.74154 2.0999 8.00002C2.0999 11.2585 4.74142 13.9 7.9999 13.9C11.2584 13.9 13.8999 11.2585 13.8999 8.00002C13.8999 4.74154 11.2584 2.10002 7.9999 2.10002Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, DetailsSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "details-single",
-    ref,
-    icon: element$1
-  }));
-});
-DetailsSingle.displayName = "DetailsSingle";
-var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.90913 3.57564C6.14345 3.34132 6.52335 3.34132 6.75766 3.57564L10.7577 7.57564C10.992 7.80995 10.992 8.18985 10.7577 8.42417L6.75766 12.4242C6.52335 12.6585 6.14345 12.6585 5.90913 12.4242C5.67482 12.1899 5.67482 11.81 5.90913 11.5756L9.48487 7.9999L5.90913 4.42417C5.67482 4.18985 5.67482 3.80995 5.90913 3.57564Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, MoreSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "more-single",
-    ref,
-    icon: element
-  }));
-});
-MoreSingle.displayName = "MoreSingle";
 function getFunctionTypeValues(enumObj, localeService) {
   return Object.keys(enumObj).filter((key) => isNaN(Number(key)) && key !== "DefinedName").map((key) => ({
     label: localeService.t(`formula.functionType.${key.toLocaleLowerCase()}`),
@@ -1066,7 +1857,7 @@ function HelpFunction() {
         return;
       const { left, top, height } = position;
       functionInfo2.description === "" && functionInfo2.functionParameter.length === 0 || (setOffset([left, top + height]), setParamIndex(paramIndex2), setFunctionInfo(functionInfo2), setDecoratorPosition({ left, top }), setVisible(visible2));
-    }), sidebarSubscription = sidebarService.scrollEvent$.pipe(throttleTime(100)).subscribe(updatePosition);
+    }), sidebarSubscription = sidebarService.scrollEvent$.pipe(throttleTime$1(100)).subscribe(updatePosition);
     return () => {
       subscription == null || subscription.unsubscribe(), sidebarSubscription.unsubscribe();
     };
@@ -1367,7 +2158,7 @@ const formulaSelectFunctionSelect = "univer-formula-select-function-select", for
   formulaSelectFunctionContent
 };
 function SelectFunction(props) {
-  const { onChange } = props, allTypeValue = "-1", [searchText, setSearchText] = useState(""), [selectList, setSelectList] = useState([]), [active, setActive] = useState(0), [typeSelected, setTypeSelected] = useState(allTypeValue), [nameSelected, setNameSelected] = useState(0), [functionInfo, setFunctionInfo] = useState(null), descriptionService = useDependency(IDescriptionService), localeService = useDependency(LocaleService), options = getFunctionTypeValues(FunctionType, localeService);
+  const { onChange } = props, allTypeValue = "-1", [searchText, setSearchText] = useState(""), [selectList, setSelectList] = useState([]), [active, setActive] = useState(0), [typeSelected, setTypeSelected] = useState(allTypeValue), [nameSelected, setNameSelected] = useState(0), [functionInfo, setFunctionInfo] = useState(null), descriptionService = useDependency(IDescriptionService), localeService = useDependency(LocaleService), sidebarService = useDependency(ISidebarService), sidebarOptions = useObservable(sidebarService.sidebarOptions$), options = getFunctionTypeValues(FunctionType, localeService);
   options.unshift({
     label: localeService.t("formula.moreFunctions.allFunctions"),
     value: allTypeValue
@@ -1377,7 +2168,9 @@ function SelectFunction(props) {
     handleSelectChange(allTypeValue);
   }, []), useEffect(() => {
     setCurrentFunctionInfo(0);
-  }, [selectList]);
+  }, [selectList]), useEffect(() => {
+    sidebarOptions != null && sidebarOptions.visible && (setSearchText(""), setSelectList([]), setActive(0), setTypeSelected(allTypeValue), setNameSelected(0), setFunctionInfo(null), handleSelectChange(allTypeValue));
+  }, [sidebarOptions]);
   const highlightSearchText = /* @__PURE__ */ __name((text) => {
     if (searchText.trim() === "") return text;
     const regex = new RegExp(`(${searchText.toLocaleUpperCase()})`);
@@ -1671,12 +2464,12 @@ function singleEditorPromptSelectionShortcutItem() {
   return shortcutList;
 }
 __name(singleEditorPromptSelectionShortcutItem, "singleEditorPromptSelectionShortcutItem");
-var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a7;
-let FormulaUIController = (_a7 = class extends Disposable {
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a8;
+let FormulaUIController = (_a8 = class extends Disposable {
   constructor(_injector, _menuManagerService, _commandService, _shortcutService, _uiPartsService, _renderManagerService, _componentManager) {
     super(), this._injector = _injector, this._menuManagerService = _menuManagerService, this._commandService = _commandService, this._shortcutService = _shortcutService, this._uiPartsService = _uiPartsService, this._renderManagerService = _renderManagerService, this._componentManager = _componentManager, this._initialize();
   }
@@ -1717,15 +2510,15 @@ let FormulaUIController = (_a7 = class extends Disposable {
   _registerRenderModules() {
     this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, [FormulaEditorShowController]));
   }
-}, __name(_a7, "FormulaUIController"), _a7);
-FormulaUIController = __decorateClass$3([
-  __decorateParam$3(0, Inject(Injector)),
-  __decorateParam$3(1, IMenuManagerService),
-  __decorateParam$3(2, ICommandService),
-  __decorateParam$3(3, IShortcutService),
-  __decorateParam$3(4, IUIPartsService),
-  __decorateParam$3(5, IRenderManagerService),
-  __decorateParam$3(6, Inject(ComponentManager))
+}, __name(_a8, "FormulaUIController"), _a8);
+FormulaUIController = __decorateClass$2([
+  __decorateParam$2(0, Inject(Injector)),
+  __decorateParam$2(1, IMenuManagerService),
+  __decorateParam$2(2, ICommandService),
+  __decorateParam$2(3, IShortcutService),
+  __decorateParam$2(4, IUIPartsService),
+  __decorateParam$2(5, IRenderManagerService),
+  __decorateParam$2(6, Inject(ComponentManager))
 ], FormulaUIController);
 function getFormulaRefSelectionStyle(themeService, refColor, id) {
   const style = themeService.getCurrentTheme(), fill = new ColorKit(refColor).setAlpha(0.05).toRgbString();
@@ -1744,127 +2537,6 @@ function getFormulaRefSelectionStyle(themeService, refColor, id) {
   };
 }
 __name(getFormulaRefSelectionStyle, "getFormulaRefSelectionStyle");
-var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a8;
-let RefSelectionsRenderService = (_a8 = class extends BaseSelectionRenderService {
-  constructor(_context, injector, themeService, shortcutService, sheetSkeletonManagerService, _refSelectionsService) {
-    super(
-      injector,
-      themeService,
-      shortcutService,
-      sheetSkeletonManagerService
-    );
-    __publicField(this, "_workbookSelections");
-    __publicField(this, "_eventDisposables");
-    this._context = _context, this._refSelectionsService = _refSelectionsService, this._workbookSelections = this._refSelectionsService.getWorkbookSelections(this._context.unitId), this._initSelectionChangeListener(), this._initSkeletonChangeListener(), this._initUserActionSyncListener(), this._setSelectionStyle(getDefaultRefSelectionStyle(this._themeService)), this._remainLastEnabled = !0;
-  }
-  getLocation() {
-    return this._skeleton.getLocation();
-  }
-  setRemainLastEnabled(enabled) {
-    this._remainLastEnabled = enabled;
-  }
-  setSkipLastEnabled(enabled) {
-    this._skipLastEnabled = enabled;
-  }
-  clearLastSelection() {
-    const last = this._selectionControls[this._selectionControls.length - 1];
-    last && (last.dispose(), this._selectionControls.pop());
-  }
-  /**
-   * Call this method and user will be able to select on the canvas to update selections.
-   */
-  enableSelectionChanging() {
-    return this._disableSelectionChanging(), this._eventDisposables = this._initCanvasEventListeners(), toDisposable(() => this._disableSelectionChanging());
-  }
-  _disableSelectionChanging() {
-    var _a11;
-    (_a11 = this._eventDisposables) == null || _a11.dispose(), this._eventDisposables = null;
-  }
-  _initCanvasEventListeners() {
-    const sheetObject = this._getSheetObject(), { spreadsheetRowHeader, spreadsheetColumnHeader, spreadsheet, spreadsheetLeftTopPlaceholder } = sheetObject, { scene } = this._context, listenerDisposables = new DisposableCollection();
-    return listenerDisposables.add(spreadsheet == null ? void 0 : spreadsheet.onPointerDown$.subscribeEvent((evt, state) => {
-      this._onPointerDown(evt, spreadsheet.zIndex + 1, RANGE_TYPE.NORMAL, this._getActiveViewport(evt)), evt.button !== 2 && state.stopPropagation();
-    })), listenerDisposables.add(
-      spreadsheetRowHeader == null ? void 0 : spreadsheetRowHeader.onPointerDown$.subscribeEvent((evt, state) => {
-        const skeleton = this._sheetSkeletonManagerService.getCurrent().skeleton, { row } = getCoordByOffset(evt.offsetX, evt.offsetY, scene, skeleton);
-        checkInHeaderRanges(this._workbookSelections.getCurrentSelections(), row, RANGE_TYPE.ROW) || (this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, RANGE_TYPE.ROW, this._getActiveViewport(evt), ScrollTimerType.Y), evt.button !== 2 && state.stopPropagation());
-      })
-    ), listenerDisposables.add(spreadsheetColumnHeader == null ? void 0 : spreadsheetColumnHeader.onPointerDown$.subscribeEvent((evt, state) => {
-      const skeleton = this._sheetSkeletonManagerService.getCurrent().skeleton, { column } = getCoordByOffset(evt.offsetX, evt.offsetY, scene, skeleton);
-      checkInHeaderRanges(this._workbookSelections.getCurrentSelections(), column, RANGE_TYPE.COLUMN) || (this._onPointerDown(evt, (spreadsheet.zIndex || 1) + 1, RANGE_TYPE.COLUMN, this._getActiveViewport(evt), ScrollTimerType.X), evt.button !== 2 && state.stopPropagation());
-    })), listenerDisposables.add(spreadsheetLeftTopPlaceholder == null ? void 0 : spreadsheetLeftTopPlaceholder.onPointerDown$.subscribeEvent((evt, state) => {
-      this._reset();
-      const skeleton = this._sheetSkeletonManagerService.getCurrent().skeleton, selectionWithStyle = getAllSelection(skeleton), selectionData = this.attachSelectionWithCoord(selectionWithStyle);
-      this._addSelectionControlBySelectionData(selectionData), this._selectionMoveStart$.next(this.getSelectionDataWithStyle()), evt.button !== 2 && state.stopPropagation();
-    })), listenerDisposables;
-  }
-  /**
-   * Update selectionModel in this._workbookSelections by user action in spreadsheet area.
-   */
-  _initUserActionSyncListener() {
-    this.disposeWithMe(this.selectionMoveStart$.subscribe((selectionDataWithStyle) => {
-      this._updateSelections(selectionDataWithStyle, SelectionMoveType.MOVE_START);
-    })), this.disposeWithMe(this.selectionMoving$.subscribe((selectionDataWithStyle) => {
-      this._updateSelections(selectionDataWithStyle, SelectionMoveType.MOVING);
-    })), this.disposeWithMe(this.selectionMoveEnd$.subscribe((selectionDataWithStyle) => {
-      this._updateSelections(selectionDataWithStyle, SelectionMoveType.MOVE_END);
-    }));
-  }
-  _updateSelections(selectionDataWithStyleList, type) {
-    const sheetId = this._context.unit.getActiveSheet().getSheetId();
-    selectionDataWithStyleList.length !== 0 && this._workbookSelections.setSelections(
-      sheetId,
-      selectionDataWithStyleList.map((selectionDataWithStyle) => convertSelectionDataToRange(selectionDataWithStyle)),
-      type
-    );
-  }
-  _initSelectionChangeListener() {
-    this.disposeWithMe(this._workbookSelections.selectionMoveEnd$.subscribe((selectionsWithStyles) => {
-      this._reset();
-      for (const selectionWithStyle of selectionsWithStyles) {
-        const selectionData = this.attachSelectionWithCoord(selectionWithStyle);
-        this._addSelectionControlBySelectionData(selectionData);
-      }
-    }));
-  }
-  _initSkeletonChangeListener() {
-    this.disposeWithMe(this._sheetSkeletonManagerService.currentSkeleton$.subscribe((param) => {
-      if (!param)
-        return;
-      const { skeleton } = param, { scene } = this._context, viewportMain = scene.getViewport(SHEET_VIEWPORT_KEY.VIEW_MAIN);
-      this._skeleton && this._skeleton.worksheet.getSheetId() !== skeleton.worksheet.getSheetId() && this._reset(), this._changeRuntime(skeleton, scene, viewportMain);
-      const currentSelections = this._workbookSelections.getCurrentSelections();
-      this._refreshSelectionControl(currentSelections || []);
-    }));
-  }
-  _refreshSelectionControl(selectionsData) {
-    const selections = selectionsData.map((selectionWithStyle) => attachSelectionWithCoord(selectionWithStyle, this._skeleton));
-    this.updateControlForCurrentByRangeData(selections);
-  }
-  _getActiveViewport(evt) {
-    const sheetObject = this._getSheetObject();
-    return sheetObject == null ? void 0 : sheetObject.scene.getActiveViewportByCoord(Vector2.FromArray([evt.offsetX, evt.offsetY]));
-  }
-  _getSheetObject() {
-    return getSheetObject(this._context.unit, this._context);
-  }
-}, __name(_a8, "RefSelectionsRenderService"), _a8);
-RefSelectionsRenderService = __decorateClass$2([
-  __decorateParam$2(1, Inject(Injector)),
-  __decorateParam$2(2, Inject(ThemeService)),
-  __decorateParam$2(3, IShortcutService),
-  __decorateParam$2(4, Inject(SheetSkeletonManagerService)),
-  __decorateParam$2(5, IRefSelectionsService)
-], RefSelectionsRenderService);
-function getDefaultRefSelectionStyle(themeService) {
-  const style = getNormalSelectionStyle(themeService);
-  return style.hasAutoFill = !1, style.hasRowHeader = !1, style.hasColumnHeader = !1, style.widgets = { tl: !0, tc: !0, tr: !0, ml: !0, mr: !0, bl: !0, bc: !0, br: !0 }, style;
-}
-__name(getDefaultRefSelectionStyle, "getDefaultRefSelectionStyle");
 var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
@@ -1936,7 +2608,9 @@ let PromptController = (_a9 = class extends Disposable {
   }
   _initialCursorSync() {
     this.disposeWithMe(
-      this._docSelectionManagerService.textSelection$.subscribe((params) => {
+      this._docSelectionManagerService.textSelection$.pipe(
+        filter((item) => !isRangeSelector(item.unitId))
+      ).subscribe((params) => {
         var _a11;
         if ((params == null ? void 0 : params.unitId) == null)
           return;
@@ -1953,7 +2627,7 @@ let PromptController = (_a9 = class extends Disposable {
     this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_DOC).subscribe((documentDataModel) => {
       var _a11;
       const unitId = documentDataModel == null ? void 0 : documentDataModel.getUnitId();
-      if (unitId == null || this._listenInputCache.has(unitId) || this._editorService.getEditor(unitId) == null)
+      if (unitId == null || isRangeSelector(unitId) || this._listenInputCache.has(unitId) || this._editorService.getEditor(unitId) == null)
         return;
       const docSelectionRenderService = (_a11 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a11.with(DocSelectionRenderService);
       docSelectionRenderService && this.disposeWithMe(
@@ -1980,7 +2654,7 @@ let PromptController = (_a9 = class extends Disposable {
         if (documentDataModel == null)
           return;
         const editorId = documentDataModel.getUnitId();
-        !this._editorService.isEditor(editorId) || this._previousEditorUnitId === editorId || this._editorService.isSheetEditor(editorId) || (this._closeRangePrompt(editorId), this._previousEditorUnitId = editorId);
+        isRangeSelector(editorId) || !this._editorService.isEditor(editorId) || this._previousEditorUnitId === editorId || this._editorService.isSheetEditor(editorId) || (this._closeRangePrompt(editorId), this._previousEditorUnitId = editorId);
       })
     ), this.disposeWithMe(
       this._editorService.closeRangePrompt$.subscribe(() => {
@@ -2208,7 +2882,7 @@ let PromptController = (_a9 = class extends Disposable {
     else {
       this._existsSequenceNode = !0;
       const { textRuns, refSelections } = this._buildTextRuns(sequenceNodes);
-      bodyList.forEach((body) => body.textRuns = textRuns), this._allSelectionRenderServices.forEach((r) => this._refreshSelectionForReference(r, refSelections));
+      bodyList.forEach((body) => body.textRuns = textRuns), this._allSelectionRenderServices.forEach((r2) => this._refreshSelectionForReference(r2, refSelections));
     }
     this._refreshFormulaAndCellEditor(unitIds);
   }
@@ -2254,8 +2928,8 @@ let PromptController = (_a9 = class extends Disposable {
     return { textRuns, refSelections };
   }
   _exceedCurrentRange(range, rowCount, columnCount) {
-    const { endRow, endColumn } = range;
-    return endRow > rowCount || endColumn > columnCount;
+    const { startRow, startColumn } = range;
+    return startRow > rowCount - 1 || startColumn > columnCount - 1;
   }
   /**
    * Draw the referenced selection text based on the style and token.
@@ -2386,7 +3060,7 @@ let PromptController = (_a9 = class extends Disposable {
   _syncToEditor(sequenceNodes, textSelectionOffset, editorUnitId, canUndo = !0, fromSelection = !0) {
     let dataStream = generateStringWithSequence(sequenceNodes);
     const { textRuns, refSelections } = this._buildTextRuns(sequenceNodes);
-    this._isSelectionMovingRefSelections = refSelections, this._allSelectionRenderServices.forEach((r) => this._updateRefSelectionStyle(r, this._isSelectionMovingRefSelections));
+    this._isSelectionMovingRefSelections = refSelections, this._allSelectionRenderServices.forEach((r2) => this._updateRefSelectionStyle(r2, this._isSelectionMovingRefSelections));
     const activeRange = this._docSelectionManagerService.getActiveTextRange();
     if (activeRange == null)
       return;
@@ -2534,6 +3208,8 @@ let PromptController = (_a9 = class extends Disposable {
       (isMerged || isMergedMainCell) && mergeStartRow === startRow && mergeStartColumn === startColumn && mergeEndRow === endRow && mergeEndColumn === endColumn && (startRow = mergeStartRow, startColumn = mergeStartColumn, endRow = mergeStartRow, endColumn = mergeStartColumn);
     }
     const nodeIndex = Number(id), currentNode = this._formulaPromptService.getCurrentSequenceNodeByIndex(nodeIndex);
+    if (!currentNode)
+      return;
     let refType = { startAbsoluteRefType: AbsoluteRefType.NONE };
     if (typeof currentNode != "string") {
       const token = currentNode.token;
@@ -2816,7 +3492,7 @@ let UniverSheetsFormulaUIPlugin = (_a10 = class extends Plugin {
       [FormulaAlertRenderController]
     ].forEach((dep) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, dep));
-    }), this._injector.get(FormulaClipboardController), this._injector.get(FormulaRenderManagerController);
+    }), this._injector.get(FormulaClipboardController), this._injector.get(FormulaRenderManagerController), this._injector.get(ComponentManager).register(RANGE_SELECTOR_COMPONENT_KEY, RangeSelector);
   }
   onSteady() {
     this._injector.get(FormulaAutoFillController), this._injector.get(PromptController);
@@ -2835,6 +3511,8 @@ export {
   HelpFunctionOperation,
   InsertFunctionOperation,
   MoreFunctionsOperation,
+  RangeSelector,
+  RefSelectionsRenderService,
   ReferenceAbsoluteOperation,
   SearchFunctionOperation,
   SelectEditorFormulaOperation,