@varlet/ui 2.13.5-alpha.1690489609808 → 2.13.5

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.13.5-alpha.1690489609808",
+  "version": "2.13.5",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -104,7 +104,7 @@
               "description": "The location of the action sheet to mount",
               "default": "body",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "kind": "expression"
               }
             }
@@ -290,6 +290,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "alt",
+              "description": "Image alt text, the same as the native attribute of the `img` tag",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "fit",
               "description": "Filling mode of avatar image, optional value `fill contain cover none scale-down`",
@@ -2287,7 +2296,7 @@
               "description": "The location of the Dialog to mount",
               "default": "body",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "kind": "expression"
               }
             }
@@ -2535,10 +2544,10 @@
             },
             {
               "name": "drag",
-              "description": "Whether to enable drag",
+              "description": "Drag component props, for deep customization (support `direction` `attraction` `boundary`）",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | DragProps",
                 "kind": "expression"
               }
             },
@@ -3101,7 +3110,7 @@
               "description": "The location of the pop-up layer to mount",
               "default": "body",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "kind": "expression"
               }
             },
@@ -3988,7 +3997,7 @@
               "description": "The location of the Overlay to mount",
               "default": "-",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "kind": "expression"
               }
             }
@@ -5606,7 +5615,7 @@
               "description": "The location of the Snackbar to mount",
               "default": "body",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "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.13.5-alpha.1690489609808",
+  "version": "2.13.5",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -104,7 +104,7 @@
               "description": "动作面板挂载的位置",
               "default": "body",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "kind": "expression"
               }
             }
@@ -290,6 +290,15 @@
                 "kind": "expression"
               }
             },
+            {
+              "name": "alt",
+              "description": "替代文本，和 `img` 标签原生属性一致",
+              "default": "-",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            },
             {
               "name": "fit",
               "description": "头像图片的填充模式，可选值 `fill contain cover none scale-down`",
@@ -2446,7 +2455,7 @@
               "description": "弹出层挂载的位置",
               "default": "body",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "kind": "expression"
               }
             }
@@ -2694,10 +2703,10 @@
             },
             {
               "name": "drag",
-              "description": "是否开启拖拽",
+              "description": "Drag 组件配置，用于深度定制（支持 `direction` `attraction` `boundary`）",
               "default": "false",
               "value": {
-                "type": "boolean",
+                "type": "boolean | DragProps",
                 "kind": "expression"
               }
             },
@@ -3269,7 +3278,7 @@
               "description": "弹出层挂载的位置",
               "default": "body",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "kind": "expression"
               }
             },
@@ -4169,7 +4178,7 @@
               "description": "遮罩层挂载的位置",
               "default": "-",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "kind": "expression"
               }
             }
@@ -5959,7 +5968,7 @@
               "description": "弹出层挂载的位置",
               "default": "body",
               "value": {
-                "type": "TeleportProps['to']",
+                "type": "TeleportProps['to'] | false",
                 "kind": "expression"
               }
             }

package/lib/varlet.cjs.js

@@ -2390,6 +2390,9 @@ var props$17 = {
     validator: sizeValidator$6,
     default: "normal"
   },
+  alt: {
+    type: String
+  },
   color: {
     type: String
   },
@@ -2426,8 +2429,8 @@ var {
   n: n$1e,
   classes: classes$11
 } = createNamespace("avatar");
