vxe-pc-ui 4.10.10 → 4.10.11

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 (115) hide show
  1. package/es/components.js +6 -0
  2. package/es/icon/style.css +1 -1
  3. package/es/split/index.js +2 -2
  4. package/es/split/style.css +79 -79
  5. package/es/split/style.min.css +1 -1
  6. package/es/split-pane/index.js +2 -2
  7. package/es/splitter/index.js +12 -0
  8. package/es/{split/src/split-pane.js → splitter/src/splitter-panel.js} +15 -15
  9. package/es/{split/src/split.js → splitter/src/splitter.js} +137 -68
  10. package/es/splitter/src/util.js +17 -0
  11. package/es/splitter/style.css +288 -0
  12. package/es/splitter/style.min.css +1 -0
  13. package/es/splitter-panel/index.js +12 -0
  14. package/es/splitter-panel/style.css +0 -0
  15. package/es/splitter-panel/style.min.css +0 -0
  16. package/es/style.css +1 -1
  17. package/es/style.min.css +1 -1
  18. package/es/ui/index.js +3 -3
  19. package/es/ui/src/log.js +1 -1
  20. package/es/vxe-split/style.css +79 -79
  21. package/es/vxe-split/style.min.css +1 -1
  22. package/es/vxe-splitter/index.js +3 -0
  23. package/es/vxe-splitter/style.css +288 -0
  24. package/es/vxe-splitter/style.min.css +1 -0
  25. package/es/vxe-splitter-panel/index.js +3 -0
  26. package/es/vxe-splitter-panel/style.css +0 -0
  27. package/es/vxe-splitter-panel/style.min.css +0 -0
  28. package/lib/components.js +25 -1
  29. package/lib/components.min.js +1 -1
  30. package/lib/icon/style/style.css +1 -1
  31. package/lib/icon/style/style.min.css +1 -1
  32. package/lib/index.umd.js +231 -115
  33. package/lib/index.umd.min.js +1 -1
  34. package/lib/split/index.js +4 -4
  35. package/lib/split/index.min.js +1 -1
  36. package/lib/split/style/style.css +79 -79
  37. package/lib/split/style/style.min.css +1 -1
  38. package/lib/split-pane/index.js +5 -5
  39. package/lib/split-pane/index.min.js +1 -1
  40. package/lib/splitter/index.js +19 -0
  41. package/lib/splitter/index.min.js +1 -0
  42. package/lib/{split/src/split-pane.js → splitter/src/splitter-panel.js} +14 -14
  43. package/lib/splitter/src/splitter-panel.min.js +1 -0
  44. package/lib/{split/src/split.js → splitter/src/splitter.js} +150 -72
  45. package/lib/splitter/src/splitter.min.js +1 -0
  46. package/lib/{split → splitter}/src/util.js +8 -8
  47. package/lib/splitter/src/util.min.js +1 -0
  48. package/lib/splitter/style/index.js +1 -0
  49. package/lib/splitter/style/style.css +288 -0
  50. package/lib/splitter/style/style.min.css +1 -0
  51. package/lib/splitter-panel/index.js +19 -0
  52. package/lib/splitter-panel/index.min.js +1 -0
  53. package/lib/splitter-panel/style/index.js +1 -0
  54. package/lib/splitter-panel/style/style.css +0 -0
  55. package/lib/splitter-panel/style/style.min.css +0 -0
  56. package/lib/style.css +1 -1
  57. package/lib/style.min.css +1 -1
  58. package/lib/ui/index.js +3 -3
  59. package/lib/ui/index.min.js +1 -1
  60. package/lib/ui/src/log.js +1 -1
  61. package/lib/ui/src/log.min.js +1 -1
  62. package/lib/vxe-split/style/style.css +79 -79
  63. package/lib/vxe-split/style/style.min.css +1 -1
  64. package/lib/vxe-splitter/index.js +22 -0
  65. package/lib/vxe-splitter/index.min.js +1 -0
  66. package/lib/vxe-splitter/style/index.js +1 -0
  67. package/lib/vxe-splitter/style/style.css +288 -0
  68. package/lib/vxe-splitter/style/style.min.css +1 -0
  69. package/lib/vxe-splitter-panel/index.js +22 -0
  70. package/lib/vxe-splitter-panel/index.min.js +1 -0
  71. package/lib/vxe-splitter-panel/style/index.js +1 -0
  72. package/lib/vxe-splitter-panel/style/style.css +0 -0
  73. package/lib/vxe-splitter-panel/style/style.min.css +0 -0
  74. package/package.json +1 -1
  75. package/packages/components.ts +6 -0
  76. package/packages/split/index.ts +2 -2
  77. package/packages/split-pane/index.ts +2 -2
  78. package/packages/splitter/index.ts +16 -0
  79. package/packages/splitter/src/splitter-panel.ts +145 -0
  80. package/packages/{split/src/split.ts → splitter/src/splitter.ts} +168 -96
  81. package/packages/splitter/src/util.ts +21 -0
  82. package/packages/splitter-panel/index.ts +16 -0
  83. package/packages/ui/index.ts +2 -2
  84. package/styles/components/split.scss +1 -317
  85. package/styles/components/splitter-panel.scss +0 -0
  86. package/styles/components/splitter.scss +317 -0
  87. package/styles/theme/base.scss +6 -6
  88. package/styles/theme/dark.scss +3 -3
  89. package/styles/theme/light.scss +3 -3
  90. package/styles/variable.scss +3 -3
  91. package/types/all.d.ts +6 -0
  92. package/types/components/split-pane.d.ts +42 -14
  93. package/types/components/split.d.ts +54 -18
  94. package/types/components/splitter-panel.d.ts +105 -0
  95. package/types/components/splitter.d.ts +288 -0
  96. package/types/ui/global-config.d.ts +4 -0
  97. package/types/ui/global-icon.d.ts +1 -1
  98. package/es/split/src/util.js +0 -17
  99. package/lib/split/src/split-pane.min.js +0 -1
  100. package/lib/split/src/split.min.js +0 -1
  101. package/lib/split/src/util.min.js +0 -1
  102. package/packages/split/src/split-pane.ts +0 -145
  103. package/packages/split/src/util.ts +0 -21
  104. /package/es/icon/{iconfont.1761298747069.ttf → iconfont.1761614052122.ttf} +0 -0
  105. /package/es/icon/{iconfont.1761298747069.woff → iconfont.1761614052122.woff} +0 -0
  106. /package/es/icon/{iconfont.1761298747069.woff2 → iconfont.1761614052122.woff2} +0 -0
  107. /package/es/{iconfont.1761298747069.ttf → iconfont.1761614052122.ttf} +0 -0
  108. /package/es/{iconfont.1761298747069.woff → iconfont.1761614052122.woff} +0 -0
  109. /package/es/{iconfont.1761298747069.woff2 → iconfont.1761614052122.woff2} +0 -0
  110. /package/lib/icon/style/{iconfont.1761298747069.ttf → iconfont.1761614052122.ttf} +0 -0
  111. /package/lib/icon/style/{iconfont.1761298747069.woff → iconfont.1761614052122.woff} +0 -0
  112. /package/lib/icon/style/{iconfont.1761298747069.woff2 → iconfont.1761614052122.woff2} +0 -0
  113. /package/lib/{iconfont.1761298747069.ttf → iconfont.1761614052122.ttf} +0 -0
  114. /package/lib/{iconfont.1761298747069.woff → iconfont.1761614052122.woff} +0 -0
  115. /package/lib/{iconfont.1761298747069.woff2 → iconfont.1761614052122.woff2} +0 -0
