vxe-gantt 0.0.3 → 4.0.0-beta.1

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 (69) hide show
  1. package/README.md +1 -1
  2. package/es/gantt/src/emits.js +5 -1
  3. package/es/gantt/src/gantt-body.js +11 -2
  4. package/es/gantt/src/gantt-chart.js +35 -14
  5. package/es/gantt/src/gantt-header.js +5 -2
  6. package/es/gantt/src/gantt-view.js +5 -1
  7. package/es/gantt/src/gantt.js +84 -32
  8. package/es/gantt/src/grid-props.js +1 -1
  9. package/es/gantt/src/props.js +1 -1
  10. package/es/gantt/src/table-props.js +1 -1
  11. package/es/gantt/style.css +36 -17
  12. package/es/gantt/style.min.css +1 -1
  13. package/es/style.css +1 -1
  14. package/es/style.min.css +1 -1
  15. package/es/ui/index.js +9 -2
  16. package/es/ui/src/log.js +3 -2
  17. package/es/ui/src/utils.js +3 -0
  18. package/es/vxe-gantt/style.css +36 -17
  19. package/es/vxe-gantt/style.min.css +1 -1
  20. package/helper/vetur/attributes.json +1 -1
  21. package/helper/vetur/tags.json +1 -1
  22. package/lib/gantt/src/emits.js +1 -1
  23. package/lib/gantt/src/emits.min.js +1 -1
  24. package/lib/gantt/src/gantt-body.js +16 -2
  25. package/lib/gantt/src/gantt-body.min.js +1 -1
  26. package/lib/gantt/src/gantt-chart.js +47 -10
  27. package/lib/gantt/src/gantt-chart.min.js +1 -1
  28. package/lib/gantt/src/gantt-header.js +6 -2
  29. package/lib/gantt/src/gantt-header.min.js +1 -1
  30. package/lib/gantt/src/gantt-view.js +6 -2
  31. package/lib/gantt/src/gantt-view.min.js +1 -1
  32. package/lib/gantt/src/gantt.js +101 -35
  33. package/lib/gantt/src/gantt.min.js +1 -1
  34. package/lib/gantt/src/grid-props.js +2 -2
  35. package/lib/gantt/src/grid-props.min.js +1 -1
  36. package/lib/gantt/src/props.js +2 -1
  37. package/lib/gantt/src/props.min.js +1 -1
  38. package/lib/gantt/src/table-props.js +2 -2
  39. package/lib/gantt/src/table-props.min.js +1 -1
  40. package/lib/gantt/style/style.css +36 -17
  41. package/lib/gantt/style/style.min.css +1 -1
  42. package/lib/index.umd.js +214 -73
  43. package/lib/index.umd.min.js +1 -1
  44. package/lib/style.css +1 -1
  45. package/lib/style.min.css +1 -1
  46. package/lib/ui/index.js +13 -3
  47. package/lib/ui/index.min.js +1 -1
  48. package/lib/ui/src/log.js +6 -3
  49. package/lib/ui/src/log.min.js +1 -1
  50. package/lib/ui/src/utils.js +4 -0
  51. package/lib/ui/src/utils.min.js +1 -1
  52. package/lib/vxe-gantt/style/style.css +36 -17
  53. package/lib/vxe-gantt/style/style.min.css +1 -1
  54. package/package.json +4 -4
  55. package/packages/gantt/src/emits.ts +6 -1
  56. package/packages/gantt/src/gantt-body.ts +11 -2
  57. package/packages/gantt/src/gantt-chart.ts +37 -15
  58. package/packages/gantt/src/gantt-header.ts +5 -2
  59. package/packages/gantt/src/gantt-view.ts +5 -1
  60. package/packages/gantt/src/gantt.ts +90 -32
  61. package/packages/gantt/src/grid-props.ts +1 -1
  62. package/packages/gantt/src/props.ts +2 -1
  63. package/packages/gantt/src/table-props.ts +1 -1
  64. package/packages/ui/index.ts +9 -1
  65. package/packages/ui/src/log.ts +3 -1
  66. package/packages/ui/src/utils.ts +4 -0
  67. package/styles/components/gantt-module/gantt-chart.scss +28 -9
  68. package/styles/components/gantt.scss +12 -7
  69. package/styles/theme/base.scss +5 -1
package/lib/ui/src/log.js CHANGED
@@ -5,6 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.warnLog = exports.errLog = void 0;
7
7
  var _core = require("@vxe-ui/core");
8
- const version = `gantt v${"0.0.3"}`;
9
- const warnLog = exports.warnLog = _core.log.create('warn', version);
10
- const errLog = exports.errLog = _core.log.create('error', version);
8
+ const {
9
+ log
10
+ } = _core.VxeUI;
11
+ const version = `gantt v${"4.0.0-beta.1"}`;
12
+ const warnLog = exports.warnLog = log.create('warn', version);
13
+ const errLog = exports.errLog = log.create('error', version);
package/lib/ui/src/log.min.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let version="gantt v0.0.3",warnLog=exports.warnLog=_core.log.create("warn",version),errLog=exports.errLog=_core.log.create("error",version);
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.warnLog=exports.errLog=void 0;var _core=require("@vxe-ui/core");let log=_core.VxeUI.log,version="gantt v4.0.0-beta.1",warnLog=exports.warnLog=log.create("warn",version),errLog=exports.errLog=log.create("error",version);
package/lib/ui/src/utils.js CHANGED
@@ -7,6 +7,7 @@ exports.eqEmptyValue = eqEmptyValue;
7
7
  exports.formatText = formatText;
8
8
  exports.getFuncText = getFuncText;
9
9
  exports.getLastZIndex = getLastZIndex;
10
+ exports.getStringValue = getStringValue;
10
11
  exports.hasChildrenList = hasChildrenList;
11
12
  exports.isEmptyValue = isEmptyValue;
12
13
  exports.isEnableConf = isEnableConf;
