@yueglobal/vue-ui 1.0.2 → 1.0.4
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 +17 -15
- package/components/ComputerIcon.vue.d.ts +3 -0
- package/index.mjs +1786 -1684
- package/index.umd.js +16 -16
- package/package.json +1 -1
- package/style.css +1 -1
- package/yue-page-header/first-menus/index.vue.d.ts +2 -0
- package/yue-page-header/helper.d.ts +7 -0
package/README.md
CHANGED
|
@@ -28,20 +28,22 @@ import '@yueglobal/vue-ui/style.css';
|
|
|
28
28
|
|
|
29
29
|
### 属性
|
|
30
30
|
|
|
31
|
-
| 属性 | 说明 | 类型 | 默认值
|
|
32
|
-
| ----------------- | ----------------------------------- | ------------------------------------------- |
|
|
33
|
-
| `width` | 内容宽度 | `string` \| `number` | `80%`
|
|
34
|
-
| `backgroundColor` | 头部背景色 | `string` | `#fff`
|
|
35
|
-
| `activeLabel` | 当前选中的一级菜单项的标题 | `string` |
|
|
36
|
-
| `rightContent` | 顶部右侧的登录/用户信息按钮 | `Component` |
|
|
37
|
-
| `
|
|
38
|
-
|
|
|
39
|
-
| `
|
|
40
|
-
| `
|
|
41
|
-
| `
|
|
42
|
-
| `
|
|
43
|
-
| `
|
|
44
|
-
| `
|
|
31
|
+
| 属性 | 说明 | 类型 | 默认值 |
|
|
32
|
+
| ----------------- | ----------------------------------- | ------------------------------------------- | ---------- |
|
|
33
|
+
| `width` | 内容宽度 | `string` \| `number` | `80%` |
|
|
34
|
+
| `backgroundColor` | 头部背景色 | `string` | `#fff` |
|
|
35
|
+
| `activeLabel` | 当前选中的一级菜单项的标题 | `string` | |
|
|
36
|
+
| `rightContent` | 顶部右侧的登录/用户信息按钮 | `Component` | |
|
|
37
|
+
| `onLocaleChange` | 切换语言时的回调事件 | `({locale: string}) => void` | |
|
|
38
|
+
| | `以下二级导航栏的配置` | | |
|
|
39
|
+
| `menuItems` | 各业务系统的菜单 | `YueMenuItem`[] | |
|
|
40
|
+
| `pageTitle` | 缺值时从一级菜单取值 | `string` | |
|
|
41
|
+
| `pageIcon` | 页面图标 | `string` \| `Component` | |
|
|
42
|
+
| `breadcrumbs` | 自定义面包屑数据 | `YueBreadcrumb`[] | |
|
|
43
|
+
| `routes` | 路由数据,用于自动生成面包屑 | any | |
|
|
44
|
+
| `pathname` | 当前的路由 | `string` | |
|
|
45
|
+
| `subMenuLayout` | 二级导航栏的菜单弹出层布局 | `vertical` \| `horizontal` | `vertical` |
|
|
46
|
+
| `onRouteChange` | 点击菜单/面包屑时触发的路由切换事件 | `({ key: string; label?: string }) => void` | |
|
|
45
47
|
|
|
46
48
|
- 业务子系统：`pageTitle`或`pageIcon`缺省时会根据`url`自动从一级菜单匹配值
|
|
47
49
|
|
|
@@ -74,7 +76,7 @@ const routes = useRouter().getRoutes();
|
|
|
74
76
|
|
|
75
77
|
```vue | pure
|
|
76
78
|
<script>
|
|
77
|
-
import { ref } from 'vue';
|
|
79
|
+
import { ref, watch } from 'vue';
|
|
78
80
|
import { useRouter, useRoute } from 'vue-router';
|
|
79
81
|
import { YuePageHeader } from '@yueglobal/vue-ui';
|
|
80
82
|
import RightContent from './right-content.vue';
|