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

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,

package/packages/table/src/cell.js

@@ -484,7 +484,8 @@ export const Cell = {
         class: ['vxe-cell--checkbox', {
           'is--checked': isChecked,
           'is--disabled': isDisabled,
-          'is--indeterminate': indeterminate
+          'is--indeterminate': indeterminate,
+          'is--hidden': !isVisible
         }],
         on
       }, checkVNs)
@@ -548,7 +549,8 @@ export const Cell = {
         class: ['vxe-cell--checkbox', {
           'is--checked': isChecked,
           'is--disabled': isDisabled,
-          'is--indeterminate': indeterminateField && !isChecked ? row[indeterminateField] : isIndeterminate
+          'is--indeterminate': indeterminateField && !isChecked ? row[indeterminateField] : isIndeterminate,
+          'is--hidden': !isVisible
         }],
         on
       }, checkVNs)

package/packages/table/src/columnInfo.js

@@ -73,7 +73,7 @@ export class ColumnInfo {
       className: _vm.className,
       headerClassName: _vm.headerClassName,
       footerClassName: _vm.footerClassName,
-      formatter: formatter,
+      formatter,
       sortable: _vm.sortable,
       sortBy: _vm.sortBy,
       sortType: _vm.sortType,
@@ -124,7 +124,7 @@ export class ColumnInfo {
       renderHeader: renderHeader || _vm.renderHeader,
       renderCell: renderCell || _vm.renderCell,
       renderFooter: renderFooter || _vm.renderFooter,
-      renderData: renderData,
+      renderData,
       // 单元格插槽，只对 grid 有效
       slots: _vm.slots
     })

package/packages/table/src/methods.js

@@ -2403,9 +2403,10 @@ const Methods = {
    * 全局按下事件处理
    */
   handleGlobalMousedownEvent (evnt) {
-    const { $el, $refs, $xegrid, $toolbar, mouseConfig, editStore, ctxMenuStore, editRules, editOpts, validOpts, filterStore, getRowNode } = this
+    const { $el, $refs, $xegrid, $toolbar, mouseConfig, editStore, ctxMenuStore, editRules, editOpts, validOpts, filterStore, customStore, getRowNode } = this
     const { actived } = editStore
-    const { ctxWrapper, filterWrapper, validTip } = $refs
+    const { ctxWrapper, filterWrapper, customWrapper, validTip } = $refs
+    // 筛选
     if (filterWrapper) {
       if (getEventTargetNode(evnt, $el, 'vxe-cell--filter').flag) {
         // 如果点击了筛选按钮
@@ -2417,6 +2418,19 @@ const Methods = {
         }
       }
     }
+    // 自定义列
+    if (customWrapper) {
+      if (customStore.btnEl === evnt.target || getEventTargetNode(evnt, document.body, 'vxe-toolbar-custom-target').flag) {
+        // 如果点击了自定义列按钮
+      } else if (getEventTargetNode(evnt, customWrapper.$el).flag) {
+        // 如果点击自定义列容器
+      } else {
+        if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
+          this.preventEvent(evnt, 'event.clearCustom', {}, () => this.closeCustom())
+        }
+      }
+    }
+
     // 如果已激活了编辑状态
     if (actived.row) {
       if (!(editOpts.autoClear === false)) {
@@ -2734,6 +2748,19 @@ const Methods = {
                 setCellValue(selected.row, selected.column, null)
                 this.handleActived(selected.args, evnt)
               }
+              const afterEditMethod = editOpts.afterEditMethod
+              if (afterEditMethod) {
+                this.$nextTick(() => {
+                  afterEditMethod({
+                    row: selected.row,
+                    rowIndex: this.getRowIndex(selected.row),
+                    column: selected.column,
+                    columnIndex: this.getColumnIndex(selected.column),
+                    $table: this,
+                    $grid: this.$xegrid
+                  })
+                })
+              }
             }
           }
         }
