@nutui/nutui 4.0.0 → 4.0.1-2.beta-1

package/dist/packages/_es/Swipe.js

@@ -1,10 +1,21 @@
-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";
+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";
 import "../locale/lang";
-const { componentName, create } = createComponent("swipe");
-const _sfc_main = create({
+const { componentName: F, create: G } = q("swipe"), I = G({
   props: {
     name: {
       type: String,
@@ -12,174 +23,110 @@ const _sfc_main = create({
     },
     touchMoveStopPropagation: {
       type: Boolean,
-      default: false
+      default: !1
     },
     touchMovePreventDefault: {
       type: Boolean,
-      default: false
+      default: !1
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     }
   },
   emits: ["open", "close"],
-  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({
+  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({
       offset: 0,
-      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
+      moving: !1
+    }), m = (o = "") => {
+      u = !0, o && (n.offset = o === "left" ? -i.value : r.value), t("open", {
+        name: e.name,
+        position: l || o
       });
-    };
-    const close = () => {
-      state.offset = 0;
-      opened = false;
-      emit("close", {
-        name: props.name,
-        position
+    }, g = () => {
+      n.offset = 0, u = !1, t("close", {
+        name: e.name,
+        position: 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) {
+    }, E = h(() => ({
+      transform: `translate3d(${n.offset}px, 0, 0)`
+    })), R = (o) => {
+      l = o > 0 ? "right" : "left";
+      let f = o;
+      switch (l) {
         case "left":
-          if (opened && oldPosition === position) {
-            offset = -rightRefWidth.value;
-          } else {
-            offset = Math.abs(deltaX) > rightRefWidth.value ? -rightRefWidth.value : deltaX;
-          }
+          u && p === l ? f = -i.value : f = Math.abs(o) > i.value ? -i.value : o;
           break;
         case "right":
-          if (opened && oldPosition === position) {
-            offset = leftRefWidth.value;
-          } else {
-            offset = Math.abs(deltaX) > leftRefWidth.value ? leftRefWidth.value : deltaX;
-          }
+          u && p === l ? f = r.value : f = Math.abs(o) > r.value ? r.value : o;
           break;
       }
-      state.offset = offset;
-    };
-    const touch = useTouch();
-    const touchMethods = {
-      onTouchStart(event) {
-        if (props.disabled)
-          return;
-        touch.start(event);
+      n.offset = f;
+    }, c = z();
+    return y(S({
+      classes: s,
+      touchStyle: E
+    }, {
+      onTouchStart(o) {
+        e.disabled || c.start(o);
       },
-      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();
-          }
-        }
+      onTouchMove(o) {
+        e.disabled || (c.move(o), c.isHorizontal() && (n.moving = !0, R(c.deltaX.value), e.touchMovePreventDefault && o.preventDefault(), e.touchMoveStopPropagation && o.stopPropagation()));
       },
       onTouchEnd() {
-        if (state.moving) {
-          state.moving = false;
-          oldPosition = position;
-          switch (position) {
+        if (n.moving)
+          switch (n.moving = !1, p = l, l) {
             case "left":
-              if (Math.abs(state.offset) <= rightRefWidth.value / 2) {
-                close();
-              } else {
-                state.offset = -rightRefWidth.value;
-                open();
-              }
+              Math.abs(n.offset) <= i.value / 2 ? g() : (n.offset = -i.value, m());
               break;
             case "right":
-              if (Math.abs(state.offset) <= leftRefWidth.value / 2) {
-                close();
-              } else {
-                state.offset = leftRefWidth.value;
-                open();
-              }
+              Math.abs(n.offset) <= r.value / 2 ? g() : (n.offset = r.value, m());
               break;
           }
-        }
       }
-    };
-    return {
-      classes,
-      touchStyle,
-      ...touchMethods,
-      leftRef,
-      rightRef,
-      open,
-      close
-    };
+    }), {
+      leftRef: d,
+      rightRef: a,
+      open: m,
+      close: g
+    });
   }
-});
-const _hoisted_1 = {
+}), J = {
   class: "nut-swipe__left",
   ref: "leftRef"
-};
-const _hoisted_2 = { class: "nut-swipe__content" };
-const _hoisted_3 = {
+}, K = { class: "nut-swipe__content" }, L = {
   class: "nut-swipe__right",
   ref: "rightRef"
 };
-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))
+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))
   }, [
-    createElementVNode("view", _hoisted_1, [
-      renderSlot(_ctx.$slots, "left")
+    T("view", J, [
+      M(e.$slots, "left")
     ], 512),
-    createElementVNode("view", _hoisted_2, [
-      renderSlot(_ctx.$slots, "default")
+    T("view", K, [
+      M(e.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_3, [
-      renderSlot(_ctx.$slots, "right")
+    T("view", L, [
+      M(e.$slots, "right")
     ], 512)
   ], 38);
 }
-const Swipe = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const ee = /* @__PURE__ */ A(I, [["render", O]]);
 export {
-  Swipe as default
+  ee as default
 };