@varlet/ui 2.16.1 → 2.16.2

package/highlight/web-types.en-US.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.16.1",
+  "version": "2.16.2",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -5027,10 +5027,10 @@
           "attributes": [
             {
               "name": "gutter",
-              "description": "Col gutter",
+              "description": "Col gutter, default is horizontal spacing. Can be set to [Vertical, Horizontal](Support length unit)",
               "default": "0",
               "value": {
-                "type": "string | number",
+                "type": "string | number | [string | number, string | number]",
                 "kind": "expression"
               }
             },

package/highlight/web-types.zh-CN.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "framework": "vue",
-  "version": "2.16.1",
+  "version": "2.16.2",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -5349,10 +5349,10 @@
           "attributes": [
             {
               "name": "gutter",
-              "description": "列间距",
+              "description": "列间距，默认为水平间距。可设置为 [垂直间距, 水平间距] (支持长度单位)",
               "default": "0",
               "value": {
-                "type": "string | number",
+                "type": "string | number | [string | number, string | number]",
                 "kind": "expression"
               }
             },

package/lib/varlet.cjs.js

@@ -5191,7 +5191,9 @@ function __render__$Z(_ctx, _cache) {
         justifyContent: _ctx.padStartFlex(_ctx.justify),
         alignItems: _ctx.padStartFlex(_ctx.align),
         paddingLeft: _ctx.toSizeUnit(_ctx.padding.left),
-        paddingRight: _ctx.toSizeUnit(_ctx.padding.right)
+        paddingRight: _ctx.toSizeUnit(_ctx.padding.right),
+        paddingTop: _ctx.toSizeUnit(_ctx.padding.top),
+        paddingBottom: _ctx.toSizeUnit(_ctx.padding.bottom)
       }),
       onClick: _cache[0] || (_cache[0] = function() {
         return _ctx.handleClick && _ctx.handleClick(...arguments);
@@ -5208,7 +5210,9 @@ var __sfc__$_ = vue.defineComponent({
   setup(props2) {
     var padding = vue.ref({
       left: 0,
-      right: 0
+      right: 0,
+      top: 0,
+      bottom: 0
     });
     var span = vue.computed(() => toNumber(props2.span));
     var offset2 = vue.computed(() => toNumber(props2.offset));
@@ -13801,7 +13805,10 @@ function __render__$I(_ctx, _cache) {
       /* CLASS, STYLE, HYDRATE_EVENTS */
     ), vue.renderSlot(_ctx.$slots, "indicator", {
       index: _ctx.index,
-      length: _ctx.length
+      length: _ctx.length,
+      prev: _ctx.prev,
+      next: _ctx.next,
+      to: _ctx.to
     }, () => [_ctx.indicator && _ctx.length ? (vue.openBlock(), vue.createElementBlock(
       "div",
       {
@@ -19319,7 +19326,7 @@ withInstall(Result);
 var _ResultComponent = Result;
 var props$h = {
   gutter: {
-    type: [String, Number],
+    type: [String, Number, Array],
     default: 0
   },
   justify: {
@@ -19344,7 +19351,7 @@ function __render__$h(_ctx, _cache) {
       style: vue.normalizeStyle({
         justifyContent: _ctx.padStartFlex(_ctx.justify),
         alignItems: _ctx.padStartFlex(_ctx.align),
-        margin: _ctx.average ? "0 -" + _ctx.average + "px" : void 0
+        margin: -_ctx.average[0] + "px " + -_ctx.average[1] + "px"
       }),
       onClick: _cache[0] || (_cache[0] = function() {
         return _ctx.handleClick && _ctx.handleClick(...arguments);
@@ -19364,15 +19371,15 @@ var __sfc__$i = vue.defineComponent({
       bindCols,
       length
     } = useCols();
-    var average = vue.computed(() => {
-      var gutter = toPxNum(props2.gutter);
-      return gutter / 2;
-    });
+    var average = vue.computed(() => isArray(props2.gutter) ? props2.gutter.map((numeric) => toPxNum(numeric) / 2) : [0, toPxNum(props2.gutter) / 2]);
     var computePadding = () => {
       cols.forEach((col2) => {
+        var [y, x] = average.value;
         col2.setPadding({
-          left: average.value,
-          right: average.value
+          left: x,
+          right: x,
+          top: y,
+          bottom: y
         });
       });
     };
@@ -24449,9 +24456,9 @@ const skeleton = "";
 const SkeletonSfc = "";
 const slider = "";
 const SliderSfc = "";
+const SnackbarSfc = "";
 const snackbar = "";
 const coreSfc = "";
-const SnackbarSfc = "";
 const space = "";
 const step = "";
 const StepSfc = "";
@@ -24478,7 +24485,7 @@ const uploader = "";
 const UploaderSfc = "";
 const watermark = "";
 const WatermarkSfc = "";
-const version = "2.16.1";
+const version = "2.16.2";
 function install(app) {
   ActionSheet.install && app.use(ActionSheet);
   AppBar.install && app.use(AppBar);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.16.1",
+  "version": "2.16.2",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -46,9 +46,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/icons": "2.16.1",
-    "@varlet/shared": "2.16.1",
-    "@varlet/use": "2.16.1"
+    "@varlet/use": "2.16.2",
+    "@varlet/shared": "2.16.2",
+    "@varlet/icons": "2.16.2"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -64,9 +64,9 @@
     "typescript": "^5.1.5",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/cli": "2.16.1",
-    "@varlet/touch-emulator": "2.16.1",
-    "@varlet/ui": "2.16.1"
+    "@varlet/cli": "2.16.2",
+    "@varlet/touch-emulator": "2.16.2",
+    "@varlet/ui": "2.16.2"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/row.d.ts

@@ -8,7 +8,7 @@ export type RowJustify = 'flex-start' | 'flex-end' | 'center' | 'space-between'
 export type RowAlign = 'flex-start' | 'center' | 'flex-end' | 'start' | 'end'
 
 export interface RowProps extends BasicAttributes {
-  gutter?: string | number
+  gutter?: string | number | [number | string, number | string]
   justify?: RowJustify
   align?: RowAlign
   onClick?: ListenerProp<(e: Event) => void>

package/types/swipe.d.ts

@@ -19,9 +19,18 @@ export interface SwipeProps extends BasicAttributes {
   onChange?: ListenerProp<(index: number) => void>
 }
 
+export type SwipePrev = (options?: SwipeToOptions) => void
+
+export type SwipeNext = (options?: SwipeToOptions) => void
+
+export type SwipeTo = (index: number, options?: SwipeToOptions) => void
+
 export interface SwipeIndicatorData {
   index: number
   length: number
+  prev: SwipePrev
+  next: SwipeNext
+  to: SwipeTo
 }
 
 export class Swipe extends VarComponent {
@@ -34,11 +43,11 @@ export class Swipe extends VarComponent {
 
   resize(): void
 
-  prev(options?: SwipeToOptions): void
+  prev: SwipePrev
 
-  next(options?: SwipeToOptions): void
+  next: SwipeNext
 
-  to(index: number, options?: SwipeToOptions): void
+  to: SwipeTo
 }
 
 export class _SwipeComponent extends Swipe {}