vxe-pc-ui 3.17.20 → 3.17.21
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/slider/src/slider.js +189 -80
- package/es/slider/style.css +8 -15
- package/es/slider/style.min.css +1 -1
- package/es/space/src/space.js +34 -12
- package/es/space/style.css +1 -0
- package/es/space/style.min.css +1 -1
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-slider/style.css +8 -15
- package/es/vxe-slider/style.min.css +1 -1
- package/es/vxe-space/style.css +1 -0
- package/es/vxe-space/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 +250 -105
- package/lib/index.umd.min.js +1 -1
- package/lib/slider/src/slider.js +204 -87
- package/lib/slider/src/slider.min.js +1 -1
- package/lib/slider/style/style.css +8 -15
- package/lib/slider/style/style.min.css +1 -1
- package/lib/space/src/space.js +40 -13
- package/lib/space/src/space.min.js +1 -1
- package/lib/space/style/style.css +1 -0
- package/lib/space/style/style.min.css +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +1 -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-slider/style/style.css +8 -15
- package/lib/vxe-slider/style/style.min.css +1 -1
- package/lib/vxe-space/style/style.css +1 -0
- package/lib/vxe-space/style/style.min.css +1 -1
- package/package.json +2 -2
- package/packages/slider/src/slider.ts +187 -79
- package/packages/space/src/space.ts +39 -12
- package/styles/components/slider.scss +8 -13
- package/styles/components/space.scss +1 -0
- package/types/components/slider.d.ts +9 -2
- package/types/components/space.d.ts +2 -0
- /package/es/icon/{iconfont.1787911531497.ttf → iconfont.1787994741699.ttf} +0 -0
- /package/es/icon/{iconfont.1787911531497.woff → iconfont.1787994741699.woff} +0 -0
- /package/es/icon/{iconfont.1787911531497.woff2 → iconfont.1787994741699.woff2} +0 -0
- /package/es/{iconfont.1787911531497.ttf → iconfont.1787994741699.ttf} +0 -0
- /package/es/{iconfont.1787911531497.woff → iconfont.1787994741699.woff} +0 -0
- /package/es/{iconfont.1787911531497.woff2 → iconfont.1787994741699.woff2} +0 -0
- /package/lib/icon/style/{iconfont.1787911531497.ttf → iconfont.1787994741699.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1787911531497.woff → iconfont.1787994741699.woff} +0 -0
- /package/lib/icon/style/{iconfont.1787911531497.woff2 → iconfont.1787994741699.woff2} +0 -0
- /package/lib/{iconfont.1787911531497.ttf → iconfont.1787994741699.ttf} +0 -0
- /package/lib/{iconfont.1787911531497.woff → iconfont.1787994741699.woff} +0 -0
- /package/lib/{iconfont.1787911531497.woff2 → iconfont.1787994741699.woff2} +0 -0
package/es/space/src/space.js
CHANGED
|
@@ -37,6 +37,10 @@ export default {
|
|
|
37
37
|
separator: {
|
|
38
38
|
type: String,
|
|
39
39
|
default: () => getConfig().space.separator
|
|
40
|
+
},
|
|
41
|
+
align: {
|
|
42
|
+
type: String,
|
|
43
|
+
default: () => getConfig().space.align
|
|
40
44
|
}
|
|
41
45
|
},
|
|
42
46
|
data() {
|
|
@@ -52,7 +56,7 @@ export default {
|
|
|
52
56
|
computed: Object.assign(Object.assign({}, {}), { computeWrapperStyle() {
|
|
53
57
|
const $xeSpace = this;
|
|
54
58
|
const props = $xeSpace;
|
|
55
|
-
const { gap } = props;
|
|
59
|
+
const { align, gap } = props;
|
|
56
60
|
const stys = {};
|
|
57
61
|
let rowGap = '';
|
|
58
62
|
let columGap = '';
|
|
@@ -70,6 +74,9 @@ export default {
|
|
|
70
74
|
columGap = gap.columGap || '';
|
|
71
75
|
}
|
|
72
76
|
}
|
|
77
|
+
if (align) {
|
|
78
|
+
stys['align-items'] = align;
|
|
79
|
+
}
|
|
73
80
|
if (!eqEmptyValue(rowGap)) {
|
|
74
81
|
stys['--vxe-ui-space-current-row-gap'] = toCssUnit(rowGap);
|
|
75
82
|
}
|
|
@@ -89,14 +96,36 @@ export default {
|
|
|
89
96
|
//
|
|
90
97
|
// Render
|
|
91
98
|
//
|
|
92
|
-
|
|
99
|
+
renderItems(h) {
|
|
93
100
|
const $xeSpace = this;
|
|
94
101
|
const props = $xeSpace;
|
|
95
102
|
const slots = $xeSpace.$scopedSlots;
|
|
96
|
-
const {
|
|
103
|
+
const { separator, itemClassName } = props;
|
|
104
|
+
const itemVNs = [];
|
|
105
|
+
const defaultSlot = slots.default;
|
|
106
|
+
const separatorSlot = slots.separator;
|
|
107
|
+
if (defaultSlot) {
|
|
108
|
+
XEUtils.each(defaultSlot({}), (itemVN, index, items) => {
|
|
109
|
+
itemVNs.push(h('div', {
|
|
110
|
+
key: 'i' + index,
|
|
111
|
+
class: ['vxe-space--item', getPropClass(itemClassName, { index })]
|
|
112
|
+
}, [itemVN]));
|
|
113
|
+
if ((separator || separatorSlot) && index < items.length - 1) {
|
|
114
|
+
itemVNs.push(h('div', {
|
|
115
|
+
key: 's' + index,
|
|
116
|
+
class: 'vxe-space--separator'
|
|
117
|
+
}, separatorSlot ? separatorSlot({}) : ('' + separator)));
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
return itemVNs;
|
|
122
|
+
},
|
|
123
|
+
renderVN(h) {
|
|
124
|
+
const $xeSpace = this;
|
|
125
|
+
const props = $xeSpace;
|
|
126
|
+
const { vertical, wrap, className } = props;
|
|
97
127
|
const wrapperStyle = $xeSpace.computeWrapperStyle;
|
|
98
128
|
const vSize = $xeSpace.computeSize;
|
|
99
|
-
const defaultSlot = slots.default;
|
|
100
129
|
return h('div', {
|
|
101
130
|
ref: 'refElem',
|
|
102
131
|
class: ['vxe-space', getPropClass(className, {}), {
|
|
@@ -105,14 +134,7 @@ export default {
|
|
|
105
134
|
'is--vertical': vertical
|
|
106
135
|
}],
|
|
107
136
|
style: wrapperStyle
|
|
108
|
-
},
|
|
109
|
-
? (defaultSlot({}) || []).map((itemVN, index) => {
|
|
110
|
-
return h('div', {
|
|
111
|
-
key: index,
|
|
112
|
-
class: ['vxe-space--item', getPropClass(itemClassName, { index })]
|
|
113
|
-
}, [itemVN]);
|
|
114
|
-
})
|
|
115
|
-
: []);
|
|
137
|
+
}, $xeSpace.renderItems(h));
|
|
116
138
|
}
|
|
117
139
|
},
|
|
118
140
|
render(h) {
|
package/es/space/style.css
CHANGED
package/es/space/style.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}
|
|
1
|
+
.vxe-space{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-default);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-default)}.vxe-space.size--xlarge{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-xlarge);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-xlarge)}.vxe-space.size--large{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-large);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-large)}.vxe-space.size--medium{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-medium);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-medium)}.vxe-space.size--small{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-small);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-small)}.vxe-space.size--mini{--vxe-ui-space-current-row-gap:var(--vxe-ui-space-row-gap-mini);--vxe-ui-space-current-column-gap:var(--vxe-ui-space-column-gap-mini)}.vxe-space{display:inline-flex;flex-direction:row;align-items:center;gap:var(--vxe-ui-space-current-row-gap) var(--vxe-ui-space-current-column-gap)}.vxe-space.is--wrap{flex-wrap:wrap}.vxe-space.is--vertical{flex-direction:column}
|