mtl-js-sdk
Version:
ynf-fw-mtl-api
59 lines (55 loc) • 1.5 kB
JavaScript
/*
* @Author: wangyingliang@yonyou.com
* @Date: 2024-07-22 15:45:20
* @LastEditors: wangyingliang wangyingliang@yonyou.com
* @LastEditTime: 2024-11-14 09:58:58
* @FilePath: /mtl-api-project/src/platforms/all-platform/theme/index.js
* @Description: 主题
* Copyright (c) 2024 by Yonyou, All Rights Reserved.
*/
/**
* // 主题色
--yb-color-primary: #EE2233;
--yb-color-primary-background: rgba(238, 34, 51, 0.1);
// 功能色
--yb-color-danger: #588CE9;
--yb-color-success: #18B681;
--yb-color-warning: #FFA600;
--yb-color-fail: #FF5735;
--yb-color-cancel: #505766;
// 中性色
--yb-color-font-base: #111111;
--yb-color-font-secondary: #555555;
--yb-color-font-disabled: #888888;
*/
const PRIMARY_COLOR = '--yb-color-primary'
function setPrimaryColor(color) {
if (!color) {
console.log('mtl--theme==>', 'setColor', color)
return
}
document.documentElement.style.setProperty(PRIMARY_COLOR, color)
mtl.setStorage({
key: PRIMARY_COLOR,
data: color
});
}
function getPrimaryColor(opt) {
return mtl.getStorage({ key: PRIMARY_COLOR, ...opt })
}
function getColors() {
return []
}
function setProperty(map) {
if (typeof map !== 'object') {
console.log('mtl--theme==>', 'setProperty 参数必须是object类型')
return
}
Object.keys(map).map((key) => document.documentElement.style.setProperty(key, map[key]))
}
export default {
setPrimaryColor,
getPrimaryColor,
setProperty,
getColors
};