@@ -56,4 +57,7 @@ function formatText(value, placeholder) {
56
57
  */
57
58
  function eqEmptyValue(cellValue) {
58
59
  return cellValue === '' || _xeUtils.default.eqNull(cellValue);
60
+ }
61
+ function getStringValue(cellValue) {
62
+ return eqEmptyValue(cellValue) ? '' : cellValue;
59
63
  }
package/lib/ui/src/utils.min.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:!0}),exports.eqEmptyValue=eqEmptyValue,exports.formatText=formatText,exports.getFuncText=getFuncText,exports.getLastZIndex=getLastZIndex,exports.hasChildrenList=hasChildrenList,exports.isEmptyValue=isEmptyValue,exports.isEnableConf=isEnableConf,exports.nextZIndex=nextZIndex,exports.parseFile=parseFile;var _xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("@vxe-ui/core"),_domZindex=_interopRequireDefault(require("dom-zindex"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isEnableConf(e){return e&&!1!==e.enabled}function isEmptyValue(e){return null==e||""===e}function parseFile(e){var e=e.name,t=_xeUtils.default.lastIndexOf(e,"."),n=e.substring(t+1,e.length).toLowerCase();return{filename:e.substring(0,t),type:n}}function nextZIndex(){return _domZindex.default.getNext()}function getLastZIndex(){return _domZindex.default.getCurrent()}function hasChildrenList(e){return e&&e.children&&0<e.children.length}function getFuncText(e,t){var n;return e?(n=_core.VxeUI.getConfig().translate,_xeUtils.default.toValueString(n?n(""+e,t):e)):""}function formatText(e,t){return""+(isEmptyValue(e)?t?_core.VxeUI.getConfig().emptyCell:"":e)}function eqEmptyValue(e){return""===e||_xeUtils.default.eqNull(e)}
1
+ Object.defineProperty(exports,"__esModule",{value:!0}),exports.eqEmptyValue=eqEmptyValue,exports.formatText=formatText,exports.getFuncText=getFuncText,exports.getLastZIndex=getLastZIndex,exports.getStringValue=getStringValue,exports.hasChildrenList=hasChildrenList,exports.isEmptyValue=isEmptyValue,exports.isEnableConf=isEnableConf,exports.nextZIndex=nextZIndex,exports.parseFile=parseFile;var _xeUtils=_interopRequireDefault(require("xe-utils")),_core=require("@vxe-ui/core"),_domZindex=_interopRequireDefault(require("dom-zindex"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function isEnableConf(e){return e&&!1!==e.enabled}function isEmptyValue(e){return null==e||""===e}function parseFile(e){var e=e.name,t=_xeUtils.default.lastIndexOf(e,"."),n=e.substring(t+1,e.length).toLowerCase();return{filename:e.substring(0,t),type:n}}function nextZIndex(){return _domZindex.default.getNext()}function getLastZIndex(){return _domZindex.default.getCurrent()}function hasChildrenList(e){return e&&e.children&&0<e.children.length}function getFuncText(e,t){var n;return e?(n=_core.VxeUI.getConfig().translate,_xeUtils.default.toValueString(n?n(""+e,t):e)):""}function formatText(e,t){return""+(isEmptyValue(e)?t?_core.VxeUI.getConfig().emptyCell:"":e)}function eqEmptyValue(e){return""===e||_xeUtils.default.eqNull(e)}function getStringValue(e){return eqEmptyValue(e)?"":e}
package/lib/vxe-gantt/style/style.css CHANGED
@@ -9,19 +9,27 @@
9
9
  .vxe-gantt-view--chart-row {
10
10
  position: relative;
11
11
  }
12
+ .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar {
13
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
14
+ }
15
+ .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar:hover::after {
16
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius);
17
+ }
18
+ .vxe-gantt-view--chart-row.is--round > .vxe-gantt-view--chart-bar > .vxe-gantt-view--chart-progress {
19
+ border-radius: var(--vxe-ui-gantt-view-task-bar-border-radius) 0 0 var(--vxe-ui-gantt-view-task-bar-border-radius);
20
+ }
12
21
 
13
22
  .vxe-gantt-view--chart-bar {
14
23
  display: flex;
15
24
  flex-direction: row;
25
+ align-items: center;
16
26
  position: absolute;
17
- width: 100px;
18
27
  top: 50%;
19
28
  left: 0;
20
29
  color: #ffffff;
21
30
  transform: translateY(-50%);
22
- border-radius: var(--vxe-ui-base-border-radius);
23
31
  height: var(--vxe-ui-gantt-view-chart-bar-height);
24
- background-color: var(--vxe-ui-font-primary-lighten-color);
32
+ background-color: var(--vxe-ui-gantt-view-task-bar-background-color);
25
33
  pointer-events: all;
26
34
  }
27
35
  .vxe-gantt-view--chart-bar:hover::after {
@@ -32,20 +40,27 @@
32
40
  width: 100%;
33
41
  height: 100%;
34
42
  background-color: rgba(0, 0, 0, 0.1);
35
- border-radius: var(--vxe-ui-base-border-radius);
36
43
  }
37
44
 
38
45
  .vxe-gantt-view--chart-progress {
39
46
  flex-shrink: 0;
40
- width: 40px;
47
+ width: 0;
48
+ height: 100%;
41
49
  text-align: left;
42
- border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);
43
- background-color: var(--vxe-ui-font-primary-color);
50
+ background-color: var(--vxe-ui-gantt-view-task-bar-completed-background-color);
51
+ overflow: hidden;
52
+ text-overflow: ellipsis;
53
+ white-space: nowrap;
44
54
  }
45
55
 
46
56
  .vxe-gantt-view--chart-content {
47
- flex-grow: 1;
48
- text-align: right;
57
+ position: absolute;
58
+ width: 100%;
59
+ overflow: hidden;
60
+ text-overflow: ellipsis;
61
+ white-space: nowrap;
62
+ font-size: 0.9em;
63
+ padding: 0 0.6em;
49
64
  }
50
65
 
51
66
  .vxe-gantt {
@@ -121,17 +136,19 @@
121
136
  }
122
137
  .vxe-gantt .vxe-gantt--view-split-bar {
123
138
  flex-shrink: 0;
124
- cursor: col-resize;
125
139
  width: var(--vxe-ui-gantt-view-split-bar-width);
126
140
  background-color: var(--vxe-ui-gantt-view-split-bar-background-color);
127
141
  }
142
+ .vxe-gantt .vxe-gantt--view-split-bar.is--resize {
143
+ cursor: col-resize;
144
+ }
128
145
  .vxe-gantt.show--left .vxe-gantt--table-wrapper {
129
146
  display: block;
130
147
  }
131
148
  .vxe-gantt.show--left.show--right .vxe-gantt--table-wrapper {
132
149
  flex-grow: unset;
133
150
  flex-shrink: 0;
134
- width: 30%;
151
+ width: var(--vxe-ui-gantt-view-table-default-width);
135
152
  }
136
153
  .vxe-gantt.show--right .vxe-gantt--view-wrapper {
137
154
  display: block;
@@ -281,6 +298,12 @@
281
298
  z-index: 15;
282
299
  pointer-events: none;
283
300
  }
301
+ .vxe-gantt--view-split-bar-btn-wrapper > div {
302
+ margin-top: 1em;
303
+ }
304
+ .vxe-gantt--view-split-bar-btn-wrapper > div:first-child {
305
+ margin-top: 0;
306
+ }
284
307
 
285
308
  .vxe-gantt--view-split-bar-left-btn,
286
309
  .vxe-gantt--view-split-bar-right-btn {
@@ -311,10 +334,6 @@
311
334
  transform: scale(0.9);
312
335
  }
313
336
 
314
- .vxe-gantt--view-split-bar-right-btn {
315
- margin-top: 1em;
316
- }
317
-
318
337
  .vxe-gantt--resizable-split-tip {
319
338
  display: none;
320
339
  position: absolute;
@@ -505,7 +524,7 @@
505
524
  }
506
525
 
507
526
  .vxe-gantt-view--column-info {
508
- width: var(--vxe-ui-gantt-view-column-width);
527
+ width: var(--vxe-ui-gantt-view-default-cell-width);
509
528
  }
510
529
 
511
530
  .vxe-gantt-view {
@@ -535,7 +554,7 @@
535
554
  }
536
555
  .vxe-gantt-view--header-table col,
537
556
  .vxe-gantt-view--body-table col {
538
- width: var(--vxe-ui-gantt-view-column-width);
557
+ width: var(--vxe-ui-gantt-view-default-cell-width);
539
558
  }
540
559
 
541
560
  .vxe-gantt-view--header-wrapper,
package/lib/vxe-gantt/style/style.min.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.vxe-gantt-view--chart-wrapper{position:absolute;top:0;left:0;pointer-events:none}.vxe-gantt-view--chart-row{position:relative}.vxe-gantt-view--chart-bar{display:flex;flex-direction:row;position:absolute;width:100px;top:50%;left:0;color:#fff;transform:translateY(-50%);border-radius:var(--vxe-ui-base-border-radius);height:var(--vxe-ui-gantt-view-chart-bar-height);background-color:var(--vxe-ui-font-primary-lighten-color);pointer-events:all}.vxe-gantt-view--chart-bar:hover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);border-radius:var(--vxe-ui-base-border-radius)}.vxe-gantt-view--chart-progress{flex-shrink:0;width:40px;text-align:left;border-radius:var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-font-primary-color)}.vxe-gantt-view--chart-content{flex-grow:1;text-align:right}.vxe-gantt{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-gantt.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-gantt.is--loading>.vxe-gantt-view .vxe-loading{background-color:transparent}.vxe-gantt.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt.is--split-drag{cursor:col-resize}.vxe-gantt.is--split-drag .vxe-gantt--table-wrapper::after,.vxe-gantt.is--split-drag .vxe-gantt--view-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt .vxe-gantt--bottom-wrapper,.vxe-gantt .vxe-gantt--form-wrapper,.vxe-gantt .vxe-gantt--top-wrapper{position:relative}.vxe-gantt .vxe-gantt--gantt-container{position:relative;display:flex;flex-direction:row}.vxe-gantt .vxe-gantt--left-wrapper,.vxe-gantt .vxe-gantt--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-gantt .vxe-gantt--table-wrapper,.vxe-gantt .vxe-gantt--view-wrapper{display:none;position:relative;flex-grow:1;overflow:hidden}.vxe-gantt .vxe-gantt--view-split-bar{flex-shrink:0;cursor:col-resize;width:var(--vxe-ui-gantt-view-split-bar-width);background-color:var(--vxe-ui-gantt-view-split-bar-background-color)}.vxe-gantt.show--left .vxe-gantt--table-wrapper{display:block}.vxe-gantt.show--left.show--right .vxe-gantt--table-wrapper{flex-grow:unset;flex-shrink:0;width:30%}.vxe-gantt.show--right .vxe-gantt--view-wrapper{display:block}.vxe-gantt--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-gantt--layout-body-content-wrapper{flex-grow:1;overflow:hidden}.vxe-gantt--layout-aside-left-wrapper,.vxe-gantt--layout-footer-wrapper,.vxe-gantt--layout-header-wrapper{flex-shrink:0;overflow:auto}.vxe-gantt--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;border:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--header-wrapper,.vxe-gantt.border--full .vxe-gantt-view--header-wrapper,.vxe-gantt.border--outer .vxe-gantt-view--header-wrapper{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt.border--full .vxe-gantt-view--body-column,.vxe-gantt.border--full .vxe-gantt-view--footer-column,.vxe-gantt.border--full .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color)),linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:var(--vxe-ui-table-border-width) 100%,100% var(--vxe-ui-table-border-width);background-position:right top,right bottom}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:0;border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{border-bottom-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner{border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer .vxe-gantt-view--scroll-x-wrapper::after{content:"";position:absolute;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after{top:0;border-bottom:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after{bottom:0;height:calc(100% + var(--vxe-ui-table-border-width));border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before{width:calc(100% + 1px);left:-1px}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-wrapper::after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after{left:0;border-right:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after{right:0;width:calc(100% + var(--vxe-ui-table-border-width));border-left:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt--view-split-bar{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt--view-split-bar-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:13}.vxe-gantt--view-split-bar-btn-wrapper{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.vxe-gantt--view-split-bar-left-btn,.vxe-gantt--view-split-bar-right-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;height:var(--vxe-ui-gantt-view-split-bar-height);width:var(--vxe-ui-gantt-view-split-bar-width);color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-gantt-view-handle-background-color);border:1px solid var(--vxe-ui-input-border-color);pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-gantt--view-split-bar-left-btn:hover,.vxe-gantt--view-split-bar-right-btn:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-gantt--view-split-bar-left-btn:active,.vxe-gantt--view-split-bar-right-btn:active{transform:scale(.9)}.vxe-gantt--view-split-bar-right-btn{margin-top:1em}.vxe-gantt--resizable-split-tip{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:18;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-gantt--resizable-split-tip:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-gantt--resizable-split-number-left,.vxe-gantt--resizable-split-number-right{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-number-left{right:0}.vxe-gantt--resizable-split-number-right{left:1px}.vxe-gantt.is--loading>.vxe-gantt-view--scroll-x-virtual{visibility:hidden}.vxe-gantt.is--loading>.vxe-gantt-view--layout-wrapper>.vxe-gantt-view--scroll-y-virtual{visibility:hidden}.vxe-gantt .vxe-gantt-view--scroll-x-virtual{height:0}.vxe-gantt .vxe-gantt-view--scroll-y-virtual{width:0}.vxe-gantt .vxe-gantt-view--scroll-x-virtual,.vxe-gantt .vxe-gantt-view--scroll-y-virtual{visibility:hidden;position:relative;flex-shrink:0;z-index:7}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{width:100%;left:0;bottom:0}.vxe-gantt .vxe-gantt-view--scroll-x-handle{overflow-y:hidden;overflow-x:scroll;height:18px}.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{height:100%}.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{width:100%;height:100%;right:0;top:0}.vxe-gantt .vxe-gantt-view--scroll-y-handle{overflow-y:scroll;overflow-x:hidden;width:18px;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-space{height:1px}.vxe-gantt .vxe-gantt-view--scroll-y-space{width:1px}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{display:none;position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{bottom:0;width:0;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner::before,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:var(--vxe-ui-table-border-width);border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner{left:0}.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{right:0}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner{right:1px}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner::before{border-right:0}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner{bottom:1px}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner::before{border-bottom:0}.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{top:0;right:0;width:100%;height:0}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner{margin-top:-1px}.vxe-gantt-view--layout-wrapper{display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt-view--viewport-wrapper{position:relative;overflow:hidden;flex-grow:1}.vxe-gantt-view--render-vars{width:0;height:0;overflow:hidden}.vxe-gantt-view--column-info{width:var(--vxe-ui-gantt-view-column-width)}.vxe-gantt-view{flex-grow:1;overflow:hidden}.vxe-gantt-view .vxe-body--x-space{width:100%;height:1px;margin-bottom:-1px}.vxe-gantt-view .vxe-body--y-space{width:0;float:left}.vxe-gantt-view--header-table{height:100%}.vxe-gantt-view--body-table,.vxe-gantt-view--header-table{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.vxe-gantt-view--body-table col,.vxe-gantt-view--header-table col{width:var(--vxe-ui-gantt-view-column-width)}.vxe-gantt-view--body-wrapper,.vxe-gantt-view--header-wrapper{overflow:hidden}.vxe-gantt-view--header-inner-wrapper{overflow-y:hidden;overflow-x:scroll}.vxe-gantt-view--body-inner-wrapper{overflow-y:auto;overflow-x:auto}.vxe-gantt-view--body-inner-wrapper,.vxe-gantt-view--header-inner-wrapper{position:relative;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.vxe-gantt-view--header-column{text-align:center;font-size:1em}.vxe-gantt-view--body-column{height:48px}.vxe-gantt-view--body-column,.vxe-gantt-view--footer-column,.vxe-gantt-view--header-column{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view.mode--day .vxe-gantt-view--header-column{height:50%}.vxe-gantt{font-size:var(--vxe-ui-font-size-default)}.vxe-gantt.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-gantt.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-gantt.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ @charset "UTF-8";.vxe-gantt-view--chart-wrapper{position:absolute;top:0;left:0;pointer-events:none}.vxe-gantt-view--chart-row{position:relative}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar:hover::after{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-row.is--round>.vxe-gantt-view--chart-bar>.vxe-gantt-view--chart-progress{border-radius:var(--vxe-ui-gantt-view-task-bar-border-radius) 0 0 var(--vxe-ui-gantt-view-task-bar-border-radius)}.vxe-gantt-view--chart-bar{display:flex;flex-direction:row;align-items:center;position:absolute;top:50%;left:0;color:#fff;transform:translateY(-50%);height:var(--vxe-ui-gantt-view-chart-bar-height);background-color:var(--vxe-ui-gantt-view-task-bar-background-color);pointer-events:all}.vxe-gantt-view--chart-bar:hover::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1)}.vxe-gantt-view--chart-progress{flex-shrink:0;width:0;height:100%;text-align:left;background-color:var(--vxe-ui-gantt-view-task-bar-completed-background-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view--chart-content{position:absolute;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;padding:0 .6em}.vxe-gantt{position:relative;overflow:auto;display:flex;flex-direction:column}.vxe-gantt.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:99;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--vxe-ui-loading-background-color)}.vxe-gantt.is--loading>.vxe-gantt-view .vxe-loading{background-color:transparent}.vxe-gantt.is--maximize{position:fixed;top:0;left:0;width:100%;height:100%;padding:.5em 1em;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt.is--split-drag{cursor:col-resize}.vxe-gantt.is--split-drag .vxe-gantt--table-wrapper::after,.vxe-gantt.is--split-drag .vxe-gantt--view-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt .vxe-gantt--bottom-wrapper,.vxe-gantt .vxe-gantt--form-wrapper,.vxe-gantt .vxe-gantt--top-wrapper{position:relative}.vxe-gantt .vxe-gantt--gantt-container{position:relative;display:flex;flex-direction:row}.vxe-gantt .vxe-gantt--left-wrapper,.vxe-gantt .vxe-gantt--right-wrapper{flex-shrink:0;overflow:auto;outline:0}.vxe-gantt .vxe-gantt--table-wrapper,.vxe-gantt .vxe-gantt--view-wrapper{display:none;position:relative;flex-grow:1;overflow:hidden}.vxe-gantt .vxe-gantt--view-split-bar{flex-shrink:0;width:var(--vxe-ui-gantt-view-split-bar-width);background-color:var(--vxe-ui-gantt-view-split-bar-background-color)}.vxe-gantt .vxe-gantt--view-split-bar.is--resize{cursor:col-resize}.vxe-gantt.show--left .vxe-gantt--table-wrapper{display:block}.vxe-gantt.show--left.show--right .vxe-gantt--table-wrapper{flex-grow:unset;flex-shrink:0;width:var(--vxe-ui-gantt-view-table-default-width)}.vxe-gantt.show--right .vxe-gantt--view-wrapper{display:block}.vxe-gantt--layout-body-wrapper{display:flex;flex-direction:row;overflow:auto;flex-grow:1}.vxe-gantt--layout-body-content-wrapper{flex-grow:1;overflow:hidden}.vxe-gantt--layout-aside-left-wrapper,.vxe-gantt--layout-footer-wrapper,.vxe-gantt--layout-header-wrapper{flex-shrink:0;overflow:auto}.vxe-gantt--border-line{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;border:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--header-wrapper,.vxe-gantt.border--full .vxe-gantt-view--header-wrapper,.vxe-gantt.border--outer .vxe-gantt-view--header-wrapper{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt.border--full .vxe-gantt-view--body-column,.vxe-gantt.border--full .vxe-gantt-view--footer-column,.vxe-gantt.border--full .vxe-gantt-view--header-column{background-image:linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color)),linear-gradient(var(--vxe-ui-table-border-color),var(--vxe-ui-table-border-color));background-repeat:no-repeat;background-size:var(--vxe-ui-table-border-width) 100%,100% var(--vxe-ui-table-border-width);background-position:right top,right bottom}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:0;border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-top-corner::before{border-bottom-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--inner .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt.border--outer .vxe-gantt-view--scroll-y-bottom-corner{border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer .vxe-gantt-view--scroll-x-wrapper::after{content:"";position:absolute;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--top .vxe-gantt-view--scroll-x-wrapper::after{top:0;border-bottom:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--full.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--inner.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after,.vxe-gantt.border--outer.sx-pos--bottom .vxe-gantt-view--scroll-x-wrapper::after{bottom:0;height:calc(100% + var(--vxe-ui-table-border-width));border-top:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-top-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-bottom-corner::before{border-left-width:var(--vxe-ui-table-border-width);border-right-width:var(--vxe-ui-table-border-width)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-bottom-corner::before,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-top-corner::before{width:calc(100% + 1px);left:-1px}.vxe-gantt.border--default .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full .vxe-gantt-view--scroll-y-wrapper::after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.vxe-gantt.border--default.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--left .vxe-gantt-view--scroll-y-wrapper::after{left:0;border-right:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt.border--default.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after,.vxe-gantt.border--full.sy-pos--right .vxe-gantt-view--scroll-y-wrapper::after{right:0;width:calc(100% + var(--vxe-ui-table-border-width));border-left:var(--vxe-ui-table-border-width) solid var(--vxe-ui-table-border-color)}.vxe-gantt--view-split-bar{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-gantt--view-split-bar-handle{position:absolute;top:0;left:0;width:100%;height:100%;z-index:13}.vxe-gantt--view-split-bar-btn-wrapper{display:flex;flex-direction:column;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.vxe-gantt--view-split-bar-btn-wrapper>div{margin-top:1em}.vxe-gantt--view-split-bar-btn-wrapper>div:first-child{margin-top:0}.vxe-gantt--view-split-bar-left-btn,.vxe-gantt--view-split-bar-right-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;height:var(--vxe-ui-gantt-view-split-bar-height);width:var(--vxe-ui-gantt-view-split-bar-width);color:var(--vxe-ui-layout-background-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-gantt-view-handle-background-color);border:1px solid var(--vxe-ui-input-border-color);pointer-events:all;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .1s ease-in-out}.vxe-gantt--view-split-bar-left-btn:hover,.vxe-gantt--view-split-bar-right-btn:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-gantt--view-split-bar-left-btn:active,.vxe-gantt--view-split-bar-right-btn:active{transform:scale(.9)}.vxe-gantt--resizable-split-tip{display:none;position:absolute;top:0;left:0;width:1px;height:100%;z-index:18;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-gantt--resizable-split-tip:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-gantt--resizable-split-number-left,.vxe-gantt--resizable-split-number-right{position:absolute;padding:.25em .25em;font-size:12px;border-radius:var(--vxe-ui-border-radius);white-space:nowrap;color:#fff;background-color:var(--vxe-ui-table-resizable-drag-line-color)}.vxe-gantt--resizable-split-number-left{right:0}.vxe-gantt--resizable-split-number-right{left:1px}.vxe-gantt.is--loading>.vxe-gantt-view--scroll-x-virtual{visibility:hidden}.vxe-gantt.is--loading>.vxe-gantt-view--layout-wrapper>.vxe-gantt-view--scroll-y-virtual{visibility:hidden}.vxe-gantt .vxe-gantt-view--scroll-x-virtual{height:0}.vxe-gantt .vxe-gantt-view--scroll-y-virtual{width:0}.vxe-gantt .vxe-gantt-view--scroll-x-virtual,.vxe-gantt .vxe-gantt-view--scroll-y-virtual{visibility:hidden;position:relative;flex-shrink:0;z-index:7}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-handle,.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{width:100%;left:0;bottom:0}.vxe-gantt .vxe-gantt-view--scroll-x-handle{overflow-y:hidden;overflow-x:scroll;height:18px}.vxe-gantt .vxe-gantt-view--scroll-x-wrapper{height:100%}.vxe-gantt .vxe-gantt-view--scroll-y-handle,.vxe-gantt .vxe-gantt-view--scroll-y-wrapper{width:100%;height:100%;right:0;top:0}.vxe-gantt .vxe-gantt-view--scroll-y-handle{overflow-y:scroll;overflow-x:hidden;width:18px;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-space{height:1px}.vxe-gantt .vxe-gantt-view--scroll-y-space{width:1px}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner,.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{display:none;position:absolute}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{bottom:0;width:0;height:100%}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner::before,.vxe-gantt .vxe-gantt-view--scroll-x-right-corner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-width:var(--vxe-ui-table-border-width);border-style:solid;border-color:var(--vxe-ui-table-border-color)}.vxe-gantt .vxe-gantt-view--scroll-x-left-corner{left:0}.vxe-gantt .vxe-gantt-view--scroll-x-right-corner{right:0}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner{right:1px}.vxe-gantt.sy-pos--right .vxe-gantt-view--scroll-x-right-corner::before{border-right:0}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner{bottom:1px}.vxe-gantt.sx-pos--bottom .vxe-gantt-view--scroll-x-right-corner::before{border-bottom:0}.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{background-color:var(--vxe-ui-table-header-background-color)}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner,.vxe-gantt .vxe-gantt-view--scroll-y-top-corner{top:0;right:0;width:100%;height:0}.vxe-gantt .vxe-gantt-view--scroll-y-bottom-corner{margin-top:-1px}.vxe-gantt-view--layout-wrapper{display:flex;flex-direction:row;background-color:var(--vxe-ui-layout-background-color)}.vxe-gantt-view--viewport-wrapper{position:relative;overflow:hidden;flex-grow:1}.vxe-gantt-view--render-vars{width:0;height:0;overflow:hidden}.vxe-gantt-view--column-info{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view{flex-grow:1;overflow:hidden}.vxe-gantt-view .vxe-body--x-space{width:100%;height:1px;margin-bottom:-1px}.vxe-gantt-view .vxe-body--y-space{width:0;float:left}.vxe-gantt-view--header-table{height:100%}.vxe-gantt-view--body-table,.vxe-gantt-view--header-table{border:0;border-spacing:0;border-collapse:separate;table-layout:fixed}.vxe-gantt-view--body-table col,.vxe-gantt-view--header-table col{width:var(--vxe-ui-gantt-view-default-cell-width)}.vxe-gantt-view--body-wrapper,.vxe-gantt-view--header-wrapper{overflow:hidden}.vxe-gantt-view--header-inner-wrapper{overflow-y:hidden;overflow-x:scroll}.vxe-gantt-view--body-inner-wrapper{overflow-y:auto;overflow-x:auto}.vxe-gantt-view--body-inner-wrapper,.vxe-gantt-view--header-inner-wrapper{position:relative;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.vxe-gantt-view--header-column{text-align:center;font-size:1em}.vxe-gantt-view--body-column{height:48px}.vxe-gantt-view--body-column,.vxe-gantt-view--footer-column,.vxe-gantt-view--header-column{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-gantt-view.mode--day .vxe-gantt-view--header-column{height:50%}.vxe-gantt{font-size:var(--vxe-ui-font-size-default)}.vxe-gantt.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-gantt.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-gantt.size--mini{font-size:var(--vxe-ui-font-size-mini)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "vxe-gantt",
3
- "version": "0.0.3",
4
- "description": "A Gantt chart based on Vxe UI and for use on PC systems",
3
+ "version": "4.0.0-beta.1",
4
+ "description": "A vue based gantt component",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",
7
7
  "serve": "vue-cli-service serve",
@@ -63,8 +63,8 @@
63
63
  "typescript": "~4.9.5",
64
64
  "vue": "3.4.27",
65
65
  "vue-router": "~4.5.1",
66
- "vxe-pc-ui": "^4.8.13",
67
- "vxe-table": "^4.15.6"
66
+ "vxe-pc-ui": "^4.8.14",
67
+ "vxe-table": "^4.15.7"
68
68
  },
69
69
  "vetur": {
70
70
  "tags": "helper/vetur/tags.json",
package/packages/gantt/src/emits.ts CHANGED
@@ -3,5 +3,10 @@ import { gridEmits } from './grid-emits'
3
3
  import type { VxeGanttEmits } from '../../../types'
4
4
 
5
5
  export const ganttEmits: VxeGanttEmits = [
6
- ...gridEmits
6
+ ...gridEmits,
7
+
8
+ 'task-cell-click',
9
+ 'task-cell-dblclick',
10
+ 'task-bar-click',
11
+ 'task-bar-dblclick'
7
12
  ]
package/packages/gantt/src/gantt-body.ts CHANGED
@@ -51,6 +51,12 @@ export default defineVxeComponent({
51
51
  class: 'vxe-gantt-view--body-column',
52
52
  style: {
53
53
  height: `${cellHeight}px`
54
+ },
55
+ onClick (evnt) {
56
+ $xeGantt.handleTaskCellClickEvent(evnt, { row })
57
+ },
58
+ onDblclick (evnt) {
59
+ $xeGantt.handleTaskCellDblclickEvent(evnt, { row })
54
60
  }
55
61
  })
56
62
  }))
