@ajaxjs/util 1.0.8 → 1.1.0
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/LICENSE +201 -0
- package/README.md +11 -20
- package/dist/index.d.ts +34 -6
- package/dist/index.js +45 -8
- package/dist/index.js.map +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +16 -0
- package/dist/main.js.map +1 -0
- package/dist/router/index.d.ts +3 -0
- package/dist/router/index.js +44 -0
- package/dist/router/index.js.map +1 -0
- package/dist/shims-vue.d.ts +4 -0
- package/dist/util/cookies.d.ts +18 -0
- package/dist/util/cookies.js +46 -0
- package/dist/util/cookies.js.map +1 -0
- package/dist/util/dom.d.ts +17 -0
- package/dist/util/dom.js +44 -0
- package/dist/util/dom.js.map +1 -0
- package/dist/util/utils.d.ts +51 -0
- package/dist/util/utils.js +174 -0
- package/dist/util/utils.js.map +1 -0
- package/dist/{xhr-config.js.map → util/xhr-config.js.map} +1 -1
- package/dist/{xhr.d.ts → util/xhr.d.ts} +16 -1
- package/dist/{xhr.js → util/xhr.js} +90 -38
- package/dist/util/xhr.js.map +1 -0
- package/dist/widget/AccordionMenu.vue +140 -0
- package/dist/widget/AdjustFontSize.vue +65 -0
- package/dist/widget/Article.vue +59 -0
- package/dist/widget/EmptyContent.d.ts +5 -0
- package/dist/widget/EmptyContent.js +7 -0
- package/dist/widget/EmptyContent.js.map +1 -0
- package/dist/widget/Expander.vue +65 -0
- package/dist/widget/FileUploader/FileUploader.d.ts +70 -0
- package/dist/widget/FileUploader/FileUploader.js +139 -0
- package/dist/widget/FileUploader/FileUploader.js.map +1 -0
- package/dist/widget/FileUploader/FileUploader.less +68 -0
- package/dist/widget/FileUploader/FileUploader.ts +156 -0
- package/dist/widget/FileUploader/FileUploader.vue +43 -0
- package/dist/widget/HtmlEditor/HtmlEditor.d.ts +70 -0
- package/dist/widget/HtmlEditor/HtmlEditor.js +287 -0
- package/dist/widget/HtmlEditor/HtmlEditor.js.map +1 -0
- package/dist/widget/HtmlEditor/HtmlEditor.less +345 -0
- package/dist/widget/HtmlEditor/HtmlEditor.ts +339 -0
- package/dist/widget/HtmlEditor/HtmlEditor.vue +70 -0
- package/dist/widget/HtmlEditor/html-editor-HtmlSanitizer.js +103 -0
- package/dist/widget/ImageEnlarger.vue +105 -0
- package/dist/widget/OpacityBanner.vue +125 -0
- package/dist/widget/ProcessLine.vue +133 -0
- package/dist/widget/Resize.d.ts +51 -0
- package/dist/widget/Resize.js +133 -0
- package/dist/widget/Resize.js.map +1 -0
- package/dist/widget/Resize.ts +152 -0
- package/dist/widget/Resize.vue +104 -0
- package/dist/widget/TreeSelector.vue +4 -0
- package/dist/widget/calendar/BetweenDate.vue +63 -0
- package/dist/widget/calendar/Calendar.d.ts +55 -0
- package/dist/widget/calendar/Calendar.js +145 -0
- package/dist/widget/calendar/Calendar.js.map +1 -0
- package/dist/widget/calendar/Calendar.less +210 -0
- package/dist/widget/calendar/Calendar.ts +167 -0
- package/dist/widget/calendar/Calendar.vue +52 -0
- package/dist/widget/calendar/CalendarInput.vue +71 -0
- package/dist/widget/form/validator.d.ts +70 -0
- package/dist/widget/form/validator.js +220 -0
- package/dist/widget/form/validator.js.map +1 -0
- package/dist/widget/form/validator.ts +289 -0
- package/dist/widget/play-ground/sku.vue +93 -0
- package/package.json +31 -15
- package/dist/base.d.ts +0 -42
- package/dist/base.js +0 -133
- package/dist/base.js.map +0 -1
- package/dist/entity.d.ts +0 -26
- package/dist/entity.js +0 -2
- package/dist/entity.js.map +0 -1
- package/dist/xhr.js.map +0 -1
- package/src/base.ts +0 -145
- package/src/entity.ts +0 -31
- package/src/index.ts +0 -13
- package/src/xhr-config.ts +0 -25
- package/src/xhr.ts +0 -229
- package/tsconfig.json +0 -73
- /package/dist/{xhr-config.d.ts → util/xhr-config.d.ts} +0 -0
- /package/dist/{xhr-config.js → util/xhr-config.js} +0 -0
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
* 通用工具类
|
|
4
|
+
*/
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.copyToClipboard = exports.throttle = exports.parallel = exports.dateFormat2 = exports.dateFormat = exports.isDev = exports.isDebug = void 0;
|
|
7
|
+
const env = process.env.NODE_ENV;
|
|
8
|
+
/**
|
|
9
|
+
* 是否调试模式中
|
|
10
|
+
*
|
|
11
|
+
* 打包成组件之后不能用
|
|
12
|
+
*
|
|
13
|
+
* @returns
|
|
14
|
+
*/
|
|
15
|
+
function isDebug() {
|
|
16
|
+
return env === 'development';
|
|
17
|
+
}
|
|
18
|
+
exports.isDebug = isDebug;
|
|
19
|
+
function isDev() {
|
|
20
|
+
let currentHostname = window.location.hostname;
|
|
21
|
+
// 判断主机名是否是内网地址
|
|
22
|
+
return (currentHostname.startsWith('192.168.') || currentHostname.startsWith('10.') || currentHostname === 'localhost');
|
|
23
|
+
}
|
|
24
|
+
exports.isDev = isDev;
|
|
25
|
+
/**
|
|
26
|
+
* 日期格式化。详见博客文章:http://blog.csdn.net/zhangxin09/archive/2011/01/01/6111294.aspx
|
|
27
|
+
* e.g: new Date().format("yyyy-MM-dd hh:mm:ss")
|
|
28
|
+
*
|
|
29
|
+
* @param {String} format
|
|
30
|
+
* @return {String}
|
|
31
|
+
*/
|
|
32
|
+
function dateFormat(format) {
|
|
33
|
+
let $1, o = {
|
|
34
|
+
"M+": this.getMonth() + 1,
|
|
35
|
+
"d+": this.getDate(),
|
|
36
|
+
"h+": this.getHours(),
|
|
37
|
+
"m+": this.getMinutes(),
|
|
38
|
+
"s+": this.getSeconds(),
|
|
39
|
+
// 季度 quarter
|
|
40
|
+
"q+": Math.floor((this.getMonth() + 3) / 3),
|
|
41
|
+
"S": this.getMilliseconds() // 千秒
|
|
42
|
+
};
|
|
43
|
+
if (/(y+)/.test(format)) {
|
|
44
|
+
$1 = RegExp.$1, format = format.replace($1, String(this.getFullYear()).substr(4 - $1));
|
|
45
|
+
}
|
|
46
|
+
let key, value;
|
|
47
|
+
for (key in o) { // 如果没有指定该参数,则子字符串将延续到 stringvar 的最后。
|
|
48
|
+
if (new RegExp("(" + key + ")").test(format)) {
|
|
49
|
+
$1 = RegExp.$1,
|
|
50
|
+
value = String(o[key]),
|
|
51
|
+
value = $1.length == 1 ? value : ("00" + value).substr(value.length),
|
|
52
|
+
format = format.replace($1, value);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
return format;
|
|
56
|
+
}
|
|
57
|
+
exports.dateFormat = dateFormat;
|
|
58
|
+
/**
|
|
59
|
+
* 日期格式化
|
|
60
|
+
* @author meizz
|
|
61
|
+
* @param date 日期,必须为 Date 类型
|
|
62
|
+
* @param fmt 格式模板
|
|
63
|
+
* @returns 格式化后的字符串
|
|
64
|
+
*/
|
|
65
|
+
function dateFormat2(date, fmt) {
|
|
66
|
+
let o = {
|
|
67
|
+
"M+": date.getMonth() + 1,
|
|
68
|
+
"d+": date.getDate(),
|
|
69
|
+
"h+": date.getHours(),
|
|
70
|
+
"m+": date.getMinutes(),
|
|
71
|
+
"s+": date.getSeconds(),
|
|
72
|
+
"q+": Math.floor((date.getMonth() + 3) / 3),
|
|
73
|
+
"S": date.getMilliseconds() // 毫秒
|
|
74
|
+
};
|
|
75
|
+
if (/(y+)/.test(fmt))
|
|
76
|
+
fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
|
|
77
|
+
for (var k in o)
|
|
78
|
+
if (new RegExp("(" + k + ")").test(fmt)) {
|
|
79
|
+
let obj = (RegExp.$1.length == 1) ? o[k] : ("00" + o[k]).substr(("" + o[k]).length);
|
|
80
|
+
// @ts-ignore
|
|
81
|
+
fmt = fmt.replace(RegExp.$1, obj);
|
|
82
|
+
}
|
|
83
|
+
return fmt;
|
|
84
|
+
}
|
|
85
|
+
exports.dateFormat2 = dateFormat2;
|
|
86
|
+
/**
|
|
87
|
+
* 并行和串行任务
|
|
88
|
+
*
|
|
89
|
+
* @author https://segmentfault.com/a/1190000013265925
|
|
90
|
+
* @param arr
|
|
91
|
+
* @param finnaly
|
|
92
|
+
*/
|
|
93
|
+
function parallel(arr, _finally) {
|
|
94
|
+
let fn, index = 0;
|
|
95
|
+
// @ts-ignore
|
|
96
|
+
let statusArr = Array(arr.length).fill().map(() => ({ isActive: false, data: null }));
|
|
97
|
+
let isFinished = function () {
|
|
98
|
+
return statusArr.every((item) => item.isActive === true);
|
|
99
|
+
};
|
|
100
|
+
let resolve = function (index) {
|
|
101
|
+
return function (data) {
|
|
102
|
+
statusArr[index].data = data;
|
|
103
|
+
statusArr[index].isActive = true;
|
|
104
|
+
let isFinish = isFinished();
|
|
105
|
+
if (isFinish) {
|
|
106
|
+
let datas = statusArr.map((item) => item.data);
|
|
107
|
+
_finally(datas);
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
// @ts-ignore
|
|
112
|
+
while ((fn = arr.shift())) {
|
|
113
|
+
fn(resolve(index)); // 给 resolve 函数追加参数,可以使用 bind 函数实现,这里使用了柯里化
|
|
114
|
+
index++;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
exports.parallel = parallel;
|
|
118
|
+
/**
|
|
119
|
+
* 函数节流
|
|
120
|
+
*
|
|
121
|
+
* @author https://www.cnblogs.com/moqiutao/p/6875955.html
|
|
122
|
+
* @param fn
|
|
123
|
+
* @param delay
|
|
124
|
+
* @param mustRunDelay
|
|
125
|
+
*/
|
|
126
|
+
function throttle(fn, delay, mustRunDelay) {
|
|
127
|
+
var timer, t_start;
|
|
128
|
+
return function () {
|
|
129
|
+
var t_curr = +new Date();
|
|
130
|
+
window.clearTimeout(timer);
|
|
131
|
+
if (!t_start)
|
|
132
|
+
t_start = t_curr;
|
|
133
|
+
if (t_curr - t_start >= mustRunDelay) {
|
|
134
|
+
// @ts-ignore
|
|
135
|
+
fn.apply(this, arguments);
|
|
136
|
+
t_start = t_curr;
|
|
137
|
+
}
|
|
138
|
+
else {
|
|
139
|
+
var args = arguments;
|
|
140
|
+
// @ts-ignore
|
|
141
|
+
timer = window.setTimeout(() => fn.apply(this, args), delay);
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
}
|
|
145
|
+
exports.throttle = throttle;
|
|
146
|
+
/**
|
|
147
|
+
* 复制文字到剪切板
|
|
148
|
+
*
|
|
149
|
+
* @param {*} text
|
|
150
|
+
*/
|
|
151
|
+
function copyToClipboard(text) {
|
|
152
|
+
if (navigator.clipboard) {
|
|
153
|
+
// clipboard api 复制
|
|
154
|
+
navigator.clipboard.writeText(text);
|
|
155
|
+
}
|
|
156
|
+
else {
|
|
157
|
+
let textarea = document.createElement('textarea');
|
|
158
|
+
document.body.appendChild(textarea);
|
|
159
|
+
// 隐藏此输入框
|
|
160
|
+
textarea.style.position = 'fixed';
|
|
161
|
+
textarea.style.clip = 'rect(0 0 0 0)';
|
|
162
|
+
textarea.style.top = '10px';
|
|
163
|
+
// 赋值
|
|
164
|
+
textarea.value = text;
|
|
165
|
+
// 选中
|
|
166
|
+
textarea.select();
|
|
167
|
+
// 复制
|
|
168
|
+
document.execCommand('copy', true);
|
|
169
|
+
// 移除输入框
|
|
170
|
+
document.body.removeChild(textarea);
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
exports.copyToClipboard = copyToClipboard;
|
|
174
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/util/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"xhr-config.js","sourceRoot":"","sources":["
|
|
1
|
+
{"version":3,"file":"xhr-config.js","sourceRoot":"","sources":["../../src/util/xhr-config.ts"],"names":[],"mappings":""}
|
|
@@ -2,7 +2,21 @@ import { XhrConfig } from './xhr-config';
|
|
|
2
2
|
/**
|
|
3
3
|
* 处理响应的回调函数
|
|
4
4
|
*/
|
|
5
|
-
|
|
5
|
+
type XhrCallback = (json: {}, text: string) => void;
|
|
6
|
+
/**
|
|
7
|
+
* 设置全局请求的 head 参数
|
|
8
|
+
*
|
|
9
|
+
* @param param
|
|
10
|
+
*/
|
|
11
|
+
export declare function setBaseHeadParams(params: any): void;
|
|
12
|
+
/**
|
|
13
|
+
*
|
|
14
|
+
* @param url
|
|
15
|
+
* @param cb
|
|
16
|
+
* @param params
|
|
17
|
+
* @param cfg
|
|
18
|
+
*/
|
|
19
|
+
export declare function xhr_post_upload(url: string, cb: XhrCallback, params: Document | XMLHttpRequestBodyInit, cfg?: XhrConfig): void;
|
|
6
20
|
/**
|
|
7
21
|
* XHR GET 请求
|
|
8
22
|
*
|
|
@@ -53,4 +67,5 @@ export declare function toParams(param: any): string;
|
|
|
53
67
|
* @returns
|
|
54
68
|
*/
|
|
55
69
|
export declare function getQuery(val: string): string;
|
|
70
|
+
export declare function getPageList(self: any, listArray: any, callback?: Function): XhrCallback;
|
|
56
71
|
export {};
|
|
@@ -1,14 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getQuery = exports.toParams = exports.xhr_put = exports.xhr_post = exports.xhr_del = exports.xhr_get = void 0;
|
|
3
|
+
exports.getPageList = exports.getQuery = exports.toParams = exports.xhr_put = exports.xhr_post = exports.xhr_del = exports.xhr_get = exports.xhr_post_upload = exports.setBaseHeadParams = void 0;
|
|
4
4
|
/**
|
|
5
5
|
* 默认的请求配置
|
|
6
6
|
*/
|
|
7
|
-
|
|
8
|
-
timeout:
|
|
7
|
+
const DEFAULT_XHR_CFG = {
|
|
8
|
+
timeout: 5000,
|
|
9
9
|
withCredentials: false,
|
|
10
10
|
parseContentType: 'json'
|
|
11
11
|
};
|
|
12
|
+
/**
|
|
13
|
+
* 全局请求的 head 参数
|
|
14
|
+
*/
|
|
15
|
+
let BASE_HEAD_PARAMS = null;
|
|
16
|
+
/**
|
|
17
|
+
* 设置全局请求的 head 参数
|
|
18
|
+
*
|
|
19
|
+
* @param param
|
|
20
|
+
*/
|
|
21
|
+
function setBaseHeadParams(params) {
|
|
22
|
+
if (BASE_HEAD_PARAMS === null)
|
|
23
|
+
BASE_HEAD_PARAMS = {};
|
|
24
|
+
Object.assign(BASE_HEAD_PARAMS, params);
|
|
25
|
+
}
|
|
26
|
+
exports.setBaseHeadParams = setBaseHeadParams;
|
|
12
27
|
/**
|
|
13
28
|
*
|
|
14
29
|
* @param getOrDel
|
|
@@ -17,15 +32,21 @@ var DEFAULT_XHR_CFG = {
|
|
|
17
32
|
* @param params
|
|
18
33
|
* @param cfg
|
|
19
34
|
*/
|
|
20
|
-
function getOrDel(getOrDel, url, cb, params, cfg) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
35
|
+
function getOrDel(getOrDel, url, cb, params, cfg = DEFAULT_XHR_CFG) {
|
|
36
|
+
let xhr = initXhr(cfg);
|
|
37
|
+
if (params != null) {
|
|
38
|
+
if (url.indexOf('?') != -1)
|
|
39
|
+
url += '&' + toParams(params);
|
|
40
|
+
else
|
|
41
|
+
url += '?' + toParams(params);
|
|
42
|
+
}
|
|
25
43
|
xhr.open(getOrDel.toUpperCase(), url, true);
|
|
26
44
|
xhr.onreadystatechange = function () {
|
|
27
45
|
responseHandle(this, cb, cfg);
|
|
28
46
|
};
|
|
47
|
+
if (BASE_HEAD_PARAMS) // 设置自定义请求头
|
|
48
|
+
for (let key in BASE_HEAD_PARAMS)
|
|
49
|
+
xhr.setRequestHeader(key, BASE_HEAD_PARAMS[key]);
|
|
29
50
|
xhr.send();
|
|
30
51
|
}
|
|
31
52
|
/**
|
|
@@ -36,22 +57,46 @@ function getOrDel(getOrDel, url, cb, params, cfg) {
|
|
|
36
57
|
* @param params
|
|
37
58
|
* @param cfg
|
|
38
59
|
*/
|
|
39
|
-
function postOrPut(method, url, cb, params, cfg) {
|
|
40
|
-
|
|
41
|
-
var xhr = initXhr(cfg);
|
|
60
|
+
function postOrPut(method, url, cb, params, cfg = DEFAULT_XHR_CFG) {
|
|
61
|
+
let xhr = initXhr(cfg);
|
|
42
62
|
xhr.open(method, url, true);
|
|
43
63
|
xhr.onreadystatechange = function () {
|
|
44
64
|
responseHandle(this, cb, cfg);
|
|
45
65
|
};
|
|
46
|
-
|
|
66
|
+
if (BASE_HEAD_PARAMS) // 设置自定义请求头
|
|
67
|
+
for (let key in BASE_HEAD_PARAMS)
|
|
68
|
+
xhr.setRequestHeader(key, BASE_HEAD_PARAMS[key]);
|
|
69
|
+
// 此方法必须在 open() 方法和 send() 之间调用
|
|
47
70
|
if (!cfg.contentType) // 如未设置,默认为表单请求
|
|
48
71
|
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
|
|
49
|
-
|
|
72
|
+
else
|
|
73
|
+
xhr.setRequestHeader("Content-Type", cfg.contentType);
|
|
74
|
+
let _params = typeof params != 'string' ? toParams(params) : params;
|
|
50
75
|
if (_params)
|
|
51
76
|
xhr.send(_params);
|
|
52
77
|
else
|
|
53
78
|
xhr.send();
|
|
54
79
|
}
|
|
80
|
+
/**
|
|
81
|
+
*
|
|
82
|
+
* @param url
|
|
83
|
+
* @param cb
|
|
84
|
+
* @param params
|
|
85
|
+
* @param cfg
|
|
86
|
+
*/
|
|
87
|
+
function xhr_post_upload(url, cb, params, cfg = DEFAULT_XHR_CFG) {
|
|
88
|
+
let xhr = initXhr(cfg);
|
|
89
|
+
xhr.open('post', url, true);
|
|
90
|
+
xhr.onreadystatechange = function () {
|
|
91
|
+
responseHandle(this, cb, cfg);
|
|
92
|
+
};
|
|
93
|
+
if (BASE_HEAD_PARAMS) // 设置自定义请求头
|
|
94
|
+
for (let key in BASE_HEAD_PARAMS)
|
|
95
|
+
xhr.setRequestHeader(key, BASE_HEAD_PARAMS[key]);
|
|
96
|
+
// 什么 Content-Type 都不设置
|
|
97
|
+
xhr.send(params);
|
|
98
|
+
}
|
|
99
|
+
exports.xhr_post_upload = xhr_post_upload;
|
|
55
100
|
/**
|
|
56
101
|
* XHR GET 请求
|
|
57
102
|
*
|
|
@@ -60,8 +105,7 @@ function postOrPut(method, url, cb, params, cfg) {
|
|
|
60
105
|
* @param params 参数,必填,如无填空字符串 "";参数类型是json;参数值会进行 URL 编码,最后附加到 QueryString 中
|
|
61
106
|
* @param cfg 配置,可选的
|
|
62
107
|
*/
|
|
63
|
-
function xhr_get(url, cb, params, cfg) {
|
|
64
|
-
if (cfg === void 0) { cfg = DEFAULT_XHR_CFG; }
|
|
108
|
+
function xhr_get(url, cb, params, cfg = DEFAULT_XHR_CFG) {
|
|
65
109
|
getOrDel('get', url, cb, params, cfg);
|
|
66
110
|
}
|
|
67
111
|
exports.xhr_get = xhr_get;
|
|
@@ -73,8 +117,7 @@ exports.xhr_get = xhr_get;
|
|
|
73
117
|
* @param params 参数,必填,如无填空字符串 "";参数类型是json;参数值会进行 URL 编码,最后附加到 QueryString 中
|
|
74
118
|
* @param cfg 配置,可选的
|
|
75
119
|
*/
|
|
76
|
-
function xhr_del(url, cb, params, cfg) {
|
|
77
|
-
if (cfg === void 0) { cfg = DEFAULT_XHR_CFG; }
|
|
120
|
+
function xhr_del(url, cb, params, cfg = DEFAULT_XHR_CFG) {
|
|
78
121
|
getOrDel('delete', url, cb, params, cfg);
|
|
79
122
|
}
|
|
80
123
|
exports.xhr_del = xhr_del;
|
|
@@ -86,8 +129,7 @@ exports.xhr_del = xhr_del;
|
|
|
86
129
|
* @param params 参数,必填,如无填空字符串 "";参数类型可以是字符串或 json;参数值会进行 URL 编码
|
|
87
130
|
* @param cfg 配置,可选的
|
|
88
131
|
*/
|
|
89
|
-
function xhr_post(url, cb, params, cfg) {
|
|
90
|
-
if (cfg === void 0) { cfg = DEFAULT_XHR_CFG; }
|
|
132
|
+
function xhr_post(url, cb, params, cfg = DEFAULT_XHR_CFG) {
|
|
91
133
|
postOrPut('post', url, cb, params, cfg);
|
|
92
134
|
}
|
|
93
135
|
exports.xhr_post = xhr_post;
|
|
@@ -99,8 +141,7 @@ exports.xhr_post = xhr_post;
|
|
|
99
141
|
* @param params 参数,必填,如无填空字符串 "";参数类型可以是字符串或 json;参数值会进行 URL 编码
|
|
100
142
|
* @param cfg 配置,可选的
|
|
101
143
|
*/
|
|
102
|
-
function xhr_put(url, cb, params, cfg) {
|
|
103
|
-
if (cfg === void 0) { cfg = DEFAULT_XHR_CFG; }
|
|
144
|
+
function xhr_put(url, cb, params, cfg = DEFAULT_XHR_CFG) {
|
|
104
145
|
postOrPut('put', url, cb, params, cfg);
|
|
105
146
|
}
|
|
106
147
|
exports.xhr_put = xhr_put;
|
|
@@ -111,10 +152,10 @@ exports.xhr_put = xhr_put;
|
|
|
111
152
|
* @returns
|
|
112
153
|
*/
|
|
113
154
|
function initXhr(cfg) {
|
|
114
|
-
|
|
155
|
+
let xhr = new XMLHttpRequest();
|
|
115
156
|
if (cfg && cfg.timeout) {
|
|
116
157
|
xhr.timeout = cfg.timeout;
|
|
117
|
-
xhr.ontimeout =
|
|
158
|
+
xhr.ontimeout = (e) => console.error('系统异常,XHR 连接服务超时');
|
|
118
159
|
}
|
|
119
160
|
if (cfg && cfg.withCredentials)
|
|
120
161
|
xhr.withCredentials = true;
|
|
@@ -126,17 +167,16 @@ function initXhr(cfg) {
|
|
|
126
167
|
* @param xhr
|
|
127
168
|
*/
|
|
128
169
|
function errHandle(xhr) {
|
|
129
|
-
|
|
170
|
+
let msg;
|
|
130
171
|
if (xhr.status <= 400)
|
|
131
172
|
msg = '请求参数错误或者权限不足。';
|
|
132
173
|
else if (xhr.status <= 500)
|
|
133
174
|
msg = '服务端异常。';
|
|
134
175
|
else
|
|
135
|
-
msg =
|
|
176
|
+
msg = `未知异常,HTTP code:${xhr.status}。`;
|
|
136
177
|
if (!xhr.responseText)
|
|
137
178
|
msg += " 服务端返回空的字符串!";
|
|
138
179
|
console.error(msg, xhr.responseText);
|
|
139
|
-
alert(msg);
|
|
140
180
|
}
|
|
141
181
|
/**
|
|
142
182
|
* 响应处理
|
|
@@ -148,8 +188,8 @@ function errHandle(xhr) {
|
|
|
148
188
|
function responseHandle(xhr, cb, cfg) {
|
|
149
189
|
if (xhr.readyState == 4) {
|
|
150
190
|
if ((xhr.status >= 200 && xhr.status < 300) || xhr.status == 304) {
|
|
151
|
-
|
|
152
|
-
|
|
191
|
+
let text = xhr.responseText;
|
|
192
|
+
let json;
|
|
153
193
|
if (!text)
|
|
154
194
|
console.warn('服务端没有返回任何字符串');
|
|
155
195
|
switch (cfg.parseContentType) {
|
|
@@ -164,8 +204,8 @@ function responseHandle(xhr, cb, cfg) {
|
|
|
164
204
|
json = JSON.parse(text);
|
|
165
205
|
}
|
|
166
206
|
catch (e) {
|
|
207
|
+
console.error('解析 JSON 时候发生错误,非法 JSON');
|
|
167
208
|
console.warn(e);
|
|
168
|
-
alert('解析 JSON 时候发生错误,非法 JSON');
|
|
169
209
|
}
|
|
170
210
|
}
|
|
171
211
|
cb && cb(json, text);
|
|
@@ -181,10 +221,10 @@ function responseHandle(xhr, cb, cfg) {
|
|
|
181
221
|
* @returns URL 参数列表
|
|
182
222
|
*/
|
|
183
223
|
function toParams(param) {
|
|
184
|
-
|
|
185
|
-
for (
|
|
186
|
-
if (typeof param[
|
|
187
|
-
result += "&" +
|
|
224
|
+
let result = "";
|
|
225
|
+
for (let name in param) {
|
|
226
|
+
if (typeof param[name] != "function")
|
|
227
|
+
result += "&" + name + "=" + encodeURIComponent(param[name]);
|
|
188
228
|
}
|
|
189
229
|
return result.substring(1);
|
|
190
230
|
}
|
|
@@ -196,15 +236,27 @@ exports.toParams = toParams;
|
|
|
196
236
|
* @returns
|
|
197
237
|
*/
|
|
198
238
|
function getQuery(val) {
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
for (
|
|
203
|
-
|
|
239
|
+
const w = location.hash.indexOf('?');
|
|
240
|
+
const query = location.hash.substring(w + 1);
|
|
241
|
+
let vars = query.split('&');
|
|
242
|
+
for (let i = 0; i < vars.length; i++) {
|
|
243
|
+
const pair = vars[i].split('=');
|
|
204
244
|
if (pair[0] == val)
|
|
205
245
|
return pair[1];
|
|
206
246
|
}
|
|
207
247
|
return '';
|
|
208
248
|
}
|
|
209
249
|
exports.getQuery = getQuery;
|
|
250
|
+
function getPageList(self, listArray, callback) {
|
|
251
|
+
return (j) => {
|
|
252
|
+
if (j.status) {
|
|
253
|
+
listArray.total = j.total;
|
|
254
|
+
listArray.data = j.data;
|
|
255
|
+
callback && callback();
|
|
256
|
+
}
|
|
257
|
+
else
|
|
258
|
+
self.$Message.warning(j.message || '获取数据失败');
|
|
259
|
+
};
|
|
260
|
+
}
|
|
261
|
+
exports.getPageList = getPageList;
|
|
210
262
|
//# sourceMappingURL=xhr.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"xhr.js","sourceRoot":"","sources":["../../src/util/xhr.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<ul class="aj-accordion-menu" @click="onClk">
|
|
3
|
+
<slot></slot>
|
|
4
|
+
</ul>
|
|
5
|
+
</template>
|
|
6
|
+
|
|
7
|
+
<script lang="ts">
|
|
8
|
+
/**
|
|
9
|
+
* 内部子菜单的高亮
|
|
10
|
+
*
|
|
11
|
+
* @param ev
|
|
12
|
+
*/
|
|
13
|
+
function highlightSubItem(ev: Event) {
|
|
14
|
+
let li: Element,
|
|
15
|
+
el: Element = ev.target as Element;
|
|
16
|
+
|
|
17
|
+
if (el.tagName == "A" && el.getAttribute("target")) {
|
|
18
|
+
li = el.parentNode as Element;
|
|
19
|
+
li.querySelectorAll("li").forEach((_el: Element) => {
|
|
20
|
+
if (_el == li) _el.classList.add("selected");
|
|
21
|
+
else _el.classList.remove("selected");
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export default {
|
|
27
|
+
methods: {
|
|
28
|
+
onClk(ev: Event): void {
|
|
29
|
+
let children: HTMLCollection = this.$el.children;
|
|
30
|
+
highlightSubItem(ev);
|
|
31
|
+
let _btn: Element = ev.target as Element;
|
|
32
|
+
|
|
33
|
+
if (
|
|
34
|
+
_btn &&
|
|
35
|
+
_btn.tagName == "H3" &&
|
|
36
|
+
(_btn.parentNode as Element).tagName == "LI"
|
|
37
|
+
) {
|
|
38
|
+
_btn = _btn.parentNode as Element;
|
|
39
|
+
|
|
40
|
+
for (let btn: Element, i: number = 0, j = children.length; i < j; i++) {
|
|
41
|
+
btn = children[i];
|
|
42
|
+
let ul = btn.querySelector("ul");
|
|
43
|
+
|
|
44
|
+
if (btn == _btn) {
|
|
45
|
+
if (btn.className.indexOf("pressed") != -1) {
|
|
46
|
+
btn.classList.remove("pressed"); // 再次点击,隐藏!
|
|
47
|
+
if (ul) ul.style.height = "0px";
|
|
48
|
+
} else {
|
|
49
|
+
if (ul) ul.style.height = ul.scrollHeight + "px";
|
|
50
|
+
btn.classList.add("pressed");
|
|
51
|
+
}
|
|
52
|
+
} else {
|
|
53
|
+
btn.classList.remove("pressed");
|
|
54
|
+
if (ul) ul.style.height = "0px";
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
} else return;
|
|
58
|
+
},
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
</script>
|
|
62
|
+
|
|
63
|
+
<style lang="less" scoped>
|
|
64
|
+
@import "../style/common-functions.less";
|
|
65
|
+
|
|
66
|
+
// 折叠菜单 Accordion Menu
|
|
67
|
+
.aj-accordion {
|
|
68
|
+
& > li h3 {
|
|
69
|
+
cursor: pointer;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.pressed {
|
|
73
|
+
& h3 {
|
|
74
|
+
color: black;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
& > li > ul {
|
|
79
|
+
.transition (height .5s cubic-bezier(0, 1, 0.5, 1));;
|
|
80
|
+
overflow: hidden;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
ul {
|
|
84
|
+
height: 0;
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.aj-accordion-menu {
|
|
89
|
+
.aj-accordion ();
|
|
90
|
+
overflow: hidden;
|
|
91
|
+
|
|
92
|
+
& > li {
|
|
93
|
+
border-top: 1px solid white;
|
|
94
|
+
border-bottom: 1px solid lightgray;
|
|
95
|
+
|
|
96
|
+
&.pressed {
|
|
97
|
+
border-top: 0;
|
|
98
|
+
border-bottom: 1px solid lightgray;
|
|
99
|
+
box-shadow: inset 0px 10px 15px -15px gray;
|
|
100
|
+
|
|
101
|
+
h3 {
|
|
102
|
+
font-weight: bold;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
ul {
|
|
107
|
+
li {
|
|
108
|
+
// list-style-type: disc;
|
|
109
|
+
padding-left: 15%;
|
|
110
|
+
|
|
111
|
+
a {
|
|
112
|
+
width: 100%;
|
|
113
|
+
display: block;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
&.selected {
|
|
117
|
+
a {
|
|
118
|
+
color: black;
|
|
119
|
+
font-weight: bold;
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
h3,
|
|
126
|
+
li {
|
|
127
|
+
padding: 5px 0 5px 15px;
|
|
128
|
+
letter-spacing: 2px;
|
|
129
|
+
line-height: 20px;
|
|
130
|
+
color: #939da8;
|
|
131
|
+
font-size: 12px;
|
|
132
|
+
|
|
133
|
+
&:hover,
|
|
134
|
+
a:hover {
|
|
135
|
+
color: black;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
</style>
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="aj-adjust-font-size">
|
|
3
|
+
<span>字体大小</span>
|
|
4
|
+
<ul @click="onClk">
|
|
5
|
+
<li><label><input type="radio" name="fontSize" /> 小</label></li>
|
|
6
|
+
<li><label><input type="radio" name="fontSize" /> 中</label></li>
|
|
7
|
+
<li><label><input type="radio" name="fontSize" /> 大</label></li>
|
|
8
|
+
</ul>
|
|
9
|
+
</div>
|
|
10
|
+
</template>
|
|
11
|
+
|
|
12
|
+
<script lang="ts">
|
|
13
|
+
/**
|
|
14
|
+
* 调整正文字体大小
|
|
15
|
+
*/
|
|
16
|
+
export default {
|
|
17
|
+
props: {
|
|
18
|
+
articleTarget: { type: String, default: "article p" }, // 正文所在的位置,通过 CSS Selector 定位
|
|
19
|
+
},
|
|
20
|
+
methods: {
|
|
21
|
+
onClk(ev: Event): void {
|
|
22
|
+
let el: Element = ev.target as Element;
|
|
23
|
+
let setFontSize = (fontSize: string): void => {
|
|
24
|
+
document.body
|
|
25
|
+
.querySelectorAll(this.$props.articleTarget)
|
|
26
|
+
.forEach((p: HTMLParagraphElement) => (p.style.fontSize = fontSize));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
if (el.tagName == "LABEL" || el.tagName == "INPUT") {
|
|
30
|
+
if (el.tagName != "LABEL") el = el.parentNode as Element;
|
|
31
|
+
|
|
32
|
+
if (el.innerHTML.indexOf("大") != -1) setFontSize("12pt");
|
|
33
|
+
else if (el.innerHTML.indexOf("中") != -1) setFontSize("10.5pt");
|
|
34
|
+
else if (el.innerHTML.indexOf("小") != -1) setFontSize("9pt");
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
</script>
|
|
40
|
+
|
|
41
|
+
<style lang="less" scoped>
|
|
42
|
+
.aj-adjust-font-size {
|
|
43
|
+
width: 210px;
|
|
44
|
+
font-size: 0.8rem;
|
|
45
|
+
padding: 2px 0;
|
|
46
|
+
|
|
47
|
+
span {
|
|
48
|
+
float: left;
|
|
49
|
+
width: 35%;
|
|
50
|
+
display: block;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
ul {
|
|
54
|
+
width: 65%;
|
|
55
|
+
float: right;
|
|
56
|
+
cursor: pointer;
|
|
57
|
+
|
|
58
|
+
li {
|
|
59
|
+
display: block;
|
|
60
|
+
float: right;
|
|
61
|
+
width: 33%;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
</style>
|