@varlet/ui 2.16.1 → 2.16.2
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/col/Col.mjs +6 -2
- package/es/index.bundle.mjs +1 -1
- package/es/index.mjs +1 -1
- package/es/row/Row.mjs +8 -7
- package/es/row/props.mjs +1 -1
- package/es/snackbar/style/index.mjs +1 -1
- package/es/swipe/Swipe.mjs +4 -1
- package/es/varlet.esm.js +109 -102
- package/highlight/web-types.en-US.json +3 -3
- package/highlight/web-types.zh-CN.json +3 -3
- package/lib/varlet.cjs.js +20 -13
- package/package.json +7 -7
- package/types/row.d.ts +1 -1
- package/types/swipe.d.ts +12 -3
- package/umd/varlet.js +4 -4
package/es/col/Col.mjs
CHANGED
|
@@ -17,7 +17,9 @@ function __render__(_ctx, _cache) {
|
|
|
17
17
|
justifyContent: _ctx.padStartFlex(_ctx.justify),
|
|
18
18
|
alignItems: _ctx.padStartFlex(_ctx.align),
|
|
19
19
|
paddingLeft: _ctx.toSizeUnit(_ctx.padding.left),
|
|
20
|
-
paddingRight: _ctx.toSizeUnit(_ctx.padding.right)
|
|
20
|
+
paddingRight: _ctx.toSizeUnit(_ctx.padding.right),
|
|
21
|
+
paddingTop: _ctx.toSizeUnit(_ctx.padding.top),
|
|
22
|
+
paddingBottom: _ctx.toSizeUnit(_ctx.padding.bottom)
|
|
21
23
|
}),
|
|
22
24
|
onClick: _cache[0] || (_cache[0] = function () {
|
|
23
25
|
return _ctx.handleClick && _ctx.handleClick(...arguments);
|
|
@@ -31,7 +33,9 @@ var __sfc__ = defineComponent({
|
|
|
31
33
|
setup(props) {
|
|
32
34
|
var padding = ref({
|
|
33
35
|
left: 0,
|
|
34
|
-
right: 0
|
|
36
|
+
right: 0,
|
|
37
|
+
top: 0,
|
|
38
|
+
bottom: 0
|
|
35
39
|
});
|
|
36
40
|
var span = computed(() => toNumber(props.span));
|
|
37
41
|
var offset = computed(() => toNumber(props.offset));
|
package/es/index.bundle.mjs
CHANGED
|
@@ -247,7 +247,7 @@ import './tooltip/style/index.mjs'
|
|
|
247
247
|
import './uploader/style/index.mjs'
|
|
248
248
|
import './watermark/style/index.mjs'
|
|
249
249
|
|
|
250
|
-
const version = '2.16.
|
|
250
|
+
const version = '2.16.2'
|
|
251
251
|
|
|
252
252
|
function install(app) {
|
|
253
253
|
ActionSheet.install && app.use(ActionSheet)
|
package/es/index.mjs
CHANGED
|
@@ -164,7 +164,7 @@ export * from './tooltip/index.mjs'
|
|
|
164
164
|
export * from './uploader/index.mjs'
|
|
165
165
|
export * from './watermark/index.mjs'
|
|
166
166
|
|
|
167
|
-
const version = '2.16.
|
|
167
|
+
const version = '2.16.2'
|
|
168
168
|
|
|
169
169
|
function install(app) {
|
|
170
170
|
ActionSheet.install && app.use(ActionSheet)
|
package/es/row/Row.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { defineComponent, computed, watch } from 'vue';
|
|
2
2
|
import { props } from './props.mjs';
|
|
3
|
+
import { isArray } from '@varlet/shared';
|
|
3
4
|
import { useCols } from './provide.mjs';
|
|
4
5
|
import { toPxNum, padStartFlex } from '../utils/elements.mjs';
|
|
5
6
|
import { call, createNamespace } from '../utils/components.mjs';
|
|
@@ -14,7 +15,7 @@ function __render__(_ctx, _cache) {
|
|
|
14
15
|
style: _normalizeStyle({
|
|
15
16
|
justifyContent: _ctx.padStartFlex(_ctx.justify),
|
|
16
17
|
alignItems: _ctx.padStartFlex(_ctx.align),
|
|
17
|
-
margin: _ctx.average
|
|
18
|
+
margin: -_ctx.average[0] + "px " + -_ctx.average[1] + "px"
|
|
18
19
|
}),
|
|
19
20
|
onClick: _cache[0] || (_cache[0] = function () {
|
|
20
21
|
return _ctx.handleClick && _ctx.handleClick(...arguments);
|
|
@@ -31,15 +32,15 @@ var __sfc__ = defineComponent({
|
|
|
31
32
|
bindCols,
|
|
32
33
|
length
|
|
33
34
|
} = useCols();
|
|
34
|
-
var average = computed(() =>
|
|
35
|
-
var gutter = toPxNum(props.gutter);
|
|
36
|
-
return gutter / 2;
|
|
37
|
-
});
|
|
35
|
+
var average = computed(() => isArray(props.gutter) ? props.gutter.map(numeric => toPxNum(numeric) / 2) : [0, toPxNum(props.gutter) / 2]);
|
|
38
36
|
var computePadding = () => {
|
|
39
37
|
cols.forEach(col => {
|
|
38
|
+
var [y, x] = average.value;
|
|
40
39
|
col.setPadding({
|
|
41
|
-
left:
|
|
42
|
-
right:
|
|
40
|
+
left: x,
|
|
41
|
+
right: x,
|
|
42
|
+
top: y,
|
|
43
|
+
bottom: y
|
|
43
44
|
});
|
|
44
45
|
});
|
|
45
46
|
};
|
package/es/row/props.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import '../../styles/common.css'
|
|
2
|
+
import '../SnackbarSfc.css'
|
|
2
3
|
import '../../styles/elevation.css'
|
|
3
4
|
import '../../loading/loading.css'
|
|
4
5
|
import '../../button/button.css'
|
|
5
6
|
import '../../icon/icon.css'
|
|
6
7
|
import '../snackbar.css'
|
|
7
8
|
import '../coreSfc.css'
|
|
8
|
-
import '../SnackbarSfc.css'
|
package/es/swipe/Swipe.mjs
CHANGED
|
@@ -39,7 +39,10 @@ function __render__(_ctx, _cache) {
|
|
|
39
39
|
})
|
|
40
40
|
}, [_renderSlot(_ctx.$slots, "default")], 38 /* CLASS, STYLE, HYDRATE_EVENTS */), _renderSlot(_ctx.$slots, "indicator", {
|
|
41
41
|
index: _ctx.index,
|
|
42
|
-
length: _ctx.length
|
|
42
|
+
length: _ctx.length,
|
|
43
|
+
prev: _ctx.prev,
|
|
44
|
+
next: _ctx.next,
|
|
45
|
+
to: _ctx.to
|
|
43
46
|
}, () => [_ctx.indicator && _ctx.length ? (_openBlock(), _createElementBlock("div", {
|
|
44
47
|
key: 0,
|
|
45
48
|
class: _normalizeClass(_ctx.classes(_ctx.n('indicators'), [_ctx.vertical, _ctx.n('--indicators-vertical')]))
|