You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.2 KiB
42 lines
1.2 KiB
const React = require('react');
|
|
const { globSync } = require('glob');
|
|
const path = require('path');
|
|
|
|
const styleFiles = globSync(
|
|
path.join(
|
|
process.cwd(),
|
|
'components/!(version|config-provider|icon|auto-complete|col|row|time-picker)/style/index.?(ts|tsx)',
|
|
),
|
|
);
|
|
|
|
module.exports = {
|
|
generateCssinjs({ key, beforeRender, render }) {
|
|
const EmptyElement = React.createElement('div');
|
|
|
|
styleFiles.forEach((file) => {
|
|
const pathArr = file.split('/');
|
|
const styleIndex = pathArr.lastIndexOf('style');
|
|
const componentName = pathArr[styleIndex - 1];
|
|
let useStyle = () => {};
|
|
if (file.includes('grid')) {
|
|
// eslint-disable-next-line global-require,import/no-dynamic-require
|
|
const { useColStyle, useRowStyle } = require(file);
|
|
useStyle = (prefixCls) => {
|
|
useRowStyle(prefixCls);
|
|
useColStyle(prefixCls);
|
|
};
|
|
} else {
|
|
// eslint-disable-next-line global-require,import/no-dynamic-require
|
|
useStyle = require(file).default;
|
|
}
|
|
const Component = () => {
|
|
useStyle(`${key}-${componentName}`);
|
|
return EmptyElement;
|
|
};
|
|
|
|
beforeRender?.(componentName);
|
|
render(Component);
|
|
});
|
|
},
|
|
filenames: styleFiles,
|
|
};
|
|
|