From 73df5ffcffbdac28e213ffb8f0c223f317d03fb8 Mon Sep 17 00:00:00 2001
From: tengge1 <930372551@qq.com>
Date: Sun, 25 Aug 2019 15:44:24 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E7=BD=AE=E8=A1=A5=E9=97=B4=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E7=9B=AE=E6=A0=87=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../animation/BasicAnimationComponent.jsx         | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/ShadowEditor.Web/src/editor/component/animation/BasicAnimationComponent.jsx b/ShadowEditor.Web/src/editor/component/animation/BasicAnimationComponent.jsx
index 77401460..2f1d6a91 100644
--- a/ShadowEditor.Web/src/editor/component/animation/BasicAnimationComponent.jsx
+++ b/ShadowEditor.Web/src/editor/component/animation/BasicAnimationComponent.jsx
@@ -23,7 +23,7 @@ class BasicAnimationComponent extends React.Component {
             show: false,
             expanded: true,
             name: '',
-            target: '',
+            target: null,
             type: null,
             beginTime: 0,
             endTime: 10,
@@ -44,7 +44,14 @@ class BasicAnimationComponent extends React.Component {
 
         return <PropertyGroup title={_t('Basic Information')} show={show} expanded={expanded} onExpand={this.handleExpand}>
             <TextProperty label={_t('Name')} name={'name'} value={name} onChange={this.handleChange}></TextProperty>
-            <TextProperty label={_t('Target')} name={'target'} value={target} onChange={this.handleChange}></TextProperty>
+            <DisplayProperty
+                label={_t('Target')}
+                name={'target'}
+                value={target ? target : `(${_t('None')})`}
+                btnText={_t('Setting')}
+                btnShow={app.editor.selected != null}
+                onClick={this.handleSetTarget}
+                onChange={this.handleChange}></DisplayProperty>
             <SelectProperty label={_t('Type')} options={this.animationType} name={'type'} value={type} onChange={this.handleChange}></SelectProperty>
             <NumberProperty label={_t('BeginTime')} name={'beginTime'} value={beginTime} onChange={this.handleChange}></NumberProperty>
             <NumberProperty label={_t('EndTime')} name={'endTime'} value={endTime} onChange={this.handleChange}></NumberProperty>
@@ -81,11 +88,11 @@ class BasicAnimationComponent extends React.Component {
         };
 
         if (!this.animation.target) {
-            state.target = '(' + _t('None') + ')';
+            state.target = null;
         } else {
             let obj = app.editor.objectByUuid(this.animation.target);
             if (obj === null) {
-                state.target = '(' + _t('None') + ')';
+                state.target = null;
                 console.warn(`BasicAnimationComponent: ${_t('Animation Object')} ${this.animation.target} ${_t('is not existed in the scene.')}`);
             } else {
                 state.target = obj.name;