@ajaxjs/util 1.1.0 → 1.1.2
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 +56 -7
- package/dist/index.esm.js +525 -0
- package/dist/index.umd.js +536 -0
- package/dist/{util → src/core}/cookies.d.ts +18 -18
- package/dist/{util → src/core}/dom.d.ts +17 -17
- package/dist/{util → src/core}/utils.d.ts +51 -51
- package/dist/{util → src/core}/xhr-config.d.ts +22 -22
- package/dist/{util → src/core}/xhr.d.ts +71 -71
- package/dist/src/index.d.ts +5 -0
- package/package.json +39 -43
- package/{dist/util/cookies.js → src/core/cookies.ts} +15 -18
- package/{dist/util/dom.js → src/core/dom.ts} +17 -14
- package/{dist/util/utils.js → src/core/utils.ts} +82 -77
- package/src/core/xhr-config.ts +25 -0
- package/{dist/util/xhr.js → src/core/xhr.ts} +128 -94
- package/src/index.ts +6 -0
- package/LICENSE +0 -201
- package/dist/index.d.ts +0 -38
- package/dist/index.js +0 -71
- package/dist/index.js.map +0 -1
- package/dist/main.d.ts +0 -1
- package/dist/main.js +0 -16
- package/dist/main.js.map +0 -1
- package/dist/router/index.d.ts +0 -3
- package/dist/router/index.js +0 -44
- package/dist/router/index.js.map +0 -1
- package/dist/shims-vue.d.ts +0 -4
- package/dist/util/cookies.js.map +0 -1
- package/dist/util/dom.js.map +0 -1
- package/dist/util/utils.js.map +0 -1
- package/dist/util/xhr-config.js +0 -3
- package/dist/util/xhr-config.js.map +0 -1
- package/dist/util/xhr.js.map +0 -1
- package/dist/widget/AccordionMenu.vue +0 -140
- package/dist/widget/AdjustFontSize.vue +0 -65
- package/dist/widget/Article.vue +0 -59
- package/dist/widget/EmptyContent.d.ts +0 -5
- package/dist/widget/EmptyContent.js +0 -7
- package/dist/widget/EmptyContent.js.map +0 -1
- package/dist/widget/Expander.vue +0 -65
- package/dist/widget/FileUploader/FileUploader.d.ts +0 -70
- package/dist/widget/FileUploader/FileUploader.js +0 -139
- package/dist/widget/FileUploader/FileUploader.js.map +0 -1
- package/dist/widget/FileUploader/FileUploader.less +0 -68
- package/dist/widget/FileUploader/FileUploader.ts +0 -156
- package/dist/widget/FileUploader/FileUploader.vue +0 -43
- package/dist/widget/HtmlEditor/HtmlEditor.d.ts +0 -70
- package/dist/widget/HtmlEditor/HtmlEditor.js +0 -287
- package/dist/widget/HtmlEditor/HtmlEditor.js.map +0 -1
- package/dist/widget/HtmlEditor/HtmlEditor.less +0 -345
- package/dist/widget/HtmlEditor/HtmlEditor.ts +0 -339
- package/dist/widget/HtmlEditor/HtmlEditor.vue +0 -70
- package/dist/widget/HtmlEditor/html-editor-HtmlSanitizer.js +0 -103
- package/dist/widget/ImageEnlarger.vue +0 -105
- package/dist/widget/OpacityBanner.vue +0 -125
- package/dist/widget/ProcessLine.vue +0 -133
- package/dist/widget/Resize.d.ts +0 -51
- package/dist/widget/Resize.js +0 -133
- package/dist/widget/Resize.js.map +0 -1
- package/dist/widget/Resize.ts +0 -152
- package/dist/widget/Resize.vue +0 -104
- package/dist/widget/TreeSelector.vue +0 -4
- package/dist/widget/calendar/BetweenDate.vue +0 -63
- package/dist/widget/calendar/Calendar.d.ts +0 -55
- package/dist/widget/calendar/Calendar.js +0 -145
- package/dist/widget/calendar/Calendar.js.map +0 -1
- package/dist/widget/calendar/Calendar.less +0 -210
- package/dist/widget/calendar/Calendar.ts +0 -167
- package/dist/widget/calendar/Calendar.vue +0 -52
- package/dist/widget/calendar/CalendarInput.vue +0 -71
- package/dist/widget/form/validator.d.ts +0 -70
- package/dist/widget/form/validator.js +0 -220
- package/dist/widget/form/validator.js.map +0 -1
- package/dist/widget/form/validator.ts +0 -289
- package/dist/widget/play-ground/sku.vue +0 -93
package/dist/widget/Article.vue
DELETED
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<article>
|
|
3
|
-
<h2>{{title}}</h2>
|
|
4
|
-
|
|
5
|
-
<div class="toolbar">
|
|
6
|
-
<span v-if="author">作者: {{author}}</span>
|
|
7
|
-
<a :href="source" v-if="source" target="_blank">
|
|
8
|
-
|
|
9
|
-
<svg width="16px" height="16px" viewBox="0 0 24 24" style="cursor:pointer;vertical-align: middle;">
|
|
10
|
-
<g stroke-width="2.1" stroke="#666" fill="none" stroke-linecap="round" stroke-linejoin="round">
|
|
11
|
-
<polyline points="17 13.5 17 19.5 5 19.5 5 7.5 11 7.5"></polyline>
|
|
12
|
-
<path d="M14,4.5 L20,4.5 L20,10.5 M20,4.5 L11,13.5"></path>
|
|
13
|
-
</g>
|
|
14
|
-
</svg>
|
|
15
|
-
来源</a>
|
|
16
|
-
<FontSize style="float:right;clear:both"></FontSize>
|
|
17
|
-
</div>
|
|
18
|
-
<slot></slot>
|
|
19
|
-
</article>
|
|
20
|
-
</template>
|
|
21
|
-
|
|
22
|
-
<script>
|
|
23
|
-
import FontSize from './AdjustFontSize.vue';
|
|
24
|
-
|
|
25
|
-
export default {
|
|
26
|
-
props: {
|
|
27
|
-
title: String, author: String, source: String
|
|
28
|
-
},
|
|
29
|
-
components: { FontSize }
|
|
30
|
-
}
|
|
31
|
-
</script>
|
|
32
|
-
|
|
33
|
-
<style lang="less" scoped>
|
|
34
|
-
@import "../style/common-functions.less";
|
|
35
|
-
|
|
36
|
-
article {
|
|
37
|
-
& > p {
|
|
38
|
-
.aj-text-function();
|
|
39
|
-
text-indent: 2em;
|
|
40
|
-
}
|
|
41
|
-
& > img,
|
|
42
|
-
& > p > img {
|
|
43
|
-
max-width: 80%;
|
|
44
|
-
margin: 0 auto;
|
|
45
|
-
display: block;
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
h2 {
|
|
49
|
-
.aj-text-title();
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.toolbar {
|
|
53
|
-
height: 15px;
|
|
54
|
-
margin: 30px 0;
|
|
55
|
-
font-size: 0.8rem;
|
|
56
|
-
text-align: right;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
</style>
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.default = {
|
|
4
|
-
empty: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiNEQURFRTMiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTUwLjU5OCAxMS4wOTNDMjUuNTU0IDE1Ljc2IDExLjcyOCAyNC41NzMgOS4xMiAzNy41MzUgNS45OSA2OC42NDQgMTI4LjA4IDcwLjIgMTEzLjIxIDEwMi44NjNjLTcuODI2IDEwLjg4Ny0yNS41NjYgMTMuMjItNTMuMjE5IDYuOTk5IiBzdHJva2UtZGFzaGFycmF5PSIzIi8+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0ibTU1IDY4LjI3IDQyLjE2Mi0xMi4zMjR2NDkuNTc3TDU1IDExNy41Njh6TTU1IDY4LjEwOCAxNi4wODEgNTUuOTQ2djQ5LjU3N0w1NSAxMTcuNTY4eiIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNi4wMTIgNTYuMDQgNTUgNjguMTA4IDQyLjUgODYuNzU3IDQuNzMgNzMuMDYzek05Ny4xNjIgNTUuOTQ2IDU1IDY4LjEwOGwxMi44MSAxOC42NDkgNDIuMzI1LTE0LjE2NnoiLz48cGF0aCBmaWxsPSIjRjZGN0Y4IiBkPSJtMTYuMDgxIDU1Ljk0NiA0My4zNDctMTIuMTYyIDM3LjczNCAxMi4xNjJMNTUgNjguMTA4eiIvPjwvZz48ZyBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNzguMDY4IDEwLjMxIDYwLjA0IDguOGwyLjc5LTUuMzF6Ii8+PHBhdGggZmlsbD0iI0Y2RjdGOCIgZD0iTTc4LjA2OCAxMC4zMSA1Ni40NSAxMy44OGwtMy44MzQtNS45MzR6Ii8+PC9nPjwvZz48L3N2Zz4=',
|
|
5
|
-
emptyDrak: 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjEyMCIgd2lkdGg9IjEyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBzdHJva2U9IiMzYTNjNDYiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHBhdGggZD0iTTUwLjU5OCAxMS4wOTNDMjUuNTU0IDE1Ljc2IDExLjcyOCAyNC41NzMgOS4xMiAzNy41MzUgNS45OSA2OC42NDQgMTI4LjA4IDcwLjIgMTEzLjIxIDEwMi44NjNjLTcuODI2IDEwLjg4Ny0yNS41NjYgMTMuMjItNTMuMjE5IDYuOTk5IiBzdHJva2UtZGFzaGFycmF5PSIzIi8+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGcgZmlsbD0iIzFhMWIxZSI+PHBhdGggZD0ibTU1IDY4LjI3IDQyLjE2Mi0xMi4zMjR2NDkuNTc3TDU1IDExNy41Njh6TTU1IDY4LjEwOCAxNi4wODEgNTUuOTQ2djQ5LjU3N0w1NSAxMTcuNTY4eiIvPjxwYXRoIGQ9Ik0xNi4wMTIgNTYuMDQgNTUgNjguMTA4IDQyLjUgODYuNzU3IDQuNzMgNzMuMDYzek05Ny4xNjIgNTUuOTQ2IDU1IDY4LjEwOGwxMi44MSAxOC42NDkgNDIuMzI1LTE0LjE2NnoiLz48L2c+PHBhdGggZD0ibTE2LjA4MSA1NS45NDYgNDMuMzQ3LTEyLjE2MiAzNy43MzQgMTIuMTYyTDU1IDY4LjEwOHoiIGZpbGw9IiMxNDE1MTgiLz48L2c+PGcgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTc4LjA2OCAxMC4zMSA2MC4wNCA4LjhsMi43OS01LjMxeiIgZmlsbD0iIzFhMWIxZSIvPjxwYXRoIGQ9Ik03OC4wNjggMTAuMzEgNTYuNDUgMTMuODhsLTMuODM0LTUuOTM0eiIgZmlsbD0iIzE0MTUxOCIvPjwvZz48L2c+PC9zdmc+'
|
|
6
|
-
};
|
|
7
|
-
//# sourceMappingURL=EmptyContent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EmptyContent.js","sourceRoot":"","sources":["../../src/widget/EmptyContent.js"],"names":[],"mappings":";;AAAA,kBAAe;IACX,KAAK,EAAE,4jCAA4jC;IACnkC,SAAS,EAAE,4jCAA4jC;CAC1kC,CAAC"}
|
package/dist/widget/Expander.vue
DELETED
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="aj-expander" :style="'height:' + (expended ? openHeight : closeHeight) + 'px;'">
|
|
3
|
-
<div :class="expended ? 'closeBtn' : 'openBtn'" @click="expended = !expended;"></div>
|
|
4
|
-
<slot></slot>
|
|
5
|
-
</div>
|
|
6
|
-
</template>
|
|
7
|
-
|
|
8
|
-
<script lang="ts">
|
|
9
|
-
/**
|
|
10
|
-
* 展开闭合器
|
|
11
|
-
*/
|
|
12
|
-
export default {
|
|
13
|
-
props: {
|
|
14
|
-
openHeight: { type: Number, default: 200 },
|
|
15
|
-
closeHeight: { type: Number, default: 50 },
|
|
16
|
-
},
|
|
17
|
-
data(): any {
|
|
18
|
-
return {
|
|
19
|
-
expended: false,
|
|
20
|
-
};
|
|
21
|
-
},
|
|
22
|
-
};
|
|
23
|
-
</script>
|
|
24
|
-
|
|
25
|
-
<style lang="less" scoped>
|
|
26
|
-
.aj-expander {
|
|
27
|
-
overflow: hidden;
|
|
28
|
-
position: relative;
|
|
29
|
-
clear: both;
|
|
30
|
-
transition: height 200ms ease 0s;
|
|
31
|
-
|
|
32
|
-
.mask-layer {
|
|
33
|
-
position: absolute;
|
|
34
|
-
bottom: 0;
|
|
35
|
-
left: 0;
|
|
36
|
-
height: 23px;
|
|
37
|
-
width: 100%;
|
|
38
|
-
background: -webkit-gradient(
|
|
39
|
-
linear,
|
|
40
|
-
center top,
|
|
41
|
-
center bottom,
|
|
42
|
-
from(transparent),
|
|
43
|
-
to(white)
|
|
44
|
-
);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.openBtn {
|
|
48
|
-
background: url("https://ajaxjs.nos-eastchina1.126.net/images/openBtn.png");
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.closeBtn {
|
|
52
|
-
background: url("https://ajaxjs.nos-eastchina1.126.net/images/closeBtn.png");
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.closeBtn,
|
|
56
|
-
.openBtn {
|
|
57
|
-
width: 45px;
|
|
58
|
-
height: 32px;
|
|
59
|
-
position: absolute;
|
|
60
|
-
cursor: pointer;
|
|
61
|
-
top: 0px;
|
|
62
|
-
right: 0px;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
</style>
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
props: {
|
|
3
|
-
action: {
|
|
4
|
-
type: StringConstructor;
|
|
5
|
-
required: boolean;
|
|
6
|
-
};
|
|
7
|
-
limitSize: {
|
|
8
|
-
type: NumberConstructor;
|
|
9
|
-
default: number;
|
|
10
|
-
};
|
|
11
|
-
limitFileType: StringConstructor;
|
|
12
|
-
isImgUpload: BooleanConstructor;
|
|
13
|
-
isShowBtn: {
|
|
14
|
-
type: BooleanConstructor;
|
|
15
|
-
default: boolean;
|
|
16
|
-
};
|
|
17
|
-
accpectFileType: {
|
|
18
|
-
type: StringConstructor;
|
|
19
|
-
default(): string;
|
|
20
|
-
};
|
|
21
|
-
buttonBottom: BooleanConstructor;
|
|
22
|
-
radomId: {
|
|
23
|
-
type: NumberConstructor;
|
|
24
|
-
default(): number;
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
|
-
data(): {
|
|
28
|
-
model: {
|
|
29
|
-
children: any[];
|
|
30
|
-
};
|
|
31
|
-
imgSrc: string;
|
|
32
|
-
open: boolean;
|
|
33
|
-
allowAddNode: boolean;
|
|
34
|
-
fileName: string;
|
|
35
|
-
fileSize: number;
|
|
36
|
-
progress: number;
|
|
37
|
-
errMsg: string;
|
|
38
|
-
newlyId: string;
|
|
39
|
-
fileObj: any;
|
|
40
|
-
};
|
|
41
|
-
methods: {
|
|
42
|
-
/**
|
|
43
|
-
* 选择文件后触发的事件
|
|
44
|
-
*
|
|
45
|
-
* @param ev
|
|
46
|
-
*/
|
|
47
|
-
onUploadInputChange(ev: Event): void;
|
|
48
|
-
/**
|
|
49
|
-
* 返回 File 对象,在表单混合上传时候有用
|
|
50
|
-
* @returns
|
|
51
|
-
*/
|
|
52
|
-
getFileObj(): File;
|
|
53
|
-
onDrop(ev: DragEvent): void;
|
|
54
|
-
onFileGet(files: FileList): void;
|
|
55
|
-
/**
|
|
56
|
-
* 执行上传
|
|
57
|
-
*
|
|
58
|
-
* @param this
|
|
59
|
-
*/
|
|
60
|
-
doUpload(): void;
|
|
61
|
-
changeByte: typeof changeByte;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
export default _default;
|
|
65
|
-
/**
|
|
66
|
-
* 字节 Byte 转化成 KB,MB,GB
|
|
67
|
-
*
|
|
68
|
-
* @param limit
|
|
69
|
-
*/
|
|
70
|
-
declare function changeByte(limit: number): string;
|
|
@@ -1,139 +0,0 @@
|
|
|
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 EmptyContent_1 = __importDefault(require("../EmptyContent"));
|
|
7
|
-
exports.default = {
|
|
8
|
-
props: {
|
|
9
|
-
action: { type: String, required: false },
|
|
10
|
-
limitSize: { type: Number, default: 20000 },
|
|
11
|
-
limitFileType: String,
|
|
12
|
-
isImgUpload: Boolean,
|
|
13
|
-
isShowBtn: { type: Boolean, default: true },
|
|
14
|
-
accpectFileType: {
|
|
15
|
-
type: String, default() {
|
|
16
|
-
if (this.isImgUpload)
|
|
17
|
-
return 'image/*';
|
|
18
|
-
}
|
|
19
|
-
},
|
|
20
|
-
buttonBottom: Boolean,
|
|
21
|
-
radomId: {
|
|
22
|
-
type: Number, default() {
|
|
23
|
-
return Math.round(Math.random() * 1000);
|
|
24
|
-
},
|
|
25
|
-
},
|
|
26
|
-
},
|
|
27
|
-
data() {
|
|
28
|
-
return {
|
|
29
|
-
model: { children: [] },
|
|
30
|
-
imgSrc: EmptyContent_1.default.empty,
|
|
31
|
-
open: false,
|
|
32
|
-
allowAddNode: false,
|
|
33
|
-
// isFolder : false
|
|
34
|
-
fileName: '',
|
|
35
|
-
fileSize: 0,
|
|
36
|
-
progress: 0,
|
|
37
|
-
errMsg: '',
|
|
38
|
-
newlyId: '',
|
|
39
|
-
fileObj: null
|
|
40
|
-
};
|
|
41
|
-
},
|
|
42
|
-
methods: {
|
|
43
|
-
/**
|
|
44
|
-
* 选择文件后触发的事件
|
|
45
|
-
*
|
|
46
|
-
* @param ev
|
|
47
|
-
*/
|
|
48
|
-
onUploadInputChange(ev) {
|
|
49
|
-
let fileInput = ev.target;
|
|
50
|
-
if (!fileInput.files || !fileInput.files[0])
|
|
51
|
-
return;
|
|
52
|
-
// this.errStatus = [false, false, false];
|
|
53
|
-
this.onFileGet(fileInput.files);
|
|
54
|
-
let file = fileInput.files[0];
|
|
55
|
-
this.fileObj = file;
|
|
56
|
-
if (this.isImgUpload) {
|
|
57
|
-
let reader = new FileReader();
|
|
58
|
-
reader.onload = (e) => {
|
|
59
|
-
let imgBase64 = e.target.result; // 得到了图片的 base64 编码
|
|
60
|
-
// alert(imgBase64Str);
|
|
61
|
-
this.imgSrc = imgBase64;
|
|
62
|
-
};
|
|
63
|
-
reader.readAsDataURL(file);
|
|
64
|
-
}
|
|
65
|
-
},
|
|
66
|
-
/**
|
|
67
|
-
* 返回 File 对象,在表单混合上传时候有用
|
|
68
|
-
* @returns
|
|
69
|
-
*/
|
|
70
|
-
getFileObj() {
|
|
71
|
-
return this.fileObj;
|
|
72
|
-
},
|
|
73
|
-
onDrop(ev) {
|
|
74
|
-
var _a;
|
|
75
|
-
ev.preventDefault(); // 阻止进行拖拽时浏览器的默认行为,即自动打开图片
|
|
76
|
-
if ((_a = ev.dataTransfer) === null || _a === void 0 ? void 0 : _a.files)
|
|
77
|
-
this.onFileGet(ev.dataTransfer.files);
|
|
78
|
-
},
|
|
79
|
-
onFileGet(files) {
|
|
80
|
-
let file = files[0], fileType = file.type;
|
|
81
|
-
this.$fileObj = file;
|
|
82
|
-
this.fileName = file.name;
|
|
83
|
-
this.fileSize = file.size;
|
|
84
|
-
},
|
|
85
|
-
/**
|
|
86
|
-
* 执行上传
|
|
87
|
-
*
|
|
88
|
-
* @param this
|
|
89
|
-
*/
|
|
90
|
-
doUpload() {
|
|
91
|
-
// this.$uploadOk_callback({ isOk: true, msg: "ok!", imgUrl: "fdfdf" });
|
|
92
|
-
// return;
|
|
93
|
-
let fd = new FormData();
|
|
94
|
-
if (this.$blob)
|
|
95
|
-
fd.append("file", this.$blob, this.fileName);
|
|
96
|
-
else if (this.$fileObj)
|
|
97
|
-
fd.append("file", this.$fileObj);
|
|
98
|
-
let xhr = new XMLHttpRequest();
|
|
99
|
-
//@ts-ignore
|
|
100
|
-
xhr.onreadystatechange = aj.xhr.requestHandler.delegate(null, this.$uploadOk_callback, "json");
|
|
101
|
-
xhr.open("POST", this.action, true);
|
|
102
|
-
xhr.onprogress = (ev) => {
|
|
103
|
-
let progress = 0, p = ~~((ev.loaded * 1000) / ev.total);
|
|
104
|
-
p = p / 10;
|
|
105
|
-
if (progress !== p)
|
|
106
|
-
progress = p;
|
|
107
|
-
this.progress = progress;
|
|
108
|
-
};
|
|
109
|
-
xhr.send(fd);
|
|
110
|
-
},
|
|
111
|
-
changeByte: changeByte
|
|
112
|
-
}
|
|
113
|
-
};
|
|
114
|
-
/**
|
|
115
|
-
* 字节 Byte 转化成 KB,MB,GB
|
|
116
|
-
*
|
|
117
|
-
* @param limit
|
|
118
|
-
*/
|
|
119
|
-
function changeByte(limit) {
|
|
120
|
-
let size = "";
|
|
121
|
-
if (limit < 0.1 * 1024)
|
|
122
|
-
// 小于 0.1KB,则转化成 B
|
|
123
|
-
size = limit.toFixed(2) + "B";
|
|
124
|
-
else if (limit < 0.1 * 1024 * 1024)
|
|
125
|
-
// 小于 0.1MB,则转化成 KB
|
|
126
|
-
size = (limit / 1024).toFixed(2) + "KB";
|
|
127
|
-
else if (limit < 0.1 * 1024 * 1024 * 1024)
|
|
128
|
-
// 小于 0.1GB,则转化成 MB
|
|
129
|
-
size = (limit / (1024 * 1024)).toFixed(2) + "MB";
|
|
130
|
-
// 其他转化成 GB
|
|
131
|
-
else
|
|
132
|
-
size = (limit / (1024 * 1024 * 1024)).toFixed(2) + "GB";
|
|
133
|
-
let index = size.indexOf("."); // 获取小数点处的索引
|
|
134
|
-
if (size.substr(index + 1, 2) == "00")
|
|
135
|
-
// 获取小数点后两位的值,判断后两位是否为 00,如果是则删除 00
|
|
136
|
-
return size.substring(0, index) + size.substr(index + 3, 2);
|
|
137
|
-
return size;
|
|
138
|
-
}
|
|
139
|
-
//# sourceMappingURL=FileUploader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../src/widget/FileUploader/FileUploader.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
.aj-file-uploader {
|
|
2
|
-
width: 360px;
|
|
3
|
-
|
|
4
|
-
&>* {
|
|
5
|
-
display: inline-block;
|
|
6
|
-
vertical-align: middle;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
label {
|
|
10
|
-
margin-right: 2%;
|
|
11
|
-
|
|
12
|
-
&>div {
|
|
13
|
-
border: 1px solid lightgray;
|
|
14
|
-
border-radius: 5px;
|
|
15
|
-
text-align: center;
|
|
16
|
-
color: gray;
|
|
17
|
-
cursor: pointer;
|
|
18
|
-
font-size: 0.8rem;
|
|
19
|
-
padding: 10px;
|
|
20
|
-
padding-bottom: 25px;
|
|
21
|
-
width: 100px;
|
|
22
|
-
height: 70px;
|
|
23
|
-
transition: border-color linear 300ms, color linear 300ms;
|
|
24
|
-
|
|
25
|
-
&:hover {
|
|
26
|
-
border-color: gray;
|
|
27
|
-
color: black;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&>div {
|
|
31
|
-
font-size: 2rem;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
button {
|
|
37
|
-
min-width: 110px;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
input[type="file"] {
|
|
41
|
-
display: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
.msg {
|
|
45
|
-
font-size: 0.8rem;
|
|
46
|
-
color: gray;
|
|
47
|
-
max-width: 50%;
|
|
48
|
-
word-break: break-word;
|
|
49
|
-
text-overflow: ellipsis;
|
|
50
|
-
|
|
51
|
-
&>div {
|
|
52
|
-
font-size: 0.75rem;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.perviewImg {
|
|
57
|
-
max-width: 260px;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.fileName {
|
|
61
|
-
// display: inline-block;
|
|
62
|
-
text-overflow: ellipsis; //溢出用省略号显示
|
|
63
|
-
white-space: nowrap; //溢出不换行
|
|
64
|
-
max-width: 120px;
|
|
65
|
-
max-height: 20px;
|
|
66
|
-
overflow: hidden;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
@@ -1,156 +0,0 @@
|
|
|
1
|
-
import Empty from '../EmptyContent';
|
|
2
|
-
|
|
3
|
-
export default {
|
|
4
|
-
props: {
|
|
5
|
-
action: { type: String, required: false }, // 上传路径
|
|
6
|
-
limitSize: { type: Number, default: 20000 }, // 文件大小限制
|
|
7
|
-
limitFileType: String,
|
|
8
|
-
isImgUpload: Boolean,
|
|
9
|
-
isShowBtn: { type: Boolean, default: true },
|
|
10
|
-
accpectFileType: {
|
|
11
|
-
type: String, default() {
|
|
12
|
-
if (this.isImgUpload)
|
|
13
|
-
return 'image/*';
|
|
14
|
-
}
|
|
15
|
-
}, // 可以上传类型 如 image/*
|
|
16
|
-
buttonBottom: Boolean, // 上传按钮是否位于下方
|
|
17
|
-
radomId: {
|
|
18
|
-
type: Number, default() { // 不重复的 id,用关于关联 label 与 input[type=file]
|
|
19
|
-
return Math.round(Math.random() * 1000);
|
|
20
|
-
},
|
|
21
|
-
},
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
-
data() {
|
|
25
|
-
return {
|
|
26
|
-
model: { children: [] },
|
|
27
|
-
imgSrc: Empty.empty,
|
|
28
|
-
open: false,
|
|
29
|
-
allowAddNode: false,
|
|
30
|
-
// isFolder : false
|
|
31
|
-
fileName: '', // 获取文件名称,只能是名称,不能获取完整的文件目录
|
|
32
|
-
fileSize: 0, // 文件大小
|
|
33
|
-
progress: 0, // 上传进度百分比
|
|
34
|
-
errMsg: '', // 错误信息。约定:只有为空字符串,才表示允许上传。
|
|
35
|
-
newlyId: '', // 成功上传之后的文件 id
|
|
36
|
-
fileObj: null
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
|
|
40
|
-
methods: {
|
|
41
|
-
/**
|
|
42
|
-
* 选择文件后触发的事件
|
|
43
|
-
*
|
|
44
|
-
* @param ev
|
|
45
|
-
*/
|
|
46
|
-
onUploadInputChange(ev: Event): void {
|
|
47
|
-
let fileInput: HTMLInputElement = <HTMLInputElement>ev.target;
|
|
48
|
-
if (!fileInput.files || !fileInput.files[0]) return;
|
|
49
|
-
|
|
50
|
-
// this.errStatus = [false, false, false];
|
|
51
|
-
this.onFileGet(fileInput.files);
|
|
52
|
-
|
|
53
|
-
let file: File = fileInput.files[0];
|
|
54
|
-
this.fileObj = file;
|
|
55
|
-
|
|
56
|
-
if (this.isImgUpload) {
|
|
57
|
-
let reader: FileReader = new FileReader();
|
|
58
|
-
reader.onload = (e) => {
|
|
59
|
-
let imgBase64: string = <string>e.target.result; // 得到了图片的 base64 编码
|
|
60
|
-
// alert(imgBase64Str);
|
|
61
|
-
this.imgSrc = imgBase64;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
reader.readAsDataURL(file);
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
|
|
68
|
-
/**
|
|
69
|
-
* 返回 File 对象,在表单混合上传时候有用
|
|
70
|
-
* @returns
|
|
71
|
-
*/
|
|
72
|
-
getFileObj(): File {
|
|
73
|
-
return this.fileObj;
|
|
74
|
-
},
|
|
75
|
-
|
|
76
|
-
onDrop(ev: DragEvent): void {
|
|
77
|
-
ev.preventDefault(); // 阻止进行拖拽时浏览器的默认行为,即自动打开图片
|
|
78
|
-
|
|
79
|
-
if (ev.dataTransfer?.files) this.onFileGet(ev.dataTransfer.files);
|
|
80
|
-
},
|
|
81
|
-
|
|
82
|
-
onFileGet(files: FileList): void {
|
|
83
|
-
let file: File = files[0],
|
|
84
|
-
fileType: string = file.type;
|
|
85
|
-
|
|
86
|
-
this.$fileObj = file;
|
|
87
|
-
this.fileName = file.name;
|
|
88
|
-
this.fileSize = file.size;
|
|
89
|
-
},
|
|
90
|
-
/**
|
|
91
|
-
* 执行上传
|
|
92
|
-
*
|
|
93
|
-
* @param this
|
|
94
|
-
*/
|
|
95
|
-
doUpload(): void {
|
|
96
|
-
// this.$uploadOk_callback({ isOk: true, msg: "ok!", imgUrl: "fdfdf" });
|
|
97
|
-
// return;
|
|
98
|
-
|
|
99
|
-
let fd: FormData = new FormData();
|
|
100
|
-
|
|
101
|
-
if (this.$blob) fd.append("file", this.$blob, this.fileName);
|
|
102
|
-
else if (this.$fileObj) fd.append("file", this.$fileObj);
|
|
103
|
-
|
|
104
|
-
let xhr: XMLHttpRequest = new XMLHttpRequest();
|
|
105
|
-
//@ts-ignore
|
|
106
|
-
xhr.onreadystatechange = aj.xhr.requestHandler.delegate(
|
|
107
|
-
null,
|
|
108
|
-
this.$uploadOk_callback,
|
|
109
|
-
"json"
|
|
110
|
-
);
|
|
111
|
-
xhr.open("POST", this.action, true);
|
|
112
|
-
xhr.onprogress = (ev: ProgressEvent) => {
|
|
113
|
-
let progress: number = 0,
|
|
114
|
-
p: number = ~~((ev.loaded * 1000) / ev.total);
|
|
115
|
-
p = p / 10;
|
|
116
|
-
|
|
117
|
-
if (progress !== p) progress = p;
|
|
118
|
-
|
|
119
|
-
this.progress = progress;
|
|
120
|
-
};
|
|
121
|
-
|
|
122
|
-
xhr.send(fd);
|
|
123
|
-
},
|
|
124
|
-
|
|
125
|
-
changeByte: changeByte
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
/**
|
|
130
|
-
* 字节 Byte 转化成 KB,MB,GB
|
|
131
|
-
*
|
|
132
|
-
* @param limit
|
|
133
|
-
*/
|
|
134
|
-
function changeByte(limit: number): string {
|
|
135
|
-
let size: string = "";
|
|
136
|
-
|
|
137
|
-
if (limit < 0.1 * 1024)
|
|
138
|
-
// 小于 0.1KB,则转化成 B
|
|
139
|
-
size = limit.toFixed(2) + "B";
|
|
140
|
-
else if (limit < 0.1 * 1024 * 1024)
|
|
141
|
-
// 小于 0.1MB,则转化成 KB
|
|
142
|
-
size = (limit / 1024).toFixed(2) + "KB";
|
|
143
|
-
else if (limit < 0.1 * 1024 * 1024 * 1024)
|
|
144
|
-
// 小于 0.1GB,则转化成 MB
|
|
145
|
-
size = (limit / (1024 * 1024)).toFixed(2) + "MB";
|
|
146
|
-
// 其他转化成 GB
|
|
147
|
-
else size = (limit / (1024 * 1024 * 1024)).toFixed(2) + "GB";
|
|
148
|
-
|
|
149
|
-
let index = size.indexOf("."); // 获取小数点处的索引
|
|
150
|
-
|
|
151
|
-
if (size.substr(index + 1, 2) == "00")
|
|
152
|
-
// 获取小数点后两位的值,判断后两位是否为 00,如果是则删除 00
|
|
153
|
-
return size.substring(0, index) + size.substr(index + 3, 2);
|
|
154
|
-
|
|
155
|
-
return size;
|
|
156
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<div class="aj-file-uploader">
|
|
3
|
-
<div v-if="isImgUpload">
|
|
4
|
-
<img class="perviewImg" :src='imgSrc' />
|
|
5
|
-
<br />
|
|
6
|
-
</div>
|
|
7
|
-
|
|
8
|
-
<table>
|
|
9
|
-
<tr>
|
|
10
|
-
<td>
|
|
11
|
-
<input type="file" :id="'uploadInput_' + radomId" @change="onUploadInputChange" :accept="accpectFileType" />
|
|
12
|
-
|
|
13
|
-
<label class="pseudoFilePicker" :for="'uploadInput_' + radomId">
|
|
14
|
-
<div @drop="onDrop" ondragover="event.preventDefault();">
|
|
15
|
-
<div>+</div>点击选择文件<br />或拖放到此
|
|
16
|
-
</div>
|
|
17
|
-
</label>
|
|
18
|
-
|
|
19
|
-
</td>
|
|
20
|
-
<td>
|
|
21
|
-
<div class="msg" v-if="errMsg != ''">
|
|
22
|
-
允许类型:{{limitFileType || '无限制'}}
|
|
23
|
-
<br />
|
|
24
|
-
允许大小:{{limitSize ? changeByte(limitSize * 1024) : '无限制'}}
|
|
25
|
-
<span class="slot"></span>
|
|
26
|
-
</div>
|
|
27
|
-
|
|
28
|
-
<div class="msg" v-if="errMsg == ''">
|
|
29
|
-
<div class="fileName" :title="'本地文件名: ' + fileName">{{fileName}}</div>
|
|
30
|
-
<div v-if="fileSize">{{changeByte(fileSize)}}</div>
|
|
31
|
-
<button @click.prevent="doUpload" v-if="isShowBtn">{{progress && progress !== 100 ? '上传中 ' + progress + '%': '上传'}}</button>
|
|
32
|
-
</div>
|
|
33
|
-
</td>
|
|
34
|
-
</tr>
|
|
35
|
-
|
|
36
|
-
</table>
|
|
37
|
-
|
|
38
|
-
</div>
|
|
39
|
-
</template>
|
|
40
|
-
|
|
41
|
-
<script lang="ts" src="./FileUploader.ts"></script>
|
|
42
|
-
|
|
43
|
-
<style lang="less" src="./FileUploader.less"></style>
|