package/es/ui/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { VxeUI, setConfig, setIcon } from '@vxe-ui/core';
2
2
  import { dynamicApp } from '../dynamics';
3
3
  import { warnLog } from './src/log';
4
- export const version = "4.10.10";
4
+ export const version = "4.10.11";
5
5
  VxeUI.uiVersion = version;
6
6
  VxeUI.dynamicApp = dynamicApp;
7
7
  export function config(options) {
@@ -300,7 +300,7 @@ setConfig({
300
300
  oSize: 2
301
301
  }
302
302
  },
303
- split: {
303
+ splitter: {
304
304
  resize: true,
305
305
  itemConfig: {
306
306
  minWidth: 40,
@@ -311,7 +311,7 @@ setConfig({
311
311
  showTip: true
312
312
  }
313
313
  },
314
- splitPane: {},
314
+ splitterPanel: {},
315
315
  slider: {
316
316
  max: 100,
317
317
  min: 0
package/es/ui/src/log.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import { log } from '@vxe-ui/core';
2
- const version = `ui v${"4.10.10"}`;
2
+ const version = `ui v${"4.10.11"}`;
3
3
  export const warnLog = log.create('warn', version);
4
4
  export const errLog = log.create('error', version);
package/es/vxe-split/style.css CHANGED
@@ -1,31 +1,31 @@
1
- .vxe-split {
1
+ .vxe-splitter {
2
2
  position: relative;
3
3
  width: 100%;
4
4
  }
5
- .vxe-split.is--vertical > .vxe-split-wrapper {
5
+ .vxe-splitter.is--vertical > .vxe-splitter-wrapper {
6
6
  flex-direction: column;
7
7
  }
8
- .vxe-split.is--vertical > .vxe-split-wrapper > .vxe-split-pane {
8
+ .vxe-splitter.is--vertical > .vxe-splitter-wrapper > .vxe-splitter-panel {
9
9
  width: 100%;
10
10
  }
11
- .vxe-split.is--drag {
11
+ .vxe-splitter.is--drag {
12
12
  -webkit-user-select: none;
13
13
  -moz-user-select: none;
14
14
  user-select: none;
15
15
  }
16
- .vxe-split.is--drag.is-resize--immediate.is--horizontal {
16
+ .vxe-splitter.is--drag.is-resize--immediate.is--horizontal {
17
17
  cursor: w-resize;
18
18
  }
19
- .vxe-split.is--drag.is-resize--immediate.is--vertical {
19
+ .vxe-splitter.is--drag.is-resize--immediate.is--vertical {
20
20
  cursor: n-resize;
21
21
  }
22
- .vxe-split.is--drag.is-resize--lazy.is--horizontal {
22
+ .vxe-splitter.is--drag.is-resize--lazy.is--horizontal {
23
23
  cursor: col-resize;
24
24
  }
25
- .vxe-split.is--drag.is-resize--lazy.is--vertical {
25
+ .vxe-splitter.is--drag.is-resize--lazy.is--vertical {
26
26
  cursor: row-resize;
27
27
  }
28
- .vxe-split.is--drag > .vxe-split-wrapper > .vxe-split-pane > .vxe-split-pane--wrapper::after {
28
+ .vxe-splitter.is--drag > .vxe-splitter-wrapper > .vxe-splitter-panel > .vxe-splitter-panel--wrapper::after {
29
29
  content: "";
30
30
  position: absolute;
31
31
  top: 0;
@@ -39,7 +39,7 @@
39
39
  user-select: none;
40
40
  }
41
41
 
42
- .vxe-split--resizable-split-tip {
42
+ .vxe-splitter--resizable-splitter-tip {
43
43
  display: none;
44
44
  position: absolute;
45
45
  top: 0;
@@ -51,34 +51,34 @@
51
51
  user-select: none;
52
52
  cursor: col-resize;
53
53
  }
54
- .vxe-split--resizable-split-tip.is-resize--lazy:before {
54
+ .vxe-splitter--resizable-splitter-tip.is-resize--lazy:before {
55
55
  content: "";
56
56
  display: block;
57
57
  height: 100%;
58
- background-color: var(--vxe-ui-split-resizable-drag-line-color);
58
+ background-color: var(--vxe-ui-splitter-resizable-drag-line-color);
59
59
  }
60
- .vxe-split--resizable-split-tip.is--horizontal {
60
+ .vxe-splitter--resizable-splitter-tip.is--horizontal {
61
61
  width: 1px;
62
62
  height: 100%;
63
63
  }
64
- .vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev {
64
+ .vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-prev {
65
65
  right: 0;
66
66
  }
67
- .vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next {
67
+ .vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-next {
68
68
  left: 1px;
69
69
  }
70
- .vxe-split--resizable-split-tip.is--vertical {
70
+ .vxe-splitter--resizable-splitter-tip.is--vertical {
71
71
  width: 100%;
72
72
  height: 1px;
73
73
  }
74
- .vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev {
74
+ .vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-prev {
75
75
  bottom: 0;
76
76
  }
77
- .vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next {
77
+ .vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-next {
78
78
  top: 1px;
79
79
  }
80
80
 
81
- .vxe-split--resizable-split-tip-number {
81
+ .vxe-splitter--resizable-splitter-tip-number {
82
82
  position: absolute;
83
83
  top: 0;
84
84
  left: 0;
@@ -88,29 +88,29 @@
88
88
  pointer-events: none;
89
89
  }
90
90
 
91
- .vxe-split--resizable-split-number-prev,
92
- .vxe-split--resizable-split-number-next {
91
+ .vxe-splitter--resizable-splitter-number-prev,
92
+ .vxe-splitter--resizable-splitter-number-next {
93
93
  position: absolute;
94
94
  padding: 0.25em 0.25em;
95
95
  font-size: 12px;
96
96
  border-radius: var(--vxe-ui-border-radius);
97
97
  white-space: nowrap;
98
98
  color: #ffffff;
99
- background-color: var(--vxe-ui-split-resizable-drag-line-color);
99
+ background-color: var(--vxe-ui-splitter-resizable-drag-line-color);
100
100
  }
101
101
 
102
- .vxe-split-wrapper {
102
+ .vxe-splitter-wrapper {
103
103
  height: 100%;
104
104
  display: flex;
105
105
  flex-direction: row;
106
106
  overflow: hidden;
107
107
  }
108
108
 
109
- .vxe-split-slots {
109
+ .vxe-splitter-slots {
110
110
  display: none;
111
111
  }
112
112
 
113
- .vxe-split-pane-handle {
113
+ .vxe-splitter-panel-handle {
114
114
  display: flex;
115
115
  position: relative;
116
116
  flex-shrink: 0;
@@ -119,30 +119,30 @@
119
119
  user-select: none;
120
120
  }
121
121
 
122
- .vxe-split-pane--wrapper {
122
+ .vxe-splitter-panel--wrapper {
123
123
  position: relative;
124
124
  word-break: break-word;
125
125
  overflow: hidden;
126
126
  flex-grow: 1;
127
127
  }
128
128
 
129
- .vxe-split-pane--inner {
129
+ .vxe-splitter-panel--inner {
130
130
  height: 100%;
131
131
  width: 100%;
132
132
  overflow: auto;
133
133
  }
134
- .vxe-split-pane--inner > .vxe-split {
134
+ .vxe-splitter-panel--inner > .vxe-splitter {
135
135
  height: 100%;
136
136
  }
137
137
 
138
- .vxe-split-pane-handle-bar {
139
- background-color: var(--vxe-ui-split-handle-bar-background-color);
138
+ .vxe-splitter-panel-handle-bar {
139
+ background-color: var(--vxe-ui-splitter-handle-bar-background-color);
140
140
  }
141
- .vxe-split-pane-handle-bar:hover {
142
- background-color: var(--vxe-ui-split-handle-bar-hover-background-color);
141
+ .vxe-splitter-panel-handle-bar:hover {
142
+ background-color: var(--vxe-ui-splitter-handle-bar-hover-background-color);
143
143
  }
144
144
 
145
- .vxe-split-pane-action-btn-wrapper {
145
+ .vxe-splitter-panel-action-btn-wrapper {
146
146
  position: absolute;
147
147
  display: flex;
148
148
  top: 50%;
@@ -151,138 +151,138 @@
151
151
  z-index: 2;
152
152
  }
153
153
 
154
- .vxe-split-pane-action-btn {
154
+ .vxe-splitter-panel-action-btn {
155
155
  display: flex;
156
156
  flex-direction: row;
157
157
  align-items: center;
158
158
  justify-content: center;
159
159
  border-radius: var(--vxe-ui-base-border-radius);
160
160
  color: var(--vxe-ui-layout-background-color);
161
- background-color: var(--vxe-ui-split-handle-button-background-color);
161
+ background-color: var(--vxe-ui-splitter-handle-button-background-color);
162
162
  border: 1px solid var(--vxe-ui-input-border-color);
163
163
  cursor: pointer;
164
164
  transition: transform 0.1s ease-in-out;
165
165
  }
166
- .vxe-split-pane-action-btn:hover {
166
+ .vxe-splitter-panel-action-btn:hover {
167
167
  color: #ffffff;
168
168
  background-color: var(--vxe-ui-font-primary-color);
169
169
  }
170
- .vxe-split-pane-action-btn:active {
170
+ .vxe-splitter-panel-action-btn:active {
171
171
  transform: scale(0.9);
172
172
  }
173
- .vxe-split-pane-action-btn > i {
173
+ .vxe-splitter-panel-action-btn > i {
174
174
  font-size: 0.6em;
175
175
  }
176
176
 
177
- .vxe-split-pane-handle.is--horizontal {
177
+ .vxe-splitter-panel-handle.is--horizontal {
178
178
  flex-direction: row;
179
179
  }
180
- .vxe-split-pane-handle.is--horizontal.is--border {
180
+ .vxe-splitter-panel-handle.is--horizontal.is--border {
181
181
  border-width: 1px 0 1px 0;
182
182
  }
183
- .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper {
183
+ .vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper {
184
184
  flex-direction: column;
185
185
  }
186
- .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div {
186
+ .vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div {
187
187
  margin-top: 1em;
188
188
  }
189
- .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div:first-child {
189
+ .vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div:first-child {
190
190
  margin-top: 0;
191
191
  }
192
- .vxe-split-pane-handle.is--horizontal .vxe-split-pane-handle-bar {
193
- width: var(--vxe-ui-split-handle-bar-horizontal-width);
192
+ .vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-handle-bar {
193
+ width: var(--vxe-ui-splitter-handle-bar-horizontal-width);
194
194
  height: 100%;
195
195
  }
196
- .vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn {
197
- width: var(--vxe-ui-split-handle-bar-horizontal-width);
198
- height: var(--vxe-ui-split-handle-bar-horizontal-height);
196
+ .vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn {
197
+ width: var(--vxe-ui-splitter-handle-bar-horizontal-width);
198
+ height: var(--vxe-ui-splitter-handle-bar-horizontal-height);
199
199
  }
200
- .vxe-split-pane-handle.is--vertical {
200
+ .vxe-splitter-panel-handle.is--vertical {
201
201
  flex-direction: column;
202
202
  }
203
- .vxe-split-pane-handle.is--vertical.is--border {
203
+ .vxe-splitter-panel-handle.is--vertical.is--border {
204
204
  border-width: 0 1px 0 1px;
205
205
  }
206
- .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper {
206
+ .vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper {
207
207
  flex-direction: row;
208
208
  }
209
- .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div {
209
+ .vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div {
210
210
  margin-left: 1em;
211
211
  }
212
- .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div:first-child {
212
+ .vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div:first-child {
213
213
  margin-left: 0;
214
214
  }
215
- .vxe-split-pane-handle.is--vertical .vxe-split-pane-handle-bar {
216
- height: var(--vxe-ui-split-handle-bar-vertical-height);
215
+ .vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-handle-bar {
216
+ height: var(--vxe-ui-splitter-handle-bar-vertical-height);
217
217
  width: 100%;
218
218
  }
219
- .vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn {
220
- width: var(--vxe-ui-split-handle-bar-vertical-width);
221
- height: var(--vxe-ui-split-handle-bar-vertical-height);
219
+ .vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn {
220
+ width: var(--vxe-ui-splitter-handle-bar-vertical-width);
221
+ height: var(--vxe-ui-splitter-handle-bar-vertical-height);
222
222
  }
223
- .vxe-split-pane-handle.is--resize.is-resize--immediate.is--horizontal .vxe-split-pane-handle-bar {
223
+ .vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--horizontal .vxe-splitter-panel-handle-bar {
224
224
  cursor: w-resize;
225
225
  }
226
- .vxe-split-pane-handle.is--resize.is-resize--immediate.is--vertical .vxe-split-pane-handle-bar {
226
+ .vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--vertical .vxe-splitter-panel-handle-bar {
227
227
  cursor: n-resize;
228
228
  }
229
- .vxe-split-pane-handle.is--resize.is-resize--immediate > .vxe-split-pane-handle-bar:active {
229
+ .vxe-splitter-panel-handle.is--resize.is-resize--immediate > .vxe-splitter-panel-handle-bar:active {
230
230
  background-color: var(--vxe-ui-font-primary-color);
231
231
  }
232
- .vxe-split-pane-handle.is--resize.is-resize--lazy.is--horizontal .vxe-split-pane-handle-bar {
232
+ .vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--horizontal .vxe-splitter-panel-handle-bar {
233
233
  cursor: col-resize;
234
234
  }
235
- .vxe-split-pane-handle.is--resize.is-resize--lazy.is--vertical .vxe-split-pane-handle-bar {
235
+ .vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--vertical .vxe-splitter-panel-handle-bar {
236
236
  cursor: row-resize;
237
237
  }
238
238
 
239
- .vxe-split-pane {
239
+ .vxe-splitter-panel {
240
240
  display: flex;
241
241
  position: relative;
242
242
  overflow: hidden;
243
243
  }
244
- .vxe-split-pane.is--fill {
244
+ .vxe-splitter-panel.is--fill {
245
245
  flex-grow: 1;
246
246
  }
247
- .vxe-split-pane.is--hidden.is--horizontal {
247
+ .vxe-splitter-panel.is--hidden.is--horizontal {
248
248
  width: 0;
249
249
  }
250
- .vxe-split-pane.is--hidden.is--vertical {
250
+ .vxe-splitter-panel.is--hidden.is--vertical {
251
251
  height: 0;
252
252
  }
253
- .vxe-split-pane.is--padding > .vxe-split-pane--wrapper {
253
+ .vxe-splitter-panel.is--padding > .vxe-splitter-panel--wrapper {
254
254
  padding: var(--vxe-ui-layout-padding-default);
255
255
  }
256
- .vxe-split-pane.is--hidden, .vxe-split-pane.is--width, .vxe-split-pane.is--height {
256
+ .vxe-splitter-panel.is--hidden, .vxe-splitter-panel.is--width, .vxe-splitter-panel.is--height {
257
257
  flex-shrink: 0;
258
258
  }
259
- .vxe-split-pane.is--border > .vxe-split-pane--wrapper {
259
+ .vxe-splitter-panel.is--border > .vxe-splitter-panel--wrapper {
260
260
  border: 1px solid var(--vxe-ui-base-popup-border-color);
261
261
  }
262
262
 
263
- .vxe-split--render-vars {
263
+ .vxe-splitter--render-vars {
264
264
  width: 0;
265
265
  height: 0;
266
266
  overflow: hidden;
267
267
  }
268
- .vxe-split--render-vars .vxe-split--handle-bar-info {
269
- width: var(--vxe-ui-split-handle-bar-horizontal-width);
270
- height: var(--vxe-ui-split-handle-bar-vertical-height);
268
+ .vxe-splitter--render-vars .vxe-splitter--handle-bar-info {
269
+ width: var(--vxe-ui-splitter-handle-bar-horizontal-width);
270
+ height: var(--vxe-ui-splitter-handle-bar-vertical-height);
271
271
  }
272
272
 
273
- .vxe-modal--content > .vxe-split {
273
+ .vxe-modal--content > .vxe-splitter {
274
274
  height: 100%;
275
275
  }
276
276
 
277
- .vxe-split {
277
+ .vxe-splitter {
278
278
  font-size: var(--vxe-ui-font-size-default);
279
279
  }
280
- .vxe-split.size--medium {
280
+ .vxe-splitter.size--medium {
281
281
  font-size: var(--vxe-ui-font-size-medium);
282
282
  }
283
- .vxe-split.size--small {
283
+ .vxe-splitter.size--small {
284
284
  font-size: var(--vxe-ui-font-size-small);
285
285
  }
286
- .vxe-split.size--mini {
286
+ .vxe-splitter.size--mini {
287
287
  font-size: var(--vxe-ui-font-size-mini);
288
288
  }
package/es/vxe-split/style.min.css CHANGED
@@ -1 +1 @@
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{display:flex;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-wrapper{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.vxe-split-pane-action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);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:scale(.9)}.vxe-split-pane-action-btn>i{font-size:.6em}.vxe-split-pane-handle.is--horizontal{flex-direction:row}.vxe-split-pane-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper{flex-direction:column}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div{margin-top:1em}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-action-btn-wrapper div:first-child{margin-top:0}.vxe-split-pane-handle.is--horizontal .vxe-split-pane-handle-bar{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:100%}.vxe-split-pane-handle.is--horizontal .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-handle.is--vertical{flex-direction:column}.vxe-split-pane-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper{flex-direction:row}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div{margin-left:1em}.vxe-split-pane-handle.is--vertical .vxe-split-pane-action-btn-wrapper div:first-child{margin-left:0}.vxe-split-pane-handle.is--vertical .vxe-split-pane-handle-bar{height:var(--vxe-ui-split-handle-bar-vertical-height);width:100%}.vxe-split-pane-handle.is--vertical .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-handle.is--resize.is-resize--immediate.is--horizontal .vxe-split-pane-handle-bar{cursor:w-resize}.vxe-split-pane-handle.is--resize.is-resize--immediate.is--vertical .vxe-split-pane-handle-bar{cursor:n-resize}.vxe-split-pane-handle.is--resize.is-resize--immediate>.vxe-split-pane-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-split-pane-handle.is--resize.is-resize--lazy.is--horizontal .vxe-split-pane-handle-bar{cursor:col-resize}.vxe-split-pane-handle.is--resize.is-resize--lazy.is--vertical .vxe-split-pane-handle-bar{cursor:row-resize}.vxe-split-pane{display:flex;position:relative;overflow:hidden}.vxe-split-pane.is--fill{flex-grow:1}.vxe-split-pane.is--hidden.is--horizontal{width:0}.vxe-split-pane.is--hidden.is--vertical{height:0}.vxe-split-pane.is--padding>.vxe-split-pane--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-split-pane.is--height,.vxe-split-pane.is--hidden,.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--render-vars{width:0;height:0;overflow:hidden}.vxe-split--render-vars .vxe-split--handle-bar-info{width:var(--vxe-ui-split-handle-bar-horizontal-width);height:var(--vxe-ui-split-handle-bar-vertical-height)}.vxe-modal--content>.vxe-split{height:100%}.vxe-split{font-size:var(--vxe-ui-font-size-default)}.vxe-split.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-split.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-split.size--mini{font-size:var(--vxe-ui-font-size-mini)}
1
+ .vxe-splitter{position:relative;width:100%}.vxe-splitter.is--vertical>.vxe-splitter-wrapper{flex-direction:column}.vxe-splitter.is--vertical>.vxe-splitter-wrapper>.vxe-splitter-panel{width:100%}.vxe-splitter.is--drag{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-splitter.is--drag.is-resize--immediate.is--horizontal{cursor:w-resize}.vxe-splitter.is--drag.is-resize--immediate.is--vertical{cursor:n-resize}.vxe-splitter.is--drag.is-resize--lazy.is--horizontal{cursor:col-resize}.vxe-splitter.is--drag.is-resize--lazy.is--vertical{cursor:row-resize}.vxe-splitter.is--drag>.vxe-splitter-wrapper>.vxe-splitter-panel>.vxe-splitter-panel--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-splitter--resizable-splitter-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-splitter--resizable-splitter-tip.is-resize--lazy:before{content:"";display:block;height:100%;background-color:var(--vxe-ui-splitter-resizable-drag-line-color)}.vxe-splitter--resizable-splitter-tip.is--horizontal{width:1px;height:100%}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-prev{right:0}.vxe-splitter--resizable-splitter-tip.is--horizontal .vxe-splitter--resizable-splitter-number-next{left:1px}.vxe-splitter--resizable-splitter-tip.is--vertical{width:100%;height:1px}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-prev{bottom:0}.vxe-splitter--resizable-splitter-tip.is--vertical .vxe-splitter--resizable-splitter-number-next{top:1px}.vxe-splitter--resizable-splitter-tip-number{position:absolute;top:0;left:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.vxe-splitter--resizable-splitter-number-next,.vxe-splitter--resizable-splitter-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-splitter-resizable-drag-line-color)}.vxe-splitter-wrapper{height:100%;display:flex;flex-direction:row;overflow:hidden}.vxe-splitter-slots{display:none}.vxe-splitter-panel-handle{display:flex;position:relative;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-splitter-panel--wrapper{position:relative;word-break:break-word;overflow:hidden;flex-grow:1}.vxe-splitter-panel--inner{height:100%;width:100%;overflow:auto}.vxe-splitter-panel--inner>.vxe-splitter{height:100%}.vxe-splitter-panel-handle-bar{background-color:var(--vxe-ui-splitter-handle-bar-background-color)}.vxe-splitter-panel-handle-bar:hover{background-color:var(--vxe-ui-splitter-handle-bar-hover-background-color)}.vxe-splitter-panel-action-btn-wrapper{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.vxe-splitter-panel-action-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:var(--vxe-ui-base-border-radius);color:var(--vxe-ui-layout-background-color);background-color:var(--vxe-ui-splitter-handle-button-background-color);border:1px solid var(--vxe-ui-input-border-color);cursor:pointer;transition:transform .1s ease-in-out}.vxe-splitter-panel-action-btn:hover{color:#fff;background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-action-btn:active{transform:scale(.9)}.vxe-splitter-panel-action-btn>i{font-size:.6em}.vxe-splitter-panel-handle.is--horizontal{flex-direction:row}.vxe-splitter-panel-handle.is--horizontal.is--border{border-width:1px 0 1px 0}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper{flex-direction:column}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div{margin-top:1em}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn-wrapper div:first-child{margin-top:0}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-handle-bar{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:100%}.vxe-splitter-panel-handle.is--horizontal .vxe-splitter-panel-action-btn{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-horizontal-height)}.vxe-splitter-panel-handle.is--vertical{flex-direction:column}.vxe-splitter-panel-handle.is--vertical.is--border{border-width:0 1px 0 1px}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper{flex-direction:row}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div{margin-left:1em}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn-wrapper div:first-child{margin-left:0}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-handle-bar{height:var(--vxe-ui-splitter-handle-bar-vertical-height);width:100%}.vxe-splitter-panel-handle.is--vertical .vxe-splitter-panel-action-btn{width:var(--vxe-ui-splitter-handle-bar-vertical-width);height:var(--vxe-ui-splitter-handle-bar-vertical-height)}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--horizontal .vxe-splitter-panel-handle-bar{cursor:w-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate.is--vertical .vxe-splitter-panel-handle-bar{cursor:n-resize}.vxe-splitter-panel-handle.is--resize.is-resize--immediate>.vxe-splitter-panel-handle-bar:active{background-color:var(--vxe-ui-font-primary-color)}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--horizontal .vxe-splitter-panel-handle-bar{cursor:col-resize}.vxe-splitter-panel-handle.is--resize.is-resize--lazy.is--vertical .vxe-splitter-panel-handle-bar{cursor:row-resize}.vxe-splitter-panel{display:flex;position:relative;overflow:hidden}.vxe-splitter-panel.is--fill{flex-grow:1}.vxe-splitter-panel.is--hidden.is--horizontal{width:0}.vxe-splitter-panel.is--hidden.is--vertical{height:0}.vxe-splitter-panel.is--padding>.vxe-splitter-panel--wrapper{padding:var(--vxe-ui-layout-padding-default)}.vxe-splitter-panel.is--height,.vxe-splitter-panel.is--hidden,.vxe-splitter-panel.is--width{flex-shrink:0}.vxe-splitter-panel.is--border>.vxe-splitter-panel--wrapper{border:1px solid var(--vxe-ui-base-popup-border-color)}.vxe-splitter--render-vars{width:0;height:0;overflow:hidden}.vxe-splitter--render-vars .vxe-splitter--handle-bar-info{width:var(--vxe-ui-splitter-handle-bar-horizontal-width);height:var(--vxe-ui-splitter-handle-bar-vertical-height)}.vxe-modal--content>.vxe-splitter{height:100%}.vxe-splitter{font-size:var(--vxe-ui-font-size-default)}.vxe-splitter.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-splitter.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-splitter.size--mini{font-size:var(--vxe-ui-font-size-mini)}
package/es/vxe-splitter/index.js ADDED
@@ -0,0 +1,3 @@
1
+ import VxeSplitter from '../splitter';
2
+ export * from '../splitter';
3
+ export default VxeSplitter;