vxe-gantt 3.4.2 → 3.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +53 -53
  3. package/es/gantt/src/gantt.js +1 -1
  4. package/es/ui/index.js +1 -1
  5. package/es/ui/src/log.js +1 -1
  6. package/lib/gantt/src/gantt.js +1 -1
  7. package/lib/gantt/src/gantt.min.js +1 -1
  8. package/lib/index.umd.js +50 -50
  9. package/lib/index.umd.min.js +1 -1
  10. package/lib/ui/index.js +1 -1
  11. package/lib/ui/index.min.js +1 -1
  12. package/lib/ui/src/log.js +1 -1
  13. package/lib/ui/src/log.min.js +1 -1
  14. package/package.json +88 -88
  15. package/packages/components.ts +22 -22
  16. package/packages/gantt/index.ts +32 -32
  17. package/packages/gantt/src/gantt-body.ts +323 -323
  18. package/packages/gantt/src/gantt-chart.ts +542 -542
  19. package/packages/gantt/src/gantt-footer.ts +73 -73
  20. package/packages/gantt/src/gantt-header.ts +162 -162
  21. package/packages/gantt/src/gantt-view.ts +1954 -1954
  22. package/packages/gantt/src/gantt.ts +2827 -2827
  23. package/packages/gantt/src/static.ts +35 -35
  24. package/packages/gantt/src/util.ts +47 -47
  25. package/packages/index.ts +8 -8
  26. package/packages/ui/index.ts +119 -119
  27. package/packages/ui/src/comp.ts +3 -3
  28. package/packages/ui/src/depend.ts +14 -14
  29. package/packages/ui/src/dom.ts +196 -196
  30. package/packages/ui/src/log.ts +8 -8
  31. package/packages/ui/src/utils.ts +67 -67
  32. package/packages/ui/src/vn.ts +13 -13
  33. package/styles/all.scss +3 -3
  34. package/styles/base.scss +2 -2
  35. package/styles/components/gantt-module/gantt-chart.scss +261 -261
  36. package/styles/components/gantt.scss +707 -707
  37. package/styles/helpers/baseMixin.scss +95 -95
  38. package/styles/helpers/baseVar.scss +3 -3
  39. package/styles/helpers/placement.scss +38 -38
  40. package/styles/theme/base.scss +14 -14
  41. package/styles/theme/dark.scss +8 -8
  42. package/styles/theme/light.scss +8 -8
  43. package/types/all.d.ts +16 -16
  44. package/types/index.d.ts +4 -4
