@varlet/ui 2.14.1 → 2.14.2

package/es/drag/Drag.mjs

@@ -3,7 +3,7 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
 import { defineComponent, ref, reactive, watch } from 'vue';
 import { props } from './props.mjs';
-import { createNamespace, useTeleport } from '../utils/components.mjs';
+import { createNamespace, useTeleport, call } from '../utils/components.mjs';
 import { getRect, toPxNum } from '../utils/elements.mjs';
 import { onSmartMounted, onWindowResize } from '@varlet/use';
 import { clamp } from '@varlet/shared';
@@ -33,6 +33,9 @@ function __render__(_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()), [_renderSlot(_ctx.$slots, "default")], 16 /* FULL_PROPS */)], 8 /* PROPS */, ["to", "disabled"]);
 }
@@ -118,6 +121,12 @@ var __sfc__ = defineComponent({
         dragging.value = false;
       });
     };
+    var handleClick = event => {
+      if (dragging.value) {
+        return;
+      }
+      call(props.onClick, event);
+    };
     var saveXY = () => {
       var {
         left,
@@ -275,6 +284,7 @@ var __sfc__ = defineComponent({
       handleTouchstart,
       handleTouchmove,
       handleTouchend,
+      handleClick,
       resize,
       reset
     };

package/es/drag/props.mjs

@@ -1,3 +1,4 @@
+import { defineListenerProp } from '../utils/components.mjs';
 export var props = {
   direction: {
     type: String,
@@ -26,5 +27,6 @@ export var props = {
   teleport: {
     type: [String, Object, Boolean],
     default: 'body'
-  }
+  },
+  onClick: defineListenerProp()
 };

package/es/fab/Fab.mjs

@@ -36,7 +36,6 @@ export default defineComponent({
     var host = ref(null);
     var dragRef = ref(null);
     var handleClick = (e, value, childrenLength) => {
-      var _dragRef$value;
       e.stopPropagation();
       if (props.trigger !== 'click' || props.disabled) {
         return;
@@ -45,11 +44,6 @@ export default defineComponent({
         call(props.onClick, isActive.value, e);
         return;
       }
-
-      // avoid trigger open function after dragging
-      if ((_dragRef$value = dragRef.value) != null && _dragRef$value.dragging) {
-        return;
-      }
       isActive.value = value;
       call(props.onClick, isActive.value, e);
       call(isActive.value ? props.onOpen : props.onClose);
@@ -102,8 +96,8 @@ export default defineComponent({
       isActive.value = false;
     });
     watch(() => [props.position, props.fixed, props.top, props.bottom, props.left, props.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 () => {
@@ -125,12 +119,12 @@ export default defineComponent({
         "disabled": props.disabled || !props.drag || !props.fixed,
         "direction": dragProps.direction,
         "attraction": dragProps.attraction,
-        "boundary": dragProps.boundary
+        "boundary": dragProps.boundary,
+        "onClick": e => handleClick(e, !isActive.value, children.length)
       }, attrs), {
         default: () => [_createVNode("div", {
           "class": classes(n(), n("--direction-" + props.direction), [props.safeArea, n('--safe-area')]),
           "ref": host,
-          "onClick": e => handleClick(e, !isActive.value, children.length),
           "onMouseleave": () => handleMouse(false, children.length),
           "onMouseenter": () => handleMouse(true, children.length)
         }, [_createVNode(Transition, {

package/es/image-preview/ImagePreview.mjs

@@ -165,9 +165,9 @@ var __sfc__ = 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
     });

package/es/index.bundle.mjs

@@ -247,7 +247,7 @@ import './tooltip/style/index.mjs'
 import './uploader/style/index.mjs'
 import './watermark/style/index.mjs'
 
-const version = '2.14.1'
+const version = '2.14.2'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)

package/es/index.mjs

@@ -164,7 +164,7 @@ export * from './tooltip/index.mjs'
 export * from './uploader/index.mjs'
 export * from './watermark/index.mjs'
 
-const version = '2.14.1'
+const version = '2.14.2'
 
 function install(app) {
   ActionSheet.install && app.use(ActionSheet)