niuma-ui 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +31 -0
- package/README.en.md +1 -118
- package/README.md +58 -62
- package/README.zh-CN.md +128 -0
- package/dist/brand-icons.css +40 -0
- package/dist/components/_shared/src/reka.d.ts +1 -1
- package/dist/components/_shared/src/reka.js +2 -2
- package/dist/components/_shared/src/resolve-radius.js +1 -1
- package/dist/components/avatar/src/RsAvatar.impl.js +1 -1
- package/dist/components/button/src/RsButton.impl.js +1 -1
- package/dist/components/card/src/RsCard.impl.js +1 -1
- package/dist/components/cascader/src/RsCascader.css +20 -20
- package/dist/components/cascader/src/RsCascader.js +1 -1
- package/dist/components/code-block/src/RsCodeBlock.d.ts +1 -1
- package/dist/components/code-editor/src/code-editor-utils.js +2 -2
- package/dist/components/code-editor/src/code-mirror-lang.js +1 -1
- package/dist/components/config-provider/src/RsConfigProvider.css +2 -2
- package/dist/components/config-provider/src/RsConfigProvider.d.ts +8 -6
- package/dist/components/config-provider/src/RsConfigProvider.impl.js +64 -15
- package/dist/components/config-provider/src/RsConfigProvider.js +1 -1
- package/dist/components/context-menu/src/RsContextMenu.css +2 -2
- package/dist/components/context-menu/src/RsContextMenuItems.impl.js +1 -1
- package/dist/components/date-picker/src/RsDatePicker.css +17 -17
- package/dist/components/date-picker/src/RsDatePicker.impl.js +2 -2
- package/dist/components/date-picker/src/RsDatePicker.js +1 -1
- package/dist/components/dialog/src/RsConfirmDialog.impl.js +1 -1
- package/dist/components/dialog/src/RsDialog.css +1 -2
- package/dist/components/dialog/src/RsDialog.impl.js +1 -1
- package/dist/components/divider/src/RsDivider.css +13 -13
- package/dist/components/divider/src/RsDivider.js +1 -1
- package/dist/components/drawer/src/RsDrawer.css +2 -4
- package/dist/components/drawer/src/RsDrawer.impl.js +1 -1
- package/dist/components/dropdown/src/RsDropdown.css +2 -2
- package/dist/components/dropdown/src/RsDropdown.impl.js +1 -1
- package/dist/components/dropdown/src/RsDropdownItemView.impl.js +1 -1
- package/dist/components/form/src/form-rules.js +2 -2
- package/dist/components/icon/src/RsIcon.css +4 -4
- package/dist/components/icon/src/RsIcon.impl.js +6 -1
- package/dist/components/icon/src/RsIcon.js +1 -1
- package/dist/components/input/src/RsInput.css +86 -86
- package/dist/components/input/src/RsInput.js +1 -1
- package/dist/components/input/src/input-rules.js +3 -3
- package/dist/components/input-number/src/RsInputNumber.css +32 -32
- package/dist/components/input-number/src/RsInputNumber.js +1 -1
- package/dist/components/label/src/RsLabel.css +7 -7
- package/dist/components/label/src/RsLabel.js +1 -1
- package/dist/components/loading-bar/src/RsLoadingBar.css +4 -5
- package/dist/components/loading-bar/src/RsLoadingBar.js +1 -1
- package/dist/components/log/src/RsLog.css +39 -39
- package/dist/components/log/src/RsLog.d.ts +1 -1
- package/dist/components/log/src/RsLog.impl.js +1 -1
- package/dist/components/log/src/RsLog.js +1 -1
- package/dist/components/markdown/src/RsMarkdown.css +9 -7
- package/dist/components/menu/src/RsMenu.css +5 -5
- package/dist/components/menu/src/RsMenuItems.impl.js +1 -1
- package/dist/components/pagination/src/RsPagination.css +18 -18
- package/dist/components/pagination/src/RsPagination.impl.js +1 -1
- package/dist/components/pagination/src/RsPagination.js +1 -1
- package/dist/components/radio/src/RsRadio.impl.js +1 -1
- package/dist/components/radio/src/RsRadioItem.impl.js +1 -1
- package/dist/components/select/src/RsSelect.css +42 -42
- package/dist/components/select/src/RsSelect.impl.js +2 -2
- package/dist/components/select/src/RsSelect.js +1 -1
- package/dist/components/steps/src/RsSteps.css +18 -18
- package/dist/components/steps/src/RsSteps.js +1 -1
- package/dist/components/switch/src/RsSwitch.css +4 -6
- package/dist/components/switch/src/RsSwitch.impl.js +1 -1
- package/dist/components/table/style/rs-table.css +15 -15
- package/dist/components/tabs/src/RsTabs.impl.js +1 -1
- package/dist/components/terminal/src/RsTerminal.css +24 -24
- package/dist/components/terminal/src/RsTerminal.js +1 -1
- package/dist/components/textarea/src/RsTextarea.css +26 -26
- package/dist/components/textarea/src/RsTextarea.js +1 -1
- package/dist/components/time-picker/src/RsTimePicker.css +20 -20
- package/dist/components/time-picker/src/RsTimePicker.impl.js +2 -2
- package/dist/components/time-picker/src/RsTimePicker.js +1 -1
- package/dist/components/toaster/src/RsToaster.css +6 -6
- package/dist/components/toaster/src/RsToaster.impl.js +3 -6
- package/dist/components/tooltip/src/RsTooltip.impl.js +1 -1
- package/dist/components/tree/src/RsTree.css +72 -73
- package/dist/components/tree/src/RsTree.js +1 -1
- package/dist/components/tree-select/src/RsTreeSelect.css +11 -11
- package/dist/components/tree-select/src/RsTreeSelect.js +1 -1
- package/dist/components/virtual-list/src/RsVirtualList.css +7 -8
- package/dist/components/virtual-list/src/RsVirtualList.js +1 -1
- package/dist/composables/createRsDialog.js +6 -5
- package/dist/composables/useRsConfig.d.ts +11 -3
- package/dist/composables/useRsConfig.js +18 -6
- package/dist/composables/useRsI18n.d.ts +1 -1
- package/dist/composables/useRsI18n.js +5 -5
- package/dist/icons/brand.d.ts +6 -0
- package/dist/icons/brand.js +26 -0
- package/dist/icons/registry.d.ts +2 -0
- package/dist/icons/registry.js +2 -1
- package/dist/index.d.ts +8 -4
- package/dist/index.js +19 -0
- package/dist/locale/apply.d.ts +8 -0
- package/dist/locale/apply.js +20 -0
- package/dist/locale/interpolate.d.ts +4 -3
- package/dist/locale/interpolate.js +108 -5
- package/dist/locale/messages.d.ts +2 -4
- package/dist/locale/messages.js +7 -9
- package/dist/locale/registry-public.d.ts +3 -0
- package/dist/locale/registry.d.ts +19 -0
- package/dist/locale/registry.js +50 -0
- package/dist/locale/resolve-host.d.ts +7 -0
- package/dist/locale/resolve-host.js +46 -0
- package/dist/locale/types.d.ts +13 -2
- package/dist/locale/types.js +6 -1
- package/dist/styles.css +245 -250
- package/dist/theme/apply.d.ts +15 -3
- package/dist/theme/apply.js +41 -4
- package/dist/theme/brand.example.css +5 -1
- package/dist/theme/presets.d.ts +6 -5
- package/dist/theme/presets.js +4 -3
- package/dist/theme/types.d.ts +15 -7
- package/dist/theme/types.js +4 -1
- package/dist/vite-plugins/niuma-ui-host.js +7 -0
- package/package.json +3 -1
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,23 @@
|
|
|
6
6
|
|
|
7
7
|
## [Unreleased]
|
|
8
8
|
|
|
9
|
+
## [2.0.2] - 2026-09-21
|
|
10
|
+
|
|
11
|
+
### 变更
|
|
12
|
+
|
|
13
|
+
- 未设 `locale` 时按本机语言选择(`navigator.languages`):`zh*` → `zh-CN`,`en*` → `en-US`,已登记语言按前缀匹配。无法识别或 SSR 回退 `zh-CN`。显式传 `locale` 的应用不受影响。
|
|
14
|
+
|
|
15
|
+
### 新增
|
|
16
|
+
|
|
17
|
+
- `t()` ICU 子集复数:`{count, plural, one {#} other {#}}`,`Intl.PluralRules`。
|
|
18
|
+
- `rsLocaleMessageKeys`:社区语言包 key 清单。说明见 `docs/locales.md`。
|
|
19
|
+
- `RsConfigProvider` 把解析后的 `dir` / `locale` 传给 Reka,Select 等浮层跟书写方向。
|
|
20
|
+
- 公开导出 `resolveDirMode`、`resolveHostLocale`。
|
|
21
|
+
- 文档站 / npm README 默认英文;中文见 `README.zh-CN.md`。
|
|
22
|
+
- RTL 像素回归:`/#/visual/rs-rtl`。
|
|
23
|
+
|
|
24
|
+
## [2.0.1] - 2026-09-21
|
|
25
|
+
|
|
9
26
|
### 变更
|
|
10
27
|
|
|
11
28
|
- 单测放到对应模块的 `__tests__/`;跨组件冒烟仍留在 `src/__tests__/`。
|
|
@@ -15,6 +32,20 @@
|
|
|
15
32
|
- 每个组件内部为 `index.ts` + `src/` + 可选 `style/` + `__tests__/`。
|
|
16
33
|
- 表格 `src/` 再拆:`table-header` / `table-body` / `table-footer` / `composables` / `context` / `features` / `utils`。
|
|
17
34
|
- 架构契约补齐目录规范:组件四槽、`src/` 再拆门槛、仓库根、`package.json` 发布面(`docs/components.md` §3)。
|
|
35
|
+
- `:root` 不再默认暗色。未写属性时用浅色 token。暗色宿主请在 `index.html` 写 `data-rs-theme="dark"` 或 `theme="dark"`,避免首屏闪浅色。
|
|
36
|
+
- `themePresets` 标明仅参考,不驱动画面。
|
|
37
|
+
- 文字公开 token 改为 `--rs-text-primary` 等;`--rs-text` / `--rs-muted` / `--rs-placeholder` 降为别名。
|
|
38
|
+
- 数据源品牌色移出通用 `styles.css`。需要官方色的宿主加 `import 'niuma-ui/brand-icons.css'`。
|
|
39
|
+
|
|
40
|
+
### 新增
|
|
41
|
+
|
|
42
|
+
- `RsConfigProvider` `theme` 支持 `system`,跟随 `prefers-color-scheme`。`applyTheme` 仍写解析后的 `data-rs-theme="light|dark"`,并标 `data-rs-theme-pref="system"`。
|
|
43
|
+
- `resolveThemeMode` / `readResolvedTheme` / `useRsConfig().resolvedTheme`。无 `data-rs-theme` 时按浅色,与 Provider 默认一致。
|
|
44
|
+
- 内置品牌图标名单 `rsBrandIconNames`;Lucide 走 `--rs-icon-color`。图形规则在 `src/icons/style/brand-icons.css`。
|
|
45
|
+
- `registerRsLocale`:第三方登记 BCP-47 文案;缺 key 回退 en-US。
|
|
46
|
+
- `RsConfigProvider dir`(`ltr` / `rtl` / `auto`),写入 `dir` / `lang` / `data-rs-dir`。
|
|
47
|
+
- 高对比:`forced-colors` 下语义 token 映射系统色。
|
|
48
|
+
- 可选 `niuma-ui/brand-icons.css`:数据源 mark 色。不引入则 mark 为 currentColor。
|
|
18
49
|
|
|
19
50
|
## [2.0.0] - 2026-09-21
|
|
20
51
|
|
package/README.en.md
CHANGED
|
@@ -1,120 +1,3 @@
|
|
|
1
1
|
# niuma-ui
|
|
2
2
|
|
|
3
|
-
[
|
|
4
|
-
[](https://www.npmjs.com/package/niuma-ui)
|
|
5
|
-
[](https://vuejs.org/)
|
|
6
|
-
[](https://nodejs.org/)
|
|
7
|
-
|
|
8
|
-
English | [简体中文](./README.md)
|
|
9
|
-
|
|
10
|
-
Vue 3 **workbench** design system: consistent `Rs*` components, `--rs-*` tokens, and optional editor / terminal wrappers.
|
|
11
|
-
|
|
12
|
-
Built for ops consoles, database workbenches, and internal admin UIs. Marketing sites can use named imports. `npm install` pulls Monaco, CodeMirror, and xterm; named imports control the bundle.
|
|
13
|
-
|
|
14
|
-
**Status:** [Apache License 2.0](./LICENSE) since v1.0.0. Compiled ESM on npm since v1.2.0. Current line is **2.0.0**. The `1.x` branch keeps the 1.3 line.
|
|
15
|
-
|
|
16
|
-
## Features
|
|
17
|
-
|
|
18
|
-
- **Design tokens** — light / dark via `data-rs-theme` and CSS variables; hosts override a brand layer
|
|
19
|
-
- **Rs\* components** — Button, Form, Dialog, Table, Tree, Tabs, Anchor, and more
|
|
20
|
-
- **Tooling** — Monaco, CodeMirror, xterm (import only on routes that need them)
|
|
21
|
-
- **Accessibility** — [Reka UI](https://reka-ui.com/) underneath; apps depend only on `niuma-ui`
|
|
22
|
-
- **Vite** — `import { RsButton } from 'niuma-ui'` is enough to bundle; `niumaUiHost` is local `pnpm dev` HMR only
|
|
23
|
-
|
|
24
|
-
## Requirements
|
|
25
|
-
|
|
26
|
-
| Item | Version |
|
|
27
|
-
|------|---------|
|
|
28
|
-
| Node.js | ≥ 20 |
|
|
29
|
-
| Package manager | npm / pnpm / yarn (this repo develops with pnpm ≥ 9) |
|
|
30
|
-
| Vue | ^3.5 (`peerDependency`) |
|
|
31
|
-
| Bundler | Vite 5+ recommended; `RsMonacoEditor` needs Vite `?worker` |
|
|
32
|
-
| Styles | `import 'niuma-ui/styles.css'` (standalone CSS, no Tailwind) |
|
|
33
|
-
|
|
34
|
-
## Install
|
|
35
|
-
|
|
36
|
-
```bash
|
|
37
|
-
pnpm add niuma-ui
|
|
38
|
-
# or: npm install niuma-ui / yarn add niuma-ui
|
|
39
|
-
```
|
|
40
|
-
|
|
41
|
-
Prefer a range such as `^2.0.0`. Pin **2.0.0** for a bit-for-bit install. Use `niuma-ui@1` for the 1.x line.
|
|
42
|
-
|
|
43
|
-
Local `link`, Vite plugins, and bundle size: **[Consumer guide](./docs/consumers.en.md)** ([中文](./docs/consumers.md)).
|
|
44
|
-
|
|
45
|
-
## Quick start
|
|
46
|
-
|
|
47
|
-
```ts
|
|
48
|
-
// main.ts
|
|
49
|
-
import { createApp } from 'vue'
|
|
50
|
-
import 'niuma-ui/styles.css'
|
|
51
|
-
import App from './App.vue'
|
|
52
|
-
|
|
53
|
-
createApp(App).mount('#app')
|
|
54
|
-
```
|
|
55
|
-
|
|
56
|
-
```vue
|
|
57
|
-
<!-- App.vue -->
|
|
58
|
-
<script setup lang="ts">
|
|
59
|
-
import { RsConfigProvider, RsButton } from 'niuma-ui'
|
|
60
|
-
</script>
|
|
61
|
-
|
|
62
|
-
<template>
|
|
63
|
-
<RsConfigProvider theme="light" locale="en-US">
|
|
64
|
-
<RsButton variant="primary">Hello</RsButton>
|
|
65
|
-
</RsConfigProvider>
|
|
66
|
-
</template>
|
|
67
|
-
```
|
|
68
|
-
|
|
69
|
-
Shipped locales: `zh-CN` | `en-US`.
|
|
70
|
-
|
|
71
|
-
## Usage
|
|
72
|
-
|
|
73
|
-
1. Named-import from the package root only. **Do not** depend on `reka-ui`. Do not `import *`.
|
|
74
|
-
2. Import `niuma-ui/styles.css` once, then your brand CSS.
|
|
75
|
-
3. Wrap the app with `RsConfigProvider` (theme, locale, default control size).
|
|
76
|
-
4. Light sites re-export used symbols from their own `ui.ts`. Do not alias the package to this repo’s `src/index.ts`.
|
|
77
|
-
|
|
78
|
-
Component APIs live on the docs site. The architecture contract is for maintainers: [components.en.md](./docs/components.en.md) ([中文](./docs/components.md)).
|
|
79
|
-
|
|
80
|
-
## Docs
|
|
81
|
-
|
|
82
|
-
- **Component site:** [https://blair-shang.github.io/niuma-ui/](https://blair-shang.github.io/niuma-ui/) (source: `site/`)
|
|
83
|
-
- Local docs: `pnpm dev:site` → http://127.0.0.1:5181
|
|
84
|
-
- `playground/` is internal smoke / visual regression only (`pnpm dev` → :5180). It is not usage documentation.
|
|
85
|
-
|
|
86
|
-
| Doc | Audience |
|
|
87
|
-
|-----|----------|
|
|
88
|
-
| [docs/consumers.en.md](./docs/consumers.en.md) | People installing the library ([中文](./docs/consumers.md)) |
|
|
89
|
-
| [docs/components.en.md](./docs/components.en.md) | People changing this repository ([中文](./docs/components.md)) |
|
|
90
|
-
| [CONTRIBUTING.en.md](./CONTRIBUTING.en.md) | PRs, tests, releases ([中文](./CONTRIBUTING.md)) |
|
|
91
|
-
| [CHANGELOG.md](./CHANGELOG.md) | Release notes |
|
|
92
|
-
| [SECURITY.md](./SECURITY.md) | Private vulnerability reports |
|
|
93
|
-
|
|
94
|
-
## Local development
|
|
95
|
-
|
|
96
|
-
```bash
|
|
97
|
-
pnpm install
|
|
98
|
-
pnpm dev:site # docs site
|
|
99
|
-
pnpm test
|
|
100
|
-
pnpm build # library → dist/
|
|
101
|
-
```
|
|
102
|
-
|
|
103
|
-
See [CONTRIBUTING.md](./CONTRIBUTING.md) for the full contributor flow.
|
|
104
|
-
|
|
105
|
-
## Versioning
|
|
106
|
-
|
|
107
|
-
[Semantic Versioning](https://semver.org/): compatible fixes are PATCH, compatible features MINOR, breaking API or token renames MAJOR.
|
|
108
|
-
|
|
109
|
-
Stable publishes set npm dist-tag **`latest`**; prereleases use **`next`**. There is no Git tag named `latest`. Release steps live only in [CONTRIBUTING.md](./CONTRIBUTING.md).
|
|
110
|
-
|
|
111
|
-
## License and credits
|
|
112
|
-
|
|
113
|
-
[Apache License 2.0](./LICENSE). Attribution: [NOTICE](./NOTICE).
|
|
114
|
-
|
|
115
|
-
Primitives: [Reka UI](https://reka-ui.com/). Icons: [Lucide](https://lucide.dev/). Editors: [Monaco](https://microsoft.github.io/monaco-editor/), [CodeMirror](https://codemirror.net/). Terminal: [xterm.js](https://xtermjs.org/).
|
|
116
|
-
|
|
117
|
-
- Docs: https://blair-shang.github.io/niuma-ui/
|
|
118
|
-
- npm: https://www.npmjs.com/package/niuma-ui
|
|
119
|
-
- Source: https://github.com/Blair-Shang/niuma-ui
|
|
120
|
-
- Issues: https://github.com/Blair-Shang/niuma-ui/issues
|
|
3
|
+
The English README is [README.md](./README.md). 中文:[README.zh-CN.md](./README.zh-CN.md).
|
package/README.md
CHANGED
|
@@ -5,44 +5,45 @@
|
|
|
5
5
|
[](https://vuejs.org/)
|
|
6
6
|
[](https://nodejs.org/)
|
|
7
7
|
|
|
8
|
-
[
|
|
8
|
+
English | [简体中文](./README.zh-CN.md)
|
|
9
9
|
|
|
10
|
-
Vue 3
|
|
10
|
+
Vue 3 **workbench** design system: consistent `Rs*` components, `--rs-*` tokens, and optional editor / terminal wrappers.
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
Built for ops consoles, database workbenches, and internal admin UIs. Marketing sites can use named imports. `npm install` pulls Monaco, CodeMirror, and xterm; named imports control the bundle.
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
**Status:** [Apache License 2.0](./LICENSE) since v1.0.0. Compiled ESM on npm since v1.2.0. Current line is **2.0.0**. The `1.x` branch keeps the 1.3 line.
|
|
15
15
|
|
|
16
|
-
##
|
|
16
|
+
## Features
|
|
17
17
|
|
|
18
|
-
- **Design
|
|
19
|
-
- **Rs\*
|
|
20
|
-
-
|
|
21
|
-
-
|
|
22
|
-
- **
|
|
18
|
+
- **Design tokens** — light / dark / system via `data-rs-theme` and CSS variables; hosts override a brand layer
|
|
19
|
+
- **Rs\* components** — Button, Form, Dialog, Table, Tree, Tabs, Anchor, and more
|
|
20
|
+
- **Tooling** — Monaco, CodeMirror, xterm (import only on routes that need them)
|
|
21
|
+
- **Accessibility** — [Reka UI](https://reka-ui.com/) underneath; apps depend only on `niuma-ui`
|
|
22
|
+
- **i18n** — omitted `locale` follows the host language (`zh*` → `zh-CN`, `en*` → `en-US`); unknown tags fall back to `zh-CN`. Extra languages: `registerRsLocale` ([guide](./docs/locales.en.md))
|
|
23
|
+
- **Vite** — `import { RsButton } from 'niuma-ui'` is enough to bundle; `niumaUiHost` is local `pnpm dev` HMR only
|
|
23
24
|
|
|
24
|
-
##
|
|
25
|
+
## Requirements
|
|
25
26
|
|
|
26
|
-
|
|
|
27
|
-
|
|
27
|
+
| Item | Version |
|
|
28
|
+
|------|---------|
|
|
28
29
|
| Node.js | ≥ 20 |
|
|
29
|
-
|
|
|
30
|
-
| Vue | ^3.5
|
|
31
|
-
|
|
|
32
|
-
|
|
|
30
|
+
| Package manager | npm / pnpm / yarn (this repo develops with pnpm ≥ 9) |
|
|
31
|
+
| Vue | ^3.5 (`peerDependency`) |
|
|
32
|
+
| Bundler | Vite 5+ recommended; `RsMonacoEditor` needs Vite `?worker` |
|
|
33
|
+
| Styles | `import 'niuma-ui/styles.css'` (standalone CSS, no Tailwind) |
|
|
33
34
|
|
|
34
|
-
##
|
|
35
|
+
## Install
|
|
35
36
|
|
|
36
37
|
```bash
|
|
37
38
|
pnpm add niuma-ui
|
|
38
|
-
#
|
|
39
|
+
# or: npm install niuma-ui / yarn add niuma-ui
|
|
39
40
|
```
|
|
40
41
|
|
|
41
|
-
|
|
42
|
+
Prefer a range such as `^2.0.0`. Pin **2.0.0** for a bit-for-bit install. Use `niuma-ui@1` for the 1.x line.
|
|
42
43
|
|
|
43
|
-
|
|
44
|
+
Local `link`, Vite plugins, and bundle size: **[Consumer guide](./docs/consumers.en.md)** ([中文](./docs/consumers.md)).
|
|
44
45
|
|
|
45
|
-
##
|
|
46
|
+
## Quick start
|
|
46
47
|
|
|
47
48
|
```ts
|
|
48
49
|
// main.ts
|
|
@@ -60,67 +61,62 @@ import { RsConfigProvider, RsButton } from 'niuma-ui'
|
|
|
60
61
|
</script>
|
|
61
62
|
|
|
62
63
|
<template>
|
|
63
|
-
<RsConfigProvider theme="light" locale="
|
|
64
|
+
<RsConfigProvider theme="light" locale="en-US">
|
|
64
65
|
<RsButton variant="primary">Hello</RsButton>
|
|
65
66
|
</RsConfigProvider>
|
|
66
67
|
</template>
|
|
67
68
|
```
|
|
68
69
|
|
|
69
|
-
`locale`
|
|
70
|
+
Omit `locale` to follow the host language. Chinese systems stay on `zh-CN`. Community packs: [locales.en.md](./docs/locales.en.md).
|
|
70
71
|
|
|
71
|
-
##
|
|
72
|
+
## Usage
|
|
72
73
|
|
|
73
|
-
1.
|
|
74
|
-
2.
|
|
75
|
-
3.
|
|
76
|
-
4.
|
|
74
|
+
1. Named-import from the package root only. **Do not** depend on `reka-ui`. Do not `import *`.
|
|
75
|
+
2. Import `niuma-ui/styles.css` once, then your brand CSS.
|
|
76
|
+
3. Wrap the app with `RsConfigProvider` (theme, locale, default control size).
|
|
77
|
+
4. Light sites re-export used symbols from their own `ui.ts`. Do not alias the package to this repo’s `src/index.ts`.
|
|
77
78
|
|
|
78
|
-
|
|
79
|
+
Component APIs live on the docs site. The architecture contract is for maintainers: [components.en.md](./docs/components.en.md) ([中文](./docs/components.md)).
|
|
79
80
|
|
|
80
|
-
##
|
|
81
|
+
## Docs
|
|
81
82
|
|
|
82
|
-
-
|
|
83
|
-
-
|
|
84
|
-
- `playground/`
|
|
83
|
+
- **Component site:** [https://blair-shang.github.io/niuma-ui/](https://blair-shang.github.io/niuma-ui/) (source: `site/`)
|
|
84
|
+
- Local docs: `pnpm dev:site` → http://127.0.0.1:5181
|
|
85
|
+
- `playground/` is internal smoke / visual regression only (`pnpm dev` → :5180). It is not usage documentation.
|
|
85
86
|
|
|
86
|
-
|
|
|
87
|
-
|
|
88
|
-
| [docs/consumers.md](./docs/consumers.md) |
|
|
89
|
-
| [docs/
|
|
90
|
-
| [
|
|
91
|
-
| [
|
|
92
|
-
| [
|
|
87
|
+
| Doc | Audience |
|
|
88
|
+
|-----|----------|
|
|
89
|
+
| [docs/consumers.en.md](./docs/consumers.en.md) | People installing the library ([中文](./docs/consumers.md)) |
|
|
90
|
+
| [docs/locales.en.md](./docs/locales.en.md) | Registering extra languages ([中文](./docs/locales.md)) |
|
|
91
|
+
| [docs/components.en.md](./docs/components.en.md) | People changing this repository ([中文](./docs/components.md)) |
|
|
92
|
+
| [CONTRIBUTING.en.md](./CONTRIBUTING.en.md) | PRs, tests, releases ([中文](./CONTRIBUTING.md)) |
|
|
93
|
+
| [CHANGELOG.md](./CHANGELOG.md) | Release notes |
|
|
94
|
+
| [SECURITY.md](./SECURITY.md) | Private vulnerability reports |
|
|
93
95
|
|
|
94
|
-
##
|
|
96
|
+
## Local development
|
|
95
97
|
|
|
96
98
|
```bash
|
|
97
99
|
pnpm install
|
|
98
|
-
pnpm dev:site #
|
|
99
|
-
pnpm test
|
|
100
|
-
pnpm build #
|
|
100
|
+
pnpm dev:site # docs site
|
|
101
|
+
pnpm test
|
|
102
|
+
pnpm build # library → dist/
|
|
101
103
|
```
|
|
102
104
|
|
|
103
|
-
|
|
105
|
+
See [CONTRIBUTING.md](./CONTRIBUTING.md) for the full contributor flow.
|
|
104
106
|
|
|
105
|
-
##
|
|
107
|
+
## Versioning
|
|
106
108
|
|
|
107
|
-
|
|
109
|
+
[Semantic Versioning](https://semver.org/): compatible fixes are PATCH, compatible features MINOR, breaking API or token renames MAJOR.
|
|
108
110
|
|
|
109
|
-
|
|
110
|
-
|------|------|
|
|
111
|
-
| 兼容的缺陷 / 文档 | PATCH |
|
|
112
|
-
| 兼容的新组件 / 能力 | MINOR |
|
|
113
|
-
| 破坏性 API 或 Token 更名 | MAJOR |
|
|
111
|
+
Stable publishes set npm dist-tag **`latest`**; prereleases use **`next`**. There is no Git tag named `latest`. Release steps live only in [CONTRIBUTING.md](./CONTRIBUTING.md).
|
|
114
112
|
|
|
115
|
-
|
|
113
|
+
## License and credits
|
|
116
114
|
|
|
117
|
-
|
|
115
|
+
[Apache License 2.0](./LICENSE). Attribution: [NOTICE](./NOTICE).
|
|
118
116
|
|
|
119
|
-
[
|
|
117
|
+
Primitives: [Reka UI](https://reka-ui.com/). Icons: [Lucide](https://lucide.dev/). Editors: [Monaco](https://microsoft.github.io/monaco-editor/), [CodeMirror](https://codemirror.net/). Terminal: [xterm.js](https://xtermjs.org/).
|
|
120
118
|
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
-
|
|
124
|
-
-
|
|
125
|
-
- 源码:https://github.com/Blair-Shang/niuma-ui
|
|
126
|
-
- Issues:https://github.com/Blair-Shang/niuma-ui/issues
|
|
119
|
+
- Docs: https://blair-shang.github.io/niuma-ui/
|
|
120
|
+
- npm: https://www.npmjs.com/package/niuma-ui
|
|
121
|
+
- Source: https://github.com/Blair-Shang/niuma-ui
|
|
122
|
+
- Issues: https://github.com/Blair-Shang/niuma-ui/issues
|
package/README.zh-CN.md
ADDED
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
# niuma-ui
|
|
2
|
+
|
|
3
|
+
[](./LICENSE)
|
|
4
|
+
[](https://www.npmjs.com/package/niuma-ui)
|
|
5
|
+
[](https://vuejs.org/)
|
|
6
|
+
[](https://nodejs.org/)
|
|
7
|
+
|
|
8
|
+
[English](./README.md) | 简体中文
|
|
9
|
+
|
|
10
|
+
Vue 3 **工作台**设计系统:一致的 `Rs*` 组件与 `--rs-*` Token,以及按需使用的编辑器 / 终端封装。
|
|
11
|
+
|
|
12
|
+
适用于运维控制台、数据库工作台、内部后台。营销站也可以用具名导入。`npm install` 会带上 Monaco、CodeMirror、xterm,体积靠具名导入摇树。
|
|
13
|
+
|
|
14
|
+
**状态:** [Apache License 2.0](./LICENSE),自 v1.0.0 开源。自 v1.2.0 起 npm 发布编译 ESM。当前主线 **2.0.0**。1.x 见分支 `1.x`。
|
|
15
|
+
|
|
16
|
+
## 特性
|
|
17
|
+
|
|
18
|
+
- **Design Token**:明暗主题走 `data-rs-theme`(`light` / `dark` / `system`)与 CSS 变量,宿主用品牌层覆盖
|
|
19
|
+
- **Rs\* 组件**:Button、Form、Dialog、Table、Tree、Tabs、Anchor 等
|
|
20
|
+
- **专业工具**:Monaco、CodeMirror、xterm(只在用到的路由引入)
|
|
21
|
+
- **无障碍**:底层 [Reka UI](https://reka-ui.com/),应用只依赖 `niuma-ui`
|
|
22
|
+
- **国际化**:未设 `locale` 时跟本机语言(中文系统就是 `zh-CN`);认不出回退中文。第三方语言用 `registerRsLocale`,见 [docs/locales.md](./docs/locales.md)
|
|
23
|
+
- **Vite**:`import { RsButton } from 'niuma-ui'` 即可打包;`niumaUiHost` 仅本机 `pnpm dev` 联调源码
|
|
24
|
+
|
|
25
|
+
## 要求
|
|
26
|
+
|
|
27
|
+
| 项 | 版本 |
|
|
28
|
+
|----|------|
|
|
29
|
+
| Node.js | ≥ 20 |
|
|
30
|
+
| 包管理器 | npm / pnpm / yarn(本仓库开发用 pnpm ≥ 9) |
|
|
31
|
+
| Vue | ^3.5(peerDependency) |
|
|
32
|
+
| 打包器 | 推荐 Vite 5+;`RsMonacoEditor` 需要 Vite 处理 `?worker` |
|
|
33
|
+
| 样式 | `import 'niuma-ui/styles.css'`(独立 CSS,不含 Tailwind) |
|
|
34
|
+
|
|
35
|
+
## 安装
|
|
36
|
+
|
|
37
|
+
```bash
|
|
38
|
+
pnpm add niuma-ui
|
|
39
|
+
# 或 npm install niuma-ui / yarn add niuma-ui
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
建议锁定兼容范围,例如 `^2.0.0`。精确复现请钉死 **2.0.0**。1.x 请用 `niuma-ui@1`。
|
|
43
|
+
|
|
44
|
+
本地改源码、Vite 插件、包体积见 **[消费方指南](./docs/consumers.md)**([English](./docs/consumers.en.md))。
|
|
45
|
+
|
|
46
|
+
## 快速开始
|
|
47
|
+
|
|
48
|
+
```ts
|
|
49
|
+
// main.ts
|
|
50
|
+
import { createApp } from 'vue'
|
|
51
|
+
import 'niuma-ui/styles.css'
|
|
52
|
+
import App from './App.vue'
|
|
53
|
+
|
|
54
|
+
createApp(App).mount('#app')
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
```vue
|
|
58
|
+
<!-- App.vue -->
|
|
59
|
+
<script setup lang="ts">
|
|
60
|
+
import { RsConfigProvider, RsButton } from 'niuma-ui'
|
|
61
|
+
</script>
|
|
62
|
+
|
|
63
|
+
<template>
|
|
64
|
+
<RsConfigProvider theme="light" locale="zh-CN">
|
|
65
|
+
<RsButton variant="primary">你好</RsButton>
|
|
66
|
+
</RsConfigProvider>
|
|
67
|
+
</template>
|
|
68
|
+
```
|
|
69
|
+
|
|
70
|
+
未设 `locale` 时跟本机语言:中文环境仍是中文。更多语言见 [社区语言包](./docs/locales.md)。
|
|
71
|
+
|
|
72
|
+
## 使用约定
|
|
73
|
+
|
|
74
|
+
1. 只从包根具名导入:`import { RsButton } from 'niuma-ui'`。**不要**直接依赖 `reka-ui`,不要 `import *`。
|
|
75
|
+
2. 样式只引一次 `niuma-ui/styles.css`,再加载你的品牌 CSS。
|
|
76
|
+
3. 根节点包 `RsConfigProvider`(主题、语言、默认控件尺寸)。
|
|
77
|
+
4. 轻量站点在自己的 `ui.ts` 里再导出用到的符号。不要把包名别名到本仓库的 `src/index.ts`。
|
|
78
|
+
|
|
79
|
+
组件 API 以文档站为准。仓库里的架构契约给维护者:[组件规范](./docs/components.md)([English](./docs/components.en.md))。
|
|
80
|
+
|
|
81
|
+
## 文档
|
|
82
|
+
|
|
83
|
+
- **组件文档(官网)**:[https://blair-shang.github.io/niuma-ui/](https://blair-shang.github.io/niuma-ui/)(源码 `site/`)
|
|
84
|
+
- 本地文档站:`pnpm dev:site` → http://127.0.0.1:5181
|
|
85
|
+
- `playground/` 仅内部冒烟与像素回归(`pnpm dev` → :5180),不提供对外用法
|
|
86
|
+
|
|
87
|
+
| 文档 | 给谁看 |
|
|
88
|
+
|------|--------|
|
|
89
|
+
| [docs/consumers.md](./docs/consumers.md) | 把库装进产品的人([English](./docs/consumers.en.md)) |
|
|
90
|
+
| [docs/locales.md](./docs/locales.md) | 登记第三方语言([English](./docs/locales.en.md)) |
|
|
91
|
+
| [docs/components.md](./docs/components.md) | 改本仓库的人([English](./docs/components.en.md)) |
|
|
92
|
+
| [CONTRIBUTING.md](./CONTRIBUTING.md) | PR、测试、发版([English](./CONTRIBUTING.en.md)) |
|
|
93
|
+
| [CHANGELOG.md](./CHANGELOG.md) | 版本记录 |
|
|
94
|
+
| [SECURITY.md](./SECURITY.md) | 漏洞私下报告 |
|
|
95
|
+
|
|
96
|
+
## 本地开发
|
|
97
|
+
|
|
98
|
+
```bash
|
|
99
|
+
pnpm install
|
|
100
|
+
pnpm dev:site # 文档站
|
|
101
|
+
pnpm test # Vitest
|
|
102
|
+
pnpm build # 库 → dist/
|
|
103
|
+
```
|
|
104
|
+
|
|
105
|
+
贡献步骤见 [CONTRIBUTING.md](./CONTRIBUTING.md)。
|
|
106
|
+
|
|
107
|
+
## 版本
|
|
108
|
+
|
|
109
|
+
遵循 [Semantic Versioning](https://semver.org/lang/zh-CN/):
|
|
110
|
+
|
|
111
|
+
| 变更 | 版本 |
|
|
112
|
+
|------|------|
|
|
113
|
+
| 兼容的缺陷 / 文档 | PATCH |
|
|
114
|
+
| 兼容的新组件 / 能力 | MINOR |
|
|
115
|
+
| 破坏性 API 或 Token 更名 | MAJOR |
|
|
116
|
+
|
|
117
|
+
正式版更新 npm dist-tag **`latest`**,预发布走 **`next`**。没有名为 `latest` 的 Git 标签。发版流程只在 [CONTRIBUTING.md](./CONTRIBUTING.md),不在本页。
|
|
118
|
+
|
|
119
|
+
## 许可与致谢
|
|
120
|
+
|
|
121
|
+
[Apache License 2.0](./LICENSE)。版权与第三方声明见 [NOTICE](./NOTICE)。
|
|
122
|
+
|
|
123
|
+
交互原语:[Reka UI](https://reka-ui.com/)。图标:[Lucide](https://lucide.dev/)。编辑器:[Monaco](https://microsoft.github.io/monaco-editor/)、[CodeMirror](https://codemirror.net/)。终端:[xterm.js](https://xtermjs.org/)。
|
|
124
|
+
|
|
125
|
+
- 文档站:https://blair-shang.github.io/niuma-ui/
|
|
126
|
+
- npm:https://www.npmjs.com/package/niuma-ui
|
|
127
|
+
- 源码:https://github.com/Blair-Shang/niuma-ui
|
|
128
|
+
- Issues:https://github.com/Blair-Shang/niuma-ui/issues
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* 工作台品牌 mark 色(可选)。
|
|
3
|
+
* 用法:在 styles.css 之后 `import 'niuma-ui/brand-icons.css'`。
|
|
4
|
+
* 不引入时,mark 走 currentColor,与 Lucide 一致。
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
:root:not([data-rs-theme]),
|
|
8
|
+
[data-rs-theme='light'] {
|
|
9
|
+
--rs-icon-ftp-accent: #ea580c;
|
|
10
|
+
--rs-icon-ftp-on-accent: #ffffff;
|
|
11
|
+
--rs-icon-redis-accent: #dc382d;
|
|
12
|
+
--rs-icon-mongodb-accent: #47a248;
|
|
13
|
+
--rs-icon-vastbase-accent: #ff6f1a;
|
|
14
|
+
--rs-icon-mysql-accent: #4479a1;
|
|
15
|
+
--rs-icon-sqlite-accent: #003b57;
|
|
16
|
+
--rs-icon-dameng-accent: #0000d2;
|
|
17
|
+
--rs-icon-dameng-wave: #ec1b34;
|
|
18
|
+
--rs-icon-oracle-accent: #f80000;
|
|
19
|
+
--rs-icon-clickhouse-accent: #ffcc01;
|
|
20
|
+
--rs-icon-kingbase-accent: #c9151e;
|
|
21
|
+
--rs-icon-sqlserver-accent: #cc2927;
|
|
22
|
+
--rs-icon-postgres-accent: #336791;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
[data-rs-theme='dark'] {
|
|
26
|
+
--rs-icon-ftp-accent: #fb923c;
|
|
27
|
+
--rs-icon-ftp-on-accent: #ffffff;
|
|
28
|
+
--rs-icon-redis-accent: #ff6f61;
|
|
29
|
+
--rs-icon-mongodb-accent: #5cb85c;
|
|
30
|
+
--rs-icon-vastbase-accent: #ff8a3d;
|
|
31
|
+
--rs-icon-mysql-accent: #5a9fd4;
|
|
32
|
+
--rs-icon-sqlite-accent: #5aafd4;
|
|
33
|
+
--rs-icon-dameng-accent: #4d4dff;
|
|
34
|
+
--rs-icon-dameng-wave: #ff4d63;
|
|
35
|
+
--rs-icon-oracle-accent: #ff4d4d;
|
|
36
|
+
--rs-icon-clickhouse-accent: #ffe066;
|
|
37
|
+
--rs-icon-kingbase-accent: #ff4d57;
|
|
38
|
+
--rs-icon-sqlserver-accent: #ff5a57;
|
|
39
|
+
--rs-icon-postgres-accent: #6a9ec4;
|
|
40
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Primitive, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, ComboboxVirtualizer, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, SwitchRoot, SwitchThumb, PaginationEllipsis, PaginationFirst, PaginationLast, PaginationList, PaginationListItem, PaginationNext, PaginationPrev, PaginationRoot, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SelectContent, SelectItem, SelectItemIndicator, SelectItemText, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport, StepperDescription, StepperIndicator, StepperItem, StepperRoot, StepperSeparator, StepperTitle, StepperTrigger, TabsContent, TabsList, TabsRoot, TabsTrigger, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, TreeVirtualizer, useForwardExpose, useFilter, } from 'reka-ui';
|
|
1
|
+
export { AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Primitive, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, ComboboxVirtualizer, ConfigProvider, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, SwitchRoot, SwitchThumb, PaginationEllipsis, PaginationFirst, PaginationLast, PaginationList, PaginationListItem, PaginationNext, PaginationPrev, PaginationRoot, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SelectContent, SelectItem, SelectItemIndicator, SelectItemText, SelectPortal, SelectRoot, SelectTrigger, SelectValue, SelectViewport, StepperDescription, StepperIndicator, StepperItem, StepperRoot, StepperSeparator, StepperTitle, StepperTrigger, TabsContent, TabsList, TabsRoot, TabsTrigger, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TreeItem, TreeRoot, TreeVirtualizer, useForwardExpose, useFilter, } from 'reka-ui';
|
|
2
2
|
export type { AcceptableValue, PrimitiveProps, TooltipRootEmits, TooltipRootProps } from 'reka-ui';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, ComboboxVirtualizer, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SwitchRoot, SwitchThumb, TabsContent, TabsList, TabsRoot, TabsTrigger, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, useFilter } from "reka-ui";
|
|
2
|
-
export { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, ComboboxVirtualizer, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SwitchRoot, SwitchThumb, TabsContent, TabsList, TabsRoot, TabsTrigger, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, useFilter };
|
|
1
|
+
import { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, ComboboxVirtualizer, ConfigProvider, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SwitchRoot, SwitchThumb, TabsContent, TabsList, TabsRoot, TabsTrigger, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, useFilter } from "reka-ui";
|
|
2
|
+
export { AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogRoot, AlertDialogTitle, AvatarFallback, AvatarImage, AvatarRoot, CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, ComboboxAnchor, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxLabel, ComboboxPortal, ComboboxRoot, ComboboxTrigger, ComboboxViewport, ComboboxVirtualizer, ConfigProvider, ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuRoot, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuRoot, DropdownMenuTrigger, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger, Primitive, RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, SwitchRoot, SwitchThumb, TabsContent, TabsList, TabsRoot, TabsTrigger, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, useFilter };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { useRsConfigOptional } from "../../../composables/useRsConfig.js";
|
|
2
1
|
import { RS_RADIUS_CSS } from "../../../theme/types.js";
|
|
2
|
+
import { useRsConfigOptional } from "../../../composables/useRsConfig.js";
|
|
3
3
|
import { computed } from "vue";
|
|
4
4
|
//#region src/components/_shared/src/resolve-radius.ts
|
|
5
5
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import RsIcon_default from "../../icon/src/RsIcon.js";
|
|
2
1
|
import { AvatarFallback, AvatarImage, AvatarRoot } from "../../_shared/src/reka.js";
|
|
2
|
+
import RsIcon_default from "../../icon/src/RsIcon.js";
|
|
3
3
|
import { getAvatarInitials } from "./avatar-utils.js";
|
|
4
4
|
import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
|
|
5
5
|
//#region src/components/avatar/src/RsAvatar.vue?vue&type=script&setup=true&lang.ts
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import RsIcon_default from "../../icon/src/RsIcon.js";
|
|
2
1
|
import { RS_COMPONENT_SIZE_ICON_PX } from "../../../theme/types.js";
|
|
2
|
+
import RsIcon_default from "../../icon/src/RsIcon.js";
|
|
3
3
|
import { resolveRsButtonTone, resolveRsButtonVariant } from "./button-utils.js";
|
|
4
4
|
import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
|
|
5
5
|
import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { rsRadiusCss } from "../../_shared/src/resolve-radius.js";
|
|
2
1
|
import { Primitive } from "../../_shared/src/reka.js";
|
|
2
|
+
import { rsRadiusCss } from "../../_shared/src/resolve-radius.js";
|
|
3
3
|
import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
|
|
4
4
|
//#region src/components/card/src/RsCard.vue?vue&type=script&setup=true&lang.ts
|
|
5
5
|
var _hoisted_1 = {
|