fix: image seed do no clear
This commit is contained in:
@@ -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,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(() => {
|
||||||
|
|||||||
Reference in New Issue
Block a user