You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
135 lines
3.5 KiB
135 lines
3.5 KiB
// matchMedia polyfill for
|
|
// https://github.com/WickyNilliams/enquire.js/issues/82
|
|
let enquire;
|
|
if (typeof window !== 'undefined') {
|
|
const matchMediaPolyfill = (mediaQuery: string): MediaQueryList => {
|
|
return {
|
|
media: mediaQuery,
|
|
matches: false,
|
|
addListener() {
|
|
},
|
|
removeListener() {
|
|
},
|
|
};
|
|
};
|
|
window.matchMedia = window.matchMedia || matchMediaPolyfill;
|
|
enquire = require('enquire.js'); // eslint-disable-line global-require
|
|
}
|
|
|
|
export function getMenuItems(moduleData, locale, categoryOrder, typeOrder) {
|
|
const menuMeta = moduleData.map(item => item.meta);
|
|
const menuItems = [];
|
|
const sortFn = (a, b) => (a.order || 0) - (b.order || 0);
|
|
menuMeta.sort(sortFn).forEach((meta) => {
|
|
if (!meta.category) {
|
|
menuItems.push(meta);
|
|
} else {
|
|
const category = meta.category[locale] || meta.category;
|
|
let group = menuItems.filter(i => i.title === category)[0];
|
|
if (!group) {
|
|
group = {
|
|
type: 'category',
|
|
title: category,
|
|
children: [],
|
|
order: categoryOrder[category],
|
|
};
|
|
menuItems.push(group);
|
|
}
|
|
if (meta.type) {
|
|
let type = group.children.filter(i => i.title === meta.type)[0];
|
|
if (!type) {
|
|
type = {
|
|
type: 'type',
|
|
title: meta.type,
|
|
children: [],
|
|
order: typeOrder[meta.type],
|
|
};
|
|
group.children.push(type);
|
|
}
|
|
type.children.push(meta);
|
|
} else {
|
|
group.children.push(meta);
|
|
}
|
|
}
|
|
});
|
|
return menuItems.map((i) => {
|
|
if (i.children) {
|
|
i.children = i.children.sort(sortFn);
|
|
}
|
|
return i;
|
|
}).sort(sortFn);
|
|
}
|
|
|
|
export function isZhCN(pathname) {
|
|
return /-cn\/?$/.test(pathname);
|
|
}
|
|
|
|
export function getLocalizedPathname(path, zhCN) {
|
|
const pathname = path.startsWith('/') ? path : `/${path}`;
|
|
if (!zhCN) { // to enUS
|
|
return /\/?index-cn/.test(pathname) ? '/' : pathname.replace('-cn', '');
|
|
} else if (pathname === '/') {
|
|
return '/index-cn';
|
|
} else if (pathname.endsWith('/')) {
|
|
return pathname.replace(/\/$/, '-cn/');
|
|
}
|
|
return `${pathname}-cn`;
|
|
}
|
|
|
|
export function ping(callback) {
|
|
// eslint-disable-next-line
|
|
const url = 'https://private-a' + 'lipay' + 'objects.alip' + 'ay.com/alip' + 'ay-rmsdeploy-image/rmsportal/RKuAiriJqrUhyqW.png';
|
|
const img = new Image();
|
|
let done;
|
|
const finish = (status) => {
|
|
if (!done) {
|
|
done = true;
|
|
img.src = '';
|
|
callback(status);
|
|
}
|
|
};
|
|
img.onload = () => finish('responded');
|
|
img.onerror = () => finish('error');
|
|
img.src = url;
|
|
return setTimeout(() => finish('timeout'), 1500);
|
|
}
|
|
|
|
export function isLocalStorageNameSupported() {
|
|
const testKey = 'test';
|
|
const storage = window.localStorage;
|
|
try {
|
|
storage.setItem(testKey, '1');
|
|
storage.removeItem(testKey);
|
|
return true;
|
|
} catch (error) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
export function loadScript(src) {
|
|
return new Promise((resolve, reject) => {
|
|
const script = document.createElement('script');
|
|
script.type = 'text/javascript';
|
|
script.src = src;
|
|
script.onload = resolve;
|
|
script.onerror = reject;
|
|
document.head.appendChild(script);
|
|
});
|
|
}
|
|
|
|
export function enquireScreen(cb) {
|
|
/* eslint-disable no-unused-expressions */
|
|
// and (min-width: 320px)
|
|
if (!enquire) {
|
|
return;
|
|
}
|
|
enquire.register('only screen and (max-width: 768px)', {
|
|
match: () => {
|
|
cb && cb(true);
|
|
},
|
|
unmatch: () => {
|
|
cb && cb();
|
|
},
|
|
});
|
|
/* eslint-enable no-unused-expressions */
|
|
}
|
|
|