zerosoul
89 lines
2.6 KiB
JavaScript
89 lines
2.6 KiB
JavaScript
export const isObjectEqual = (obj1, obj2) => {
|
|
let o1 = Object.entries(obj1 ?? {})
|
|
.sort()
|
|
.toString();
|
|
let o2 = Object.entries(obj2 ?? {})
|
|
.sort()
|
|
.toString();
|
|
return o1 === o2;
|
|
};
|
|
export const getNonNullValues = (obj, whiteList = ["log_id"]) => {
|
|
const tmp = {};
|
|
Object.keys(obj).forEach((k) => {
|
|
if (!whiteList.includes(k) && obj[k] !== null) {
|
|
tmp[k] = obj[k];
|
|
}
|
|
});
|
|
return tmp;
|
|
};
|
|
export function getDefaultSize(size = null, min = 240) {
|
|
if (!size) return { width: 0, height: 0 };
|
|
const { width: oWidth, height: oHeight } = size;
|
|
const isVertical = oWidth > oHeight ? false : true;
|
|
let dWidth = 0;
|
|
let dHeight = 0;
|
|
if (isVertical) {
|
|
dHeight = oHeight >= min ? min : oHeight;
|
|
dWidth = (oWidth / oHeight) * dHeight;
|
|
} else {
|
|
dWidth = oWidth >= min ? min : oWidth;
|
|
// dHeight = oHeight >= min ? min : oHeight;
|
|
dHeight = (oHeight / oWidth) * dWidth;
|
|
}
|
|
return { width: dWidth, height: dHeight };
|
|
}
|
|
export function formatBytes(bytes, decimals = 2) {
|
|
if (bytes === 0) return "0 Bytes";
|
|
|
|
const k = 1000;
|
|
const dm = decimals < 0 ? 0 : decimals;
|
|
const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
|
|
|
|
const i = Math.floor(Math.log(bytes) / Math.log(k));
|
|
|
|
return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
|
|
}
|
|
export const getInitials = (name) => {
|
|
const arr = name.split(" ").filter((n) => !!n);
|
|
return arr
|
|
.map((t) => t[0])
|
|
.join("")
|
|
.toUpperCase();
|
|
};
|
|
export const getInitialsAvatar = ({
|
|
initials = "UK",
|
|
initial_size = 0,
|
|
size = 200,
|
|
foreground = "#fff",
|
|
background = "#4c99e9",
|
|
weight = 400,
|
|
fontFamily = "'Lato', 'Lato-Regular', 'Helvetica Neue'",
|
|
}) => {
|
|
const canvas = document.createElement("canvas");
|
|
const width = size;
|
|
const height = size;
|
|
const devicePixelRatio = Math.max(window.devicePixelRatio, 1);
|
|
canvas.width = width * devicePixelRatio;
|
|
canvas.height = height * devicePixelRatio;
|
|
canvas.style.width = `${width}px`;
|
|
canvas.style.height = `${height}px`;
|
|
|
|
const context = canvas.getContext("2d");
|
|
context.scale(devicePixelRatio, devicePixelRatio);
|
|
context.rect(0, 0, canvas.width, canvas.height);
|
|
context.fillStyle = background;
|
|
context.fill();
|
|
// 两个字符，自动缩放40
|
|
context.font = `${weight} ${
|
|
((initial_size || height) - (initials.length == 2 ? 40 : 0)) / 2
|
|
}px ${fontFamily}`;
|
|
context.textAlign = "center";
|
|
|
|
context.textBaseline = "middle";
|
|
context.fillStyle = foreground;
|
|
context.fillText(initials, width / 2, height / 2);
|
|
|
|
/* istanbul ignore next */
|
|
return canvas.toDataURL("image/png");
|
|
};
|