@lambo-design/pro-layout 1.0.0-beta.381 → 1.0.0-beta.383
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/package.json +3 -3
- package/src/components/pro-layout-header/pro-layout-tools/components/pro-layout-tools-quick-document.vue +1 -38
- package/src/components/pro-layout-header/pro-layout-tools/components/pro-layout-tools-quick-icons.vue +6 -4
- package/src/index.vue +1 -1
- package/src/styles/color.less +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lambo-design/pro-layout",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.383",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"author": "lambo",
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"registry": "https://registry.npmjs.org/"
|
|
11
11
|
},
|
|
12
12
|
"devDependencies": {
|
|
13
|
-
"@lambo-design/core": "^4.7.1-beta.
|
|
14
|
-
"@lambo-design/shared": "^1.0.0-beta.
|
|
13
|
+
"@lambo-design/core": "^4.7.1-beta.161",
|
|
14
|
+
"@lambo-design/shared": "^1.0.0-beta.263"
|
|
15
15
|
},
|
|
16
16
|
"scripts": {
|
|
17
17
|
"release-pro-layout": "pnpm release-beta && git push --follow-tags && pnpm re-publish",
|
|
@@ -1,54 +1,17 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<Tooltip
|
|
2
|
+
<Tooltip content="说明" placement="bottom">
|
|
3
3
|
<Icon @click="collectEvent" type="ios-help-circle-outline" size="16" style="cursor: pointer" />
|
|
4
4
|
</Tooltip>
|
|
5
5
|
</template>
|
|
6
6
|
|
|
7
7
|
<script>
|
|
8
|
-
import Bus from '@lambo-design/shared/utils/bus'
|
|
9
|
-
import { deepCopy } from '@lambo-design/shared/utils/assist'
|
|
10
|
-
|
|
11
8
|
export default {
|
|
12
9
|
name: 'pro-layout-tools-quick-document',
|
|
13
|
-
data() {
|
|
14
|
-
return {
|
|
15
|
-
menuList: [],
|
|
16
|
-
currentItem: {}
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
10
|
methods: {
|
|
20
|
-
initListener() {
|
|
21
|
-
Bus.$on('menu-list', (data) => {
|
|
22
|
-
this.initMenu(data);
|
|
23
|
-
})
|
|
24
|
-
Bus.$on('menu-click',(name,item) => {
|
|
25
|
-
this.initMenuClick(name, item)
|
|
26
|
-
})
|
|
27
|
-
},
|
|
28
|
-
destroyListener() {
|
|
29
|
-
Bus.$off('menu-list')
|
|
30
|
-
Bus.$off('menu-click')
|
|
31
|
-
},
|
|
32
|
-
initMenu(data){
|
|
33
|
-
this.menuList = deepCopy(data);
|
|
34
|
-
},
|
|
35
|
-
initMenuClick(name, item){
|
|
36
|
-
if(item) {
|
|
37
|
-
this.currentItem = item;
|
|
38
|
-
} else {
|
|
39
|
-
this.currentItem = this.menuList.find(menu => menu.name === name)
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
11
|
collectEvent(){
|
|
43
12
|
let url = '%E5%A4%A7%E6%95%B0%E6%8D%AE%E5%B9%B3%E5%8F%B0%E6%93%8D%E4%BD%9C%E6%89%8B%E5%86%8C/';
|
|
44
13
|
window.open('/dw-guide-doc/'+url, '_blank');
|
|
45
14
|
}
|
|
46
|
-
},
|
|
47
|
-
created() {
|
|
48
|
-
this.initListener()
|
|
49
|
-
},
|
|
50
|
-
beforeDestroy() {
|
|
51
|
-
this.destroyListener()
|
|
52
15
|
}
|
|
53
16
|
}
|
|
54
17
|
</script>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<Row class="pro-layout-tools-quick-icons">
|
|
3
|
-
<Col class="font-padding" v-show="rightTopOptButtonList.includes('document')">
|
|
4
|
-
<ProLayoutToolsQuickDocument></ProLayoutToolsQuickDocument>
|
|
5
|
-
</Col>
|
|
6
3
|
<Col class="font-padding" v-show="rightTopOptButtonList.includes('collect')">
|
|
7
4
|
<ProLayoutToolsQuickCollect></ProLayoutToolsQuickCollect>
|
|
8
5
|
</Col>
|
|
6
|
+
<Col class="font-padding" v-show="rightTopOptButtonList.includes('document')">
|
|
7
|
+
<ProLayoutToolsQuickDocument></ProLayoutToolsQuickDocument>
|
|
8
|
+
</Col>
|
|
9
9
|
<Col class="font-padding" v-show="rightTopOptButtonList.includes('fullScreen')">
|
|
10
10
|
<ProLayoutToolsQuickFullscreen></ProLayoutToolsQuickFullscreen>
|
|
11
11
|
</Col>
|
|
@@ -39,7 +39,7 @@ export default {
|
|
|
39
39
|
name: 'pro-layout-tools-quick-icons',
|
|
40
40
|
data() {
|
|
41
41
|
return {
|
|
42
|
-
rightTopOptButtonList: ['search','collect','fullScreen']
|
|
42
|
+
rightTopOptButtonList: ['search','collect','document','fullScreen']
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
45
|
components:{
|
|
@@ -53,6 +53,7 @@ export default {
|
|
|
53
53
|
},
|
|
54
54
|
methods: {
|
|
55
55
|
initListener() {
|
|
56
|
+
debugger
|
|
56
57
|
Bus.$on('system-info',(data) => {
|
|
57
58
|
this.initSystemInfo(data);
|
|
58
59
|
})
|
|
@@ -61,6 +62,7 @@ export default {
|
|
|
61
62
|
Bus.$off('system-info')
|
|
62
63
|
},
|
|
63
64
|
initSystemInfo(data){
|
|
65
|
+
debugger
|
|
64
66
|
if (data && data.rightTopOptButtonList) {
|
|
65
67
|
this.rightTopOptButtonList = deepCopy(data.rightTopOptButtonList)
|
|
66
68
|
}
|
package/src/index.vue
CHANGED
package/src/styles/color.less
CHANGED
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
color: var(--layout-header-nav-color,@_layout-header-nav-color);
|
|
28
28
|
&:hover {
|
|
29
29
|
.line {
|
|
30
|
-
border-bottom:
|
|
30
|
+
border-bottom: var(--primary-color-border-bottom, @_primary-color-border-bottom) solid var(--primary-color-tint-5, @_primary-color-tint-5);
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
&.ivu-menu-item-active,&.ivu-menu-item-selected{
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
background: linear-gradient(to bottom, var(--layout-header-nav-active-background-begin,@_layout-header-nav-active-background-begin) 0%, var(--layout-header-nav-active-background-end,@_layout-header-nav-active-background-end) 100%);
|
|
36
36
|
color: var(--layout-header-nav-active-color,@_layout-header-nav-active-color);
|
|
37
37
|
.line {
|
|
38
|
-
border-bottom:
|
|
38
|
+
border-bottom: var(--primary-color-border-bottom, @_primary-color-border-bottom) solid var(--primary-color-tint-5, @_primary-color-tint-5);
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
}
|