fix: 属性编辑值为false时取值错误

src/themes/light/pane.scss

@@ -28,6 +28,10 @@
 		flex: 1;
 		border-radius: 2px;
 		position: relative;
+		&.background{
+			display: block;
+			width: 100%;
+		}
 	}
 
 	.title-bar {

src/utils/common.js

@@ -86,6 +86,9 @@ const attrUnitMapper = {
  */
 function getParentCmps(uuid, list) {
 	let _self = list.find(c => c.uuid === uuid);
+	if (!_self) {
+		return [];
+	}
 
 	let parentLoop = (uuid, list) => {
 		let _item = list.find(c => c.uuid === uuid);

src/views/Editor/Inspector/BehaviorTab.vue

 <template>
 	<div class="zero-inspector-behavior-form" v-if="activeComponent.uuid">
 		<el-scrollbar class="scrollbar" wrap-class="wrap-x-hidden">
-		<el-form ref="form" size="mini" label-width="60px"v>
+		<el-form ref="form" size="mini" label-width="60px">
 			<div v-for="(evn, key) in eventsObj" :key="key">
 				<el-form-item :label="$t('Event') + ':'">
 					<div>{{key}}</div>

src/views/Editor/Inspector/PropsTab.vue

@@ -4,6 +4,7 @@
       <el-form ref="form" size="mini" :model="form" label-width="80px" @submit.native.prevent>
         <el-collapse v-model="configColl">
           <el-collapse-item title="配置" name="properties">
+            <div class="zero-inspector-props-group">
               <el-form-item label="名称">
                 <el-input v-model="form.name" @input="v => handleChange('name', v)"></el-input>
               </el-form-item>
@@ -23,6 +24,7 @@
                   </el-tooltip>
                 </el-form-item>
               </template>
+            </div>
           </el-collapse-item>
           <el-collapse-item title="脚本" name="scripts">
             <el-collapse accordion v-if="activeComponent.scripts && activeComponent.scripts.length">
@@ -241,7 +243,7 @@ export default {
      */
     getPropValue(item, key) {
       let _properties = this.activeComponentCopy.properties;
-      return _properties[key] || item.value;
+      return (_properties[key] === undefined ||  _properties[key] === null) ? item.value : _properties[key];
     },
     getScriptValue(item, key, index) {
       let _script = this.activeComponent.scripts[index];
@@ -300,6 +302,12 @@ export default {
   .el-divider__text {
     background-color: #e9e9e9;
   }
+  .zero-inspector-props-group{
+    width: 100%;
+    max-height: 600px;
+    overflow-x: hidden;
+    overflow-y: auto;
+  }
 }
 .script-config-dialog {
   height: 350px;

src/views/Editor/components/drawPanel.vue

@@ -33,7 +33,7 @@
 <script>
 import { mapState, mapGetters } from 'vuex';
 import wrap from './wrap';
-import { styles, getParentCmps } from '../../../utils/common';
+import { styles } from '../../../utils/common';
 import properties from '../../../utils/properties';
 import VueDraggableResizable from 'vue-draggable-resizable';
 

src/views/Editor/components/wrapper.vue

@@ -26,7 +26,7 @@
 
 <script>
 import { mapState, mapGetters } from 'vuex';
-import { styles, getParentCmps } from '../../../utils/common';
+import { styles } from '../../../utils/common';
 import properties from '../../../utils/properties';
 import customNode from '../../../components/customElement/node/index.vue';