vxe-table 3.15.40 → 3.15.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.umd.js CHANGED
@@ -2002,7 +2002,7 @@ function getClass(property, params) {
2002
2002
  ;// CONCATENATED MODULE: ./packages/ui/index.ts
2003
2003
 
2004
2004
 
2005
- const version = "3.15.39";
2005
+ const version = "3.15.41";
2006
2006
  core_.VxeUI.version = version;
2007
2007
  core_.VxeUI.tableVersion = version;
2008
2008
  core_.VxeUI.setConfig({
@@ -2097,6 +2097,14 @@ core_.VxeUI.setConfig({
2097
2097
  showFooter: true,
2098
2098
  placement: 'top-right',
2099
2099
  // storage: false,
2100
+ storeOptions: {
2101
+ visible: true,
2102
+ resizable: true,
2103
+ sort: true,
2104
+ fixed: true
2105
+ // rowGroup: false,
2106
+ // aggFunc: false
2107
+ },
2100
2108
  // checkMethod () {},
2101
2109
  modalOptions: {
2102
2110
  showMaximize: true,
@@ -2650,7 +2658,7 @@ function isNodeElement(elem) {
2650
2658
  const {
2651
2659
  log: log_log
2652
2660
  } = core_.VxeUI;
2653
- const log_version = `table v${"3.15.39"}`;
2661
+ const log_version = `table v${"3.15.41"}`;
2654
2662
  const warnLog = log_log.create('warn', log_version);
2655
2663
  const errLog = log_log.create('error', log_version);
2656
2664
  ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -3902,20 +3910,6 @@ const Cell = {
3902
3910
  aggFunc
3903
3911
  } = column;
3904
3912
  const renderOpts = editRender || cellRender;
3905
- if (slots && slots.default) {
3906
- return renderCellBaseVNs(h, params, $table.callSlot(slots.default, params, h));
3907
- }
3908
- if (renderOpts) {
3909
- const compConf = cell_renderer.get(renderOpts.name);
3910
- const rtDefault = compConf ? compConf.renderTableDefault || compConf.renderDefault : null;
3911
- const rtCell = compConf ? compConf.renderTableCell || compConf.renderCell : null;
3912
- const renderFn = editRender ? rtCell : rtDefault;
3913
- if (renderFn) {
3914
- return renderCellBaseVNs(h, params, getSlotVNs(renderFn.call($table, h, renderOpts, Object.assign({
3915
- $type: editRender ? 'edit' : 'cell'
3916
- }, params))));
3917
- }
3918
- }
3919
3913
  let cellValue = '';
3920
3914
  if (isRowGroupStatus && field && row.isAggregate) {
3921
3915
  const aggRow = row;
@@ -3969,6 +3963,20 @@ const Cell = {
3969
3963
  }
3970
3964
  }
3971
3965
  } else {
3966
+ if (slots && slots.default) {
3967
+ return renderCellBaseVNs(h, params, $table.callSlot(slots.default, params, h));
3968
+ }
3969
+ if (renderOpts) {
3970
+ const compConf = cell_renderer.get(renderOpts.name);
3971
+ const rtDefault = compConf ? compConf.renderTableDefault || compConf.renderDefault : null;
3972
+ const rtCell = compConf ? compConf.renderTableCell || compConf.renderCell : null;
3973
+ const renderFn = editRender ? rtCell : rtDefault;
3974
+ if (renderFn) {
3975
+ return renderCellBaseVNs(h, params, getSlotVNs(renderFn.call($table, h, renderOpts, Object.assign({
3976
+ $type: editRender ? 'edit' : 'cell'
3977
+ }, params))));
3978
+ }
3979
+ }
3972
3980
  cellValue = $table.getCellLabel(row, column);
3973
3981
  }
3974
3982
  const cellPlaceholder = editRender ? editRender.placeholder : '';
@@ -29435,11 +29443,17 @@ const {
29435
29443
  props: {
29436
29444
  loading: Boolean,
29437
29445
  refresh: [Boolean, Object],
29446
+ refreshOptions: Object,
29438
29447
  import: [Boolean, Object],
29448
+ importOptions: Object,
29439
29449
  export: [Boolean, Object],
29450
+ exportOptions: Object,
29440
29451
  print: [Boolean, Object],
29452
+ printOptions: Object,
29441
29453
  zoom: [Boolean, Object],
29454
+ zoomOptions: Object,
29442
29455
  custom: [Boolean, Object],
29456
+ customOptions: Object,
29443
29457
  buttons: {
29444
29458
  type: Array,
29445
29459
  default: () => toolbar_getConfig().toolbar.buttons
@@ -29484,32 +29498,32 @@ const {
29484
29498
  computeRefreshOpts() {
29485
29499
  const $xeToolbar = this;
29486
29500
  const props = $xeToolbar;
29487
- return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.refresh, true), props.refresh);
29501
+ return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.refresh, true), props.refreshOptions, props.refresh);
29488
29502
  },
29489
29503
  computeImportOpts() {
29490
29504
  const $xeToolbar = this;
29491
29505
  const props = $xeToolbar;
29492
- return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.import, true), props.import);
29506
+ return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.import, true), props.importOptions, props.import);
29493
29507
  },
29494
29508
  computeExportOpts() {
29495
29509
  const $xeToolbar = this;
29496
29510
  const props = $xeToolbar;
29497
- return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.export, true), props.export);
29511
+ return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.export, true), props.exportOptions, props.export);
29498
29512
  },
