vxe-pc-ui 4.10.10 → 4.10.12

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