@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.
Files changed (75) hide show
  1. package/README.md +56 -7
  2. package/dist/index.esm.js +525 -0
  3. package/dist/index.umd.js +536 -0
  4. package/dist/{util → src/core}/cookies.d.ts +18 -18
  5. package/dist/{util → src/core}/dom.d.ts +17 -17
  6. package/dist/{util → src/core}/utils.d.ts +51 -51
  7. package/dist/{util → src/core}/xhr-config.d.ts +22 -22
  8. package/dist/{util → src/core}/xhr.d.ts +71 -71
  9. package/dist/src/index.d.ts +5 -0
  10. package/package.json +39 -43
  11. package/{dist/util/cookies.js → src/core/cookies.ts} +15 -18
  12. package/{dist/util/dom.js → src/core/dom.ts} +17 -14
  13. package/{dist/util/utils.js → src/core/utils.ts} +82 -77
  14. package/src/core/xhr-config.ts +25 -0
  15. package/{dist/util/xhr.js → src/core/xhr.ts} +128 -94
  16. package/src/index.ts +6 -0
  17. package/LICENSE +0 -201
  18. package/dist/index.d.ts +0 -38
  19. package/dist/index.js +0 -71
  20. package/dist/index.js.map +0 -1
  21. package/dist/main.d.ts +0 -1
  22. package/dist/main.js +0 -16
  23. package/dist/main.js.map +0 -1
  24. package/dist/router/index.d.ts +0 -3
  25. package/dist/router/index.js +0 -44
  26. package/dist/router/index.js.map +0 -1
  27. package/dist/shims-vue.d.ts +0 -4
  28. package/dist/util/cookies.js.map +0 -1
  29. package/dist/util/dom.js.map +0 -1
  30. package/dist/util/utils.js.map +0 -1
  31. package/dist/util/xhr-config.js +0 -3
  32. package/dist/util/xhr-config.js.map +0 -1
  33. package/dist/util/xhr.js.map +0 -1
  34. package/dist/widget/AccordionMenu.vue +0 -140
  35. package/dist/widget/AdjustFontSize.vue +0 -65
  36. package/dist/widget/Article.vue +0 -59
  37. package/dist/widget/EmptyContent.d.ts +0 -5
  38. package/dist/widget/EmptyContent.js +0 -7
  39. package/dist/widget/EmptyContent.js.map +0 -1
  40. package/dist/widget/Expander.vue +0 -65
  41. package/dist/widget/FileUploader/FileUploader.d.ts +0 -70
  42. package/dist/widget/FileUploader/FileUploader.js +0 -139
  43. package/dist/widget/FileUploader/FileUploader.js.map +0 -1
  44. package/dist/widget/FileUploader/FileUploader.less +0 -68
  45. package/dist/widget/FileUploader/FileUploader.ts +0 -156
  46. package/dist/widget/FileUploader/FileUploader.vue +0 -43
  47. package/dist/widget/HtmlEditor/HtmlEditor.d.ts +0 -70
  48. package/dist/widget/HtmlEditor/HtmlEditor.js +0 -287
  49. package/dist/widget/HtmlEditor/HtmlEditor.js.map +0 -1
  50. package/dist/widget/HtmlEditor/HtmlEditor.less +0 -345
  51. package/dist/widget/HtmlEditor/HtmlEditor.ts +0 -339
  52. package/dist/widget/HtmlEditor/HtmlEditor.vue +0 -70
  53. package/dist/widget/HtmlEditor/html-editor-HtmlSanitizer.js +0 -103
  54. package/dist/widget/ImageEnlarger.vue +0 -105
  55. package/dist/widget/OpacityBanner.vue +0 -125
  56. package/dist/widget/ProcessLine.vue +0 -133
  57. package/dist/widget/Resize.d.ts +0 -51
  58. package/dist/widget/Resize.js +0 -133
  59. package/dist/widget/Resize.js.map +0 -1
  60. package/dist/widget/Resize.ts +0 -152
  61. package/dist/widget/Resize.vue +0 -104
  62. package/dist/widget/TreeSelector.vue +0 -4
  63. package/dist/widget/calendar/BetweenDate.vue +0 -63
  64. package/dist/widget/calendar/Calendar.d.ts +0 -55
  65. package/dist/widget/calendar/Calendar.js +0 -145
  66. package/dist/widget/calendar/Calendar.js.map +0 -1
  67. package/dist/widget/calendar/Calendar.less +0 -210
  68. package/dist/widget/calendar/Calendar.ts +0 -167
  69. package/dist/widget/calendar/Calendar.vue +0 -52
  70. package/dist/widget/calendar/CalendarInput.vue +0 -71
  71. package/dist/widget/form/validator.d.ts +0 -70
  72. package/dist/widget/form/validator.js +0 -220
  73. package/dist/widget/form/validator.js.map +0 -1
  74. package/dist/widget/form/validator.ts +0 -289
  75. package/dist/widget/play-ground/sku.vue +0 -93
