import React, { useState, useRef, useEffect } from 'react';
|
import {
|
ProForm,
|
ProFormDigit,
|
ProFormText,
|
ProFormSelect,
|
ProFormDateTimePicker,
|
ProFormTextArea,
|
ProFormSlider,
|
} from '@ant-design/pro-components';
|
import moment from 'moment';
|
import { Col, Form, Modal, Row, Checkbox, Image, Tree, Drawer, Space, Button, Card, Divider } from 'antd';
|
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
|
import * as PIXI from 'pixi.js';
|
import { createStyles } from 'antd-style';
|
import './index.css';
|
import Http from '@/utils/http';
|
|
const useStyles = createStyles(({ token, css }) => {
|
|
})
|
|
const SpriteSettings = (props) => {
|
const intl = useIntl();
|
const { styles } = useStyles();
|
const { curSprite } = props;
|
const [form] = Form.useForm();
|
|
useEffect(() => {
|
|
}, []);
|
|
useEffect(() => {
|
form.resetFields();
|
form.setFieldsValue({
|
...props.values
|
})
|
}, [form, props])
|
|
const handleCancel = () => {
|
props.onCancel();
|
};
|
|
const handleOk = () => {
|
form.submit();
|
}
|
|
const handleFinish = async (values) => {
|
props.onSubmit({ ...values });
|
}
|
|
const formValuesChange = (changeValues) => {
|
console.log(changeValues);
|
}
|
|
return (
|
<>
|
<Drawer
|
open={props.open}
|
onClose={handleCancel}
|
getContainer={props.refCurr}
|
rootStyle={{ position: "absolute" }}
|
mask={false}
|
width={570}
|
extra={
|
<Space>
|
<Button onClick={handleCancel}>
|
<FormattedMessage id='common.cancel' defaultMessage='取消' />
|
</Button>
|
<Button onClick={handleOk} type="primary">
|
<FormattedMessage id='common.submit' defaultMessage='保存' />
|
</Button>
|
</Space>
|
}
|
>
|
<Card>
|
|
<ProForm
|
form={form}
|
submitter={false}
|
onFinish={handleFinish}
|
layout="horizontal"
|
grid={true}
|
onValuesChange={formValuesChange}
|
>
|
{/*
|
// position
|
// scale
|
// rotation
|
// copy
|
*/}
|
<ProForm.Group>
|
<ProFormText
|
name="name"
|
label="名称"
|
colProps={{ md: 12, xl: 12 }}
|
/>
|
<ProFormDigit
|
label="InputNumber"
|
name="input-number"
|
min={1}
|
max={10}
|
colProps={{ md: 12, xl: 12 }}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormSlider
|
name="slider"
|
label="Slider"
|
width="lg"
|
marks={{
|
0: 'A',
|
20: 'B',
|
40: 'C',
|
60: 'D',
|
80: 'E',
|
100: 'F',
|
}}
|
/>
|
</ProForm.Group>
|
<ProForm.Group>
|
<ProFormTextArea
|
name="memo"
|
label="备注"
|
colProps={{ md: 24, xl: 24 }}
|
/>
|
</ProForm.Group>
|
</ProForm>
|
</Card>
|
</Drawer>
|
</>
|
)
|
}
|
|
export default SpriteSettings;
|
