更改组件命名

src/components/HelloWorld.vue

 <template>
   <div>
-    <hsTable
+    <hs-table
       maxHeight='500px'
       :elInfo="elInfo"
       :allSourceData='allSourceData'
-    ></hsTable>
+    ></hs-table>
   </div>
 </template>
 <script>

src/packages/hs-action/index.vue

@@ -27,7 +27,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsAction',
+  name: 'hs-action',
   props: {
     elInfo: {
       type: Object,

src/packages/hs-button-group/index.vue

@@ -34,7 +34,7 @@
 import jsoneditor from '../common/jsoneditor'
 import ucComponent from '../ucClass/uc_component'
 export default {
-  name: 'hsButtonGroup',
+  name: 'hs-button-group',
   mixins: [ucComponent],
   components: {
     jsoneditor

src/packages/hs-carousel/index.vue

@@ -23,7 +23,7 @@ import uuidv1 from 'uuid/v1'
 import ucComponent from '../ucClass/uc_component'
 export default {
   mixins: [ucComponent],
-  name: 'hsCarousel',
+  name: 'hs-carousel',
   components: {
     jsoneditor
   },

src/packages/hs-cascader/index.vue

@@ -38,7 +38,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsCascader',
+  name: 'hs-cascader',
   props: {
     allSourceData: {
       type: Object,

src/packages/hs-checkbox-group/index.vue

@@ -33,7 +33,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: "hsCheckboxGroup",
+  name: "hs-checkbox-group",
   props: {
     allSourceData: {
       type: Object,

src/packages/hs-checkbox/index.vue

@@ -20,7 +20,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsCheckbox',
+  name: 'hs-checkbox',
   props: {
     allSourceData: {
       type: Object,

src/packages/hs-computed/index.vue

@@ -24,7 +24,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: "hsComputed",
+  name: "hs-computed",
   props: {
     allSourceData: {
       type: Object,

src/packages/hs-date-picker/index.vue

@@ -48,7 +48,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: "hsDatePicker",
+  name: "hs-date-picker",
   props: {
     elInfo: {
       type: Object,

src/packages/hs-dialog/index.vue

@@ -29,7 +29,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsDialog',
+  name: 'hs-dialog',
   props: {
     visible: {},
     allSourceData: {

src/packages/hs-divider/index.vue

@@ -21,7 +21,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsDivider',
+  name: 'hs-divider',
   props: {
     allSourceData: {
       type: Object,

src/packages/hs-dyncForm/dyncFormItemComponentChild.vue

@@ -85,7 +85,7 @@
       </el-checkbox>
     </template>
     <template v-if="item.type==='hsSelectPlus'">
-      <hsSelectPlus
+      <hs-select-plus
         :writeBackObject='formParms'
         v-model="formParms[item.prop]"
         :allSourceData='item.allSourceData'
@@ -95,10 +95,10 @@
         :containerType='type'
         :requestMethod='item.requestMethod'
       >
-      </hsSelectPlus>
+      </hs-select-plus>
     </template>
     <template v-if="item.type==='hsFile'">
-      <hsFile
+      <hs-file
         v-model="formParms[item.prop]"
         :allSourceData='item.allSourceData'
         :elInfo='item.elInfo'
@@ -107,10 +107,10 @@
         :uploadFileFun='item.uploadFileFun'
         :containerType='type'
       >
-      </hsFile>
+      </hs-file>
     </template>
     <template v-if="item.type==='hsComputed'">
-      <hsComputed
+      <hs-computed
         v-model="formParms[item.prop]"
         :allSourceData='item.allSourceData'
         :elInfo='item.elInfo'
@@ -119,10 +119,10 @@
         :prop='item.prop'
         :containerType='type'
       >
-      </hsComputed>
+      </hs-computed>
     </template>
     <template v-if="item.type==='hsInput'">
-      <hsInput
+      <hs-input
         v-model="formParms[item.prop]"
         :allSourceData='item.allSourceData'
         :elInfo='item.elInfo'
@@ -131,7 +131,7 @@
         :prop='item.prop'
         :containerType='type'
       >
-      </hsInput>
+      </hs-input>
     </template>
   </div>
 

src/packages/hs-dyncForm/index.vue

@@ -39,7 +39,7 @@ import _ from 'lodash'
 import dyncFormItemComponentTable from './dyncFormItemComponentTable'
 import dyncFormItemComponentQuery from './dyncFormItemComponentQuery'
 export default {
-  name: 'hsDyncForm',
+  name: 'hs-dyncForm',
   mixins: [ucComponent],
   components: {
     jsoneditor,

src/packages/hs-file/index.vue

@@ -169,7 +169,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsFile',
+  name: 'hs-file',
   props: {
     uploadFileFun: {
       type: Function

src/packages/hs-gantt/index.vue

@@ -27,7 +27,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsGantt',
+  name: 'hs-gantt',
   props: {
     elInfo: {
       type: Object,

src/packages/hs-input/index.vue

@@ -41,7 +41,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: "hsInput",
+  name: "hs-input",
   props: {
     prop: {},
     formData: {

src/packages/hs-line-bar/index.vue

@@ -26,7 +26,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsLineBar',
+  name: 'hs-line-bar',
   props: {
     elInfo: {
       type: Object,

src/packages/hs-radio/index.vue

@@ -24,7 +24,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsRadio',
+  name: 'hs-radio',
   props: {
     allSourceData: {
       type: Object,

src/packages/hs-select-plus/index.vue

@@ -88,7 +88,7 @@ import commonUtility from '../funTools/commonUtility'
 import dialogIframe from '../common/dialogTemplate/dialogIframe'
 export default {
   mixins: [ucComponent],
-  name: 'hsSelectPlus',
+  name: 'hs-select-plus',
   components: {
     jsoneditor,
     dialogIframe

src/packages/hs-switch/index.vue

@@ -31,7 +31,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: "hsSwitch",
+  name: "hs-switch",
   props: {
     disabled: {
       type: Boolean,

src/packages/hs-table/ItemComponentChild.vue

@@ -60,13 +60,13 @@
       </el-date-picker>
     </template>
     <template v-if="item.showType==='elSwitch'">
-      <hsSwitch
+      <hs-switch
         style="width:100%"
         size='mini'
         v-model="formParms[item.prop]"
         :disabled='disabled'
       >
-      </hsSwitch>
+      </hs-switch>
     </template>
     <template v-if="item.showType==='elCheckbox'">
       <el-checkbox
@@ -78,17 +78,17 @@
       </el-checkbox>
     </template>
     <template v-if="item.showType==='hsComputed'">
-        <hsComputed
+        <hs-computed
         v-model="formParms[item.prop]"
         :allSourceData='item.allSourceData'
         :elInfo='item.elInfo'
         :readonly='disabled'
         :formData='formParms'
         >
-      </hsComputed>
+      </hs-computed>
     </template>
     <template v-if="item.showType==='hsSelectPlus'">
-      <hsSelectPlus
+      <hs-select-plus
        v-model="formParms[item.prop]"
       :allSourceData='item.allSourceData'
       :elInfo='item.elInfo'
@@ -96,7 +96,7 @@
       :readonly='disabled'
       :requestMethod='item.requestMethod'
       >
-      </hsSelectPlus>
+      </hs-select-plus>
     </template>
   </div>
 

src/packages/hs-table/index.vue

@@ -337,7 +337,7 @@ export default {
     dialogUpload,
     dialogIframe
   },
-  name: 'hsTable',
+  name: 'hs-table',
   props: {
     importInfo: {
       // 导入信息

src/packages/hs-tabs-querybi-linkTable/index.vue

@@ -39,7 +39,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsTabsQueryBiLinkTables',
+  name: 'hs-tabs-query-bi-lin-tables',
   props: {
     pageSource: {},
     allSourceData: {

src/packages/hs-tabs/index.vue

@@ -35,7 +35,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsTabs',
+  name: 'hs-tabs',
   props: {
     allSourceData: {
       type: Object,

src/packages/hs-tags/index.vue

@@ -35,7 +35,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: "hsTags",
+  name: "hs-tags",
   props: {
     value: "",
     elInfo: {

src/packages/hs-tree/index.vue

@@ -28,7 +28,7 @@ export default {
   components: {
     jsoneditor
   },
-  name: 'hsTree',
+  name: 'hs-tree',
   props: {
     allSourceData: {
       type: Object,

src/packages/index.js

 import Vue from 'vue'
-import hsInput from './hs-input/index.vue'
-const components={
-  'hs-input':hsInput
-}
-Object.keys(components).forEach(name=>{
-  Vue.component(name, components[name])
+const requireComponent_ = require.context('./', true, /index.vue$/)
+const obj={}
+requireComponent_.keys().forEach(fileName => {
+  const componentConfig = requireComponent_(fileName)
+  const { name } = componentConfig.default
+  if (name) {
+    Vue.component(name, componentConfig.default || componentConfig)
+    obj[name]=componentConfig
+  }
 })
-export default components
-// const requireComponent_ = require.context('./', true, /index.vue$/)
+export default obj
\ No newline at end of file
-// const obj={}
-// requireComponent_.keys().forEach(fileName => {
-//   const componentConfig = requireComponent_(fileName)
-//   const { name } = componentConfig.default
-//   if (name) {
-//     Vue.component(name, componentConfig.default || componentConfig)
-//     obj[name]=componentConfig
-//   }
-// })
-// export default obj
\ No newline at end of file