ruanno-ui 0.2.1 → 0.2.3
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/LICENSE +1 -1
- package/README.md +71 -71
- package/package.json +4 -4
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -1,71 +1,71 @@
|
|
|
1
|
-
# ruanno-ui
|
|
2
|
-
|
|
3
|
-
为 AI 编程时代而生的 Vue 3 跨端组件库：桌面 Web + 移动 H5 一套代码，97 个组件，5 套主题，每个组件自带机器可读 `meta.json` 契约。
|
|
4
|
-
|
|
5
|
-
## 安装
|
|
6
|
-
|
|
7
|
-
```bash
|
|
8
|
-
npm install ruanno-ui
|
|
9
|
-
# 或
|
|
10
|
-
pnpm add ruanno-ui
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
要求 Vue `>= 3.5`。
|
|
14
|
-
|
|
15
|
-
## 快速开始
|
|
16
|
-
|
|
17
|
-
```ts
|
|
18
|
-
import { createApp } from "vue";
|
|
19
|
-
import { createRuannoUI, setRnTheme } from "ruanno-ui";
|
|
20
|
-
import "ruanno-ui/style.css";
|
|
21
|
-
|
|
22
|
-
const app = createApp(App);
|
|
23
|
-
app.use(createRuannoUI());
|
|
24
|
-
setRnTheme("aurora"); // classic / mono / mono-dark / aurora / aurora-dark
|
|
25
|
-
```
|
|
26
|
-
|
|
27
|
-
```vue
|
|
28
|
-
<Button variant="primary" @click="showToast('你好 ruanno-ui')">开始</Button>
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
## 按需引入（推荐）
|
|
32
|
-
|
|
33
|
-
```bash
|
|
34
|
-
pnpm add -D unplugin-vue-components unplugin-auto-import @ruanno-ui/resolver
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
```ts
|
|
38
|
-
// vite.config.ts
|
|
39
|
-
import Components from "unplugin-vue-components/vite";
|
|
40
|
-
import AutoImport from "unplugin-auto-import/vite";
|
|
41
|
-
import { RuannoUIResolver, RuannoUIAutoImports } from "@ruanno-ui/resolver";
|
|
42
|
-
|
|
43
|
-
export default {
|
|
44
|
-
plugins: [
|
|
45
|
-
Components({ resolvers: [RuannoUIResolver()] }),
|
|
46
|
-
AutoImport({ imports: [RuannoUIAutoImports] }),
|
|
47
|
-
],
|
|
48
|
-
};
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
## 特性
|
|
52
|
-
|
|
53
|
-
- **97 个组件**：基础 / 表单（含校验）/ 数据展示 / 图表（6 类 SVG 图表）/ 验证码（3 种）/ 富文本编辑器 / 反馈 / 导航 / 布局 / 移动交互
|
|
54
|
-
- **AI 原生契约**：每组件一份 `meta.json`（props / events / slots / 示例），全库 `llms.txt`，AI 编码助手开箱即用
|
|
55
|
-
- **5 套主题**：`setRnTheme("mono-dark")` 一行切换；自定义只需覆盖 `--rn-*` CSS 变量
|
|
56
|
-
- **跨端**：响应式断点 + 触摸交互 + 安全区适配；另有 uni-app / uni-app X 包（实验性预览）
|
|
57
|
-
- **TypeScript 严格模式**全量类型声明；ESM 产物；SSR 兼容
|
|
58
|
-
|
|
59
|
-
## 给 AI 编码助手用
|
|
60
|
-
|
|
61
|
-
- 组件目录自带 `meta.json`：props / events / slots / 示例的机器可读契约
|
|
62
|
-
- 文档站产物含 `llms.txt`（索引）与 `llms-full.txt`（全部组件文档内联），直接投喂给 LLM
|
|
63
|
-
|
|
64
|
-
## 链接
|
|
65
|
-
|
|
66
|
-
- 仓库：https://gitee.com/
|
|
67
|
-
- 文档与在线示例：见仓库 `apps/docs`（`pnpm docs:dev` 本地启动）
|
|
68
|
-
|
|
69
|
-
## License
|
|
70
|
-
|
|
71
|
-
MIT
|
|
1
|
+
# ruanno-ui
|
|
2
|
+
|
|
3
|
+
为 AI 编程时代而生的 Vue 3 跨端组件库：桌面 Web + 移动 H5 一套代码，97 个组件，5 套主题，每个组件自带机器可读 `meta.json` 契约。
|
|
4
|
+
|
|
5
|
+
## 安装
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install ruanno-ui
|
|
9
|
+
# 或
|
|
10
|
+
pnpm add ruanno-ui
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
要求 Vue `>= 3.5`。
|
|
14
|
+
|
|
15
|
+
## 快速开始
|
|
16
|
+
|
|
17
|
+
```ts
|
|
18
|
+
import { createApp } from "vue";
|
|
19
|
+
import { createRuannoUI, setRnTheme } from "ruanno-ui";
|
|
20
|
+
import "ruanno-ui/style.css";
|
|
21
|
+
|
|
22
|
+
const app = createApp(App);
|
|
23
|
+
app.use(createRuannoUI());
|
|
24
|
+
setRnTheme("aurora"); // classic / mono / mono-dark / aurora / aurora-dark
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
```vue
|
|
28
|
+
<Button variant="primary" @click="showToast('你好 ruanno-ui')">开始</Button>
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
## 按需引入（推荐）
|
|
32
|
+
|
|
33
|
+
```bash
|
|
34
|
+
pnpm add -D unplugin-vue-components unplugin-auto-import @ruanno-ui/resolver
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
```ts
|
|
38
|
+
// vite.config.ts
|
|
39
|
+
import Components from "unplugin-vue-components/vite";
|
|
40
|
+
import AutoImport from "unplugin-auto-import/vite";
|
|
41
|
+
import { RuannoUIResolver, RuannoUIAutoImports } from "@ruanno-ui/resolver";
|
|
42
|
+
|
|
43
|
+
export default {
|
|
44
|
+
plugins: [
|
|
45
|
+
Components({ resolvers: [RuannoUIResolver()] }),
|
|
46
|
+
AutoImport({ imports: [RuannoUIAutoImports] }),
|
|
47
|
+
],
|
|
48
|
+
};
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## 特性
|
|
52
|
+
|
|
53
|
+
- **97 个组件**：基础 / 表单（含校验）/ 数据展示 / 图表（6 类 SVG 图表）/ 验证码（3 种）/ 富文本编辑器 / 反馈 / 导航 / 布局 / 移动交互
|
|
54
|
+
- **AI 原生契约**：每组件一份 `meta.json`（props / events / slots / 示例），全库 `llms.txt`，AI 编码助手开箱即用
|
|
55
|
+
- **5 套主题**：`setRnTheme("mono-dark")` 一行切换；自定义只需覆盖 `--rn-*` CSS 变量
|
|
56
|
+
- **跨端**：响应式断点 + 触摸交互 + 安全区适配；另有 uni-app / uni-app X 包（实验性预览）
|
|
57
|
+
- **TypeScript 严格模式**全量类型声明；ESM 产物；SSR 兼容
|
|
58
|
+
|
|
59
|
+
## 给 AI 编码助手用
|
|
60
|
+
|
|
61
|
+
- 组件目录自带 `meta.json`：props / events / slots / 示例的机器可读契约
|
|
62
|
+
- 文档站产物含 `llms.txt`（索引）与 `llms-full.txt`（全部组件文档内联），直接投喂给 LLM
|
|
63
|
+
|
|
64
|
+
## 链接
|
|
65
|
+
|
|
66
|
+
- 仓库：https://gitee.com/ruanno-top/ruanno-ui
|
|
67
|
+
- 文档与在线示例：见仓库 `apps/docs`（`pnpm docs:dev` 本地启动）
|
|
68
|
+
|
|
69
|
+
## License
|
|
70
|
+
|
|
71
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ruanno-ui",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/ruanno-ui.js",
|
|
6
6
|
"module": "./dist/ruanno-ui.js",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"dist"
|
|
17
17
|
],
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@ruanno-ui/tokens": "^0.2.
|
|
19
|
+
"@ruanno-ui/tokens": "^0.2.1"
|
|
20
20
|
},
|
|
21
21
|
"peerDependencies": {
|
|
22
22
|
"vue": "^3.5.0"
|
|
@@ -54,9 +54,9 @@
|
|
|
54
54
|
"license": "MIT",
|
|
55
55
|
"repository": {
|
|
56
56
|
"type": "git",
|
|
57
|
-
"url": "https://gitee.com/
|
|
57
|
+
"url": "https://gitee.com/ruanno-top/ruanno-ui.git"
|
|
58
58
|
},
|
|
59
|
-
"homepage": "https://
|
|
59
|
+
"homepage": "https://ui.ruanno.top",
|
|
60
60
|
"scripts": {
|
|
61
61
|
"gen": "node scripts/gen-entry.mjs",
|
|
62
62
|
"gen:types": "node scripts/gen-types.mjs",
|