mirror of
https://github.com/tencentmusic/supersonic.git
synced 2025-12-11 12:07:42 +00:00
57 lines
1.2 KiB
TypeScript
57 lines
1.2 KiB
TypeScript
import React, { useRef } from 'react';
|
|
import { Button, Modal } from 'antd';
|
|
import DimensionValueSettingForm from './DimensionValueSettingForm';
|
|
|
|
type Props = {
|
|
initialValues: any;
|
|
onCancel?: () => void;
|
|
visible: boolean;
|
|
onSubmit?: (params?: any) => void;
|
|
};
|
|
const DimensionValueSettingModal: React.FC<Props> = ({
|
|
initialValues,
|
|
visible,
|
|
onCancel,
|
|
onSubmit,
|
|
}) => {
|
|
const formRef = useRef<any>();
|
|
|
|
const handleSubmit = async () => {
|
|
const formValues = await formRef.current.getFormValidateFields();
|
|
onSubmit?.(formValues);
|
|
};
|
|
|
|
const renderFooter = () => {
|
|
return (
|
|
<>
|
|
<Button onClick={onCancel}>取消</Button>
|
|
<Button
|
|
type="primary"
|
|
onClick={() => {
|
|
handleSubmit();
|
|
}}
|
|
>
|
|
完成
|
|
</Button>
|
|
</>
|
|
);
|
|
};
|
|
return (
|
|
<>
|
|
<Modal
|
|
width={600}
|
|
destroyOnClose
|
|
title={'维度值设置'}
|
|
maskClosable={false}
|
|
open={visible}
|
|
footer={renderFooter()}
|
|
onCancel={onCancel}
|
|
>
|
|
<DimensionValueSettingForm initialValues={initialValues} ref={formRef} />
|
|
</Modal>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default DimensionValueSettingModal;
|