eoss-ui 0.7.77 → 0.7.79
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/lib/calogin.js +233 -233
- package/lib/eoss-ui.common.js +290 -270
- package/lib/index.js +1 -1
- package/lib/main.js +20 -16
- package/lib/qr-code.js +13 -13
- package/lib/selector-panel.js +18 -2
- package/lib/theme-chalk/index.css +1 -1
- package/lib/theme-chalk/login.css +1 -1
- package/package.json +1 -1
- package/packages/button/index.js +5 -5
- package/packages/button/src/main.vue +418 -418
- package/packages/button-group/index.js +5 -5
- package/packages/calendar/index.js +5 -5
- package/packages/calogin/index.js +5 -5
- package/packages/calogin/src/plugin.js +915 -915
- package/packages/card/index.js +5 -5
- package/packages/card/src/main.vue +156 -156
- package/packages/cascader/index.js +5 -5
- package/packages/cascader/src/main.vue +168 -168
- package/packages/checkbox-group/index.js +5 -5
- package/packages/checkbox-group/src/main.vue +333 -333
- package/packages/clients/index.js +5 -5
- package/packages/data-table/index.js +5 -5
- package/packages/data-table/src/children.vue +39 -39
- package/packages/data-table/src/sizer.vue +195 -195
- package/packages/data-table-form/index.js +5 -5
- package/packages/data-table-form/src/checkbox.vue +101 -101
- package/packages/data-table-form/src/colgroup.vue +17 -17
- package/packages/data-table-form/src/main.vue +181 -181
- package/packages/data-table-form/src/radio.vue +65 -65
- package/packages/data-table-form/src/table.vue +233 -233
- package/packages/data-table-form/src/tbody.vue +336 -336
- package/packages/data-table-form/src/thead.vue +68 -68
- package/packages/date-picker/index.js +5 -5
- package/packages/date-picker/src/main.vue +236 -236
- package/packages/dialog/index.js +5 -5
- package/packages/enable-drag/index.js +5 -5
- package/packages/enterprise/index.js +5 -5
- package/packages/enterprise/src/main.vue +66 -66
- package/packages/error-page/index.js +5 -5
- package/packages/error-page/src/main.vue +44 -44
- package/packages/flow/index.js +5 -5
- package/packages/flow/src/component/TimeLimit.vue +190 -190
- package/packages/flow/src/table.vue +58 -58
- package/packages/flow-group/index.js +5 -5
- package/packages/flow-list/index.js +5 -5
- package/packages/form/index.js +5 -5
- package/packages/handle-user/index.js +5 -5
- package/packages/handler/index.js +5 -5
- package/packages/icon/index.js +5 -5
- package/packages/icons/index.js +5 -5
- package/packages/icons/src/main.vue +81 -81
- package/packages/input/index.js +5 -5
- package/packages/input/src/main.vue +356 -356
- package/packages/input-number/index.js +5 -5
- package/packages/input-number/src/main.vue +106 -106
- package/packages/label/index.js +5 -5
- package/packages/label/src/main.vue +457 -457
- package/packages/layout/index.js +5 -5
- package/packages/layout/src/item.vue +152 -152
- package/packages/layout/src/main.vue +31 -31
- package/packages/login/index.js +5 -5
- package/packages/main/index.js +5 -5
- package/packages/main/src/default/message.vue +249 -249
- package/packages/main/src/default/notice.vue +157 -157
- package/packages/main/src/simplicity/index.vue +1 -0
- package/packages/main/src/simplicity/lists.vue +84 -84
- package/packages/main/src/simplicity/router-page.vue +45 -45
- package/packages/main/src/simplicity/sub-menu.vue +2 -0
- package/packages/menu/index.js +5 -5
- package/packages/nav/index.js +5 -5
- package/packages/notify/index.js +5 -5
- package/packages/notify/src/main.vue +538 -538
- package/packages/page/index.js +5 -5
- package/packages/page/src/main.vue +167 -167
- package/packages/pagination/index.js +5 -5
- package/packages/pagination/src/main.vue +96 -96
- package/packages/player/index.js +5 -5
- package/packages/player/src/main.vue +194 -194
- package/packages/qr-code/index.js +5 -5
- package/packages/qr-code/src/main.vue +170 -170
- package/packages/radio-group/index.js +6 -6
- package/packages/radio-group/src/main.vue +319 -319
- package/packages/retrial-auth/index.js +5 -5
- package/packages/retrial-auth/src/main.vue +280 -280
- package/packages/select/index.js +5 -5
- package/packages/select-ganged/index.js +5 -5
- package/packages/select-ganged/src/main.vue +724 -724
- package/packages/selector/index.js +5 -5
- package/packages/selector-panel/index.js +5 -5
- package/packages/selector-panel/src/main.vue +3 -0
- package/packages/selector-panel/src/tree.vue +129 -129
- package/packages/sizer/index.js +5 -5
- package/packages/sizer/src/main.vue +254 -254
- package/packages/steps/index.js +5 -5
- package/packages/steps/src/main.vue +181 -181
- package/packages/switch/index.js +5 -5
- package/packages/table-form/index.js +5 -5
- package/packages/tabs/index.js +5 -5
- package/packages/tabs/src/main.vue +788 -788
- package/packages/tabs-panel/index.js +5 -5
- package/packages/tabs-panel/src/main.vue +29 -29
- package/packages/theme-chalk/lib/index.css +1 -1
- package/packages/theme-chalk/lib/login.css +1 -1
- package/packages/theme-chalk/src/base.scss +261 -261
- package/packages/theme-chalk/src/button-group.scss +176 -176
- package/packages/theme-chalk/src/button.scss +24 -24
- package/packages/theme-chalk/src/calendar.scss +113 -113
- package/packages/theme-chalk/src/card.scss +99 -99
- package/packages/theme-chalk/src/checkbox-group.scss +8 -8
- package/packages/theme-chalk/src/clients.scss +87 -87
- package/packages/theme-chalk/src/data-table-form.scss +67 -67
- package/packages/theme-chalk/src/date-picker.scss +7 -7
- package/packages/theme-chalk/src/dialog.scss +77 -77
- package/packages/theme-chalk/src/enable-drag.scss +181 -181
- package/packages/theme-chalk/src/enterprise.scss +5 -5
- package/packages/theme-chalk/src/error-page.scss +18 -18
- package/packages/theme-chalk/src/flow-group.scss +110 -110
- package/packages/theme-chalk/src/flow-list.scss +39 -39
- package/packages/theme-chalk/src/handle-user.scss +40 -40
- package/packages/theme-chalk/src/icons.scss +99 -99
- package/packages/theme-chalk/src/input.scss +9 -9
- package/packages/theme-chalk/src/label.scss +24 -24
- package/packages/theme-chalk/src/layout.scss +46 -46
- package/packages/theme-chalk/src/mixins/color.scss +117 -117
- package/packages/theme-chalk/src/nav.scss +111 -111
- package/packages/theme-chalk/src/page.scss +3 -3
- package/packages/theme-chalk/src/pagination.scss +29 -29
- package/packages/theme-chalk/src/player.scss +9 -9
- package/packages/theme-chalk/src/qr-code.scss +17 -17
- package/packages/theme-chalk/src/radio-group.scss +9 -9
- package/packages/theme-chalk/src/retrial-auth.scss +38 -38
- package/packages/theme-chalk/src/select-ganged.scss +8 -8
- package/packages/theme-chalk/src/select.scss +8 -8
- package/packages/theme-chalk/src/selector-panel.scss +204 -204
- package/packages/theme-chalk/src/sizer.scss +36 -36
- package/packages/theme-chalk/src/steps.scss +88 -88
- package/packages/theme-chalk/src/switch.scss +3 -3
- package/packages/theme-chalk/src/table-form.scss +1 -1
- package/packages/theme-chalk/src/tabs.scss +87 -87
- package/packages/theme-chalk/src/tips.scss +7 -7
- package/packages/theme-chalk/src/toolbar.scss +179 -179
- package/packages/theme-chalk/src/tree-group.scss +72 -72
- package/packages/theme-chalk/src/wxlogin.scss +3 -3
- package/packages/tips/index.js +5 -5
- package/packages/toolbar/index.js +5 -5
- package/packages/tree/index.js +5 -5
- package/packages/tree-group/index.js +5 -5
- package/packages/upload/index.js +5 -5
- package/packages/upload/src/picture.js +15 -15
- package/packages/wujie/index.js +5 -5
- package/packages/wujie/src/main.vue +145 -145
- package/packages/wxlogin/index.js +5 -5
- package/packages/wxlogin/src/main.vue +128 -128
- package/src/config/image.js +2 -2
- package/src/index.js +1 -1
- package/src/utils/bus.js +3 -3
- package/src/utils/date-util.js +312 -312
- package/src/utils/http.js +50 -50
- package/src/utils/store.js +21 -21
- package/src/utils/webSocket.js +107 -107
package/packages/wujie/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import EsWujie from './src/main';
|
|
2
|
-
|
|
3
|
-
EsWujie.install = Vue => Vue.component(EsWujie.name, EsWujie);
|
|
4
|
-
|
|
5
|
-
export default EsWujie;
|
|
1
|
+
import EsWujie from './src/main';
|
|
2
|
+
|
|
3
|
+
EsWujie.install = Vue => Vue.component(EsWujie.name, EsWujie);
|
|
4
|
+
|
|
5
|
+
export default EsWujie;
|
|
@@ -1,145 +1,145 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<WujieVue
|
|
3
|
-
class="es-wujie"
|
|
4
|
-
v-if="show"
|
|
5
|
-
v-bind="$attrs"
|
|
6
|
-
:width="width"
|
|
7
|
-
:height="height"
|
|
8
|
-
:name="wujieName"
|
|
9
|
-
:loading="loading"
|
|
10
|
-
:sync="sync"
|
|
11
|
-
:prefix="prefix"
|
|
12
|
-
:alive="alive"
|
|
13
|
-
:props="defaultProps"
|
|
14
|
-
:replace="replace"
|
|
15
|
-
:fetch="fetch"
|
|
16
|
-
:fiber="fiber"
|
|
17
|
-
:degrade="degrade"
|
|
18
|
-
:plugins="defaultPlugins"
|
|
19
|
-
:beforeLoad="beforeLoad"
|
|
20
|
-
:beforeMount="beforeMount"
|
|
21
|
-
:afterMount="afterMount"
|
|
22
|
-
:beforeUnmount="beforeUnmount"
|
|
23
|
-
:afterUnmount="afterUnmount"
|
|
24
|
-
:activated="activated"
|
|
25
|
-
:deactivated="deactivated"
|
|
26
|
-
:loadError="loadError"
|
|
27
|
-
:attrs="attrs"
|
|
28
|
-
:url="defaultUrl"
|
|
29
|
-
></WujieVue>
|
|
30
|
-
</template>
|
|
31
|
-
<script>
|
|
32
|
-
import util from 'eoss-ui/src/utils/util.js';
|
|
33
|
-
export default {
|
|
34
|
-
name: 'EsWujie',
|
|
35
|
-
inheritAttrs: false,
|
|
36
|
-
inject: {},
|
|
37
|
-
props: {
|
|
38
|
-
width: { type: String, default: '100%' },
|
|
39
|
-
height: { type: String, default: '100%' },
|
|
40
|
-
name: { type: String, default: '' },
|
|
41
|
-
loading: { type: HTMLElement, default: undefined },
|
|
42
|
-
host: {
|
|
43
|
-
type: String,
|
|
44
|
-
default: ''
|
|
45
|
-
},
|
|
46
|
-
url: { type: String, default: '' },
|
|
47
|
-
sync: { type: Boolean, default: false },
|
|
48
|
-
prefix: { type: Object, default: undefined },
|
|
49
|
-
alive: { type: Boolean, default: false },
|
|
50
|
-
props: { type: Object, default: undefined },
|
|
51
|
-
replace: { type: Function, default: undefined },
|
|
52
|
-
fetch: { type: Function, default: undefined },
|
|
53
|
-
fiber: { type: Boolean, default: true },
|
|
54
|
-
degrade: { type: Boolean, default: false },
|
|
55
|
-
plugins: {
|
|
56
|
-
type: Array,
|
|
57
|
-
default() {
|
|
58
|
-
return [];
|
|
59
|
-
}
|
|
60
|
-
},
|
|
61
|
-
beforeLoad: { type: Function, default: null },
|
|
62
|
-
beforeMount: { type: Function, default: null },
|
|
63
|
-
afterMount: { type: Function, default: null },
|
|
64
|
-
beforeUnmount: { type: Function, default: null },
|
|
65
|
-
afterUnmount: { type: Function, default: null },
|
|
66
|
-
activated: { type: Function, default: null },
|
|
67
|
-
deactivated: { type: Function, default: null },
|
|
68
|
-
loadError: { type: Function, default: null },
|
|
69
|
-
param: Object,
|
|
70
|
-
attrs: {
|
|
71
|
-
type: Object,
|
|
72
|
-
default() {
|
|
73
|
-
return {
|
|
74
|
-
src: '#/empty'
|
|
75
|
-
};
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
show: Boolean,
|
|
79
|
-
dialog: Boolean,
|
|
80
|
-
appendTopBody: Boolean
|
|
81
|
-
},
|
|
82
|
-
data() {
|
|
83
|
-
return {
|
|
84
|
-
defaultUrl: '',
|
|
85
|
-
defaultPlugins: null
|
|
86
|
-
};
|
|
87
|
-
},
|
|
88
|
-
computed: {
|
|
89
|
-
wujieName() {
|
|
90
|
-
return this.name ? this.name : util.uuid(16);
|
|
91
|
-
},
|
|
92
|
-
defaultProps() {
|
|
93
|
-
let props = {};
|
|
94
|
-
if (this.url) {
|
|
95
|
-
let params = util.getParams({ url: this.url });
|
|
96
|
-
if (params) {
|
|
97
|
-
props = params;
|
|
98
|
-
}
|
|
99
|
-
let urls = this.url.split('?');
|
|
100
|
-
if (urls[0].indexOf('.js') > 1) {
|
|
101
|
-
if (this.dialog) {
|
|
102
|
-
props._dialog = true;
|
|
103
|
-
props._dialogId = this.wujieName;
|
|
104
|
-
}
|
|
105
|
-
props.appendTopBody = this.appendTopBody;
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
return { ...props, ...this.$attrs, ...this.props };
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
watch: {
|
|
112
|
-
url: {
|
|
113
|
-
immediate: true,
|
|
114
|
-
handler(val) {
|
|
115
|
-
if (val) {
|
|
116
|
-
let urls = val.split('?');
|
|
117
|
-
let plugins = this.plugins;
|
|
118
|
-
let defaultUrl = '';
|
|
119
|
-
if (urls[0].indexOf('.js') > 1) {
|
|
120
|
-
defaultUrl = this.param
|
|
121
|
-
? util.urlJoinParams({
|
|
122
|
-
url: './primary.html',
|
|
123
|
-
param: this.param,
|
|
124
|
-
timestamp: true
|
|
125
|
-
})
|
|
126
|
-
: util.handlerUrl('./primary.html');
|
|
127
|
-
plugins.push({
|
|
128
|
-
jsBeforeLoaders: [{ src: val }]
|
|
129
|
-
});
|
|
130
|
-
} else {
|
|
131
|
-
defaultUrl = val;
|
|
132
|
-
}
|
|
133
|
-
this.defaultUrl = util.startWith(defaultUrl, 'http')
|
|
134
|
-
? defaultUrl
|
|
135
|
-
: this.host + defaultUrl;
|
|
136
|
-
this.defaultPlugins = plugins;
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
}
|
|
140
|
-
},
|
|
141
|
-
created() {},
|
|
142
|
-
mounted() {},
|
|
143
|
-
methods: {}
|
|
144
|
-
};
|
|
145
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<WujieVue
|
|
3
|
+
class="es-wujie"
|
|
4
|
+
v-if="show"
|
|
5
|
+
v-bind="$attrs"
|
|
6
|
+
:width="width"
|
|
7
|
+
:height="height"
|
|
8
|
+
:name="wujieName"
|
|
9
|
+
:loading="loading"
|
|
10
|
+
:sync="sync"
|
|
11
|
+
:prefix="prefix"
|
|
12
|
+
:alive="alive"
|
|
13
|
+
:props="defaultProps"
|
|
14
|
+
:replace="replace"
|
|
15
|
+
:fetch="fetch"
|
|
16
|
+
:fiber="fiber"
|
|
17
|
+
:degrade="degrade"
|
|
18
|
+
:plugins="defaultPlugins"
|
|
19
|
+
:beforeLoad="beforeLoad"
|
|
20
|
+
:beforeMount="beforeMount"
|
|
21
|
+
:afterMount="afterMount"
|
|
22
|
+
:beforeUnmount="beforeUnmount"
|
|
23
|
+
:afterUnmount="afterUnmount"
|
|
24
|
+
:activated="activated"
|
|
25
|
+
:deactivated="deactivated"
|
|
26
|
+
:loadError="loadError"
|
|
27
|
+
:attrs="attrs"
|
|
28
|
+
:url="defaultUrl"
|
|
29
|
+
></WujieVue>
|
|
30
|
+
</template>
|
|
31
|
+
<script>
|
|
32
|
+
import util from 'eoss-ui/src/utils/util.js';
|
|
33
|
+
export default {
|
|
34
|
+
name: 'EsWujie',
|
|
35
|
+
inheritAttrs: false,
|
|
36
|
+
inject: {},
|
|
37
|
+
props: {
|
|
38
|
+
width: { type: String, default: '100%' },
|
|
39
|
+
height: { type: String, default: '100%' },
|
|
40
|
+
name: { type: String, default: '' },
|
|
41
|
+
loading: { type: HTMLElement, default: undefined },
|
|
42
|
+
host: {
|
|
43
|
+
type: String,
|
|
44
|
+
default: ''
|
|
45
|
+
},
|
|
46
|
+
url: { type: String, default: '' },
|
|
47
|
+
sync: { type: Boolean, default: false },
|
|
48
|
+
prefix: { type: Object, default: undefined },
|
|
49
|
+
alive: { type: Boolean, default: false },
|
|
50
|
+
props: { type: Object, default: undefined },
|
|
51
|
+
replace: { type: Function, default: undefined },
|
|
52
|
+
fetch: { type: Function, default: undefined },
|
|
53
|
+
fiber: { type: Boolean, default: true },
|
|
54
|
+
degrade: { type: Boolean, default: false },
|
|
55
|
+
plugins: {
|
|
56
|
+
type: Array,
|
|
57
|
+
default() {
|
|
58
|
+
return [];
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
beforeLoad: { type: Function, default: null },
|
|
62
|
+
beforeMount: { type: Function, default: null },
|
|
63
|
+
afterMount: { type: Function, default: null },
|
|
64
|
+
beforeUnmount: { type: Function, default: null },
|
|
65
|
+
afterUnmount: { type: Function, default: null },
|
|
66
|
+
activated: { type: Function, default: null },
|
|
67
|
+
deactivated: { type: Function, default: null },
|
|
68
|
+
loadError: { type: Function, default: null },
|
|
69
|
+
param: Object,
|
|
70
|
+
attrs: {
|
|
71
|
+
type: Object,
|
|
72
|
+
default() {
|
|
73
|
+
return {
|
|
74
|
+
src: '#/empty'
|
|
75
|
+
};
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
show: Boolean,
|
|
79
|
+
dialog: Boolean,
|
|
80
|
+
appendTopBody: Boolean
|
|
81
|
+
},
|
|
82
|
+
data() {
|
|
83
|
+
return {
|
|
84
|
+
defaultUrl: '',
|
|
85
|
+
defaultPlugins: null
|
|
86
|
+
};
|
|
87
|
+
},
|
|
88
|
+
computed: {
|
|
89
|
+
wujieName() {
|
|
90
|
+
return this.name ? this.name : util.uuid(16);
|
|
91
|
+
},
|
|
92
|
+
defaultProps() {
|
|
93
|
+
let props = {};
|
|
94
|
+
if (this.url) {
|
|
95
|
+
let params = util.getParams({ url: this.url });
|
|
96
|
+
if (params) {
|
|
97
|
+
props = params;
|
|
98
|
+
}
|
|
99
|
+
let urls = this.url.split('?');
|
|
100
|
+
if (urls[0].indexOf('.js') > 1) {
|
|
101
|
+
if (this.dialog) {
|
|
102
|
+
props._dialog = true;
|
|
103
|
+
props._dialogId = this.wujieName;
|
|
104
|
+
}
|
|
105
|
+
props.appendTopBody = this.appendTopBody;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
return { ...props, ...this.$attrs, ...this.props };
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
watch: {
|
|
112
|
+
url: {
|
|
113
|
+
immediate: true,
|
|
114
|
+
handler(val) {
|
|
115
|
+
if (val) {
|
|
116
|
+
let urls = val.split('?');
|
|
117
|
+
let plugins = this.plugins;
|
|
118
|
+
let defaultUrl = '';
|
|
119
|
+
if (urls[0].indexOf('.js') > 1) {
|
|
120
|
+
defaultUrl = this.param
|
|
121
|
+
? util.urlJoinParams({
|
|
122
|
+
url: './primary.html',
|
|
123
|
+
param: this.param,
|
|
124
|
+
timestamp: true
|
|
125
|
+
})
|
|
126
|
+
: util.handlerUrl('./primary.html');
|
|
127
|
+
plugins.push({
|
|
128
|
+
jsBeforeLoaders: [{ src: val }]
|
|
129
|
+
});
|
|
130
|
+
} else {
|
|
131
|
+
defaultUrl = val;
|
|
132
|
+
}
|
|
133
|
+
this.defaultUrl = util.startWith(defaultUrl, 'http')
|
|
134
|
+
? defaultUrl
|
|
135
|
+
: this.host + defaultUrl;
|
|
136
|
+
this.defaultPlugins = plugins;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
created() {},
|
|
142
|
+
mounted() {},
|
|
143
|
+
methods: {}
|
|
144
|
+
};
|
|
145
|
+
</script>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import EsWxlogin from './src/main';
|
|
2
|
-
|
|
3
|
-
EsWxlogin.install = Vue => Vue.component(EsWxlogin.name, EsWxlogin);
|
|
4
|
-
|
|
5
|
-
export default EsWxlogin;
|
|
1
|
+
import EsWxlogin from './src/main';
|
|
2
|
+
|
|
3
|
+
EsWxlogin.install = Vue => Vue.component(EsWxlogin.name, EsWxlogin);
|
|
4
|
+
|
|
5
|
+
export default EsWxlogin;
|
|
@@ -1,128 +1,128 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div
|
|
3
|
-
id="wxqrcode"
|
|
4
|
-
ref="wxqrcode"
|
|
5
|
-
class="es-wx-qrcode"
|
|
6
|
-
:style="{ width: mwidth, height: mheight }"
|
|
7
|
-
>
|
|
8
|
-
<iframe
|
|
9
|
-
v-if="src && mwidth && mheight"
|
|
10
|
-
frameborder="0"
|
|
11
|
-
allowTransparency="true"
|
|
12
|
-
scrolling="no"
|
|
13
|
-
:width="mwidth"
|
|
14
|
-
:height="mheight"
|
|
15
|
-
:src="src"
|
|
16
|
-
></iframe>
|
|
17
|
-
</div>
|
|
18
|
-
</template>
|
|
19
|
-
<script>
|
|
20
|
-
import util from 'eoss-ui/src/utils/util.js';
|
|
21
|
-
import qs from 'qs';
|
|
22
|
-
export default {
|
|
23
|
-
name: 'EsWxlogin',
|
|
24
|
-
inheritAttrs: false,
|
|
25
|
-
inject: {},
|
|
26
|
-
props: {
|
|
27
|
-
self_redirect: {
|
|
28
|
-
type: Boolean,
|
|
29
|
-
default: false
|
|
30
|
-
},
|
|
31
|
-
appid: {
|
|
32
|
-
//required: true,
|
|
33
|
-
type: String
|
|
34
|
-
},
|
|
35
|
-
scope: {
|
|
36
|
-
default: 'snsapi_login',
|
|
37
|
-
type: [String, Array]
|
|
38
|
-
},
|
|
39
|
-
redirect_uri: {
|
|
40
|
-
//required: true,
|
|
41
|
-
type: String
|
|
42
|
-
},
|
|
43
|
-
state: String,
|
|
44
|
-
color: {
|
|
45
|
-
type: String,
|
|
46
|
-
validator: (value) => {
|
|
47
|
-
return ['black', 'white'].includes(value);
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
href: String,
|
|
51
|
-
lang: {
|
|
52
|
-
type: String,
|
|
53
|
-
validator: (value) => {
|
|
54
|
-
return ['en', 'cn'].includes(value);
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
width: {
|
|
58
|
-
type: String,
|
|
59
|
-
default: '300px'
|
|
60
|
-
},
|
|
61
|
-
height: {
|
|
62
|
-
type: String,
|
|
63
|
-
default: '300px'
|
|
64
|
-
},
|
|
65
|
-
auto: Boolean,
|
|
66
|
-
param: {
|
|
67
|
-
type: Object,
|
|
68
|
-
default() {
|
|
69
|
-
return {};
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
},
|
|
73
|
-
data() {
|
|
74
|
-
return {
|
|
75
|
-
src: '',
|
|
76
|
-
mwidth: 0,
|
|
77
|
-
mheight: 0
|
|
78
|
-
};
|
|
79
|
-
},
|
|
80
|
-
computed: {},
|
|
81
|
-
watch: {},
|
|
82
|
-
created() {},
|
|
83
|
-
mounted() {
|
|
84
|
-
if (this.auto) {
|
|
85
|
-
let parent = this.$refs.wxqrcode.parentNode;
|
|
86
|
-
let h =
|
|
87
|
-
parent.offsetHeight -
|
|
88
|
-
parseInt(util.getStyle(parent, 'padding-top'), 10) -
|
|
89
|
-
parseInt(util.getStyle(parent, 'padding-bottom'), 10);
|
|
90
|
-
if (h > 0) {
|
|
91
|
-
this.mwidth = h + 'px';
|
|
92
|
-
this.mheight = h + 'px';
|
|
93
|
-
}
|
|
94
|
-
} else {
|
|
95
|
-
this.mwidth = this.width;
|
|
96
|
-
this.mheight = this.height;
|
|
97
|
-
}
|
|
98
|
-
this.wxLogin();
|
|
99
|
-
},
|
|
100
|
-
methods: {
|
|
101
|
-
wxLogin() {
|
|
102
|
-
let option = util.extend(
|
|
103
|
-
{},
|
|
104
|
-
{
|
|
105
|
-
styletype: '',
|
|
106
|
-
sizetype: '',
|
|
107
|
-
bgcolor: '',
|
|
108
|
-
rst: ''
|
|
109
|
-
},
|
|
110
|
-
this.param,
|
|
111
|
-
{
|
|
112
|
-
self_redirect: this.self_redirect,
|
|
113
|
-
appid: this.appid,
|
|
114
|
-
scope: this.scope,
|
|
115
|
-
redirect_uri: encodeURI(this.redirect_uri),
|
|
116
|
-
state: this.state,
|
|
117
|
-
style: this.color,
|
|
118
|
-
href: this.href,
|
|
119
|
-
lang: this.lang
|
|
120
|
-
}
|
|
121
|
-
);
|
|
122
|
-
this.src =
|
|
123
|
-
'https://open.weixin.qq.com/connect/qrconnect?login_type=jssdk&' +
|
|
124
|
-
qs.stringify(option, { skipNulls: true });
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
};
|
|
128
|
-
</script>
|
|
1
|
+
<template>
|
|
2
|
+
<div
|
|
3
|
+
id="wxqrcode"
|
|
4
|
+
ref="wxqrcode"
|
|
5
|
+
class="es-wx-qrcode"
|
|
6
|
+
:style="{ width: mwidth, height: mheight }"
|
|
7
|
+
>
|
|
8
|
+
<iframe
|
|
9
|
+
v-if="src && mwidth && mheight"
|
|
10
|
+
frameborder="0"
|
|
11
|
+
allowTransparency="true"
|
|
12
|
+
scrolling="no"
|
|
13
|
+
:width="mwidth"
|
|
14
|
+
:height="mheight"
|
|
15
|
+
:src="src"
|
|
16
|
+
></iframe>
|
|
17
|
+
</div>
|
|
18
|
+
</template>
|
|
19
|
+
<script>
|
|
20
|
+
import util from 'eoss-ui/src/utils/util.js';
|
|
21
|
+
import qs from 'qs';
|
|
22
|
+
export default {
|
|
23
|
+
name: 'EsWxlogin',
|
|
24
|
+
inheritAttrs: false,
|
|
25
|
+
inject: {},
|
|
26
|
+
props: {
|
|
27
|
+
self_redirect: {
|
|
28
|
+
type: Boolean,
|
|
29
|
+
default: false
|
|
30
|
+
},
|
|
31
|
+
appid: {
|
|
32
|
+
//required: true,
|
|
33
|
+
type: String
|
|
34
|
+
},
|
|
35
|
+
scope: {
|
|
36
|
+
default: 'snsapi_login',
|
|
37
|
+
type: [String, Array]
|
|
38
|
+
},
|
|
39
|
+
redirect_uri: {
|
|
40
|
+
//required: true,
|
|
41
|
+
type: String
|
|
42
|
+
},
|
|
43
|
+
state: String,
|
|
44
|
+
color: {
|
|
45
|
+
type: String,
|
|
46
|
+
validator: (value) => {
|
|
47
|
+
return ['black', 'white'].includes(value);
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
href: String,
|
|
51
|
+
lang: {
|
|
52
|
+
type: String,
|
|
53
|
+
validator: (value) => {
|
|
54
|
+
return ['en', 'cn'].includes(value);
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
width: {
|
|
58
|
+
type: String,
|
|
59
|
+
default: '300px'
|
|
60
|
+
},
|
|
61
|
+
height: {
|
|
62
|
+
type: String,
|
|
63
|
+
default: '300px'
|
|
64
|
+
},
|
|
65
|
+
auto: Boolean,
|
|
66
|
+
param: {
|
|
67
|
+
type: Object,
|
|
68
|
+
default() {
|
|
69
|
+
return {};
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
data() {
|
|
74
|
+
return {
|
|
75
|
+
src: '',
|
|
76
|
+
mwidth: 0,
|
|
77
|
+
mheight: 0
|
|
78
|
+
};
|
|
79
|
+
},
|
|
80
|
+
computed: {},
|
|
81
|
+
watch: {},
|
|
82
|
+
created() {},
|
|
83
|
+
mounted() {
|
|
84
|
+
if (this.auto) {
|
|
85
|
+
let parent = this.$refs.wxqrcode.parentNode;
|
|
86
|
+
let h =
|
|
87
|
+
parent.offsetHeight -
|
|
88
|
+
parseInt(util.getStyle(parent, 'padding-top'), 10) -
|
|
89
|
+
parseInt(util.getStyle(parent, 'padding-bottom'), 10);
|
|
90
|
+
if (h > 0) {
|
|
91
|
+
this.mwidth = h + 'px';
|
|
92
|
+
this.mheight = h + 'px';
|
|
93
|
+
}
|
|
94
|
+
} else {
|
|
95
|
+
this.mwidth = this.width;
|
|
96
|
+
this.mheight = this.height;
|
|
97
|
+
}
|
|
98
|
+
this.wxLogin();
|
|
99
|
+
},
|
|
100
|
+
methods: {
|
|
101
|
+
wxLogin() {
|
|
102
|
+
let option = util.extend(
|
|
103
|
+
{},
|
|
104
|
+
{
|
|
105
|
+
styletype: '',
|
|
106
|
+
sizetype: '',
|
|
107
|
+
bgcolor: '',
|
|
108
|
+
rst: ''
|
|
109
|
+
},
|
|
110
|
+
this.param,
|
|
111
|
+
{
|
|
112
|
+
self_redirect: this.self_redirect,
|
|
113
|
+
appid: this.appid,
|
|
114
|
+
scope: this.scope,
|
|
115
|
+
redirect_uri: encodeURI(this.redirect_uri),
|
|
116
|
+
state: this.state,
|
|
117
|
+
style: this.color,
|
|
118
|
+
href: this.href,
|
|
119
|
+
lang: this.lang
|
|
120
|
+
}
|
|
121
|
+
);
|
|
122
|
+
this.src =
|
|
123
|
+
'https://open.weixin.qq.com/connect/qrconnect?login_type=jssdk&' +
|
|
124
|
+
qs.stringify(option, { skipNulls: true });
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
};
|
|
128
|
+
</script>
|