n20-common-lib 1.2.43 → 1.2.46
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 +2 -2
- package/package.json +88 -88
- package/src/_qiankun/index.js +113 -113
- package/src/_qiankun/postMessage.js +48 -48
- package/src/assets/css/_coreLib.scss +35 -35
- package/src/assets/css/cl-anchor.scss +23 -23
- package/src/assets/css/cl-approve-card.scss +58 -58
- package/src/assets/css/cl-dialog.scss +99 -99
- package/src/assets/css/cl-drag-list.scss +22 -22
- package/src/assets/css/cl-empty.scss +10 -10
- package/src/assets/css/cl-expandable-pane.scss +26 -26
- package/src/assets/css/cl-expandable.scss +24 -24
- package/src/assets/css/cl-file-upload-table.scss +11 -11
- package/src/assets/css/cl-filter.scss +4 -4
- package/src/assets/css/cl-flow-step.scss +185 -185
- package/src/assets/css/cl-footer-box.scss +10 -10
- package/src/assets/css/cl-form-item.scss +612 -612
- package/src/assets/css/cl-general-card.scss +11 -11
- package/src/assets/css/cl-layout-aside.scss +92 -92
- package/src/assets/css/cl-layout-content.scss +16 -16
- package/src/assets/css/cl-layout-header.scss +73 -73
- package/src/assets/css/cl-layout-tabs.scss +87 -87
- package/src/assets/css/cl-layout.scss +97 -97
- package/src/assets/css/cl-login-temporary.scss +37 -37
- package/src/assets/css/cl-message.scss +75 -75
- package/src/assets/css/cl-more-tab.scss +98 -98
- package/src/assets/css/cl-nav-menu.scss +5 -5
- package/src/assets/css/cl-pagination.scss +128 -128
- package/src/assets/css/cl-secondary-tab.scss +53 -53
- package/src/assets/css/cl-showcolumn.scss +23 -23
- package/src/assets/css/cl-sifting.scss +51 -51
- package/src/assets/css/cl-statis.scss +42 -42
- package/src/assets/css/cl-step.scss +73 -73
- package/src/assets/css/cl-suspend.scss +19 -19
- package/src/assets/css/cl-tertiary-tab.scss +54 -54
- package/src/assets/css/cl-upload.scss +41 -41
- package/src/assets/css/cl-worn-pagination.scss +50 -50
- package/src/assets/css/el-button.scss +173 -173
- package/src/assets/css/el-table.scss +79 -79
- package/src/assets/css/element-variables.scss +1061 -1061
- package/src/assets/css/element.dev.scss +21 -21
- package/src/assets/css/font-icon.scss +27 -27
- package/src/assets/css/index.dev.scss +4 -4
- package/src/assets/css/index.scss +11 -11
- package/src/assets/css/normalize.scss +726 -726
- package/src/assets/css/rootvar.scss +139 -139
- package/src/assets/css/select.scss +25 -25
- package/src/assets/css/title-pop.scss +4 -4
- package/src/assets/getJsonc.js +50 -50
- package/src/assets/realUrl.js +12 -12
- package/src/components/.DS_Store +0 -0
- package/src/components/Anchor/AnchorItem.vue +29 -29
- package/src/components/Anchor/index.vue +185 -185
- package/src/components/ApprovalButtons/index.vue +233 -233
- package/src/components/ApprovalCard/index.vue +128 -128
- package/src/components/ApprovalRecord/approvalImg.vue +44 -44
- package/src/components/ApprovalRecord/flowDialog.vue +45 -45
- package/src/components/ApprovalRecord/index.vue +59 -59
- package/src/components/Button/button-group.vue +150 -150
- package/src/components/Button/icon-group-button.vue +61 -61
- package/src/components/Button/index.vue +56 -56
- package/src/components/CascaderArea/index.vue +103 -103
- package/src/components/ContentLoading/index.vue +41 -41
- package/src/components/ContentNull/index.vue +19 -19
- package/src/components/DatePicker/index.vue +27 -27
- package/src/components/DatePicker/por.vue +169 -169
- package/src/components/Dialog/index.vue +26 -26
- package/src/components/Dialog/indexO.vue +116 -116
- package/src/components/DragList/index.vue +75 -75
- package/src/components/Empty/.DS_Store +0 -0
- package/src/components/Empty/img/.DS_Store +0 -0
- package/src/components/Empty/img/abnormal.svg +108 -108
- package/src/components/Empty/img/dispose.svg +71 -71
- package/src/components/Empty/img/empty.svg +57 -57
- package/src/components/Empty/img/general.svg +58 -58
- package/src/components/Empty/img/lock.svg +57 -57
- package/src/components/Empty/img/network.svg +59 -59
- package/src/components/Empty/img/relevant.svg +68 -68
- package/src/components/Empty/img/search.svg +72 -72
- package/src/components/Empty/index.vue +92 -92
- package/src/components/Expandable/index.vue +49 -49
- package/src/components/Expandable/main.vue +52 -52
- package/src/components/FileExportAsync/index.vue +178 -178
- package/src/components/FileUploadTable/index.vue +484 -484
- package/src/components/Filters/index.vue +371 -371
- package/src/components/Filters/indexO.vue +104 -104
- package/src/components/FlowStep/index.vue +68 -68
- package/src/components/FooterBox/index.vue +21 -21
- package/src/components/GeneralCard/index.vue +15 -15
- package/src/components/InputNumber/index.vue +169 -169
- package/src/components/InputNumber/numberRange.vue +47 -47
- package/src/components/InputSearch/index.vue +75 -75
- package/src/components/Layout/.DS_Store +0 -0
- package/src/components/Layout/AsideNav/index.vue +120 -120
- package/src/components/Layout/AsideNav/menuItem.vue +34 -34
- package/src/components/Layout/AsideNav/submenuTitle.vue +26 -26
- package/src/components/Layout/HeaderWrap/changePwd.vue +215 -215
- package/src/components/Layout/HeaderWrap/index.vue +371 -371
- package/src/components/Layout/HeaderWrap/noticePop.vue +316 -316
- package/src/components/Layout/SubContent/index.vue +127 -127
- package/src/components/Layout/TabsNav/index.vue +170 -170
- package/src/components/Layout/index.vue +518 -518
- package/src/components/Layout/utils.js +12 -12
- package/src/components/LoginTemporary/form.vue +566 -566
- package/src/components/LoginTemporary/index.vue +139 -139
- package/src/components/LoginTemporary/qrcode.vue +90 -90
- package/src/components/LoginTemporary/retrievePw.vue +372 -372
- package/src/components/LoginTemporary/utils.js +73 -73
- package/src/components/MicroApp/index.js +67 -67
- package/src/components/MicroFrame/index.vue +95 -95
- package/src/components/MoreTab/index.vue +232 -232
- package/src/components/NavMenu/index.vue +60 -60
- package/src/components/NstcG6Components/.DS_Store +0 -0
- package/src/components/PageLayout/page.vue +15 -15
- package/src/components/Pagination/index.vue +165 -165
- package/src/components/SecondaryTab/index.vue +58 -58
- package/src/components/SelectLazy/index.vue +75 -75
- package/src/components/SelectTree/SelectTreeLazy.vue +241 -241
- package/src/components/SelectTree/index.vue +205 -205
- package/src/components/ShowColumn/index.vue +213 -213
- package/src/components/Sifting/index.vue +99 -99
- package/src/components/Statis/index.vue +97 -97
- package/src/components/Statis/statisItem.vue +54 -54
- package/src/components/Statis/statisPopover.vue +55 -55
- package/src/components/Step/index.vue +38 -38
- package/src/components/Suspend/index.vue +72 -72
- package/src/components/Table/index.vue +209 -209
- package/src/components/Table/indexO.vue +149 -149
- package/src/components/Task/index.vue +26 -26
- package/src/components/TertiaryTab/index.vue +63 -63
- package/src/components/TimePicker/index.vue +28 -28
- package/src/components/Upload/index.vue +242 -242
- package/src/components/WornPagination/index.vue +73 -73
- package/src/directives/VClickOutside/index.js +19 -19
- package/src/directives/VHas/index.js +58 -58
- package/src/directives/VMove/index.js +42 -42
- package/src/directives/VTitle/index.js +69 -69
- package/src/directives/VTitle/tooltip.vue +21 -21
- package/src/index.js +232 -232
- package/src/plugins/CompatibleOld/index.js +57 -57
- package/src/plugins/Print/index.js +4 -4
- package/src/plugins/Print/print-js/.babelrc +12 -12
- package/src/plugins/Print/print-js/LICENSE +21 -21
- package/src/plugins/Print/print-js/README.md +98 -98
- package/src/plugins/Print/print-js/dist/print.css +96 -96
- package/src/plugins/Print/print-js/dist/print.js +990 -990
- package/src/plugins/Print/print-js/package.json +60 -60
- package/src/plugins/Print/print-js/src/index.d.ts +45 -45
- package/src/plugins/Print/print-js/src/index.js +10 -10
- package/src/plugins/Print/print-js/src/js/browser.js +33 -33
- package/src/plugins/Print/print-js/src/js/functions.js +103 -103
- package/src/plugins/Print/print-js/src/js/html.js +70 -70
- package/src/plugins/Print/print-js/src/js/image.js +48 -48
- package/src/plugins/Print/print-js/src/js/init.js +168 -168
- package/src/plugins/Print/print-js/src/js/json.js +109 -109
- package/src/plugins/Print/print-js/src/js/modal.js +62 -62
- package/src/plugins/Print/print-js/src/js/pdf.js +62 -62
- package/src/plugins/Print/print-js/src/js/print.js +102 -102
- package/src/plugins/Print/print-js/src/js/raw-html.js +15 -15
- package/src/plugins/Print/print-js/src/sass/index.scss +13 -13
- package/src/plugins/Print/print-js/src/sass/modules/_colors.scss +9 -9
- package/src/plugins/Print/print-js/src/sass/partials/_modal.scss +40 -40
- package/src/plugins/Print/print-js/src/sass/partials/_spinner.scss +45 -45
- package/src/plugins/Print/print.js +2 -2
- package/src/plugins/Print/print.scss +1 -1
- package/src/plugins/SetMenuTree/index.vue +41 -41
- package/src/plugins/SetMenuTree/logoIcon.vue +37 -37
- package/src/plugins/SetMenuTree/setmenutree.vue +427 -427
- package/src/plugins/SetMenuTree/utils.js +74 -74
- package/src/plugins/Sign/InfosecNetSignCNGAgent.min.js +2000 -2000
- package/src/plugins/Sign/index.js +65 -65
- package/src/plugins/Sign/sign.js +1 -1
- package/src/plugins/setTabsForSub.js +2 -2
- package/src/utils/auth.js +53 -53
- package/src/utils/axios.js +203 -203
- package/src/utils/downloadBlob.js +19 -19
- package/src/utils/forEachs.js +16 -16
- package/src/utils/getScrollContainer.js +43 -43
- package/src/utils/i18n/cn2hk.json +1270 -1270
- package/src/utils/i18n/index.js +50 -50
- package/src/utils/list2tree.js +36 -36
- package/src/utils/msgboxPor.js +26 -26
- package/src/utils/print.js +161 -161
- package/src/utils/relaNo.js +72 -72
- package/src/utils/repairElementUI.js +95 -95
- package/src/utils/urlToGo.js +82 -82
- package/style/index.css +3 -3
- package/style/css/normalize.scss +0 -726
- package/style/pageDemo/demo-1.vue +0 -131
- package/style/pageDemo/demo-2.vue +0 -35
- package/style/pageDemo/demo-3.vue +0 -22
- package/style/pageDemo/seeCode.js +0 -20
- package/style/server-config.jsonc +0 -606
|
@@ -1,73 +1,73 @@
|
|
|
1
|
-
import forEachs from '../../utils/forEachs'
|
|
2
|
-
import list2tree from '../../utils/list2tree'
|
|
3
|
-
|
|
4
|
-
export function siteTree2menus(siteTree) {
|
|
5
|
-
let list_1 = []
|
|
6
|
-
|
|
7
|
-
forEachs(siteTree, (item) => {
|
|
8
|
-
if (item.resType === '1' || item.resType === '2') {
|
|
9
|
-
list_1.push(item)
|
|
10
|
-
}
|
|
11
|
-
})
|
|
12
|
-
|
|
13
|
-
let list_2 = []
|
|
14
|
-
list_1.forEach((item) => {
|
|
15
|
-
let menuObj = {
|
|
16
|
-
menuid: item.menuid,
|
|
17
|
-
pmid: item.pmid,
|
|
18
|
-
sortnum: item.sortnum ? Number(item.sortnum) : item.menuid,
|
|
19
|
-
appNo: item.appNo || undefined,
|
|
20
|
-
title: item.label
|
|
21
|
-
}
|
|
22
|
-
if (/^http(s)?:|\/\//.test(item.pageurl)) {
|
|
23
|
-
menuObj.href = item.pageurl
|
|
24
|
-
} else {
|
|
25
|
-
menuObj.route = item.pageurl
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
if (/\//.test(item.logo)) {
|
|
29
|
-
menuObj.iconUrl = item.logo
|
|
30
|
-
} else {
|
|
31
|
-
menuObj.iconClass = item.logo
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
if (item.resType === '2') {
|
|
35
|
-
menuObj.hide = true
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
list_2.push(menuObj)
|
|
39
|
-
})
|
|
40
|
-
|
|
41
|
-
return list2tree(list_2, 'menuid', 'pmid', 'children', 'sortnum')
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export function siteTree2RelaNos(siteTree) {
|
|
45
|
-
let relaNos = []
|
|
46
|
-
siteTree.forEach((m) => {
|
|
47
|
-
let oRelaObj = relaNos.find((item) => item.appNo === m.appNo)
|
|
48
|
-
if (oRelaObj) {
|
|
49
|
-
m.treeno && oRelaObj.relaNos.push(m.treeno)
|
|
50
|
-
if (Array.isArray(m.children)) {
|
|
51
|
-
forEachs(m.children, (item) => {
|
|
52
|
-
item.treeno && oRelaObj.relaNos.push(item.treeno)
|
|
53
|
-
})
|
|
54
|
-
}
|
|
55
|
-
} else {
|
|
56
|
-
oRelaObj = {
|
|
57
|
-
appNo: m.appNo,
|
|
58
|
-
label: m.label,
|
|
59
|
-
pageurl: m.pageurl,
|
|
60
|
-
relaNos: []
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
m.treeno && oRelaObj.relaNos.push(m.treeno)
|
|
64
|
-
if (Array.isArray(m.children)) {
|
|
65
|
-
forEachs(m.children, (item) => {
|
|
66
|
-
item.treeno && oRelaObj.relaNos.push(item.treeno)
|
|
67
|
-
})
|
|
68
|
-
}
|
|
69
|
-
relaNos.push(oRelaObj)
|
|
70
|
-
}
|
|
71
|
-
})
|
|
72
|
-
return relaNos
|
|
73
|
-
}
|
|
1
|
+
import forEachs from '../../utils/forEachs'
|
|
2
|
+
import list2tree from '../../utils/list2tree'
|
|
3
|
+
|
|
4
|
+
export function siteTree2menus(siteTree) {
|
|
5
|
+
let list_1 = []
|
|
6
|
+
|
|
7
|
+
forEachs(siteTree, (item) => {
|
|
8
|
+
if (item.resType === '1' || item.resType === '2') {
|
|
9
|
+
list_1.push(item)
|
|
10
|
+
}
|
|
11
|
+
})
|
|
12
|
+
|
|
13
|
+
let list_2 = []
|
|
14
|
+
list_1.forEach((item) => {
|
|
15
|
+
let menuObj = {
|
|
16
|
+
menuid: item.menuid,
|
|
17
|
+
pmid: item.pmid,
|
|
18
|
+
sortnum: item.sortnum ? Number(item.sortnum) : item.menuid,
|
|
19
|
+
appNo: item.appNo || undefined,
|
|
20
|
+
title: item.label
|
|
21
|
+
}
|
|
22
|
+
if (/^http(s)?:|\/\//.test(item.pageurl)) {
|
|
23
|
+
menuObj.href = item.pageurl
|
|
24
|
+
} else {
|
|
25
|
+
menuObj.route = item.pageurl
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
if (/\//.test(item.logo)) {
|
|
29
|
+
menuObj.iconUrl = item.logo
|
|
30
|
+
} else {
|
|
31
|
+
menuObj.iconClass = item.logo
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
if (item.resType === '2') {
|
|
35
|
+
menuObj.hide = true
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
list_2.push(menuObj)
|
|
39
|
+
})
|
|
40
|
+
|
|
41
|
+
return list2tree(list_2, 'menuid', 'pmid', 'children', 'sortnum')
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export function siteTree2RelaNos(siteTree) {
|
|
45
|
+
let relaNos = []
|
|
46
|
+
siteTree.forEach((m) => {
|
|
47
|
+
let oRelaObj = relaNos.find((item) => item.appNo === m.appNo)
|
|
48
|
+
if (oRelaObj) {
|
|
49
|
+
m.treeno && oRelaObj.relaNos.push(m.treeno)
|
|
50
|
+
if (Array.isArray(m.children)) {
|
|
51
|
+
forEachs(m.children, (item) => {
|
|
52
|
+
item.treeno && oRelaObj.relaNos.push(item.treeno)
|
|
53
|
+
})
|
|
54
|
+
}
|
|
55
|
+
} else {
|
|
56
|
+
oRelaObj = {
|
|
57
|
+
appNo: m.appNo,
|
|
58
|
+
label: m.label,
|
|
59
|
+
pageurl: m.pageurl,
|
|
60
|
+
relaNos: []
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
m.treeno && oRelaObj.relaNos.push(m.treeno)
|
|
64
|
+
if (Array.isArray(m.children)) {
|
|
65
|
+
forEachs(m.children, (item) => {
|
|
66
|
+
item.treeno && oRelaObj.relaNos.push(item.treeno)
|
|
67
|
+
})
|
|
68
|
+
}
|
|
69
|
+
relaNos.push(oRelaObj)
|
|
70
|
+
}
|
|
71
|
+
})
|
|
72
|
+
return relaNos
|
|
73
|
+
}
|
|
@@ -1,67 +1,67 @@
|
|
|
1
|
-
import { loadMicroApp } from 'qiankun'
|
|
2
|
-
export default {
|
|
3
|
-
props: {
|
|
4
|
-
name: {
|
|
5
|
-
type: String,
|
|
6
|
-
default: ''
|
|
7
|
-
},
|
|
8
|
-
entry: {
|
|
9
|
-
type: String,
|
|
10
|
-
default: ''
|
|
11
|
-
},
|
|
12
|
-
props: {
|
|
13
|
-
type: Object,
|
|
14
|
-
default: undefined
|
|
15
|
-
},
|
|
16
|
-
noCache: {
|
|
17
|
-
type: Boolean,
|
|
18
|
-
default: false
|
|
19
|
-
}
|
|
20
|
-
},
|
|
21
|
-
data() {
|
|
22
|
-
this.microApp = undefined
|
|
23
|
-
return {}
|
|
24
|
-
},
|
|
25
|
-
computed: {
|
|
26
|
-
appName() {
|
|
27
|
-
return '_qiankun_abstract_' + this.name
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
watch: {
|
|
31
|
-
entry() {
|
|
32
|
-
this.mountApp()
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
mounted() {
|
|
36
|
-
this.mountApp()
|
|
37
|
-
},
|
|
38
|
-
activated() {
|
|
39
|
-
if (this.noCache && window._pending_update_cache) {
|
|
40
|
-
window._pending_update_cache[this.props.router] = true
|
|
41
|
-
window.postMessage({
|
|
42
|
-
updateCache: true,
|
|
43
|
-
targetName: '*',
|
|
44
|
-
originName: 'main'
|
|
45
|
-
})
|
|
46
|
-
}
|
|
47
|
-
},
|
|
48
|
-
beforeDestroy() {
|
|
49
|
-
window[this.appName]?.unmount({ props: this.props })
|
|
50
|
-
},
|
|
51
|
-
methods: {
|
|
52
|
-
async mountApp() {
|
|
53
|
-
window[this.appName]?.unmount({ props: this.props })
|
|
54
|
-
if (this.entry) {
|
|
55
|
-
window[this.appName] = loadMicroApp({
|
|
56
|
-
name: this.name,
|
|
57
|
-
container: this.$el,
|
|
58
|
-
entry: this.entry,
|
|
59
|
-
props: this.props
|
|
60
|
-
})
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
render(h) {
|
|
65
|
-
return h('div')
|
|
66
|
-
}
|
|
67
|
-
}
|
|
1
|
+
import { loadMicroApp } from 'qiankun'
|
|
2
|
+
export default {
|
|
3
|
+
props: {
|
|
4
|
+
name: {
|
|
5
|
+
type: String,
|
|
6
|
+
default: ''
|
|
7
|
+
},
|
|
8
|
+
entry: {
|
|
9
|
+
type: String,
|
|
10
|
+
default: ''
|
|
11
|
+
},
|
|
12
|
+
props: {
|
|
13
|
+
type: Object,
|
|
14
|
+
default: undefined
|
|
15
|
+
},
|
|
16
|
+
noCache: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
default: false
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
data() {
|
|
22
|
+
this.microApp = undefined
|
|
23
|
+
return {}
|
|
24
|
+
},
|
|
25
|
+
computed: {
|
|
26
|
+
appName() {
|
|
27
|
+
return '_qiankun_abstract_' + this.name
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
watch: {
|
|
31
|
+
entry() {
|
|
32
|
+
this.mountApp()
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
mounted() {
|
|
36
|
+
this.mountApp()
|
|
37
|
+
},
|
|
38
|
+
activated() {
|
|
39
|
+
if (this.noCache && window._pending_update_cache) {
|
|
40
|
+
window._pending_update_cache[this.props.router] = true
|
|
41
|
+
window.postMessage({
|
|
42
|
+
updateCache: true,
|
|
43
|
+
targetName: '*',
|
|
44
|
+
originName: 'main'
|
|
45
|
+
})
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
beforeDestroy() {
|
|
49
|
+
window[this.appName]?.unmount({ props: this.props })
|
|
50
|
+
},
|
|
51
|
+
methods: {
|
|
52
|
+
async mountApp() {
|
|
53
|
+
window[this.appName]?.unmount({ props: this.props })
|
|
54
|
+
if (this.entry) {
|
|
55
|
+
window[this.appName] = loadMicroApp({
|
|
56
|
+
name: this.name,
|
|
57
|
+
container: this.$el,
|
|
58
|
+
entry: this.entry,
|
|
59
|
+
props: this.props
|
|
60
|
+
})
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
render(h) {
|
|
65
|
+
return h('div')
|
|
66
|
+
}
|
|
67
|
+
}
|
|
@@ -1,95 +1,95 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<content-loading />
|
|
3
|
-
</template>
|
|
4
|
-
|
|
5
|
-
<script>
|
|
6
|
-
import contentLoading from '../ContentLoading'
|
|
7
|
-
export default {
|
|
8
|
-
components: {
|
|
9
|
-
contentLoading
|
|
10
|
-
},
|
|
11
|
-
data() {
|
|
12
|
-
return {
|
|
13
|
-
loading: true,
|
|
14
|
-
frameUrl: undefined
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
activated() {
|
|
18
|
-
let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
|
|
19
|
-
if (!contentWrap) {
|
|
20
|
-
this.getUrl()
|
|
21
|
-
this.addFrame()
|
|
22
|
-
} else {
|
|
23
|
-
this.showFrame()
|
|
24
|
-
}
|
|
25
|
-
contentWrap = undefined
|
|
26
|
-
},
|
|
27
|
-
deactivated() {
|
|
28
|
-
this.hideFrame()
|
|
29
|
-
},
|
|
30
|
-
methods: {
|
|
31
|
-
destroy() {
|
|
32
|
-
this.removeFrame()
|
|
33
|
-
},
|
|
34
|
-
getUrl() {
|
|
35
|
-
let hrefPrefix = this.$route.meta.hrefPrefix || '/'
|
|
36
|
-
let pathMatch = this.$route.params.pathMatch || ''
|
|
37
|
-
let [path, params] = pathMatch.split('/_PARAMS_/')
|
|
38
|
-
let url = hrefPrefix + path
|
|
39
|
-
params && (url = url + '?' + params)
|
|
40
|
-
|
|
41
|
-
this.frameUrl = url
|
|
42
|
-
},
|
|
43
|
-
addFrame() {
|
|
44
|
-
let frame = document.createElement('iframe')
|
|
45
|
-
frame.setAttribute('src', this.frameUrl)
|
|
46
|
-
frame.style.width = '100%'
|
|
47
|
-
frame.style.height = '100%'
|
|
48
|
-
|
|
49
|
-
frame.addEventListener('load', () => {
|
|
50
|
-
let subDoc = frame.contentDocument
|
|
51
|
-
if (subDoc) {
|
|
52
|
-
let style = subDoc.createElement('style')
|
|
53
|
-
style.textContent =
|
|
54
|
-
'::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-color:transparent;border-style:solid}::-webkit-scrollbar-thumb{min-height:28px;background-color:rgba(0,0,0,0.07);border-width:0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.25)}::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.03)}::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,0.03)}html{overflow:auto}'
|
|
55
|
-
subDoc.querySelector('head').appendChild(style)
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
contentWrap.style.display = ''
|
|
59
|
-
this.loading = false
|
|
60
|
-
})
|
|
61
|
-
|
|
62
|
-
let contentBox = document.createElement('div')
|
|
63
|
-
contentBox.setAttribute('class', 'content-box')
|
|
64
|
-
contentBox.style.overflow = 'hidden'
|
|
65
|
-
contentBox.appendChild(frame)
|
|
66
|
-
|
|
67
|
-
let contentWrap = document.createElement('div')
|
|
68
|
-
contentWrap.setAttribute('class', 'content-wrap')
|
|
69
|
-
contentWrap.setAttribute('data-url', this.frameUrl)
|
|
70
|
-
contentWrap.style.display = 'none'
|
|
71
|
-
contentWrap.appendChild(contentBox)
|
|
72
|
-
|
|
73
|
-
document.querySelector('body').appendChild(contentWrap)
|
|
74
|
-
},
|
|
75
|
-
showFrame() {
|
|
76
|
-
let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
|
|
77
|
-
if (contentWrap) {
|
|
78
|
-
contentWrap.style.display = ''
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
hideFrame() {
|
|
82
|
-
let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
|
|
83
|
-
if (contentWrap) {
|
|
84
|
-
contentWrap.style.display = 'none'
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
removeFrame() {
|
|
88
|
-
let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
|
|
89
|
-
if (contentWrap) {
|
|
90
|
-
contentWrap.parentNode.removeChild(contentWrap)
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<content-loading />
|
|
3
|
+
</template>
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
import contentLoading from '../ContentLoading'
|
|
7
|
+
export default {
|
|
8
|
+
components: {
|
|
9
|
+
contentLoading
|
|
10
|
+
},
|
|
11
|
+
data() {
|
|
12
|
+
return {
|
|
13
|
+
loading: true,
|
|
14
|
+
frameUrl: undefined
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
activated() {
|
|
18
|
+
let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
|
|
19
|
+
if (!contentWrap) {
|
|
20
|
+
this.getUrl()
|
|
21
|
+
this.addFrame()
|
|
22
|
+
} else {
|
|
23
|
+
this.showFrame()
|
|
24
|
+
}
|
|
25
|
+
contentWrap = undefined
|
|
26
|
+
},
|
|
27
|
+
deactivated() {
|
|
28
|
+
this.hideFrame()
|
|
29
|
+
},
|
|
30
|
+
methods: {
|
|
31
|
+
destroy() {
|
|
32
|
+
this.removeFrame()
|
|
33
|
+
},
|
|
34
|
+
getUrl() {
|
|
35
|
+
let hrefPrefix = this.$route.meta.hrefPrefix || '/'
|
|
36
|
+
let pathMatch = this.$route.params.pathMatch || ''
|
|
37
|
+
let [path, params] = pathMatch.split('/_PARAMS_/')
|
|
38
|
+
let url = hrefPrefix + path
|
|
39
|
+
params && (url = url + '?' + params)
|
|
40
|
+
|
|
41
|
+
this.frameUrl = url
|
|
42
|
+
},
|
|
43
|
+
addFrame() {
|
|
44
|
+
let frame = document.createElement('iframe')
|
|
45
|
+
frame.setAttribute('src', this.frameUrl)
|
|
46
|
+
frame.style.width = '100%'
|
|
47
|
+
frame.style.height = '100%'
|
|
48
|
+
|
|
49
|
+
frame.addEventListener('load', () => {
|
|
50
|
+
let subDoc = frame.contentDocument
|
|
51
|
+
if (subDoc) {
|
|
52
|
+
let style = subDoc.createElement('style')
|
|
53
|
+
style.textContent =
|
|
54
|
+
'::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{width:0;height:0}::-webkit-scrollbar-corner{background-color:transparent}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-color:transparent;border-style:solid}::-webkit-scrollbar-thumb{min-height:28px;background-color:rgba(0,0,0,0.07);border-width:0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.2)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.25)}::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.03)}::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,0.03)}html{overflow:auto}'
|
|
55
|
+
subDoc.querySelector('head').appendChild(style)
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
contentWrap.style.display = ''
|
|
59
|
+
this.loading = false
|
|
60
|
+
})
|
|
61
|
+
|
|
62
|
+
let contentBox = document.createElement('div')
|
|
63
|
+
contentBox.setAttribute('class', 'content-box')
|
|
64
|
+
contentBox.style.overflow = 'hidden'
|
|
65
|
+
contentBox.appendChild(frame)
|
|
66
|
+
|
|
67
|
+
let contentWrap = document.createElement('div')
|
|
68
|
+
contentWrap.setAttribute('class', 'content-wrap')
|
|
69
|
+
contentWrap.setAttribute('data-url', this.frameUrl)
|
|
70
|
+
contentWrap.style.display = 'none'
|
|
71
|
+
contentWrap.appendChild(contentBox)
|
|
72
|
+
|
|
73
|
+
document.querySelector('body').appendChild(contentWrap)
|
|
74
|
+
},
|
|
75
|
+
showFrame() {
|
|
76
|
+
let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
|
|
77
|
+
if (contentWrap) {
|
|
78
|
+
contentWrap.style.display = ''
|
|
79
|
+
}
|
|
80
|
+
},
|
|
81
|
+
hideFrame() {
|
|
82
|
+
let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
|
|
83
|
+
if (contentWrap) {
|
|
84
|
+
contentWrap.style.display = 'none'
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
removeFrame() {
|
|
88
|
+
let contentWrap = document.querySelector(`[data-url="${this.frameUrl}"]`)
|
|
89
|
+
if (contentWrap) {
|
|
90
|
+
contentWrap.parentNode.removeChild(contentWrap)
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
</script>
|