From 8d002e4cda962f894544de5167f8eed36db56eb3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E7=86=B1?= <sonne@asaki.me>
Date: Mon, 12 May 2025 11:57:32 +0800
Subject: [PATCH] build: add trim className plugin to clean up class names
 (#5180)

---
 common/shared/package.json                    |   6 +-
 .../vite/auto-detected-external-plugin.ts     |   2 +-
 common/shared/vite/index.ts                   |   3 +-
 .../vite/plugin-trim-classname-plugin.ts      |  50 +++++
 packages/core/package.json                    |   2 +-
 packages/core/src/facade/f-univer.ts          |  16 +-
 .../src/services/__tests__/permission.spec.ts |  10 +-
 packages/data-validation/package.json         |   2 +-
 .../design/src/components/button/Button.tsx   |   4 +-
 .../components/cascader-list/CascaderList.tsx |   2 +-
 .../dropdown-menu/DropdownMenuPrimitive.tsx   |   4 +-
 .../design/src/components/input/Input.tsx     |   2 +-
 .../src/components/select/MultipleSelect.tsx  |   2 +-
 .../design/src/components/select/Select.tsx   |   2 +-
 .../src/views/hyper-link-popup/index.tsx      |   2 +-
 .../src/views/paragraph-setting/Setting.tsx   |   4 +-
 .../formula-input/ListFormulaInput.tsx        |   2 +-
 packages/sheets-data-validation/package.json  |   2 +-
 .../components/SheetsFilterByValuesPanel.tsx  |   2 +-
 packages/sheets-hyper-link/package.json       |   1 -
 .../sheet-hyper-link-resource.controller.ts   |   5 +-
 packages/sheets-ui/package.json               |   2 +-
 .../components/border-panel/BorderPanel.tsx   |  26 ++-
 .../border-panel/border-line/BorderLine.tsx   |  24 +--
 .../border-line/icons/BorderDashDot.tsx       |  58 ++---
 .../border-line/icons/BorderDashDotDot.tsx    |  60 +++---
 .../border-line/icons/BorderDashed.tsx        |  44 ++--
 .../border-line/icons/BorderDotted.tsx        |  68 +++---
 .../border-line/icons/BorderHair.tsx          | 108 +++++-----
 .../border-line/icons/BorderMedium.tsx        |   5 +-
 .../border-line/icons/BorderMediumDashDot.tsx |  40 ++--
 .../icons/BorderMediumDashDotDot.tsx          |  44 ++--
 .../border-line/icons/BorderMediumDashed.tsx  |  44 ++--
 .../border-line/icons/BorderThick.tsx         |   5 +-
 .../border-line/icons/BorderThin.tsx          |   5 +-
 packages/sheets/package.json                  |   2 +-
 packages/themes/src/default.ts                |  10 +-
 packages/themes/src/green.ts                  |  10 +-
 packages/thread-comment/package.json          |   3 +-
 .../src/controllers/tc-resource.controller.ts |   5 +-
 .../components/custom-label/CustomLabel.tsx   |   4 +-
 pnpm-lock.yaml                                | 204 +++++++++---------
 42 files changed, 483 insertions(+), 413 deletions(-)
 create mode 100644 common/shared/vite/plugin-trim-classname-plugin.ts

diff --git a/common/shared/package.json b/common/shared/package.json
index f076bd9c56..662ad295af 100644
--- a/common/shared/package.json
+++ b/common/shared/package.json
@@ -26,12 +26,12 @@
     "dependencies": {
         "@typescript-eslint/parser": "^8.32.0",
         "@vitejs/plugin-react": "^4.4.1",
-        "@vitejs/plugin-vue": "^5.2.3",
+        "@vitejs/plugin-vue": "^5.2.4",
         "@vitest/coverage-istanbul": "^3.1.3",
         "autoprefixer": "^10.4.21",
         "eslint-plugin-readable-tailwind": "^1.9.1",
         "fs-extra": "^11.3.0",
-        "happy-dom": "17.4.6",
+        "happy-dom": "17.4.7",
         "javascript-obfuscator": "^4.1.1",
         "postcss-preset-env": "^10.1.6",
         "sort-keys": "^5.1.0",
@@ -47,6 +47,6 @@
         "@types/fs-extra": "^11.0.4",
         "@univerjs/icons": "^0.3.24",
         "@univerjs/icons-svg": "^0.3.24",
-        "@univerjs/protocol": "0.1.45"
+        "@univerjs/protocol": "0.1.46"
     }
 }
