The proxy provides two CDN resolution addresses, aliyun and unpkg, with aliyun as the default. This can be configured through the cdn attribute of ConfigProvider.
ConfigProvider
import { ConfigProvider } from '@yuntijs/ui';The proxy provides two CDN resolution addresses, aliyun and unpkg, with aliyun as the default. This can be configured through the cdn attribute of ConfigProvider.
import { ConfigProvider } from '@yuntijs/ui';The proxy provides two CDN resolution addresses, aliyun and unpkg, with aliyun as the default. This can be configured through the cdn attribute of ConfigProvider.
At the same time, it provides custom CDN configuration, set proxy to custom and configure through the customCdnFn attribute.
import { ConfigProvider, Logo } from '@yuntijs/ui';
export default () => {
return (
<ConfigProvider config={{
proxy: 'custom',
customCdnFn: (e: {pkg:string, version:string, path:string}) => `https://yourcdn/${pkg}/${version}/${path}`
}}>
<Logo />
</ConfigProvider>
);
};| Name | Description | Type | Default |
|---|---|---|---|
| children | -- | ReactNode | -- |
| config | -- | {customCdnFn?:(__0:any)=>string;imgAs?:symbol|object|style|small|circle|search|article|button|dialog|figure|form|img|link|main|menu|menuitem|option|switch|table|text|time|slot|title|header|body|pattern|image|unknown|FunctionComponent|input|mask|footer|center|label|line|canvas|svg|cite|data|span|summary|track|select|picture|clipPath|filter|path|a|abbr|address|area|aside|audio|b|base|bdi|bdo|big|blockquote|br|caption|code|col|colgroup|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|h1|h2|h3|h4|h5|h6|head|hgroup|hr|html|i|iframe|ins|kbd|keygen|legend|li|map|mark|meta|meter|nav|noindex|noscript|ol|optgroup|output|p|param|pre|progress|q|rp|rt|ruby|s|samp|script|section|source|strong|sub|sup|template|tbody|td|textarea|tfoot|th|thead|tr|u|ul|var|video|wbr|webview|animate|animateMotion|animateTransform|defs|desc|ellipse|feBlend|feColorMatrix|feComponentTransfer|feComposite|feConvolveMatrix|feDiffuseLighting|feDisplacementMap|feDistantLight|feDropShadow|feFlood|feFuncA|feFuncB|feFuncG|feFuncR|feGaussianBlur|feImage|feMerge|feMergeNode|feMorphology|feOffset|fePointLight|feSpecularLighting|feSpotLight|feTile|feTurbulence|foreignObject|g|linearGradient|marker|metadata|mpath|polygon|polyline|radialGradient|rect|set|stop|textPath|tspan|use|view;proxy?:any;Link?:any} | (required) |