|
|
|
@ -1,12 +1,11 @@
|
|
|
|
|
import './Material.less';
|
|
|
|
|
|
|
|
|
|
import { observable } from 'dob';
|
|
|
|
|
import { Connect } from 'dob-react';
|
|
|
|
|
import * as React from 'react';
|
|
|
|
|
import { observer } from 'mobx-react';
|
|
|
|
|
import { ChangeEventHandler } from 'react';
|
|
|
|
|
import * as React from 'react';
|
|
|
|
|
import { SketchPicker } from 'react-color';
|
|
|
|
|
import { Material } from 'three';
|
|
|
|
|
import * as THREE from 'three';
|
|
|
|
|
import { Material } from 'three';
|
|
|
|
|
|
|
|
|
|
import { FileSystem } from '../../Common/FileSystem';
|
|
|
|
|
import { KeyBoard } from '../../Common/KeyEnum';
|
|
|
|
@ -27,7 +26,7 @@ interface InputData
|
|
|
|
|
updataValueCallback?,//更新数据回调函数
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@Connect
|
|
|
|
|
@observer
|
|
|
|
|
export class Input extends React.Component<InputData, {}>{
|
|
|
|
|
render()
|
|
|
|
|
{
|
|
|
|
@ -59,7 +58,7 @@ interface SliderData extends InputData
|
|
|
|
|
step: number
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@Connect
|
|
|
|
|
@observer
|
|
|
|
|
export class Slider extends React.Component<InputData, {}>{
|
|
|
|
|
input: HTMLInputElement;
|
|
|
|
|
remove;
|
|
|
|
@ -130,7 +129,7 @@ export class Slider extends React.Component<InputData, {}>{
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@Connect
|
|
|
|
|
@observer
|
|
|
|
|
export class Check extends React.Component<InputData, {}>{
|
|
|
|
|
render()
|
|
|
|
|
{
|
|
|
|
@ -156,8 +155,7 @@ export class Check extends React.Component<InputData, {}>{
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Connect
|
|
|
|
|
@observer
|
|
|
|
|
export class Select extends React.Component<InputData, {}>{
|
|
|
|
|
render()
|
|
|
|
|
{
|
|
|
|
@ -196,13 +194,11 @@ export class Select extends React.Component<InputData, {}>{
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@Connect
|
|
|
|
|
@observer
|
|
|
|
|
export class Color extends React.Component<InputData, { isFocus: Boolean }>{
|
|
|
|
|
constructor()
|
|
|
|
|
constructor(p, s)
|
|
|
|
|
{
|
|
|
|
|
super(null, { isFocus: false });
|
|
|
|
|
super(p, s);
|
|
|
|
|
this.state = { isFocus: false }
|
|
|
|
|
}
|
|
|
|
|
handleClose = () =>
|
|
|
|
@ -287,10 +283,8 @@ export class Color extends React.Component<InputData, { isFocus: Boolean }>{
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//Texu
|
|
|
|
|
@observable
|
|
|
|
|
@Connect
|
|
|
|
|
@observer
|
|
|
|
|
export class TextureComponent extends React.Component<InputData, {}>{
|
|
|
|
|
repYEl: HTMLInputElement;
|
|
|
|
|
repXEl: HTMLInputElement;
|
|
|
|
@ -499,7 +493,7 @@ export class TextureComponent extends React.Component<InputData, {}>{
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@Connect
|
|
|
|
|
@observer
|
|
|
|
|
export class Config extends React.Component<{ editor: MaterialEditor }, {}>{
|
|
|
|
|
render()
|
|
|
|
|
{
|
|
|
|
|