ant-design/scripts/generate-cssinjs.ts

53 lines
1.5 KiB
TypeScript
Raw Normal View History

2023-09-10 11:38:32 +08:00
import url from 'node:url';
import path from 'path';
import React from 'react';
import { globSync } from 'glob';
type StyleFn = (prefix?: string) => void;
interface GenCssinjsOptions {
key: string;
render: (component: React.FC) => void;
beforeRender?: (componentName: string) => void;
ignore?: string[];
}
export const styleFiles = globSync(
2023-09-10 11:38:32 +08:00
path
.join(
process.cwd(),
'components/!(version|config-provider|icon|auto-complete|col|row|time-picker|qrcode)/style/index.?(ts|tsx)',
)
.split(path.sep)
.join('/'),
);
export const generateCssinjs = ({ key, beforeRender, render, ignore }: GenCssinjsOptions) =>
Promise.all(
styleFiles.map(async (file) => {
2023-09-10 11:38:32 +08:00
const absPath = url.pathToFileURL(file).href;
const pathArr = file.split('/');
const styleIndex = pathArr.lastIndexOf('style');
const componentName = pathArr[styleIndex - 1];
if (ignore?.includes(componentName)) {
return;
}
let useStyle: StyleFn = () => {};
if (file.includes('grid')) {
2023-09-10 11:38:32 +08:00
const { useColStyle, useRowStyle } = await import(absPath);
useStyle = (prefixCls: string) => {
useRowStyle(prefixCls);
useColStyle(prefixCls);
};
} else {
2023-09-10 11:38:32 +08:00
useStyle = (await import(absPath)).default;
}
const Demo: React.FC = () => {
useStyle(`${key}-${componentName}`);
return React.createElement('div');
};
beforeRender?.(componentName);
render?.(Demo);
}),
);