fix: image seed do no clear

This commit is contained in:
jialin
2025-12-25 17:57:11 +08:00
parent 9b25cc51e4
commit 725409a576
4 changed files with 29 additions and 32 deletions
+13 -15
View File
@@ -55,18 +55,17 @@ const BarChart: React.FC<ChartProps & { maxItems?: number }> = (props) => {
show: true, show: true,
overflow: 'truncate', overflow: 'truncate',
width: 75, width: 75,
ellipsis: '...', ellipsis: '...'
margin: 12, // formatter(value: string, index: number) {
formatter(value: string, index: number) { // return `{a|${index + 1}}`;
return `{a|${index + 1}}`; // },
}, // rich: {
rich: { // a: {
a: { // fontWeight: 500,
fontWeight: 500, // fontSize: 14,
fontSize: 14, // color: token?.colorTextSecondary
color: token?.colorTextSecondary // }
} // }
}
} }
}, },
legend: { legend: {
@@ -82,9 +81,9 @@ const BarChart: React.FC<ChartProps & { maxItems?: number }> = (props) => {
type: 'bar', type: 'bar',
barWidth: 20, barWidth: 20,
stack: 'Ad', stack: 'Ad',
barGap: '20%', barGap: '30%',
label: { label: {
show: true, show: false,
formatter(params: any) { formatter(params: any) {
if (params.seriesIndex === 0) { if (params.seriesIndex === 0) {
return `{value|${params.name}}`; return `{value|${params.name}}`;
@@ -173,7 +172,6 @@ const BarChart: React.FC<ChartProps & { maxItems?: number }> = (props) => {
) : ( ) : (
<Chart <Chart
height={height} height={height}
chartHeight={typeof height === 'number' ? height - 10 : undefined}
options={dataOptions} options={dataOptions}
width={width || '100%'} width={width || '100%'}
></Chart> ></Chart>
@@ -141,9 +141,9 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
const generateParams = () => { const generateParams = () => {
const params = { const params = {
..._.omitBy(finalParameters, (value: string) => !value), ..._.omitBy(finalParameters, (value: string) => !value),
seed: seed: parameters.random_seed
parameters.seed || ? generateRandomNumber()
(parameters.random_seed ? generateRandomNumber() : null), : parameters.seed || null,
stream: false, stream: false,
prompt: currentPrompt prompt: currentPrompt
}; };
@@ -166,9 +166,9 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
const generateParams = () => { const generateParams = () => {
const params = { const params = {
..._.omitBy(finalParameters, (value: string) => !value), ..._.omitBy(finalParameters, (value: string) => !value),
seed: seed: parameters.random_seed
parameters.seed || ? generateRandomNumber()
(parameters.random_seed ? generateRandomNumber() : null), : parameters.seed || null,
stream: false, stream: false,
prompt: currentPrompt prompt: currentPrompt
}; };
+10 -11
View File
@@ -10,6 +10,7 @@ import {
} from '@/pages/playground/config/params-config'; } from '@/pages/playground/config/params-config';
import { generateRandomNumber } from '@/utils'; import { generateRandomNumber } from '@/utils';
import { useSearchParams } from '@umijs/max'; import { useSearchParams } from '@umijs/max';
import { useMemoizedFn } from 'ahooks';
import _ from 'lodash'; import _ from 'lodash';
import React, { import React, {
useCallback, useCallback,
@@ -225,11 +226,12 @@ export const useInitImageMeta = (
const [basicParamsConfig, setBasicParamsConfig] = React.useState< const [basicParamsConfig, setBasicParamsConfig] = React.useState<
ParamsSchema[] ParamsSchema[]
>([...ImageCountConfig, ...ImageSizeConfig]); >([...ImageCountConfig, ...ImageSizeConfig]);
const initialSeed = generateRandomNumber();
const [initialValues, setInitialValues] = useState<any>({ const [initialValues, setInitialValues] = useState<any>({
...imgInitialValues, ...imgInitialValues,
...advancedFieldsDefaultValus, ...advancedFieldsDefaultValus,
seed: generateRandomNumber(), seed: initialSeed,
model: '' model: ''
}); });
const [paramsConfig, setParamsConfig] = useState<ParamsSchema[]>([ const [paramsConfig, setParamsConfig] = useState<ParamsSchema[]>([
@@ -241,7 +243,7 @@ export const useInitImageMeta = (
const [parameters, setParams] = useState<any>({ const [parameters, setParams] = useState<any>({
...imgInitialValues, ...imgInitialValues,
...advancedFieldsDefaultValus, ...advancedFieldsDefaultValus,
seed: generateRandomNumber(), seed: initialSeed,
model: '' model: ''
}); });
@@ -433,7 +435,7 @@ export const useInitImageMeta = (
[modelList, isOpenaiCompatible] [modelList, isOpenaiCompatible]
); );
const handleOnValuesChange = useCallback( const handleOnValuesChange = useMemoizedFn(
(changeValues: Record<string, any>, allValues: Record<string, any>) => { (changeValues: Record<string, any>, allValues: Record<string, any>) => {
console.log('changeValues', changeValues); console.log('changeValues', changeValues);
// model change will reset all values // model change will reset all values
@@ -470,7 +472,10 @@ export const useInitImageMeta = (
setParams(allValues); setParams(allValues);
updateCacheFormData(changeValues); updateCacheFormData(changeValues);
} else if (_.isBoolean(changeValues.random_seed)) { } else if (_.isBoolean(changeValues.random_seed)) {
const seed = changeValues.random_seed ? generateRandomNumber() : null; const seed = changeValues.random_seed
? generateRandomNumber()
: parameters.seed;
setParams({ setParams({
...allValues, ...allValues,
seed: seed seed: seed
@@ -483,13 +488,7 @@ export const useInitImageMeta = (
setParams(allValues); setParams(allValues);
updateCacheFormData(changeValues); updateCacheFormData(changeValues);
} }
}, }
[
handleOnModelChange,
parameters.size,
basicParamsConfig,
isOpenaiCompatible
]
); );
useEffect(() => { useEffect(() => {