first commit
This commit is contained in:
67
frontend/node_modules/antd/es/qr-code/style/index.js
generated
vendored
Normal file
67
frontend/node_modules/antd/es/qr-code/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,67 @@
|
||||
import { unit } from '@ant-design/cssinjs';
|
||||
import { FastColor } from '@ant-design/fast-color';
|
||||
import { resetComponent } from '../../style';
|
||||
import { genStyleHooks, mergeToken } from '../../theme/internal';
|
||||
const genQRCodeStyle = token => {
|
||||
const {
|
||||
componentCls,
|
||||
lineWidth,
|
||||
lineType,
|
||||
colorSplit
|
||||
} = token;
|
||||
return {
|
||||
[componentCls]: Object.assign(Object.assign({}, resetComponent(token)), {
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
padding: token.paddingSM,
|
||||
backgroundColor: token.colorWhite,
|
||||
borderRadius: token.borderRadiusLG,
|
||||
border: `${unit(lineWidth)} ${lineType} ${colorSplit}`,
|
||||
position: 'relative',
|
||||
overflow: 'hidden',
|
||||
[`& > ${componentCls}-mask`]: {
|
||||
position: 'absolute',
|
||||
insetBlockStart: 0,
|
||||
insetInlineStart: 0,
|
||||
zIndex: 10,
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
width: '100%',
|
||||
height: '100%',
|
||||
color: token.colorText,
|
||||
lineHeight: token.lineHeight,
|
||||
background: token.QRCodeMaskBackgroundColor,
|
||||
textAlign: 'center',
|
||||
[`& > ${componentCls}-expired, & > ${componentCls}-scanned`]: {
|
||||
color: token.QRCodeTextColor
|
||||
}
|
||||
},
|
||||
'> canvas': {
|
||||
alignSelf: 'stretch',
|
||||
flex: 'auto',
|
||||
minWidth: 0
|
||||
},
|
||||
'&-icon': {
|
||||
marginBlockEnd: token.marginXS,
|
||||
fontSize: token.controlHeight
|
||||
}
|
||||
}),
|
||||
[`${componentCls}-borderless`]: {
|
||||
borderColor: 'transparent',
|
||||
padding: 0,
|
||||
borderRadius: 0
|
||||
}
|
||||
};
|
||||
};
|
||||
export const prepareComponentToken = token => ({
|
||||
QRCodeMaskBackgroundColor: new FastColor(token.colorBgContainer).setA(0.96).toRgbString()
|
||||
});
|
||||
export default genStyleHooks('QRCode', token => {
|
||||
const mergedToken = mergeToken(token, {
|
||||
QRCodeTextColor: token.colorText
|
||||
});
|
||||
return genQRCodeStyle(mergedToken);
|
||||
}, prepareComponentToken);
|
||||
Reference in New Issue
Block a user