package/styles/helpers/baseMixin.scss CHANGED
@@ -1,96 +1,96 @@
1
- @mixin createAnimationTransition ($property, $duration: .1s, $func: ease-in-out) {
2
- transition: $property $duration $func;
3
- }
4
-
5
- @mixin createCheckboxIcon {
6
- .vxe-checkbox--icon {
7
- font-size: 1.22em;
8
- }
9
- .vxe-checkbox--icon {
10
- color: var(--vxe-ui-input-border-color);
11
- vertical-align: middle;
12
- font-weight: 700;
13
- user-select: none;
14
- }
15
- &.is--checked,
16
- &.is--indeterminate {
17
- color: var(--vxe-ui-font-primary-color);
18
- .vxe-checkbox--icon {
19
- color: var(--vxe-ui-font-primary-color);
20
- }
21
- }
22
- &:not(.is--disabled) {
23
- cursor: pointer;
24
- &:hover {
25
- .vxe-checkbox--icon {
26
- color: var(--vxe-ui-font-primary-color);
27
- }
28
- }
29
- }
30
- &.is--hidden {
31
- cursor: default;
32
- }
33
- &.is--disabled {
34
- color: var(--vxe-ui-font-disabled-color);
35
- cursor: not-allowed;
36
- .vxe-checkbox--icon {
37
- color: var(--vxe-ui-input-disabled-color);
38
- }
39
- }
40
- .vxe-checkbox--label {
41
- padding-left: 0.5em;
42
- vertical-align: middle;
43
- }
44
- }
45
-
46
- @mixin createRadioIcon {
47
- cursor: pointer;
48
- .vxe-radio--icon {
49
- font-size: 1.26em;
50
- }
51
- .vxe-radio--icon {
52
- color: var(--vxe-ui-input-border-color);
53
- border-radius: 50%;
54
- vertical-align: middle;
55
- font-weight: 700;
56
- user-select: none;
57
- }
58
- &.is--checked {
59
- color: var(--vxe-ui-font-primary-color);
60
- .vxe-radio--icon {
61
- color: var(--vxe-ui-font-primary-color);
62
- }
63
- }
64
- &:not(.is--disabled) {
65
- cursor: pointer;
66
- &:hover {
67
- .vxe-radio--icon {
68
- color: var(--vxe-ui-font-primary-color);
69
- }
70
- }
71
- }
72
- &.is--disabled {
73
- color: var(--vxe-ui-font-disabled-color);
74
- cursor: not-allowed;
75
- .vxe-radio--icon {
76
- color: var(--vxe-ui-input-disabled-color);
77
- }
78
- }
79
- .vxe-radio--label {
80
- padding-left: 0.5em;
81
- vertical-align: middle;
82
- }
83
- }
84
-
85
- @mixin createEmptyMask {
86
- &::after {
87
- content: "";
88
- position: absolute;
89
- top: 0;
90
- left: 0;
91
- width: 100%;
92
- height: 100%;
93
- z-index: 1;
94
- user-select: none;
95
- }
1
+ @mixin createAnimationTransition ($property, $duration: .1s, $func: ease-in-out) {
2
+ transition: $property $duration $func;
3
+ }
4
+
5
+ @mixin createCheckboxIcon {
6
+ .vxe-checkbox--icon {
7
+ font-size: 1.22em;
8
+ }
9
+ .vxe-checkbox--icon {
10
+ color: var(--vxe-ui-input-border-color);
11
+ vertical-align: middle;
12
+ font-weight: 700;
13
+ user-select: none;
14
+ }
15
+ &.is--checked,
16
+ &.is--indeterminate {
17
+ color: var(--vxe-ui-font-primary-color);
18
+ .vxe-checkbox--icon {
19
+ color: var(--vxe-ui-font-primary-color);
20
+ }
21
+ }
22
+ &:not(.is--disabled) {
23
+ cursor: pointer;
24
+ &:hover {
25
+ .vxe-checkbox--icon {
26
+ color: var(--vxe-ui-font-primary-color);
27
+ }
28
+ }
29
+ }
30
+ &.is--hidden {
31
+ cursor: default;
32
+ }
33
+ &.is--disabled {
34
+ color: var(--vxe-ui-font-disabled-color);
35
+ cursor: not-allowed;
36
+ .vxe-checkbox--icon {
37
+ color: var(--vxe-ui-input-disabled-color);
38
+ }
39
+ }
40
+ .vxe-checkbox--label {
41
+ padding-left: 0.5em;
42
+ vertical-align: middle;
43
+ }
44
+ }
45
+
46
+ @mixin createRadioIcon {
47
+ cursor: pointer;
48
+ .vxe-radio--icon {
49
+ font-size: 1.26em;
50
+ }
51
+ .vxe-radio--icon {
52
+ color: var(--vxe-ui-input-border-color);
53
+ border-radius: 50%;
54
+ vertical-align: middle;
55
+ font-weight: 700;
56
+ user-select: none;
57
+ }
58
+ &.is--checked {
59
+ color: var(--vxe-ui-font-primary-color);
60
+ .vxe-radio--icon {
61
+ color: var(--vxe-ui-font-primary-color);
62
+ }
63
+ }
64
+ &:not(.is--disabled) {
65
+ cursor: pointer;
66
+ &:hover {
67
+ .vxe-radio--icon {
68
+ color: var(--vxe-ui-font-primary-color);
69
+ }
70
+ }
71
+ }
72
+ &.is--disabled {
73
+ color: var(--vxe-ui-font-disabled-color);
74
+ cursor: not-allowed;
75
+ .vxe-radio--icon {
76
+ color: var(--vxe-ui-input-disabled-color);
77
+ }
78
+ }
79
+ .vxe-radio--label {
80
+ padding-left: 0.5em;
81
+ vertical-align: middle;
82
+ }
83
+ }
84
+
85
+ @mixin createEmptyMask {
86
+ &::after {
87
+ content: "";
88
+ position: absolute;
89
+ top: 0;
90
+ left: 0;
91
+ width: 100%;
92
+ height: 100%;
93
+ z-index: 1;
94
+ user-select: none;
95
+ }
96
96
  }
package/styles/helpers/baseVar.scss CHANGED
@@ -1,4 +1,4 @@
1
- // 24 栅格布局
2
- $colSpanList: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
3
- 37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
1
+ // 24 栅格布局
2
+ $colSpanList: 4.16667%, 8.33333%, 12.5%, 16.66667%, 20.83333%, 25%, 29.16667%, 33.33333%,
3
+ 37.5%, 41.66667%, 45.83333%, 50%, 54.16667%, 58.33333%, 62.5%, 66.66667%,
4
4
  70.83333%, 75%, 79.16667%, 83.33333%, 87.5%, 91.66667%, 95.83333%, 100%;
package/styles/helpers/placement.scss CHANGED
@@ -1,39 +1,39 @@
1
- @use './baseMixin.scss';
2
-
3
- @mixin createPlacementPanel {
4
- display: none;
5
- position: absolute;
6
- left: 0;
7
- padding: 4px 0;
8
- color: var(--vxe-ui-font-color);
9
- text-align: left;
10
- &:not(.is--transfer) {
11
- min-width: 100%;
12
- }
13
- &.is--transfer {
14
- position: fixed;
15
- }
16
- &.ani--leave {
17
- display: block;
18
- opacity: 0;
19
- transform: scaleY(0.5);
20
- transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
21
- transform-origin: center top;
22
- backface-visibility: hidden;
23
- &[placement="top"] {
24
- transform-origin: center bottom;
25
- }
26
- }
27
- &.ani--enter {
28
- opacity: 1;
29
- transform: scaleY(1);
30
- & > div {
31
- &::after {
32
- display: none;
33
- }
34
- }
35
- }
36
- & > div {
37
- @include baseMixin.createEmptyMask();
38
- }
1
+ @use './baseMixin.scss';
2
+
3
+ @mixin createPlacementPanel {
4
+ display: none;
5
+ position: absolute;
6
+ left: 0;
7
+ padding: 4px 0;
8
+ color: var(--vxe-ui-font-color);
9
+ text-align: left;
10
+ &:not(.is--transfer) {
11
+ min-width: 100%;
12
+ }
13
+ &.is--transfer {
14
+ position: fixed;
15
+ }
16
+ &.ani--leave {
17
+ display: block;
18
+ opacity: 0;
19
+ transform: scaleY(0.5);
20
+ transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
21
+ transform-origin: center top;
22
+ backface-visibility: hidden;
23
+ &[placement="top"] {
24
+ transform-origin: center bottom;
25
+ }
26
+ }
27
+ &.ani--enter {
28
+ opacity: 1;
29
+ transform: scaleY(1);
30
+ & > div {
31
+ &::after {
32
+ display: none;
33
+ }
34
+ }
35
+ }
36
+ & > div {
37
+ @include baseMixin.createEmptyMask();
38
+ }
39
39
  }
package/styles/theme/base.scss CHANGED
@@ -1,15 +1,15 @@
1
- :root {
2
- /*gantt*/
3
- --vxe-ui-gantt-view-default-cell-width: 2.6em;
4
- --vxe-ui-gantt-view-chart-bar-height: 1.6em;
5
- --vxe-ui-gantt-view-split-bar-width: 0.68em;
6
- --vxe-ui-gantt-view-split-bar-height: 3.2em;
7
- --vxe-ui-gantt-view-table-default-width: 30%;
8
- --vxe-ui-gantt-view-task-bar-border-radius: calc(var(--vxe-ui-gantt-view-split-bar-height) / 2);
9
- --vxe-ui-gantt-view-task-bar-background-color: var(--vxe-ui-font-primary-lighten-color);
10
- --vxe-ui-gantt-view-task-bar-completed-background-color: var(--vxe-ui-font-primary-color);
11
- --vxe-ui-gantt-view-task-bar-overview-background-color: var(--vxe-ui-font-disabled-color);
12
- --vxe-ui-gantt-view-task-line-color: var(--vxe-ui-font-primary-color);
13
- --vxe-ui-gantt-view-task-line-width: 2px;
14
- --vxe-ui-gantt-view-task-line-arrow-width: 5;
1
+ :root {
2
+ /*gantt*/
3
+ --vxe-ui-gantt-view-default-cell-width: 2.6em;
4
+ --vxe-ui-gantt-view-chart-bar-height: 1.6em;
5
+ --vxe-ui-gantt-view-split-bar-width: 0.68em;
6
+ --vxe-ui-gantt-view-split-bar-height: 3.2em;
7
+ --vxe-ui-gantt-view-table-default-width: 30%;
8
+ --vxe-ui-gantt-view-task-bar-border-radius: calc(var(--vxe-ui-gantt-view-split-bar-height) / 2);
9
+ --vxe-ui-gantt-view-task-bar-background-color: var(--vxe-ui-font-primary-lighten-color);
10
+ --vxe-ui-gantt-view-task-bar-completed-background-color: var(--vxe-ui-font-primary-color);
11
+ --vxe-ui-gantt-view-task-bar-overview-background-color: var(--vxe-ui-font-disabled-color);
12
+ --vxe-ui-gantt-view-task-line-color: var(--vxe-ui-font-primary-color);
13
+ --vxe-ui-gantt-view-task-line-width: 2px;
14
+ --vxe-ui-gantt-view-task-line-arrow-width: 5;
15
15
  }
package/styles/theme/dark.scss CHANGED
@@ -1,8 +1,8 @@
1
- @use './base.scss';
2
-
3
- [data-vxe-ui-theme="dark"] {
4
- /*gantt*/
5
- --vxe-ui-gantt-view-handle-background-color: #9f9f9f;
6
- --vxe-ui-gantt-view-split-bar-background-color: #444444;
7
- --vxe-ui-gantt-view-split-bar-hover-background-color: #606060;
8
- }
1
+ @use './base.scss';
2
+
3
+ [data-vxe-ui-theme="dark"] {
4
+ /*gantt*/
5
+ --vxe-ui-gantt-view-handle-background-color: #9f9f9f;
6
+ --vxe-ui-gantt-view-split-bar-background-color: #444444;
7
+ --vxe-ui-gantt-view-split-bar-hover-background-color: #606060;
8
+ }
package/styles/theme/light.scss CHANGED
@@ -1,8 +1,8 @@
1
- @use './base.scss';
2
-
3
- [data-vxe-ui-theme="light"] {
4
- /*gantt*/
5
- --vxe-ui-gantt-view-handle-background-color: #8b8b8b;
6
- --vxe-ui-gantt-view-split-bar-background-color: #e2e2e3;
7
- --vxe-ui-gantt-view-split-bar-hover-background-color: #d8d8d8;
8
- }
1
+ @use './base.scss';
2
+
3
+ [data-vxe-ui-theme="light"] {
4
+ /*gantt*/
5
+ --vxe-ui-gantt-view-handle-background-color: #8b8b8b;
6
+ --vxe-ui-gantt-view-split-bar-background-color: #e2e2e3;
7
+ --vxe-ui-gantt-view-split-bar-hover-background-color: #d8d8d8;
8
+ }
package/types/all.d.ts CHANGED
@@ -1,16 +1,16 @@
1
- import { VueConstructor } from 'vue'
2
- import { VxeUIExport, VxeGlobalConfig } from 'vxe-pc-ui'
3
-
4
- declare global {
5
- interface Window {
6
- VxeUIDesign: VxeUIExport
7
- }
8
- }
9
-
10
- export function install (app: VueConstructor, options?: VxeGlobalConfig): void
11
-
12
- // Vxe core
13
- export * from 'vxe-pc-ui/types/ui'
14
-
15
- // Vxe Gantt
16
- export * from 'vxe-pc-ui/types/components/gantt'
1
+ import { VueConstructor } from 'vue'
2
+ import { VxeUIExport, VxeGlobalConfig } from 'vxe-pc-ui'
3
+
4
+ declare global {
5
+ interface Window {
6
+ VxeUIDesign: VxeUIExport
7
+ }
8
+ }
9
+
10
+ export function install (app: VueConstructor, options?: VxeGlobalConfig): void
11
+
12
+ // Vxe core
13
+ export * from 'vxe-pc-ui/types/ui'
14
+
15
+ // Vxe Gantt
16
+ export * from 'vxe-pc-ui/types/components/gantt'
package/types/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import * as VxeUIDesignExport from './all'
2
-
3
- export * from './all'
4
- export default VxeUIDesignExport
1
+ import * as VxeUIDesignExport from './all'
2
+
3
+ export * from './all'
4
+ export default VxeUIDesignExport