vxe-table 4.21.0-beta.2 → 4.21.0-beta.3

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/dist/all.esm.js CHANGED
@@ -43,8 +43,11 @@ function formatText(value, placeholder) {
43
43
  function eqEmptyValue(cellValue) {
44
44
  return cellValue === '' || XEUtils.eqNull(cellValue);
45
45
  }
46
+ function getDefaultConfig(val1, def1) {
47
+ return XEUtils.eqNull(val1) ? def1 : val1;
48
+ }
46
49
 
47
- const version = "4.21.0-beta.2";
50
+ const version = "4.21.0-beta.3";
48
51
  VxeUI.version = version;
49
52
  VxeUI.tableVersion = version;
50
53
  VxeUI.setConfig({
@@ -766,7 +769,7 @@ function wheelScrollTopTo(diffNum, cb) {
766
769
  }
767
770
 
768
771
  const { log } = VxeUI;
769
- const tableVersion = `table v${"4.21.0-beta.2"}`;
772
+ const tableVersion = `table v${"4.21.0-beta.3"}`;
770
773
  function createComponentLog(name) {
771
774
  const uiVersion = VxeUI.uiVersion ? `ui v${VxeUI.uiVersion}` : '';
772
775
  const ganttVersion = VxeUI.ganttVersion ? `gantt v${VxeUI.ganttVersion}` : '';
@@ -7704,7 +7707,10 @@ var TableImportPanelComponent = defineVxeComponent({
7704
7707
  const { defaultOptions, storeData } = props;
7705
7708
  const selectName = computeSelectName.value;
7706
7709
  const hasFile = computeHasFile.value;
7710
+ const importOpts = computeImportOpts.value;
7707
7711
  const parseTypeLabel = computeParseTypeLabel.value;
7712
+ const modelOptions = importOpts.modelOptions || {};
7713
+ const settingOptions = importOpts.settingOptions || {};
7708
7714
  const slots = defaultOptions.slots || {};
7709
7715
  const topSlot = slots.top;
7710
7716
  const bottomSlot = slots.bottom;
@@ -7714,18 +7720,20 @@ var TableImportPanelComponent = defineVxeComponent({
7714
7720
  ? h(VxeUIModalComponent, {
7715
7721
  id: 'VXE_IMPORT_MODAL',
7716
7722
  modelValue: storeData.visible,
7717
- title: getI18n$8('vxe.import.impTitle'),
7723
+ title: modelOptions.title || getI18n$8('vxe.import.impTitle'),
7718
7724
  className: 'vxe-table-export-popup-wrapper',
7719
- width: 540,
7720
- minWidth: 360,
7721
- minHeight: 240,
7725
+ width: modelOptions.width || 540,
7726
+ height: modelOptions.height,
7727
+ minWidth: modelOptions.minWidth || 360,
7728
+ minHeight: modelOptions.minHeight || 240,
7722
7729
  mask: true,
7723
7730
  lockView: true,
7724
7731
  showFooter: true,
7725
7732
  escClosable: true,
7726
7733
  maskClosable: true,
7727
- showMaximize: true,
7728
- resize: true,
7734
+ showMinimize: modelOptions.showMinimize,
7735
+ showMaximize: getDefaultConfig(modelOptions.showMaximize, true),
7736
+ resize: getDefaultConfig(modelOptions.resize, true),
7729
7737
  loading: reactData.loading,
7730
7738
  'onUpdate:modelValue'(value) {
7731
7739
  storeData.visible = value;
@@ -7785,20 +7793,22 @@ var TableImportPanelComponent = defineVxeComponent({
7785
7793
  h('td', getI18n$8('vxe.import.impType')),
7786
7794
  h('td', parseTypeLabel)
7787
7795
  ]),
7788
- h('tr', [
7789
- h('td', getI18n$8('vxe.import.impMode')),
7790
- h('td', [
7791
- VxeUISelectComponent
7792
- ? h(VxeUISelectComponent, {
7793
- modelValue: defaultOptions.mode,
7794
- options: storeData.modeList,
7795
- 'onUpdate:modelValue'(value) {
7796
- defaultOptions.mode = value;
7797
- }
7798
- })
7799
- : renderEmptyElement$4($xeTable)
7796
+ settingOptions.showMode === false
7797
+ ? renderEmptyElement$4($xeTable)
7798
+ : h('tr', [
7799
+ h('td', getI18n$8('vxe.import.impMode')),
7800
+ h('td', [
7801
+ VxeUISelectComponent
7802
+ ? h(VxeUISelectComponent, {
7803
+ modelValue: defaultOptions.mode,
7804
+ options: storeData.modeList,
7805
+ 'onUpdate:modelValue'(value) {
7806
+ defaultOptions.mode = value;
7807
+ }
7808
+ })
7809
+ : renderEmptyElement$4($xeTable)
7810
+ ])
7800
7811
  ])
7801
- ])
7802
7812
  ])
7803
7813
  ])
7804
7814
  ]),
@@ -8017,6 +8027,10 @@ var TableExportPanelComponent = defineVxeComponent({
8017
8027
  const { hasTree, hasRowGroup, hasMerge, isPrint, hasColgroup, columns } = storeData;
8018
8028
  const { isHeader } = defaultOptions;
8019
8029
  const colVNs = [];
8030
+ const exportOpts = computeExportOpts.value;
8031
+ const printOpts = computePrintOpts.value;
8032
+ const modelOptions = (isPrint ? printOpts : exportOpts).modelOptions || {};
8033
+ const settingOptions = (isPrint ? printOpts : exportOpts).settingOptions || {};
8020
8034
  const checkedAll = computeCheckedAll.value;
8021
8035
  const showSheet = computeShowSheet.value;
8022
8036
  const supportMerge = computeSupportMerge.value;
@@ -8069,18 +8083,20 @@ var TableExportPanelComponent = defineVxeComponent({
8069
8083
  ? h(VxeUIModalComponent, {
8070
8084
  id: 'VXE_EXPORT_MODAL',
8071
8085
  modelValue: storeData.visible,
8072
- title: getI18n$7(isPrint ? 'vxe.export.printTitle' : 'vxe.export.expTitle'),
8086
+ title: modelOptions.title || getI18n$7(isPrint ? 'vxe.export.printTitle' : 'vxe.export.expTitle'),
8073
8087
  className: 'vxe-table-export-popup-wrapper',
8074
- width: 660,
8075
- minWidth: 500,
8076
- minHeight: 400,
8088
+ width: modelOptions.width || 660,
8089
+ height: modelOptions.height,
8090
+ minWidth: modelOptions.minWidth || 500,
8091
+ minHeight: modelOptions.minHeight || 400,
8077
8092
  mask: true,
8078
8093
  lockView: true,
8079
8094
  showFooter: true,
8080
8095
  escClosable: true,
8081
8096
  maskClosable: true,
8082
- showMaximize: true,
8083
- resize: true,
8097
+ showMinimize: modelOptions.showMinimize,
8098
+ showMaximize: getDefaultConfig(modelOptions.showMaximize, true),
8099
+ resize: getDefaultConfig(modelOptions.resize, true),
8084
8100
  loading: reactData.loading,
8085
8101
  'onUpdate:modelValue'(value) {
8086
8102
  storeData.visible = value;
@@ -8118,7 +8134,7 @@ var TableExportPanelComponent = defineVxeComponent({
8118
8134
  }, [
8119
8135
  h('tbody', [
8120
8136
  [
8121
- isPrint
8137
+ isPrint || settingOptions.showFileName === false
8122
8138
  ? renderEmptyElement$3($xeTable)
8123
8139
  : h('tr', [
8124
8140
  h('td', getI18n$7('vxe.export.expName')),
@@ -8137,7 +8153,7 @@ var TableExportPanelComponent = defineVxeComponent({
8137
8153
  : renderEmptyElement$3($xeTable)
8138
8154
  ])
8139
8155
  ]),
8140
- isPrint
8156
+ isPrint || settingOptions.showType === false
8141
8157
  ? renderEmptyElement$3($xeTable)
8142
8158
  : h('tr', [
8143
8159
  h('td', getI18n$7('vxe.export.expType')),
@@ -8153,7 +8169,7 @@ var TableExportPanelComponent = defineVxeComponent({
8153
8169
  : renderEmptyElement$3($xeTable)
8154
8170
  ])
8155
8171
  ]),
8156
- isPrint || showSheet
8172
+ (isPrint || showSheet) && settingOptions.showSheet !== false
8157
8173
  ? h('tr', [
8158
8174
  h('td', getI18n$7('vxe.export.expSheetName')),
8159
8175
  h('td', [
@@ -8172,57 +8188,61 @@ var TableExportPanelComponent = defineVxeComponent({
8172
8188
  ])
8173
8189
  ])
8174
8190
  : renderEmptyElement$3($xeTable),
8175
- h('tr', [
8176
- h('td', getI18n$7('vxe.export.expMode')),
8177
- h('td', [
8178
- VxeUISelectComponent
8179
- ? h(VxeUISelectComponent, {
8180
- modelValue: defaultOptions.mode,
8181
- options: storeData.modeList.map((item) => {
8182
- return {
8183
- value: item.value,
8184
- label: getI18n$7(item.label)
8185
- };
8186
- }),
8187
- 'onUpdate:modelValue'(value) {
8188
- defaultOptions.mode = value;
8189
- }
8190
- })
8191
- : renderEmptyElement$3($xeTable)
8192
- ])
8193
- ]),
8194
- h('tr', [
8195
- h('td', [getI18n$7('vxe.export.expColumn')]),
8196
- h('td', [
8197
- h('div', {
8198
- class: 'vxe-table-export--panel-column'
8199
- }, [
8200
- h('ul', {
8201
- class: 'vxe-table-export--panel-column-header'
8191
+ settingOptions.showMode === false
8192
+ ? renderEmptyElement$3($xeTable)
8193
+ : h('tr', [
8194
+ h('td', getI18n$7('vxe.export.expMode')),
8195
+ h('td', [
8196
+ VxeUISelectComponent
8197
+ ? h(VxeUISelectComponent, {
8198
+ modelValue: defaultOptions.mode,
8199
+ options: storeData.modeList.map((item) => {
8200
+ return {
8201
+ value: item.value,
8202
+ label: getI18n$7(item.label)
8203
+ };
8204
+ }),
8205
+ 'onUpdate:modelValue'(value) {
8206
+ defaultOptions.mode = value;
8207
+ }
8208
+ })
8209
+ : renderEmptyElement$3($xeTable)
8210
+ ])
8211
+ ]),
8212
+ settingOptions.showColumn === false
8213
+ ? renderEmptyElement$3($xeTable)
8214
+ : h('tr', [
8215
+ h('td', [getI18n$7('vxe.export.expColumn')]),
8216
+ h('td', [
8217
+ h('div', {
8218
+ class: 'vxe-table-export--panel-column'
8202
8219
  }, [
8203
- h('li', {
8204
- class: ['vxe-table-export--panel-column-option', {
8205
- 'is--checked': isAllChecked,
8206
- 'is--indeterminate': isAllIndeterminate
8207
- }],
8208
- title: getI18n$7('vxe.table.allTitle'),
8209
- onClick: allColumnEvent
8220
+ h('ul', {
8221
+ class: 'vxe-table-export--panel-column-header'
8210
8222
  }, [
8211
- h('span', {
8212
- class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon$3().TABLE_CHECKBOX_INDETERMINATE : (isAllChecked ? getIcon$3().TABLE_CHECKBOX_CHECKED : getIcon$3().TABLE_CHECKBOX_UNCHECKED)]
8213
- }),
8214
- h('span', {
8215
- class: 'vxe-checkbox--label'
8216
- }, getI18n$7('vxe.export.expCurrentColumn'))
8217
- ])
8218
- ]),
8219
- h('ul', {
8220
- class: 'vxe-table-export--panel-column-body'
8221
- }, colVNs)
8223
+ h('li', {
8224
+ class: ['vxe-table-export--panel-column-option', {
8225
+ 'is--checked': isAllChecked,
8226
+ 'is--indeterminate': isAllIndeterminate
8227
+ }],
8228
+ title: getI18n$7('vxe.table.allTitle'),
8229
+ onClick: allColumnEvent
8230
+ }, [
8231
+ h('span', {
8232
+ class: ['vxe-checkbox--icon', isAllIndeterminate ? getIcon$3().TABLE_CHECKBOX_INDETERMINATE : (isAllChecked ? getIcon$3().TABLE_CHECKBOX_CHECKED : getIcon$3().TABLE_CHECKBOX_UNCHECKED)]
8233
+ }),
8234
+ h('span', {
8235
+ class: 'vxe-checkbox--label'
8236
+ }, getI18n$7('vxe.export.expCurrentColumn'))
8237
+ ])
8238
+ ]),
8239
+ h('ul', {
8240
+ class: 'vxe-table-export--panel-column-body'
8241
+ }, colVNs)
8242
+ ])
8222
8243
  ])
8223
- ])
8224
- ]),
8225
- isPrint
8244
+ ]),
8245
+ isPrint && (settingOptions.showWidthMode !== false)
8226
8246
  ? h('tr', [
8227
8247
  h('td', getI18n$7('vxe.export.widthMode')),
8228
8248
  h('td', [
@@ -8238,118 +8258,120 @@ var TableExportPanelComponent = defineVxeComponent({
8238
8258
  ])
8239
8259
  ])
8240
8260
  : renderEmptyElement$3($xeTable),
8241
- h('tr', [
8242
- h('td', getI18n$7('vxe.export.expOpts')),
8243
- parameterSlot
8244
- ? h('td', [
8245
- h('div', {
8246
- class: 'vxe-table-export--panel-option-row'
8247
- }, $xeTable.callSlot(parameterSlot, params))
8248
- ])
8249
- : h('td', [
8250
- h('div', {
8251
- class: 'vxe-table-export--panel-option-row'
8252
- }, VxeUICheckboxComponent
8253
- ? [
8254
- h(VxeUICheckboxComponent, {
8255
- modelValue: hasEmptyData || isHeader,
8256
- disabled: hasEmptyData,
8257
- title: getI18n$7('vxe.export.expHeaderTitle'),
8258
- content: getI18n$7('vxe.export.expOptHeader'),
8259
- 'onUpdate:modelValue'(value) {
8260
- defaultOptions.isHeader = value;
8261
- }
8262
- }),
8263
- h(VxeUICheckboxComponent, {
8264
- modelValue: defaultOptions.isFooter,
8265
- disabled: !storeData.hasFooter,
8266
- title: getI18n$7('vxe.export.expFooterTitle'),
8267
- content: getI18n$7('vxe.export.expOptFooter'),
8268
- 'onUpdate:modelValue'(value) {
8269
- defaultOptions.isFooter = value;
8270
- }
8271
- }),
8272
- h(VxeUICheckboxComponent, {
8273
- modelValue: isHeader ? defaultOptions.isTitle : false,
8274
- disabled: !isHeader,
8275
- title: getI18n$7('vxe.export.expTitleTitle'),
8276
- content: getI18n$7('vxe.export.expOptTitle'),
8277
- 'onUpdate:modelValue'(value) {
8278
- defaultOptions.isTitle = value;
8279
- }
8280
- }),
8281
- h(VxeUICheckboxComponent, {
8282
- modelValue: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
8283
- title: getI18n$7('vxe.export.expColgroupTitle'),
8284
- disabled: !isHeader || !hasColgroup || !supportMerge,
8285
- content: getI18n$7('vxe.export.expOptColgroup'),
8286
- 'onUpdate:modelValue'(value) {
8287
- defaultOptions.isColgroup = value;
8288
- }
8289
- })
8290
- ]
8291
- : []),
8292
- h('div', {
8293
- class: 'vxe-table-export--panel-option-row'
8294
- }, VxeUICheckboxComponent
8295
- ? [
8296
- h(VxeUICheckboxComponent, {
8297
- modelValue: hasEmptyData ? false : defaultOptions.original,
8298
- disabled: hasEmptyData,
8299
- title: getI18n$7('vxe.export.expOriginalTitle'),
8300
- content: getI18n$7('vxe.export.expOptOriginal'),
8301
- 'onUpdate:modelValue'(value) {
8302
- defaultOptions.original = value;
8303
- }
8304
- }),
8305
- h(VxeUICheckboxComponent, {
8306
- modelValue: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
8307
- title: getI18n$7('vxe.export.expMergeTitle'),
8308
- disabled: hasEmptyData || !hasMerge || !supportMerge || !checkedAll,
8309
- content: getI18n$7('vxe.export.expOptMerge'),
8310
- 'onUpdate:modelValue'(value) {
8311
- defaultOptions.isMerge = value;
8312
- }
8313
- }),
8314
- isPrint
8315
- ? renderEmptyElement$3($xeTable)
8316
- : h(VxeUICheckboxComponent, {
8317
- modelValue: supportStyle ? defaultOptions.useStyle : false,
8318
- disabled: !supportStyle,
8319
- title: getI18n$7('vxe.export.expUseStyleTitle'),
8320
- content: getI18n$7('vxe.export.expOptUseStyle'),
8261
+ settingOptions.showParameter === false
8262
+ ? renderEmptyElement$3($xeTable)
8263
+ : h('tr', [
8264
+ h('td', getI18n$7('vxe.export.expOpts')),
8265
+ parameterSlot
8266
+ ? h('td', [
8267
+ h('div', {
8268
+ class: 'vxe-table-export--panel-option-row'
8269
+ }, $xeTable.callSlot(parameterSlot, params))
8270
+ ])
8271
+ : h('td', [
8272
+ h('div', {
8273
+ class: 'vxe-table-export--panel-option-row'
8274
+ }, VxeUICheckboxComponent
8275
+ ? [
8276
+ h(VxeUICheckboxComponent, {
8277
+ modelValue: hasEmptyData || isHeader,
8278
+ disabled: hasEmptyData,
8279
+ title: getI18n$7('vxe.export.expHeaderTitle'),
8280
+ content: getI18n$7('vxe.export.expOptHeader'),
8281
+ 'onUpdate:modelValue'(value) {
8282
+ defaultOptions.isHeader = value;
8283
+ }
8284
+ }),
8285
+ h(VxeUICheckboxComponent, {
8286
+ modelValue: defaultOptions.isFooter,
8287
+ disabled: !storeData.hasFooter,
8288
+ title: getI18n$7('vxe.export.expFooterTitle'),
8289
+ content: getI18n$7('vxe.export.expOptFooter'),
8321
8290
  'onUpdate:modelValue'(value) {
8322
- defaultOptions.useStyle = value;
8291
+ defaultOptions.isFooter = value;
8292
+ }
8293
+ }),
8294
+ h(VxeUICheckboxComponent, {
8295
+ modelValue: isHeader ? defaultOptions.isTitle : false,
8296
+ disabled: !isHeader,
8297
+ title: getI18n$7('vxe.export.expTitleTitle'),
8298
+ content: getI18n$7('vxe.export.expOptTitle'),
8299
+ 'onUpdate:modelValue'(value) {
8300
+ defaultOptions.isTitle = value;
8301
+ }
8302
+ }),
8303
+ h(VxeUICheckboxComponent, {
8304
+ modelValue: isHeader && hasColgroup && supportMerge ? defaultOptions.isColgroup : false,
8305
+ title: getI18n$7('vxe.export.expColgroupTitle'),
8306
+ disabled: !isHeader || !hasColgroup || !supportMerge,
8307
+ content: getI18n$7('vxe.export.expOptColgroup'),
8308
+ 'onUpdate:modelValue'(value) {
8309
+ defaultOptions.isColgroup = value;
8323
8310
  }
8324
8311
  })
8325
- ]
8326
- : []),
8327
- h('div', {
8328
- class: 'vxe-table-export--panel-option-row'
8329
- }, VxeUICheckboxComponent
8330
- ? [
8331
- h(VxeUICheckboxComponent, {
8332
- modelValue: hasTree ? defaultOptions.isTreeAllExpanded : false,
8333
- disabled: hasEmptyData || !hasTree,
8334
- title: getI18n$7('vxe.export.expTreeAllExpandTitle'),
8335
- content: getI18n$7('vxe.export.expOptTreeAllExpand'),
8336
- 'onUpdate:modelValue'(value) {
8337
- defaultOptions.isTreeAllExpanded = value;
8338
- }
8339
- }),
8340
- h(VxeUICheckboxComponent, {
8341
- modelValue: hasRowGroup ? defaultOptions.isRowGroupAllExpanded : false,
8342
- disabled: hasEmptyData || !hasRowGroup,
8343
- title: getI18n$7('vxe.export.expRowGroupAllExpandTitle'),
8344
- content: getI18n$7('vxe.export.expOptRowGroupAllExpand'),
8345
- 'onUpdate:modelValue'(value) {
8346
- defaultOptions.isRowGroupAllExpanded = value;
8347
- }
8348
- })
8349
- ]
8350
- : [])
8351
- ])
8352
- ])
8312
+ ]
8313
+ : []),
8314
+ h('div', {
8315
+ class: 'vxe-table-export--panel-option-row'
8316
+ }, VxeUICheckboxComponent
8317
+ ? [
8318
+ h(VxeUICheckboxComponent, {
8319
+ modelValue: hasEmptyData ? false : defaultOptions.original,
8320
+ disabled: hasEmptyData,
8321
+ title: getI18n$7('vxe.export.expOriginalTitle'),
8322
+ content: getI18n$7('vxe.export.expOptOriginal'),
8323
+ 'onUpdate:modelValue'(value) {
8324
+ defaultOptions.original = value;
8325
+ }
8326
+ }),
8327
+ h(VxeUICheckboxComponent, {
8328
+ modelValue: hasMerge && supportMerge && checkedAll ? defaultOptions.isMerge : false,
8329
+ title: getI18n$7('vxe.export.expMergeTitle'),
8330
+ disabled: hasEmptyData || !hasMerge || !supportMerge || !checkedAll,
8331
+ content: getI18n$7('vxe.export.expOptMerge'),
8332
+ 'onUpdate:modelValue'(value) {
8333
+ defaultOptions.isMerge = value;
8334
+ }
8335
+ }),
8336
+ isPrint
8337
+ ? renderEmptyElement$3($xeTable)
8338
+ : h(VxeUICheckboxComponent, {
8339
+ modelValue: supportStyle ? defaultOptions.useStyle : false,
8340
+ disabled: !supportStyle,
8341
+ title: getI18n$7('vxe.export.expUseStyleTitle'),
8342
+ content: getI18n$7('vxe.export.expOptUseStyle'),
8343
+ 'onUpdate:modelValue'(value) {
8344
+ defaultOptions.useStyle = value;
8345
+ }
8346
+ })
8347
+ ]
8348
+ : []),
8349
+ h('div', {
8350
+ class: 'vxe-table-export--panel-option-row'
8351
+ }, VxeUICheckboxComponent
8352
+ ? [
8353
+ h(VxeUICheckboxComponent, {
8354
+ modelValue: hasTree ? defaultOptions.isTreeAllExpanded : false,
8355
+ disabled: hasEmptyData || !hasTree,
8356
+ title: getI18n$7('vxe.export.expTreeAllExpandTitle'),
8357
+ content: getI18n$7('vxe.export.expOptTreeAllExpand'),
8358
+ 'onUpdate:modelValue'(value) {
8359
+ defaultOptions.isTreeAllExpanded = value;
8360
+ }
8361
+ }),
8362
+ h(VxeUICheckboxComponent, {
8363
+ modelValue: hasRowGroup ? defaultOptions.isRowGroupAllExpanded : false,
8364
+ disabled: hasEmptyData || !hasRowGroup,
8365
+ title: getI18n$7('vxe.export.expRowGroupAllExpandTitle'),
8366
+ content: getI18n$7('vxe.export.expOptRowGroupAllExpand'),
8367
+ 'onUpdate:modelValue'(value) {
8368
+ defaultOptions.isRowGroupAllExpanded = value;
8369
+ }
8370
+ })
8371
+ ]
8372
+ : [])
8373
+ ])
8374
+ ])
8353
8375
  ]
8354
8376
  ])
8355
8377
  ])