You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
154 lines
4.1 KiB
TypeScript
154 lines
4.1 KiB
TypeScript
2 years ago
|
import $ from 'jquery';
|
||
|
import _ from 'lodash';
|
||
|
|
||
|
export function substitute(str: string, obj: any) {
|
||
|
return str.replace(/\{([^{}]+)\}/g, (match, key) => {
|
||
|
if (obj[key] !== undefined) return obj[key].toString();
|
||
|
return `{${key}}`;
|
||
|
});
|
||
|
}
|
||
|
|
||
|
export function i18n(str: string, ...params: any[]) {
|
||
|
if (!str) return '';
|
||
|
return substitute((window as any).LOCALES?.[str] || str, params);
|
||
|
}
|
||
|
|
||
|
export function delay(ms) {
|
||
|
return new Promise((resolve) => { setTimeout(resolve, ms); });
|
||
|
}
|
||
|
|
||
|
type Substitution = string | number | { templateRaw: true, html: string };
|
||
|
|
||
|
export function tpl(pieces: TemplateStringsArray, ...substitutions: Substitution[]) {
|
||
|
let result = pieces[0];
|
||
|
for (let i = 0; i < substitutions.length; ++i) {
|
||
|
const subst = substitutions[i];
|
||
|
let substHtml: string;
|
||
|
if (typeof subst === 'object' && subst.templateRaw) {
|
||
|
substHtml = subst.html;
|
||
|
} else substHtml = _.escape(String(subst));
|
||
|
result += substHtml + pieces[i + 1];
|
||
|
}
|
||
|
return result;
|
||
|
}
|
||
|
|
||
|
tpl.typoMsg = function (msg: string, raw = false) {
|
||
|
if (raw) return `<div class="typo"><p>${msg}</p></div>`;
|
||
|
const lines = msg.trim().split('\n');
|
||
|
return `<div class="typo">${lines.map((i) => `<p>${_.escape(i)}</p>`).join('\n')}</div>`;
|
||
|
};
|
||
|
|
||
|
export function rawHtml(html: string) {
|
||
|
return {
|
||
|
templateRaw: true,
|
||
|
html,
|
||
|
};
|
||
|
}
|
||
|
|
||
|
let zIndexCurrent = 1000;
|
||
|
|
||
|
export const zIndexManager = {
|
||
|
getCurrent() {
|
||
|
return zIndexCurrent;
|
||
|
},
|
||
|
getNext() {
|
||
|
return ++zIndexCurrent;
|
||
|
},
|
||
|
};
|
||
|
|
||
|
export const request = {
|
||
|
async ajax(options: Record<string, any>) {
|
||
|
return new Promise<any>((resolve, reject) => {
|
||
|
$
|
||
|
.ajax({
|
||
|
dataType: 'json',
|
||
|
headers: {
|
||
|
Accept: 'application/json',
|
||
|
},
|
||
|
...options,
|
||
|
})
|
||
|
.fail((jqXHR, textStatus, errorThrown: any) => {
|
||
|
if (textStatus === 'abort') {
|
||
|
const err = new Error(i18n('Aborted')) as any;
|
||
|
err.aborted = true;
|
||
|
reject(err);
|
||
|
} else if (jqXHR.readyState === 0) {
|
||
|
reject(new Error(i18n('Network error')));
|
||
|
} else if (typeof jqXHR.responseJSON === 'object' && jqXHR.responseJSON.error) {
|
||
|
const { error } = jqXHR.responseJSON;
|
||
|
if (error.params) {
|
||
|
const message = i18n(error.message, ...error.params);
|
||
|
const err = new Error(message === error.message && error.params.length
|
||
|
? `${error.message}: ${error.params.join(' ')}`
|
||
|
: message) as any;
|
||
|
err.rawMessage = error.message;
|
||
|
err.params = error.params;
|
||
|
reject(err);
|
||
|
} else reject(new Error(jqXHR.responseJSON.error.message));
|
||
|
} else if (errorThrown instanceof Error) {
|
||
|
reject(errorThrown);
|
||
|
} else {
|
||
|
reject(new Error(textStatus));
|
||
|
}
|
||
|
})
|
||
|
.done(resolve);
|
||
|
});
|
||
|
},
|
||
|
|
||
|
postFile(url: string, form: FormData, options: any = {}) {
|
||
|
return this.ajax({
|
||
|
url,
|
||
|
data: form,
|
||
|
processData: false,
|
||
|
contentType: false,
|
||
|
type: 'POST',
|
||
|
dataType: undefined,
|
||
|
...options,
|
||
|
});
|
||
|
},
|
||
|
|
||
|
post(url: string, dataOrForm: JQueryStatic | Node | string | Record<string, any> = {}, options: any = {}) {
|
||
|
let postData;
|
||
|
// @ts-ignore
|
||
|
if (dataOrForm instanceof $ && dataOrForm.is('form')) {
|
||
|
// $form
|
||
|
postData = (dataOrForm as any).serialize();
|
||
|
} else if (dataOrForm instanceof Node && $(dataOrForm).is('form')) {
|
||
|
// form
|
||
|
postData = $(dataOrForm).serialize();
|
||
|
} else if (typeof dataOrForm === 'string') {
|
||
|
// foo=bar&box=boz
|
||
|
postData = dataOrForm;
|
||
|
} else {
|
||
|
// {foo: 'bar'}
|
||
|
postData = JSON.stringify(dataOrForm);
|
||
|
options.contentType = 'application/json';
|
||
|
}
|
||
|
return request.ajax({
|
||
|
url,
|
||
|
method: 'post',
|
||
|
data: postData,
|
||
|
...options,
|
||
|
});
|
||
|
},
|
||
|
|
||
|
get(url: string, qs: Record<string, any> = {}, options: Record<string, any> = {}) {
|
||
|
return request.ajax({
|
||
|
url,
|
||
|
data: qs,
|
||
|
method: 'get',
|
||
|
...options,
|
||
|
});
|
||
|
},
|
||
|
};
|
||
|
|
||
|
Object.assign(window.Hydro.utils, {
|
||
|
i18n,
|
||
|
rawHtml,
|
||
|
substitute,
|
||
|
request,
|
||
|
tpl,
|
||
|
delay,
|
||
|
zIndexManager,
|
||
|
});
|