@varlet/ui 2.13.4 → 2.13.5-alpha.1690475177454

package/lib/varlet.cjs.js

@@ -13046,12 +13046,17 @@ function usePopover(options) {
     call(options.onClosed);
   };
   var getPosition = () => {
+    var {
+      offsetX,
+      offsetY,
+      placement
+    } = options;
     computeHostSize();
     var offset2 = {
-      x: toPxNum(options.offsetX),
-      y: toPxNum(options.offsetY)
+      x: toPxNum(offsetX),
+      y: toPxNum(offsetY)
     };
-    switch (options.placement) {
+    switch (placement) {
       case "cover-top":
         return {
           placement: "bottom",
@@ -13104,7 +13109,7 @@ function usePopover(options) {
       case "left-start":
       case "left-end":
         return {
-          placement: options.placement,
+          placement,
           skidding: offset2.y,
           distance: -offset2.x
         };
@@ -13112,7 +13117,7 @@ function usePopover(options) {
       case "top-start":
       case "top-end":
         return {
-          placement: options.placement,
+          placement,
           skidding: offset2.x,
           distance: -offset2.y
         };
@@ -13120,7 +13125,7 @@ function usePopover(options) {
       case "bottom-start":
       case "bottom-end":
         return {
-          placement: options.placement,
+          placement,
           skidding: offset2.x,
           distance: offset2.y
         };
@@ -13128,7 +13133,7 @@ function usePopover(options) {
       case "right-start":
       case "right-end":
         return {
-          placement: options.placement,
+          placement,
           skidding: offset2.y,
           distance: offset2.x
         };
@@ -13165,7 +13170,8 @@ function usePopover(options) {
     }];
     return {
       placement,
-      modifiers
+      modifiers,
+      strategy: options.strategy
     };
   };
   var getReference = () => options.reference ? host.value.querySelector(options.reference) : host.value;
@@ -13187,9 +13193,7 @@ function usePopover(options) {
     call(options["onUpdate:show"], false);
   };
   useClickOutside(getReference, "click", handleClickOutside);
-  vue.watch(() => options.offsetX, resize);
-  vue.watch(() => options.offsetY, resize);
-  vue.watch(() => options.placement, resize);
+  vue.watch(() => [options.offsetX, options.offsetY, options.placement, options.strategy], resize);
   vue.watch(() => options.disabled, close);
   vue.onMounted(() => {
     var _getReference;
@@ -13225,6 +13229,9 @@ function placementValidator$1(alignment) {
 function typeValidator$5(type) {
   return ["default", "primary", "info", "success", "warning", "danger"].includes(type);
 }
+function strategyValidator$1(strategy) {
+  return ["absolute", "fixed"].includes(strategy);
+}
 var props$I = {
   type: {
     type: String,
@@ -13258,6 +13265,11 @@ var props$I = {
     default: "bottom",
     validator: placementValidator$1
   },
+  strategy: {
+    type: String,
+    default: "absolute",
+    validator: strategyValidator$1
+  },
   offsetX: {
     type: [Number, String],
     default: 0
@@ -17021,6 +17033,9 @@ function triggerValidator(trigger) {
 function placementValidator(alignment) {
   return ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "right", "right-start", "right-end", "left", "left-start", "left-end", "cover-top", "cover-top-start", "cover-top-end", "cover-bottom", "cover-bottom-start", "cover-bottom-end", "cover-left", "cover-right"].includes(alignment);
 }
+function strategyValidator(strategy) {
+  return ["absolute", "fixed"].includes(strategy);
+}
 var props$s = {
   show: {
     type: Boolean,
@@ -17043,6 +17058,11 @@ var props$s = {
     default: "cover-top-start",
     validator: placementValidator
   },
+  strategy: {
+    type: String,
+    default: "absolute",
+    validator: strategyValidator
+  },
   offsetX: {
     type: [Number, String],
     default: 0
@@ -18567,27 +18587,16 @@ function __render__$s(_ctx, _cache) {
       [vue.createElementVNode(
         "div",
         {
-          class: vue.normalizeClass(_ctx.n("linear-block")),
+          class: vue.normalizeClass(_ctx.classes(_ctx.n("linear-block"), [_ctx.track, _ctx.n("linear-background")])),
           style: vue.normalizeStyle({
-            height: _ctx.toSizeUnit(_ctx.lineWidth)
+            height: _ctx.toSizeUnit(_ctx.lineWidth),
+            background: _ctx.trackColor
           })
         },
-        [_ctx.track ? (vue.openBlock(), vue.createElementBlock(
+        [_ctx.indeterminate ? (vue.openBlock(), vue.createElementBlock(
           "div",
           {
             key: 0,
-            class: vue.normalizeClass(_ctx.n("linear-background")),
-            style: vue.normalizeStyle({
-              background: _ctx.trackColor
-            })
-          },
-          null,
-          6
-          /* CLASS, STYLE */
-        )) : vue.createCommentVNode("v-if", true), _ctx.indeterminate ? (vue.openBlock(), vue.createElementBlock(
-          "div",
-          {
-            key: 1,
             class: vue.normalizeClass(_ctx.classes([_ctx.indeterminate, _ctx.n("linear-indeterminate")]))
           },
           [vue.createElementVNode(
@@ -18618,7 +18627,7 @@ function __render__$s(_ctx, _cache) {
         )) : (vue.openBlock(), vue.createElementBlock(
           "div",
           {
-            key: 2,
+            key: 1,
             class: vue.normalizeClass(_ctx.classes(_ctx.n("linear-certain"), _ctx.n("linear--" + _ctx.type), [_ctx.ripple, _ctx.n("linear-ripple")])),
             style: vue.normalizeStyle({
               background: _ctx.color,
@@ -25137,7 +25146,7 @@ const TimePickerSfc = "";
 const TooltipSfc = "";
 const uploader = "";
 const UploaderSfc = "";
-const version = "2.13.4";
+const version = "2.13.5-alpha.1690475177454";
 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.4",
+  "version": "2.13.5-alpha.1690475177454",
   "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.13.4",
-    "@varlet/use": "2.13.4",
-    "@varlet/icons": "2.13.4"
+    "@varlet/use": "2.13.5-alpha.1690475177454",
+    "@varlet/icons": "2.13.5-alpha.1690475177454",
+    "@varlet/shared": "2.13.5-alpha.1690475177454"
   },
   "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.4",
-    "@varlet/touch-emulator": "2.13.4"
+    "@varlet/cli": "2.13.5-alpha.1690475177454",
+    "@varlet/touch-emulator": "2.13.5-alpha.1690475177454"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/menu.d.ts

@@ -1,6 +1,7 @@
 import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
 import { Placement as PopperPlacement } from '@popperjs/core/lib/enums'
 import { TeleportProps, VNode } from 'vue'
+import { PositioningStrategy } from '@popperjs/core'
 
 export declare const menuProps: Record<string, any>
 
@@ -19,12 +20,15 @@ export type MenuPlacement =
 
 export type MenuTrigger = 'click' | 'hover'
 
+export type MenuStrategy = PositioningStrategy
+
 export interface MenuProps extends BasicAttributes {
   show?: boolean
   disabled?: boolean
   trigger?: MenuTrigger
   reference?: string
   placement?: MenuPlacement
+  strategy?: MenuStrategy
   offsetX?: string | number
   offsetY?: string | number
   teleport?: TeleportProps['to']

package/types/tooltip.d.ts

@@ -1,6 +1,7 @@
 import { VarComponent, BasicAttributes, ListenerProp } from './varComponent'
 import { Placement as PopperPlacement } from '@popperjs/core/lib/enums'
 import { TeleportProps, VNode } from 'vue'
+import { PositioningStrategy } from '@popperjs/core'
 
 export declare const tooltipProps: Record<string, any>
 
@@ -12,6 +13,8 @@ export type TooltipTrigger = 'click' | 'hover'
 
 export type TooltipType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger'
 
+export type TooltipStrategy = PositioningStrategy
+
 export interface TooltipProps extends BasicAttributes {
   show?: boolean
   disabled?: boolean
@@ -21,6 +24,7 @@ export interface TooltipProps extends BasicAttributes {
   trigger?: TooltipTrigger
   reference?: string
   placement?: TooltipPlacement
+  strategy?: TooltipStrategy
   offsetX?: string | number
   offsetY?: string | number
   teleport?: TeleportProps['to']