mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-09 07:30:25 +08:00
d335f856c9
* chore: remove useless parameter * fix: clear
49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
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;
|
|
}
|
|
|
|
export const styleFiles = globSync(
|
|
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 }: GenCssinjsOptions) =>
|
|
Promise.all(
|
|
styleFiles.map(async (file) => {
|
|
const absPath = url.pathToFileURL(file).href;
|
|
const pathArr = file.split('/');
|
|
const styleIndex = pathArr.lastIndexOf('style');
|
|
const componentName = pathArr[styleIndex - 1];
|
|
let useStyle: StyleFn = () => {};
|
|
if (file.includes('grid')) {
|
|
const { useColStyle, useRowStyle } = await import(absPath);
|
|
useStyle = (prefixCls: string) => {
|
|
useRowStyle(prefixCls);
|
|
useColStyle(prefixCls);
|
|
};
|
|
} else {
|
|
useStyle = (await import(absPath)).default;
|
|
}
|
|
const Demo: React.FC = () => {
|
|
useStyle(`${key}-${componentName}`);
|
|
return React.createElement('div');
|
|
};
|
|
beforeRender?.(componentName);
|
|
render?.(Demo);
|
|
}),
|
|
);
|