vxe-pc-ui 4.5.2 → 4.5.4

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 (61) hide show
  1. package/es/icon/style.css +1 -1
  2. package/es/list/src/list.js +3 -2
  3. package/es/print/src/util.js +2 -1
  4. package/es/split/src/split-item.js +16 -0
  5. package/es/split/src/split.js +226 -53
  6. package/es/split/style.css +75 -15
  7. package/es/split/style.min.css +1 -1
  8. package/es/style.css +1 -1
  9. package/es/style.min.css +1 -1
  10. package/es/ui/index.js +7 -2
  11. package/es/ui/src/dom.js +0 -1
  12. package/es/ui/src/log.js +1 -1
  13. package/es/vxe-split/style.css +75 -15
  14. package/es/vxe-split/style.min.css +1 -1
  15. package/lib/icon/style/style.css +1 -1
  16. package/lib/icon/style/style.min.css +1 -1
  17. package/lib/index.umd.js +304 -54
  18. package/lib/index.umd.min.js +1 -1
  19. package/lib/list/src/list.js +2 -1
  20. package/lib/list/src/list.min.js +1 -1
  21. package/lib/print/src/util.js +2 -1
  22. package/lib/print/src/util.min.js +1 -1
  23. package/lib/split/src/split-item.js +16 -0
  24. package/lib/split/src/split-item.min.js +1 -1
  25. package/lib/split/src/split.js +275 -48
  26. package/lib/split/src/split.min.js +1 -1
  27. package/lib/split/style/style.css +75 -15
  28. package/lib/split/style/style.min.css +1 -1
  29. package/lib/style.css +1 -1
  30. package/lib/style.min.css +1 -1
  31. package/lib/ui/index.js +7 -2
  32. package/lib/ui/index.min.js +1 -1
  33. package/lib/ui/src/dom.js +0 -2
  34. package/lib/ui/src/dom.min.js +1 -1
  35. package/lib/ui/src/log.js +1 -1
  36. package/lib/ui/src/log.min.js +1 -1
  37. package/lib/vxe-split/style/style.css +75 -15
  38. package/lib/vxe-split/style/style.min.css +1 -1
  39. package/package.json +1 -1
  40. package/packages/list/src/list.ts +4 -2
  41. package/packages/print/src/util.ts +3 -1
  42. package/packages/split/src/split-item.ts +18 -0
  43. package/packages/split/src/split.ts +237 -52
  44. package/packages/ui/index.ts +7 -1
  45. package/packages/ui/src/dom.ts +0 -2
  46. package/styles/components/split.scss +98 -15
  47. package/types/components/split-item.d.ts +5 -1
  48. package/types/components/split.d.ts +87 -1
  49. package/types/ui/global-icon.d.ts +6 -0
  50. /package/es/icon/{iconfont.1743056531953.ttf → iconfont.1743125694154.ttf} +0 -0
  51. /package/es/icon/{iconfont.1743056531953.woff → iconfont.1743125694154.woff} +0 -0
  52. /package/es/icon/{iconfont.1743056531953.woff2 → iconfont.1743125694154.woff2} +0 -0
  53. /package/es/{iconfont.1743056531953.ttf → iconfont.1743125694154.ttf} +0 -0
  54. /package/es/{iconfont.1743056531953.woff → iconfont.1743125694154.woff} +0 -0
  55. /package/es/{iconfont.1743056531953.woff2 → iconfont.1743125694154.woff2} +0 -0
  56. /package/lib/icon/style/{iconfont.1743056531953.ttf → iconfont.1743125694154.ttf} +0 -0
  57. /package/lib/icon/style/{iconfont.1743056531953.woff → iconfont.1743125694154.woff} +0 -0
  58. /package/lib/icon/style/{iconfont.1743056531953.woff2 → iconfont.1743125694154.woff2} +0 -0
  59. /package/lib/{iconfont.1743056531953.ttf → iconfont.1743125694154.ttf} +0 -0
  60. /package/lib/{iconfont.1743056531953.woff → iconfont.1743125694154.woff} +0 -0
  61. /package/lib/{iconfont.1743056531953.woff2 → iconfont.1743125694154.woff2} +0 -0
package/lib/split/style/style.css CHANGED
@@ -32,18 +32,12 @@
32
32
  }
33
33
 
34
34
  .vxe-split-item-handle {
35
+ position: relative;
35
36
  flex-shrink: 0;
36
- background-color: var(--vxe-split-handle-bar-background-color);
37
37
  -webkit-user-select: none;
38
38
  -moz-user-select: none;
39
39
  user-select: none;
40
40
  }
41
- .vxe-split-item-handle:hover {
42
- background-color: var(--vxe-ui-font-primary-lighten-color);
43
- }
44
- .vxe-split-item-handle:active {
45
- background-color: var(--vxe-ui-font-primary-darken-color);
46
- }
47
41
 
48
42
  .vxe-split-item--wrapper {
49
43
  position: relative;
@@ -51,20 +45,37 @@
51
45
  overflow: hidden;
52
46
  flex-grow: 1;
53
47
  }
