@varlet/ui 3.3.11 → 3.3.12

package/lib/varlet.cjs.js

@@ -13675,7 +13675,27 @@ function usePopover(options) {
   let popoverInstance = null;
   let enterPopover = false;
   let enterHost = false;
-  const computeHostSize = () => {
+  useEventListener(() => window, "keydown", handleKeydown);
+  useClickOutside(getReference, "click", handleClickOutside);
+  onWindowResize(resize);
+  vue.watch(() => [options.offsetX, options.offsetY, options.placement, options.strategy], resize);
+  vue.watch(() => options.disabled, close);
+  vue.watch(
+    () => show.value,
+    (newValue) => {
+      if (newValue) {
+        resize();
+      }
+    }
+  );
+  vue.onMounted(() => {
+    var _a;
+    popoverInstance = createPopper((_a = getReference()) != null ? _a : host.value, popover.value, getPopperOptions());
+  });
+  vue.onUnmounted(() => {
+    popoverInstance.destroy();
+  });
+  function computeHostSize() {
     if (!host.value) {
       return;
     }
@@ -13684,8 +13704,8 @@ function usePopover(options) {
       width: toPxNum(width),
       height: toPxNum(height)
     };
-  };
-  const getTransformOrigin = () => {
+  }
+  function getTransformOrigin() {
     switch (options.placement) {
       case "top":
       case "cover-bottom":
@@ -13716,64 +13736,71 @@ function usePopover(options) {
       case "cover-left":
         return "left";
     }
-  };
-  const handleHostMouseenter = () => {
+  }
+  function handleHostMouseenter() {
     if (options.trigger !== "hover") {
       return;
     }
     enterHost = true;
     open();
-  };
-  const handleHostMouseleave = () => __async$a(this, null, function* () {
-    if (options.trigger !== "hover") {
-      return;
-    }
-    enterHost = false;
-    yield doubleRaf();
-    if (enterPopover) {
-      return;
-    }
-    close();
-  });
-  const handlePopoverMouseenter = () => {
+  }
+  function handleHostMouseleave() {
+    return __async$a(this, null, function* () {
+      if (options.trigger !== "hover") {
+        return;
+      }
+      enterHost = false;
+      yield doubleRaf();
+      if (enterPopover) {
+        return;
+      }
+      close();
+    });
+  }
+  function handlePopoverMouseenter() {
     if (options.trigger !== "hover") {
       return;
     }
     enterPopover = true;
-  };
-  const handlePopoverMouseleave = () => __async$a(this, null, function* () {
-    if (options.trigger !== "hover") {
-      return;
-    }
-    enterPopover = false;
-    yield doubleRaf();
-    if (enterHost) {
+  }
+  function handlePopoverMouseleave() {
+    return __async$a(this, null, function* () {
+      if (options.trigger !== "hover") {
+        return;
+      }
+      enterPopover = false;
+      yield doubleRaf();
+      if (enterHost) {
+        return;
+      }
+      close();
+    });
+  }
+  function handleHostClick() {
+    if (options.trigger !== "click") {
       return;
     }
-    close();
-  });
-  const handleHostClick = () => {
     if (options.closeOnClickReference && show.value) {
       close();
-    } else {
-      open();
+      return;
     }
-  };
-  const handlePopoverClose = () => {
+    open();
+  }
+  function handlePopoverClose() {
     close();
-  };
-  const handleClickOutside = (e) => {
+  }
+  function handleClickOutside(e) {
     if (options.trigger !== "click") {
       return;
     }
     handlePopoverClose();
     call(options.onClickOutside, e);
-  };
-  const handleClosed = () => {
+  }
+  function handleClosed() {
     resize();
     call(options.onClosed);
-  };
-  const getPosition = () => {
+  }
+  function getPosition() {
     const { offsetX, offsetY, placement } = options;
     computeHostSize();
     const offset2 = {
@@ -13862,8 +13889,8 @@ function usePopover(options) {
           distance: offset2.x
         };
     }
-  };
-  const getPopperOptions = () => {
+  }
+  function getPopperOptions() {
     const { placement, skidding, distance } = getPosition();
     const modifiers = [
       __spreadProps$4(__spreadValues$e({}, flip$1), {
@@ -13895,49 +13922,31 @@ function usePopover(options) {
       modifiers,
       strategy: options.strategy
     };
-  };
-  const getReference = () => options.reference ? host.value.querySelector(options.reference) : host.value;
-  const handleKeydown = (event) => {
+  }
+  function getReference() {
+    return options.reference ? host.value.querySelector(options.reference) : host.value;
+  }
+  function handleKeydown(event) {
     const { closeOnKeyEscape = false } = options;
     if (event.key === "Escape" && closeOnKeyEscape && show.value) {
       preventDefault(event);
       close();
     }
-  };
-  const resize = () => {
+  }
+  function resize() {
     popoverInstance.setOptions(getPopperOptions());
-  };
-  const open = () => {
+  }
+  function open() {
     if (options.disabled) {
       return;
     }
     show.value = true;
     call(options["onUpdate:show"], true);
-  };
-  const close = () => {
+  }
+  function close() {
     show.value = false;
     call(options["onUpdate:show"], false);
-  };
-  useEventListener(() => window, "keydown", handleKeydown);
-  useClickOutside(getReference, "click", handleClickOutside);
-  onWindowResize(resize);
-  vue.watch(() => [options.offsetX, options.offsetY, options.placement, options.strategy], resize);
-  vue.watch(() => options.disabled, close);
-  vue.watch(
-    () => show.value,
-    (newValue) => {
-      if (newValue) {
-        resize();
-      }
-    }
-  );
-  vue.onMounted(() => {
-    var _a;
-    popoverInstance = createPopper((_a = getReference()) != null ? _a : host.value, popover.value, getPopperOptions());
-  });
-  vue.onUnmounted(() => {
-    popoverInstance.destroy();
-  });
+  }
   return {
     show,
     popover,
@@ -29119,7 +29128,7 @@ withInstall(stdin_default$1);
 withPropsDefaultsSetter(stdin_default$1, props);
 const _WatermarkComponent = stdin_default$1;
 var stdin_default = stdin_default$1;
-const version = "3.3.11";
+const version = "3.3.12";
 function install(app) {
   stdin_default$5G.install && app.use(stdin_default$5G);
   stdin_default$5E.install && app.use(stdin_default$5E);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/ui",
-  "version": "3.3.11",
+  "version": "3.3.12",
   "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/icons": "3.3.11",
-    "@varlet/shared": "3.3.11",
-    "@varlet/use": "3.3.11"
+    "@varlet/shared": "3.3.12",
+    "@varlet/icons": "3.3.12",
+    "@varlet/use": "3.3.12"
   },
   "devDependencies": {
     "@vue/runtime-core": "3.4.21",
@@ -64,9 +64,9 @@
     "typescript": "^5.1.5",
     "vue": "3.4.21",
     "vue-router": "4.2.0",
-    "@varlet/ui": "3.3.11",
-    "@varlet/cli": "3.3.11",
-    "@varlet/touch-emulator": "3.3.11"
+    "@varlet/ui": "3.3.12",
+    "@varlet/cli": "3.3.12",
+    "@varlet/touch-emulator": "3.3.12"
   },
   "scripts": {
     "dev": "varlet-cli dev",

package/types/menu.d.ts

@@ -18,7 +18,7 @@ export type MenuPlacement =
   | 'cover-left'
   | 'cover-right'
 
-export type MenuTrigger = 'click' | 'hover'
+export type MenuTrigger = 'click' | 'hover' | 'manual'
 
 export type MenuStrategy = PositioningStrategy
 

package/types/menuSelect.d.ts

@@ -18,7 +18,7 @@ export type MenuSelectPlacement =
   | 'cover-left'
   | 'cover-right'
 
-export type MenuSelectTrigger = 'click' | 'hover'
+export type MenuSelectTrigger = 'click' | 'hover' | 'manual'
 
 export type MenuSelectStrategy = PositioningStrategy
 

package/types/tooltip.d.ts

@@ -9,7 +9,7 @@ type TooltipNeededPopperPlacement = Exclude<PopperPlacement, 'auto' | 'auto-star
 
 export type TooltipPlacement = TooltipNeededPopperPlacement
 
-export type TooltipTrigger = 'click' | 'hover'
+export type TooltipTrigger = 'click' | 'hover' | 'manual'
 
 export type TooltipType = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger'