tachybase_todo/packages/plugins/@nocobase/plugin-theme-editor
被雨水过滤的空气-Rain a57c93d35b
feat: support e2e (#2624)
* chore: upgrade vitest to v0.34.3

* feat: setup NocoBase

* chore: preparing test env

* test: add a test of rigster

* refactor: rename test dir to testUtils

* chore: add tests

* chore: add ci for e2e

* chore: fix ci

* chore: avoid error in CI

* chore: add some utils for test

* chore: make more stable

* chore: should not close server in CI

* chore: add comments

* chore: change output dir

* fix: should use current branch to run tests

* chore: should request systemSettings by api in e2e

* chore: should build first in e2e CI

* chore: remove key

* chore: use execa to replace execSync

* refactor: extract test suite

* chore: add gotoPage

* chore: update uid of pageSchema

* chore: update collection name

* chore: use faker.js to generate data

* refactor: extract page config

* chore: ignore for association fields in faker

* chore: add testid

* chore: optimize action designer

* chore: associationFilter.Item designer

* chore: AssiciationFilter & BlockItem

* Revert "chore: AssiciationFilter & BlockItem"

This reverts commit b418df650e106fd0c8e23035d2f75acf60dcafe4.

* Revert "chore: associationFilter.Item designer"

This reverts commit 7aa4d35c1af7f3a780b370d8b1b44aac01697be3.

* Revert "chore: optimize action designer"

This reverts commit ff717b972ffd64f7968d565a3a84ad617ff889e2.

* chore: optimize Designer

* chore: compat with older browsers

* chore: use describe to avoid hooks is not run

* chore: add no-floating-promises to eslint rules

* chore: support argv

* chore: demo

* chore: better testId

* chore: change .e2e.ts to .test.ts

* fix(SchemaInitializer): avoid error

* refactor: move e2eUtils.ts to @nocobase/test

* fix: move e2eUtils to client

* chore: remove uselesscode

* refactor: add .env.e2e.example

* chore: optimize log

* refactor: use mockPage to replace gotoPage

* chore: update env.e2e

* chore: add APP_BASE_URL

* chore: gitigore

* test: add test related of menu

* chore: add SOCKET_PATH in env

* fix(vscode): load env when using vscode plugin
2023-09-27 20:00:17 +08:00
..
src feat: support e2e (#2624) 2023-09-27 20:00:17 +08:00
.npmignore feat: new plugin manager, supports adding plugins through UI (#2430) 2023-09-12 22:39:23 +08:00
client.d.ts feat: new plugin manager, supports adding plugins through UI (#2430) 2023-09-12 22:39:23 +08:00
client.js feat: new plugin manager, supports adding plugins through UI (#2430) 2023-09-12 22:39:23 +08:00
package.json chore(versions): 😊 publish v0.14.0-alpha.6 2023-09-22 15:49:50 +08:00
README.md feat: new plugin manager, supports adding plugins through UI (#2430) 2023-09-12 22:39:23 +08:00
README.zh-CN.md feat: new plugin manager, supports adding plugins through UI (#2430) 2023-09-12 22:39:23 +08:00
server.d.ts feat: new plugin manager, supports adding plugins through UI (#2430) 2023-09-12 22:39:23 +08:00
server.js feat: new plugin manager, supports adding plugins through UI (#2430) 2023-09-12 22:39:23 +08:00

English | 中文

当前主题功能是在 antd 5.x 版本的基础上实现的,所以在阅读本文之前最好先阅读一下定制主题相关的概念。

介绍

目前支持编辑全局范围的 SeedTokenMapTokenAliasToken,和支持切换暗黑模式紧凑模式。后期有可能会支持组件级别的主题定制。

如何使用

1、启用主题插件

首先把 NocoBase 更新到最新版本,然后会在插件管理页面看到 theme-editor 的卡片,点击卡片右下角的 启用 按钮等待页面刷新。

2、跳转到主题配置页面

启用之后点击卡片左下角的设置按钮,会跳转到主题编辑页面。默认会有三个主题选项,分别是 antd 的默认主题暗黑主题紧凑主题

新增一个主题

点击 添加新主题 按钮,选择 新增一个全新的主题,然后会在页面右侧弹出一个 主题编辑器,支持编辑 颜色尺寸风格等。编辑好之后输入主题名称然后点击保存即可完成主题的新增。

应用新主题

可以把鼠标移到页面右上角,可以看到一个主题切换项,点击可以切换到其他主题,比如可以切换刚才新增的主题。

编辑已经存在的主题

点击卡片左下角的 编辑 按钮,如同新增主题一样,会在页面右侧弹出一个 主题编辑器,编辑好之后点击保存即可完成主题的编辑。

用户切换主题时的可选项

新添加的主题默认是允许非管理员用户切换的,如果不想让非管理员用户切换某个主题,可以关闭主题卡片右下角的 可被用户选择 开关,这样用户就无法切换到该主题了。

设置为默认主题(默认主题不可删除)

在初始状态下,默认主题是 antd 的默认主题,如果想把某个主题设置为默认主题,可以开启卡片右下角的 默认主题 开关,这样当新用户第一次打开页面时应用的就是该默认主题。

删除主题

点击卡片下方的 删除 按钮,然后点击弹出的确认按钮即可删除主题。