vxe-pc-ui 4.8.24 → 4.8.26

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 (54) hide show
  1. package/es/icon/style.css +1 -1
  2. package/es/language/en-US.js +12 -12
  3. package/es/split/src/split.js +190 -54
  4. package/es/split/style.css +86 -9
  5. package/es/split/style.min.css +1 -1
  6. package/es/style.css +1 -1
  7. package/es/style.min.css +1 -1
  8. package/es/ui/index.js +5 -1
  9. package/es/ui/src/log.js +1 -1
  10. package/es/vxe-split/style.css +86 -9
  11. package/es/vxe-split/style.min.css +1 -1
  12. package/lib/icon/style/style.css +1 -1
  13. package/lib/icon/style/style.min.css +1 -1
  14. package/lib/index.umd.js +202 -85
  15. package/lib/index.umd.min.js +1 -1
  16. package/lib/language/en-US.js +12 -12
  17. package/lib/language/en-US.min.js +1 -1
  18. package/lib/language/en-US.umd.js +12 -12
  19. package/lib/split/src/split.js +196 -83
  20. package/lib/split/src/split.min.js +1 -1
  21. package/lib/split/style/style.css +86 -9
  22. package/lib/split/style/style.min.css +1 -1
  23. package/lib/style.css +1 -1
  24. package/lib/style.min.css +1 -1
  25. package/lib/ui/index.js +5 -1
  26. package/lib/ui/index.min.js +1 -1
  27. package/lib/ui/src/log.js +1 -1
  28. package/lib/ui/src/log.min.js +1 -1
  29. package/lib/vxe-split/style/style.css +86 -9
  30. package/lib/vxe-split/style/style.min.css +1 -1
  31. package/package.json +1 -1
  32. package/packages/language/en-US.ts +12 -12
  33. package/packages/split/src/split.ts +197 -55
  34. package/packages/ui/index.ts +4 -0
  35. package/styles/components/split.scss +108 -16
  36. package/styles/theme/base.scss +2 -0
  37. package/styles/theme/dark.scss +1 -0
  38. package/styles/theme/light.scss +1 -0
  39. package/styles/variable.scss +1 -0
  40. package/types/components/gantt-module/gantt-view.d.ts +12 -12
  41. package/types/components/list-design.d.ts +6 -1
  42. package/types/components/split.d.ts +14 -0
  43. /package/es/icon/{iconfont.1755847372488.ttf → iconfont.1756083170840.ttf} +0 -0
  44. /package/es/icon/{iconfont.1755847372488.woff → iconfont.1756083170840.woff} +0 -0
  45. /package/es/icon/{iconfont.1755847372488.woff2 → iconfont.1756083170840.woff2} +0 -0
  46. /package/es/{iconfont.1755847372488.ttf → iconfont.1756083170840.ttf} +0 -0
  47. /package/es/{iconfont.1755847372488.woff → iconfont.1756083170840.woff} +0 -0
  48. /package/es/{iconfont.1755847372488.woff2 → iconfont.1756083170840.woff2} +0 -0
  49. /package/lib/icon/style/{iconfont.1755847372488.ttf → iconfont.1756083170840.ttf} +0 -0
  50. /package/lib/icon/style/{iconfont.1755847372488.woff → iconfont.1756083170840.woff} +0 -0
  51. /package/lib/icon/style/{iconfont.1755847372488.woff2 → iconfont.1756083170840.woff2} +0 -0
  52. /package/lib/{iconfont.1755847372488.ttf → iconfont.1756083170840.ttf} +0 -0
  53. /package/lib/{iconfont.1755847372488.woff → iconfont.1756083170840.woff} +0 -0
  54. /package/lib/{iconfont.1755847372488.woff2 → iconfont.1756083170840.woff2} +0 -0
package/es/split/style.css CHANGED
@@ -1,4 +1,5 @@
1
1
  .vxe-split {
2
+ position: relative;
2
3
  width: 100%;
3
4
  }
4
5
  .vxe-split.is--vertical > .vxe-split-wrapper {
@@ -12,6 +13,18 @@
12
13
  -moz-user-select: none;
13
14
  user-select: none;
14
15
  }
