mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-07 17:44:35 +08:00
type: rm useless type of reducer (#49555)
* type: rm useless type of reducer * Update components/_util/ActionButton.tsx Signed-off-by: lijianan <574980606@qq.com> --------- Signed-off-by: lijianan <574980606@qq.com>
This commit is contained in:
parent
59ad48476b
commit
2b629ef391
@ -51,32 +51,27 @@ const DemoWrapper: typeof DumiDemoGrid = ({ items }) => {
|
|||||||
|
|
||||||
const demos = React.useMemo(
|
const demos = React.useMemo(
|
||||||
() =>
|
() =>
|
||||||
items.reduce(
|
items.reduce<typeof items>((acc, item) => {
|
||||||
(acc, item) => {
|
const { previewerProps } = item;
|
||||||
const { previewerProps } = item;
|
const { debug } = previewerProps;
|
||||||
const { debug } = previewerProps;
|
if (debug && !showDebug) {
|
||||||
|
return acc;
|
||||||
if (debug && !showDebug) {
|
}
|
||||||
return acc;
|
return acc.concat({
|
||||||
}
|
...item,
|
||||||
|
previewerProps: {
|
||||||
return acc.concat({
|
...previewerProps,
|
||||||
...item,
|
expand: expandAll,
|
||||||
previewerProps: {
|
// always override debug property, because dumi will hide debug demo in production
|
||||||
...previewerProps,
|
debug: false,
|
||||||
expand: expandAll,
|
/**
|
||||||
// always override debug property, because dumi will hide debug demo in production
|
* antd extra marker for the original debug
|
||||||
debug: false,
|
* @see https://github.com/ant-design/ant-design/pull/40130#issuecomment-1380208762
|
||||||
/**
|
*/
|
||||||
* antd extra marker for the original debug
|
originDebug: debug,
|
||||||
* @see https://github.com/ant-design/ant-design/pull/40130#issuecomment-1380208762
|
},
|
||||||
*/
|
});
|
||||||
originDebug: debug,
|
}, []),
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
|
||||||
[] as typeof items,
|
|
||||||
),
|
|
||||||
[expandAll, showDebug],
|
[expandAll, showDebug],
|
||||||
);
|
);
|
||||||
|
|
||||||
|
@ -13,9 +13,9 @@ let runtimeLocale: ModalLocale = {
|
|||||||
let localeList: ModalLocale[] = [];
|
let localeList: ModalLocale[] = [];
|
||||||
|
|
||||||
const generateLocale = () =>
|
const generateLocale = () =>
|
||||||
localeList.reduce(
|
localeList.reduce<ModalLocale>(
|
||||||
(merged, locale) => ({ ...merged, ...locale }),
|
(merged, locale) => ({ ...merged, ...locale }),
|
||||||
defaultLocale.Modal as ModalLocale,
|
defaultLocale.Modal!,
|
||||||
);
|
);
|
||||||
|
|
||||||
export function changeConfirmLocale(newLocale?: ModalLocale) {
|
export function changeConfirmLocale(newLocale?: ModalLocale) {
|
||||||
|
@ -27,8 +27,9 @@ const App: React.FC = () => {
|
|||||||
const [position, setPosition] = useState<PositionType[]>(['left', 'right']);
|
const [position, setPosition] = useState<PositionType[]>(['left', 'right']);
|
||||||
|
|
||||||
const slot = useMemo(() => {
|
const slot = useMemo(() => {
|
||||||
if (position.length === 0) return null;
|
if (position.length === 0) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
return position.reduce(
|
return position.reduce(
|
||||||
(acc, direction) => ({ ...acc, [direction]: OperationsSlot[direction] }),
|
(acc, direction) => ({ ...acc, [direction]: OperationsSlot[direction] }),
|
||||||
{},
|
{},
|
||||||
|
@ -1,13 +1,7 @@
|
|||||||
import { generate } from '@ant-design/colors';
|
import { generate } from '@ant-design/colors';
|
||||||
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
import type { DerivativeFunc } from '@ant-design/cssinjs';
|
||||||
|
|
||||||
import type {
|
import type { MapToken, PresetColorType, SeedToken } from '../../interface';
|
||||||
ColorPalettes,
|
|
||||||
LegacyColorPalettes,
|
|
||||||
MapToken,
|
|
||||||
PresetColorType,
|
|
||||||
SeedToken,
|
|
||||||
} from '../../interface';
|
|
||||||
import defaultAlgorithm from '../default';
|
import defaultAlgorithm from '../default';
|
||||||
import { defaultPresetColors } from '../seed';
|
import { defaultPresetColors } from '../seed';
|
||||||
import genColorMapToken from '../shared/genColorMapToken';
|
import genColorMapToken from '../shared/genColorMapToken';
|
||||||
@ -17,24 +11,17 @@ const derivative: DerivativeFunc<SeedToken, MapToken> = (token, mapToken) => {
|
|||||||
const colorPalettes = Object.keys(defaultPresetColors)
|
const colorPalettes = Object.keys(defaultPresetColors)
|
||||||
.map((colorKey) => {
|
.map((colorKey) => {
|
||||||
const colors = generate(token[colorKey as keyof PresetColorType], { theme: 'dark' });
|
const colors = generate(token[colorKey as keyof PresetColorType], { theme: 'dark' });
|
||||||
|
|
||||||
return new Array(10).fill(1).reduce((prev, _, i) => {
|
return new Array(10).fill(1).reduce((prev, _, i) => {
|
||||||
prev[`${colorKey}-${i + 1}`] = colors[i];
|
prev[`${colorKey}-${i + 1}`] = colors[i];
|
||||||
prev[`${colorKey}${i + 1}`] = colors[i];
|
prev[`${colorKey}${i + 1}`] = colors[i];
|
||||||
return prev;
|
return prev;
|
||||||
}, {}) as ColorPalettes & LegacyColorPalettes;
|
}, {});
|
||||||
})
|
})
|
||||||
.reduce(
|
.reduce((prev, cur) => {
|
||||||
(prev, cur) => {
|
// biome-ignore lint/style/noParameterAssign: it is a reduce
|
||||||
// biome-ignore lint/style/noParameterAssign: it is a reduce
|
prev = { ...prev, ...cur };
|
||||||
prev = {
|
return prev;
|
||||||
...prev,
|
}, {});
|
||||||
...cur,
|
|
||||||
};
|
|
||||||
return prev;
|
|
||||||
},
|
|
||||||
{} as ColorPalettes & LegacyColorPalettes,
|
|
||||||
);
|
|
||||||
|
|
||||||
const mergedMapToken = mapToken ?? defaultAlgorithm(token);
|
const mergedMapToken = mapToken ?? defaultAlgorithm(token);
|
||||||
|
|
||||||
|
@ -1,12 +1,6 @@
|
|||||||
import { generate } from '@ant-design/colors';
|
import { generate } from '@ant-design/colors';
|
||||||
|
|
||||||
import type {
|
import type { MapToken, PresetColorType, SeedToken } from '../../interface';
|
||||||
ColorPalettes,
|
|
||||||
LegacyColorPalettes,
|
|
||||||
MapToken,
|
|
||||||
PresetColorType,
|
|
||||||
SeedToken,
|
|
||||||
} from '../../interface';
|
|
||||||
import { defaultPresetColors } from '../seed';
|
import { defaultPresetColors } from '../seed';
|
||||||
import genColorMapToken from '../shared/genColorMapToken';
|
import genColorMapToken from '../shared/genColorMapToken';
|
||||||
import genCommonMapToken from '../shared/genCommonMapToken';
|
import genCommonMapToken from '../shared/genCommonMapToken';
|
||||||
@ -19,24 +13,17 @@ export default function derivative(token: SeedToken): MapToken {
|
|||||||
const colorPalettes = Object.keys(defaultPresetColors)
|
const colorPalettes = Object.keys(defaultPresetColors)
|
||||||
.map((colorKey) => {
|
.map((colorKey) => {
|
||||||
const colors = generate(token[colorKey as keyof PresetColorType]);
|
const colors = generate(token[colorKey as keyof PresetColorType]);
|
||||||
|
|
||||||
return new Array(10).fill(1).reduce((prev, _, i) => {
|
return new Array(10).fill(1).reduce((prev, _, i) => {
|
||||||
prev[`${colorKey}-${i + 1}`] = colors[i];
|
prev[`${colorKey}-${i + 1}`] = colors[i];
|
||||||
prev[`${colorKey}${i + 1}`] = colors[i];
|
prev[`${colorKey}${i + 1}`] = colors[i];
|
||||||
return prev;
|
return prev;
|
||||||
}, {}) as ColorPalettes & LegacyColorPalettes;
|
}, {});
|
||||||
})
|
})
|
||||||
.reduce(
|
.reduce((prev, cur) => {
|
||||||
(prev, cur) => {
|
// biome-ignore lint/style/noParameterAssign: it is a reduce
|
||||||
// biome-ignore lint/style/noParameterAssign: it is a reduce
|
prev = { ...prev, ...cur };
|
||||||
prev = {
|
return prev;
|
||||||
...prev,
|
}, {});
|
||||||
...cur,
|
|
||||||
};
|
|
||||||
return prev;
|
|
||||||
},
|
|
||||||
{} as ColorPalettes & LegacyColorPalettes,
|
|
||||||
);
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
...token,
|
...token,
|
||||||
|
@ -22,15 +22,14 @@ export default function genPresetColor<Token extends TokenWithCommonCls<AliasTok
|
|||||||
token: Token,
|
token: Token,
|
||||||
genCss: GenCSS,
|
genCss: GenCSS,
|
||||||
): CSSObject {
|
): CSSObject {
|
||||||
return PresetColors.reduce((prev: CSSObject, colorKey: PresetColorKey) => {
|
return PresetColors.reduce<CSSObject>((prev: CSSObject, colorKey: PresetColorKey) => {
|
||||||
const lightColor = token[`${colorKey}1`];
|
const lightColor = token[`${colorKey}1`];
|
||||||
const lightBorderColor = token[`${colorKey}3`];
|
const lightBorderColor = token[`${colorKey}3`];
|
||||||
const darkColor = token[`${colorKey}6`];
|
const darkColor = token[`${colorKey}6`];
|
||||||
const textColor = token[`${colorKey}7`];
|
const textColor = token[`${colorKey}7`];
|
||||||
|
|
||||||
return {
|
return {
|
||||||
...prev,
|
...prev,
|
||||||
...genCss(colorKey, { lightColor, lightBorderColor, darkColor, textColor }),
|
...genCss(colorKey, { lightColor, lightBorderColor, darkColor, textColor }),
|
||||||
};
|
};
|
||||||
}, {} as CSSObject);
|
}, {});
|
||||||
}
|
}
|
||||||
|
@ -107,7 +107,7 @@ const main = async () => {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const finalMeta = Object.entries(tokenMeta).reduce((acc, [key, value]) => {
|
const finalMeta = Object.entries(tokenMeta).reduce<any>((acc, [key, value]) => {
|
||||||
if (key !== 'components') {
|
if (key !== 'components') {
|
||||||
(value as any[]).forEach((item) => {
|
(value as any[]).forEach((item) => {
|
||||||
acc.global = acc.global || {};
|
acc.global = acc.global || {};
|
||||||
@ -124,7 +124,7 @@ const main = async () => {
|
|||||||
acc.components = value;
|
acc.components = value;
|
||||||
}
|
}
|
||||||
return acc;
|
return acc;
|
||||||
}, {} as any);
|
}, {});
|
||||||
|
|
||||||
fs.writeJsonSync(output, finalMeta, 'utf8');
|
fs.writeJsonSync(output, finalMeta, 'utf8');
|
||||||
// eslint-disable-next-line no-console
|
// eslint-disable-next-line no-console
|
||||||
|
Loading…
Reference in New Issue
Block a user