54
- .vxe-split-item--wrapper > .vxe-split {
55
- height: 100%;
56
- }
57
48
 
58
49
  .vxe-split-item--inner {
59
50
  height: 100%;
60
51
  width: 100%;
61
52
  overflow: auto;
62
53
  }
54
+ .vxe-split-item--inner > .vxe-split {
55
+ height: 100%;
56
+ }
57
+
58
+ .vxe-split-item-handle-bar {
59
+ background-color: var(--vxe-split-handle-bar-background-color);
60
+ }
61
+
62
+ .vxe-split-item-action-btn {
63
+ display: block;
64
+ position: absolute;
65
+ z-index: 2;
66
+ cursor: pointer;
67
+ background-color: var(--vxe-ui-layout-background-color);
68
+ border: 1px solid var(--vxe-ui-input-border-color);
69
+ transition: transform 0.1s ease-in-out;
70
+ }
63
71
 
64
72
  .vxe-split-item {
65
73
  display: flex;
66
74
  position: relative;
67
- overflow: auto;
75
+ overflow: hidden;
76
+ }
77
+ .vxe-split-item.is--hidden {
78
+ width: 0;
68
79
  }
69
80
  .vxe-split-item.is--padding > .vxe-split-item--wrapper {
70
81
  padding: var(--vxe-ui-layout-padding-default);
@@ -78,12 +89,44 @@
78
89
  .vxe-split-item.is--border > .vxe-split-item--wrapper, .vxe-split-item.is--border > .vxe-split-item-handle {
79
90
  border: 1px solid var(--vxe-ui-base-popup-border-color);
80
91
  }
92
+ .vxe-split-item.is--expand.is--horizontal > .vxe-split-item-handle .vxe-split-item-handle-bar {
93
+ cursor: w-resize;
94
+ }
95
+ .vxe-split-item.is--expand.is--vertical > .vxe-split-item-handle .vxe-split-item-handle-bar {
96
+ cursor: n-resize;
97
+ }
98
+ .vxe-split-item.is--expand > .vxe-split-item-handle > .vxe-split-item-handle-bar {
99
+ background-color: var(--vxe-split-handle-bar-background-color);
100
+ }
101
+ .vxe-split-item.is--expand > .vxe-split-item-handle > .vxe-split-item-handle-bar:hover {
102
+ background-color: var(--vxe-ui-font-primary-lighten-color);
103
+ }
104
+ .vxe-split-item.is--expand > .vxe-split-item-handle > .vxe-split-item-handle-bar:active {
105
+ background-color: var(--vxe-ui-font-primary-darken-color);
106
+ }
81
107
  .vxe-split-item.is--horizontal {
82
108
  flex-direction: row;
83
109
  }
84
- .vxe-split-item.is--horizontal > .vxe-split-item-handle {
110
+ .vxe-split-item.is--horizontal > .vxe-split-item-handle.to--prev .vxe-split-item-action-btn {
111
+ left: 0;
112
+ }
113
+ .vxe-split-item.is--horizontal > .vxe-split-item-handle.to--next .vxe-split-item-action-btn {
114
+ right: 0;
115
+ }
116
+ .vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-handle-bar {
85
117
  width: var(--vxe-split-handle-bar-width);
86
- cursor: w-resize;
118
+ height: 100%;
119
+ }
120
+ .vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-action-btn {
121
+ top: 50%;
122
+ transform: translateY(-50%);
123
+ padding: 1em 0;
124
+ }
125
+ .vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-action-btn:hover {
126
+ color: var(--vxe-ui-font-primary-color);
127
+ }
128
+ .vxe-split-item.is--horizontal > .vxe-split-item-handle .vxe-split-item-action-btn:active {
129
+ transform: translateY(-50%) scale(0.9);
87
130
  }
88
131
  .vxe-split-item.is--horizontal.is--border > .vxe-split-item-handle {
89
132
  border-width: 1px 0 1px 0;
@@ -91,9 +134,26 @@
91
134
  .vxe-split-item.is--vertical {
92
135
  flex-direction: column;
93
136
  }
94
- .vxe-split-item.is--vertical > .vxe-split-item-handle {
137
+ .vxe-split-item.is--vertical > .vxe-split-item-handle.to--prev .vxe-split-item-action-btn {
138
+ top: 0;
139
+ }
140
+ .vxe-split-item.is--vertical > .vxe-split-item-handle.to--next .vxe-split-item-action-btn {
141
+ bottom: 0;
142
+ }
143
+ .vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-handle-bar {
95
144
  height: var(--vxe-split-handle-bar-height);
96
- cursor: n-resize;
145
+ width: 100%;
146
+ }
147
+ .vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-action-btn {
148
+ left: 50%;
149
+ transform: translateX(-50%);
150
+ padding: 0 1em;
151
+ }
152
+ .vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-action-btn:hover {
153
+ color: var(--vxe-ui-font-primary-color);
154
+ }
155
+ .vxe-split-item.is--vertical > .vxe-split-item-handle .vxe-split-item-action-btn:active {
156
+ transform: translateX(-50%) scale(0.9);
97
157
  }
98
158
  .vxe-split-item.is--vertical.is--border > .vxe-split-item-handle {
99
159
  border-width: 0 1px 0 1px;
package/lib/split/style/style.min.css CHANGED
@@ -1 +1 @@
1
- .vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-item{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-item>.vxe-split-item--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-item-handle{flex-shrink:0;background-color:var(--vxe-split-handle-bar-background-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-item-handle:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item-handle:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-item--wrapper>.vxe-split{height:100%}.vxe-split-item--inner{height:100%;width:100%;overflow:auto}.vxe-split-item{display:flex;position:relative;overflow:auto}.vxe-split-item.is--padding>.vxe-split-item--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-item.is--fill{flex-grow:1}.vxe-split-item.is--height,.vxe-split-item.is--width{flex-shrink:0}.vxe-split-item.is--border>.vxe-split-item--wrapper,.vxe-split-item.is--border>.vxe-split-item-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-item.is--horizontal{flex-direction:row}.vxe-split-item.is--horizontal>.vxe-split-item-handle{width:var(--vxe-split-handle-bar-width);cursor:w-resize}.vxe-split-item.is--horizontal.is--border>.vxe-split-item-handle{border-width:1px 0 1px 0}.vxe-split-item.is--vertical{flex-direction:column}.vxe-split-item.is--vertical>.vxe-split-item-handle{height:var(--vxe-split-handle-bar-height);cursor:n-resize}.vxe-split-item.is--vertical.is--border>.vxe-split-item-handle{border-width:0 1px 0 1px}
1
+ .vxe-split.is--vertical>.vxe-split-wrapper{flex-direction:column}.vxe-split.is--vertical>.vxe-split-wrapper>.vxe-split-item{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-item>.vxe-split-item--wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:0 0}.vxe-split-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-split-slots{display:none}.vxe-split-item-handle{position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-split-item--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-split-item--inner{height:100%;width:100%;overflow:auto}.vxe-split-item--inner>.vxe-split{height:100%}.vxe-split-item-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-item-action-btn{display:block;position:absolute;z-index:2;cursor:pointer;background-color:var(--vxe-ui-layout-background-color);border:1px solid var(--vxe-ui-input-border-color);transition:transform .1s ease-in-out}.vxe-split-item{display:flex;position:relative;overflow:hidden}.vxe-split-item.is--hidden{width:0}.vxe-split-item.is--padding>.vxe-split-item--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-item.is--fill{flex-grow:1}.vxe-split-item.is--height,.vxe-split-item.is--width{flex-shrink:0}.vxe-split-item.is--border>.vxe-split-item--wrapper,.vxe-split-item.is--border>.vxe-split-item-handle{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-split-item.is--expand.is--horizontal>.vxe-split-item-handle .vxe-split-item-handle-bar{cursor:w-resize}.vxe-split-item.is--expand.is--vertical>.vxe-split-item-handle .vxe-split-item-handle-bar{cursor:n-resize}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar{background-color:var(--vxe-split-handle-bar-background-color)}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar:hover{background-color:var(--vxe-ui-font-primary-lighten-color)}.vxe-split-item.is--expand>.vxe-split-item-handle>.vxe-split-item-handle-bar:active{background-color:var(--vxe-ui-font-primary-darken-color)}.vxe-split-item.is--horizontal{flex-direction:row}.vxe-split-item.is--horizontal>.vxe-split-item-handle.to--prev .vxe-split-item-action-btn{left:0}.vxe-split-item.is--horizontal>.vxe-split-item-handle.to--next .vxe-split-item-action-btn{right:0}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-handle-bar{width:var(--vxe-split-handle-bar-width);height:100%}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn{top:50%;transform:translateY(-50%);padding:1em 0}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-item.is--horizontal>.vxe-split-item-handle .vxe-split-item-action-btn:active{transform:translateY(-50%) scale(.9)}.vxe-split-item.is--horizontal.is--border>.vxe-split-item-handle{border-width:1px 0 1px 0}.vxe-split-item.is--vertical{flex-direction:column}.vxe-split-item.is--vertical>.vxe-split-item-handle.to--prev .vxe-split-item-action-btn{top:0}.vxe-split-item.is--vertical>.vxe-split-item-handle.to--next .vxe-split-item-action-btn{bottom:0}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-handle-bar{height:var(--vxe-split-handle-bar-height);width:100%}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn{left:50%;transform:translateX(-50%);padding:0 1em}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn:hover{color:var(--vxe-ui-font-primary-color)}.vxe-split-item.is--vertical>.vxe-split-item-handle .vxe-split-item-action-btn:active{transform:translateX(-50%) scale(.9)}.vxe-split-item.is--vertical.is--border>.vxe-split-item-handle{border-width:0 1px 0 1px}