@@ -1,59 +0,0 @@
1
- <template>
2
- <article>
3
- <h2>{{title}}</h2>
4
-
5
- <div class="toolbar">
6
- <span v-if="author">作者: {{author}}</span> &nbsp;
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,5 +0,0 @@
1
- declare namespace _default {
2
- const empty: string;
3
- const emptyDrak: string;
4
- }
5
- export default _default;
@@ -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"}
@@ -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":";;;;;AAAA,mEAAoC;AAEpC,kBAAe;IACX,KAAK,EAAE;QACH,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;QAC3C,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,OAAO;QACpB,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3C,eAAe,EAAE;YACb,IAAI,EAAE,MAAM,EAAE,OAAO;gBACjB,IAAI,IAAI,CAAC,WAAW;oBAChB,OAAO,SAAS,CAAC;YACzB,CAAC;SACJ;QACD,YAAY,EAAE,OAAO;QACrB,OAAO,EAAE;YACL,IAAI,EAAE,MAAM,EAAE,OAAO;gBACjB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;YAC5C,CAAC;SACJ;KACJ;IAED,IAAI;QACA,OAAO;YACH,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE;YACvB,MAAM,EAAE,sBAAK,CAAC,KAAK;YACnB,IAAI,EAAE,KAAK;YACX,YAAY,EAAE,KAAK;YACnB,mBAAmB;YACnB,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,IAAI;SAChB,CAAA;IACL,CAAC;IAED,OAAO,EAAE;QACL;;;;WAIG;QACH,mBAAmB,CAAC,EAAS;YACzB,IAAI,SAAS,GAAuC,EAAE,CAAC,MAAM,CAAC;YAC9D,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;gBAAE,OAAO;YAEpD,0CAA0C;YAC1C,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAEhC,IAAI,IAAI,GAAS,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YAEpB,IAAI,IAAI,CAAC,WAAW,EAAE;gBAClB,IAAI,MAAM,GAAe,IAAI,UAAU,EAAE,CAAC;gBAC1C,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,EAAE;oBAClB,IAAI,SAAS,GAAmB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,mBAAmB;oBACpE,uBAAuB;oBACvB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;gBAC5B,CAAC,CAAA;gBAED,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;aAC9B;QACL,CAAC;QAED;;;WAGG;QACH,UAAU;YACN,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;QAED,MAAM,CAAC,EAAa;;YAChB,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC,0BAA0B;YAE/C,IAAI,MAAA,EAAE,CAAC,YAAY,0CAAE,KAAK;gBAAE,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACtE,CAAC;QAED,SAAS,CAAC,KAAe;YACrB,IAAI,IAAI,GAAS,KAAK,CAAC,CAAC,CAAC,EACrB,QAAQ,GAAW,IAAI,CAAC,IAAI,CAAC;YAEjC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;YAC1B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;QAC9B,CAAC;QACD;;;;WAIG;QACH,QAAQ;YACJ,wEAAwE;YACxE,UAAU;YAEV,IAAI,EAAE,GAAa,IAAI,QAAQ,EAAE,CAAC;YAElC,IAAI,IAAI,CAAC,KAAK;gBAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;iBACxD,IAAI,IAAI,CAAC,QAAQ;gBAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAEzD,IAAI,GAAG,GAAmB,IAAI,cAAc,EAAE,CAAC;YAC/C,YAAY;YACZ,GAAG,CAAC,kBAAkB,GAAG,EAAE,CAAC,GAAG,CAAC,cAAc,CAAC,QAAQ,CACnD,IAAI,EACJ,IAAI,CAAC,kBAAkB,EACvB,MAAM,CACT,CAAC;YACF,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;YACpC,GAAG,CAAC,UAAU,GAAG,CAAC,EAAiB,EAAE,EAAE;gBACnC,IAAI,QAAQ,GAAW,CAAC,EACpB,CAAC,GAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;gBAClD,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;gBAEX,IAAI,QAAQ,KAAK,CAAC;oBAAE,QAAQ,GAAG,CAAC,CAAC;gBAEjC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAC7B,CAAC,CAAC;YAEF,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC;QAED,UAAU,EAAE,UAAU;KACzB;CACJ,CAAA;AAED;;;;GAIG;AACH,SAAS,UAAU,CAAC,KAAa;IAC7B,IAAI,IAAI,GAAW,EAAE,CAAC;IAEtB,IAAI,KAAK,GAAG,GAAG,GAAG,IAAI;QAClB,kBAAkB;QAClB,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;SAC7B,IAAI,KAAK,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI;QAC9B,mBAAmB;QACnB,IAAI,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;SACvC,IAAI,KAAK,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;QACrC,mBAAmB;QACnB,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACrD,WAAW;;QACN,IAAI,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAE7D,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY;IAE3C,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI;QACjC,mCAAmC;QACnC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAEhE,OAAO,IAAI,CAAC;AAChB,CAAC"}
@@ -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>