first commit
This commit is contained in:
rayd1o
96
frontend/node_modules/antd/es/layout/style/index.d.ts
generated
vendored
Normal file
96
frontend/node_modules/antd/es/layout/style/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,96 @@
|
||||
import type { CSSProperties } from 'react';
|
||||
import type { FullToken, GetDefaultToken } from '../../theme/internal';
|
||||
export interface ComponentToken {
|
||||
/** @deprecated Use headerBg instead */
|
||||
colorBgHeader: string;
|
||||
/** @deprecated Use bodyBg instead */
|
||||
colorBgBody: string;
|
||||
/** @deprecated Use triggerBg instead */
|
||||
colorBgTrigger: string;
|
||||
/**
|
||||
* @desc 主体部分背景色
|
||||
* @descEN Background Color of body
|
||||
*/
|
||||
bodyBg: string;
|
||||
/**
|
||||
* @desc 顶部背景色
|
||||
* @descEN Background Color of header
|
||||
*/
|
||||
headerBg: string;
|
||||
/**
|
||||
* @desc 顶部高度
|
||||
* @descEN Height of header
|
||||
*/
|
||||
headerHeight: number | string;
|
||||
/**
|
||||
* @desc 顶部内边距
|
||||
* @descEN Padding of header
|
||||
*/
|
||||
headerPadding: CSSProperties['padding'];
|
||||
/**
|
||||
* @desc 顶部文字颜色
|
||||
* @descEN Text color of header
|
||||
*/
|
||||
headerColor: string;
|
||||
/**
|
||||
* @desc 页脚内边距
|
||||
* @descEN Padding of footer
|
||||
*/
|
||||
footerPadding: CSSProperties['padding'];
|
||||
/**
|
||||
* @desc 页脚背景色
|
||||
* @descEN Background Color of footer
|
||||
*/
|
||||
footerBg: string;
|
||||
/**
|
||||
* @desc 侧边栏背景色
|
||||
* @descEN Background Color of sider
|
||||
*/
|
||||
siderBg: string;
|
||||
/**
|
||||
* @desc 侧边栏开关高度
|
||||
* @descEN Height of sider trigger
|
||||
*/
|
||||
triggerHeight: number | string;
|
||||
/**
|
||||
* @desc 侧边栏开关背景色
|
||||
* @descEN Background Color of sider trigger
|
||||
*/
|
||||
triggerBg: string;
|
||||
/**
|
||||
* @desc 侧边栏开关颜色
|
||||
* @descEN Color of sider trigger
|
||||
*/
|
||||
triggerColor: string;
|
||||
/**
|
||||
* @desc collapse 为 0 时侧边栏开关宽度
|
||||
* @descEN Width of sider trigger when collapse is 0
|
||||
*/
|
||||
zeroTriggerWidth: number;
|
||||
/**
|
||||
* @desc collapse 为 0 时侧边栏开关高度
|
||||
* @descEN Height of sider trigger when collapse is 0
|
||||
*/
|
||||
zeroTriggerHeight: number;
|
||||
/**
|
||||
* @desc 亮色主题侧边栏背景色
|
||||
* @descEN Background Color of light theme sider
|
||||
*/
|
||||
lightSiderBg: string;
|
||||
/**
|
||||
* @desc 亮色主题侧边栏开关背景色
|
||||
* @descEN Background Color of light theme sider trigger
|
||||
*/
|
||||
lightTriggerBg: string;
|
||||
/**
|
||||
* @desc 亮色主题侧边栏开关颜色
|
||||
* @descEN Color of light theme sider trigger
|
||||
*/
|
||||
lightTriggerColor: string;
|
||||
}
|
||||
export interface LayoutToken extends FullToken<'Layout'> {
|
||||
}
|
||||
export declare const prepareComponentToken: GetDefaultToken<'Layout'>;
|
||||
export declare const DEPRECATED_TOKENS: [keyof ComponentToken, keyof ComponentToken][];
|
||||
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
|
||||
export default _default;
|
||||
113
frontend/node_modules/antd/es/layout/style/index.js
generated
vendored
Normal file
113
frontend/node_modules/antd/es/layout/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,113 @@
|
||||
import { unit } from '@ant-design/cssinjs';
|
||||
import { genStyleHooks } from '../../theme/internal';
|
||||
const genLayoutStyle = token => {
|
||||
const {
|
||||
antCls,
|
||||
// .ant
|
||||
componentCls,
|
||||
// .ant-layout
|
||||
colorText,
|
||||
footerBg,
|
||||
headerHeight,
|
||||
headerPadding,
|
||||
headerColor,
|
||||
footerPadding,
|
||||
fontSize,
|
||||
bodyBg,
|
||||
headerBg
|
||||
} = token;
|
||||
return {
|
||||
[componentCls]: {
|
||||
display: 'flex',
|
||||
flex: 'auto',
|
||||
flexDirection: 'column',
|
||||
/* fix firefox can't set height smaller than content on flex item */
|
||||
minHeight: 0,
|
||||
background: bodyBg,
|
||||
'&, *': {
|
||||
boxSizing: 'border-box'
|
||||
},
|
||||
[`&${componentCls}-has-sider`]: {
|
||||
flexDirection: 'row',
|
||||
[`> ${componentCls}, > ${componentCls}-content`]: {
|
||||
// https://segmentfault.com/a/1190000019498300
|
||||
width: 0
|
||||
}
|
||||
},
|
||||
[`${componentCls}-header, &${componentCls}-footer`]: {
|
||||
flex: '0 0 auto'
|
||||
},
|
||||
// RTL
|
||||
'&-rtl': {
|
||||
direction: 'rtl'
|
||||
}
|
||||
},
|
||||
// ==================== Header ====================
|
||||
[`${componentCls}-header`]: {
|
||||
height: headerHeight,
|
||||
padding: headerPadding,
|
||||
color: headerColor,
|
||||
lineHeight: unit(headerHeight),
|
||||
background: headerBg,
|
||||
// Other components/menu/style/index.less line:686
|
||||
// Integration with header element so menu items have the same height
|
||||
[`${antCls}-menu`]: {
|
||||
lineHeight: 'inherit'
|
||||
}
|
||||
},
|
||||
// ==================== Footer ====================
|
||||
[`${componentCls}-footer`]: {
|
||||
padding: footerPadding,
|
||||
color: colorText,
|
||||
fontSize,
|
||||
background: footerBg
|
||||
},
|
||||
// =================== Content ====================
|
||||
[`${componentCls}-content`]: {
|
||||
flex: 'auto',
|
||||
color: colorText,
|
||||
// fix firefox can't set height smaller than content on flex item
|
||||
minHeight: 0
|
||||
}
|
||||
};
|
||||
};
|
||||
export const prepareComponentToken = token => {
|
||||
const {
|
||||
colorBgLayout,
|
||||
controlHeight,
|
||||
controlHeightLG,
|
||||
colorText,
|
||||
controlHeightSM,
|
||||
marginXXS,
|
||||
colorTextLightSolid,
|
||||
colorBgContainer
|
||||
} = token;
|
||||
const paddingInline = controlHeightLG * 1.25;
|
||||
return {
|
||||
// Deprecated
|
||||
colorBgHeader: '#001529',
|
||||
colorBgBody: colorBgLayout,
|
||||
colorBgTrigger: '#002140',
|
||||
bodyBg: colorBgLayout,
|
||||
headerBg: '#001529',
|
||||
headerHeight: controlHeight * 2,
|
||||
headerPadding: `0 ${paddingInline}px`,
|
||||
headerColor: colorText,
|
||||
footerPadding: `${controlHeightSM}px ${paddingInline}px`,
|
||||
footerBg: colorBgLayout,
|
||||
siderBg: '#001529',
|
||||
triggerHeight: controlHeightLG + marginXXS * 2,
|
||||
triggerBg: '#002140',
|
||||
triggerColor: colorTextLightSolid,
|
||||
zeroTriggerWidth: controlHeightLG,
|
||||
zeroTriggerHeight: controlHeightLG,
|
||||
lightSiderBg: colorBgContainer,
|
||||
lightTriggerBg: colorBgContainer,
|
||||
lightTriggerColor: colorText
|
||||
};
|
||||
};
|
||||
// ============================== Export ==============================
|
||||
export const DEPRECATED_TOKENS = [['colorBgBody', 'bodyBg'], ['colorBgHeader', 'headerBg'], ['colorBgTrigger', 'triggerBg']];
|
||||
export default genStyleHooks('Layout', genLayoutStyle, prepareComponentToken, {
|
||||
deprecatedTokens: DEPRECATED_TOKENS
|
||||
});
|
||||
2
frontend/node_modules/antd/es/layout/style/sider.d.ts
generated
vendored
Normal file
2
frontend/node_modules/antd/es/layout/style/sider.d.ts
generated
vendored
Normal file
@@ -0,0 +1,2 @@
|
||||
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
|
||||
export default _default;
|
||||
113
frontend/node_modules/antd/es/layout/style/sider.js
generated
vendored
Normal file
113
frontend/node_modules/antd/es/layout/style/sider.js
generated
vendored
Normal file
@@ -0,0 +1,113 @@
|
||||
import { unit } from '@ant-design/cssinjs';
|
||||
import { DEPRECATED_TOKENS, prepareComponentToken } from '.';
|
||||
import { genStyleHooks } from '../../theme/internal';
|
||||
const genSiderStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
siderBg,
|
||||
motionDurationMid,
|
||||
motionDurationSlow,
|
||||
antCls,
|
||||
triggerHeight,
|
||||
triggerColor,
|
||||
triggerBg,
|
||||
headerHeight,
|
||||
zeroTriggerWidth,
|
||||
zeroTriggerHeight,
|
||||
borderRadiusLG,
|
||||
lightSiderBg,
|
||||
lightTriggerColor,
|
||||
lightTriggerBg,
|
||||
bodyBg
|
||||
} = token;
|
||||
return {
|
||||
[componentCls]: {
|
||||
position: 'relative',
|
||||
// fix firefox can't set width smaller than content on flex item
|
||||
minWidth: 0,
|
||||
background: siderBg,
|
||||
transition: `all ${motionDurationMid}, background 0s`,
|
||||
'&-has-trigger': {
|
||||
paddingBottom: triggerHeight
|
||||
},
|
||||
'&-right': {
|
||||
order: 1
|
||||
},
|
||||
[`${componentCls}-children`]: {
|
||||
height: '100%',
|
||||
// Hack for fixing margin collapse bug
|
||||
// https://github.com/ant-design/ant-design/issues/7967
|
||||
// solution from https://stackoverflow.com/a/33132624/3040605
|
||||
marginTop: -0.1,
|
||||
paddingTop: 0.1,
|
||||
[`${antCls}-menu${antCls}-menu-inline-collapsed`]: {
|
||||
width: 'auto'
|
||||
}
|
||||
},
|
||||
[`&-zero-width ${componentCls}-children`]: {
|
||||
overflow: 'hidden'
|
||||
},
|
||||
[`${componentCls}-trigger`]: {
|
||||
position: 'fixed',
|
||||
bottom: 0,
|
||||
zIndex: 1,
|
||||
height: triggerHeight,
|
||||
color: triggerColor,
|
||||
lineHeight: unit(triggerHeight),
|
||||
textAlign: 'center',
|
||||
background: triggerBg,
|
||||
cursor: 'pointer',
|
||||
transition: `all ${motionDurationMid}`
|
||||
},
|
||||
[`${componentCls}-zero-width-trigger`]: {
|
||||
position: 'absolute',
|
||||
top: headerHeight,
|
||||
insetInlineEnd: token.calc(zeroTriggerWidth).mul(-1).equal(),
|
||||
zIndex: 1,
|
||||
width: zeroTriggerWidth,
|
||||
height: zeroTriggerHeight,
|
||||
color: triggerColor,
|
||||
fontSize: token.fontSizeXL,
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
background: siderBg,
|
||||
borderRadius: `0 ${unit(borderRadiusLG)} ${unit(borderRadiusLG)} 0`,
|
||||
cursor: 'pointer',
|
||||
transition: `background ${motionDurationSlow} ease`,
|
||||
'&::after': {
|
||||
position: 'absolute',
|
||||
inset: 0,
|
||||
background: 'transparent',
|
||||
transition: `all ${motionDurationSlow}`,
|
||||
content: '""'
|
||||
},
|
||||
'&:hover::after': {
|
||||
background: `rgba(255, 255, 255, 0.2)`
|
||||
},
|
||||
'&-right': {
|
||||
insetInlineStart: token.calc(zeroTriggerWidth).mul(-1).equal(),
|
||||
borderRadius: `${unit(borderRadiusLG)} 0 0 ${unit(borderRadiusLG)}`
|
||||
}
|
||||
},
|
||||
// Light
|
||||
'&-light': {
|
||||
background: lightSiderBg,
|
||||
[`${componentCls}-trigger`]: {
|
||||
color: lightTriggerColor,
|
||||
background: lightTriggerBg
|
||||
},
|
||||
[`${componentCls}-zero-width-trigger`]: {
|
||||
color: lightTriggerColor,
|
||||
background: lightTriggerBg,
|
||||
border: `1px solid ${bodyBg}`,
|
||||
// Safe to modify to any other color
|
||||
borderInlineStart: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
export default genStyleHooks(['Layout', 'Sider'], genSiderStyle, prepareComponentToken, {
|
||||
deprecatedTokens: DEPRECATED_TOKENS
|
||||
});
|
||||
Reference in New Issue
Block a user