16
+ .vxe-split.is--drag.is-resize--immediate.is--horizontal {
17
+ cursor: w-resize;
18
+ }
19
+ .vxe-split.is--drag.is-resize--immediate.is--vertical {
20
+ cursor: n-resize;
21
+ }
22
+ .vxe-split.is--drag.is-resize--lazy.is--horizontal {
23
+ cursor: col-resize;
24
+ }
25
+ .vxe-split.is--drag.is-resize--lazy.is--vertical {
26
+ cursor: row-resize;
27
+ }
15
28
  .vxe-split.is--drag > .vxe-split-wrapper > .vxe-split-pane > .vxe-split-pane--wrapper::after {
16
29
  content: "";
17
30
  position: absolute;
@@ -26,6 +39,66 @@
26
39
  user-select: none;
27
40
  }
28
41
 
42
+ .vxe-split--resizable-split-tip {
43
+ display: none;
44
+ position: absolute;
45
+ top: 0;
46
+ left: 0;
47
+ z-index: 7;
48
+ pointer-events: none;
49
+ -webkit-user-select: none;
50
+ -moz-user-select: none;
51
+ user-select: none;
52
+ cursor: col-resize;
53
+ }
54
+ .vxe-split--resizable-split-tip.is-resize--lazy:before {
55
+ content: "";
56
+ display: block;
57
+ height: 100%;
58
+ background-color: var(--vxe-ui-split-resizable-drag-line-color);
59
+ }
60
+ .vxe-split--resizable-split-tip.is--horizontal {
61
+ width: 1px;
62
+ height: 100%;
63
+ }
64
+ .vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev {
65
+ right: 0;
66
+ }
67
+ .vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next {
68
+ left: 1px;
69
+ }
70
+ .vxe-split--resizable-split-tip.is--vertical {
71
+ width: 100%;
72
+ height: 1px;
73
+ }
74
+ .vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev {
75
+ bottom: 0;
76
+ }
77
+ .vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next {
78
+ top: 1px;
79
+ }
80
+
81
+ .vxe-split--resizable-split-tip-number {
82
+ position: absolute;
83
+ top: 0;
84
+ left: 0;
85
+ -webkit-user-select: none;
86
+ -moz-user-select: none;
87
+ user-select: none;
88
+ pointer-events: none;
89
+ }
90
+
91
+ .vxe-split--resizable-split-number-prev,
92
+ .vxe-split--resizable-split-number-next {
93
+ position: absolute;
94
+ padding: 0.25em 0.25em;
95
+ font-size: 12px;
96
+ border-radius: var(--vxe-ui-border-radius);
97
+ white-space: nowrap;
98
+ color: #ffffff;
99
+ background-color: var(--vxe-ui-split-resizable-drag-line-color);
100
+ }
101
+
29
102
  .vxe-split-wrapper {
30
103
  height: 100%;
31
104
  display: flex;
@@ -64,6 +137,9 @@
64
137
  .vxe-split-pane-handle-bar {
65
138
  background-color: var(--vxe-ui-split-handle-bar-background-color);
66
139
  }
140
+ .vxe-split-pane-handle-bar:hover {
141
+ background-color: var(--vxe-ui-split-handle-bar-hover-background-color);
142
+ }
67
143
 
68
144
  .vxe-split-pane-action-btn {
69
145
  position: absolute;
@@ -84,7 +160,8 @@
84
160
  transition: transform 0.1s ease-in-out;
85
161
  }
86
162
  .vxe-split-pane-action-btn:hover {
87
- background-color: var(--vxe-ui-font-primary-lighten-color);
163
+ color: #ffffff;
164
+ background-color: var(--vxe-ui-font-primary-color);
88
165
  }
89
166
  .vxe-split-pane-action-btn:active {
90
167
  transform: translate(-50%, -50%) scale(0.9);
@@ -110,20 +187,20 @@
110
187
  .vxe-split-pane.is--border > .vxe-split-pane--wrapper {
111
188
  border: 1px solid var(--vxe-ui-base-popup-border-color);
112
189
  }
113
- .vxe-split-pane.is--resize.is--expand.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
190
+ .vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
114
191
  cursor: w-resize;
115
192
  }
116
- .vxe-split-pane.is--resize.is--expand.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
193
+ .vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
117
194
  cursor: n-resize;
118
195
  }