-var _hoisted_1$s = ["src", "lazy-loading", "lazy-error"];
-var _hoisted_2$f = ["src"];
+var _hoisted_1$s = ["src", "alt", "lazy-loading", "lazy-error"];
+var _hoisted_2$f = ["src", "alt"];
 function __render__$1e(_ctx, _cache) {
   var _directive_lazy = vue.resolveDirective("lazy");
   return vue.openBlock(), vue.createElementBlock(
@@ -2454,6 +2457,7 @@ function __render__$1e(_ctx, _cache) {
         key: 0,
         class: vue.normalizeClass(_ctx.n("image")),
         src: _ctx.src,
+        alt: _ctx.alt,
         style: vue.normalizeStyle({
           objectFit: _ctx.fit
         }),
@@ -2466,6 +2470,7 @@ function __render__$1e(_ctx, _cache) {
         key: 1,
         class: vue.normalizeClass(_ctx.n("image")),
         src: _ctx.src,
+        alt: _ctx.alt,
         style: vue.normalizeStyle({
           objectFit: _ctx.fit
         }),
@@ -13569,7 +13574,7 @@ var props$G = {
     default: true
   },
   drag: {
-    type: Boolean,
+    type: [Object, Boolean],
     default: false
   },
   type: {
@@ -13744,6 +13749,7 @@ const Fab = vue.defineComponent({
       var _slot;
       var _call;
       var children = flatFragment((_call = call(slots.default)) != null ? _call : []);
+      var dragProps = isBoolean(props2.drag) ? {} : props2.drag;
       return vue.createVNode(Drag, vue.mergeProps({
         "ref": dragRef,
         "class": classes$B(n$J("--position-" + props2.position), [!props2.fixed, n$J("--absolute")]),
@@ -13755,7 +13761,10 @@ const Fab = vue.defineComponent({
         },
         "zIndex": props2.zIndex,
         "teleport": props2.teleport,
-        "disabled": props2.disabled || !props2.drag || !props2.fixed
+        "disabled": props2.disabled || !props2.drag || !props2.fixed,
+        "direction": dragProps.direction,
+        "attraction": dragProps.attraction,
+        "boundary": dragProps.boundary
       }, attrs), {
         default: () => [vue.createVNode("div", {
           "class": classes$B(n$J(), n$J("--direction-" + props2.direction), [props2.safeArea, n$J("--safe-area")]),
@@ -21545,7 +21554,7 @@ var props$c = {
     default: false
   },
   teleport: {
-    type: [String, Object],
+    type: [String, Object, Boolean],
     default: "body"
   },
   forbidClick: {
@@ -21698,8 +21707,8 @@ var {
 function __render__$b(_ctx, _cache) {
   var _component_var_snackbar_core = vue.resolveComponent("var-snackbar-core");
   return vue.openBlock(), vue.createBlock(vue.Teleport, {
-    to: _ctx.teleport,
-    disabled: _ctx.disabled
+    to: _ctx.teleport === false ? void 0 : _ctx.teleport,
+    disabled: _ctx.disabled || _ctx.teleport === false
   }, [vue.createVNode(vue.Transition, {
     name: _ctx.n() + "-fade",
     onAfterEnter: _ctx.onOpened,
@@ -25129,9 +25138,9 @@ const skeleton = "";
 const SkeletonSfc = "";
 const slider = "";
 const SliderSfc = "";
-const SnackbarSfc = "";
 const snackbar = "";
 const coreSfc = "";
+const SnackbarSfc = "";
 const space = "";
 const step = "";
 const StepSfc = "";
@@ -25156,7 +25165,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.13.5-alpha.1690489609808";
+const version = "2.13.5";
 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.13.5-alpha.1690489609808",
+  "version": "2.13.5",
   "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.13.5-alpha.1690489609808",
-    "@varlet/use": "2.13.5-alpha.1690489609808",
-    "@varlet/shared": "2.13.5-alpha.1690489609808"
+    "@varlet/shared": "2.13.5",
+    "@varlet/icons": "2.13.5",
+    "@varlet/use": "2.13.5"
   },
   "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.13.5-alpha.1690489609808",
-    "@varlet/touch-emulator": "2.13.5-alpha.1690489609808"
+    "@varlet/touch-emulator": "2.13.5",
+    "@varlet/cli": "2.13.5"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/actionSheet.d.ts

@@ -14,7 +14,7 @@ export interface ActionSheetProps extends BasicAttributes {
   closeOnClickAction?: boolean
   closeOnClickOverlay?: boolean
   safeArea?: boolean
-  teleport?: TeleportProps['to']
+  teleport?: TeleportProps['to'] | false
   onOpen?: ListenerProp<() => void>
   onOpened?: ListenerProp<() => void>
   onClose?: ListenerProp<() => void>

package/types/avatar.d.ts

@@ -12,6 +12,7 @@ export interface AvatarProps extends BasicAttributes {
   size?: AvatarSize
   color?: string
   src?: string
+  alt?: string
   fit?: AvatarFit
   bordered?: boolean
   borderColor?: string

package/types/dialog.d.ts

@@ -26,7 +26,7 @@ export interface DialogProps extends BasicAttributes {
   dialogStyle?: Record<string, any>
   lockScroll?: boolean
   closeOnClickOverlay?: boolean
-  teleport?: TeleportProps['to']
+  teleport?: TeleportProps['to'] | false
   onOpen?: ListenerProp<() => void>
   onOpened?: ListenerProp<() => void>
   onBeforeClose?: ListenerProp<(action: DialogActions, done: () => void) => void>

package/types/fab.d.ts

@@ -1,5 +1,6 @@
 import { VNode, TeleportProps } from 'vue'
 import { VarComponent, BasicAttributes, ListenerProp, Type } from './varComponent'
+import { DragProps } from './drag'
 
 export type FabPosition = 'left-top' | 'right-top' | 'left-bottom' | 'right-bottom'
 
@@ -9,6 +10,8 @@ export type FabDirection = 'top' | 'right' | 'bottom' | 'left'
 
 export type FabType = Type
 
+export type FabDrag = boolean | Pick<DragProps, 'attraction' | 'boundary' | 'direction'>
+
 export declare const fabProps: Record<string, any>
 
 export interface FabTriggerData {
@@ -18,7 +21,7 @@ export interface FabTriggerData {
 export interface FabProps extends BasicAttributes {
   active?: boolean
   show?: boolean
-  drag?: boolean
+  drag?: FabDrag
   type?: FabType
   fixed?: boolean
   position?: FabPosition

package/types/imagePreview.d.ts

@@ -12,7 +12,7 @@ export interface ImagePreviewProps extends BasicAttributes {
   lockScroll?: boolean
   indicator?: boolean
   closeable?: boolean
-  teleport?: TeleportProps['to']
+  teleport?: TeleportProps['to'] | false
   imagePreventDefault?: boolean
   onOpen?: ListenerProp<() => void>
   onOpened?: ListenerProp<() => void>

package/types/overlay.d.ts

@@ -5,7 +5,7 @@ export declare const overlayProps: Record<string, any>
 
 export interface OverlayProps extends BasicAttributes {
   lockScroll?: boolean
-  teleport?: TeleportProps['to']
+  teleport?: TeleportProps['to'] | false
   onClick?: ListenerProp<() => void>
   'onUpdate:show'?: ListenerProp<(show: boolean) => void>
 }

package/types/snackbar.d.ts

@@ -16,7 +16,7 @@ export interface SnackbarProps extends BasicAttributes {
   loadingSize?: LoadingSize
   loadingColor?: string
   loadingRadius?: string | number
-  teleport?: TeleportProps['to']
+  teleport?: TeleportProps['to'] | false
   lockScroll?: boolean
   contentClass?: string
   duration?: number