vxe-table 3.8.0-beta.3 → 3.8.0-beta.4

package/packages/icon/index.js

@@ -1,9 +1,11 @@
-import VxeIcon from './src/icon'
+import VxeIconComponent from './src/icon'
 
-export const Icon = Object.assign(VxeIcon, {
+export const VxeIcon = Object.assign(VxeIconComponent, {
   install (Vue) {
-    Vue.component(VxeIcon.name, VxeIcon)
+    Vue.component(VxeIconComponent.name, VxeIconComponent)
   }
 })
 
-export default Icon
+export const Icon = VxeIcon
+
+export default VxeIcon

package/packages/input/index.d.ts

@@ -1,4 +1,4 @@
-import { Input } from '../../types/input'
+import { VxeInput } from '../../types/input'
 
 export * from '../../types/input'
-export default Input
+export default VxeInput

package/packages/input/index.js

@@ -1,9 +1,11 @@
-import VxeInput from './src/input'
+import VxeInputComponent from './src/input'
 
-export const Input = Object.assign(VxeInput, {
+export const VxeInput = Object.assign(VxeInputComponent, {
   install (Vue) {
-    Vue.component(VxeInput.name, VxeInput)
+    Vue.component(VxeInputComponent.name, VxeInputComponent)
   }
 })
 
-export default Input
+export const Input = VxeInput
+
+export default VxeInput

package/packages/keyboard/index.d.ts

@@ -1,4 +1,4 @@
-import { Keyboard } from '../../types/keyboard'
+import { VxeTableKeyboardModule } from '../../types/module/keyboard'
 
-export * from '../../types/keyboard'
-export default Keyboard
+export * from '../../types/module/keyboard'
+export default VxeTableKeyboardModule

package/packages/keyboard/index.js

@@ -2,11 +2,13 @@ import Table from '../table'
 import mixin from './src/mixin'
 import VXETable from '../v-x-e-table'
 
-export const Keyboard = {
+export const VxeTableKeyboardModule = {
   install () {
     VXETable.reg('keyboard')
     Table.mixins.push(mixin)
   }
 }
 
-export default Keyboard
+export const Keyboard = VxeTableKeyboardModule
+
+export default VxeTableKeyboardModule

package/packages/list/index.d.ts

@@ -1,4 +1,4 @@
-import { List } from '../../types/list'
+import { VxeList } from '../../types/list'
 
 export * from '../../types/list'
-export default List
+export default VxeList

package/packages/list/index.js

@@ -1,9 +1,11 @@
-import VxeList from './src/list'
+import VxeListComponent from './src/list'
 
-export const List = Object.assign(VxeList, {
+export const VxeList = Object.assign(VxeListComponent, {
   install (Vue) {
-    Vue.component(VxeList.name, VxeList)
+    Vue.component(VxeListComponent.name, VxeListComponent)
   }
 })
 
-export default List
+export const List = VxeList
+
+export default VxeList

package/packages/loading/index.d.ts

@@ -1,4 +1,4 @@
-import { Loading } from '../../types/loading'
+import { VxeLoading } from '../../types/loading'
 
 export * from '../../types/loading'
-export default Loading
+export default VxeLoading

package/packages/loading/index.js

@@ -1,9 +1,11 @@
-import VxeLoading from './src/loading'
+import VxeLoadingComponent from './src/loading'
 
-export const Loading = Object.assign(VxeLoading, {
+export const VxeLoading = Object.assign(VxeLoadingComponent, {
   install (Vue) {
-    Vue.component(VxeLoading.name, VxeLoading)
+    Vue.component(VxeLoadingComponent.name, VxeLoadingComponent)
   }
 })
 
+export const Loading = VxeLoading
+
 export default VxeLoading

package/packages/locale/lang/en-US.js

@@ -188,6 +188,12 @@ export default {
       confirm: 'Confirm',
       cancel: 'Cancel'
     },
+    custom: {
+      cstmTitle: 'Column Settings',
+      cstmRestore: 'Restore default',
+      cstmCancel: 'Cancelar',
+      cstmConfirm: 'Confirm'
+    },
     import: {
       modes: {
         covering: 'Covering',

package/packages/locale/lang/es-ES.js

@@ -180,6 +180,12 @@ export default {
       confirm: 'Confirmar',
       cancel: 'Cancelar'
     },
+    custom: {
+      cstmTitle: 'Column Settings',
+      cstmRestore: 'Restore default',
+      cstmCancel: 'Cancelar',
+      cstmConfirm: 'Confirm'
+    },
     import: {
       modes: {
         covering: 'Cubriendo',

package/packages/locale/lang/ja-JP.js

@@ -188,6 +188,12 @@ export default {
       confirm: '完了',
       cancel: 'キャンセル'
     },
+    custom: {
+      cstmTitle: 'Column Settings',
+      cstmRestore: 'Restore default',
+      cstmCancel: 'Cancelar',
+      cstmConfirm: 'Confirm'
+    },
     import: {
       modes: {
         covering: 'カバー',

package/packages/locale/lang/pt-BR.js

@@ -180,6 +180,12 @@ export default {
       confirm: 'Confirmar',
       cancel: 'Cancelar'
     },
+    custom: {
+      cstmTitle: 'Column Settings',
+      cstmRestore: 'Restore default',
+      cstmCancel: 'Cancelar',
+      cstmConfirm: 'Confirm'
+    },
     import: {
       modes: {
         covering: 'Sobrescrever',

package/packages/locale/lang/zh-CN.js

@@ -188,6 +188,12 @@ export default {
       confirm: '确认',
       cancel: '取消'
     },
+    custom: {
+      cstmTitle: '列设置',
+      cstmRestore: '恢复默认',
+      cstmCancel: '取消',
+      cstmConfirm: '确定'
+    },
     import: {
       modes: {
         covering: '覆盖',

package/packages/locale/lang/zh-TC.js

@@ -188,6 +188,12 @@ export default {
       confirm: '確認',
       cancel: '取消'
     },
+    custom: {
+      cstmTitle: '列設定',
+      cstmRestore: '恢復默認',
+      cstmCancel: '取消',
+      cstmConfirm: '確認'
+    },
     import: {
       modes: {
         covering: '覆盖',

package/packages/menu/index.d.ts

@@ -1,4 +1,4 @@
-import { Menu } from '../../types/menu'
+import { VxeTableMenuModule } from '../../types/module/menu'
 
-export * from '../../types/menu'
-export default Menu
+export * from '../../types/module/menu'
+export default VxeTableMenuModule

package/packages/menu/index.js

@@ -3,7 +3,7 @@ import VXETable from '../v-x-e-table'
 import Panel from './src/panel'
 import mixin from './src/mixin'
 
-export const Menu = {
+export const VxeTableMenuModule = {
   Panel,
   install (Vue) {
     VXETable.reg('menu')
@@ -12,4 +12,6 @@ export const Menu = {
   }
 }
 
-export default Menu
+export const Menu = VxeTableMenuModule
+
+export default VxeTableMenuModule

package/packages/menu/src/panel.js

@@ -1,7 +1,7 @@
 import { getFuncText } from '../../tools/utils'
 
 export default {
-  name: 'VxeTableContextMenu',
+  name: 'VxeTableMenuPanel',
   props: {
     ctxMenuStore: Object,
     ctxMenuOpts: Object

package/packages/modal/index.d.ts

@@ -1,4 +1,4 @@
-import { Modal } from '../../types/modal'
+import { VxeModal } from '../../types/modal'
 
 export * from '../../types/modal'
-export default Modal
+export default VxeModal

package/packages/modal/index.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils'
-import VXEModal, { allActivedModals } from './src/modal'
+import VXEModalComponent, { allActivedModals } from './src/modal'
 import VXETable from '../v-x-e-table'
 
 /* eslint-disable @typescript-eslint/no-use-before-define */
@@ -94,12 +94,13 @@ shortcutTypes.forEach((type, index) => {
   }
 })
 
-export const Modal = Object.assign(VXEModal, {
+export const VxeModal = Object.assign(VXEModalComponent, {
   install (Vue) {
     VXETable._modal = 1
-    Vue.component(VXEModal.name, VXEModal)
-    ModalClass = Vue.extend(VXEModal)
+    Vue.component(VXEModalComponent.name, VXEModalComponent)
+    ModalClass = Vue.extend(VXEModalComponent)
     VXETable.modal = ModalController
+    // 兼容老版本
     if (!Vue.prototype.$vxe) {
       Vue.prototype.$vxe = { modal: ModalController }
     } else {
@@ -108,4 +109,6 @@ export const Modal = Object.assign(VXEModal, {
   }
 })
 
-export default Modal
+export const Modal = VxeModal
+
+export default VxeModal

package/packages/modal/src/modal.js

@@ -248,7 +248,7 @@ export default {
           return h('span', {
             class: `${type}-resize`,
             attrs: {
-              type: type
+              type
             },
             on: {
               mousedown: this.dragEvent

package/packages/optgroup/index.d.ts

@@ -1,4 +1,4 @@
-import { Optgroup } from '../../types/optgroup'
+import { VxeOptgroup } from '../../types/optgroup'
 
 export * from '../../types/optgroup'
-export default Optgroup
+export default VxeOptgroup

package/packages/optgroup/index.js

@@ -1,9 +1,11 @@
-import VxeOptgroup from '../select/src/optgroup'
+import VxeOptgroupComponent from '../select/src/optgroup'
 
-export const Optgroup = Object.assign(VxeOptgroup, {
+export const VxeOptgroup = Object.assign(VxeOptgroupComponent, {
   install (Vue) {
-    Vue.component(VxeOptgroup.name, VxeOptgroup)
+    Vue.component(VxeOptgroupComponent.name, VxeOptgroupComponent)
   }
 })
 
-export default Optgroup
+export const Optgroup = VxeOptgroup
+
+export default VxeOptgroup

package/packages/option/index.d.ts

@@ -1,4 +1,4 @@
-import { Option } from '../../types/option'
+import { VxeOption } from '../../types/option'
 
 export * from '../../types/option'
-export default Option
+export default VxeOption

package/packages/option/index.js

@@ -1,9 +1,11 @@
-import VxeOption from '../select/src/option'
+import VxeOptionComponent from '../select/src/option'
 
-export const Option = Object.assign(VxeOption, {
+export const VxeOption = Object.assign(VxeOptionComponent, {
   install (Vue) {
-    Vue.component(VxeOption.name, VxeOption)
+    Vue.component(VxeOptionComponent.name, VxeOptionComponent)
   }
 })
 
-export default Option
+export const Option = VxeOption
+
+export default VxeOption

package/packages/pager/index.d.ts

@@ -1,4 +1,4 @@
-import { Pager } from '../../types/pager'
+import { VxePager } from '../../types/pager'
 
 export * from '../../types/pager'
-export default Pager
+export default VxePager

package/packages/pager/index.js

@@ -1,9 +1,11 @@
-import VxePager from './src/pager'
+import VxePagerComponent from './src/pager'
 
-export const Pager = Object.assign(VxePager, {
+export const VxePager = Object.assign(VxePagerComponent, {
   install (Vue) {
-    Vue.component(VxePager.name, VxePager)
+    Vue.component(VxePagerComponent.name, VxePagerComponent)
   }
 })
 
-export default Pager
+export const Pager = VxePager
+
+export default VxePager

package/packages/pulldown/index.d.ts

@@ -1,4 +1,4 @@
-import { Pulldown } from '../../types/pulldown'
+import { VxePulldown } from '../../types/pulldown'
 
 export * from '../../types/pulldown'
-export default Pulldown
+export default VxePulldown

package/packages/pulldown/index.js

@@ -1,9 +1,11 @@
-import VxePulldown from './src/pulldown'
+import VxePulldownComponent from './src/pulldown'
 
-export const Pulldown = Object.assign(VxePulldown, {
+export const VxePulldown = Object.assign(VxePulldownComponent, {
   install (Vue) {
-    Vue.component(VxePulldown.name, VxePulldown)
+    Vue.component(VxePulldownComponent.name, VxePulldownComponent)
   }
 })
 
-export default Pulldown
+export const Pulldown = VxePulldown
+
+export default VxePulldown

package/packages/radio/index.d.ts

@@ -1,4 +1,4 @@
-import { Radio } from '../../types/radio'
+import { VxeRadio } from '../../types/radio'
 
 export * from '../../types/radio'
-export default Radio
+export default VxeRadio

package/packages/radio/index.js

@@ -1,9 +1,11 @@
-import VxeRadio from './src/radio'
+import VxeRadioComponent from './src/radio'
 
-export const Radio = Object.assign(VxeRadio, {
+export const VxeRadio = Object.assign(VxeRadioComponent, {
   install (Vue) {
-    Vue.component(VxeRadio.name, VxeRadio)
+    Vue.component(VxeRadioComponent.name, VxeRadioComponent)
   }
 })
 
-export default Radio
+export const Radio = VxeRadio
+
+export default VxeRadio

package/packages/radio/src/group.js

@@ -5,6 +5,7 @@ export default {
   name: 'VxeRadioGroup',
   props: {
     value: [String, Number, Boolean],
+    type: String,
     options: Array,
     optionProps: Object,
     disabled: Boolean,
@@ -44,12 +45,13 @@ export default {
     }
   },
   render (h) {
-    const { $scopedSlots, options, valueField, labelField } = this
+    const { $scopedSlots, options, type, valueField, labelField } = this
     const defaultSlot = $scopedSlots.default
+    const btnComp = type === 'button' ? 'vxe-radio-button' : 'vxe-radio'
     return h('div', {
       class: 'vxe-radio-group'
     }, defaultSlot ? defaultSlot.call(this, {}) : (options ? options.map(item => {
-      return h('vxe-radio', {
+      return h(btnComp, {
         props: {
           label: item[valueField],
           content: item[labelField]

package/packages/radio-button/index.d.ts

@@ -1,4 +1,4 @@
-import { RadioButton } from '../../types/radio-button'
+import { VxeRadioButton } from '../../types/radio-button'
 
 export * from '../../types/radio-button'
-export default RadioButton
+export default VxeRadioButton

package/packages/radio-button/index.js

@@ -1,9 +1,11 @@
-import VxeRadioButton from '../radio/src/button'
+import VxeRadioButtonComponent from '../radio/src/button'
 
-export const RadioButton = Object.assign(VxeRadioButton, {
+export const VxeRadioButton = Object.assign(VxeRadioButtonComponent, {
   install (Vue) {
-    Vue.component(VxeRadioButton.name, VxeRadioButton)
+    Vue.component(VxeRadioButtonComponent.name, VxeRadioButtonComponent)
   }
 })
 
-export default RadioButton
+export const RadioButton = VxeRadioButton
+
+export default VxeRadioButton

package/packages/radio-group/index.d.ts

@@ -1,4 +1,4 @@
-import { RadioGroup } from '../../types/radio-group'
+import { VxeRadioGroup } from '../../types/radio-group'
 
 export * from '../../types/radio-group'
-export default RadioGroup
+export default VxeRadioGroup

package/packages/radio-group/index.js

@@ -1,9 +1,11 @@
-import VxeRadioGroup from '../radio/src/group'
+import VxeRadioGroupComponent from '../radio/src/group'
 
-export const RadioGroup = Object.assign(VxeRadioGroup, {
+export const VxeRadioGroup = Object.assign(VxeRadioGroupComponent, {
   install (Vue) {
-    Vue.component(VxeRadioGroup.name, VxeRadioGroup)
+    Vue.component(VxeRadioGroupComponent.name, VxeRadioGroupComponent)
   }
 })
 
-export default RadioGroup
+export const RadioGroup = VxeRadioGroup
+
+export default VxeRadioGroup

package/packages/select/index.d.ts

@@ -1,4 +1,4 @@
-import { Select } from '../../types/select'
+import { VxeSelect } from '../../types/select'
 
 export * from '../../types/select'
-export default Select
+export default VxeSelect

package/packages/select/index.js

@@ -1,15 +1,17 @@
-import VxeSelect from './src/select'
-import VxeOption from './src/option'
-import VxeOptgroup from './src/optgroup'
+import VxeSelectComponent from './src/select'
+import VxeOptionComponent from './src/option'
+import VxeOptgroupComponent from './src/optgroup'
 
-export const Select = Object.assign(VxeSelect, {
-  Option: VxeOption,
-  Optgroup: VxeOptgroup,
+export const VxeSelect = Object.assign(VxeSelectComponent, {
+  Option: VxeOptionComponent,
+  Optgroup: VxeOptgroupComponent,
   install (Vue) {
-    Vue.component(VxeSelect.name, VxeSelect)
-    Vue.component(VxeOption.name, VxeOption)
-    Vue.component(VxeOptgroup.name, VxeOptgroup)
+    Vue.component(VxeSelectComponent.name, VxeSelectComponent)
+    Vue.component(VxeOptionComponent.name, VxeOptionComponent)
+    Vue.component(VxeOptgroupComponent.name, VxeOptgroupComponent)
   }
 })
 
-export default Select
+export const Select = VxeSelect
+
+export default VxeSelect

package/packages/select/src/select.js

@@ -159,7 +159,7 @@ export function renderOption (h, _vm, list, group) {
         'is--hover': currentValue === optionValue
       }],
       attrs: {
-        optid: optid
+        optid
       },
       on: {
         mousedown: _vm.mousedownOptionEvent,
@@ -194,7 +194,7 @@ export function renderOptgroup (h, _vm) {
         'is--disabled': isGroupDisabled
       }],
       attrs: {
-        optid: optid
+        optid
       }
     }, [
       h('div', {
@@ -441,7 +441,7 @@ export default {
           clearable: this.clearable,
           placeholder: this.placeholder,
           readonly: true,
-          disabled: disabled,
+          disabled,
           type: 'text',
           prefixIcon: this.prefixIcon,
           suffixIcon: loading ? GlobalConfig.icon.SELECT_LOADED : (visiblePanel ? GlobalConfig.icon.SELECT_OPEN : GlobalConfig.icon.SELECT_CLOSE),

package/packages/switch/index.js

@@ -1,9 +1,11 @@
-import VxeSwitch from './src/switch'
+import VxeSwitchComponent from './src/switch'
 
-export const Switch = Object.assign(VxeSwitch, {
+export const VxeSwitch = Object.assign(VxeSwitchComponent, {
   install (Vue) {
-    Vue.component(VxeSwitch.name, VxeSwitch)
+    Vue.component(VxeSwitchComponent.name, VxeSwitchComponent)
   }
 })
 
-export default Switch
+export const Switch = VxeSwitch
+
+export default VxeSwitch

package/packages/switch/src/switch.js

@@ -68,7 +68,7 @@ export default {
         class: 'vxe-switch--button',
         attrs: {
           type: 'button',
-          disabled: disabled
+          disabled
         },
         on: {
           click: this.clickEvent,

package/packages/table/index.d.ts

@@ -1,4 +1,4 @@
-import { Table } from '../../types/table'
+import { VxeTable } from '../../types/table'
 
 export * from '../../types/table'
-export default Table
+export default VxeTable

package/packages/table/index.js

@@ -1,11 +1,11 @@
-import VxeTable from './src/table'
-import VxeTableBody from './src/body'
+import VxeTableComponent from './src/table'
+import VxeTableBodyComponent from './src/body'
 import VXETable from '../v-x-e-table'
 
-export const Table = Object.assign(VxeTable, {
+export const VxeTable = Object.assign(VxeTableComponent, {
   install (Vue) {
     if (typeof window !== 'undefined' && window.VXETableMixin) {
-      VxeTable.mixins.push(window.VXETableMixin)
+      VxeTableComponent.mixins.push(window.VXETableMixin)
       delete window.VXETableMixin
     }
     if (typeof window !== 'undefined' && window.VXETableExtendCellArea && window.VXETableExtendCellArea.init) {
@@ -16,17 +16,19 @@ export const Table = Object.assign(VxeTable, {
       delete window.VXETablePro
     }
     VXETable.Vue = Vue
-    VXETable.Table = VxeTable
-    VXETable.TableComponent = VxeTable
+    VXETable.Table = VxeTableComponent
+    VXETable.TableComponent = VxeTableComponent
     if (!Vue.prototype.$vxe) {
       Vue.prototype.$vxe = { t: VXETable.t, _t: VXETable._t }
     } else {
       Vue.prototype.$vxe.t = VXETable.t
       Vue.prototype.$vxe._t = VXETable._t
     }
-    Vue.component(VxeTable.name, VxeTable)
-    Vue.component(VxeTableBody.name, VxeTableBody)
+    Vue.component(VxeTableComponent.name, VxeTableComponent)
+    Vue.component(VxeTableBodyComponent.name, VxeTableBodyComponent)
   }
 })
 
-export default Table
+export const Table = VxeTable
+
+export default VxeTable

package/packages/table/src/body.js

@@ -377,7 +377,7 @@ function renderRows (h, _vm, $xetable, fixedType, tableData, tableColumn) {
           rowClassName ? (XEUtils.isFunction(rowClassName) ? rowClassName(params) : rowClassName) : ''
         ],
         attrs: {
-          rowid: rowid
+          rowid
         },
         style: rowStyle ? (XEUtils.isFunction(rowStyle) ? rowStyle(params) : rowStyle) : null,
         key: (rowKey || rowOpts.useKey) || treeConfig ? rowid : $rowIndex,