119
- .vxe-split-pane.is--resize.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar {
120
- background-color: var(--vxe-ui-split-handle-bar-background-color);
196
+ .vxe-split-pane.is--resize.is--expand.is-resize--immediate > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:active {
197
+ background-color: var(--vxe-ui-font-primary-color);
121
198
  }
122
- .vxe-split-pane.is--resize.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:hover {
123
- background-color: var(--vxe-ui-font-primary-lighten-color);
199
+ .vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
200
+ cursor: col-resize;
124
201
  }
125
- .vxe-split-pane.is--resize.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:active {
126
- background-color: var(--vxe-ui-font-primary-darken-color);
202
+ .vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
203
+ cursor: row-resize;
127
204
  }
128
205
  .vxe-split-pane.is--horizontal {
129
206
  flex-direction: row;
package/es/split/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-split{width:100%}.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--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-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;border-radius:var(--vxe-ui-base-border-radius);top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-split-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-pane-action-btn:active{transform:translate(-50%,-50%) scale(.9)}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--hidden{width:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--height,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-pane.is--resize.is--expand.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane.is--resize.is--expand.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-pane.is--resize.is--expand>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-pane.is--horizontal{flex-direction:row}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-horizontal-height)}.vxe-split-pane.is--horizontal.is--border>.vxe-split-pane-handle{border-width:1px 0 1px 0}.vxe-split-pane.is--vertical{flex-direction:column}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-vertical-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-split-pane.is--vertical.is--border>.vxe-split-pane-handle{border-width:0 1px 0 1px}.vxe-modal--content>.vxe-split{height:100%}
1
+ .vxe-split{position:relative;width:100%}.vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-pane{width:100%}.vxe-split.is--drag{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-split.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-split.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-split.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-split.is--drag>.vxe-split-wrapper>.vxe-split-pane>.vxe-split-pane--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-split--resizable-split-tip{display:none;position:absolute;top:0;left:0;z-index:7;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:col-resize}.vxe-split--resizable-split-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-split-resizable-drag-line-color)}.vxe-split--resizable-split-tip.is--horizontal{width:1px;height:100%}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev{right:0}.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next{left:1px}.vxe-split--resizable-split-tip.is--vertical{width:100%;height:1px}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev{bottom:0}.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next{top:1px}.vxe-split--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-split--resizable-split-number-next,.vxe-split--resizable-split-number-prev{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-split-resizable-drag-line-color)}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-pane-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-pane--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-pane--inner{height:100%;width:100%;overflow:auto}.vxe-split-pane--inner>.vxe-split{height:100%}.vxe-split-pane-handle-bar{background-color:var(--vxe-ui-split-handle-bar-background-color)}.vxe-split-pane-handle-bar:hover{background-color:var(--vxe-ui-split-handle-bar-hover-background-color)}.vxe-split-pane-action-btn{position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:.5em;border-radius:var(--vxe-ui-base-border-radius);top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-split-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-split-pane-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-action-btn:active{transform:translate(-50%,-50%) scale(.9)}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--hidden{width:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--height,.vxe-split-pane.is--width{flex-shrink:0}.vxe-split-pane.is--border>.vxe-split-pane--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane.is--resize.is--expand.is-resize--immediate>.vxe-split-pane-handle>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:col-resize}.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{cursor:row-resize}.vxe-split-pane.is--horizontal{flex-direction:row}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane.is--horizontal>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-horizontal-height)}.vxe-split-pane.is--horizontal.is--border>.vxe-split-pane-handle{border-width:1px 0 1px 0}.vxe-split-pane.is--vertical{flex-direction:column}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane.is--vertical>.vxe-split-pane-handle .vxe-split-pane-action-btn{width:var(--vxe-ui-split-handle-bar-vertical-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-split-pane.is--vertical.is--border>.vxe-split-pane-handle{border-width:0 1px 0 1px}.vxe-modal--content>.vxe-split{height:100%}