refactor: change form components names.

Author: woothu

src/components/Form/CFormRadio.vue

@@ -37,13 +37,12 @@
 
 <script>
 import CFormGroup from './CFormGroup'
-import { formInputProps as props } from './formProps'
-
+import { inputProps as props } from './formProps'
 import * as allFormMixins from './formMixins'
 const mixins = Object.values(allFormMixins)
 
 export default {
-  name: 'CFormInput',
+  name: 'CInput',
   inheritAttrs: false,
   components: { CFormGroup },
   mixins,

src/components/Form/CFormInput.vue renamed to src/components/Form/CInput.vue

@@ -35,10 +35,11 @@
 
 <script>
 import { safeId, validationComputedProps } from './formMixins'
-import { formCheckboxProps as props } from './formProps'
+import { inputCheckboxProps as props } from './formProps'
 import CFormGroup from './CFormGroup'
+
 export default {
-  name: 'CFormCheckbox',
+  name: 'CInputCheckbox',
   inheritAttrs: false,
   components: { CFormGroup },
   mixins: [safeId, validationComputedProps],

src/components/Form/CFormCheckbox.vue renamed to src/components/Form/CInputCheckbox.vue

@@ -44,10 +44,11 @@
 <script>
 import * as allFormMixins from './formMixins'
 const mixins = Object.values(allFormMixins).filter((i, key) => key !== 'watchValue')
-import { formFileProps as props } from './formProps'
+import { inputFileProps as props } from './formProps'
 import CFormGroup from './CFormGroup'
+
 export default {
-  name: 'CFormFile',
+  name: 'CInputFile',
   inheritAttrs: false,
   components: { CFormGroup },
   mixins,

src/components/Form/CFormFile.vue renamed to src/components/Form/CInputFile.vue

@@ -0,0 +1,9 @@
+<script>
+import CInputCheckbox from './CInputCheckbox'
+
+export default {
+  name: 'CInputRadio',
+  extends: CInputCheckbox,
+  type: 'radio'
+}
+</script>

src/components/Form/CInputRadio.vue

@@ -57,10 +57,11 @@
 <script>
 import * as allFormMixins from './formMixins'
 const mixins = Object.values(allFormMixins)
-import { formSelectProps as props } from './formProps'
+import { selectProps as props } from './formProps'
 import CFormGroup from './CFormGroup'
+
 export default {
-  name: 'CFormSelect',
+  name: 'CSelect',
   inheritAttrs: false,
   components: { CFormGroup },
   slots: [

src/components/Form/CFormSelect.vue renamed to src/components/Form/CSelect.vue

@@ -35,13 +35,12 @@
 
 <script>
 import CFormGroup from './CFormGroup'
-import { formTextareaProps as props} from './formProps'
-
+import { textareaProps as props} from './formProps'
 import * as allFormMixins from './formMixins'
 const mixins = Object.values(allFormMixins)
 
 export default {
-  name: 'CFormTextarea',
+  name: 'CTextarea',
   inheritAttrs: false,
   components: { CFormGroup },
   mixins,

src/components/Form/CFormTextarea.vue renamed to src/components/Form/CTextarea.vue

@@ -43,20 +43,20 @@ const textInputsProps = {
 }
 
 // Html props: disabled, required, accept, id, placeholder
-export const formFileProps = Object.assign(
+export const inputFileProps = Object.assign(
   {}, formGroupAlwaysSharedProps, props, {
   custom: Boolean,
   placeholder: String,
   multiple: Boolean
 })
 
 // Html props: disabled, required, rows, cols, placeholder, id
-export const formTextareaProps = Object.assign(
+export const textareaProps = Object.assign(
   {}, formGroupSharedProps, props, textInputsProps
 )
 
 // HTML props: disabled, required, placeholder, id
-export const formInputProps = Object.assign(
+export const inputProps = Object.assign(
   {}, formGroupSharedProps, props, textInputsProps, {
   type: {
     type: String,
@@ -65,7 +65,7 @@ export const formInputProps = Object.assign(
 })
 
 // Html props: disabled, id required don't use multiple
-export const formSelectProps = Object.assign(
+export const selectProps = Object.assign(
   {}, formGroupSharedProps, props, {
   options: Array,
   value: [String, Number, Boolean, Array],
@@ -75,7 +75,7 @@ export const formSelectProps = Object.assign(
 })
 
 // Html props: id, disabled, required
-export const formCheckboxProps = Object.assign(
+export const inputCheckboxProps = Object.assign(
   {}, formGroupAlwaysSharedProps, universalProps, {
   checked: Boolean,
   value: {

src/components/Form/formProps.js

@@ -1,19 +1,19 @@
 import CForm from './CForm'
-import CFormInput from './CFormInput'
-import CFormCheckbox from './CFormCheckbox'
-import CFormFile from './CFormFile'
-import CFormTextarea from './CFormTextarea'
-import CFormSelect from './CFormSelect'
-import CFormRadio from './CFormRadio'
 import CFormGroup from './CFormGroup'
+import CInput from './CInput'
+import CInputCheckbox from './CInputCheckbox'
+import CInputFile from './CInputFile'
+import CInputRadio from './CInputRadio'
+import CSelect from './CSelect'
+import CTextarea from './CTextarea'
 
 export {
   CForm,
-  CFormInput,
-  CFormCheckbox,
-  CFormFile,
-  CFormTextarea,
-  CFormSelect,
-  CFormRadio,
-  CFormGroup
+  CFormGroup,
+  CInput,
+  CInputCheckbox,
+  CInputFile,
+  CInputRadio,
+  CSelect,
+  CTextarea
 }

src/components/Form/index.js

@@ -1,7 +1,7 @@
 import { mount } from '@vue/test-utils'
-import Component from '../CFormInput'
+import Component from '../CInput'
 
-const ComponentName = 'CFormInput'
+const ComponentName = 'CInput'
 const wrapper = mount(Component, {
   propsData: {
     id: 'some_id',