@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Swipe.js

@@ -1,21 +1,29 @@
-var k = Object.defineProperty, P = Object.defineProperties;
-var B = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var C = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var w = (e, t, s) => t in e ? k(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, S = (e, t) => {
-  for (var s in t || (t = {}))
-    C.call(t, s) && w(e, s, t[s]);
-  if (b)
-    for (var s of b(t))
-      W.call(t, s) && w(e, s, t[s]);
-  return e;
-}, y = (e, t) => P(e, B(t));
-import { u as z } from "./index-53ec2d4d.js";
-import { computed as h, ref as $, reactive as D, openBlock as N, createElementBlock as H, normalizeClass as V, normalizeStyle as j, createElementVNode as T, renderSlot as M } from "vue";
-import { c as q } from "./component-234624bc.js";
-import { _ as A } from "./_plugin-vue_export-helper-dad06003.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { u as useTouch } from "./index-7a7385e4.js";
+import { computed, ref, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-const { componentName: F, create: G } = q("swipe"), I = G({
+const { componentName, create } = createComponent("swipe");
+const _sfc_main = create({
   props: {
     name: {
       type: String,
@@ -23,110 +31,174 @@ const { componentName: F, create: G } = q("swipe"), I = G({
     },
     touchMoveStopPropagation: {
       type: Boolean,
-      default: !1
+      default: false
     },
     touchMovePreventDefault: {
       type: Boolean,
-      default: !1
+      default: false
     },
     disabled: {
       type: Boolean,
-      default: !1
+      default: false
     }
   },
   emits: ["open", "close"],
-  setup(e, { emit: t }) {
-    const s = h(() => ({
-      [F]: !0
-    })), v = (o) => {
-      var f;
-      return ((f = o.value) == null ? void 0 : f.clientWidth) || 0;
-    }, d = $(), r = h(() => v(d)), a = $(), i = h(() => v(a));
-    let u = !1, l = "", p = "";
-    const n = D({
+  setup(props, { emit }) {
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const getRefWidth = (ref2) => {
+      var _a;
+      return ((_a = ref2.value) == null ? void 0 : _a.clientWidth) || 0;
+    };
+    const leftRef = ref(), leftRefWidth = computed(() => {
+      return getRefWidth(leftRef);
+    });
+    const rightRef = ref(), rightRefWidth = computed(() => {
+      return getRefWidth(rightRef);
+    });
+    let opened = false;
+    let position = "";
+    let oldPosition = "";
+    const state = reactive({
       offset: 0,
-      moving: !1
-    }), m = (o = "") => {
-      u = !0, o && (n.offset = o === "left" ? -i.value : r.value), t("open", {
-        name: e.name,
-        position: l || o
+      moving: false
+    });
+    const open = (p = "") => {
+      opened = true;
+      if (p) {
+        state.offset = p === "left" ? -rightRefWidth.value : leftRefWidth.value;
+      }
+      emit("open", {
+        name: props.name,
+        position: position || p
       });
-    }, g = () => {
-      n.offset = 0, u = !1, t("close", {
-        name: e.name,
-        position: l
+    };
+    const close = () => {
+      state.offset = 0;
+      opened = false;
+      emit("close", {
+        name: props.name,
+        position
       });
-    }, E = h(() => ({
-      transform: `translate3d(${n.offset}px, 0, 0)`
-    })), R = (o) => {
-      l = o > 0 ? "right" : "left";
-      let f = o;
-      switch (l) {
+    };
+    const touchStyle = computed(() => {
+      return {
+        transform: `translate3d(${state.offset}px, 0, 0)`
+      };
+    });
+    const setoffset = (deltaX) => {
+      position = deltaX > 0 ? "right" : "left";
+      let offset = deltaX;
+      switch (position) {
         case "left":
-          u && p === l ? f = -i.value : f = Math.abs(o) > i.value ? -i.value : o;
+          if (opened && oldPosition === position) {
+            offset = -rightRefWidth.value;
+          } else {
+            offset = Math.abs(deltaX) > rightRefWidth.value ? -rightRefWidth.value : deltaX;
+          }
           break;
         case "right":
-          u && p === l ? f = r.value : f = Math.abs(o) > r.value ? r.value : o;
+          if (opened && oldPosition === position) {
+            offset = leftRefWidth.value;
+          } else {
+            offset = Math.abs(deltaX) > leftRefWidth.value ? leftRefWidth.value : deltaX;
+          }
           break;
       }
-      n.offset = f;
-    }, c = z();
-    return y(S({
-      classes: s,
-      touchStyle: E
-    }, {
-      onTouchStart(o) {
-        e.disabled || c.start(o);
+      state.offset = offset;
+    };
+    const touch = useTouch();
+    const touchMethods = {
+      onTouchStart(event) {
+        if (props.disabled)
+          return;
+        touch.start(event);
       },
-      onTouchMove(o) {
-        e.disabled || (c.move(o), c.isHorizontal() && (n.moving = !0, R(c.deltaX.value), e.touchMovePreventDefault && o.preventDefault(), e.touchMoveStopPropagation && o.stopPropagation()));
+      onTouchMove(event) {
+        if (props.disabled)
+          return;
+        touch.move(event);
+        if (touch.isHorizontal()) {
+          state.moving = true;
+          setoffset(touch.deltaX.value);
+          if (props.touchMovePreventDefault) {
+            event.preventDefault();
+          }
+          if (props.touchMoveStopPropagation) {
+            event.stopPropagation();
+          }
+        }
       },
       onTouchEnd() {
-        if (n.moving)
-          switch (n.moving = !1, p = l, l) {
+        if (state.moving) {
+          state.moving = false;
+          oldPosition = position;
+          switch (position) {
             case "left":
-              Math.abs(n.offset) <= i.value / 2 ? g() : (n.offset = -i.value, m());
+              if (Math.abs(state.offset) <= rightRefWidth.value / 2) {
+                close();
+              } else {
+                state.offset = -rightRefWidth.value;
+                open();
+              }
               break;
             case "right":
-              Math.abs(n.offset) <= r.value / 2 ? g() : (n.offset = r.value, m());
+              if (Math.abs(state.offset) <= leftRefWidth.value / 2) {
+                close();
+              } else {
+                state.offset = leftRefWidth.value;
+                open();
+              }
               break;
           }
+        }
       }
-    }), {
-      leftRef: d,
-      rightRef: a,
-      open: m,
-      close: g
+    };
+    return __spreadProps(__spreadValues({
+      classes,
+      touchStyle
+    }, touchMethods), {
+      leftRef,
+      rightRef,
+      open,
+      close
     });
   }
-}), J = {
+});
+const _hoisted_1 = {
   class: "nut-swipe__left",
   ref: "leftRef"
-}, K = { class: "nut-swipe__content" }, L = {
+};
+const _hoisted_2 = { class: "nut-swipe__content" };
+const _hoisted_3 = {
   class: "nut-swipe__right",
   ref: "rightRef"
 };
-function O(e, t, s, v, d, r) {
-  return N(), H("view", {
-    class: V(e.classes),
-    style: j(e.touchStyle),
-    onTouchstart: t[0] || (t[0] = (...a) => e.onTouchStart && e.onTouchStart(...a)),
-    onTouchmove: t[1] || (t[1] = (...a) => e.onTouchMove && e.onTouchMove(...a)),
-    onTouchend: t[2] || (t[2] = (...a) => e.onTouchEnd && e.onTouchEnd(...a)),
-    onTouchcancel: t[3] || (t[3] = (...a) => e.onTouchEnd && e.onTouchEnd(...a))
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.touchStyle),
+    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
+    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
+    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
+    onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
-    T("view", J, [
-      M(e.$slots, "left")
+    createElementVNode("view", _hoisted_1, [
+      renderSlot(_ctx.$slots, "left")
     ], 512),
-    T("view", K, [
-      M(e.$slots, "default")
+    createElementVNode("view", _hoisted_2, [
+      renderSlot(_ctx.$slots, "default")
     ]),
-    T("view", L, [
-      M(e.$slots, "right")
+    createElementVNode("view", _hoisted_3, [
+      renderSlot(_ctx.$slots, "right")
     ], 512)
   ], 38);
 }
-const ee = /* @__PURE__ */ A(I, [["render", O]]);
+const Swipe = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  ee as default
+  Swipe as default
 };