vxe-table 4.6.7 → 4.6.8

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.
Files changed (95) hide show
  1. package/es/custom/src/panel.js +22 -6
  2. package/es/custom/style.css +15 -9
  3. package/es/edit/src/hook.js +6 -4
  4. package/es/icon/style.css +1 -1
  5. package/es/locale/lang/en-US.js +2 -1
  6. package/es/locale/lang/es-ES.js +2 -1
  7. package/es/locale/lang/ja-JP.js +2 -1
  8. package/es/locale/lang/pt-BR.js +2 -1
  9. package/es/locale/lang/zh-CN.js +2 -1
  10. package/es/locale/lang/zh-TC.js +2 -1
  11. package/es/menu/src/hooks.js +6 -5
  12. package/es/style.css +1 -1
  13. package/es/style.min.css +1 -1
  14. package/es/table/src/table.js +14 -3
  15. package/es/tools/log.js +1 -1
  16. package/es/v-x-e-table/index.js +1 -1
  17. package/es/v-x-e-table/src/interceptor.js +1 -1
  18. package/es/vxe-table-custom-module/style.css +15 -9
  19. package/lib/custom/src/panel.js +18 -4
  20. package/lib/custom/src/panel.min.js +1 -1
  21. package/lib/custom/style/style.css +15 -9
  22. package/lib/custom/style/style.min.css +1 -1
  23. package/lib/edit/src/hook.js +7 -4
  24. package/lib/edit/src/hook.min.js +1 -1
  25. package/lib/icon/style/style.css +1 -1
  26. package/lib/icon/style/style.min.css +1 -1
  27. package/lib/index.umd.js +1034 -1004
  28. package/lib/index.umd.min.js +1 -1
  29. package/lib/locale/lang/en-US.js +2 -1
  30. package/lib/locale/lang/en-US.min.js +1 -1
  31. package/lib/locale/lang/en-US.umd.js +2 -1
  32. package/lib/locale/lang/es-ES.js +2 -1
  33. package/lib/locale/lang/es-ES.min.js +1 -1
  34. package/lib/locale/lang/es-ES.umd.js +2 -1
  35. package/lib/locale/lang/ja-JP.js +2 -1
  36. package/lib/locale/lang/ja-JP.min.js +1 -1
  37. package/lib/locale/lang/ja-JP.umd.js +2 -1
  38. package/lib/locale/lang/pt-BR.js +2 -1
  39. package/lib/locale/lang/pt-BR.min.js +1 -1
  40. package/lib/locale/lang/pt-BR.umd.js +2 -1
  41. package/lib/locale/lang/zh-CN.js +2 -1
  42. package/lib/locale/lang/zh-CN.min.js +1 -1
  43. package/lib/locale/lang/zh-CN.umd.js +2 -1
  44. package/lib/locale/lang/zh-HK.min.js +1 -1
  45. package/lib/locale/lang/zh-HK.umd.js +2 -1
  46. package/lib/locale/lang/zh-MO.min.js +1 -1
  47. package/lib/locale/lang/zh-MO.umd.js +2 -1
  48. package/lib/locale/lang/zh-TC.js +2 -1
  49. package/lib/locale/lang/zh-TC.min.js +1 -1
  50. package/lib/locale/lang/zh-TC.umd.js +2 -1
  51. package/lib/locale/lang/zh-TW.min.js +1 -1
  52. package/lib/locale/lang/zh-TW.umd.js +2 -1
  53. package/lib/menu/src/hooks.js +6 -5
  54. package/lib/menu/src/hooks.min.js +1 -1
  55. package/lib/style.css +1 -1
  56. package/lib/style.min.css +1 -1
  57. package/lib/table/src/table.js +14 -3
  58. package/lib/table/src/table.min.js +1 -1
  59. package/lib/tools/log.js +1 -1
  60. package/lib/tools/log.min.js +1 -1
  61. package/lib/v-x-e-table/index.js +1 -1
  62. package/lib/v-x-e-table/index.min.js +1 -1
  63. package/lib/v-x-e-table/src/interceptor.js +1 -1
  64. package/lib/v-x-e-table/src/interceptor.min.js +1 -1
  65. package/lib/vxe-table-custom-module/style/style.css +15 -9
  66. package/lib/vxe-table-custom-module/style/style.min.css +1 -1
  67. package/package.json +1 -1
  68. package/packages/custom/src/panel.ts +22 -6
  69. package/packages/edit/src/hook.ts +6 -4
  70. package/packages/locale/lang/en-US.ts +2 -1
  71. package/packages/locale/lang/es-ES.ts +2 -1
  72. package/packages/locale/lang/ja-JP.ts +2 -1
  73. package/packages/locale/lang/pt-BR.ts +2 -1
  74. package/packages/locale/lang/zh-CN.ts +2 -1
  75. package/packages/locale/lang/zh-TC.ts +2 -1
  76. package/packages/menu/src/hooks.ts +6 -5
  77. package/packages/table/src/table.ts +16 -3
  78. package/packages/v-x-e-table/src/interceptor.ts +1 -1
  79. package/styles/custom.scss +14 -2
  80. package/types/module/edit.d.ts +1 -1
  81. package/types/module/menu.d.ts +1 -0
  82. package/types/table.d.ts +6 -0
  83. package/types/v-x-e-table/interceptor.d.ts +2 -2
  84. /package/es/icon/style/{iconfont.1714444998024.ttf → iconfont.1714487458874.ttf} +0 -0
  85. /package/es/icon/style/{iconfont.1714444998024.woff → iconfont.1714487458874.woff} +0 -0
  86. /package/es/icon/style/{iconfont.1714444998024.woff2 → iconfont.1714487458874.woff2} +0 -0
  87. /package/es/{iconfont.1714444998024.ttf → iconfont.1714487458874.ttf} +0 -0
  88. /package/es/{iconfont.1714444998024.woff → iconfont.1714487458874.woff} +0 -0
  89. /package/es/{iconfont.1714444998024.woff2 → iconfont.1714487458874.woff2} +0 -0
  90. /package/lib/icon/style/{iconfont.1714444998024.ttf → iconfont.1714487458874.ttf} +0 -0
  91. /package/lib/icon/style/{iconfont.1714444998024.woff → iconfont.1714487458874.woff} +0 -0
  92. /package/lib/icon/style/{iconfont.1714444998024.woff2 → iconfont.1714487458874.woff2} +0 -0
  93. /package/lib/{iconfont.1714444998024.ttf → iconfont.1714487458874.ttf} +0 -0
  94. /package/lib/{iconfont.1714444998024.woff → iconfont.1714487458874.woff} +0 -0
  95. /package/lib/{iconfont.1714444998024.woff2 → iconfont.1714487458874.woff2} +0 -0
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={use:!0,t:!0,_t:!0,globalConfs:!0,v:!0,setup:!0,globalStore:!0,VXETable:!0},_xeUtils=(exports.VXETable=void 0,exports._t=_t,exports.setup=exports.globalStore=exports.globalConfs=exports.default=void 0,exports.t=t,exports.use=use,exports.v=void 0,_interopRequireDefault(require("xe-utils"))),_conf=_interopRequireDefault(require("./src/conf")),_interceptor=require("./src/interceptor"),_renderer=(Object.keys(_interceptor).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_interceptor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _interceptor[e]}})}),require("./src/renderer")),_commands=(Object.keys(_renderer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_renderer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _renderer[e]}})}),require("./src/commands")),_menus=(Object.keys(_commands).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_commands[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _commands[e]}})}),require("./src/menus")),_formats=(Object.keys(_menus).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_menus[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _menus[e]}})}),require("./src/formats")),_validators=(Object.keys(_formats).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formats[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formats[e]}})}),require("./src/validators")),_hooks=(Object.keys(_validators).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_validators[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _validators[e]}})}),require("./src/hooks")),_config=(Object.keys(_hooks).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_hooks[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _hooks[e]}})}),require("./src/config")),_utils=(Object.keys(_config).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_config[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _config[e]}})}),require("../tools/utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getExportOrImpotType(e,r){const o=[];return _xeUtils.default.objectEach(e,(e,t)=>{0!==e&&e!==r||o.push(t)}),o}const installedPlugins=[];function use(e,t){return e&&e.install&&-1===installedPlugins.indexOf(e)&&(e.install(VXETable,t),installedPlugins.push(e)),VXETable}function t(e,t){return _conf.default.i18n(e,t)}function _t(e,t){return e?_xeUtils.default.toValueString(_conf.default.translate?_conf.default.translate(e,t):e):""}class VXETableConfig{get zIndex(){return(0,_utils.getLastZIndex)()}get nextZIndex(){return(0,_utils.nextZIndex)()}get exportTypes(){return getExportOrImpotType(_conf.default.export.types,1)}get importTypes(){return getExportOrImpotType(_conf.default.export.types,2)}}const globalConfs=exports.globalConfs=new VXETableConfig,v=exports.v="v4",setup=exports.setup=_config.config,globalStore=exports.globalStore={},VXETable=exports.VXETable={v:v,version:"4.6.7",config:_config.config,globalStore:globalStore,interceptor:_interceptor.interceptor,renderer:_renderer.renderer,commands:_commands.commands,formats:_formats.formats,validators:_validators.validators,menus:_menus.menus,hooks:_hooks.hooks,use:use,t:t,_t:_t,setup:setup,globalConfs:globalConfs};var _default=exports.default=VXETable;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={use:!0,t:!0,_t:!0,globalConfs:!0,v:!0,setup:!0,globalStore:!0,VXETable:!0},_xeUtils=(exports.VXETable=void 0,exports._t=_t,exports.setup=exports.globalStore=exports.globalConfs=exports.default=void 0,exports.t=t,exports.use=use,exports.v=void 0,_interopRequireDefault(require("xe-utils"))),_conf=_interopRequireDefault(require("./src/conf")),_interceptor=require("./src/interceptor"),_renderer=(Object.keys(_interceptor).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_interceptor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _interceptor[e]}})}),require("./src/renderer")),_commands=(Object.keys(_renderer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_renderer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _renderer[e]}})}),require("./src/commands")),_menus=(Object.keys(_commands).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_commands[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _commands[e]}})}),require("./src/menus")),_formats=(Object.keys(_menus).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_menus[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _menus[e]}})}),require("./src/formats")),_validators=(Object.keys(_formats).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formats[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formats[e]}})}),require("./src/validators")),_hooks=(Object.keys(_validators).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_validators[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _validators[e]}})}),require("./src/hooks")),_config=(Object.keys(_hooks).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_hooks[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _hooks[e]}})}),require("./src/config")),_utils=(Object.keys(_config).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_config[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _config[e]}})}),require("../tools/utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function getExportOrImpotType(e,r){const o=[];return _xeUtils.default.objectEach(e,(e,t)=>{0!==e&&e!==r||o.push(t)}),o}const installedPlugins=[];function use(e,t){return e&&e.install&&-1===installedPlugins.indexOf(e)&&(e.install(VXETable,t),installedPlugins.push(e)),VXETable}function t(e,t){return _conf.default.i18n(e,t)}function _t(e,t){return e?_xeUtils.default.toValueString(_conf.default.translate?_conf.default.translate(e,t):e):""}class VXETableConfig{get zIndex(){return(0,_utils.getLastZIndex)()}get nextZIndex(){return(0,_utils.nextZIndex)()}get exportTypes(){return getExportOrImpotType(_conf.default.export.types,1)}get importTypes(){return getExportOrImpotType(_conf.default.export.types,2)}}const globalConfs=exports.globalConfs=new VXETableConfig,v=exports.v="v4",setup=exports.setup=_config.config,globalStore=exports.globalStore={},VXETable=exports.VXETable={v:v,version:"4.6.8",config:_config.config,globalStore:globalStore,interceptor:_interceptor.interceptor,renderer:_renderer.renderer,commands:_commands.commands,formats:_formats.formats,validators:_validators.validators,menus:_menus.menus,hooks:_hooks.hooks,use:use,t:t,_t:_t,setup:setup,globalConfs:globalConfs};var _default=exports.default=VXETable;
@@ -19,7 +19,7 @@ const interceptor = exports.interceptor = {
19
19
  add(type, callback) {
20
20
  // 检测类型
21
21
  if (process.env.NODE_ENV === 'development') {
22
- const eventTypes = ['created', 'mounted', 'activated', 'beforeUnmount', 'unmounted', 'event.clearActived', 'event.clearFilter', 'event.clearAreas', 'event.showMenu', 'event.keydown', 'event.export', 'event.import'];
22
+ const eventTypes = ['created', 'mounted', 'activated', 'beforeUnmount', 'unmounted', 'event.clearEdit', 'event.clearActived', 'event.clearFilter', 'event.clearAreas', 'event.showMenu', 'event.keydown', 'event.export', 'event.import'];
23
23
  if (eventTypes.indexOf(type) === -1) {
24
24
  (0, _log.warnLog)('vxe.error.errProp', [`Interceptor.${type}`, eventTypes.join('|')]);
25
25
  }
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.interceptor=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_log=require("../../tools/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const storeMap={},interceptor=exports.interceptor={mixin(e){return _xeUtils.default.each(e,(e,r)=>interceptor.add(r,e)),interceptor},get(e){return storeMap[e]||[]},add(r,t){var e;if("development"===process.env.NODE_ENV&&-1===(e=["created","mounted","activated","beforeUnmount","unmounted","event.clearActived","event.clearFilter","event.clearAreas","event.showMenu","event.keydown","event.export","event.import"]).indexOf(r)&&(0,_log.warnLog)("vxe.error.errProp",["Interceptor."+r,e.join("|")]),t){let e=storeMap[r];e=e||(storeMap[r]=[]),"development"===process.env.NODE_ENV&&-1<e.indexOf(t)&&(0,_log.warnLog)("vxe.error.coverProp",["Interceptor",r]),e.push(t)}return interceptor},delete(e,r){var t=storeMap[e];t&&(r?_xeUtils.default.remove(t,e=>e===r):delete storeMap[e])}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.interceptor=void 0;var _xeUtils=_interopRequireDefault(require("xe-utils")),_log=require("../../tools/log");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const storeMap={},interceptor=exports.interceptor={mixin(e){return _xeUtils.default.each(e,(e,r)=>interceptor.add(r,e)),interceptor},get(e){return storeMap[e]||[]},add(r,t){var e;if("development"===process.env.NODE_ENV&&-1===(e=["created","mounted","activated","beforeUnmount","unmounted","event.clearEdit","event.clearActived","event.clearFilter","event.clearAreas","event.showMenu","event.keydown","event.export","event.import"]).indexOf(r)&&(0,_log.warnLog)("vxe.error.errProp",["Interceptor."+r,e.join("|")]),t){let e=storeMap[r];e=e||(storeMap[r]=[]),"development"===process.env.NODE_ENV&&-1<e.indexOf(t)&&(0,_log.warnLog)("vxe.error.coverProp",["Interceptor",r]),e.push(t)}return interceptor},delete(e,r){var t=storeMap[e];t&&(r?_xeUtils.default.remove(t,e=>e===r):delete storeMap[e])}};
@@ -397,6 +397,8 @@
397
397
  .vxe-table-custom-popup--table-wrapper table {
398
398
  width: 100%;
399
399
  border: 0;
400
+ table-layout: fixed;
401
+ word-break: break-all;
400
402
  border-spacing: 0;
401
403
  border-collapse: separate;
402
404
  }
@@ -417,6 +419,9 @@
417
419
  .vxe-table-custom-popup--table-wrapper table tr:first-child td {
418
420
  border-top: 0;
419
421
  }
422
+ .vxe-table-custom-popup--table-wrapper table tr:hover {
423
+ background-color: var(--vxe-table-row-hover-background-color);
424
+ }
420
425
  .vxe-table-custom-popup--table-wrapper table th,
421
426
  .vxe-table-custom-popup--table-wrapper table td {
422
427
  height: 44px;
@@ -445,7 +450,6 @@
445
450
  }
446
451
 
447
452
  .vxe-table-custom-popup--name {
448
- max-width: 360px;
449
453
  overflow: hidden;
450
454
  text-overflow: ellipsis;
451
455
  white-space: nowrap;
@@ -453,42 +457,34 @@
453
457
 
454
458
  .vxe-table-custom-popup--row.level--2 .vxe-table-custom-popup--name {
455
459
  padding-left: 24px;
456
- max-width: 236px;
457
460
  }
458
461
 
459
462
  .vxe-table-custom-popup--row.level--3 .vxe-table-custom-popup--name {
460
463
  padding-left: 48px;
461
- max-width: 212px;
462
464
  }
463
465
 
464
466
  .vxe-table-custom-popup--row.level--4 .vxe-table-custom-popup--name {
465
467
  padding-left: 72px;
466
- max-width: 188px;
467
468
  }
468
469
 
469
470
  .vxe-table-custom-popup--row.level--5 .vxe-table-custom-popup--name {
470
471
  padding-left: 96px;
471
- max-width: 164px;
472
472
  }
473
473
 
474
474
  .vxe-table-custom-popup--row.level--6 .vxe-table-custom-popup--name {
475
475
  padding-left: 120px;
476
- max-width: 140px;
477
476
  }
478
477
 
479
478
  .vxe-table-custom-popup--row.level--7 .vxe-table-custom-popup--name {
480
479
  padding-left: 144px;
481
- max-width: 116px;
482
480
  }
483
481
 
484
482
  .vxe-table-custom-popup--row.level--8 .vxe-table-custom-popup--name {
485
483
  padding-left: 168px;
486
- max-width: 92px;
487
484
  }
488
485
 
489
486
  .vxe-table-custom-popup--row.level--9 .vxe-table-custom-popup--name {
490
487
  padding-left: 192px;
491
- max-width: 68px;
492
488
  }
493
489
 
494
490
  .vxe-table-custom-popup--column-item {
@@ -538,4 +534,14 @@
538
534
  }
539
535
  .vxe-table-custom-popup--column-sort-btn:active {
540
536
  cursor: grabbing;
537
+ }
538
+
539
+ .vxe-table-custom-popup--table-sort-help-title,
540
+ .vxe-table-custom-popup--table-sort-help-icon {
541
+ vertical-align: middle;
542
+ }
543
+
544
+ .vxe-table-custom-popup--table-sort-help-icon {
545
+ margin-left: 5px;
546
+ cursor: help;
541
547
  }
@@ -1 +1 @@
1
- [class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}.vxe-table-custom-popup--drag-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:var(--vxe-primary-color)}.vxe-success-color{color:var(--vxe-success-color)}.vxe-info-color{color:var(--vxe-info-color)}.vxe-warning-color{color:var(--vxe-warning-color)}.vxe-danger-color{color:var(--vxe-danger-color)}.vxe-perfect-color{color:var(--vxe-table-header-background-color)}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-input--wrapper .vxe-input{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-table-custom--option{display:flex;flex-direction:row}.vxe-table-custom-wrapper{display:none;position:absolute;top:-4px;right:2px;text-align:left;background-color:var(--vxe-toolbar-panel-background-color);z-index:19;border:1px solid var(--vxe-table-border-color);border-radius:var(--vxe-border-radius);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-table-custom-wrapper.is--active{display:block}.vxe-table-custom--body,.vxe-table-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table-custom--body>li,.vxe-table-custom--header>li{max-width:18em;min-width:14em;padding:.2em 1em .2em 1em}.vxe-table-custom--body>li.level--2,.vxe-table-custom--header>li.level--2{padding-left:3.5em}.vxe-table-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-table-custom--body>li.level--3,.vxe-table-custom--header>li.level--3{padding-left:4.5em}.vxe-table-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-table-custom--body>li.level--4,.vxe-table-custom--header>li.level--4{padding-left:5.5em}.vxe-table-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-table-custom--body>li.level--5,.vxe-table-custom--header>li.level--5{padding-left:6.5em}.vxe-table-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-table-custom--body>li.level--6,.vxe-table-custom--header>li.level--6{padding-left:7.5em}.vxe-table-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-table-custom--body>li.level--7,.vxe-table-custom--header>li.level--7{padding-left:8.5em}.vxe-table-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-table-custom--body>li.level--8,.vxe-table-custom--header>li.level--8{padding-left:9.5em}.vxe-table-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-table-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid var(--vxe-table-popup-border-color)}.vxe-table-custom--body{padding:.2em 0;max-height:20em}.vxe-table-custom--body .vxe-table-custom--checkbox-option:hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-table-custom--footer{border-top:1px solid var(--vxe-table-popup-border-color);text-align:right}.vxe-table-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:var(--vxe-font-color);text-align:center;cursor:pointer}.vxe-table-custom--footer button:focus{outline:0}.vxe-table-custom--footer button:hover{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{font-size:1.34em}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{color:var(--vxe-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table-custom--checkbox-option.is--checked,.vxe-table-custom--checkbox-option.is--indeterminate{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-table-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-table-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option.is--hidden{cursor:default}.vxe-table-custom--checkbox-option.is--disabled{color:var(--vxe-font-disabled-color);cursor:not-allowed}.vxe-table-custom--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-table-custom--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-table-custom--fixed-option{flex-shrink:0;padding-left:.5em;display:flex;flex-direction:row;align-items:center}.vxe-table-custom--fixed-left-option,.vxe-table-custom--fixed-right-option{line-height:1.34em;font-size:1.1em;padding:0 .2em;cursor:pointer}.vxe-table-custom--fixed-left-option.is--checked,.vxe-table-custom--fixed-left-option:hover,.vxe-table-custom--fixed-right-option.is--checked,.vxe-table-custom--fixed-right-option:hover{color:var(--vxe-primary-color)}.vxe-table-custom--fixed-left-option.is--disabled,.vxe-table-custom--fixed-right-option.is--disabled{cursor:no-drop;color:var(--vxe-input-disabled-color)}.vxe-table-custom-popup--body{overflow:auto;height:100%}.vxe-table-custom-popup--table-wrapper{border-bottom:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--table-wrapper table{width:100%;border:0;border-spacing:0;border-collapse:separate}.vxe-table-custom-popup--table-wrapper table th{position:sticky;top:0;text-align:left;border-top:1px solid var(--vxe-table-border-color);border-bottom:1px solid var(--vxe-table-border-color);border-left:1px solid var(--vxe-table-border-color);background-color:var(--vxe-table-header-background-color);z-index:7}.vxe-table-custom-popup--table-wrapper table td{border-top:1px solid var(--vxe-table-border-color);border-left:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--table-wrapper table tr:first-child td{border-top:0}.vxe-table-custom-popup--table-wrapper table td,.vxe-table-custom-popup--table-wrapper table th{height:44px;padding:0 .6em}.vxe-table-custom-popup--table-wrapper table td:last-child,.vxe-table-custom-popup--table-wrapper table th:last-child{border-right:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--drag-hint{display:none;position:absolute;top:0;left:0;padding:.6em 1em .6em 1.8em;max-width:300px;border-radius:var(--vxe-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-table-body-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-table-custom-popup--name{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table-custom-popup--row.level--2 .vxe-table-custom-popup--name{padding-left:24px;max-width:236px}.vxe-table-custom-popup--row.level--3 .vxe-table-custom-popup--name{padding-left:48px;max-width:212px}.vxe-table-custom-popup--row.level--4 .vxe-table-custom-popup--name{padding-left:72px;max-width:188px}.vxe-table-custom-popup--row.level--5 .vxe-table-custom-popup--name{padding-left:96px;max-width:164px}.vxe-table-custom-popup--row.level--6 .vxe-table-custom-popup--name{padding-left:120px;max-width:140px}.vxe-table-custom-popup--row.level--7 .vxe-table-custom-popup--name{padding-left:144px;max-width:116px}.vxe-table-custom-popup--row.level--8 .vxe-table-custom-popup--name{padding-left:168px;max-width:92px}.vxe-table-custom-popup--row.level--9 .vxe-table-custom-popup--name{padding-left:192px;max-width:68px}.vxe-table-custom-popup--column-item{position:relative}.vxe-table-custom-popup--column-item.col--fixed,.vxe-table-custom-popup--column-item.col--sort,.vxe-table-custom-popup--column-item.col--visible{text-align:center}.vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after{display:block;top:-2px}.vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{display:block;bottom:-2px}.vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-item::after{top:0}.vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{bottom:0}.vxe-table-custom-popup--column-item::after{display:none;content:"";position:absolute;left:-1px;width:calc(100% + 1px);height:3px;background-color:var(--vxe-primary-color);z-index:12}.vxe-table-custom-popup--column-item:last-child::after{width:100%}.vxe-table-custom--flip-move{transition:transform .35s}.vxe-table-custom-popup--column-sort-btn{font-size:1.2em;padding:.2em .5em;cursor:grab}.vxe-table-custom-popup--column-sort-btn:active{cursor:grabbing}
1
+ [class*=vxe-],[class*=vxe-] :after,[class*=vxe-] :before,[class*=vxe-]:after,[class*=vxe-]:before{box-sizing:border-box}.vxe-table-custom-popup--drag-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.vxe-primary-color{color:var(--vxe-primary-color)}.vxe-success-color{color:var(--vxe-success-color)}.vxe-info-color{color:var(--vxe-info-color)}.vxe-warning-color{color:var(--vxe-warning-color)}.vxe-danger-color{color:var(--vxe-danger-color)}.vxe-perfect-color{color:var(--vxe-table-header-background-color)}.vxe-row:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-row>.vxe-col--1{float:left;width:4.16667%}.vxe-row>.vxe-col--2{float:left;width:8.33333%}.vxe-row>.vxe-col--3{float:left;width:12.5%}.vxe-row>.vxe-col--4{float:left;width:16.66667%}.vxe-row>.vxe-col--5{float:left;width:20.83333%}.vxe-row>.vxe-col--6{float:left;width:25%}.vxe-row>.vxe-col--7{float:left;width:29.16667%}.vxe-row>.vxe-col--8{float:left;width:33.33333%}.vxe-row>.vxe-col--9{float:left;width:37.5%}.vxe-row>.vxe-col--10{float:left;width:41.66667%}.vxe-row>.vxe-col--11{float:left;width:45.83333%}.vxe-row>.vxe-col--12{float:left;width:50%}.vxe-row>.vxe-col--13{float:left;width:54.16667%}.vxe-row>.vxe-col--14{float:left;width:58.33333%}.vxe-row>.vxe-col--15{float:left;width:62.5%}.vxe-row>.vxe-col--16{float:left;width:66.66667%}.vxe-row>.vxe-col--17{float:left;width:70.83333%}.vxe-row>.vxe-col--18{float:left;width:75%}.vxe-row>.vxe-col--19{float:left;width:79.16667%}.vxe-row>.vxe-col--20{float:left;width:83.33333%}.vxe-row>.vxe-col--21{float:left;width:87.5%}.vxe-row>.vxe-col--22{float:left;width:91.66667%}.vxe-row>.vxe-col--23{float:left;width:95.83333%}.vxe-row>.vxe-col--24{float:left;width:100%}.is--animat .vxe-filter--btn:after,.is--animat .vxe-filter--btn:before,.is--animat .vxe-sort--asc-btn:after,.is--animat .vxe-sort--asc-btn:before,.is--animat .vxe-sort--desc-btn:after,.is--animat .vxe-sort--desc-btn:before{transition:border .1s ease-in-out}.is--animat .vxe-input--wrapper .vxe-input{transition:border .1s ease-in-out}.is--animat .vxe-table--expand-btn,.is--animat .vxe-tree--node-btn{transition:transform .1s ease-in-out}.is--animat .vxe-checkbox>input:checked+span,.is--animat .vxe-radio>input:checked+span{transition:background-color .1s ease-in-out}.vxe-table-custom--option{display:flex;flex-direction:row}.vxe-table-custom-wrapper{display:none;position:absolute;top:-4px;right:2px;text-align:left;background-color:var(--vxe-toolbar-panel-background-color);z-index:19;border:1px solid var(--vxe-table-border-color);border-radius:var(--vxe-border-radius);box-shadow:0 1px 6px rgba(0,0,0,.2)}.vxe-table-custom-wrapper.is--active{display:block}.vxe-table-custom--body,.vxe-table-custom--header{list-style-type:none;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table-custom--body>li,.vxe-table-custom--header>li{max-width:18em;min-width:14em;padding:.2em 1em .2em 1em}.vxe-table-custom--body>li.level--2,.vxe-table-custom--header>li.level--2{padding-left:3.5em}.vxe-table-custom--body>li.level--2 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--2 .vxe-checkbox--icon{left:1.8em}.vxe-table-custom--body>li.level--3,.vxe-table-custom--header>li.level--3{padding-left:4.5em}.vxe-table-custom--body>li.level--3 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--3 .vxe-checkbox--icon{left:2.8em}.vxe-table-custom--body>li.level--4,.vxe-table-custom--header>li.level--4{padding-left:5.5em}.vxe-table-custom--body>li.level--4 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--4 .vxe-checkbox--icon{left:3.8em}.vxe-table-custom--body>li.level--5,.vxe-table-custom--header>li.level--5{padding-left:6.5em}.vxe-table-custom--body>li.level--5 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--5 .vxe-checkbox--icon{left:4.8em}.vxe-table-custom--body>li.level--6,.vxe-table-custom--header>li.level--6{padding-left:7.5em}.vxe-table-custom--body>li.level--6 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--6 .vxe-checkbox--icon{left:5.8em}.vxe-table-custom--body>li.level--7,.vxe-table-custom--header>li.level--7{padding-left:8.5em}.vxe-table-custom--body>li.level--7 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--7 .vxe-checkbox--icon{left:6.8em}.vxe-table-custom--body>li.level--8,.vxe-table-custom--header>li.level--8{padding-left:9.5em}.vxe-table-custom--body>li.level--8 .vxe-checkbox--icon,.vxe-table-custom--header>li.level--8 .vxe-checkbox--icon{left:7.8em}.vxe-table-custom--header{padding:.28em 0;font-weight:700;border-bottom:1px solid var(--vxe-table-popup-border-color)}.vxe-table-custom--body{padding:.2em 0;max-height:20em}.vxe-table-custom--body .vxe-table-custom--checkbox-option:hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-table-custom--footer{border-top:1px solid var(--vxe-table-popup-border-color);text-align:right}.vxe-table-custom--footer button{background-color:transparent;width:50%;height:2.5em;border:0;color:var(--vxe-font-color);text-align:center;cursor:pointer}.vxe-table-custom--footer button:focus{outline:0}.vxe-table-custom--footer button:hover{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{font-size:1.34em}.vxe-table-custom--checkbox-option .vxe-checkbox--icon{color:var(--vxe-input-border-color);vertical-align:middle;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-table-custom--checkbox-option.is--checked,.vxe-table-custom--checkbox-option.is--indeterminate{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option.is--checked .vxe-checkbox--icon,.vxe-table-custom--checkbox-option.is--indeterminate .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option:not(.is--disabled){cursor:pointer}.vxe-table-custom--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon{color:var(--vxe-primary-color)}.vxe-table-custom--checkbox-option.is--hidden{cursor:default}.vxe-table-custom--checkbox-option.is--disabled{color:var(--vxe-font-disabled-color);cursor:not-allowed}.vxe-table-custom--checkbox-option.is--disabled .vxe-checkbox--icon{color:var(--vxe-input-disabled-color)}.vxe-table-custom--checkbox-option .vxe-checkbox--label{padding-left:.5em;vertical-align:middle}.vxe-table-custom--fixed-option{flex-shrink:0;padding-left:.5em;display:flex;flex-direction:row;align-items:center}.vxe-table-custom--fixed-left-option,.vxe-table-custom--fixed-right-option{line-height:1.34em;font-size:1.1em;padding:0 .2em;cursor:pointer}.vxe-table-custom--fixed-left-option.is--checked,.vxe-table-custom--fixed-left-option:hover,.vxe-table-custom--fixed-right-option.is--checked,.vxe-table-custom--fixed-right-option:hover{color:var(--vxe-primary-color)}.vxe-table-custom--fixed-left-option.is--disabled,.vxe-table-custom--fixed-right-option.is--disabled{cursor:no-drop;color:var(--vxe-input-disabled-color)}.vxe-table-custom-popup--body{overflow:auto;height:100%}.vxe-table-custom-popup--table-wrapper{border-bottom:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--table-wrapper table{width:100%;border:0;table-layout:fixed;word-break:break-all;border-spacing:0;border-collapse:separate}.vxe-table-custom-popup--table-wrapper table th{position:sticky;top:0;text-align:left;border-top:1px solid var(--vxe-table-border-color);border-bottom:1px solid var(--vxe-table-border-color);border-left:1px solid var(--vxe-table-border-color);background-color:var(--vxe-table-header-background-color);z-index:7}.vxe-table-custom-popup--table-wrapper table td{border-top:1px solid var(--vxe-table-border-color);border-left:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--table-wrapper table tr:first-child td{border-top:0}.vxe-table-custom-popup--table-wrapper table tr:hover{background-color:var(--vxe-table-row-hover-background-color)}.vxe-table-custom-popup--table-wrapper table td,.vxe-table-custom-popup--table-wrapper table th{height:44px;padding:0 .6em}.vxe-table-custom-popup--table-wrapper table td:last-child,.vxe-table-custom-popup--table-wrapper table th:last-child{border-right:1px solid var(--vxe-table-border-color)}.vxe-table-custom-popup--drag-hint{display:none;position:absolute;top:0;left:0;padding:.6em 1em .6em 1.8em;max-width:300px;border-radius:var(--vxe-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:var(--vxe-table-body-background-color);box-shadow:0 0 10px 0 rgba(0,0,0,.2);z-index:33}.vxe-table-custom-popup--name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-table-custom-popup--row.level--2 .vxe-table-custom-popup--name{padding-left:24px}.vxe-table-custom-popup--row.level--3 .vxe-table-custom-popup--name{padding-left:48px}.vxe-table-custom-popup--row.level--4 .vxe-table-custom-popup--name{padding-left:72px}.vxe-table-custom-popup--row.level--5 .vxe-table-custom-popup--name{padding-left:96px}.vxe-table-custom-popup--row.level--6 .vxe-table-custom-popup--name{padding-left:120px}.vxe-table-custom-popup--row.level--7 .vxe-table-custom-popup--name{padding-left:144px}.vxe-table-custom-popup--row.level--8 .vxe-table-custom-popup--name{padding-left:168px}.vxe-table-custom-popup--row.level--9 .vxe-table-custom-popup--name{padding-left:192px}.vxe-table-custom-popup--column-item{position:relative}.vxe-table-custom-popup--column-item.col--fixed,.vxe-table-custom-popup--column-item.col--sort,.vxe-table-custom-popup--column-item.col--visible{text-align:center}.vxe-table-custom-popup--row.active--drag-target[drag-pos=top] .vxe-table-custom-popup--column-item::after{display:block;top:-2px}.vxe-table-custom-popup--row.active--drag-target[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{display:block;bottom:-2px}.vxe-table-custom-popup--row:first-child[drag-pos=top] .vxe-table-custom-popup--column-item::after{top:0}.vxe-table-custom-popup--row:last-child[drag-pos=bottom] .vxe-table-custom-popup--column-item::after{bottom:0}.vxe-table-custom-popup--column-item::after{display:none;content:"";position:absolute;left:-1px;width:calc(100% + 1px);height:3px;background-color:var(--vxe-primary-color);z-index:12}.vxe-table-custom-popup--column-item:last-child::after{width:100%}.vxe-table-custom--flip-move{transition:transform .35s}.vxe-table-custom-popup--column-sort-btn{font-size:1.2em;padding:.2em .5em;cursor:grab}.vxe-table-custom-popup--column-sort-btn:active{cursor:grabbing}.vxe-table-custom-popup--table-sort-help-icon,.vxe-table-custom-popup--table-sort-help-title{vertical-align:middle}.vxe-table-custom-popup--table-sort-help-icon{margin-left:5px;cursor:help}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vxe-table",
3
- "version": "4.6.7",
3
+ "version": "4.6.8",
4
4
  "description": "一个基于 vue 的 PC 端表单/表格组件,支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",
@@ -6,6 +6,7 @@ import GlobalConfig from '../../v-x-e-table/src/conf'
6
6
  import VxeModalComponent from '../../modal/src/modal'
7
7
  import VxeButtonComponent from '../../button/src/button'
8
8
  import VxeRadioGroupComponent from '../../radio/src/group'
9
+ import VxeTooltipComponent from '../../tooltip/src/tooltip'
9
10
  import XEUtils from 'xe-utils'
10
11
 
11
12
  import { VxeTableDefines, VxeTablePrivateMethods, VxeTableConstructor, VxeTableMethods, VxeTableCustomStoreObj, VxeColumnPropTypes } from '../../../types/all'
@@ -22,7 +23,7 @@ export default defineComponent({
22
23
  const $xetable = inject('$xetable', {} as VxeTableConstructor & VxeTableMethods & VxeTablePrivateMethods)
23
24
 
24
25
  const { reactData } = $xetable
25
- const { computeCustomOpts, computeIsMaxFixedColumn } = $xetable.getComputeMaps()
26
+ const { computeCustomOpts, computeColumnOpts, computeIsMaxFixedColumn } = $xetable.getComputeMaps()
26
27
 
27
28
  const refElem = ref() as Ref<HTMLDivElement>
28
29
  const bodyElemRef = ref() as Ref<HTMLDivElement>
@@ -385,6 +386,7 @@ export default defineComponent({
385
386
  const { customColumnList } = reactData
386
387
  const customOpts = computeCustomOpts.value
387
388
  const { checkMethod, visibleMethod } = customOpts
389
+ const columnOpts = computeColumnOpts.value
388
390
  const isMaxFixedColumn = computeIsMaxFixedColumn.value
389
391
  const trVNs: VNode[] = []
390
392
  XEUtils.eachTree(customColumnList, (column, index, items, path, parent) => {
@@ -477,7 +479,7 @@ export default defineComponent({
477
479
  modelValue: customStore.visible,
478
480
  title: GlobalConfig.i18n('vxe.custom.cstmTitle'),
479
481
  width: '40vw',
480
- minWidth: 500,
482
+ minWidth: 520,
481
483
  height: '50vh',
482
484
  minHeight: 300,
483
485
  mask: true,
@@ -502,10 +504,10 @@ export default defineComponent({
502
504
  h('colgroup', {}, [
503
505
  h('col', {
504
506
  style: {
505
- width: '60px'
507
+ width: '80px'
506
508
  }
507
509
  }),
508
- h('col'),
510
+ h('col', {}),
509
511
  h('col', {
510
512
  style: {
511
513
  width: '80px'
@@ -519,10 +521,24 @@ export default defineComponent({
519
521
  ]),
520
522
  h('thead', {}, [
521
523
  h('tr', {}, [
522
- h('th', {}, GlobalConfig.i18n('vxe.custom.setting.colSort')),
524
+ h('th', {}, [
525
+ h('span', {
526
+ class: 'vxe-table-custom-popup--table-sort-help-title'
527
+ }, GlobalConfig.i18n('vxe.custom.setting.colSort')),
528
+ h(VxeTooltipComponent, {
529
+ enterable: true,
530
+ content: GlobalConfig.i18n('vxe.custom.setting.sortHelpTip')
531
+ }, {
532
+ default: () => {
533
+ return h('i', {
534
+ class: 'vxe-table-custom-popup--table-sort-help-icon vxe-icon-question-circle-fill'
535
+ })
536
+ }
537
+ })
538
+ ]),
523
539
  h('th', {}, GlobalConfig.i18n('vxe.custom.setting.colTitle')),
524
540
  h('th', {}, GlobalConfig.i18n('vxe.custom.setting.colVisible')),
525
- h('th', {}, GlobalConfig.i18n('vxe.custom.setting.colFixed'))
541
+ h('th', {}, GlobalConfig.i18n('vxe.custom.setting.colFixed', [columnOpts.maxFixedSize || 0]))
526
542
  ])
527
543
  ]),
528
544
  h(TransitionGroup, {
@@ -504,10 +504,10 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
504
504
  return null
505
505
  },
506
506
  clearActived (evnt) {
507
- // if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
508
- // warnLog('vxe.error.delFunc', ['clearActived', 'clearEdit'])
509
- // }
510
507
  // 即将废弃
508
+ if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
509
+ warnLog('vxe.error.delFunc', ['clearActived', 'clearEdit'])
510
+ }
511
511
  return this.clearEdit(evnt)
512
512
  },
513
513
  /**
@@ -515,7 +515,7 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
515
515
  */
516
516
  clearEdit (evnt) {
517
517
  const { editStore } = reactData
518
- const { actived } = editStore
518
+ const { actived, focused } = editStore
519
519
  const { row, column } = actived
520
520
  if (row || column) {
521
521
  syncActivedCell()
@@ -537,6 +537,8 @@ const editHook: VxeGlobalHooksHandles.HookOptions = {
537
537
  return $xetable.clearValidate()
538
538
  }
539
539
  }
540
+ focused.row = null
541
+ focused.column = null
540
542
  return nextTick()
541
543
  },
542
544
  /**
@@ -114,9 +114,10 @@ export default {
114
114
  cstmDragTarget: 'Moving target: {0}',
115
115
  setting: {
116
116
  colSort: 'Sort',
117
+ sortHelpTip: 'Click and drag the icon to adjust the order of the columns.',
117
118
  colTitle: 'Title',
118
119
  colVisible: 'Visible',
119
- colFixed: 'Freeze column',
120
+ colFixed: 'Freeze columns (Max. {0})',
120
121
  fixedLeft: 'Left',
121
122
  fixedUnset: 'Unset',
122
123
  fixedRight: 'Right'
@@ -114,9 +114,10 @@ export default {
114
114
  cstmDragTarget: 'Moving target: {0}',
115
115
  setting: {
116
116
  colSort: 'Sort',
117
+ sortHelpTip: 'Click and drag the icon to adjust the order of the columns.',
117
118
  colTitle: 'Title',
118
119
  colVisible: 'Visible',
119
- colFixed: 'Freeze column',
120
+ colFixed: 'Freeze columns (Max {0})',
120
121
  fixedLeft: 'Left',
121
122
  fixedUnset: 'Unset',
122
123
  fixedRight: 'Right'
@@ -114,9 +114,10 @@ export default {
114
114
  cstmDragTarget: '移動ターゲット: {0}',
115
115
  setting: {
116
116
  colSort: 'ソート',
117
+ sortHelpTip: 'Click and drag the icon to adjust the order of the columns.',
117
118
  colTitle: 'タイトル',
118
119
  colVisible: '表示',
119
- colFixed: '列固定',
120
+ colFixed: '冻结列(最多 {0} 列)',
120
121
  fixedLeft: '左側',
121
122
  fixedUnset: '指定しない',
122
123
  fixedRight: '右側'
@@ -114,9 +114,10 @@ export default {
114
114
  cstmDragTarget: 'Moving target: {0}',
115
115
  setting: {
116
116
  colSort: 'Sort',
117
+ sortHelpTip: 'Click and drag the icon to adjust the order of the columns.',
117
118
  colTitle: 'Title',
118
119
  colVisible: 'Visible',
119
- colFixed: 'Freeze column',
120
+ colFixed: 'Freeze columns (Max {0})',
120
121
  fixedLeft: 'Left',
121
122
  fixedUnset: 'Unset',
122
123
  fixedRight: 'Right'
@@ -114,9 +114,10 @@ export default {
114
114
  cstmDragTarget: '移动目标:{0}',
115
115
  setting: {
116
116
  colSort: '排序',
117
+ sortHelpTip: '点击并拖动图标可以调整列的排序',
117
118
  colTitle: '标题',
118
119
  colVisible: '是否显示',
119
- colFixed: '冻结列',
120
+ colFixed: '冻结列(最多 {0} 列)',
120
121
  fixedLeft: '左侧',
121
122
  fixedUnset: '不设置',
122
123
  fixedRight: '右侧'
@@ -114,9 +114,10 @@ export default {
114
114
  cstmDragTarget: '移動目標:{0}',
115
115
  setting: {
116
116
  colSort: '排序',
117
+ sortHelpTip: '點擊並拖動圖標可以調整列的排序',
117
118
  colTitle: '標題',
118
119
  colVisible: '是否顯示',
119
- colFixed: '冻结列',
120
+ colFixed: '冻结列(最多 {0} 列)',
120
121
  fixedLeft: '左側',
121
122
  fixedUnset: '不設定',
122
123
  fixedRight: '右側'
@@ -21,7 +21,7 @@ const tableMenuHook: VxeGlobalHooksHandles.HookOptions = {
21
21
  /**
22
22
  * 显示快捷菜单
23
23
  */
24
- const openContextMenu = (evnt: any, type: 'header' | 'body' | 'footer', params: any) => {
24
+ const handleOpenMenuEvent = (evnt: any, type: 'header' | 'body' | 'footer', params: any) => {
25
25
  const { ctxMenuStore } = reactData
26
26
  const isMenu = computeIsMenu.value
27
27
  const menuOpts = computeMenuOpts.value
@@ -142,6 +142,7 @@ const tableMenuHook: VxeGlobalHooksHandles.HookOptions = {
142
142
  menuPrivateMethods.ctxMenuLinkEvent(evnt, ctxMenuStore[property])
143
143
  }
144
144
  },
145
+ handleOpenMenuEvent,
145
146
  /**
146
147
  * 快捷菜单事件处理
147
148
  */
@@ -170,7 +171,7 @@ const tableMenuHook: VxeGlobalHooksHandles.HookOptions = {
170
171
  if (activeArea && activeArea.row && activeArea.column) {
171
172
  params.row = activeArea.row
172
173
  params.column = activeArea.column
173
- openContextMenu(evnt, type, params)
174
+ handleOpenMenuEvent(evnt, type, params)
174
175
  return
175
176
  }
176
177
  } else if (mouseConfig && mouseOpts.selected) {
@@ -178,7 +179,7 @@ const tableMenuHook: VxeGlobalHooksHandles.HookOptions = {
178
179
  if (selected.row && selected.column) {
179
180
  params.row = selected.row
180
181
  params.column = selected.column
181
- openContextMenu(evnt, type, params)
182
+ handleOpenMenuEvent(evnt, type, params)
182
183
  return
183
184
  }
184
185
  }
@@ -209,14 +210,14 @@ const tableMenuHook: VxeGlobalHooksHandles.HookOptions = {
209
210
  }
210
211
  }
211
212
  const eventType = `${typePrefix}cell-menu` as 'cell-menu' | 'header-cell-menu' | 'footer-cell-menu'
212
- openContextMenu(evnt, layout, params)
213
+ handleOpenMenuEvent(evnt, layout, params)
213
214
  $xetable.dispatchEvent(eventType, params, evnt)
214
215
  return
215
216
  } else if (getEventTargetNode(evnt, el, `vxe-table--${layout}-wrapper`, target => target.getAttribute('xid') === xID).flag) {
216
217
  if (menuOpts.trigger === 'cell') {
217
218
  evnt.preventDefault()
218
219
  } else {
219
- openContextMenu(evnt, layout, params)
220
+ handleOpenMenuEvent(evnt, layout, params)
220
221
  }
221
222
  return
222
223
  }
@@ -187,6 +187,11 @@ export default defineComponent({
187
187
  row: null,
188
188
  column: null
189
189
  },
190
+ // 当前被强制聚焦单元格,只会在鼠标点击后算聚焦
191
+ focused: {
192
+ row: null,
193
+ column: null
194
+ },
190
195
  insertMaps: {},
191
196
  removeMaps: {}
192
197
  },
@@ -4046,6 +4051,7 @@ export default defineComponent({
4046
4051
  return !!rowExpandedMaps[rowid]
4047
4052
  },
4048
4053
  isExpandByRow (row) {
4054
+ // 已废弃
4049
4055
  if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
4050
4056
  warnLog('vxe.error.delFunc', ['isExpandByRow', 'isRowExpandByRow'])
4051
4057
  }
@@ -4546,7 +4552,7 @@ export default defineComponent({
4546
4552
  // 如果是激活状态,点击了单元格之外
4547
4553
  if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
4548
4554
  // 如果手动调用了激活单元格,避免触发源被移除后导致重复关闭
4549
- tablePrivateMethods.preventEvent(evnt, 'event.clearActived', actived.args, () => {
4555
+ tablePrivateMethods.preventEvent(evnt, 'event.clearEdit', actived.args, () => {
4550
4556
  let isClear
4551
4557
  if (editOpts.mode === 'row') {
4552
4558
  const rowTargetNode = getEventTargetNode(evnt, el, 'vxe-body--row')
@@ -5357,7 +5363,14 @@ export default defineComponent({
5357
5363
  reactData.reColumnFlag++
5358
5364
  },
5359
5365
  preventEvent (evnt, type, args, next, end) {
5360
- const evntList = VXETable.interceptor.get(type)
5366
+ let evntList = VXETable.interceptor.get(type)
5367
+
5368
+ // 兼容老版本
5369
+ if (!evntList.length && type === 'event.clearEdit') {
5370
+ evntList = VXETable.interceptor.get('event.clearActived')
5371
+ }
5372
+ // 兼容老版本
5373
+
5361
5374
  let rest
5362
5375
  if (!evntList.some((func) => func(Object.assign({ $grid: $xegrid, $table: $xetable, $event: evnt }, args)) === false)) {
5363
5376
  if (next) {
@@ -5931,7 +5944,7 @@ export default defineComponent({
5931
5944
  const { lazy } = expandOpts
5932
5945
  const rowid = getRowid($xetable, row)
5933
5946
  if (!lazy || !rowExpandLazyLoadedMaps[rowid]) {
5934
- const expanded = !tableMethods.isExpandByRow(row)
5947
+ const expanded = !tableMethods.isRowExpandByRow(row)
5935
5948
  const columnIndex = tableMethods.getColumnIndex(column)
5936
5949
  const $columnIndex = tableMethods.getVMColumnIndex(column)
5937
5950
  tableMethods.setRowExpand(row, expanded)
@@ -16,7 +16,7 @@ export const interceptor: VxeGlobalInterceptor = {
16
16
  add (type, callback) {
17
17
  // 检测类型
18
18
  if (process.env.VUE_APP_VXE_TABLE_ENV === 'development') {
19
- const eventTypes: VxeGlobalInterceptorHandles.Type[] = ['created', 'mounted', 'activated', 'beforeUnmount', 'unmounted', 'event.clearActived', 'event.clearFilter', 'event.clearAreas', 'event.showMenu', 'event.keydown', 'event.export', 'event.import']
19
+ const eventTypes: VxeGlobalInterceptorHandles.Type[] = ['created', 'mounted', 'activated', 'beforeUnmount', 'unmounted', 'event.clearEdit', 'event.clearActived', 'event.clearFilter', 'event.clearAreas', 'event.showMenu', 'event.keydown', 'event.export', 'event.import']
20
20
  if (eventTypes.indexOf(type) === -1) {
21
21
  warnLog('vxe.error.errProp', [`Interceptor.${type}`, eventTypes.join('|')])
22
22
  }
@@ -125,6 +125,8 @@
125
125
  table {
126
126
  width: 100%;
127
127
  border: 0;
128
+ table-layout: fixed;
129
+ word-break: break-all;
128
130
  border-spacing: 0;
129
131
  border-collapse: separate;
130
132
  th {
@@ -147,6 +149,9 @@
147
149
  border-top: 0;
148
150
  }
149
151
  }
152
+ &:hover {
153
+ background-color: var(--vxe-table-row-hover-background-color);
154
+ }
150
155
  }
151
156
  th,
152
157
  td {
@@ -176,7 +181,6 @@
176
181
  }
177
182
 
178
183
  .vxe-table-custom-popup--name {
179
- max-width: 360px;
180
184
  overflow: hidden;
181
185
  text-overflow: ellipsis;
182
186
  white-space: nowrap;
@@ -188,7 +192,6 @@
188
192
  &.level--#{$index} {
189
193
  .vxe-table-custom-popup--name {
190
194
  padding-left: $paddingLeft;
191
- max-width: 260px - $paddingLeft;
192
195
  }
193
196
  }
194
197
  }
@@ -272,3 +275,12 @@
272
275
  cursor: grabbing;
273
276
  }
274
277
  }
278
+
279
+ .vxe-table-custom-popup--table-sort-help-title,
280
+ .vxe-table-custom-popup--table-sort-help-icon {
281
+ vertical-align: middle;
282
+ }
283
+ .vxe-table-custom-popup--table-sort-help-icon {
284
+ margin-left: 5px;
285
+ cursor: help;
286
+ }
@@ -108,7 +108,7 @@ export interface TableEditMethods<D = VxeTableDataRow> {
108
108
  column: VxeTableDefines.ColumnInfo<D>
109
109
  }
110
110
  /**
111
- * 请使用 clearEdit
111
+ * 请使用 clearEdit()
112
112
  * @deprecated
113
113
  */
114
114
  clearActived(evnt?: Event): Promise<any>
@@ -42,6 +42,7 @@ export interface TableMenuMethods<D = VxeTableDataRow> {
42
42
 
43
43
  export interface TableMenuPrivateMethods<D = VxeTableDataRow> {
44
44
  moveCtxMenu(evnt: any, ctxMenuStore: any, property: any, hasOper: boolean, operRest: any, menuList: any): void
45
+ handleOpenMenuEvent(evnt: Event, type: 'header' | 'body' | 'footer', params: any): void
45
46
  handleGlobalContextmenuEvent(evnt: any): void
46
47
  ctxMenuMouseoverEvent(evnt: any, item: any, child?: any): void
47
48
  ctxMenuMouseoutEvent(evnt: any, item: any): void
package/types/table.d.ts CHANGED
@@ -954,6 +954,12 @@ export interface TableReactData<D = VxeTableDataRow> {
954
954
  column: any
955
955
  [key: string]: any
956
956
  },
957
+ // 当前被强制聚焦单元格,只会在鼠标点击后算聚焦
958
+ focused: {
959
+ row: D | null
960
+ column: any
961
+ [key: string]: any
962
+ },
957
963
  insertMaps: {
958
964
  [key: string]: any
959
965
  }
@@ -3,7 +3,7 @@ import { VxeGridConstructor, VxeGridPrivateMethods } from '../grid'
3
3
 
4
4
  export namespace VxeGlobalInterceptorHandles {
5
5
  export type HookType = 'created' | 'mounted' | 'activated' | 'beforeUnmount' | 'unmounted'
6
- export type EventType = 'event.clearActived' | 'event.clearFilter' | 'event.clearAreas' | 'event.showMenu' | 'event.keydown' | 'event.export' | 'event.import'
6
+ export type EventType = 'event.clearEdit' | 'event.clearActived' | 'event.clearFilter' | 'event.clearAreas' | 'event.showMenu' | 'event.keydown' | 'event.export' | 'event.import'
7
7
  export type Type = HookType | EventType
8
8
 
9
9
  export type InterceptorCallback = (params: any) => any
@@ -16,7 +16,7 @@ export namespace VxeGlobalInterceptorHandles {
16
16
 
17
17
  export interface InterceptorKeydownParams extends InterceptorParams { }
18
18
  export interface InterceptorClearFilterParams extends InterceptorParams { }
19
- export interface InterceptorClearActivedParams extends InterceptorParams { }
19
+ export interface InterceptorClearEditParams extends InterceptorParams { }
20
20
  export interface InterceptorClearAreasParams extends InterceptorParams { }
21
21
 
22
22
  export interface InterceptorExportParams extends InterceptorParams {