@@ -3732,7 +3759,7 @@ const Methods = {
     if (selectRadioRow) {
       const rowid = getRowid(this, selectRadioRow)
       if (isFull) {
-        if (!fullDataRowIdData[rowid]) {
+        if (fullDataRowIdData[rowid]) {
           return selectRadioRow
         }
       } else {
@@ -5260,7 +5287,7 @@ const Methods = {
 }
 
 // Module methods
-const funcs = 'setFilter,openFilter,clearFilter,getCheckedFilters,closeMenu,setActiveCellArea,getActiveCellArea,getCellAreas,clearCellAreas,copyCellArea,cutCellArea,pasteCellArea,getCopyCellArea,getCopyCellAreas,clearCopyCellArea,setCellAreas,openFNR,openFind,openReplace,closeFNR,getSelectedCell,clearSelected,insert,insertAt,insertNextAt,remove,removeCheckboxRow,removeRadioRow,removeCurrentRow,getRecordset,getInsertRecords,getRemoveRecords,getUpdateRecords,clearEdit,clearActived,getEditRecord,getActiveRecord,isEditByRow,isActiveByRow,setEditRow,setActiveRow,setEditCell,setActiveCell,setSelectCell,clearValidate,fullValidate,validate,openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',')
+const funcs = 'setFilter,openFilter,clearFilter,getCheckedFilters,closeMenu,setActiveCellArea,getActiveCellArea,getCellAreas,clearCellAreas,copyCellArea,cutCellArea,pasteCellArea,getCopyCellArea,getCopyCellAreas,clearCopyCellArea,setCellAreas,openFNR,openFind,openReplace,closeFNR,getSelectedCell,clearSelected,insert,insertAt,insertNextAt,remove,removeCheckboxRow,removeRadioRow,removeCurrentRow,getRecordset,getInsertRecords,getRemoveRecords,getUpdateRecords,clearEdit,clearActived,getEditRecord,getActiveRecord,isEditByRow,isActiveByRow,setEditRow,setActiveRow,setEditCell,setActiveCell,setSelectCell,clearValidate,fullValidate,validate,openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print,openCustom,closeCustom'.split(',')
 
 funcs.forEach(name => {
   Methods[name] = function (...args) {

package/packages/table/src/table.js

@@ -2,8 +2,8 @@ import XEUtils from 'xe-utils'
 import GlobalConfig from '../../v-x-e-table/src/conf'
 import VXETable from '../../v-x-e-table'
 import VxeTableBody from './body'
-import VxeTableHeader from '../../header'
-import VxeTableFooter from '../../footer'
+import VxeTableHeader from './header'
+import VxeTableFooter from './footer'
 import vSize from '../../mixins/size'
 import { isEnableConf, getFuncText } from '../../tools/utils'
 import { createResizeEvent } from '../../tools/resize'
@@ -347,6 +347,16 @@ export default {
       pendingRowMaps: {},
       // 已标记的行
       pendingRowList: [],
+      // 自定义列相关的信息
+      customStore: {
+        btnEl: null,
+        isAll: false,
+        isIndeterminate: false,
+        activeBtn: false,
+        activeWrapper: false,
+        visible: false,
+        maxHeight: 0
+      },
       // 当前选中的筛选列
       filterStore: {
         isAllSelected: false,
@@ -1030,6 +1040,7 @@ export default {
       initStore,
       columnStore,
       filterStore,
+      customStore,
       ctxMenuStore,
       ctxMenuOpts,
       footerTableData,
@@ -1109,7 +1120,7 @@ export default {
           /**
            * 表尾
            */
-          showFooter ? h('vxe-table-footer', {
+          showFooter ? h(VxeTableFooter, {
             ref: 'tableFooter',
             props: {
               footerTableData,
@@ -1169,10 +1180,19 @@ export default {
           text: loadingOpts.text
         }
       }, this.callSlot($scopedSlots.loading, {}, h)),
+      /**
+       * 自定义列
+       */
+      h('vxe-table-custom-panel', {
+        ref: 'customWrapper',
+        props: {
+          customStore
+        }
+      }),
       /**
        * 筛选
        */
-      initStore.filter ? h('vxe-table-filter', {
+      initStore.filter ? h('vxe-table-filter-panel', {
         ref: 'filterWrapper',
         props: {
           filterStore
@@ -1181,7 +1201,7 @@ export default {
       /**
        * 导入
        */
-      initStore.import && this.importConfig ? h('vxe-import-panel', {
+      initStore.import && this.importConfig ? h('vxe-table-import-panel', {
         props: {
           defaultOptions: this.importParams,
           storeData: this.importStore
@@ -1190,7 +1210,7 @@ export default {
       /**
        * 导出/打印
        */
-      initStore.export && (this.exportConfig || this.printConfig) ? h('vxe-export-panel', {
+      initStore.export && (this.exportConfig || this.printConfig) ? h('vxe-table-export-panel', {
         props: {
           defaultOptions: this.exportParams,
           storeData: this.exportStore
@@ -1199,7 +1219,7 @@ export default {
       /**
        * 快捷菜单
        */
-      ctxMenuStore.visible && this.isCtxMenu ? h('vxe-table-context-menu', {
+      ctxMenuStore.visible && this.isCtxMenu ? h('vxe-table-menu-panel', {
         ref: 'ctxWrapper',
         props: {
           ctxMenuStore,

package/packages/textarea/index.d.ts

@@ -1,4 +1,4 @@
-import { Textarea } from '../../types/textarea'
+import { VxeTextarea } from '../../types/textarea'
 
 export * from '../../types/textarea'
-export default Textarea
+export default VxeTextarea

package/packages/textarea/index.js

@@ -1,9 +1,11 @@
-import VxeTextarea from './src/textarea'
+import VxeTextareaComponent from './src/textarea'
 
-export const Textarea = Object.assign(VxeTextarea, {
+export const VxeTextarea = Object.assign(VxeTextareaComponent, {
   install (Vue) {
-    Vue.component(VxeTextarea.name, VxeTextarea)
+    Vue.component(VxeTextareaComponent.name, VxeTextareaComponent)
   }
 })
 
-export default Textarea
+export const Textarea = VxeTextarea
+
+export default VxeTextarea

package/packages/toolbar/index.d.ts

@@ -1,4 +1,4 @@
-import { Toolbar } from '../../types/toolbar'
+import { VxeToolbar } from '../../types/toolbar'
 
 export * from '../../types/toolbar'
-export default Toolbar
+export default VxeToolbar

package/packages/toolbar/index.js

@@ -1,9 +1,11 @@
-import VxeToolbar from './src/toolbar'
+import VxeToolbarComponent from './src/toolbar'
 
-export const Toolbar = Object.assign(VxeToolbar, {
+export const VxeToolbar = Object.assign(VxeToolbarComponent, {
   install (Vue) {
-    Vue.component(VxeToolbar.name, VxeToolbar)
+    Vue.component(VxeToolbarComponent.name, VxeToolbarComponent)
   }
 })
 
-export default Toolbar
+export const Toolbar = VxeToolbar
+
+export default VxeToolbar