29499
29513
  computePrintOpts() {
29500
29514
  const $xeToolbar = this;
29501
29515
  const props = $xeToolbar;
29502
- return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.print, true), props.print);
29516
+ return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.print, true), props.printOptions, props.print);
29503
29517
  },
29504
29518
  computeZoomOpts() {
29505
29519
  const $xeToolbar = this;
29506
29520
  const props = $xeToolbar;
29507
- return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.zoom, true), props.zoom);
29521
+ return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.zoom, true), props.zoomOptions, props.zoom);
29508
29522
  },
29509
29523
  computeCustomOpts() {
29510
29524
  const $xeToolbar = this;
29511
29525
  const props = $xeToolbar;
29512
- return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.custom, true), props.custom);
29526
+ return Object.assign({}, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(toolbar_getConfig().toolbar.custom, true), props.customOptions, props.custom);
29513
29527
  },
29514
29528
  computeTableCustomOpts() {
29515
29529
  const $xeToolbar = this;
@@ -29658,80 +29672,37 @@ const {
29658
29672
  const $xeGrid = $xeToolbar.$xeGrid;
29659
29673
  if ($xeGrid) {
29660
29674
  $xeGrid.triggerZoomEvent($event);
29675
+ } else {
29676
+ warnLog('vxe.error.notProp', ['zoom']);
29661
29677
  }
29662
29678
  },
29663
- btnEvent(evnt, item) {
29679
+ importEvent() {
29664
29680
  const $xeToolbar = this;
29665
29681
  const internalData = $xeToolbar.internalData;
29666
- const $xeGrid = $xeToolbar.$xeGrid;
29667
- const {
29668
- connectTable
29669
- } = internalData;
29670
- const $table = connectTable;
29671
- const {
29672
- code
29673
- } = item;
29674
- if (code) {
29675
- if ($xeGrid) {
29676
- $xeGrid.triggerToolbarBtnEvent(item, evnt);
29677
- } else {
29678
- const gCommandOpts = toolbar_commands.get(code);
29679
- const params = {
29680
- code,
29681
- button: item,
29682
- $table: $table,
29683
- $grid: $xeGrid,
29684
- $event: evnt
29685
- };
29686
- if (gCommandOpts) {
29687
- const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
29688
- if (tCommandMethod) {
29689
- tCommandMethod(params);
29690
- } else {
29691
- errLog('vxe.error.notCommands', [code]);
29692
- }
29693
- }
29694
- $xeToolbar.dispatchEvent('button-click', params, evnt);
29682
+ if ($xeToolbar.checkTable()) {
29683
+ const {
29684
+ connectTable
29685
+ } = internalData;
29686
+ const $table = connectTable;
29687
+ if ($table) {
29688
+ $table.importData();
29695
29689
  }
29696
29690
  }
29697
29691
  },
29698
- tolEvent(evnt, item) {
29692
+ openImportEvent() {
29699
29693
  const $xeToolbar = this;
29700
29694
  const internalData = $xeToolbar.internalData;
29701
- const $xeGrid = $xeToolbar.$xeGrid;
29702
- const {
29703
- connectTable
29704
- } = internalData;
29705
- const $table = connectTable;
29706
- const {
29707
- code
29708
- } = item;
29709
- if (code) {
29710
- if ($xeGrid) {
29711
- $xeGrid.triggerToolbarTolEvent(item, evnt);
29712
- } else {
29713
- const gCommandOpts = toolbar_commands.get(code);
29714
- const params = {
29715
- code,
29716
- button: null,
29717
- tool: item,
29718
- $table: $table,
29719
- $grid: $xeGrid,
29720
- $event: evnt
29721
- };
29722
- if (gCommandOpts) {
29723
- const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
29724
- if (tCommandMethod) {
29725
- tCommandMethod(params);
29726
- } else {
29727
- errLog('vxe.error.notCommands', [code]);
29728
- }
29729
- }
29730
- $xeToolbar.dispatchEvent('tool-click', params, evnt);
29695
+ if ($xeToolbar.checkTable()) {
29696
+ const {
29697
+ connectTable
29698
+ } = internalData;
29699
+ const $table = connectTable;
29700
+ if ($table) {
29701
+ $table.openImport();
29731
29702
  }
29732
29703
  }
29733
29704
  },
29734
- importEvent() {
29705
+ exportEvent() {
29735
29706
  const $xeToolbar = this;
29736
29707
  const internalData = $xeToolbar.internalData;
29737
29708
  if ($xeToolbar.checkTable()) {
@@ -29740,11 +29711,11 @@ const {
29740
29711
  } = internalData;
29741
29712
  const $table = connectTable;
29742
29713
  if ($table) {
29743
- $table.openImport();
29714
+ $table.exportData();
29744
29715
  }
29745
29716
  }
29746
29717
  },
29747
- exportEvent() {
29718
+ openExportEvent() {
29748
29719
  const $xeToolbar = this;
29749
29720
  const internalData = $xeToolbar.internalData;
29750
29721
  if ($xeToolbar.checkTable()) {
@@ -29758,6 +29729,19 @@ const {
29758
29729
  }
29759
29730
  },
29760
29731
  printEvent() {
29732
+ const $xeToolbar = this;
29733
+ const internalData = $xeToolbar.internalData;
29734
+ if ($xeToolbar.checkTable()) {
29735
+ const {
29736
+ connectTable
29737
+ } = internalData;
29738
+ const $table = connectTable;
29739
+ if ($table) {
29740
+ $table.print();
29741
+ }
29742
+ }
29743
+ },
29744
+ openPrintEvent() {
29761
29745
  const $xeToolbar = this;
29762
29746
  const internalData = $xeToolbar.internalData;
29763
29747
  if ($xeToolbar.checkTable()) {
@@ -29770,6 +29754,122 @@ const {
29770
29754
  }
29771
29755
  }
29772
29756
  },
29757
+ handleDefaultCodeEvent(eventParams, item, cb) {
29758
+ const $xeToolbar = this;
29759
+ switch (item.code) {
29760
+ case 'print':
29761
+ $xeToolbar.printEvent();
29762
+ break;
29763
+ case 'open_print':
29764
+ $xeToolbar.openPrintEvent();
29765
+ break;
29766
+ case 'custom':
29767
+ $xeToolbar.handleClickSettingEvent(eventParams);
29768
+ break;
29769
+ case 'export':
29770
+ $xeToolbar.exportEvent();
29771
+ break;
29772
+ case 'open_export':
29773
+ $xeToolbar.openExportEvent();
29774
+ break;
29775
+ case 'import':
29776
+ $xeToolbar.importEvent();
29777
+ break;
29778
+ case 'open_import':
29779
+ $xeToolbar.openImportEvent();
29780
+ break;
29781
+ case 'zoom':
29782
+ $xeToolbar.zoomEvent(eventParams);
29783
+ break;
29784
+ case 'refresh':
29785
+ $xeToolbar.refreshEvent(eventParams);
29786
+ break;
29787
+ default:
29788
+ cb();
29789
+ break;
29790
+ }
29791
+ },
29792
+ btnEvent(eventParams, item) {
29793
+ const $xeToolbar = this;
29794
+ const internalData = $xeToolbar.internalData;
29795
+ const $xeGrid = $xeToolbar.$xeGrid;
29796
+ const {
29797
+ $event
29798
+ } = eventParams;
29799
+ const {
29800
+ connectTable
29801
+ } = internalData;
29802
+ const $table = connectTable;
29803
+ const {
29804
+ code
29805
+ } = item;
29806
+ if (code) {
29807
+ $xeToolbar.handleDefaultCodeEvent(eventParams, item, () => {
29808
+ if ($xeGrid) {
29809
+ $xeGrid.triggerToolbarBtnEvent(item, $event);
29810
+ } else {
29811
+ const gCommandOpts = toolbar_commands.get(code);
29812
+ const params = {
29813
+ code,
29814
+ button: item,
29815
+ $table: $table,
29816
+ $grid: $xeGrid,
29817
+ $event
29818
+ };
29819
+ if (gCommandOpts) {
29820
+ const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
29821
+ if (tCommandMethod) {
29822
+ tCommandMethod(params);
29823
+ } else {
29824
+ errLog('vxe.error.notCommands', [code]);
29825
+ }
29826
+ }
29827
+ $xeToolbar.dispatchEvent('button-click', params, $event);
29828
+ }
29829
+ });
29830
+ }
29831
+ },
29832
+ tolEvent(eventParams, item) {
29833
+ const $xeToolbar = this;
29834
+ const internalData = $xeToolbar.internalData;
29835
+ const $xeGrid = $xeToolbar.$xeGrid;
29836
+ const {
29837
+ $event
29838
+ } = eventParams;
29839
+ const {
29840
+ connectTable
29841
+ } = internalData;
29842
+ const $table = connectTable;
29843
+ const {
29844
+ code
29845
+ } = item;
29846
+ if (code) {
29847
+ $xeToolbar.handleDefaultCodeEvent(eventParams, item, () => {
29848
+ if ($xeGrid) {
29849
+ $xeGrid.triggerToolbarTolEvent(item, $event);
29850
+ } else {
29851
+ const gCommandOpts = toolbar_commands.get(code);
29852
+ const params = {
29853
+ code,
29854
+ button: null,
29855
+ tool: item,
29856
+ $table: $table,
29857
+ $grid: $xeGrid,
29858
+ $event
29859
+ };
29860
+ if (gCommandOpts) {
29861
+ const tCommandMethod = gCommandOpts.tableCommandMethod || gCommandOpts.commandMethod;
29862
+ if (tCommandMethod) {
29863
+ tCommandMethod(params);
29864
+ } else {
29865
+ errLog('vxe.error.notCommands', [code]);
29866
+ }
29867
+ }
29868
+ $xeToolbar.dispatchEvent('tool-click', params, $event);
29869
+ }
29870
+ });
29871
+ }
29872
+ },
29773
29873
  //
29774
29874
  // Render
29775
29875
  //
@@ -29805,9 +29905,7 @@ const {
29805
29905
  suffixTooltip: child.suffixTooltip
29806
29906
  },
29807
29907
  on: {
29808
- click: ({
29809
- $event
29810
- }) => isBtn ? $xeToolbar.btnEvent($event, child) : $xeToolbar.tolEvent($event, child)
29908
+ click: eventParams => isBtn ? $xeToolbar.btnEvent(eventParams, child) : $xeToolbar.tolEvent(eventParams, child)
29811
29909
  }
29812
29910
  }) : toolbar_renderEmptyElement($xeToolbar);
29813
29911
  });
@@ -29883,12 +29981,10 @@ const {
29883
29981
  transfer: item.transfer
29884
29982
  },
29885
29983
  on: {
29886
- click: ({
29887
- $event
29888
- }) => this.btnEvent($event, item)
29984
+ click: eventParams => $xeToolbar.btnEvent(eventParams, item)
29889
29985
  },
29890
29986
  scopedSlots: dropdowns && dropdowns.length ? {
29891
- dropdowns: () => this.renderDropdowns(h, item, true)
29987
+ dropdowns: () => $xeToolbar.renderDropdowns(h, item, true)
29892
29988
  } : {}
29893
29989
  }));
29894
29990
  }
@@ -29977,9 +30073,7 @@ const {
29977
30073
  transfer: item.transfer
29978
30074
  },
29979
30075
  on: {
29980
- click: ({
29981
- $event
29982
- }) => $xeToolbar.tolEvent($event, item)
30076
+ click: eventParams => $xeToolbar.tolEvent(eventParams, item)
29983
30077
  },
29984
30078
  scopedSlots: dropdowns && dropdowns.length ? {
29985
30079
  dropdowns: () => $xeToolbar.renderDropdowns(h, item, false)
@@ -30012,7 +30106,7 @@ const {
30012
30106
  title: toolbar_getI18n('vxe.toolbar.import')
30013
30107
  },
30014
30108
  on: {
30015
- click: $xeToolbar.importEvent
30109
+ click: $xeToolbar.openImportEvent
30016
30110
  }
30017
30111
  }) : toolbar_renderEmptyElement($xeToolbar);
30018
30112
  },
