[Bug] Introducing any SheetBarCommand in sheet_bar causes the SheetBar style to be lost

[wssnail]

在您提交此问题之前，您是否检查了以下内容？

• 这真的是个问题吗？
• 我已经在 Github Issues 中搜索过了，但没有找到类似的问题。

受影响的包和版本

0.2.15,0.4.1,0.4.2

复现链接

https://stackblitz.com/edit/awesome-univer-sheets-vite-demo-tup1fb?file=src%2Fmain.ts

• 1. As follows, an error will be reported only if the import is needed, and the import cannot be restored after the error is reported.

import {AddRangeProtectionFromToolbarCommand,
  UniverSheetsUIPlugin,
  // DeleteWorksheetProtectionFormSheetBarCommand,
  // ViewSheetPermissionFromSheetBarCommand,
  // ChangeSheetProtectionFromSheetBarCommand
} from '@univerjs/sheets-ui'

• 2. However, no error occurs when configuring with real id, and the following configuration can work normally:

univer.registerPlugin(UniverSheetsUIPlugin, {
    menu:{
      'sheet.command.add-range-protection-from-sheet-bar': {
        hidden: true
      },
    }
  })

预期行为

I hope that actions against sheet_bar will not cause style errors

实际行为

When using the following import:

import {AddRangeProtectionFromToolbarCommand,
  UniverSheetsUIPlugin,
  // DeleteWorksheetProtectionFormSheetBarCommand,
  // ViewSheetPermissionFromSheetBarCommand,
  // ChangeSheetProtectionFromSheetBarCommand
} from '@univerjs/sheets-ui'

The following error will occur, And the table cannot be edited：

运行环境

Chrome

系统信息

vue3.5.3
vite4.5.5
univer0.4.2

[univer-bot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

Origin Title: [Bug] Introducing any SheetBarCommand in sheet_bar causes the SheetBar style to be lost

Title: [Bug] Introducing any SheetBarCommand in sheet_bar causes the SheetBar style to be lost

---

Before you submitted this question, did you check the following?

• Is this really a problem?
• I've searched Github Issues but haven't found any similar issues.

Affected packages and versions

0.2.15,0.4.1,0.4.2

Recurrence link

https://stackblitz.com/edit/awesome-univer-sheets-vite-demo-tup1fb?file=src%2Fmain.ts

• 1. As follows, an error will be reported only if the import is needed, and the import cannot be restored after the error is reported.

import {AddRangeProtectionFromToolbarCommand,
  UniverSheetsUIPlugin,
  // DeleteWorksheetProtectionFormSheetBarCommand,
  // ViewSheetPermissionFromSheetBarCommand,
  // ChangeSheetProtectionFromSheetBarCommand
} from '@univerjs/sheets-ui'

• 2. However, no error occurs when configuring with real id, and the following configuration can work normally:

univer.registerPlugin(UniverSheetsUIPlugin, {
    menu:{
      'sheet.command.add-range-protection-from-sheet-bar': {
        hidden: true
      },
    }
  })

Expected behavior

I hope that actions against sheet_bar will not cause style errors

Actual behavior

When using the following import:

import {AddRangeProtectionFromToolbarCommand,
  UniverSheetsUIPlugin,
  // DeleteWorksheetProtectionFormSheetBarCommand,
  // ViewSheetPermissionFromSheetBarCommand,
  // ChangeSheetProtectionFromSheetBarCommand
} from '@univerjs/sheets-ui'

The following error will occur, And the table cannot be edited:

Running environment

Chrome

System information

vue3.5.3
vite4.5.5
univer0.4.2

[jikkai]

The code snippet you've shared isn't enough for us to diagnose the problem. You'll need to provide a minimal reproduction for us to assist further.

[wssnail]

The code snippet you've shared isn't enough for us to diagnose the problem. You'll need to provide a minimal reproduction for us to assist further.

已经补充了复现链接

[univer-bot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

The code snippet you've shared isn't enough for us to diagnose the problem. You'll need to provide a minimal reproduction for us to assist further.

Recurrence link has been added

[jikkai]

It seems to be a bug with univer plugins, now transferred to dream-num/univer-plugins.

If you want a quick solution, you can manually add a line import '@univerjs/sheets-ui/lib/index.css'

[wssnail]

It seems to be a bug with univer plugins, now transferred to dream-num/univer-plugins.

If you want a quick solution, you can manually add a line import '@univerjs/sheets-ui/lib/index.css'

Thank you,import '@univerjs/sheets-ui/lib/index.css' works fine

[jikkai]

This issue isn't actually resolved. I'm reopening it until we fix the problem