vxe-pc-ui 4.8.24 → 4.8.25
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.
- package/es/icon/style.css +1 -1
- package/es/language/en-US.js +12 -12
- package/es/split/src/split.js +189 -53
- package/es/split/style.css +74 -9
- package/es/split/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +5 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-split/style.css +74 -9
- package/es/vxe-split/style.min.css +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +201 -84
- package/lib/index.umd.min.js +1 -1
- package/lib/language/en-US.js +12 -12
- package/lib/language/en-US.min.js +1 -1
- package/lib/language/en-US.umd.js +12 -12
- package/lib/split/src/split.js +195 -82
- package/lib/split/src/split.min.js +1 -1
- package/lib/split/style/style.css +74 -9
- package/lib/split/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +5 -1
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-split/style/style.css +74 -9
- package/lib/vxe-split/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/language/en-US.ts +12 -12
- package/packages/split/src/split.ts +196 -54
- package/packages/ui/index.ts +4 -0
- package/styles/components/split.scss +92 -16
- package/styles/theme/base.scss +2 -0
- package/styles/theme/dark.scss +1 -0
- package/styles/theme/light.scss +1 -0
- package/styles/variable.scss +1 -0
- package/types/components/gantt-module/gantt-view.d.ts +12 -12
- package/types/components/split.d.ts +14 -0
- /package/es/icon/{iconfont.1755847372488.ttf → iconfont.1755949930275.ttf} +0 -0
- /package/es/icon/{iconfont.1755847372488.woff → iconfont.1755949930275.woff} +0 -0
- /package/es/icon/{iconfont.1755847372488.woff2 → iconfont.1755949930275.woff2} +0 -0
- /package/es/{iconfont.1755847372488.ttf → iconfont.1755949930275.ttf} +0 -0
- /package/es/{iconfont.1755847372488.woff → iconfont.1755949930275.woff} +0 -0
- /package/es/{iconfont.1755847372488.woff2 → iconfont.1755949930275.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1755847372488.ttf → iconfont.1755949930275.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1755847372488.woff → iconfont.1755949930275.woff} +0 -0
- /package/lib/icon/style/{iconfont.1755847372488.woff2 → iconfont.1755949930275.woff2} +0 -0
- /package/lib/{iconfont.1755847372488.ttf → iconfont.1755949930275.ttf} +0 -0
- /package/lib/{iconfont.1755847372488.woff → iconfont.1755949930275.woff} +0 -0
- /package/lib/{iconfont.1755847372488.woff2 → iconfont.1755949930275.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 {
|
|
@@ -26,6 +27,66 @@
|
|
|
26
27
|
user-select: none;
|
|
27
28
|
}
|
|
28
29
|
|
|
30
|
+
.vxe-split--resizable-split-tip {
|
|
31
|
+
display: none;
|
|
32
|
+
position: absolute;
|
|
33
|
+
top: 0;
|
|
34
|
+
left: 0;
|
|
35
|
+
z-index: 7;
|
|
36
|
+
pointer-events: none;
|
|
37
|
+
-webkit-user-select: none;
|
|
38
|
+
-moz-user-select: none;
|
|
39
|
+
user-select: none;
|
|
40
|
+
cursor: col-resize;
|
|
41
|
+
}
|
|
42
|
+
.vxe-split--resizable-split-tip.is-resize--lazy:before {
|
|
43
|
+
content: "";
|
|
44
|
+
display: block;
|
|
45
|
+
height: 100%;
|
|
46
|
+
background-color: var(--vxe-ui-split-resizable-drag-line-color);
|
|
47
|
+
}
|
|
48
|
+
.vxe-split--resizable-split-tip.is--horizontal {
|
|
49
|
+
width: 1px;
|
|
50
|
+
height: 100%;
|
|
51
|
+
}
|
|
52
|
+
.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-prev {
|
|
53
|
+
right: 0;
|
|
54
|
+
}
|
|
55
|
+
.vxe-split--resizable-split-tip.is--horizontal .vxe-split--resizable-split-number-next {
|
|
56
|
+
left: 1px;
|
|
57
|
+
}
|
|
58
|
+
.vxe-split--resizable-split-tip.is--vertical {
|
|
59
|
+
width: 100%;
|
|
60
|
+
height: 1px;
|
|
61
|
+
}
|
|
62
|
+
.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-prev {
|
|
63
|
+
bottom: 0;
|
|
64
|
+
}
|
|
65
|
+
.vxe-split--resizable-split-tip.is--vertical .vxe-split--resizable-split-number-next {
|
|
66
|
+
top: 1px;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.vxe-split--resizable-split-tip-number {
|
|
70
|
+
position: absolute;
|
|
71
|
+
top: 0;
|
|
72
|
+
left: 0;
|
|
73
|
+
-webkit-user-select: none;
|
|
74
|
+
-moz-user-select: none;
|
|
75
|
+
user-select: none;
|
|
76
|
+
pointer-events: none;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.vxe-split--resizable-split-number-prev,
|
|
80
|
+
.vxe-split--resizable-split-number-next {
|
|
81
|
+
position: absolute;
|
|
82
|
+
padding: 0.25em 0.25em;
|
|
83
|
+
font-size: 12px;
|
|
84
|
+
border-radius: var(--vxe-ui-border-radius);
|
|
85
|
+
white-space: nowrap;
|
|
86
|
+
color: #ffffff;
|
|
87
|
+
background-color: var(--vxe-ui-split-resizable-drag-line-color);
|
|
88
|
+
}
|
|
89
|
+
|
|
29
90
|
.vxe-split-wrapper {
|
|
30
91
|
height: 100%;
|
|
31
92
|
display: flex;
|
|
@@ -64,6 +125,9 @@
|
|
|
64
125
|
.vxe-split-pane-handle-bar {
|
|
65
126
|
background-color: var(--vxe-ui-split-handle-bar-background-color);
|
|
66
127
|
}
|
|
128
|
+
.vxe-split-pane-handle-bar:hover {
|
|
129
|
+
background-color: var(--vxe-ui-split-handle-bar-hover-background-color);
|
|
130
|
+
}
|
|
67
131
|
|
|
68
132
|
.vxe-split-pane-action-btn {
|
|
69
133
|
position: absolute;
|
|
@@ -84,7 +148,8 @@
|
|
|
84
148
|
transition: transform 0.1s ease-in-out;
|
|
85
149
|
}
|
|
86
150
|
.vxe-split-pane-action-btn:hover {
|
|
87
|
-
|
|
151
|
+
color: #ffffff;
|
|
152
|
+
background-color: var(--vxe-ui-font-primary-color);
|
|
88
153
|
}
|
|
89
154
|
.vxe-split-pane-action-btn:active {
|
|
90
155
|
transform: translate(-50%, -50%) scale(0.9);
|
|
@@ -110,20 +175,20 @@
|
|
|
110
175
|
.vxe-split-pane.is--border > .vxe-split-pane--wrapper {
|
|
111
176
|
border: 1px solid var(--vxe-ui-base-popup-border-color);
|
|
112
177
|
}
|
|
113
|
-
.vxe-split-pane.is--resize.is--expand.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
|
|
178
|
+
.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
|
|
114
179
|
cursor: w-resize;
|
|
115
180
|
}
|
|
116
|
-
.vxe-split-pane.is--resize.is--expand.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
|
|
181
|
+
.vxe-split-pane.is--resize.is--expand.is-resize--immediate.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
|
|
117
182
|
cursor: n-resize;
|
|
118
183
|
}
|
|
119
|
-
.vxe-split-pane.is--resize.is--expand > .vxe-split-pane-handle > .vxe-split-pane-handle-bar {
|
|
120
|
-
background-color: var(--vxe-ui-
|
|
184
|
+
.vxe-split-pane.is--resize.is--expand.is-resize--immediate > .vxe-split-pane-handle > .vxe-split-pane-handle-bar:active {
|
|
185
|
+
background-color: var(--vxe-ui-font-primary-color);
|
|
121
186
|
}
|
|
122
|
-
.vxe-split-pane.is--resize.is--expand > .vxe-split-pane-handle
|
|
123
|
-
|
|
187
|
+
.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--horizontal > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
|
|
188
|
+
cursor: col-resize;
|
|
124
189
|
}
|
|
125
|
-
.vxe-split-pane.is--resize.is--expand > .vxe-split-pane-handle
|
|
126
|
-
|
|
190
|
+
.vxe-split-pane.is--resize.is--expand.is-resize--lazy.is--vertical > .vxe-split-pane-handle .vxe-split-pane-handle-bar {
|
|
191
|
+
cursor: row-resize;
|
|
127
192
|
}
|
|
128
193
|
.vxe-split-pane.is--horizontal {
|
|
129
194
|
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-
|
|
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>.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%}
|