@varlet/ui 2.14.1 → 2.14.2

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.14.1",
+  "version": "2.14.2",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -2470,7 +2470,12 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "click",
+              "description": "Triggered when click drag component"
+            }
+          ],
           "slots": [
             {
               "name": "default",

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.14.1",
+  "version": "2.14.2",
   "name": "VARLET",
   "contributions": {
     "html": {
@@ -2629,7 +2629,12 @@
               }
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "click",
+              "description": "点击组件时触发"
+            }
+          ],
           "slots": [
             {
               "name": "default",

package/lib/varlet.cjs.js

@@ -11285,7 +11285,8 @@ var props$K = {
   teleport: {
     type: [String, Object, Boolean],
     default: "body"
-  }
+  },
+  onClick: defineListenerProp()
 };
 function _extends$b() {
   _extends$b = Object.assign ? Object.assign.bind() : function(target) {
@@ -11357,6 +11358,9 @@ function __render__$N(_ctx, _cache) {
       }),
       onTouchcancel: _cache[3] || (_cache[3] = function() {
         return _ctx.handleTouchend && _ctx.handleTouchend(...arguments);
+      }),
+      onClick: _cache[4] || (_cache[4] = function() {
+        return _ctx.handleClick && _ctx.handleClick(...arguments);
       })
     }, _ctx.getAttrs()),
     [vue.renderSlot(_ctx.$slots, "default")],
@@ -11446,6 +11450,12 @@ var __sfc__$O = vue.defineComponent({
         dragging.value = false;
       });
     };
+    var handleClick = (event) => {
+      if (dragging.value) {
+        return;
+      }
+      call(props2.onClick, event);
+    };
     var saveXY = () => {
       var {
         left: left2,
@@ -11599,6 +11609,7 @@ var __sfc__$O = vue.defineComponent({
       handleTouchstart,
       handleTouchmove,
       handleTouchend,
+      handleClick,
       resize,
       reset
     };
@@ -13677,7 +13688,6 @@ const Fab = vue.defineComponent({
     var host = vue.ref(null);
     var dragRef = vue.ref(null);
     var handleClick = (e, value, childrenLength) => {
-      var _dragRef$value;
       e.stopPropagation();
       if (props2.trigger !== "click" || props2.disabled) {
         return;
@@ -13686,9 +13696,6 @@ const Fab = vue.defineComponent({
         call(props2.onClick, isActive.value, e);
         return;
       }
-      if ((_dragRef$value = dragRef.value) != null && _dragRef$value.dragging) {
-        return;
-      }
       isActive.value = value;
       call(props2.onClick, isActive.value, e);
       call(isActive.value ? props2.onOpen : props2.onClose);
@@ -13741,8 +13748,8 @@ const Fab = vue.defineComponent({
       isActive.value = false;
     });
     vue.watch(() => [props2.position, props2.fixed, props2.top, props2.bottom, props2.left, props2.right], () => {
-      var _dragRef$value2;
-      (_dragRef$value2 = dragRef.value) == null ? void 0 : _dragRef$value2.reset();
+      var _dragRef$value;
+      (_dragRef$value = dragRef.value) == null ? void 0 : _dragRef$value.reset();
     });
     useClickOutside(host, "click", handleClickOutside);
     return () => {
@@ -13764,12 +13771,12 @@ const Fab = vue.defineComponent({
         "disabled": props2.disabled || !props2.drag || !props2.fixed,
         "direction": dragProps.direction,
         "attraction": dragProps.attraction,
-        "boundary": dragProps.boundary
+        "boundary": dragProps.boundary,
+        "onClick": (e) => handleClick(e, !isActive.value, children.length)
       }, attrs), {
         default: () => [vue.createVNode("div", {
           "class": classes$C(n$K(), n$K("--direction-" + props2.direction), [props2.safeArea, n$K("--safe-area")]),
           "ref": host,
-          "onClick": (e) => handleClick(e, !isActive.value, children.length),
           "onMouseleave": () => handleMouse(false, children.length),
           "onMouseenter": () => handleMouse(true, children.length)
         }, [vue.createVNode(vue.Transition, {
@@ -14870,9 +14877,9 @@ var __sfc__$H = vue.defineComponent({
       } = target;
       return Math.abs(Math.sqrt(Math.pow(targetX - touchX, 2) + Math.pow(targetY - touchY, 2)));
     };
-    var createVarTouch = (touches, target) => ({
-      clientX: touches.clientX,
-      clientY: touches.clientY,
+    var createVarTouch = (touch, target) => ({
+      clientX: touch.clientX,
+      clientY: touch.clientY,
       timestamp: performance.now(),
       target
     });
@@ -25453,7 +25460,7 @@ const uploader = "";
 const UploaderSfc = "";
 const watermark = "";
 const WatermarkSfc = "";
-const version = "2.14.1";
+const version = "2.14.2";
 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.14.1",
+  "version": "2.14.2",
   "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.14.1",
-    "@varlet/use": "2.14.1",
-    "@varlet/shared": "2.14.1"
+    "@varlet/use": "2.14.2",
+    "@varlet/icons": "2.14.2",
+    "@varlet/shared": "2.14.2"
   },
   "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.14.1",
-    "@varlet/touch-emulator": "2.14.1"
+    "@varlet/cli": "2.14.2",
+    "@varlet/touch-emulator": "2.14.2"
   },
   "browserslist": [
     "Chrome >= 54",

package/types/drag.d.ts

@@ -21,6 +21,7 @@ export interface DragProps extends BasicAttributes {
   boundary?: DragBoundary
   zIndex?: string | number
   teleport?: TeleportProps['to'] | false
+  onClick?: ListenerProp<(event: Event) => void>
 }
 
 export class Drag extends VarComponent {