@varlet/ui 2.12.0-alpha.1688105697429 → 2.12.0

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.12.0-alpha.1688105697429",
+  "version": "2.12.0",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -2944,11 +2944,11 @@
               }
             },
             {
-              "name": "current",
-              "description": "URL from which the image preview starts",
-              "default": "-",
+              "name": "initial-index",
+              "description": "Index from which the image preview starts",
+              "default": "0",
               "value": {
-                "type": "string",
+                "type": "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.12.0-alpha.1688105697429",
+  "version": "2.12.0",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -3103,11 +3103,11 @@
               }
             },
             {
-              "name": "current",
-              "description": "图片预览起始的 URL",
-              "default": "-",
+              "name": "initial-index",
+              "description": "图片预览起始的索引",
+              "default": "0",
               "value": {
-                "type": "string",
+                "type": "string | number",
                 "kind": "expression"
               }
             },

package/lib/varlet.cjs.js

@@ -13362,8 +13362,8 @@ const Fab = vue.defineComponent({
     };
     var renderFab = () => {
       var _slot;
-      var _slots$default;
-      var children = flatFragment((_slots$default = slots.default == null ? void 0 : slots.default()) != null ? _slots$default : []);
+      var _call;
+      var children = flatFragment((_call = call(slots.default)) != null ? _call : []);
       return vue.createVNode("div", vue.mergeProps({
         "class": classes$B(n$J(), n$J("--position-" + props2.position), n$J("--direction-" + props2.direction), [props2.fixed, n$J("--fixed"), n$J("--absolute")], [props2.safeArea, n$J("--safe-area")]),
         "style": {
@@ -14305,9 +14305,14 @@ var props$C = _extends$7({
     type: Array,
     default: () => []
   },
+  /** @deprecated Use initialIndex to instead. */
   current: {
     type: String
   },
+  initialIndex: {
+    type: [String, Number],
+    default: 0
+  },
   zoom: {
     type: [String, Number],
     default: 2
@@ -14360,6 +14365,7 @@ function __render__$F(_ctx, _cache) {
     onRouteChange: _ctx.onRouteChange
   }, {
     default: vue.withCtx(() => [vue.createVNode(_component_var_swipe, vue.mergeProps({
+      ref: "swipeRef",
       class: _ctx.n("swipe"),
       "var-image-preview-cover": "",
       touchable: _ctx.canSwipe,
@@ -14461,8 +14467,12 @@ var __sfc__$G = vue.defineComponent({
     var initialIndex = vue.computed(() => {
       var {
         images,
-        current
+        current,
+        initialIndex: initialIndex2
       } = props2;
+      if (initialIndex2 != null) {
+        return toNumber(initialIndex2);
+      }
       var index = images.findIndex((image2) => image2 === current);
       return index >= 0 ? index : 0;
     });
@@ -14472,6 +14482,7 @@ var __sfc__$G = vue.defineComponent({
     var transitionTimingFunction = vue.ref(void 0);
     var transitionDuration = vue.ref(void 0);
     var canSwipe = vue.ref(true);
+    var swipeRef = vue.ref(null);
     var startTouch = null;
     var prevTouch = null;
     var closeRunner = null;
@@ -14647,6 +14658,18 @@ var __sfc__$G = vue.defineComponent({
       }
       call(props2["onUpdate:show"], false);
     };
+    var prev = (options) => {
+      var _swipeRef$value;
+      (_swipeRef$value = swipeRef.value) == null ? void 0 : _swipeRef$value.prev(options);
+    };
+    var next = (options) => {
+      var _swipeRef$value2;
+      (_swipeRef$value2 = swipeRef.value) == null ? void 0 : _swipeRef$value2.next(options);
+    };
+    var to = (idx, options) => {
+      var _swipeRef$value3;
+      (_swipeRef$value3 = swipeRef.value) == null ? void 0 : _swipeRef$value3.to(idx, options);
+    };
     var preventImageDefault = (event) => {
       props2.imagePreventDefault && props2.show && event.preventDefault();
     };
@@ -14672,7 +14695,10 @@ var __sfc__$G = vue.defineComponent({
       handleTouchmove,
       handleTouchend,
       handleTouchcancel,
-      close
+      close,
+      prev,
+      next,
+      to
     };
   }
 });
@@ -24768,7 +24794,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.12.0-alpha.1688105697429";
+const version = "2.12.0";
 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.12.0-alpha.1688105697429",
+  "version": "2.12.0",
   "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/shared": "2.12.0-alpha.1688105697429",
-    "@varlet/icons": "2.12.0-alpha.1688105697429",
-    "@varlet/use": "2.12.0-alpha.1688105697429"
+    "@varlet/icons": "2.12.0",
+    "@varlet/shared": "2.12.0",
+    "@varlet/use": "2.12.0"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -63,8 +63,8 @@
     "typescript": "^5.1.5",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/cli": "2.12.0-alpha.1688105697429",
-    "@varlet/touch-emulator": "2.12.0-alpha.1688105697429"
+    "@varlet/touch-emulator": "2.12.0",
+    "@varlet/cli": "2.12.0"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/imagePreview.d.ts

@@ -1,11 +1,12 @@
 import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
+import { SwipeToOptions } from './swipe'
 import { App, TeleportProps, VNode } from 'vue'
 
 export declare const imagePreviewProps: Record<string, any>
 
 export interface ImagePreviewProps extends BasicAttributes {
   show?: boolean
-  current?: string
+  initialIndex?: string | number
   images?: string[]
   zoom?: string | number
   lockScroll?: boolean
@@ -20,10 +21,13 @@ export interface ImagePreviewProps extends BasicAttributes {
   onChange?: ListenerProp<(index: number) => void>
   onLongPress?: ListenerProp<(index: number) => void>
   'onUpdate:show'?: ListenerProp<(show: boolean) => void>
+
+  /** @deprecated Use initialIndex to instead. */
+  current?: string
 }
 
 export interface ImagePreviewOptions {
-  current?: string
+  initialIndex?: string | number
   images?: string[]
   zoom?: string | number
   lockScroll?: boolean
@@ -36,6 +40,9 @@ export interface ImagePreviewOptions {
   onClosed?: () => void
   onChange?: (index: number) => void
   onLongPress?: (index: number) => void
+
+  /** @deprecated Use initialIndex to instead. */
+  current?: string
 }
 
 export class ImagePreviewComponent extends VarComponent {
@@ -46,6 +53,12 @@ export class ImagePreviewComponent extends VarComponent {
     extra(): VNode[]
     'close-icon'(): VNode[]
   }
+
+  prev(options?: SwipeToOptions): void
+
+  next(options?: SwipeToOptions): void
+
+  to(index: number, options?: SwipeToOptions): void
 }
 
 export interface IImagePreview {

package/types/loadingBar.d.ts

@@ -23,3 +23,5 @@ export interface ILoadingBar {
 }
 
 export declare const LoadingBar: ILoadingBar
+
+export class _LoadingBarComponent {}