@rhino-design/vue 0.1.0 → 0.1.1
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/README.md +4 -27
- package/dist/index.cjs +481 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +115535 -484
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
# Rhino Design Vue
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
- 同名组件优先使用 `@arco-design/web-vue`
|
|
6
|
-
- 只有 Arco 没提供的组件，才由 `ant-design-vue` 补位
|
|
7
|
-
- 组件统一注册为 `X` 前缀，例如 `<x-card />`、`<x-form />`、`<x-segmented />`
|
|
8
|
-
- 可直接构建并发布到 npm
|
|
3
|
+
全面开箱即用的高质量组件，可以覆盖绝大部分的业务场景。1100 多个 icon 图标，所有组件都是用 TypeScript 编写的，所以天然的类型友好。
|
|
9
4
|
|
|
10
5
|
## 安装
|
|
11
6
|
|
|
12
7
|
```bash
|
|
13
|
-
npm
|
|
8
|
+
npm i @rhino-design/vue
|
|
14
9
|
```
|
|
15
10
|
|
|
16
11
|
## 全量注册
|
|
@@ -24,12 +19,6 @@ import '@rhino-design/vue/style.css';
|
|
|
24
19
|
createApp(App).use(RhinoDesignVue).mount('#app');
|
|
25
20
|
```
|
|
26
21
|
|
|
27
|
-
## 组件来源规则
|
|
28
|
-
|
|
29
|
-
- `x-card`、`x-form`、`x-menu`、`x-table`、`x-select` 等同名组件，走 Arco 的 props 和交互机制
|
|
30
|
-
- `x-segmented`、`x-qr-code`、`x-tour`、`x-badge-ribbon` 等 Arco 缺失项，走 Ant Design Vue
|
|
31
|
-
- `x-config-provider` 是桥接层：外层用 Arco ConfigProvider，内层同步 Antd 补位组件的尺寸和 token
|
|
32
|
-
|
|
33
22
|
## 使用示例
|
|
34
23
|
|
|
35
24
|
```vue
|
|
@@ -37,8 +26,8 @@ createApp(App).use(RhinoDesignVue).mount('#app');
|
|
|
37
26
|
<x-config-provider size="medium">
|
|
38
27
|
<x-space direction="vertical" style="width: 100%">
|
|
39
28
|
<x-collapse>
|
|
40
|
-
<x-collapse-item key="api" header="
|
|
41
|
-
<x-input-tag :default-value="['vue3', '
|
|
29
|
+
<x-collapse-item key="api" header="组件示例">
|
|
30
|
+
<x-input-tag :default-value="['vue3', 'rhino-design']" />
|
|
42
31
|
</x-collapse-item>
|
|
43
32
|
</x-collapse>
|
|
44
33
|
|
|
@@ -65,18 +54,6 @@ import {
|
|
|
65
54
|
} from '@rhino-design/vue';
|
|
66
55
|
```
|
|
67
56
|
|
|
68
|
-
## Provider
|
|
69
|
-
|
|
70
|
-
`XConfigProvider` 提供的是“Arco 优先”的入口：
|
|
71
|
-
|
|
72
|
-
- `size`、`locale`、`updateAtScroll`、`scrollToClose`、`exchangeTime` 走 Arco 语义
|
|
73
|
-
- `themeOverrides` 和 `compact` 用于同步 Antd 补位组件
|
|
74
|
-
|
|
75
|
-
## 服务导出
|
|
76
|
-
|
|
77
|
-
- `xMessage`、`xNotification` 使用 Arco 的服务实现
|
|
78
|
-
- `createXAntdCache`、`createXAntdTheme`、`extractXAntdStyle` 用于 Antd 补位层
|
|
79
|
-
|
|
80
57
|
## 发布
|
|
81
58
|
|
|
82
59
|
```bash
|