meixioacomponent 1.1.38 → 1.1.40
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/components/base/baseGuide/GuideControl.d.ts +44 -44
- package/lib/components/base/baseGuide/GuideControl.js +238 -238
- package/lib/components/dynamicmount/DynamicMountClass.d.ts +15 -15
- package/lib/components/dynamicmount/DynamicMountClass.js +65 -65
- package/lib/components/dynamicmount/index.d.ts +4 -4
- package/lib/components/dynamicmount/index.js +71 -71
- package/lib/components/index.d.ts +104 -104
- package/lib/components/index.js +221 -221
- package/lib/config/LinkViewClass.d.ts +56 -56
- package/lib/config/LinkViewClass.js +154 -154
- package/lib/config/componentConfig.d.ts +3 -3
- package/lib/config/componentConfig.js +71 -71
- package/lib/config/uploadRequest.d.ts +2 -2
- package/lib/config/uploadRequest.js +87 -87
- package/lib/config/use/UseGuide.d.ts +8 -8
- package/lib/config/use/UseGuide.js +33 -33
- package/lib/config/use/UseImg.d.ts +9 -9
- package/lib/config/use/UseImg.js +41 -41
- package/lib/config/use/UseUpload.d.ts +12 -12
- package/lib/config/use/UseUpload.js +79 -79
- package/lib/config/use/UseViewVideo.d.ts +11 -11
- package/lib/config/use/UseViewVideo.js +41 -41
- package/lib/config/use/WaitPlugin.d.ts +25 -25
- package/lib/config/use/WaitPlugin.js +106 -106
- package/lib/config/use/useWait.d.ts +4 -4
- package/lib/config/use/useWait.js +21 -21
- package/lib/meixioacomponent.common.js +41937 -41938
- package/lib/meixioacomponent.umd.js +41971 -41972
- package/lib/meixioacomponent.umd.min.js +28 -28
- package/lib/typings/type.d.ts +394 -394
- package/lib/typings/type.js +2 -2
- package/lib/useType/useType.d.ts +27 -27
- package/lib/useType/useType.js +89 -89
- package/package.json +1 -1
- package/packages/components/base/baseNumberInput/index.vue +9 -13
- package/packages/components/base/baseText/index.vue +2 -1
- package/packages/components/dynamicmount/DynamicMountClass.js +64 -64
- package/packages/components/dynamicmount/index.js +69 -69
- package/packages/components/index.js +218 -218
- package/packages/config/LinkViewClass.js +152 -152
- package/packages/config/componentConfig.js +68 -68
- package/packages/config/use/UseGuide.js +43 -43
- package/packages/config/use/UseImg.js +41 -41
- package/packages/config/use/UseUpload.js +80 -80
- package/packages/config/use/UseViewVideo.js +40 -40
- package/packages/config/use/WaitPlugin.js +106 -106
- package/packages/config/use/useWait.js +18 -18
- package/packages/typings/type.js +2 -2
- package/packages/useType/useType.js +90 -90
|
@@ -1,106 +1,106 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const DynamicMountClass_1 = __importDefault(require("../../components/dynamicmount/DynamicMountClass"));
|
|
7
|
-
const utils_1 = require("../../utils/utils");
|
|
8
|
-
// @ts-ignore
|
|
9
|
-
const waitWrap_1 = __importDefault(require("../../components/base/baseWait/waitWrap"));
|
|
10
|
-
class WaitPlugin {
|
|
11
|
-
constructor({ attach, duration, showOverlay, waitText }) {
|
|
12
|
-
this.attach = attach || null;
|
|
13
|
-
this.duration = duration || 0;
|
|
14
|
-
this.showOverlay = showOverlay;
|
|
15
|
-
this.waitText = waitText || '正在加载中,请稍后。。。';
|
|
16
|
-
//组件实例
|
|
17
|
-
this.componentInstance = null;
|
|
18
|
-
// 倒计时
|
|
19
|
-
this.downTrigger = null;
|
|
20
|
-
//记录被挂载的dom元素
|
|
21
|
-
this.attachEl = null;
|
|
22
|
-
// 用于记录挂载的元素的滚动情况
|
|
23
|
-
this.attachScrollStatusStyle = null;
|
|
24
|
-
this.init();
|
|
25
|
-
}
|
|
26
|
-
init() {
|
|
27
|
-
if (this.attach) {
|
|
28
|
-
if ((0, utils_1.isDOM)(this.attach)) {
|
|
29
|
-
this.attachEl = this.attach;
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
this.attachEl = document.getElementById(typeof this.attach === "string" ? this.attach : '');
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
if (!this.componentInstance) {
|
|
36
|
-
// console.log(this.attach?false:true)
|
|
37
|
-
this.componentInstance = new DynamicMountClass_1.default({
|
|
38
|
-
mountedDom: this.attach ? this.attachEl : '',
|
|
39
|
-
componentProps: {
|
|
40
|
-
showOverlay: this.showOverlay,
|
|
41
|
-
waitText: this.waitText,
|
|
42
|
-
isFullScreen: !this.attach,
|
|
43
|
-
attachEl: this.attachEl
|
|
44
|
-
},
|
|
45
|
-
vueComponent: waitWrap_1.default
|
|
46
|
-
});
|
|
47
|
-
this.componentInstance.on('mounted', (component) => {
|
|
48
|
-
});
|
|
49
|
-
this.componentInstance.on('destroyed', (component) => {
|
|
50
|
-
this.componentInstance = null;
|
|
51
|
-
});
|
|
52
|
-
this.componentInstance.init();
|
|
53
|
-
//当存在时间时候
|
|
54
|
-
if (this.duration > 0) {
|
|
55
|
-
this.downTrigger = setTimeout(() => {
|
|
56
|
-
this.hide();
|
|
57
|
-
}, this.duration);
|
|
58
|
-
}
|
|
59
|
-
//设置是否能滚动
|
|
60
|
-
this.onShowOverlay();
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
start() {
|
|
64
|
-
this.init();
|
|
65
|
-
}
|
|
66
|
-
hide() {
|
|
67
|
-
if (this.downTrigger) {
|
|
68
|
-
clearTimeout(this.downTrigger);
|
|
69
|
-
}
|
|
70
|
-
this.onHide();
|
|
71
|
-
}
|
|
72
|
-
onHide() {
|
|
73
|
-
if (this.componentInstance) {
|
|
74
|
-
let _component = this.componentInstance.getComponent();
|
|
75
|
-
_component.destroy();
|
|
76
|
-
this.unShowOverlay();
|
|
77
|
-
}
|
|
78
|
-
}
|
|
79
|
-
onShowOverlay() {
|
|
80
|
-
if (!this.showOverlay)
|
|
81
|
-
return;
|
|
82
|
-
if (this.attach) {
|
|
83
|
-
if (this.attachEl instanceof HTMLHtmlElement) {
|
|
84
|
-
this.attachScrollStatusStyle = document.defaultView.getComputedStyle(this.attachEl).overflow;
|
|
85
|
-
this.attachEl.style.overflow = "hidden";
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
else {
|
|
89
|
-
this.attachScrollStatusStyle = document.defaultView.getComputedStyle(document.body).overflow;
|
|
90
|
-
document.body.style.overflow = "hidden";
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
unShowOverlay() {
|
|
94
|
-
if (!this.showOverlay)
|
|
95
|
-
return;
|
|
96
|
-
if (this.attach) {
|
|
97
|
-
if (this.attachEl instanceof HTMLHtmlElement) {
|
|
98
|
-
typeof this.attachScrollStatusStyle === "string" ? this.attachEl.style.overflow = this.attachScrollStatusStyle : '';
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
else {
|
|
102
|
-
typeof this.attachScrollStatusStyle === "string" ? document.body.style.overflow = this.attachScrollStatusStyle : '';
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
exports.default = WaitPlugin;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const DynamicMountClass_1 = __importDefault(require("../../components/dynamicmount/DynamicMountClass"));
|
|
7
|
+
const utils_1 = require("../../utils/utils");
|
|
8
|
+
// @ts-ignore
|
|
9
|
+
const waitWrap_1 = __importDefault(require("../../components/base/baseWait/waitWrap"));
|
|
10
|
+
class WaitPlugin {
|
|
11
|
+
constructor({ attach, duration, showOverlay, waitText }) {
|
|
12
|
+
this.attach = attach || null;
|
|
13
|
+
this.duration = duration || 0;
|
|
14
|
+
this.showOverlay = showOverlay;
|
|
15
|
+
this.waitText = waitText || '正在加载中,请稍后。。。';
|
|
16
|
+
//组件实例
|
|
17
|
+
this.componentInstance = null;
|
|
18
|
+
// 倒计时
|
|
19
|
+
this.downTrigger = null;
|
|
20
|
+
//记录被挂载的dom元素
|
|
21
|
+
this.attachEl = null;
|
|
22
|
+
// 用于记录挂载的元素的滚动情况
|
|
23
|
+
this.attachScrollStatusStyle = null;
|
|
24
|
+
this.init();
|
|
25
|
+
}
|
|
26
|
+
init() {
|
|
27
|
+
if (this.attach) {
|
|
28
|
+
if ((0, utils_1.isDOM)(this.attach)) {
|
|
29
|
+
this.attachEl = this.attach;
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
this.attachEl = document.getElementById(typeof this.attach === "string" ? this.attach : '');
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
if (!this.componentInstance) {
|
|
36
|
+
// console.log(this.attach?false:true)
|
|
37
|
+
this.componentInstance = new DynamicMountClass_1.default({
|
|
38
|
+
mountedDom: this.attach ? this.attachEl : '',
|
|
39
|
+
componentProps: {
|
|
40
|
+
showOverlay: this.showOverlay,
|
|
41
|
+
waitText: this.waitText,
|
|
42
|
+
isFullScreen: !this.attach,
|
|
43
|
+
attachEl: this.attachEl
|
|
44
|
+
},
|
|
45
|
+
vueComponent: waitWrap_1.default
|
|
46
|
+
});
|
|
47
|
+
this.componentInstance.on('mounted', (component) => {
|
|
48
|
+
});
|
|
49
|
+
this.componentInstance.on('destroyed', (component) => {
|
|
50
|
+
this.componentInstance = null;
|
|
51
|
+
});
|
|
52
|
+
this.componentInstance.init();
|
|
53
|
+
//当存在时间时候
|
|
54
|
+
if (this.duration > 0) {
|
|
55
|
+
this.downTrigger = setTimeout(() => {
|
|
56
|
+
this.hide();
|
|
57
|
+
}, this.duration);
|
|
58
|
+
}
|
|
59
|
+
//设置是否能滚动
|
|
60
|
+
this.onShowOverlay();
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
start() {
|
|
64
|
+
this.init();
|
|
65
|
+
}
|
|
66
|
+
hide() {
|
|
67
|
+
if (this.downTrigger) {
|
|
68
|
+
clearTimeout(this.downTrigger);
|
|
69
|
+
}
|
|
70
|
+
this.onHide();
|
|
71
|
+
}
|
|
72
|
+
onHide() {
|
|
73
|
+
if (this.componentInstance) {
|
|
74
|
+
let _component = this.componentInstance.getComponent();
|
|
75
|
+
_component.destroy();
|
|
76
|
+
this.unShowOverlay();
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
onShowOverlay() {
|
|
80
|
+
if (!this.showOverlay)
|
|
81
|
+
return;
|
|
82
|
+
if (this.attach) {
|
|
83
|
+
if (this.attachEl instanceof HTMLHtmlElement) {
|
|
84
|
+
this.attachScrollStatusStyle = document.defaultView.getComputedStyle(this.attachEl).overflow;
|
|
85
|
+
this.attachEl.style.overflow = "hidden";
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
else {
|
|
89
|
+
this.attachScrollStatusStyle = document.defaultView.getComputedStyle(document.body).overflow;
|
|
90
|
+
document.body.style.overflow = "hidden";
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
unShowOverlay() {
|
|
94
|
+
if (!this.showOverlay)
|
|
95
|
+
return;
|
|
96
|
+
if (this.attach) {
|
|
97
|
+
if (this.attachEl instanceof HTMLHtmlElement) {
|
|
98
|
+
typeof this.attachScrollStatusStyle === "string" ? this.attachEl.style.overflow = this.attachScrollStatusStyle : '';
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
else {
|
|
102
|
+
typeof this.attachScrollStatusStyle === "string" ? document.body.style.overflow = this.attachScrollStatusStyle : '';
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
exports.default = WaitPlugin;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import WaitPlugin from "./WaitPlugin";
|
|
2
|
-
import { useWaitParamsType } from "../../typings/type";
|
|
3
|
-
declare function useWait(params: useWaitParamsType): WaitPlugin;
|
|
4
|
-
export default useWait;
|
|
1
|
+
import WaitPlugin from "./WaitPlugin";
|
|
2
|
+
import { useWaitParamsType } from "../../typings/type";
|
|
3
|
+
declare function useWait(params: useWaitParamsType): WaitPlugin;
|
|
4
|
+
export default useWait;
|
|
5
5
|
//# sourceMappingURL=useWait.d.ts.map
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const WaitPlugin_1 = __importDefault(require("./WaitPlugin"));
|
|
7
|
-
/*
|
|
8
|
-
* params {
|
|
9
|
-
* attach: 代表挂载到什么元素上面
|
|
10
|
-
* duration:时间 毫秒 0为永久
|
|
11
|
-
* showOverlay: true 默认为true 禁止穿透滚动
|
|
12
|
-
*
|
|
13
|
-
*
|
|
14
|
-
*
|
|
15
|
-
*
|
|
16
|
-
* }
|
|
17
|
-
* */
|
|
18
|
-
function useWait(params) {
|
|
19
|
-
return new WaitPlugin_1.default(params);
|
|
20
|
-
}
|
|
21
|
-
exports.default = useWait;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const WaitPlugin_1 = __importDefault(require("./WaitPlugin"));
|
|
7
|
+
/*
|
|
8
|
+
* params {
|
|
9
|
+
* attach: 代表挂载到什么元素上面
|
|
10
|
+
* duration:时间 毫秒 0为永久
|
|
11
|
+
* showOverlay: true 默认为true 禁止穿透滚动
|
|
12
|
+
*
|
|
13
|
+
*
|
|
14
|
+
*
|
|
15
|
+
*
|
|
16
|
+
* }
|
|
17
|
+
* */
|
|
18
|
+
function useWait(params) {
|
|
19
|
+
return new WaitPlugin_1.default(params);
|
|
20
|
+
}
|
|
21
|
+
exports.default = useWait;
|