hm-complex-panel -> hm-panel

src/views/haomo/components/panel/HmComplexPanel.md → src/views/haomo/components/panel/HmPanel.md

 ### 基本使用
 
 ```jsx
-    <hm-complex-panel     :hmTitle="面板标题"
+    <hm-panel     :hmTitle="面板标题"
                           :hmTitleClass='center'
                           :hmContentClass='center'
                           :hmContentText='面板文字'
@@ -201,22 +201,22 @@
                                        'type': 'number'
                                      }
                                    ]
-                                 }"></hm-complex-panel>
+                                 }"></hm-panel>
 ```
 ### 指定显示的表单类型
 
 ```vue
 <template>
   <div>
-    <hm-complex-panel  :schema="schema['HmUser']" :hmTitle="hmTitle" :hmTitleClass="hmTitleClass" :hmContentClass="hmContentClass"
+    <hm-panel  :schema="schema['HmUser']" :hmTitle="hmTitle" :hmTitleClass="hmTitleClass" :hmContentClass="hmContentClass"
                       :hmContentText="hmContentText" :hmPanelHeight="hmPanelHeight">
-    </hm-complex-panel>
+    </hm-panel>
   </div>
 </template>
 
 <script>
   export default {
-    name: 'HmComplexPanel',
+    name: 'HmPanel',
     data() {
       return {
         schema: {

src/views/haomo/components/panel/HmComplexPanel.vue → src/views/haomo/components/panel/HmPanel.vue

@@ -20,7 +20,7 @@
   import request from '@/utils/request'
 
   export default {
-    name: 'HmComplexPanel',
+    name: 'HmPanel',
     // 继承其他组件
     extends: {},
     // 使用其它组件

src/views/haomo/components/panel/index.vue

 <template>
   <div>
-    <hm-complex-panel :schema="schema['HmUser']" :hmTitle="titleBak" :hmContentClass="hmContentClass"
+    <hm-panel :schema="schema['HmUser']" :hmTitle="titleBak" :hmContentClass="hmContentClass"
                       :hmStyle="styleBak" :hmPanelHeight="panelHeightBak" :hmCollapse="collapseBak">
-    </hm-complex-panel>
-    <hm-complex-panel :schema="schema['HmUser']" :hmTitle="hmTitle" :hmTitleClass="hmTitleClass"
+    </hm-panel>
+    <hm-panel :schema="schema['HmUser']" :hmTitle="hmTitle" :hmTitleClass="hmTitleClass"
                       :hmContentText="hmContentText" :hmStyle="hmStyle" :hmPanelHeight="hmPanelHeight" :hmCollapse="collapses">
-    </hm-complex-panel>
+    </hm-panel>
   </div>
 </template>
 
 <script>
-  import HmComplexPanel from './HmComplexPanel.vue'
+  import HmPanel from './HmPanel.vue'
   import schema from '../../schemas/hm_org_schema'
   import HmComplexDetail from '../details/HmComplexDetail.vue'
 
   export default {
-    name: 'HmComplexPanel',
+    name: 'HmPanel',
     // 继承其他组件
     extends: {},
     // 使用其它组件
     components: {
-      'hm-complex-panel': HmComplexPanel,
+      'hm-panel': HmPanel,
       'hm-complex-detail': HmComplexDetail
     },
     data() {

styleguide.config.js

@@ -29,7 +29,7 @@ const sections = [
         './src/views/haomo/components/tables/HmComplexTable.vue',
         './src/views/haomo/components/forms/HmComplexForm.vue',
         './src/views/haomo/components/details/HmComplexDetail.vue',
-        './src/views/haomo/components/panel/HmComplexPanel.vue'
+        './src/views/haomo/components/panel/HmPanel.vue'
       ]
     }
   },