54 lines
3.7 KiB
JavaScript
54 lines
3.7 KiB
JavaScript
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
import { setAlpha } from "../useStyle";
|
|
export var getLayoutDesignToken = function getLayoutDesignToken(designTokens, antdToken) {
|
|
var _finalDesignTokens$si, _finalDesignTokens$he, _finalDesignTokens$he2, _finalDesignTokens$pa, _finalDesignTokens$pa2;
|
|
var finalDesignTokens = _objectSpread({}, designTokens);
|
|
return _objectSpread(_objectSpread({
|
|
bgLayout: "linear-gradient(".concat(antdToken.colorBgContainer, ", ").concat(antdToken.colorBgLayout, " 28%)"),
|
|
colorTextAppListIcon: antdToken.colorTextSecondary,
|
|
appListIconHoverBgColor: finalDesignTokens === null || finalDesignTokens === void 0 || (_finalDesignTokens$si = finalDesignTokens.sider) === null || _finalDesignTokens$si === void 0 ? void 0 : _finalDesignTokens$si.colorBgMenuItemSelected,
|
|
colorBgAppListIconHover: setAlpha(antdToken.colorTextBase, 0.04),
|
|
colorTextAppListIconHover: antdToken.colorTextBase
|
|
}, finalDesignTokens), {}, {
|
|
header: _objectSpread({
|
|
colorBgHeader: setAlpha(antdToken.colorBgElevated, 0.6),
|
|
colorBgScrollHeader: setAlpha(antdToken.colorBgElevated, 0.8),
|
|
colorHeaderTitle: antdToken.colorText,
|
|
colorBgMenuItemHover: setAlpha(antdToken.colorTextBase, 0.03),
|
|
colorBgMenuItemSelected: 'transparent',
|
|
colorBgMenuElevated: (finalDesignTokens === null || finalDesignTokens === void 0 || (_finalDesignTokens$he = finalDesignTokens.header) === null || _finalDesignTokens$he === void 0 ? void 0 : _finalDesignTokens$he.colorBgHeader) !== 'rgba(255, 255, 255, 0.6)' ? (_finalDesignTokens$he2 = finalDesignTokens.header) === null || _finalDesignTokens$he2 === void 0 ? void 0 : _finalDesignTokens$he2.colorBgHeader : antdToken.colorBgElevated,
|
|
colorTextMenuSelected: setAlpha(antdToken.colorTextBase, 0.95),
|
|
colorBgRightActionsItemHover: setAlpha(antdToken.colorTextBase, 0.03),
|
|
colorTextRightActionsItem: antdToken.colorTextTertiary,
|
|
heightLayoutHeader: 56,
|
|
colorTextMenu: antdToken.colorTextSecondary,
|
|
colorTextMenuSecondary: antdToken.colorTextTertiary,
|
|
colorTextMenuTitle: antdToken.colorText,
|
|
colorTextMenuActive: antdToken.colorText
|
|
}, finalDesignTokens.header),
|
|
sider: _objectSpread({
|
|
paddingInlineLayoutMenu: 8,
|
|
paddingBlockLayoutMenu: 0,
|
|
colorBgCollapsedButton: antdToken.colorBgElevated,
|
|
colorTextCollapsedButtonHover: antdToken.colorTextSecondary,
|
|
colorTextCollapsedButton: setAlpha(antdToken.colorTextBase, 0.25),
|
|
colorMenuBackground: 'transparent',
|
|
colorMenuItemDivider: setAlpha(antdToken.colorTextBase, 0.06),
|
|
colorBgMenuItemHover: setAlpha(antdToken.colorTextBase, 0.03),
|
|
colorBgMenuItemSelected: setAlpha(antdToken.colorTextBase, 0.04),
|
|
colorTextMenuItemHover: antdToken.colorText,
|
|
colorTextMenuSelected: setAlpha(antdToken.colorTextBase, 0.95),
|
|
colorTextMenuActive: antdToken.colorText,
|
|
colorTextMenu: antdToken.colorTextSecondary,
|
|
colorTextMenuSecondary: antdToken.colorTextTertiary,
|
|
colorTextMenuTitle: antdToken.colorText,
|
|
colorTextSubMenuSelected: setAlpha(antdToken.colorTextBase, 0.95)
|
|
}, finalDesignTokens.sider),
|
|
pageContainer: _objectSpread({
|
|
colorBgPageContainer: 'transparent',
|
|
paddingInlinePageContainerContent: ((_finalDesignTokens$pa = finalDesignTokens.pageContainer) === null || _finalDesignTokens$pa === void 0 ? void 0 : _finalDesignTokens$pa.marginInlinePageContainerContent) || 40,
|
|
paddingBlockPageContainerContent: ((_finalDesignTokens$pa2 = finalDesignTokens.pageContainer) === null || _finalDesignTokens$pa2 === void 0 ? void 0 : _finalDesignTokens$pa2.marginBlockPageContainerContent) || 32,
|
|
colorBgPageContainerFixed: antdToken.colorBgElevated
|
|
}, finalDesignTokens.pageContainer)
|
|
});
|
|
}; |