@cregis/ui 0.1.11 → 0.2.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 +20 -6
- package/dist/es/cregis-ui.js +2094 -208
- package/dist/index.css +1 -1
- package/dist/types/index.d.ts +277 -5
- package/dist/umd/cregis-ui.umd.cjs +1 -1
- package/dist/umd/index.css +1 -1
- package/package.json +6 -1
package/README.md
CHANGED
|
@@ -69,12 +69,18 @@ function setTheme(mode: 'light' | 'dark') {
|
|
|
69
69
|
|
|
70
70
|
```vue
|
|
71
71
|
<script setup lang="ts">
|
|
72
|
-
import { Button, Input } from '@cregis/ui'
|
|
72
|
+
import { Button, Input, Popover } from '@cregis/ui'
|
|
73
73
|
</script>
|
|
74
74
|
|
|
75
75
|
<template>
|
|
76
76
|
<Button type="primary">确定</Button>
|
|
77
77
|
<Input v-model="value" placeholder="请输入" />
|
|
78
|
+
<Popover trigger="click" placement="bottom">
|
|
79
|
+
<template #reference>
|
|
80
|
+
<Button type="secondary">说明</Button>
|
|
81
|
+
</template>
|
|
82
|
+
<div>浮层内自定义内容</div>
|
|
83
|
+
</Popover>
|
|
78
84
|
</template>
|
|
79
85
|
```
|
|
80
86
|
|
|
@@ -99,14 +105,22 @@ UMD 构建会将 `vue` 映射为全局 `Vue`，将 `@cregis/icon` 映射为全
|
|
|
99
105
|
|
|
100
106
|
## 组件一览
|
|
101
107
|
|
|
102
|
-
| 组件
|
|
108
|
+
| 组件 | 说明 |
|
|
103
109
|
| -------- | -------- |
|
|
104
|
-
| `Button` | 按钮
|
|
105
|
-
| `Input`
|
|
110
|
+
| `Button` | 按钮 |
|
|
111
|
+
| `Input` | 输入框 |
|
|
106
112
|
| `Checkbox` | 复选框 |
|
|
107
|
-
| `Radio`
|
|
108
|
-
| `Divider` | 分割线
|
|
113
|
+
| `Radio` | 单选 |
|
|
114
|
+
| `Divider` | 分割线 |
|
|
109
115
|
| `Tabs` / `TabPane` | 标签页 |
|
|
116
|
+
| `Select` / `Option` | 下拉选择 |
|
|
117
|
+
| `Cascader` | 级联选择 |
|
|
118
|
+
| `Progress` | 进度条 |
|
|
119
|
+
| `Popover` | 浮层弹出（`hover` / `click` 触发，Popper 定位；默认插槽为浮层内容） |
|
|
120
|
+
| `Message` | 函数式轻提示 |
|
|
121
|
+
| `Notification` | 函数式通知（标题、类型、按钮文案等） |
|
|
122
|
+
|
|
123
|
+
`Message` 与 `Notification` 为 **函数式 API**（在脚本中调用），不是用于模板注册的 SFC 组件。
|
|
110
124
|
|
|
111
125
|
类型定义随构建输出至 `dist/types`，支持在 TS 项目中直接获得类型提示。
|
|
112
126
|
|