@@ -60,7 +66,7 @@ export default defineVxeComponent({
60
66
  }
61
67
 
62
68
  const renderVN = () => {
63
- const { tableColumn } = reactData
69
+ const { tableColumn, viewCellWidth } = reactData
64
70
  return h('div', {
65
71
  ref: refElem,
66
72
  class: 'vxe-gantt-view--body-wrapper'
@@ -84,7 +90,10 @@ export default defineVxeComponent({
84
90
  }, [
85
91
  h('colgroup', {}, tableColumn.map((column, cIndex) => {
86
92
  return h('col', {
87
- key: cIndex
93
+ key: cIndex,
94
+ style: {
95
+ width: `${viewCellWidth}px`
96
+ }
88
97
  })
89
98
  })),
90
99
  h('tbody', {}, renderRows())
package/packages/gantt/src/gantt-chart.ts CHANGED
@@ -1,11 +1,15 @@
1
1
  import { h, inject, VNode, ref, Ref, onMounted, onUnmounted } from 'vue'
2
2
  import { defineVxeComponent } from '../../ui/src/comp'
3
+ import { VxeUI } from '@vxe-ui/core'
3
4
  import XEUtils from 'xe-utils'
4
5
  import { getCellRestHeight } from './util'
6
+ import { getStringValue } from '../../ui/src/utils'
5
7
 
6
8
  import type { VxeTablePropTypes } from 'vxe-table'
7
9
  import type { VxeGanttViewConstructor, VxeGanttViewPrivateMethods, VxeGanttConstructor, VxeGanttPrivateMethods } from '../../../types'
8
10
 
11
+ const { renderEmptyElement } = VxeUI
12
+
9
13
  export default defineVxeComponent({
10
14
  name: 'VxeGanttViewChart',
11
15
  setup () {
@@ -14,7 +18,7 @@ export default defineVxeComponent({
14
18
 
15
19
  const { reactData, internalData } = $xeGanttView
16
20
  const { refTable } = $xeGantt.getRefMaps()
17
- const { computeProgressField } = $xeGantt.getComputeMaps()
21
+ const { computeProgressField, computeTitleField, computeTaskBarOpts } = $xeGantt.getComputeMaps()
18
22
 
19
23
  const refElem = ref() as Ref<HTMLDivElement>
20
24
 
@@ -33,38 +37,56 @@ export default defineVxeComponent({
33
37
  }
34
38
 
35
39
  const { tableData } = reactData
40
+ const titleField = computeTitleField.value
36
41
  const progressField = computeProgressField.value
42
+ const taskBarOpts = computeTaskBarOpts.value
43
+ const { showProgress, showContent, contentMethod, barStyle } = taskBarOpts
44
+ const { round } = barStyle || {}
37
45
 
38
46
  const trVNs:VNode[] = []
39
47
  tableData.forEach((row, rIndex) => {
40
48
  const rowid = $xeTable ? $xeTable.getRowid(row) : ''
41
49
  const rowRest = fullAllDataRowIdData[rowid] || {}
42
50
  const cellHeight = getCellRestHeight(rowRest, cellOpts, rowOpts, defaultRowHeight)
43
- const progressValue = XEUtils.get(row, progressField)
51
+ let title = getStringValue(XEUtils.get(row, titleField))
52
+ const progressValue = showProgress ? Math.min(100, Math.max(0, XEUtils.toNumber(XEUtils.get(row, progressField)))) : 0
53
+ if (contentMethod) {
54
+ title = getStringValue(contentMethod({ row, title }))
55
+ }
44
56
  trVNs.push(
45
57
  h('div', {
46
58
  key: rIndex,
47
59
  rowid,
48
- class: 'vxe-gantt-view--chart-row',
60
+ class: ['vxe-gantt-view--chart-row', {
61
+ 'is--round': round
62
+ }],
49
63
  style: {
50
64
  height: `${cellHeight}px`
51
65
  }
52
66
  }, [
53
67
  h('div', {
54
68
  class: 'vxe-gantt-view--chart-bar',
55
- rowid
69
+ rowid,
70
+ onClick (evnt) {
71
+ $xeGantt.handleTaskBarClickEvent(evnt, { row })
72
+ },
73
+ onDblclick (evnt) {
74
+ $xeGantt.handleTaskBarDblclickEvent(evnt, { row })
75
+ }
56
76
  }, [
57
- h('div', {
58
- class: 'vxe-gantt-view--chart-progress',
59
- style: progressValue
60
- ? {
61
- width: `${progressValue}%`
62
- }
63
- : undefined
64
- }),
65
- h('div', {
66
- class: 'vxe-gantt-view--chart-content'
67
- })
77
+ showProgress
78
+ ? h('div', {
79
+ class: 'vxe-gantt-view--chart-progress',
80
+ style: {
81
+ width: `${progressValue || 0}%`
82
+ }
83
+ })
84
+ : renderEmptyElement($xeGantt),
85
+ showContent
86
+ ? h('div', {
87
+ class: 'vxe-gantt-view--chart-content'
88
+ }, title)
89
+ : renderEmptyElement($xeGantt)
68
90
  ])
69
91
  ])
70
92
  )
package/packages/gantt/src/gantt-header.ts CHANGED
@@ -16,7 +16,7 @@ export default defineVxeComponent({
16
16
  const refHeaderXSpace = ref() as Ref<HTMLDivElement>
17
17
 
18
18
  const renderVN = () => {
19
- const { tableColumn, headerGroups } = reactData
19
+ const { tableColumn, headerGroups, viewCellWidth } = reactData
20
20
  return h('div', {
21
21
  ref: refElem,
22
22
  class: 'vxe-gantt-view--header-wrapper'
@@ -36,7 +36,10 @@ export default defineVxeComponent({
36
36
  }, [
37
37
  h('colgroup', {}, tableColumn.map((column, cIndex) => {
38
38
  return h('col', {
39
- key: cIndex
39
+ key: cIndex,
40
+ style: {
41
+ width: `${viewCellWidth}px`
42
+ }
40
43
  })
41
44
  })),
42
45
  h('thead', {}, headerGroups.map((cols, rIndex) => {
package/packages/gantt/src/gantt-view.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { h, ref, reactive, nextTick, inject, watch, provide, onMounted, onUnmounted } from 'vue'
2
2
  import { defineVxeComponent } from '../../ui/src/comp'
3
3
  import { setScrollTop, setScrollLeft } from '../../ui/src/dom'
4
- import { VxeUI } from '../../ui'
4
+ import { VxeUI } from '@vxe-ui/core'
5
5
  import { getRefElem } from './util'
6
6
  import XEUtils from 'xe-utils'
7
7
  import GanttViewHeaderComponent from './gantt-header'
@@ -544,6 +544,10 @@ export default defineVxeComponent({
544
544
  }
545
545
 
546
546
  const ganttViewMethods: VxeGanttViewMethods = {
547
+ refreshData () {
548
+ handleUpdateData()
549
+ return handleLazyRecalculate()
550
+ },
547
551
  updateViewData () {
548
552
  const $xeTable = internalData.xeTable
549
553
  if ($xeTable) {
package/packages/gantt/src/gantt.ts CHANGED
@@ -3,7 +3,7 @@ import { defineVxeComponent } from '../../ui/src/comp'
3
3
  import XEUtils from 'xe-utils'
4
4
  import { getLastZIndex, nextZIndex, isEnableConf } from '../../ui/src/utils'
5
5
  import { getOffsetHeight, getPaddingTopBottomSize, getDomNode, toCssUnit, addClass, removeClass } from '../../ui/src/dom'
6
- import { VxeUI } from '../../ui'
6
+ import { VxeUI } from '@vxe-ui/core'
7
7
  import { ganttProps } from './props'
8
8
  import { ganttEmits } from './emits'
9
9
  import { tableEmits } from './table-emits'
@@ -149,6 +149,10 @@ export default defineVxeComponent({
149
149
  return Object.assign({}, getConfig().gantt.taskBarConfig, props.taskBarConfig)
150
150
  })
151
151
 
152
+ const computeTaskSplitOpts = computed(() => {
153
+ return Object.assign({}, getConfig().gantt.taskSplitConfig, props.taskSplitConfig)
154
+ })
155
+
152
156
  const computeTitleField = computed(() => {
153
157
  const taskOpts = computeTaskOpts.value
154
158
  return taskOpts.titleField || 'title'
@@ -156,12 +160,12 @@ export default defineVxeComponent({
156
160
 
157
161
  const computeStartField = computed(() => {
158
162
  const taskOpts = computeTaskOpts.value
159
- return taskOpts.startField || 'startDate'
163
+ return taskOpts.startField || 'start'
160
164
  })
161
165
 
162
166
  const computeEndField = computed(() => {
163
167
  const taskOpts = computeTaskOpts.value
164
- return taskOpts.endField || 'endDate'
168
+ return taskOpts.endField || 'end'
165
169
  })
166
170
 
167
171
  const computeProgressField = computed(() => {
@@ -186,6 +190,10 @@ export default defineVxeComponent({
186
190
  const computeStyles = computed(() => {
187
191
  const { height, maxHeight } = props
188
192
  const { isZMax, tZindex } = reactData
193
+ const taskViewOpts = computeTaskViewOpts.value
194
+ const { tableStyle } = taskViewOpts
195
+ const taskBarOpts = computeTaskBarOpts.value
196
+ const { barStyle } = taskBarOpts
189
197
  const stys: VxeComponentStyleType = {}
190
198
  if (isZMax) {
191
199
  stys.zIndex = tZindex
@@ -197,6 +205,21 @@ export default defineVxeComponent({
197
205
  stys.maxHeight = maxHeight === 'auto' || maxHeight === '100%' ? '100%' : toCssUnit(maxHeight)
198
206
  }
199
207
  }
208
+ if (barStyle) {
209
+ const { bgColor, completedBgColor } = barStyle
210
+ if (bgColor) {
211
+ stys['--vxe-ui-gantt-view-task-bar-background-color'] = bgColor
212
+ }
213
+ if (completedBgColor) {
214
+ stys['--vxe-ui-gantt-view-task-bar-completed-background-color'] = completedBgColor
215
+ }
216
+ }
217
+ if (tableStyle) {
218
+ const { width: defTbWidth } = tableStyle
219
+ if (defTbWidth) {
220
+ stys['--vxe-ui-gantt-view-table-default-width'] = toCssUnit(defTbWidth)
221
+ }
222
+ }
200
223
  return stys
201
224
  })
202
225
 
@@ -323,6 +346,7 @@ export default defineVxeComponent({
323
346
  computeTaskOpts,
324
347
  computeTaskViewOpts,
325
348
  computeTaskBarOpts,
349
+ computeTaskSplitOpts,
326
350
  computeTitleField,
327
351
  computeStartField,
328
352
  computeEndField,
@@ -1249,7 +1273,7 @@ export default defineVxeComponent({
1249
1273
  }
1250
1274
  }
1251
1275
  return null
1252
- }
1276
+ },
1253
1277
  // setProxyInfo (options) {
1254
1278
  // if (props.proxyConfig && options) {
1255
1279
  // const { pager, form } = options
@@ -1267,7 +1291,14 @@ export default defineVxeComponent({
1267
1291
  // }
1268
1292
  // }
1269
1293
  // return nextTick()
1270
- // }
1294
+ // },
1295
+ refreshTaskView () {
1296
+ const $ganttView = refGanttView.value
1297
+ if ($ganttView) {
1298
+ return $ganttView.refreshData()
1299
+ }
1300
+ return nextTick()
1301
+ }
1271
1302
  }
1272
1303
 
1273
1304
  const ganttPrivateMethods: GanttPrivateMethods = {
@@ -1328,6 +1359,18 @@ export default defineVxeComponent({
1328
1359
  triggerZoomEvent (evnt) {
1329
1360
  $xeGantt.zoom()
1330
1361
  $xeGantt.dispatchEvent('zoom', { type: reactData.isZMax ? 'max' : 'revert' }, evnt)
1362
+ },
1363
+ handleTaskCellClickEvent (evnt, params) {
1364
+ $xeGantt.dispatchEvent('task-cell-click', params, evnt)
1365
+ },
1366
+ handleTaskCellDblclickEvent (evnt, params) {
1367
+ $xeGantt.dispatchEvent('task-cell-dblclick', params, evnt)
1368
+ },
1369
+ handleTaskBarClickEvent (evnt, params) {
1370
+ $xeGantt.dispatchEvent('task-bar-click', params, evnt)
1371
+ },
1372
+ handleTaskBarDblclickEvent (evnt, params) {
1373
+ $xeGantt.dispatchEvent('task-bar-dblclick', params, evnt)
1331
1374
  }
1332
1375
  }
1333
1376
 
@@ -1625,37 +1668,52 @@ export default defineVxeComponent({
1625
1668
 
1626
1669
  const renderSplitBar = () => {
1627
1670
  const { showLeftView, showRightView } = reactData
1671
+ const taskSplitOpts = computeTaskSplitOpts.value
1672
+ const { enabled, resize, showCollapseTableButton, showCollapseTaskButton } = taskSplitOpts
1673
+ if (!enabled) {
1674
+ return renderEmptyElement($xeGantt)
1675
+ }
1676
+ const ons: {
1677
+ onMousedown?: typeof dragSplitEvent
1678
+ } = {}
1679
+ if (resize) {
1680
+ ons.onMousedown = dragSplitEvent
1681
+ }
1628
1682
  return h('div', {
1629
- class: 'vxe-gantt--view-split-bar'
1683
+ class: ['vxe-gantt--view-split-bar', {
1684
+ 'is--resize': resize,
1685
+ ...ons
1686
+ }]
1630
1687
  }, [
1631
1688
  h('div', {
1632
- class: 'vxe-gantt--view-split-bar-handle',
1633
- onMousedown: dragSplitEvent
1689
+ class: 'vxe-gantt--view-split-bar-handle'
1634
1690
  }),
1635
- h('div', {
1636
- class: 'vxe-gantt--view-split-bar-btn-wrapper'
1637
- }, [
1638
- showRightView
1639
- ? h('div', {
1640
- class: 'vxe-gantt--view-split-bar-left-btn',
1641
- onClick: handleSplitLeftViewEvent
1642
- }, [
1643
- h('i', {
1644
- class: showLeftView ? getIcon().GANTT_VIEW_LEFT_OPEN : getIcon().GANTT_VIEW_LEFT_CLOSE
1645
- })
1646
- ])
1647
- : renderEmptyElement($xeGantt),
1648
- showLeftView
1649
- ? h('div', {
1650
- class: 'vxe-gantt--view-split-bar-right-btn',
1651
- onClick: handleSplitRightViewEvent
1652
- }, [
1653
- h('i', {
1654
- class: showRightView ? getIcon().GANTT_VIEW_RIGHT_OPEN : getIcon().GANTT_VIEW_RIGHT_CLOSE
1655
- })
1656
- ])
1657
- : renderEmptyElement($xeGantt)
1658
- ])
1691
+ showCollapseTableButton || showCollapseTaskButton
1692
+ ? h('div', {
1693
+ class: 'vxe-gantt--view-split-bar-btn-wrapper'
1694
+ }, [
1695
+ showCollapseTableButton && showRightView
1696
+ ? h('div', {
1697
+ class: 'vxe-gantt--view-split-bar-left-btn',
1698
+ onClick: handleSplitLeftViewEvent
1699
+ }, [
1700
+ h('i', {
1701
+ class: showLeftView ? getIcon().GANTT_VIEW_LEFT_OPEN : getIcon().GANTT_VIEW_LEFT_CLOSE
1702
+ })
1703
+ ])
1704
+ : renderEmptyElement($xeGantt),
1705
+ showCollapseTaskButton && showLeftView
1706
+ ? h('div', {
1707
+ class: 'vxe-gantt--view-split-bar-right-btn',
1708
+ onClick: handleSplitRightViewEvent
1709
+ }, [
1710
+ h('i', {
1711
+ class: showRightView ? getIcon().GANTT_VIEW_RIGHT_OPEN : getIcon().GANTT_VIEW_RIGHT_CLOSE
1712
+ })
1713
+ ])
1714
+ : renderEmptyElement($xeGantt)
1715
+ ])
1716
+ : renderEmptyElement($xeGantt)
1659
1717
  ])
1660
1718
  }
1661
1719
 
package/packages/gantt/src/grid-props.ts CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  import { PropType } from 'vue'
3
- import { VxeUI } from '../../ui'
3
+ import { VxeUI } from '@vxe-ui/core'
4
4
  import { tableProps } from './table-props'
5
5
 
6
6
  import type { VxeGridPropTypes } from 'vxe-table'