@@ -30029,7 +30123,7 @@ const {
30029
30123
  title: toolbar_getI18n('vxe.toolbar.export')
30030
30124
  },
30031
30125
  on: {
30032
- click: $xeToolbar.exportEvent
30126
+ click: $xeToolbar.openExportEvent
30033
30127
  }
30034
30128
  }) : toolbar_renderEmptyElement($xeToolbar);
30035
30129
  },
@@ -30046,7 +30140,7 @@ const {
30046
30140
  title: toolbar_getI18n('vxe.toolbar.print')
30047
30141
  },
30048
30142
  on: {
30049
- click: $xeToolbar.printEvent
30143
+ click: $xeToolbar.openPrintEvent
30050
30144
  }
30051
30145
  }) : toolbar_renderEmptyElement($xeToolbar);
30052
30146
  },
@@ -30164,15 +30258,30 @@ const {
30164
30258
  const props = $xeToolbar;
30165
30259
  const $xeGrid = $xeToolbar.$xeGrid;
30166
30260
  $xeToolbar.$nextTick(() => {
30167
- const {
30168
- refresh
30169
- } = props;
30170
30261
  const refreshOpts = $xeToolbar.computeRefreshOpts;
30171
- const $xeTable = this.fintTable();
30262
+ const $xeTable = $xeToolbar.fintTable();
30172
30263
  const queryMethod = refreshOpts.queryMethod || refreshOpts.query;
30173
- if (refresh && !$xeGrid && !queryMethod) {
30264
+ if (props.refresh && !$xeGrid && !queryMethod) {
30174
30265
  warnLog('vxe.error.notFunc', ['queryMethod']);
30175
30266
  }
30267
+ if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isPlainObject(props.custom)) {
30268
+ warnLog('vxe.error.delProp', ['custom={...}', 'custom=boolean & custom-options={...}']);
30269
+ }
30270
+ if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isPlainObject(props.print)) {
30271
+ warnLog('vxe.error.delProp', ['print={...}', 'print=boolean & print-options={...}']);
30272
+ }
30273
+ if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isPlainObject(props.export)) {
30274
+ warnLog('vxe.error.delProp', ['export={...}', 'export=boolean & export-options={...}']);
30275
+ }
30276
+ if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isPlainObject(props.import)) {
30277
+ warnLog('vxe.error.delProp', ['import={...}', 'import=boolean & import-options={...}']);
30278
+ }
30279
+ if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isPlainObject(props.refresh)) {
30280
+ warnLog('vxe.error.delProp', ['refresh={...}', 'refresh=boolean & refresh-options={...}']);
30281
+ }
30282
+ if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isPlainObject(props.refresh)) {
30283
+ warnLog('vxe.error.delProp', ['zoom={...}', 'zoom=boolean & zoom-options={...}']);
30284
+ }
30176
30285
  if ($xeTable) {
30177
30286
  $xeTable.connect(this);
30178
30287
  }