diff --git a/src/runtime/DefineWidget.ts b/src/runtime/DefineWidget.ts
index 706f91f..7c460c8 100644
--- a/src/runtime/DefineWidget.ts
+++ b/src/runtime/DefineWidget.ts
@@ -31,7 +31,7 @@ export class WidgetInfo {
       console.log(`Widget ${this.option.name} already exists`)
       return
     }
-    _widgetMap.set(this.option.name, markRaw(this.option))
+    _widgetMap.set(this.option.name, this.option)
   }
 }
 
diff --git a/src/views/ModelMain.vue b/src/views/ModelMain.vue
index 59cd520..025bf5a 100644
--- a/src/views/ModelMain.vue
+++ b/src/views/ModelMain.vue
@@ -59,48 +59,15 @@
             </SplitArea>
             <SplitArea class="section-center" :class="{'hidden-split':hideRight}" :size="calcCenterSize">
               <el-tabs type="card" class="section-tabs">
-                <el-tab-pane label="标签1">
-                  <div class="section-canvas">
-                    <div class="section-top-toolbar section-toolbar">
-                      <el-button type="primary" :icon="renderIcon('element TopLeft')" link></el-button>
-                      <span class="section-toolbar-line"></span>
-                      <el-button type="primary" :icon="renderIcon('element TopRight')" link></el-button>
-                      <span class="section-toolbar-line"></span>
-                      <el-button type="primary" :icon="renderIcon('icon5 Resize')" link>尺寸</el-button>
-                      <span class="section-toolbar-line"></span>
-                      <el-button type="primary" :icon="renderIcon('antd SwitcherOutlined')" link>图层</el-button>
-                      <span class="section-toolbar-line"></span>
-                      <el-button type="primary" :icon="renderIcon('element Setting')" link>设置</el-button>
-                    </div>
-                    <div class="section-content"></div>
-                    <div class="section-bottom-toolbar section-toolbar">
-                      <div class="section-toolbar-left">
-                        <el-button type="primary" :icon="renderIcon('fa MousePointer')" link></el-button>
-                        <span class="section-toolbar-line"></span>
-                        <el-button type="primary" :icon="renderIcon('element Aim')" link></el-button>
-                        <span class="section-toolbar-line"></span>
-                        <el-button type="primary" :icon="renderIcon('antd LineOutlined')" link></el-button>
-                        <span class="section-toolbar-line"></span>
-                        <el-button type="primary" :icon="renderIcon('icon5 BandageSharp')" link></el-button>
-                        <span class="section-toolbar-line"></span>
-                        <el-button type="primary" :icon="renderIcon('antd InsertRowLeftOutlined')" link></el-button>
-                      </div>
-                      <div class="section-toolbar-right">
-                        <el-button type="primary" size="small" round>清空选择</el-button>
-                        <div class="infor">
-                          X=14.091,Y=12.397
-                        </div>
-                      </div>
-                    </div>
-                  </div>
+                <el-tab-pane label="模型属性" lazy>
+                  <el-empty description="暂无数据" />
+                </el-tab-pane>
+                <el-tab-pane label="3D编辑器" name="ModelEditor" lazy>
+                  <ModelEditor />
+                </el-tab-pane>
+                <el-tab-pane label="基础资料" lazy>
+                  <el-empty description="暂无数据" />
                 </el-tab-pane>
-                <el-tab-pane label="标签2">标签2</el-tab-pane>
-                <el-tab-pane label="标签3">标签3</el-tab-pane>
-                <el-tab-pane label="标签4">标签4</el-tab-pane>
-                <el-tab-pane label="标签5">标签5</el-tab-pane>
-                <el-tab-pane label="标签6">标签6</el-tab-pane>
-                <el-tab-pane label="标签7">标签7</el-tab-pane>
-                <el-tab-pane label="标签8">标签8</el-tab-pane>
               </el-tabs>
             </SplitArea>
             <SplitArea v-show="!hideRight" class="section-right" :size="hideRight ? 0 : sectionRightSize">
@@ -166,11 +133,12 @@ import './ModelMain.less'
 import ModelMainInit from '@/views/ModelMainInit.js'
 import { getRootMenu } from '@/runtime/DefineMenu.js'
 import { getWidgetByName, getWidgetBySide } from '@/runtime/DefineWidget.js'
+import ModelEditor from '@/views/modeleditor/ModelEditor.vue'
 
 ModelMainInit()
 
 export default {
-  components: { Split, SplitArea },
+  components: { ModelEditor, Split, SplitArea },
   mounted() {
   },
   data() {
diff --git a/src/views/modeleditor/ModelEditor.vue b/src/views/modeleditor/ModelEditor.vue
index e69de29..b9ca4f0 100644
--- a/src/views/modeleditor/ModelEditor.vue
+++ b/src/views/modeleditor/ModelEditor.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="section-canvas">
+    <div class="section-top-toolbar section-toolbar">
+      <el-button type="primary" :icon="renderIcon('element TopLeft')" link></el-button>
+      <span class="section-toolbar-line"></span>
+      <el-button type="primary" :icon="renderIcon('element TopRight')" link></el-button>
+      <span class="section-toolbar-line"></span>
+      <el-button type="primary" :icon="renderIcon('icon5 Resize')" link>尺寸</el-button>
+      <span class="section-toolbar-line"></span>
+      <el-button type="primary" :icon="renderIcon('antd SwitcherOutlined')" link>图层</el-button>
+      <span class="section-toolbar-line"></span>
+      <el-button type="primary" :icon="renderIcon('element Setting')" link>设置</el-button>
+    </div>
+    <div class="section-content"></div>
+    <div class="section-bottom-toolbar section-toolbar">
+      <div class="section-toolbar-left">
+        <el-button type="primary" :icon="renderIcon('fa MousePointer')" link></el-button>
+        <span class="section-toolbar-line"></span>
+        <el-button type="primary" :icon="renderIcon('element Aim')" link></el-button>
+        <span class="section-toolbar-line"></span>
+        <el-button type="primary" :icon="renderIcon('antd LineOutlined')" link></el-button>
+        <span class="section-toolbar-line"></span>
+        <el-button type="primary" :icon="renderIcon('icon5 BandageSharp')" link></el-button>
+        <span class="section-toolbar-line"></span>
+        <el-button type="primary" :icon="renderIcon('antd InsertRowLeftOutlined')" link></el-button>
+      </div>
+      <div class="section-toolbar-right">
+        <el-button type="primary" size="small" round>清空选择</el-button>
+        <div class="infor">
+          X=14.091,Y=12.397
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { renderIcon } from '@/utils/webutils.ts'
+
+export default {
+  name: 'ModelEditor',
+  components: {
+    renderIcon
+  },
+  data() {
+    return {
+      sectionLeftSearch: '',
+      sectionRightSize: 0,
+      sectionBottomSize: 0,
+      hideRight: false,
+      hideBottom: false,
+      calcRightPanel: null,
+      calcBottomPanel: null
+    }
+  },
+  methods: {
+    renderIcon
+  }
+}
+</script>
\ No newline at end of file