test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-11-30 11:07:52 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Merge pull request #8014 from YangFong/chore-ts-theme

Browse Source 
refactor: 简化 Theme 类型
This commit is contained in:
hsm-lv 2023-09-06 19:58:40 +08:00 committed by GitHub
commit 3e3a8c3a79
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
packages/amis-core/src/theme.tsx
View File

@ -4,19 +4,13 @@ import React from 'react';
import hoistNonReactStatic from 'hoist-non-react-statics';
export type ClassValue =
| ClassValue[]
| Record<string, any>
| string
| number
| ClassDictionary
| ClassArray
| undefined
| boolean
| null
| boolean;
interface ClassDictionary {
[id: string]: any;
}
interface ClassArray extends Array<ClassValue> {}
| undefined;
export type ClassNamesFn = (...classes: ClassValue[]) => string;
@ -29,12 +23,10 @@ interface ThemeConfig {
[propName: string]: any;
};
[propsName: string]: any;
[propName: string]: any;
}
const themes: {
[propName: string]: ThemeConfig;
} = {
const themes: Record<string, ThemeConfig> = {
default: {},
cxd: {
classPrefix: 'cxd-'
@ -48,16 +40,15 @@ export function theme(name: string, config: Partial<ThemeConfig>) {
};
}
const fns: {
[propName: string]: (...classes: ClassValue[]) => string;
} = {};
const fns: Record<string, (...classes: ClassValue[]) => string> = {};
export function makeClassnames(ns?: string) {
if (ns && fns[ns]) {
return fns[ns];
}
const fn = (...classes: ClassValue[]) => {
const str = cx(...(classes as any));
const str = cx(...classes);
return str && ns
? str
.replace(/(^|\s)([A-Z])/g, '$1' + ns + '$2')
@ -69,11 +60,11 @@ export function makeClassnames(ns?: string) {
return fn;
}
export type ThemeInstance = ThemeConfig & {
export interface ThemeInstance extends ThemeConfig {
getRendererConfig: (name?: string) => any;
getComponentConfig: (name?: string) => any;
classnames: ClassNamesFn;
};
}
export function hasTheme(theme: string): boolean {
return !!themes[theme];
@ -121,26 +112,17 @@ export function getTheme(theme: string): ThemeInstance {
}
export interface ThemeProps {
classnames: ClassNamesFn;
classPrefix: string;
className?: string;
theme?: string;
mobileUI?: boolean;
style?: {
[propName: string]: any;
};
classPrefix: string;
classnames: ClassNamesFn;
theme?: string;
mobileUI?: boolean;
}
export interface ThemeOutterProps {
theme?: string;
className?: string;
mobileUI?: boolean;
style?: {
[propName: string]: any;
};
classPrefix?: string;
classnames?: ClassNamesFn;
}
export interface ThemeOutterProps extends Partial<ThemeProps> {}
export let defaultTheme: string = 'cxd';
export const ThemeContext = React.createContext('');