diff --git a/common/shared/vite/auto-detected-external-plugin.ts b/common/shared/vite/auto-detected-external-plugin.ts
index 95d0107910..66f116e598 100644
--- a/common/shared/vite/auto-detected-external-plugin.ts
+++ b/common/shared/vite/auto-detected-external-plugin.ts
@@ -28,7 +28,7 @@ export function autoDetectedExternalPlugin(): Plugin {
         apply: 'build',
 
         resolveId(source) {
-            if (source.endsWith('.less') || source.endsWith('.css')) {
+            if (source.endsWith('.css')) {
                 hasCss = true;
                 return null;
             }
diff --git a/common/shared/vite/index.ts b/common/shared/vite/index.ts
index f6d3340711..6383d3bbfc 100644
--- a/common/shared/vite/index.ts
+++ b/common/shared/vite/index.ts
@@ -23,9 +23,9 @@ import fs from 'fs-extra';
 import { mergeConfig, build as viteBuild } from 'vite';
 import dts from 'vite-plugin-dts';
 import vitePluginExternal from 'vite-plugin-external';
-
 import { autoDetectedExternalPlugin } from './auto-detected-external-plugin';
 import { cleanupPkgPlugin } from './cleanup-pkg-plugin';
+import { trimClassNamePlugin } from './plugin-trim-classname-plugin';
 import { convertLibNameFromPackageName, obfuscator } from './utils';
 
 interface IBuildExecuterOptions {
@@ -216,6 +216,7 @@ export async function build(options?: IBuildOptions) {
             'process.env.BUILD_TIMESTAMP': JSON.stringify(Math.floor(Date.now() / 1000)),
         },
         plugins: [
+            trimClassNamePlugin(),
             react(),
             vue(),
             autoDetectedExternalPlugin(),
diff --git a/common/shared/vite/plugin-trim-classname-plugin.ts b/common/shared/vite/plugin-trim-classname-plugin.ts
new file mode 100644
index 0000000000..07b81ad87c
--- /dev/null
+++ b/common/shared/vite/plugin-trim-classname-plugin.ts
@@ -0,0 +1,50 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+export function trimClassNamePlugin() {
+    return {
+        name: 'vite-plugin-trim-classname',
+        transform(code, id) {
+            if (id.endsWith('.tsx')) {
+                const transformedCode = code.replace(
+                    /className: `([^`}]+)`/g,
+                    (match, classNameValue) => {
+                        const cleanedClassName = classNameValue
+                            .replace(/\n/g, ' ')
+                            .replace(/\s{2,}/g, ' ')
+                            .trim();
+                        return `className: \`${cleanedClassName}\``;
+                    }
+                ).replace(
+                    /clsx\(`([^`}]+)`/g,
+                    (match, classNameValue) => {
+                        const cleanedClassName = classNameValue
+                            .replace(/\n/g, ' ')
+                            .replace(/\s{2,}/g, ' ')
+                            .trim();
+                        return `clsx(\`${cleanedClassName}\``;
+                    }
+                );
+
+                return {
+                    code: transformedCode,
+                    map: null,
+                };
+            }
+            return null;
+        },
+    };
+};
diff --git a/packages/core/package.json b/packages/core/package.json
index e1b17f17e9..64f95e67fa 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -73,7 +73,7 @@
         "rxjs": ">=7.0.0"
     },
     "dependencies": {
-        "@univerjs/protocol": "0.1.45",
+        "@univerjs/protocol": "0.1.46",
         "@univerjs/themes": "workspace:*",
         "@wendellhu/redi": "0.18.0",
         "async-lock": "^1.4.1",
diff --git a/packages/core/src/facade/f-univer.ts b/packages/core/src/facade/f-univer.ts
index c393126942..06ba73d3b5 100644
--- a/packages/core/src/facade/f-univer.ts
+++ b/packages/core/src/facade/f-univer.ts
@@ -17,7 +17,7 @@
 import type { CommandListener, DocumentDataModel, IDisposable, IDocumentData, IExecutionOptions, IParagraphStyle, ITextDecoration, ITextStyle, LifecycleStages } from '@univerjs/core';
 import type { Subscription } from 'rxjs';
 import type { ICommandEvent, IEventParamConfig } from './f-event';
-import { CanceledError, ColorBuilder, Disposable, ICommandService, Inject, Injector, IUniverInstanceService, LifecycleService, ParagraphStyleBuilder, ParagraphStyleValue, RedoCommand, RichTextBuilder, RichTextValue, TextDecorationBuilder, TextStyleBuilder, TextStyleValue, toDisposable, UndoCommand, Univer, UniverInstanceType } from '@univerjs/core';
+import { CanceledError, ColorBuilder, Disposable, ICommandService, Inject, Injector, IUniverInstanceService, LifecycleService, ParagraphStyleBuilder, ParagraphStyleValue, RedoCommand, RichTextBuilder, RichTextValue, TextDecorationBuilder, TextStyleBuilder, TextStyleValue, ThemeService, toDisposable, UndoCommand, Univer, UniverInstanceType } from '@univerjs/core';
 import { FBlob } from './f-blob';
 import { FDoc } from './f-doc';
 import { FEnum } from './f-enum';
@@ -318,6 +318,20 @@ export class FUniver extends Disposable {
         return this._commandService.executeCommand(RedoCommand.id);
     }
 
+    /**
+     * Toggle dark mode on or off.
+     * @param {boolean} isDarkMode - Whether the dark mode is enabled.
+     * @internal
+     * @example
+     * ```ts
+     * univerAPI.toggleDarkMode(true);
+     * ```
+     */
+    toggleDarkMode(isDarkMode: boolean): void {
+        const themeService = this._injector.get(ThemeService);
+        themeService.setDarkMode(isDarkMode);
+    }
+
     /**
      * Register a callback that will be triggered before invoking a command.
      * @deprecated use `univerAPI.addEvent(univerAPI.Event.BeforeCommandExecute, (event) => {})` instead.
diff --git a/packages/core/src/services/__tests__/permission.spec.ts b/packages/core/src/services/__tests__/permission.spec.ts
index 7e6518b078..b9c1e10e0e 100644
--- a/packages/core/src/services/__tests__/permission.spec.ts
+++ b/packages/core/src/services/__tests__/permission.spec.ts
@@ -14,12 +14,12 @@
  * limitations under the License.
  */
 
-import { beforeEach, describe, expect, it } from 'vitest';
-import { firstValueFrom } from 'rxjs';
-import { UnitAction, UnitObject } from '@univerjs/protocol';
-import { PermissionService } from '../permission/permission.service';
-import type { IPermissionPoint, PermissionStatus } from '../permission/type';
 import type { Univer } from '../../univer';
+import type { IPermissionPoint, PermissionStatus } from '../permission/type';
+import { UnitAction, UnitObject } from '@univerjs/protocol';
+import { firstValueFrom } from 'rxjs';
+import { beforeEach, describe, expect, it } from 'vitest';
+import { PermissionService } from '../permission/permission.service';
 import { createTestBed } from './index';
 
 class TestPermissionPoint implements IPermissionPoint {
diff --git a/packages/data-validation/package.json b/packages/data-validation/package.json
index 0b7dc71fb7..2c5d52cf5a 100644
--- a/packages/data-validation/package.json
+++ b/packages/data-validation/package.json
@@ -66,7 +66,7 @@
     "devDependencies": {
         "@univerjs-infra/shared": "workspace:*",
         "@univerjs/core": "workspace:*",
-        "@univerjs/protocol": "0.1.45",
+        "@univerjs/protocol": "0.1.46",
         "@univerjs/sheets": "workspace:*",
         "rxjs": "^7.8.1",
         "typescript": "^5.8.3",
diff --git a/packages/design/src/components/button/Button.tsx b/packages/design/src/components/button/Button.tsx
index 46a4039bc5..c8173e5d78 100644
--- a/packages/design/src/components/button/Button.tsx
+++ b/packages/design/src/components/button/Button.tsx
@@ -56,8 +56,8 @@ export const buttonVariants = cva(
                   hover:univer-bg-gray-100
                 `,
                 link: `
-                  univer-border-transparent univer-bg-transparent univer-text-primary-600 univer-underline-offset-4
-                  univer-underline-current
+                  univer-underline-current univer-border-transparent univer-bg-transparent univer-text-primary-600
+                  univer-underline-offset-4
                   active:univer-text-primary-700
                   hover:univer-text-primary-500 hover:univer-underline
                 `,
diff --git a/packages/design/src/components/cascader-list/CascaderList.tsx b/packages/design/src/components/cascader-list/CascaderList.tsx
index e1d0f0b6eb..f16a38fa64 100644
--- a/packages/design/src/components/cascader-list/CascaderList.tsx
+++ b/packages/design/src/components/cascader-list/CascaderList.tsx
@@ -109,7 +109,7 @@ export function CascaderList(props: ICascaderListProps) {
         <section
             data-u-comp="cascader-list"
             className={clsx(`
-              univer-grid univer-h-full univer-max-h-80 univer-grid-flow-col univer-overflow-auto-y univer-rounded
+              univer-overflow-auto-y univer-grid univer-h-full univer-max-h-80 univer-grid-flow-col univer-rounded
               univer-py-2 univer-text-gray-900
               [&>ul:not(:last-child)]:univer-border-0 [&>ul:not(:last-child)]:univer-border-r
               [&>ul:not(:last-child)]:univer-border-solid [&>ul:not(:last-child)]:univer-border-r-gray-200
diff --git a/packages/design/src/components/dropdown-menu/DropdownMenuPrimitive.tsx b/packages/design/src/components/dropdown-menu/DropdownMenuPrimitive.tsx
index 0453ae75f3..59de6ecd9d 100644
--- a/packages/design/src/components/dropdown-menu/DropdownMenuPrimitive.tsx
+++ b/packages/design/src/components/dropdown-menu/DropdownMenuPrimitive.tsx
@@ -316,7 +316,7 @@ function DropdownMenuLabel({
             data-slot="dropdown-menu-label"
             data-inset={inset}
             className={clsx(
-                'univer-px-2 univer-py-1.5 univer-text-smver-font-semibold',
+                'univer-px-2 univer-py-1.5 univer-text-sm univer-font-semibold',
                 className
             )}
             {...props}
@@ -341,7 +341,7 @@ function DropdownMenuShortcut({
 }: ComponentProps<'span'>) {
     return (
         <span
-            className={clsx('univer-ml-auto univer-text-smver-tracking-widest univer-opacity-60', className)}
+            className={clsx('univer-ml-auto univer-text-sm univer-tracking-widest univer-opacity-60', className)}
             {...props}
         />
     );
diff --git a/packages/design/src/components/input/Input.tsx b/packages/design/src/components/input/Input.tsx
index c3a0dfda78..25605eaea4 100644
--- a/packages/design/src/components/input/Input.tsx
+++ b/packages/design/src/components/input/Input.tsx
@@ -27,7 +27,7 @@ export const inputVariants = cva(
     `
       univer-box-border univer-w-full univer-rounded-md univer-bg-white univer-transition-colors univer-duration-200
       dark:univer-bg-gray-700 dark:univer-text-white
-      focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2 focus:univer-ring-primary-600/20
+      focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2 focus:univer-ring-primary-50
       placeholder:univer-text-gray-400
     `,
     {
diff --git a/packages/design/src/components/select/MultipleSelect.tsx b/packages/design/src/components/select/MultipleSelect.tsx
index 7d56221e39..a7608425db 100644
--- a/packages/design/src/components/select/MultipleSelect.tsx
+++ b/packages/design/src/components/select/MultipleSelect.tsx
@@ -131,7 +131,7 @@ export function MultipleSelect(props: IMultipleSelectProps) {
                   univer-duration-200
                   dark:univer-bg-gray-700 dark:univer-text-white
                 `, borderClassName, {
-                    'univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-600/20': open && !borderless,
+                    'univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-50': open && !borderless,
                     'univer-border-transparent univer-bg-transparent hover:univer-border-transparent': borderless,
                     'univer-cursor-not-allowed': disabled,
                     'hover:univer-border-primary-600': !disabled && !borderless,
diff --git a/packages/design/src/components/select/Select.tsx b/packages/design/src/components/select/Select.tsx
index cc17b18cb7..b42510acdf 100644
--- a/packages/design/src/components/select/Select.tsx
+++ b/packages/design/src/components/select/Select.tsx
@@ -155,7 +155,7 @@ export function Select(props: ISelectProps) {
                   univer-transition-colors univer-duration-200
                   dark:univer-bg-gray-700 dark:univer-text-white
                 `, borderClassName, {
-                    'univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-600/20': open && !borderless,
+                    'univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-50': open && !borderless,
                     'univer-border-transparent univer-bg-transparent hover:univer-border-transparent': borderless,
                     'univer-cursor-not-allowed': disabled,
                     'hover:univer-border-primary-600': !disabled && !borderless,
diff --git a/packages/docs-hyper-link-ui/src/views/hyper-link-popup/index.tsx b/packages/docs-hyper-link-ui/src/views/hyper-link-popup/index.tsx
index 48181aaf6f..7ddb053673 100644
--- a/packages/docs-hyper-link-ui/src/views/hyper-link-popup/index.tsx
+++ b/packages/docs-hyper-link-ui/src/views/hyper-link-popup/index.tsx
@@ -61,7 +61,7 @@ export const DocLinkPopup = () => {
                   univer-flex univer-h-6 univer-flex-1 univer-cursor-pointer univer-items-center univer-truncate
                   univer-text-sm univer-leading-5 univer-text-primary-500
                 `}
-                onClick={() => window.open(url, undefined, 'noopener,noreferrer')}
+                onClick={() => window.open(url, undefined, 'noopener noreferrer')}
             >
                 <div
                     className={`
diff --git a/packages/docs-ui/src/views/paragraph-setting/Setting.tsx b/packages/docs-ui/src/views/paragraph-setting/Setting.tsx
index 28a042b9e8..d0b38c3fbf 100644
--- a/packages/docs-ui/src/views/paragraph-setting/Setting.tsx
+++ b/packages/docs-ui/src/views/paragraph-setting/Setting.tsx
@@ -121,7 +121,7 @@ export function ParagraphSetting() {
                     );
                 })}
             </div>
-            <div className="univer-t-4 univer-text-smver-font-medium">{localeService.t('doc.paragraphSetting.indentation')}</div>
+            <div className="univer-t-4 univer-text-sm univer-font-medium">{localeService.t('doc.paragraphSetting.indentation')}</div>
             <div>
                 <div className="univer-flex univer-justify-between univer-item-center">
                     <div className="univer-mt-3 univer-text-xs">
@@ -155,7 +155,7 @@ export function ParagraphSetting() {
                     <AutoFocusInputNumber className="univer-mt-4" value={hanging} onChange={(v) => hangingSet(v ?? 0)} />
                 </div>
             </div>
-            <div className="univer-t-4 univer-text-smver-font-medium">{localeService.t('doc.paragraphSetting.spacing')}</div>
+            <div className="univer-t-4 univer-text-sm univer-font-medium">{localeService.t('doc.paragraphSetting.spacing')}</div>
             <div>
                 <div className="univer-flex univer-justify-betweenuniver-item-center">
 
diff --git a/packages/sheets-data-validation-ui/src/views/components/formula-input/ListFormulaInput.tsx b/packages/sheets-data-validation-ui/src/views/components/formula-input/ListFormulaInput.tsx
index 20b9009d20..338a65de7c 100644
--- a/packages/sheets-data-validation-ui/src/views/components/formula-input/ListFormulaInput.tsx
+++ b/packages/sheets-data-validation-ui/src/views/components/formula-input/ListFormulaInput.tsx
@@ -417,7 +417,7 @@ export function ListFormulaInput(props: IFormulaInputProps) {
                                 className={`
                                   univer-flex univer-w-fit univer-cursor-pointer univer-flex-row univer-items-center
                                   univer-rounded univer-p-1 univer-px-2 univer-text-sm univer-text-primary
-                                  hover:univer-bg-primary-600/5
+                                  hover:univer-bg-primary-50
                                 `}
                                 onClick={handleAdd}
                             >
diff --git a/packages/sheets-data-validation/package.json b/packages/sheets-data-validation/package.json
index 231ae4b444..aab8c846ca 100644
--- a/packages/sheets-data-validation/package.json
+++ b/packages/sheets-data-validation/package.json
@@ -76,7 +76,7 @@
         "@univerjs/core": "workspace:*",
         "@univerjs/data-validation": "workspace:*",
         "@univerjs/engine-formula": "workspace:*",
-        "@univerjs/protocol": "0.1.45",
+        "@univerjs/protocol": "0.1.46",
         "@univerjs/sheets": "workspace:*",
         "@univerjs/sheets-formula": "workspace:*"
     },
diff --git a/packages/sheets-filter-ui/src/views/components/SheetsFilterByValuesPanel.tsx b/packages/sheets-filter-ui/src/views/components/SheetsFilterByValuesPanel.tsx
index b2ab6af307..320323416a 100644
--- a/packages/sheets-filter-ui/src/views/components/SheetsFilterByValuesPanel.tsx
+++ b/packages/sheets-filter-ui/src/views/components/SheetsFilterByValuesPanel.tsx
@@ -139,7 +139,7 @@ export function FilterByValue(props: { model: ByValuesModel }) {
                             <div
                                 className={`
                                   univer-ml-1 univer-flex univer-h-5 univer-flex-1 univer-cursor-pointer
-                                  univer-items-center univer-justify-between univer-text-smver-text-primary-500
+                                  univer-items-center univer-justify-between univer-text-sm univer-text-primary-500
                                 `}
                             >
                                 <span
diff --git a/packages/sheets-hyper-link/package.json b/packages/sheets-hyper-link/package.json
index 625d369f69..86eeb0c04b 100644
--- a/packages/sheets-hyper-link/package.json
+++ b/packages/sheets-hyper-link/package.json
@@ -73,7 +73,6 @@
         "@univerjs/core": "workspace:*",
         "@univerjs/docs": "workspace:*",
         "@univerjs/engine-formula": "workspace:*",
-        "@univerjs/protocol": "0.1.45",
         "@univerjs/sheets": "workspace:*"
     },
     "devDependencies": {
diff --git a/packages/sheets-hyper-link/src/controllers/sheet-hyper-link-resource.controller.ts b/packages/sheets-hyper-link/src/controllers/sheet-hyper-link-resource.controller.ts
index b25c98572e..d0687df4e4 100644
--- a/packages/sheets-hyper-link/src/controllers/sheet-hyper-link-resource.controller.ts
+++ b/packages/sheets-hyper-link/src/controllers/sheet-hyper-link-resource.controller.ts
@@ -15,8 +15,7 @@
  */
 
 import type { ISheetHyperLink } from '../types/interfaces/i-hyper-link';
-import { Disposable, Inject, IResourceManagerService } from '@univerjs/core';
-import { UniverType } from '@univerjs/protocol';
+import { Disposable, Inject, IResourceManagerService, UniverInstanceType } from '@univerjs/core';
 import { HyperLinkModel } from '../models/hyper-link.model';
 import { SHEET_HYPER_LINK_PLUGIN } from '../types/const';
 
@@ -58,7 +57,7 @@ export class SheetsHyperLinkResourceController extends Disposable {
         this.disposeWithMe(
             this._resourceManagerService.registerPluginResource({
                 pluginName: SHEET_HYPER_LINK_PLUGIN,
-                businesses: [UniverType.UNIVER_SHEET],
+                businesses: [UniverInstanceType.UNIVER_SHEET],
                 toJson: (unitID) => toJson(unitID),
                 parseJson: (json) => parseJson(json),
                 onUnLoad: (unitID) => {
diff --git a/packages/sheets-ui/package.json b/packages/sheets-ui/package.json
index 8fb32f68dc..ec341cb4de 100644
--- a/packages/sheets-ui/package.json
+++ b/packages/sheets-ui/package.json
@@ -87,7 +87,7 @@
         "@univerjs/engine-numfmt": "workspace:*",
         "@univerjs/engine-render": "workspace:*",
         "@univerjs/icons": "^0.3.24",
-        "@univerjs/protocol": "0.1.45",
+        "@univerjs/protocol": "0.1.46",
         "@univerjs/sheets": "workspace:*",
         "@univerjs/telemetry": "workspace:*",
         "@univerjs/ui": "workspace:*"
diff --git a/packages/sheets-ui/src/components/border-panel/BorderPanel.tsx b/packages/sheets-ui/src/components/border-panel/BorderPanel.tsx
index 7ef07e6266..9a25d9a02a 100644
--- a/packages/sheets-ui/src/components/border-panel/BorderPanel.tsx
+++ b/packages/sheets-ui/src/components/border-panel/BorderPanel.tsx
@@ -87,7 +87,7 @@ export function BorderPanel(props: IBorderPanelProps) {
     function renderIcon(icon: string) {
         const Icon = componentManager.get(icon);
 
-        return Icon && <Icon extend={{ colorChannel1: '#2c53f1' }} />;
+        return Icon && <Icon className="univer-fill-primary-600" />;
     }
 
     return (
@@ -139,7 +139,13 @@ export function BorderPanel(props: IBorderPanelProps) {
                             `}
                             type="button"
                         >
-                            <PaintBucket className="univer-fill-primary-600" extend={{ colorChannel1: value?.color ?? '' }} />
+                            <PaintBucket
+                                className={`
+                                  univer-fill-primary-600
+                                  dark:univer-text-white
+                                `}
+                                extend={{ colorChannel1: value?.color ?? '' }}
+                            />
                             <MoreDownSingle />
                         </button>
                     </Dropdown>
@@ -161,7 +167,13 @@ export function BorderPanel(props: IBorderPanelProps) {
                                             `}
                                             onClick={() => handleClick(item.value, 'style')}
                                         >
-                                            <BorderLine type={item.value} />
+                                            <BorderLine
+                                                className={`
+                                                  univer-fill-gray-900
+                                                  dark:univer-fill-white
+                                                `}
+                                                type={item.value}
+                                            />
                                         </li>
                                     ))}
                                 </ul>
@@ -177,7 +189,13 @@ export function BorderPanel(props: IBorderPanelProps) {
                             `}
                             type="button"
                         >
-                            <BorderLine type={BorderStyleTypes.THIN} />
+                            <BorderLine
+                                className={`
+                                  univer-fill-gray-900
+                                  dark:univer-fill-white
+                                `}
+                                type={BorderStyleTypes.THIN}
+                            />
                             <MoreDownSingle />
                         </button>
                     </Dropdown>
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/BorderLine.tsx b/packages/sheets-ui/src/components/border-panel/border-line/BorderLine.tsx
index c1ce92e789..d44b2998eb 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/BorderLine.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/BorderLine.tsx
@@ -28,34 +28,34 @@ import { BorderThick } from './icons/BorderThick';
 import { BorderThin } from './icons/BorderThin';
 
 interface IBorderLineProps {
+    className: string;
     type: BorderStyleTypes;
 }
 
 export function BorderLine(props: IBorderLineProps) {
-    const { type = BorderStyleTypes.THIN } = props;
+    const { type = BorderStyleTypes.THIN, className } = props;
 
     switch (type) {
         case BorderStyleTypes.DASH_DOT:
-            return <BorderDashDot />;
+            return <BorderDashDot className={className} />;
         case BorderStyleTypes.DASH_DOT_DOT:
-            return <BorderDashDotDot />;
+            return <BorderDashDotDot className={className} />;
         case BorderStyleTypes.DASHED:
-            return <BorderDashed />;
+            return <BorderDashed className={className} />;
         case BorderStyleTypes.HAIR:
-            return <BorderHair />;
+            return <BorderHair className={className} />;
         case BorderStyleTypes.MEDIUM:
-            return <BorderMedium />;
+            return <BorderMedium className={className} />;
         case BorderStyleTypes.MEDIUM_DASH_DOT:
-            return <BorderMediumDashDot />;
+            return <BorderMediumDashDot className={className} />;
         case BorderStyleTypes.MEDIUM_DASH_DOT_DOT:
-            return <BorderMediumDashDotDot />;
+            return <BorderMediumDashDotDot className={className} />;
         case BorderStyleTypes.MEDIUM_DASHED:
-            return <BorderMediumDashed />;
+            return <BorderMediumDashed className={className} />;
         case BorderStyleTypes.THICK:
-            return <BorderThick />;
+            return <BorderThick className={className} />;
         case BorderStyleTypes.THIN:
-            return <BorderThin />;
         default:
-            return <BorderThin />;
+            return <BorderThin className={className} />;
     }
 }
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashDot.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashDot.tsx
index 19466b7630..00c30f99a4 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashDot.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashDot.tsx
@@ -14,34 +14,34 @@
  * limitations under the License.
  */
 
-export const BorderDashDot = () => (
-    <svg width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M0.98999 1.08218H-0.0100098V0.0821838H0.98999V1.08218Z" fill="black" />
-        <path d="M5.78992 1.08218H2.78992V0.0821838H5.78992V1.08218Z" fill="black" />
-        <path d="M7.58984 1.08218H8.58984V0.0821838H7.58984V1.08218Z" fill="black" />
-        <path d="M14.9152 1.08218H13.9152V0.0821838H14.9152V1.08218Z" fill="black" />
-        <path d="M16.7151 1.08218H19.7151V0.0821838H16.7151V1.08218Z" fill="black" />
-        <path d="M22.515 1.08218H21.515V0.0821838H22.515V1.08218Z" fill="black" />
-        <path d="M27.8405 1.08218H28.8405V0.0821838H27.8405V1.08218Z" fill="black" />
-        <path d="M33.6404 1.08218H30.6404V0.0821838H33.6404V1.08218Z" fill="black" />
-        <path d="M35.4403 1.08218H36.4403V0.0821838H35.4403V1.08218Z" fill="black" />
-        <path d="M42.7657 1.08218H41.7657V0.0821838H42.7657V1.08218Z" fill="black" />
-        <path d="M44.5657 1.08218H47.5657V0.0821838H44.5657V1.08218Z" fill="black" />
-        <path d="M50.3656 1.08218H49.3656V0.0821838H50.3656V1.08218Z" fill="black" />
-        <path d="M55.691 1.08218H56.691V0.0821838H55.691V1.08218Z" fill="black" />
-        <path d="M61.491 1.08218H58.491V0.0821838H61.491V1.08218Z" fill="black" />
-        <path d="M63.2909 1.08218H64.2909V0.0821838H63.2909V1.08218Z" fill="black" />
-        <path d="M70.6163 1.08218H69.6163V0.0821838H70.6163V1.08218Z" fill="black" />
-        <path d="M72.4163 1.08218H75.4163V0.0821838H72.4163V1.08218Z" fill="black" />
-        <path d="M78.2162 1.08218H77.2162V0.0821838H78.2162V1.08218Z" fill="black" />
-        <path d="M83.5416 1.08218H84.5416V0.0821838H83.5416V1.08218Z" fill="black" />
-        <path d="M89.3416 1.08218H86.3416V0.0821838H89.3416V1.08218Z" fill="black" />
-        <path d="M91.1415 1.08218H92.1415V0.0821838H91.1415V1.08218Z" fill="black" />
-        <path d="M98.4669 1.08218H97.4669V0.0821838H98.4669V1.08218Z" fill="black" />
-        <path d="M100.267 1.08218H103.267V0.0821838H100.267V1.08218Z" fill="black" />
-        <path d="M106.067 1.08218H105.067V0.0821838H106.067V1.08218Z" fill="black" />
-        <path d="M111.392 1.08218H112.392V0.0821838H111.392V1.08218Z" fill="black" />
-        <path d="M117.192 1.08218H114.192V0.0821838H117.192V1.08218Z" fill="black" />
-        <path d="M118.992 1.08218H119.992V0.0821838H118.992V1.08218Z" fill="black" />
+export const BorderDashDot = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M0.98999 1.08218H-0.0100098V0.0821838H0.98999V1.08218Z" />
+        <path d="M5.78992 1.08218H2.78992V0.0821838H5.78992V1.08218Z" />
+        <path d="M7.58984 1.08218H8.58984V0.0821838H7.58984V1.08218Z" />
+        <path d="M14.9152 1.08218H13.9152V0.0821838H14.9152V1.08218Z" />
+        <path d="M16.7151 1.08218H19.7151V0.0821838H16.7151V1.08218Z" />
+        <path d="M22.515 1.08218H21.515V0.0821838H22.515V1.08218Z" />
+        <path d="M27.8405 1.08218H28.8405V0.0821838H27.8405V1.08218Z" />
+        <path d="M33.6404 1.08218H30.6404V0.0821838H33.6404V1.08218Z" />
+        <path d="M35.4403 1.08218H36.4403V0.0821838H35.4403V1.08218Z" />
+        <path d="M42.7657 1.08218H41.7657V0.0821838H42.7657V1.08218Z" />
+        <path d="M44.5657 1.08218H47.5657V0.0821838H44.5657V1.08218Z" />
+        <path d="M50.3656 1.08218H49.3656V0.0821838H50.3656V1.08218Z" />
+        <path d="M55.691 1.08218H56.691V0.0821838H55.691V1.08218Z" />
+        <path d="M61.491 1.08218H58.491V0.0821838H61.491V1.08218Z" />
+        <path d="M63.2909 1.08218H64.2909V0.0821838H63.2909V1.08218Z" />
+        <path d="M70.6163 1.08218H69.6163V0.0821838H70.6163V1.08218Z" />
+        <path d="M72.4163 1.08218H75.4163V0.0821838H72.4163V1.08218Z" />
+        <path d="M78.2162 1.08218H77.2162V0.0821838H78.2162V1.08218Z" />
+        <path d="M83.5416 1.08218H84.5416V0.0821838H83.5416V1.08218Z" />
+        <path d="M89.3416 1.08218H86.3416V0.0821838H89.3416V1.08218Z" />
+        <path d="M91.1415 1.08218H92.1415V0.0821838H91.1415V1.08218Z" />
+        <path d="M98.4669 1.08218H97.4669V0.0821838H98.4669V1.08218Z" />
+        <path d="M100.267 1.08218H103.267V0.0821838H100.267V1.08218Z" />
+        <path d="M106.067 1.08218H105.067V0.0821838H106.067V1.08218Z" />
+        <path d="M111.392 1.08218H112.392V0.0821838H111.392V1.08218Z" />
+        <path d="M117.192 1.08218H114.192V0.0821838H117.192V1.08218Z" />
+        <path d="M118.992 1.08218H119.992V0.0821838H118.992V1.08218Z" />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashDotDot.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashDotDot.tsx
index 057b174644..5c2276919c 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashDotDot.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashDotDot.tsx
@@ -14,35 +14,35 @@
  * limitations under the License.
  */
 
-export const BorderDashDotDot = () => (
-    <svg width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M-0.0100098 1.15771H0.98999V0.157715H-0.0100098V1.15771Z" fill="black" />
-        <path d="M2.78992 1.15771H5.78992V0.157715H2.78992V1.15771Z" fill="black" />
-        <path d="M8.58984 1.15771H7.58984V0.157715H8.58984V1.15771Z" fill="black" />
-        <path d="M10.3899 1.15771H11.3899V0.157715H10.3899V1.15771Z" fill="black" />
-        <path d="M19.0903 1.15771H18.0903V0.157715H19.0903V1.15771Z" fill="black" />
-        <path d="M20.8903 1.15771H23.8903V0.157715H20.8903V1.15771Z" fill="black" />
-        <path d="M26.6902 1.15771H25.6902V0.157715H26.6902V1.15771Z" fill="black" />
-        <path d="M28.4902 1.15771H29.4902V0.157715H28.4902V1.15771Z" fill="black" />
-        <path d="M37.1907 1.15771H36.1907V0.157715H37.1907V1.15771Z" fill="black" />
-        <path d="M38.9906 1.15771H41.9906V0.157715H38.9906V1.15771Z" fill="black" />
-        <path d="M44.7905 1.15771H43.7905V0.157715H44.7905V1.15771Z" fill="black" />
-        <path d="M46.5906 1.15771H47.5906V0.157715H46.5906V1.15771Z" fill="black" />
-        <path d="M55.291 1.15771H54.291V0.157715H55.291V1.15771Z" fill="black" />
-        <path d="M57.0909 1.15771H60.0909V0.157715H57.0909V1.15771Z" fill="black" />
-        <path d="M62.8909 1.15771H61.8909V0.157715H62.8909V1.15771Z" fill="black" />
-        <path d="M64.6909 1.15771H65.6909V0.157715H64.6909V1.15771Z" fill="black" />
-        <path d="M73.3914 1.15771H72.3914V0.157715H73.3914V1.15771Z" fill="black" />
-        <path d="M75.1913 1.15771H78.1913V0.157715H75.1913V1.15771Z" fill="black" />
-        <path d="M80.9912 1.15771H79.9912V0.157715H80.9912V1.15771Z" fill="black" />
-        <path d="M82.7913 1.15771H83.7913V0.157715H82.7913V1.15771Z" fill="black" />
-        <path d="M91.4917 1.15771H90.4917V0.157715H91.4917V1.15771Z" fill="black" />
-        <path d="M93.2916 1.15771H96.2916V0.157715H93.2916V1.15771Z" fill="black" />
-        <path d="M99.0916 1.15771H98.0916V0.157715H99.0916V1.15771Z" fill="black" />
-        <path d="M100.892 1.15771H101.892V0.157715H100.892V1.15771Z" fill="black" />
-        <path d="M109.592 1.15771H108.592V0.157715H109.592V1.15771Z" fill="black" />
-        <path d="M111.392 1.15771H114.392V0.157715H111.392V1.15771Z" fill="black" />
-        <path d="M117.192 1.15771H116.192V0.157715H117.192V1.15771Z" fill="black" />
-        <path d="M118.992 1.15771H119.992V0.157715H118.992V1.15771Z" fill="black" />
+export const BorderDashDotDot = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M-0.0100098 1.15771H0.98999V0.157715H-0.0100098V1.15771Z" />
+        <path d="M2.78992 1.15771H5.78992V0.157715H2.78992V1.15771Z" />
+        <path d="M8.58984 1.15771H7.58984V0.157715H8.58984V1.15771Z" />
+        <path d="M10.3899 1.15771H11.3899V0.157715H10.3899V1.15771Z" />
+        <path d="M19.0903 1.15771H18.0903V0.157715H19.0903V1.15771Z" />
+        <path d="M20.8903 1.15771H23.8903V0.157715H20.8903V1.15771Z" />
+        <path d="M26.6902 1.15771H25.6902V0.157715H26.6902V1.15771Z" />
+        <path d="M28.4902 1.15771H29.4902V0.157715H28.4902V1.15771Z" />
+        <path d="M37.1907 1.15771H36.1907V0.157715H37.1907V1.15771Z" />
+        <path d="M38.9906 1.15771H41.9906V0.157715H38.9906V1.15771Z" />
+        <path d="M44.7905 1.15771H43.7905V0.157715H44.7905V1.15771Z" />
+        <path d="M46.5906 1.15771H47.5906V0.157715H46.5906V1.15771Z" />
+        <path d="M55.291 1.15771H54.291V0.157715H55.291V1.15771Z" />
+        <path d="M57.0909 1.15771H60.0909V0.157715H57.0909V1.15771Z" />
+        <path d="M62.8909 1.15771H61.8909V0.157715H62.8909V1.15771Z" />
+        <path d="M64.6909 1.15771H65.6909V0.157715H64.6909V1.15771Z" />
+        <path d="M73.3914 1.15771H72.3914V0.157715H73.3914V1.15771Z" />
+        <path d="M75.1913 1.15771H78.1913V0.157715H75.1913V1.15771Z" />
+        <path d="M80.9912 1.15771H79.9912V0.157715H80.9912V1.15771Z" />
+        <path d="M82.7913 1.15771H83.7913V0.157715H82.7913V1.15771Z" />
+        <path d="M91.4917 1.15771H90.4917V0.157715H91.4917V1.15771Z" />
+        <path d="M93.2916 1.15771H96.2916V0.157715H93.2916V1.15771Z" />
+        <path d="M99.0916 1.15771H98.0916V0.157715H99.0916V1.15771Z" />
+        <path d="M100.892 1.15771H101.892V0.157715H100.892V1.15771Z" />
+        <path d="M109.592 1.15771H108.592V0.157715H109.592V1.15771Z" />
+        <path d="M111.392 1.15771H114.392V0.157715H111.392V1.15771Z" />
+        <path d="M117.192 1.15771H116.192V0.157715H117.192V1.15771Z" />
+        <path d="M118.992 1.15771H119.992V0.157715H118.992V1.15771Z" />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashed.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashed.tsx
index a901464cb8..4051f9550d 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashed.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDashed.tsx
@@ -14,27 +14,27 @@
  * limitations under the License.
  */
 
-export const BorderDashed = () => (
-    <svg width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M-0.00842285 1.22449H2.99158V0.224487H-0.00842285V1.22449Z" fill="black" />
-        <path d="M6.14941 1.22449H9.14941V0.224487H6.14941V1.22449Z" fill="black" />
-        <path d="M15.3073 1.22449H12.3073V0.224487H15.3073V1.22449Z" fill="black" />
-        <path d="M18.4651 1.22449H21.4651V0.224487H18.4651V1.22449Z" fill="black" />
-        <path d="M27.6229 1.22449H24.6229V0.224487H27.6229V1.22449Z" fill="black" />
-        <path d="M30.7808 1.22449H33.7808V0.224487H30.7808V1.22449Z" fill="black" />
-        <path d="M39.9386 1.22449H36.9386V0.224487H39.9386V1.22449Z" fill="black" />
-        <path d="M43.0964 1.22449H46.0964V0.224487H43.0964V1.22449Z" fill="black" />
-        <path d="M52.2543 1.22449H49.2543V0.224487H52.2543V1.22449Z" fill="black" />
-        <path d="M55.4121 1.22449H58.4121V0.224487H55.4121V1.22449Z" fill="black" />
-        <path d="M64.5699 1.22449H61.5699V0.224487H64.5699V1.22449Z" fill="black" />
-        <path d="M67.7278 1.22449H70.7278V0.224487H67.7278V1.22449Z" fill="black" />
-        <path d="M76.8856 1.22449H73.8856V0.224487H76.8856V1.22449Z" fill="black" />
-        <path d="M80.0435 1.22449H83.0435V0.224487H80.0435V1.22449Z" fill="black" />
-        <path d="M89.2013 1.22449H86.2013V0.224487H89.2013V1.22449Z" fill="black" />
-        <path d="M92.3591 1.22449H95.3591V0.224487H92.3591V1.22449Z" fill="black" />
-        <path d="M101.517 1.22449H98.517V0.224487H101.517V1.22449Z" fill="black" />
-        <path d="M104.675 1.22449H107.675V0.224487H104.675V1.22449Z" fill="black" />
-        <path d="M113.833 1.22449H110.833V0.224487H113.833V1.22449Z" fill="black" />
-        <path d="M116.99 1.22449H119.99V0.224487H116.99V1.22449Z" fill="black" />
+export const BorderDashed = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M-0.00842285 1.22449H2.99158V0.224487H-0.00842285V1.22449Z" />
+        <path d="M6.14941 1.22449H9.14941V0.224487H6.14941V1.22449Z" />
+        <path d="M15.3073 1.22449H12.3073V0.224487H15.3073V1.22449Z" />
+        <path d="M18.4651 1.22449H21.4651V0.224487H18.4651V1.22449Z" />
+        <path d="M27.6229 1.22449H24.6229V0.224487H27.6229V1.22449Z" />
+        <path d="M30.7808 1.22449H33.7808V0.224487H30.7808V1.22449Z" />
+        <path d="M39.9386 1.22449H36.9386V0.224487H39.9386V1.22449Z" />
+        <path d="M43.0964 1.22449H46.0964V0.224487H43.0964V1.22449Z" />
+        <path d="M52.2543 1.22449H49.2543V0.224487H52.2543V1.22449Z" />
+        <path d="M55.4121 1.22449H58.4121V0.224487H55.4121V1.22449Z" />
+        <path d="M64.5699 1.22449H61.5699V0.224487H64.5699V1.22449Z" />
+        <path d="M67.7278 1.22449H70.7278V0.224487H67.7278V1.22449Z" />
+        <path d="M76.8856 1.22449H73.8856V0.224487H76.8856V1.22449Z" />
+        <path d="M80.0435 1.22449H83.0435V0.224487H80.0435V1.22449Z" />
+        <path d="M89.2013 1.22449H86.2013V0.224487H89.2013V1.22449Z" />
+        <path d="M92.3591 1.22449H95.3591V0.224487H92.3591V1.22449Z" />
+        <path d="M101.517 1.22449H98.517V0.224487H101.517V1.22449Z" />
+        <path d="M104.675 1.22449H107.675V0.224487H104.675V1.22449Z" />
+        <path d="M113.833 1.22449H110.833V0.224487H113.833V1.22449Z" />
+        <path d="M116.99 1.22449H119.99V0.224487H116.99V1.22449Z" />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDotted.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDotted.tsx
index 705add4aa5..735300ff6d 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDotted.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderDotted.tsx
@@ -14,39 +14,39 @@
  * limitations under the License.
  */
 
-export const BorderDotted = () => (
-    <svg width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M0.491699 1.69537H1.4917V0.695374H0.491699V1.69537Z" fill="black" />
-        <path d="M4.2981 1.69537H5.2981V0.695374H4.2981V1.69537Z" fill="black" />
-        <path d="M9.10449 1.69537H8.10449V0.695374H9.10449V1.69537Z" fill="black" />
-        <path d="M11.9109 1.69537H12.9109V0.695374H11.9109V1.69537Z" fill="black" />
-        <path d="M16.7173 1.69537H15.7173V0.695374H16.7173V1.69537Z" fill="black" />
-        <path d="M19.5237 1.69537H20.5237V0.695374H19.5237V1.69537Z" fill="black" />
-        <path d="M24.3301 1.69537H23.3301V0.695374H24.3301V1.69537Z" fill="black" />
-        <path d="M27.1365 1.69537H28.1365V0.695374H27.1365V1.69537Z" fill="black" />
-        <path d="M31.9429 1.69537H30.9429V0.695374H31.9429V1.69537Z" fill="black" />
-        <path d="M34.7493 1.69537H35.7493V0.695374H34.7493V1.69537Z" fill="black" />
-        <path d="M39.5557 1.69537H38.5557V0.695374H39.5557V1.69537Z" fill="black" />
-        <path d="M42.3621 1.69537H43.3621V0.695374H42.3621V1.69537Z" fill="black" />
-        <path d="M47.1685 1.69537H46.1685V0.695374H47.1685V1.69537Z" fill="black" />
-        <path d="M49.9749 1.69537H50.9749V0.695374H49.9749V1.69537Z" fill="black" />
-        <path d="M54.7812 1.69537H53.7812V0.695374H54.7812V1.69537Z" fill="black" />
-        <path d="M57.5876 1.69537H58.5876V0.695374H57.5876V1.69537Z" fill="black" />
-        <path d="M62.394 1.69537H61.394V0.695374H62.394V1.69537Z" fill="black" />
-        <path d="M65.2004 1.69537H66.2004V0.695374H65.2004V1.69537Z" fill="black" />
-        <path d="M70.0068 1.69537H69.0068V0.695374H70.0068V1.69537Z" fill="black" />
-        <path d="M72.8132 1.69537H73.8132V0.695374H72.8132V1.69537Z" fill="black" />
-        <path d="M77.6196 1.69537H76.6196V0.695374H77.6196V1.69537Z" fill="black" />
-        <path d="M80.426 1.69537H81.426V0.695374H80.426V1.69537Z" fill="black" />
-        <path d="M85.2324 1.69537H84.2324V0.695374H85.2324V1.69537Z" fill="black" />
-        <path d="M88.0388 1.69537H89.0388V0.695374H88.0388V1.69537Z" fill="black" />
-        <path d="M92.8452 1.69537H91.8452V0.695374H92.8452V1.69537Z" fill="black" />
-        <path d="M95.6516 1.69537H96.6516V0.695374H95.6516V1.69537Z" fill="black" />
-        <path d="M100.458 1.69537H99.458V0.695374H100.458V1.69537Z" fill="black" />
-        <path d="M103.264 1.69537H104.264V0.695374H103.264V1.69537Z" fill="black" />
-        <path d="M108.071 1.69537H107.071V0.695374H108.071V1.69537Z" fill="black" />
-        <path d="M110.877 1.69537H111.877V0.695374H110.877V1.69537Z" fill="black" />
-        <path d="M115.684 1.69537H114.684V0.695374H115.684V1.69537Z" fill="black" />
-        <path d="M118.49 1.69537H119.49V0.695374H118.49V1.69537Z" fill="black" />
+export const BorderDotted = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M0.491699 1.69537H1.4917V0.695374H0.491699V1.69537Z" />
+        <path d="M4.2981 1.69537H5.2981V0.695374H4.2981V1.69537Z" />
+        <path d="M9.10449 1.69537H8.10449V0.695374H9.10449V1.69537Z" />
+        <path d="M11.9109 1.69537H12.9109V0.695374H11.9109V1.69537Z" />
+        <path d="M16.7173 1.69537H15.7173V0.695374H16.7173V1.69537Z" />
+        <path d="M19.5237 1.69537H20.5237V0.695374H19.5237V1.69537Z" />
+        <path d="M24.3301 1.69537H23.3301V0.695374H24.3301V1.69537Z" />
+        <path d="M27.1365 1.69537H28.1365V0.695374H27.1365V1.69537Z" />
+        <path d="M31.9429 1.69537H30.9429V0.695374H31.9429V1.69537Z" />
+        <path d="M34.7493 1.69537H35.7493V0.695374H34.7493V1.69537Z" />
+        <path d="M39.5557 1.69537H38.5557V0.695374H39.5557V1.69537Z" />
+        <path d="M42.3621 1.69537H43.3621V0.695374H42.3621V1.69537Z" />
+        <path d="M47.1685 1.69537H46.1685V0.695374H47.1685V1.69537Z" />
+        <path d="M49.9749 1.69537H50.9749V0.695374H49.9749V1.69537Z" />
+        <path d="M54.7812 1.69537H53.7812V0.695374H54.7812V1.69537Z" />
+        <path d="M57.5876 1.69537H58.5876V0.695374H57.5876V1.69537Z" />
+        <path d="M62.394 1.69537H61.394V0.695374H62.394V1.69537Z" />
+        <path d="M65.2004 1.69537H66.2004V0.695374H65.2004V1.69537Z" />
+        <path d="M70.0068 1.69537H69.0068V0.695374H70.0068V1.69537Z" />
+        <path d="M72.8132 1.69537H73.8132V0.695374H72.8132V1.69537Z" />
+        <path d="M77.6196 1.69537H76.6196V0.695374H77.6196V1.69537Z" />
+        <path d="M80.426 1.69537H81.426V0.695374H80.426V1.69537Z" />
+        <path d="M85.2324 1.69537H84.2324V0.695374H85.2324V1.69537Z" />
+        <path d="M88.0388 1.69537H89.0388V0.695374H88.0388V1.69537Z" />
+        <path d="M92.8452 1.69537H91.8452V0.695374H92.8452V1.69537Z" />
+        <path d="M95.6516 1.69537H96.6516V0.695374H95.6516V1.69537Z" />
+        <path d="M100.458 1.69537H99.458V0.695374H100.458V1.69537Z" />
+        <path d="M103.264 1.69537H104.264V0.695374H103.264V1.69537Z" />
+        <path d="M108.071 1.69537H107.071V0.695374H108.071V1.69537Z" />
+        <path d="M110.877 1.69537H111.877V0.695374H110.877V1.69537Z" />
+        <path d="M115.684 1.69537H114.684V0.695374H115.684V1.69537Z" />
+        <path d="M118.49 1.69537H119.49V0.695374H118.49V1.69537Z" />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderHair.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderHair.tsx
index 0499abe1da..7ac2989a37 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderHair.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderHair.tsx
@@ -14,59 +14,59 @@
  * limitations under the License.
  */
 
-export const BorderHair = () => (
-    <svg width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M-0.00976562 1.65707H0.990234V0.657074H-0.00976562V1.65707Z" fill="black" />
-        <path d="M2.32361 1.65707H3.32361V0.657074H2.32361V1.65707Z" fill="black" />
-        <path d="M5.65698 1.65707H4.65698V0.657074H5.65698V1.65707Z" fill="black" />
-        <path d="M6.99036 1.65707H7.99036V0.657074H6.99036V1.65707Z" fill="black" />
-        <path d="M10.3237 1.65707H9.32373V0.657074H10.3237V1.65707Z" fill="black" />
-        <path d="M11.6571 1.65707H12.6571V0.657074H11.6571V1.65707Z" fill="black" />
-        <path d="M14.9905 1.65707H13.9905V0.657074H14.9905V1.65707Z" fill="black" />
-        <path d="M16.3239 1.65707H17.3239V0.657074H16.3239V1.65707Z" fill="black" />
-        <path d="M19.6572 1.65707H18.6572V0.657074H19.6572V1.65707Z" fill="black" />
-        <path d="M20.9906 1.65707H21.9906V0.657074H20.9906V1.65707Z" fill="black" />
-        <path d="M24.324 1.65707H23.324V0.657074H24.324V1.65707Z" fill="black" />
-        <path d="M25.6573 1.65707H26.6573V0.657074H25.6573V1.65707Z" fill="black" />
-        <path d="M28.9907 1.65707H27.9907V0.657074H28.9907V1.65707Z" fill="black" />
-        <path d="M30.3241 1.65707H31.3241V0.657074H30.3241V1.65707Z" fill="black" />
-        <path d="M33.6575 1.65707H32.6575V0.657074H33.6575V1.65707Z" fill="black" />
-        <path d="M34.9908 1.65707H35.9908V0.657074H34.9908V1.65707Z" fill="black" />
-        <path d="M38.3242 1.65707H37.3242V0.657074H38.3242V1.65707Z" fill="black" />
-        <path d="M39.6576 1.65707H40.6576V0.657074H39.6576V1.65707Z" fill="black" />
-        <path d="M42.991 1.65707H41.991V0.657074H42.991V1.65707Z" fill="black" />
-        <path d="M44.3243 1.65707H45.3243V0.657074H44.3243V1.65707Z" fill="black" />
-        <path d="M47.6577 1.65707H46.6577V0.657074H47.6577V1.65707Z" fill="black" />
-        <path d="M48.9911 1.65707H49.9911V0.657074H48.9911V1.65707Z" fill="black" />
-        <path d="M52.3245 1.65707H51.3245V0.657074H52.3245V1.65707Z" fill="black" />
-        <path d="M53.6578 1.65707H54.6578V0.657074H53.6578V1.65707Z" fill="black" />
-        <path d="M56.9912 1.65707H55.9912V0.657074H56.9912V1.65707Z" fill="black" />
-        <path d="M58.3246 1.65707H59.3246V0.657074H58.3246V1.65707Z" fill="black" />
-        <path d="M61.658 1.65707H60.658V0.657074H61.658V1.65707Z" fill="black" />
-        <path d="M62.9913 1.65707H63.9913V0.657074H62.9913V1.65707Z" fill="black" />
-        <path d="M66.3247 1.65707H65.3247V0.657074H66.3247V1.65707Z" fill="black" />
-        <path d="M67.6581 1.65707H68.6581V0.657074H67.6581V1.65707Z" fill="black" />
-        <path d="M70.9915 1.65707H69.9915V0.657074H70.9915V1.65707Z" fill="black" />
-        <path d="M72.3248 1.65707H73.3248V0.657074H72.3248V1.65707Z" fill="black" />
-        <path d="M75.6582 1.65707H74.6582V0.657074H75.6582V1.65707Z" fill="black" />
-        <path d="M76.9916 1.65707H77.9916V0.657074H76.9916V1.65707Z" fill="black" />
-        <path d="M80.325 1.65707H79.325V0.657074H80.325V1.65707Z" fill="black" />
-        <path d="M81.6583 1.65707H82.6583V0.657074H81.6583V1.65707Z" fill="black" />
-        <path d="M84.9917 1.65707H83.9917V0.657074H84.9917V1.65707Z" fill="black" />
-        <path d="M86.3251 1.65707H87.3251V0.657074H86.3251V1.65707Z" fill="black" />
-        <path d="M89.6584 1.65707H88.6584V0.657074H89.6584V1.65707Z" fill="black" />
-        <path d="M90.9918 1.65707H91.9918V0.657074H90.9918V1.65707Z" fill="black" />
-        <path d="M94.3252 1.65707H93.3252V0.657074H94.3252V1.65707Z" fill="black" />
-        <path d="M95.6586 1.65707H96.6586V0.657074H95.6586V1.65707Z" fill="black" />
-        <path d="M98.9919 1.65707H97.9919V0.657074H98.9919V1.65707Z" fill="black" />
-        <path d="M100.325 1.65707H101.325V0.657074H100.325V1.65707Z" fill="black" />
-        <path d="M103.659 1.65707H102.659V0.657074H103.659V1.65707Z" fill="black" />
-        <path d="M104.992 1.65707H105.992V0.657074H104.992V1.65707Z" fill="black" />
-        <path d="M108.325 1.65707H107.325V0.657074H108.325V1.65707Z" fill="black" />
-        <path d="M109.659 1.65707H110.659V0.657074H109.659V1.65707Z" fill="black" />
-        <path d="M112.992 1.65707H111.992V0.657074H112.992V1.65707Z" fill="black" />
-        <path d="M114.325 1.65707H115.325V0.657074H114.325V1.65707Z" fill="black" />
-        <path d="M117.659 1.65707H116.659V0.657074H117.659V1.65707Z" fill="black" />
-        <path d="M118.992 1.65707H119.992V0.657074H118.992V1.65707Z" fill="black" />
+export const BorderHair = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M-0.00976562 1.65707H0.990234V0.657074H-0.00976562V1.65707Z" />
+        <path d="M2.32361 1.65707H3.32361V0.657074H2.32361V1.65707Z" />
+        <path d="M5.65698 1.65707H4.65698V0.657074H5.65698V1.65707Z" />
+        <path d="M6.99036 1.65707H7.99036V0.657074H6.99036V1.65707Z" />
+        <path d="M10.3237 1.65707H9.32373V0.657074H10.3237V1.65707Z" />
+        <path d="M11.6571 1.65707H12.6571V0.657074H11.6571V1.65707Z" />
+        <path d="M14.9905 1.65707H13.9905V0.657074H14.9905V1.65707Z" />
+        <path d="M16.3239 1.65707H17.3239V0.657074H16.3239V1.65707Z" />
+        <path d="M19.6572 1.65707H18.6572V0.657074H19.6572V1.65707Z" />
+        <path d="M20.9906 1.65707H21.9906V0.657074H20.9906V1.65707Z" />
+        <path d="M24.324 1.65707H23.324V0.657074H24.324V1.65707Z" />
+        <path d="M25.6573 1.65707H26.6573V0.657074H25.6573V1.65707Z" />
+        <path d="M28.9907 1.65707H27.9907V0.657074H28.9907V1.65707Z" />
+        <path d="M30.3241 1.65707H31.3241V0.657074H30.3241V1.65707Z" />
+        <path d="M33.6575 1.65707H32.6575V0.657074H33.6575V1.65707Z" />
+        <path d="M34.9908 1.65707H35.9908V0.657074H34.9908V1.65707Z" />
+        <path d="M38.3242 1.65707H37.3242V0.657074H38.3242V1.65707Z" />
+        <path d="M39.6576 1.65707H40.6576V0.657074H39.6576V1.65707Z" />
+        <path d="M42.991 1.65707H41.991V0.657074H42.991V1.65707Z" />
+        <path d="M44.3243 1.65707H45.3243V0.657074H44.3243V1.65707Z" />
+        <path d="M47.6577 1.65707H46.6577V0.657074H47.6577V1.65707Z" />
+        <path d="M48.9911 1.65707H49.9911V0.657074H48.9911V1.65707Z" />
+        <path d="M52.3245 1.65707H51.3245V0.657074H52.3245V1.65707Z" />
+        <path d="M53.6578 1.65707H54.6578V0.657074H53.6578V1.65707Z" />
+        <path d="M56.9912 1.65707H55.9912V0.657074H56.9912V1.65707Z" />
+        <path d="M58.3246 1.65707H59.3246V0.657074H58.3246V1.65707Z" />
+        <path d="M61.658 1.65707H60.658V0.657074H61.658V1.65707Z" />
+        <path d="M62.9913 1.65707H63.9913V0.657074H62.9913V1.65707Z" />
+        <path d="M66.3247 1.65707H65.3247V0.657074H66.3247V1.65707Z" />
+        <path d="M67.6581 1.65707H68.6581V0.657074H67.6581V1.65707Z" />
+        <path d="M70.9915 1.65707H69.9915V0.657074H70.9915V1.65707Z" />
+        <path d="M72.3248 1.65707H73.3248V0.657074H72.3248V1.65707Z" />
+        <path d="M75.6582 1.65707H74.6582V0.657074H75.6582V1.65707Z" />
+        <path d="M76.9916 1.65707H77.9916V0.657074H76.9916V1.65707Z" />
+        <path d="M80.325 1.65707H79.325V0.657074H80.325V1.65707Z" />
+        <path d="M81.6583 1.65707H82.6583V0.657074H81.6583V1.65707Z" />
+        <path d="M84.9917 1.65707H83.9917V0.657074H84.9917V1.65707Z" />
+        <path d="M86.3251 1.65707H87.3251V0.657074H86.3251V1.65707Z" />
+        <path d="M89.6584 1.65707H88.6584V0.657074H89.6584V1.65707Z" />
+        <path d="M90.9918 1.65707H91.9918V0.657074H90.9918V1.65707Z" />
+        <path d="M94.3252 1.65707H93.3252V0.657074H94.3252V1.65707Z" />
+        <path d="M95.6586 1.65707H96.6586V0.657074H95.6586V1.65707Z" />
+        <path d="M98.9919 1.65707H97.9919V0.657074H98.9919V1.65707Z" />
+        <path d="M100.325 1.65707H101.325V0.657074H100.325V1.65707Z" />
+        <path d="M103.659 1.65707H102.659V0.657074H103.659V1.65707Z" />
+        <path d="M104.992 1.65707H105.992V0.657074H104.992V1.65707Z" />
+        <path d="M108.325 1.65707H107.325V0.657074H108.325V1.65707Z" />
+        <path d="M109.659 1.65707H110.659V0.657074H109.659V1.65707Z" />
+        <path d="M112.992 1.65707H111.992V0.657074H112.992V1.65707Z" />
+        <path d="M114.325 1.65707H115.325V0.657074H114.325V1.65707Z" />
+        <path d="M117.659 1.65707H116.659V0.657074H117.659V1.65707Z" />
+        <path d="M118.992 1.65707H119.992V0.657074H118.992V1.65707Z" />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMedium.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMedium.tsx
index 0f264d4d08..10b7d39fbf 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMedium.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMedium.tsx
@@ -14,13 +14,12 @@
  * limitations under the License.
  */
 
-export const BorderMedium = () => (
-    <svg width="120" height="3" viewBox="0 0 120 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+export const BorderMedium = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="3" viewBox="0 0 120 3" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path
             fillRule="evenodd"
             clipRule="evenodd"
             d="M119.991 2.42035H-0.0090332V0.420349H119.991V2.42035Z"
-            fill="black"
         />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashDot.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashDot.tsx
index 3cf283e061..1afe646dc3 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashDot.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashDot.tsx
@@ -14,25 +14,25 @@
  * limitations under the License.
  */
 
-export const BorderMediumDashDot = () => (
-    <svg width="120" height="3" viewBox="0 0 120 3" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M-0.0100098 2.47614H1.98999V0.476135H-0.0100098V2.47614Z" fill="black" />
-        <path d="M3.99014 2.47614H9.99014V0.476135H3.99014V2.47614Z" fill="black" />
-        <path d="M13.9901 2.47614H11.9901V0.476135H13.9901V2.47614Z" fill="black" />
-        <path d="M21.1904 2.47614H23.1904V0.476135H21.1904V2.47614Z" fill="black" />
-        <path d="M31.1906 2.47614H25.1906V0.476135H31.1906V2.47614Z" fill="black" />
-        <path d="M33.1906 2.47614H35.1906V0.476135H33.1906V2.47614Z" fill="black" />
-        <path d="M44.3909 2.47614H42.3909V0.476135H44.3909V2.47614Z" fill="black" />
-        <path d="M46.391 2.47614H52.391V0.476135H46.391V2.47614Z" fill="black" />
-        <path d="M56.391 2.47614H54.391V0.476135H56.391V2.47614Z" fill="black" />
-        <path d="M63.5913 2.47614H65.5913V0.476135H63.5913V2.47614Z" fill="black" />
-        <path d="M73.5915 2.47614H67.5915V0.476135H73.5915V2.47614Z" fill="black" />
-        <path d="M75.5915 2.47614H77.5915V0.476135H75.5915V2.47614Z" fill="black" />
-        <path d="M86.7917 2.47614H84.7917V0.476135H86.7917V2.47614Z" fill="black" />
-        <path d="M88.7919 2.47614H94.7919V0.476135H88.7919V2.47614Z" fill="black" />
-        <path d="M98.7919 2.47614H96.7919V0.476135H98.7919V2.47614Z" fill="black" />
-        <path d="M105.992 2.47614H107.992V0.476135H105.992V2.47614Z" fill="black" />
-        <path d="M115.992 2.47614H109.992V0.476135H115.992V2.47614Z" fill="black" />
-        <path d="M117.992 2.47614H119.992V0.476135H117.992V2.47614Z" fill="black" />
+export const BorderMediumDashDot = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="3" viewBox="0 0 120 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M-0.0100098 2.47614H1.98999V0.476135H-0.0100098V2.47614Z" />
+        <path d="M3.99014 2.47614H9.99014V0.476135H3.99014V2.47614Z" />
+        <path d="M13.9901 2.47614H11.9901V0.476135H13.9901V2.47614Z" />
+        <path d="M21.1904 2.47614H23.1904V0.476135H21.1904V2.47614Z" />
+        <path d="M31.1906 2.47614H25.1906V0.476135H31.1906V2.47614Z" />
+        <path d="M33.1906 2.47614H35.1906V0.476135H33.1906V2.47614Z" />
+        <path d="M44.3909 2.47614H42.3909V0.476135H44.3909V2.47614Z" />
+        <path d="M46.391 2.47614H52.391V0.476135H46.391V2.47614Z" />
+        <path d="M56.391 2.47614H54.391V0.476135H56.391V2.47614Z" />
+        <path d="M63.5913 2.47614H65.5913V0.476135H63.5913V2.47614Z" />
+        <path d="M73.5915 2.47614H67.5915V0.476135H73.5915V2.47614Z" />
+        <path d="M75.5915 2.47614H77.5915V0.476135H75.5915V2.47614Z" />
+        <path d="M86.7917 2.47614H84.7917V0.476135H86.7917V2.47614Z" />
+        <path d="M88.7919 2.47614H94.7919V0.476135H88.7919V2.47614Z" />
+        <path d="M98.7919 2.47614H96.7919V0.476135H98.7919V2.47614Z" />
+        <path d="M105.992 2.47614H107.992V0.476135H105.992V2.47614Z" />
+        <path d="M115.992 2.47614H109.992V0.476135H115.992V2.47614Z" />
+        <path d="M117.992 2.47614H119.992V0.476135H117.992V2.47614Z" />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashDotDot.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashDotDot.tsx
index 0e149054d3..44d6cb12c7 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashDotDot.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashDotDot.tsx
@@ -14,27 +14,27 @@
  * limitations under the License.
  */
 
-export const BorderMediumDashDotDot = () => (
-    <svg width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M-0.0100098 2.00415H1.98999V0.00415039H-0.0100098V2.00415Z" fill="black" />
-        <path d="M3.99014 2.00415H9.99014V0.00415039H3.99014V2.00415Z" fill="black" />
-        <path d="M13.9901 2.00415H11.9901V0.00415039H13.9901V2.00415Z" fill="black" />
-        <path d="M15.9901 2.00415H17.9901V0.00415039H15.9901V2.00415Z" fill="black" />
-        <path d="M27.4905 2.00415H25.4905V0.00415039H27.4905V2.00415Z" fill="black" />
-        <path d="M29.4906 2.00415H35.4906V0.00415039H29.4906V2.00415Z" fill="black" />
-        <path d="M39.4906 2.00415H37.4906V0.00415039H39.4906V2.00415Z" fill="black" />
-        <path d="M41.4906 2.00415H43.4906V0.00415039H41.4906V2.00415Z" fill="black" />
-        <path d="M52.991 2.00415H50.991V0.00415039H52.991V2.00415Z" fill="black" />
-        <path d="M54.9911 2.00415H60.9911V0.00415039H54.9911V2.00415Z" fill="black" />
-        <path d="M64.9911 2.00415H62.9911V0.00415039H64.9911V2.00415Z" fill="black" />
-        <path d="M66.9911 2.00415H68.9911V0.00415039H66.9911V2.00415Z" fill="black" />
-        <path d="M78.4915 2.00415H76.4915V0.00415039H78.4915V2.00415Z" fill="black" />
-        <path d="M80.4916 2.00415H86.4916V0.00415039H80.4916V2.00415Z" fill="black" />
-        <path d="M90.4916 2.00415H88.4916V0.00415039H90.4916V2.00415Z" fill="black" />
-        <path d="M92.4916 2.00415H94.4916V0.00415039H92.4916V2.00415Z" fill="black" />
-        <path d="M103.992 2.00415H101.992V0.00415039H103.992V2.00415Z" fill="black" />
-        <path d="M105.992 2.00415H111.992V0.00415039H105.992V2.00415Z" fill="black" />
-        <path d="M115.992 2.00415H113.992V0.00415039H115.992V2.00415Z" fill="black" />
-        <path d="M117.992 2.00415H119.992V0.00415039H117.992V2.00415Z" fill="black" />
+export const BorderMediumDashDotDot = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M-0.0100098 2.00415H1.98999V0.00415039H-0.0100098V2.00415Z" />
+        <path d="M3.99014 2.00415H9.99014V0.00415039H3.99014V2.00415Z" />
+        <path d="M13.9901 2.00415H11.9901V0.00415039H13.9901V2.00415Z" />
+        <path d="M15.9901 2.00415H17.9901V0.00415039H15.9901V2.00415Z" />
+        <path d="M27.4905 2.00415H25.4905V0.00415039H27.4905V2.00415Z" />
+        <path d="M29.4906 2.00415H35.4906V0.00415039H29.4906V2.00415Z" />
+        <path d="M39.4906 2.00415H37.4906V0.00415039H39.4906V2.00415Z" />
+        <path d="M41.4906 2.00415H43.4906V0.00415039H41.4906V2.00415Z" />
+        <path d="M52.991 2.00415H50.991V0.00415039H52.991V2.00415Z" />
+        <path d="M54.9911 2.00415H60.9911V0.00415039H54.9911V2.00415Z" />
+        <path d="M64.9911 2.00415H62.9911V0.00415039H64.9911V2.00415Z" />
+        <path d="M66.9911 2.00415H68.9911V0.00415039H66.9911V2.00415Z" />
+        <path d="M78.4915 2.00415H76.4915V0.00415039H78.4915V2.00415Z" />
+        <path d="M80.4916 2.00415H86.4916V0.00415039H80.4916V2.00415Z" />
+        <path d="M90.4916 2.00415H88.4916V0.00415039H90.4916V2.00415Z" />
+        <path d="M92.4916 2.00415H94.4916V0.00415039H92.4916V2.00415Z" />
+        <path d="M103.992 2.00415H101.992V0.00415039H103.992V2.00415Z" />
+        <path d="M105.992 2.00415H111.992V0.00415039H105.992V2.00415Z" />
+        <path d="M115.992 2.00415H113.992V0.00415039H115.992V2.00415Z" />
+        <path d="M117.992 2.00415H119.992V0.00415039H117.992V2.00415Z" />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashed.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashed.tsx
index c614f580b3..90f752e524 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashed.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderMediumDashed.tsx
@@ -14,27 +14,27 @@
  * limitations under the License.
  */
 
-export const BorderMediumDashed = () => (
-    <svg width="118" height="3" viewBox="0 0 118 3" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <path d="M-0.00854492 2.94815H1.99146V0.948151H-0.00854492V2.94815Z" fill="black" />
-        <path d="M6.09668 2.94815H8.09668V0.948151H6.09668V2.94815Z" fill="black" />
-        <path d="M14.2019 2.94815H12.2019V0.948151H14.2019V2.94815Z" fill="black" />
-        <path d="M18.3071 2.94815H20.3071V0.948151H18.3071V2.94815Z" fill="black" />
-        <path d="M26.4124 2.94815H24.4124V0.948151H26.4124V2.94815Z" fill="black" />
-        <path d="M30.5176 2.94815H32.5176V0.948151H30.5176V2.94815Z" fill="black" />
-        <path d="M38.6228 2.94815H36.6228V0.948151H38.6228V2.94815Z" fill="black" />
-        <path d="M42.728 2.94815H44.728V0.948151H42.728V2.94815Z" fill="black" />
-        <path d="M50.8333 2.94815H48.8333V0.948151H50.8333V2.94815Z" fill="black" />
-        <path d="M54.9385 2.94815H56.9385V0.948151H54.9385V2.94815Z" fill="black" />
-        <path d="M63.0437 2.94815H61.0437V0.948151H63.0437V2.94815Z" fill="black" />
-        <path d="M67.1489 2.94815H69.1489V0.948151H67.1489V2.94815Z" fill="black" />
-        <path d="M75.2542 2.94815H73.2542V0.948151H75.2542V2.94815Z" fill="black" />
-        <path d="M79.3594 2.94815H81.3594V0.948151H79.3594V2.94815Z" fill="black" />
-        <path d="M87.4645 2.94815H85.4645V0.948151H87.4645V2.94815Z" fill="black" />
-        <path d="M91.5697 2.94815H93.5697V0.948151H91.5697V2.94815Z" fill="black" />
-        <path d="M99.6749 2.94815H97.6749V0.948151H99.6749V2.94815Z" fill="black" />
-        <path d="M103.78 2.94815H105.78V0.948151H103.78V2.94815Z" fill="black" />
-        <path d="M111.885 2.94815H109.885V0.948151H111.885V2.94815Z" fill="black" />
-        <path d="M115.991 2.94815H117.991V0.948151H115.991V2.94815Z" fill="black" />
+export const BorderMediumDashed = ({ className }: { className: string }) => (
+    <svg className={className} width="118" height="3" viewBox="0 0 118 3" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M-0.00854492 2.94815H1.99146V0.948151H-0.00854492V2.94815Z" />
+        <path d="M6.09668 2.94815H8.09668V0.948151H6.09668V2.94815Z" />
+        <path d="M14.2019 2.94815H12.2019V0.948151H14.2019V2.94815Z" />
+        <path d="M18.3071 2.94815H20.3071V0.948151H18.3071V2.94815Z" />
+        <path d="M26.4124 2.94815H24.4124V0.948151H26.4124V2.94815Z" />
+        <path d="M30.5176 2.94815H32.5176V0.948151H30.5176V2.94815Z" />
+        <path d="M38.6228 2.94815H36.6228V0.948151H38.6228V2.94815Z" />
+        <path d="M42.728 2.94815H44.728V0.948151H42.728V2.94815Z" />
+        <path d="M50.8333 2.94815H48.8333V0.948151H50.8333V2.94815Z" />
+        <path d="M54.9385 2.94815H56.9385V0.948151H54.9385V2.94815Z" />
+        <path d="M63.0437 2.94815H61.0437V0.948151H63.0437V2.94815Z" />
+        <path d="M67.1489 2.94815H69.1489V0.948151H67.1489V2.94815Z" />
+        <path d="M75.2542 2.94815H73.2542V0.948151H75.2542V2.94815Z" />
+        <path d="M79.3594 2.94815H81.3594V0.948151H79.3594V2.94815Z" />
+        <path d="M87.4645 2.94815H85.4645V0.948151H87.4645V2.94815Z" />
+        <path d="M91.5697 2.94815H93.5697V0.948151H91.5697V2.94815Z" />
+        <path d="M99.6749 2.94815H97.6749V0.948151H99.6749V2.94815Z" />
+        <path d="M103.78 2.94815H105.78V0.948151H103.78V2.94815Z" />
+        <path d="M111.885 2.94815H109.885V0.948151H111.885V2.94815Z" />
+        <path d="M115.991 2.94815H117.991V0.948151H115.991V2.94815Z" />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderThick.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderThick.tsx
index a48db93a30..83db356ff1 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderThick.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderThick.tsx
@@ -14,13 +14,12 @@
  * limitations under the License.
  */
 
-export const BorderThick = () => (
-    <svg width="120" height="4" viewBox="0 0 120 4" fill="none" xmlns="http://www.w3.org/2000/svg">
+export const BorderThick = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="4" viewBox="0 0 120 4" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path
             fillRule="evenodd"
             clipRule="evenodd"
             d="M119.991 3.86215H-0.0090332V0.862152H119.991V3.86215Z"
-            fill="black"
         />
     </svg>
 );
diff --git a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderThin.tsx b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderThin.tsx
index ce5458feb7..016b2dc180 100644
--- a/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderThin.tsx
+++ b/packages/sheets-ui/src/components/border-panel/border-line/icons/BorderThin.tsx
@@ -14,13 +14,12 @@
  * limitations under the License.
  */
 
-export const BorderThin = () => (
-    <svg width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+export const BorderThin = ({ className }: { className: string }) => (
+    <svg className={className} width="120" height="2" viewBox="0 0 120 2" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path
             fillRule="evenodd"
             clipRule="evenodd"
             d="M119.991 1.15668H-0.0090332V0.156677H119.991V1.15668Z"
-            fill="black"
         />
     </svg>
 );
diff --git a/packages/sheets/package.json b/packages/sheets/package.json
index 3246fd0545..ed4e6f745d 100644
--- a/packages/sheets/package.json
+++ b/packages/sheets/package.json
@@ -81,7 +81,7 @@
         "@univerjs/core": "workspace:*",
         "@univerjs/engine-formula": "workspace:*",
         "@univerjs/engine-numfmt": "workspace:*",
-        "@univerjs/protocol": "0.1.45",
+        "@univerjs/protocol": "0.1.46",
         "@univerjs/rpc": "workspace:*"
     },
     "devDependencies": {
diff --git a/packages/themes/src/default.ts b/packages/themes/src/default.ts
index 8fb237ab75..2a8a2960ea 100644
--- a/packages/themes/src/default.ts
+++ b/packages/themes/src/default.ts
@@ -153,14 +153,14 @@ const defaultTheme = {
         1: 'purple.400',
         2: 'green.500',
         3: 'blue.500',
-        4: 'gold.400',
-        5: 'magenta.300',
+        4: 'yellow.400',
+        5: 'pink.300',
         6: 'jiqing.600',
         7: 'orange.400',
-        8: 'grey.800',
-        9: 'hyacinth.500',
+        8: 'gray.800',
+        9: 'indigo.500',
         10: 'red.300',
-        11: 'verdancy.600',
+        11: 'green.600',
         12: 'yellow.700',
     },
 };
diff --git a/packages/themes/src/green.ts b/packages/themes/src/green.ts
index 7634d038e5..2189bacaa1 100644
--- a/packages/themes/src/green.ts
+++ b/packages/themes/src/green.ts
@@ -155,14 +155,14 @@ const greenTheme: Theme = {
         1: 'purple.400',
         2: 'green.500',
         3: 'blue.500',
-        4: 'gold.400',
-        5: 'magenta.300',
+        4: 'yellow.400',
+        5: 'pink.300',
         6: 'jiqing.600',
         7: 'orange.400',
-        8: 'grey.800',
-        9: 'hyacinth.500',
+        8: 'gray.800',
+        9: 'indigo.500',
         10: 'red.300',
-        11: 'verdancy.600',
+        11: 'green.600',
         12: 'yellow.700',
     },
 };
diff --git a/packages/thread-comment/package.json b/packages/thread-comment/package.json
index 6b28607dad..e10e92f49c 100644
--- a/packages/thread-comment/package.json
+++ b/packages/thread-comment/package.json
@@ -59,8 +59,7 @@
         "rxjs": ">=7.0.0"
     },
     "dependencies": {
-        "@univerjs/core": "workspace:*",
-        "@univerjs/protocol": "0.1.45"
+        "@univerjs/core": "workspace:*"
     },
     "devDependencies": {
         "@univerjs-infra/shared": "workspace:*",
diff --git a/packages/thread-comment/src/controllers/tc-resource.controller.ts b/packages/thread-comment/src/controllers/tc-resource.controller.ts
index b4fe1a3ec3..ab9a6f5e76 100644
--- a/packages/thread-comment/src/controllers/tc-resource.controller.ts
+++ b/packages/thread-comment/src/controllers/tc-resource.controller.ts
@@ -15,8 +15,7 @@
  */
 
 import type { IThreadComment } from '../types/interfaces/i-thread-comment';
-import { Disposable, Inject, IResourceManagerService } from '@univerjs/core';
-import { UniverType } from '@univerjs/protocol';
+import { Disposable, Inject, IResourceManagerService, UniverInstanceType } from '@univerjs/core';
 import { ThreadCommentModel } from '../models/thread-comment.model';
 import { IThreadCommentDataSourceService } from '../services/tc-datasource.service';
 import { TC_PLUGIN_NAME } from '../types/const';
@@ -67,7 +66,7 @@ export class ThreadCommentResourceController extends Disposable {
         this.disposeWithMe(
             this._resourceManagerService.registerPluginResource({
                 pluginName: SHEET_UNIVER_THREAD_COMMENT_PLUGIN,
-                businesses: [UniverType.UNIVER_SHEET, UniverType.UNIVER_DOC],
+                businesses: [UniverInstanceType.UNIVER_SHEET, UniverInstanceType.UNIVER_DOC],
                 toJson: (unitID) => toJson(unitID),
                 parseJson: (json) => parseJson(json),
                 onUnLoad: (unitID) => {
diff --git a/packages/ui/src/components/custom-label/CustomLabel.tsx b/packages/ui/src/components/custom-label/CustomLabel.tsx
index bcb3b859c2..048dd86994 100644
--- a/packages/ui/src/components/custom-label/CustomLabel.tsx
+++ b/packages/ui/src/components/custom-label/CustomLabel.tsx
@@ -95,8 +95,8 @@ export function CustomLabel(props: ICustomLabelProps) {
             nodes.push(
                 <Icon
                     key={index++}
-                    className="univer-text-base"
-                    extend={{ colorChannel1: isValid ? realValue : '#2c53f1' }}
+                    className="univer-fill-primary-600 univer-text-base"
+                    extend={{ colorChannel1: isValid ? realValue : 'var(--univer-primary-600)' }}
                 />
             );
         }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4bd58720b3..46f197c66f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,7 @@ importers:
     devDependencies:
       '@antfu/eslint-config':
         specifier: 4.13.0
-        version: 4.13.0(@eslint-react/eslint-plugin@1.49.0(eslint@9.26.0(jiti@2.4.2))(ts-api-utils@2.1.0(typescript@5.8.3))(typescript@5.8.3))(@typescript-eslint/utils@8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@vue/compiler-sfc@3.5.13)(eslint-plugin-format@1.0.1(eslint@9.26.0(jiti@2.4.2)))(eslint-plugin-react-hooks@5.2.0(eslint@9.26.0(jiti@2.4.2)))(eslint-plugin-react-refresh@0.4.20(eslint@9.26.0(jiti@2.4.2)))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
+        version: 4.13.0(@eslint-react/eslint-plugin@1.49.0(eslint@9.26.0(jiti@2.4.2))(ts-api-utils@2.1.0(typescript@5.8.3))(typescript@5.8.3))(@typescript-eslint/utils@8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@vue/compiler-sfc@3.5.13)(eslint-plugin-format@1.0.1(eslint@9.26.0(jiti@2.4.2)))(eslint-plugin-react-hooks@5.2.0(eslint@9.26.0(jiti@2.4.2)))(eslint-plugin-react-refresh@0.4.20(eslint@9.26.0(jiti@2.4.2)))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
       '@commitlint/cli':
         specifier: ^19.8.1
         version: 19.8.1(@types/node@22.15.17)(typescript@5.8.3)
@@ -121,7 +121,7 @@ importers:
         version: 5.8.3
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   common/shared:
     dependencies:
@@ -132,11 +132,11 @@ importers:
         specifier: ^4.4.1
         version: 4.4.1(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
       '@vitejs/plugin-vue':
-        specifier: ^5.2.3
+        specifier: ^5.2.4
         version: 5.2.4(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))(vue@3.5.13(typescript@5.8.3))
       '@vitest/coverage-istanbul':
         specifier: ^3.1.3
-        version: 3.1.3(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
+        version: 3.1.3(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
       autoprefixer:
         specifier: ^10.4.21
         version: 10.4.21(postcss@8.5.3)
@@ -147,8 +147,8 @@ importers:
         specifier: ^11.3.0
         version: 11.3.0
       happy-dom:
-        specifier: 17.4.6
-        version: 17.4.6
+        specifier: 17.4.7
+        version: 17.4.7
       javascript-obfuscator:
         specifier: ^4.1.1
         version: 4.1.1
@@ -178,7 +178,7 @@ importers:
         version: 6.2.2
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
     devDependencies:
       '@types/fs-extra':
         specifier: ^11.0.4
@@ -190,8 +190,8 @@ importers:
         specifier: ^0.3.24
         version: 0.3.24
       '@univerjs/protocol':
-        specifier: 0.1.45
-        version: 0.1.45(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
+        specifier: 0.1.46
+        version: 0.1.46(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
 
   common/storybook:
     dependencies:
@@ -657,7 +657,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
     optionalDependencies:
       vue:
         specifier: '>=3.0.0'
@@ -707,7 +707,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages-experimental/uni-formula:
     dependencies:
@@ -726,7 +726,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages-experimental/uni-formula-ui:
     dependencies:
@@ -790,7 +790,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages-experimental/uni-sheets-ui:
     dependencies:
@@ -848,7 +848,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages-experimental/uni-slides-ui:
     dependencies:
@@ -897,7 +897,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages-experimental/uniui:
     dependencies:
@@ -958,7 +958,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/action-recorder:
     dependencies:
@@ -1004,13 +1004,13 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/core:
     dependencies:
       '@univerjs/protocol':
-        specifier: 0.1.45
-        version: 0.1.45(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
+        specifier: 0.1.46
+        version: 0.1.46(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
       '@univerjs/themes':
         specifier: workspace:*
         version: link:../themes
@@ -1074,7 +1074,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/data-validation:
     dependencies:
@@ -1086,8 +1086,8 @@ importers:
         specifier: workspace:*
         version: link:../../common/shared
       '@univerjs/protocol':
-        specifier: 0.1.45
-        version: 0.1.45(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
+        specifier: 0.1.46
+        version: 0.1.46(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
       '@univerjs/sheets':
         specifier: workspace:*
         version: link:../sheets
@@ -1102,7 +1102,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/design:
     dependencies:
@@ -1205,7 +1205,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/docs:
     dependencies:
@@ -1230,7 +1230,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/docs-drawing:
     dependencies:
@@ -1252,7 +1252,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/docs-drawing-ui:
     dependencies:
@@ -1310,7 +1310,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/docs-hyper-link:
     dependencies:
@@ -1329,7 +1329,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/docs-hyper-link-ui:
     dependencies:
@@ -1381,7 +1381,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/docs-mention-ui:
     dependencies:
@@ -1424,7 +1424,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/docs-quick-insert-ui:
     dependencies:
@@ -1485,7 +1485,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/docs-thread-comment-ui:
     dependencies:
@@ -1537,7 +1537,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/docs-ui:
     dependencies:
@@ -1595,7 +1595,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/drawing:
     dependencies:
@@ -1620,7 +1620,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/drawing-ui:
     dependencies:
@@ -1666,7 +1666,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/engine-formula:
     dependencies:
@@ -1703,7 +1703,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/engine-numfmt:
     devDependencies:
@@ -1718,7 +1718,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/engine-render:
     dependencies:
@@ -1758,7 +1758,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/find-replace:
     dependencies:
@@ -1801,7 +1801,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/network:
     dependencies:
@@ -1823,7 +1823,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/rpc:
     dependencies:
@@ -1845,7 +1845,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/rpc-node:
     dependencies:
@@ -1870,7 +1870,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets:
     dependencies:
@@ -1884,8 +1884,8 @@ importers:
         specifier: workspace:*
         version: link:../engine-numfmt
       '@univerjs/protocol':
-        specifier: 0.1.45
-        version: 0.1.45(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
+        specifier: 0.1.46
+        version: 0.1.46(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
       '@univerjs/rpc':
         specifier: workspace:*
         version: link:../rpc
@@ -1910,7 +1910,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-conditional-formatting:
     dependencies:
@@ -1944,7 +1944,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-conditional-formatting-ui:
     dependencies:
@@ -2002,7 +2002,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-crosshair-highlight:
     dependencies:
@@ -2051,7 +2051,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-data-validation:
     dependencies:
@@ -2065,8 +2065,8 @@ importers:
         specifier: workspace:*
         version: link:../engine-formula
       '@univerjs/protocol':
-        specifier: 0.1.45
-        version: 0.1.45(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
+        specifier: 0.1.46
+        version: 0.1.46(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
       '@univerjs/sheets':
         specifier: workspace:*
         version: link:../sheets
@@ -2088,7 +2088,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-data-validation-ui:
     dependencies:
@@ -2155,7 +2155,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-drawing:
     dependencies:
@@ -2180,7 +2180,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-drawing-ui:
     dependencies:
@@ -2244,7 +2244,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-filter:
     dependencies:
@@ -2275,7 +2275,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-filter-ui:
     dependencies:
@@ -2333,7 +2333,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-find-replace:
     dependencies:
@@ -2367,7 +2367,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-formula:
     dependencies:
@@ -2401,7 +2401,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-formula-ui:
     dependencies:
@@ -2462,7 +2462,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-graphics:
     dependencies:
@@ -2487,7 +2487,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-hyper-link:
     dependencies:
@@ -2500,9 +2500,6 @@ importers:
       '@univerjs/engine-formula':
         specifier: workspace:*
         version: link:../engine-formula
-      '@univerjs/protocol':
-        specifier: 0.1.45
-        version: 0.1.45(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
       '@univerjs/sheets':
         specifier: workspace:*
         version: link:../sheets
@@ -2521,7 +2518,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-hyper-link-ui:
     dependencies:
@@ -2588,7 +2585,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-note:
     dependencies:
@@ -2613,7 +2610,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-note-ui:
     dependencies:
@@ -2668,7 +2665,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-numfmt:
     dependencies:
@@ -2699,7 +2696,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-numfmt-ui:
     dependencies:
@@ -2757,7 +2754,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-sort:
     dependencies:
@@ -2782,7 +2779,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-sort-ui:
     dependencies:
@@ -2837,7 +2834,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-table:
     dependencies:
@@ -2862,7 +2859,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-table-ui:
     dependencies:
@@ -2923,7 +2920,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-thread-comment:
     dependencies:
@@ -2954,7 +2951,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-thread-comment-ui:
     dependencies:
@@ -3012,7 +3009,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-ui:
     dependencies:
@@ -3041,8 +3038,8 @@ importers:
         specifier: ^0.3.24
         version: 0.3.24(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
       '@univerjs/protocol':
-        specifier: 0.1.45
-        version: 0.1.45(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
+        specifier: 0.1.46
+        version: 0.1.46(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
       '@univerjs/sheets':
         specifier: workspace:*
         version: link:../sheets
@@ -3079,7 +3076,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/sheets-zen-editor:
     dependencies:
@@ -3134,7 +3131,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/slides:
     dependencies:
@@ -3156,7 +3153,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/slides-ui:
     dependencies:
@@ -3211,7 +3208,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/telemetry:
     dependencies:
@@ -3230,7 +3227,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/themes:
     devDependencies:
@@ -3246,9 +3243,6 @@ importers:
       '@univerjs/core':
         specifier: workspace:*
         version: link:../core
-      '@univerjs/protocol':
-        specifier: 0.1.45
-        version: 0.1.45(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)
     devDependencies:
       '@univerjs-infra/shared':
         specifier: workspace:*
@@ -3264,7 +3258,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/thread-comment-ui:
     dependencies:
@@ -3310,7 +3304,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/ui:
     dependencies:
@@ -3368,7 +3362,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
     optionalDependencies:
       vue:
         specifier: '>=3.0.0'
@@ -3418,7 +3412,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   packages/watermark:
     dependencies:
@@ -3443,7 +3437,7 @@ importers:
         version: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   tests/formula-integration:
     dependencies:
@@ -3492,7 +3486,7 @@ importers:
         version: 5.8.3
       vitest:
         specifier: ^3.1.3
-        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+        version: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
 packages:
 
@@ -5632,8 +5626,8 @@ packages:
       react: ^19.1.0
       react-dom: ^19.1.0
 
-  '@univerjs/protocol@0.1.45':
-    resolution: {integrity: sha512-pdQR6Im6gbmge7UgbyQCSMuX3mn3fCNafk4MmCkn5NbEluOURVxhshn6jfEHLraUyw+vz/ghwBiouVHR+n1C2g==}
+  '@univerjs/protocol@0.1.46':
+    resolution: {integrity: sha512-nTkNocMt1XItBierjz7J4bz0Ye+SlUz7SDOyfqJB4FPpvDnBVGQH9NXbZbTrKrvskUzOayb7hGOkKNZyHaSQOw==}
     engines: {node: '>=18.0.0', pnpm: '>=10.0.0'}
     peerDependencies:
       '@grpc/grpc-js': '>=1'
@@ -7990,8 +7984,8 @@ packages:
     engines: {node: '>=0.4.7'}
     hasBin: true
 
-  happy-dom@17.4.6:
-    resolution: {integrity: sha512-OEV1hDe9i2rFr66+WZNiwy1S8rAJy6bRXmXql68YJDjdfHBRbN76om+qVh68vQACf6y5Bcr90e/oK53RQxsDdg==}
+  happy-dom@17.4.7:
+    resolution: {integrity: sha512-NZypxadhCiV5NT4A+Y86aQVVKQ05KDmueja3sz008uJfDRwz028wd0aTiJPwo4RQlvlz0fznkEEBBCHVNWc08g==}
     engines: {node: '>=18.0.0'}
 
   has-bigints@1.1.0:
@@ -11311,7 +11305,7 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@antfu/eslint-config@4.13.0(@eslint-react/eslint-plugin@1.49.0(eslint@9.26.0(jiti@2.4.2))(ts-api-utils@2.1.0(typescript@5.8.3))(typescript@5.8.3))(@typescript-eslint/utils@8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@vue/compiler-sfc@3.5.13)(eslint-plugin-format@1.0.1(eslint@9.26.0(jiti@2.4.2)))(eslint-plugin-react-hooks@5.2.0(eslint@9.26.0(jiti@2.4.2)))(eslint-plugin-react-refresh@0.4.20(eslint@9.26.0(jiti@2.4.2)))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))':
+  '@antfu/eslint-config@4.13.0(@eslint-react/eslint-plugin@1.49.0(eslint@9.26.0(jiti@2.4.2))(ts-api-utils@2.1.0(typescript@5.8.3))(typescript@5.8.3))(@typescript-eslint/utils@8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(@vue/compiler-sfc@3.5.13)(eslint-plugin-format@1.0.1(eslint@9.26.0(jiti@2.4.2)))(eslint-plugin-react-hooks@5.2.0(eslint@9.26.0(jiti@2.4.2)))(eslint-plugin-react-refresh@0.4.20(eslint@9.26.0(jiti@2.4.2)))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))':
     dependencies:
       '@antfu/install-pkg': 1.1.0
       '@clack/prompts': 0.10.1
@@ -11320,7 +11314,7 @@ snapshots:
       '@stylistic/eslint-plugin': 4.2.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)
       '@typescript-eslint/eslint-plugin': 8.32.0(@typescript-eslint/parser@8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)
       '@typescript-eslint/parser': 8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)
-      '@vitest/eslint-plugin': 1.1.44(@typescript-eslint/utils@8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
+      '@vitest/eslint-plugin': 1.1.44(@typescript-eslint/utils@8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
       ansis: 3.17.0
       cac: 6.7.14
       eslint: 9.26.0(jiti@2.4.2)
@@ -13630,7 +13624,7 @@ snapshots:
       react: 19.1.0
       react-dom: 19.1.0(react@19.1.0)
 
-  '@univerjs/protocol@0.1.45(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)':
+  '@univerjs/protocol@0.1.46(@grpc/grpc-js@1.13.3)(rxjs@7.8.2)':
     dependencies:
       '@grpc/grpc-js': 1.13.3
       rxjs: 7.8.2
@@ -13704,7 +13698,7 @@ snapshots:
       vite: 6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
       vue: 3.5.13(typescript@5.8.3)
 
-  '@vitest/coverage-istanbul@3.1.3(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))':
+  '@vitest/coverage-istanbul@3.1.3(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))':
     dependencies:
       '@istanbuljs/schema': 0.1.3
       debug: 4.4.0
@@ -13716,17 +13710,17 @@ snapshots:
       magicast: 0.3.5
       test-exclude: 7.0.1
       tinyrainbow: 2.0.0
-      vitest: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+      vitest: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/eslint-plugin@1.1.44(@typescript-eslint/utils@8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))':
+  '@vitest/eslint-plugin@1.1.44(@typescript-eslint/utils@8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3))(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)(vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))':
     dependencies:
       '@typescript-eslint/utils': 8.32.0(eslint@9.26.0(jiti@2.4.2))(typescript@5.8.3)
       eslint: 9.26.0(jiti@2.4.2)
     optionalDependencies:
       typescript: 5.8.3
-      vitest: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
+      vitest: 3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)
 
   '@vitest/expect@2.0.5':
     dependencies:
@@ -16324,7 +16318,7 @@ snapshots:
     optionalDependencies:
       uglify-js: 3.19.3
 
-  happy-dom@17.4.6:
+  happy-dom@17.4.7:
     dependencies:
       webidl-conversions: 7.0.0
       whatwg-mimetype: 3.0.0
@@ -19795,7 +19789,7 @@ snapshots:
       tsx: 4.19.4
       yaml: 2.7.1
 
-  vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.6)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1):
+  vitest@3.1.3(@types/debug@4.1.12)(@types/node@22.15.17)(happy-dom@17.4.7)(jiti@2.4.2)(jsdom@24.1.3)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1):
     dependencies:
       '@vitest/expect': 3.1.3
       '@vitest/mocker': 3.1.3(vite@6.3.5(@types/node@22.15.17)(jiti@2.4.2)(sass@1.87.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
@@ -19821,7 +19815,7 @@ snapshots:
     optionalDependencies:
       '@types/debug': 4.1.12
       '@types/node': 22.15.17
-      happy-dom: 17.4.6
+      happy-dom: 17.4.7
       jsdom: 24.1.3
     transitivePeerDependencies:
       - jiti