@varlet/ui 2.18.0-alpha.1697559303154 → 2.18.0

package/lib/varlet.cjs.js

@@ -2460,6 +2460,7 @@ const props$1b = {
   loading: String,
   error: String,
   lazy: Boolean,
+  hoverable: Boolean,
   onClick: defineListenerProp(),
   onLoad: defineListenerProp(),
   onError: defineListenerProp()
@@ -2480,7 +2481,8 @@ function __render__$1i(_ctx, _cache) {
           _ctx.n("$--box"),
           [_ctx.isInternalSize(_ctx.size), _ctx.n(`--${_ctx.size}`)],
           [_ctx.round, _ctx.n("--round")],
-          [_ctx.bordered, _ctx.n("--bordered")]
+          [_ctx.bordered, _ctx.n("--bordered")],
+          [_ctx.hoverable, _ctx.n("--hoverable")]
         )
       ),
       style: vue.normalizeStyle({
@@ -13557,11 +13559,13 @@ function __render__$M(_ctx, _cache) {
     vue.createElementVNode(
       "div",
       {
-        class: vue.normalizeClass(_ctx.classes(_ctx.n(), [_ctx.safeArea, _ctx.n("--safe-area")], _ctx.formatElevation(_ctx.elevation, 2))),
+        class: vue.normalizeClass(_ctx.classes(_ctx.n(), [_ctx.safeArea, _ctx.n("--safe-area")], _ctx.formatElevation(_ctx.elevation, 3))),
         style: vue.normalizeStyle({
           height: `${_ctx.toSizeUnit(_ctx.maxAnchor)}`,
           transform: `translateY(calc(100% - ${_ctx.toSizeUnit(_ctx.visibleHeight)}))`,
-          transition: _ctx.touching ? "none" : `transform ${_ctx.toNumber(_ctx.duration)}ms var(--floating-panel-transition-timing-function)`
+          transition: _ctx.touching ? "none" : `transform ${_ctx.toNumber(
+            _ctx.duration
+          )}ms var(--floating-panel-transition-timing-function), background-color 0.25s`
         }),
         onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.handleTouchstart && _ctx.handleTouchstart(...args)),
         onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.handleTouchmove && _ctx.handleTouchmove(...args)),
@@ -24636,7 +24640,7 @@ const uploader = "";
 const UploaderSfc = "";
 const watermark = "";
 const WatermarkSfc = "";
-const version = "2.18.0-alpha.1697559303154";
+const version = "2.18.0";
 function install(app) {
   stdin_default$3k.install && app.use(stdin_default$3k);
   stdin_default$3i.install && app.use(stdin_default$3i);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "2.18.0-alpha.1697559303154",
+  "version": "2.18.0",
   "description": "A material like components library",
   "main": "lib/varlet.cjs.js",
   "module": "es/index.mjs",
@@ -48,9 +48,9 @@
     "@popperjs/core": "^2.11.6",
     "dayjs": "^1.10.4",
     "decimal.js": "^10.2.1",
-    "@varlet/shared": "2.18.0-alpha.1697559303154",
-    "@varlet/icons": "2.18.0-alpha.1697559303154",
-    "@varlet/use": "2.18.0-alpha.1697559303154"
+    "@varlet/use": "2.18.0",
+    "@varlet/icons": "2.18.0",
+    "@varlet/shared": "2.18.0"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.3.4",
@@ -66,9 +66,9 @@
     "typescript": "^5.1.5",
     "vue": "3.3.4",
     "vue-router": "4.2.0",
-    "@varlet/ui": "2.18.0-alpha.1697559303154",
-    "@varlet/cli": "2.18.0-alpha.1697559303154",
-    "@varlet/touch-emulator": "2.18.0-alpha.1697559303154"
+    "@varlet/cli": "2.18.0",
+    "@varlet/ui": "2.18.0",
+    "@varlet/touch-emulator": "2.18.0"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/avatar.d.ts

@@ -19,6 +19,7 @@ export interface AvatarProps extends BasicAttributes {
   loading?: string
   error?: string
   lazy?: boolean
+  hoverable?: boolean
   onClick?: ListenerProp<(e: Event) => void>
   onLoad?: ListenerProp<(e: Event) => void>
   onError?: ListenerProp<(e: Event) => void>

package/types/floatingPanel.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from 'vue'
+import { VNode, TeleportProps } from 'vue'
 import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
 
 export interface FloatingPanelProps extends BasicAttributes {

package/types/menu.d.ts

@@ -5,10 +5,10 @@ import { PositioningStrategy } from '@popperjs/core'
 
 export declare const menuProps: Record<string, any>
 
-type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
+type MenuNeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
 
 export type MenuPlacement =
-  | NeededPopperPlacement
+  | MenuNeededPopperPlacement
   | 'cover-top'
   | 'cover-top-start'
   | 'cover-top-end'

package/types/menuSelect.d.ts

@@ -5,10 +5,10 @@ import { PositioningStrategy } from '@popperjs/core'
 
 export declare const menuSelectProps: Record<string, any>
 
-type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
+type MenuSelectNeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
 
 export type MenuSelectPlacement =
-  | NeededPopperPlacement
+  | MenuSelectNeededPopperPlacement
   | 'cover-top'
   | 'cover-top-start'
   | 'cover-top-end'

package/types/tooltip.d.ts

@@ -5,9 +5,9 @@ import { PositioningStrategy } from '@popperjs/core'
 
 export declare const tooltipProps: Record<string, any>
 
-type NeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
+type TooltipNeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-start' | 'auto-end'>
 
-export type TooltipPlacement = NeededPopperPlacement
+export type TooltipPlacement = TooltipNeededPopperPlacement
 
 export type TooltipTrigger = 'click' | 'hover'