@nutui/nutui 3.1.22-beta.0 → 3.1.22

package/dist/packages/_es/Progress.js

@@ -1,151 +1,19 @@
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { useSlots, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createBlock } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { useSlots as e, ref as t, computed as r, onMounted as s, resolveComponent as o, openBlock as n, createElementBlock as a, createElementVNode as i, normalizeClass as l, normalizeStyle as u, toDisplayString as p, createCommentVNode as g, renderSlot as c, createBlock as d } from "vue";
+import { c as f } from "./component.js";
+import { _ as y } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { create } = createComponent("progress");
-const _sfc_main = create({
-  props: {
-    percentage: {
-      type: [Number, String],
-      default: 0,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "base"
-    },
-    status: {
-      type: String,
-      default: ""
-    },
-    strokeWidth: {
-      type: [Number, String],
-      default: ""
-    },
-    textInside: {
-      type: Boolean,
-      default: false
-    },
-    showText: {
-      type: Boolean,
-      default: true
-    },
-    strokeColor: {
-      type: String,
-      default: ""
-    },
-    textColor: {
-      type: String,
-      default: ""
-    },
-    textBackground: {
-      type: String,
-      default: ""
-    },
-    iconName: {
-      type: String,
-      default: "checked"
-    },
-    iconColor: {
-      type: String,
-      default: "#439422"
-    },
-    isShowPercentage: {
-      type: Boolean,
-      default: true
-    }
-  },
-  setup(props, { emit }) {
-    const slotDefault = !!useSlots().default;
-    const height = ref(props.strokeWidth + "px");
-    const progressOuter = ref();
-    const insideText = ref();
-    const bgStyle = computed(() => {
-      return {
-        width: props.percentage + "%",
-        background: props.strokeColor || ""
-      };
-    });
-    const textStyle = computed(() => {
-      return {
-        color: props.textColor || ""
-      };
-    });
-    onMounted(() => {
-    });
-    return {
-      height,
-      bgStyle,
-      textStyle,
-      progressOuter,
-      insideText,
-      slotDefault
-    };
-  }
-});
-const _hoisted_1 = { class: "nut-progress" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode("div", {
-      class: normalizeClass(["nut-progress-outer", [_ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "", _ctx.size ? "nut-progress-" + _ctx.size : ""]]),
-      ref: "progressOuter",
-      style: normalizeStyle({ height: _ctx.height })
-    }, [
-      createElementVNode("div", {
-        class: normalizeClass(["nut-progress-inner", _ctx.status == "active" ? "nut-active" : ""]),
-        style: normalizeStyle(_ctx.bgStyle)
-      }, [
-        _ctx.showText && _ctx.textInside && !_ctx.slotDefault ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "nut-progress-text nut-progress-insidetext",
-          ref: "insideText",
-          style: normalizeStyle({
-            lineHeight: _ctx.height,
-            left: `${_ctx.percentage}%`,
-            transform: `translate(-${+_ctx.percentage}%,-50%)`,
-            background: _ctx.textBackground || _ctx.strokeColor
-          })
-        }, [
-          createElementVNode("span", {
-            style: normalizeStyle(_ctx.textStyle)
-          }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
-        ], 4)) : createCommentVNode("", true),
-        _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          ref: "insideText",
-          style: normalizeStyle({
-            position: `absolute`,
-            top: `50%`,
-            left: `${_ctx.percentage}%`,
-            transform: `translate(-${+_ctx.percentage}%,-50%)`
-          })
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4)) : createCommentVNode("", true)
-      ], 6)
-    ], 6),
-    _ctx.showText && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: "nut-progress-text",
-      style: normalizeStyle({ lineHeight: _ctx.height })
-    }, [
-      _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
-        key: 0,
-        style: normalizeStyle(_ctx.textStyle)
-      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (openBlock(), createBlock(_component_nut_icon, {
-        key: 1,
-        size: "16px",
-        name: _ctx.iconName,
-        color: _ctx.iconColor
-      }, null, 8, ["name", "color"])) : createCommentVNode("", true)
-    ], 4)) : createCommentVNode("", true)
-  ]);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+const { create: x } = f("progress"), h = x({ props: { percentage: { type: [Number, String], default: 0, required: true }, size: { type: String, default: "base" }, status: { type: String, default: "" }, strokeWidth: { type: [Number, String], default: "" }, textInside: { type: Boolean, default: false }, showText: { type: Boolean, default: true }, strokeColor: { type: String, default: "" }, textColor: { type: String, default: "" }, textBackground: { type: String, default: "" }, iconName: { type: String, default: "checked" }, iconColor: { type: String, default: "#439422" }, isShowPercentage: { type: Boolean, default: true } }, setup(o2, { emit: n2 }) {
+  const a2 = !!e().default, i2 = t(o2.strokeWidth + "px"), l2 = t(), u2 = t(), p2 = r(() => ({ width: o2.percentage + "%", background: o2.strokeColor || "" })), g2 = r(() => ({ color: o2.textColor || "" }));
+  return s(() => {
+  }), { height: i2, bgStyle: p2, textStyle: g2, progressOuter: l2, insideText: u2, slotDefault: a2 };
+} }), m = { class: "nut-progress" };
+var S = y(h, [["render", function(e2, t2, r2, s2, f2, y2) {
+  const x2 = o("nut-icon");
+  return n(), a("div", m, [i("div", { class: l(["nut-progress-outer", [e2.showText && !e2.textInside ? "nut-progress-outer-part" : "", e2.size ? "nut-progress-" + e2.size : ""]]), ref: "progressOuter", style: u({ height: e2.height }) }, [i("div", { class: l(["nut-progress-inner", e2.status == "active" ? "nut-active" : ""]), style: u(e2.bgStyle) }, [e2.showText && e2.textInside && !e2.slotDefault ? (n(), a("div", { key: 0, class: "nut-progress-text nut-progress-insidetext", ref: "insideText", style: u({ lineHeight: e2.height, left: `${e2.percentage}%`, transform: `translate(-${+e2.percentage}%,-50%)`, background: e2.textBackground || e2.strokeColor }) }, [i("span", { style: u(e2.textStyle) }, p(e2.percentage) + p(e2.isShowPercentage ? "%" : ""), 5)], 4)) : g("", true), e2.showText && e2.textInside && e2.slotDefault ? (n(), a("div", { key: 1, ref: "insideText", style: u({ position: "absolute", top: "50%", left: `${e2.percentage}%`, transform: `translate(-${+e2.percentage}%,-50%)` }) }, [c(e2.$slots, "default")], 4)) : g("", true)], 6)], 6), e2.showText && !e2.textInside ? (n(), a("div", { key: 0, class: "nut-progress-text", style: u({ lineHeight: e2.height }) }, [e2.status == "active" || e2.status == "" ? (n(), a("span", { key: 0, style: u(e2.textStyle) }, p(e2.percentage) + p(e2.isShowPercentage ? "%" : ""), 5)) : e2.status == "icon" ? (n(), d(x2, { key: 1, size: "16px", name: e2.iconName, color: e2.iconColor }, null, 8, ["name", "color"])) : g("", true)], 4)) : g("", true)]);
+}]]);
+export { S as default };

package/dist/packages/_es/PullRefresh.js

@@ -1,364 +1,94 @@
-var __defProp = Object.defineProperty;
-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;
-};
 /*!
-* @nutui/nutui v3.1.22-beta.0 Tue May 31 2022 21:47:10 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.22 Fri Jun 24 2022 18:11:16 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, toRefs, reactive, computed, onMounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
-import { c as createComponent } from "./component.js";
-import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+import { ref as e, toRefs as t, reactive as l, computed as a, onMounted as o, openBlock as u, createElementBlock as r, normalizeStyle as n, createElementVNode as s, normalizeClass as i, toDisplayString as v, renderSlot as c } from "vue";
+import { c as d } from "./component.js";
+import { _ as h } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const MIN_DISTANCE = 10;
-function getDirection(x, y) {
-  if (x > y && x > MIN_DISTANCE) {
-    return "horizontal";
-  }
-  if (y > x && y > MIN_DISTANCE) {
-    return "vertical";
-  }
-  return "";
+function f(e2, t2) {
+  (typeof e2.cancelable != "boolean" || e2.cancelable) && e2.preventDefault(), t2 && e2.stopPropagation();
 }
-function useTouch() {
-  const startX = ref(0);
-  const startY = ref(0);
-  const deltaX = ref(0);
-  const deltaY = ref(0);
-  const offsetX = ref(0);
-  const offsetY = ref(0);
-  const direction = ref("");
-  const isVertical = () => direction.value === "vertical";
-  const isHorizontal = () => direction.value === "horizontal";
-  const reset = () => {
-    deltaX.value = 0;
-    deltaY.value = 0;
-    offsetX.value = 0;
-    offsetY.value = 0;
-    direction.value = "";
-  };
-  const start = (event) => {
-    reset();
-    startX.value = event.touches[0].clientX;
-    startY.value = event.touches[0].clientY;
-  };
-  const move = (event) => {
-    const touch = event.touches[0];
-    deltaX.value = touch.clientX - startX.value;
-    deltaY.value = touch.clientY - startY.value;
-    offsetX.value = Math.abs(deltaX.value);
-    offsetY.value = Math.abs(deltaY.value);
-    if (!direction.value) {
-      direction.value = getDirection(offsetX.value, offsetY.value);
+const { componentName: p, create: m } = d("pullrefresh"), g = m({ props: { useWindow: { type: Boolean, default: true }, containerId: { type: String, default: "" }, disabled: { type: Boolean, default: false }, direction: { type: String, default: "vertical" }, pullingText: { type: Object, default: { top: "\u4E0B\u62C9\u5237\u65B0", bottom: "\u4E0A\u62C9\u52A0\u8F7D", left: "\u5DE6\u6ED1\u5237\u65B0", right: "\u53F3\u6ED1\u52A0\u8F7D" } }, loosingText: { type: Object, default: { top: "\u677E\u624B\u91CA\u653E\u5237\u65B0", bottom: "\u677E\u624B\u91CA\u653E\u5237\u65B0", left: "\u91CA\u653E\u5237\u65B0", right: "\u52A0\u8F7D\u66F4\u591A" } }, loadingText: { type: Object, default: { top: "\u52A0\u8F7D\u4E2D...", bottom: "\u52A0\u8F7D\u4E2D...", left: "\u52A0\u8F7D\u4E2D...", right: "\u52A0\u8F7D\u4E2D..." } } }, emits: ["refresh", "downRefresh"], setup(u2, { emit: r2 }) {
+  const { containerId: n2, useWindow: s2, direction: i2, disabled: v2 } = t(u2), c2 = e(false), d2 = e(false), h2 = e(false), p2 = e(false), m2 = l({ status: "normal", distance: 0, duration: 0 });
+  let g2 = document.documentElement || document.body;
+  const b2 = e(null), T2 = function() {
+    const t2 = e(0), l2 = e(0), a2 = e(0), o2 = e(0), u3 = e(0), r3 = e(0), n3 = e(""), s3 = () => {
+      a2.value = 0, o2.value = 0, u3.value = 0, r3.value = 0, n3.value = "";
+    };
+    return { move: (e2) => {
+      const s4 = e2.touches[0];
+      var i3, v3;
+      a2.value = s4.clientX - t2.value, o2.value = s4.clientY - l2.value, u3.value = Math.abs(a2.value), r3.value = Math.abs(o2.value), n3.value || (n3.value = (i3 = u3.value) > (v3 = r3.value) && i3 > 10 ? "horizontal" : v3 > i3 && v3 > 10 ? "vertical" : "");
+    }, start: (e2) => {
+      s3(), t2.value = e2.touches[0].clientX, l2.value = e2.touches[0].clientY;
+    }, reset: s3, startX: t2, startY: l2, deltaX: a2, deltaY: o2, offsetX: u3, offsetY: r3, direction: n3, isVertical: () => n3.value === "vertical", isHorizontal: () => n3.value === "horizontal" };
+  }(), x = a(() => {
+    let e2 = {};
+    const { deltaY: t2, deltaX: l2 } = T2;
+    return i2.value == "vertical" && (c2.value && t2.value > 0 || d2.value && t2.value < 0) && T2.isVertical() && (e2 = { transitionDuration: `${m2.duration}ms`, transform: m2.distance ? `translate3d(0,${m2.distance}px, 0)` : "translate3d(0,0,0)" }), i2.value == "horizontal" && (h2.value && l2.value > 0 || p2.value && l2.value < 0) && T2.isHorizontal() && (e2 = { transitionDuration: `${m2.duration}ms`, transform: m2.distance ? `translate3d(${m2.distance}px, 0,0)` : "translate3d(0,0,0)" }), e2;
+  }), y = a(() => {
+    let e2 = {};
+    if (i2.value == "vertical" && d2.value && T2.deltaY.value < 0 && T2.isVertical()) {
+      e2 = { height: (Math.abs(m2.distance) < 50 ? -m2.distance : 50) + "px" };
+    }
+    if (i2.value == "horizontal" && p2.value && T2.deltaX.value < 0 && T2.isVertical()) {
+      e2 = { width: (Math.abs(m2.distance) < 50 ? -m2.distance : 50) + "px" };
     }
+    return e2;
+  }), z = a(() => {
+    const { status: e2, distance: t2 } = m2, l2 = i2.value == "vertical" ? "top" : "left";
+    return e2 == "loading" && (c2.value || h2.value) && t2 > 0 ? u2.loadingText[l2] : e2 == "pulling" && (c2.value || h2.value) && t2 > 0 ? u2.pullingText[l2] : e2 == "loosing" && (c2.value || h2.value) && t2 > 0 ? u2.loosingText[l2] : "";
+  }), M = a(() => {
+    const { status: e2, distance: t2 } = m2, l2 = i2.value == "vertical" ? "bottom" : "right";
+    return e2 == "loading" && (d2.value || p2.value) && t2 < 0 ? u2.loadingText[l2] : e2 == "pulling" && (d2.value || p2.value) && t2 < 0 ? u2.pullingText[l2] : e2 == "loosing" && (d2.value || p2.value) && t2 < 0 ? u2.loosingText[l2] : "";
+  }), w = () => m2.status !== "loading" && !v2.value, S = (e2, t2) => {
+    m2.distance = e2, t2 ? m2.status = "loading" : e2 === 0 ? m2.status = "normal" : Math.abs(e2) < 50 ? m2.status = "pulling" : m2.status = "loosing";
   };
-  return {
-    move,
-    start,
-    reset,
-    startX,
-    startY,
-    deltaX,
-    deltaY,
-    offsetX,
-    offsetY,
-    direction,
-    isVertical,
-    isHorizontal
+  o(() => {
+    const e2 = (t2 = b2, n2.value != "" ? document.querySelector(`#${n2.value}`) : t2 && t2.parentNode);
+    var t2;
+    let l2 = document.documentElement || document.body;
+    s2.value === false && (l2 = e2), g2 = l2;
+  });
+  const X = (e2) => {
+    const t2 = 50;
+    return e2 > t2 && (e2 = e2 < 100 ? t2 + (e2 - t2) / 2 : 75 + (e2 - 100) / 4), Math.round(e2);
+  }, Y = () => {
+    S(0);
   };
-}
-function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== "boolean" || event.cancelable) {
-    event.preventDefault();
-  }
-  if (isStopPropagation)
-    event.stopPropagation();
-}
-const { componentName, create } = createComponent("pullrefresh");
-const _sfc_main = create({
-  props: {
-    useWindow: {
-      type: Boolean,
-      default: true
-    },
-    containerId: {
-      type: String,
-      default: ""
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    direction: {
-      type: String,
-      default: "vertical"
-    },
-    pullingText: {
-      type: Object,
-      default: {
-        top: "\u4E0B\u62C9\u5237\u65B0",
-        bottom: "\u4E0A\u62C9\u52A0\u8F7D",
-        left: "\u5DE6\u6ED1\u5237\u65B0",
-        right: "\u53F3\u6ED1\u52A0\u8F7D"
-      }
-    },
-    loosingText: {
-      type: Object,
-      default: {
-        top: "\u677E\u624B\u91CA\u653E\u5237\u65B0",
-        bottom: "\u677E\u624B\u91CA\u653E\u5237\u65B0",
-        left: "\u91CA\u653E\u5237\u65B0",
-        right: "\u52A0\u8F7D\u66F4\u591A"
-      }
-    },
-    loadingText: {
-      type: Object,
-      default: {
-        top: "\u52A0\u8F7D\u4E2D...",
-        bottom: "\u52A0\u8F7D\u4E2D...",
-        left: "\u52A0\u8F7D\u4E2D...",
-        right: "\u52A0\u8F7D\u4E2D..."
-      }
-    }
-  },
-  emits: ["refresh", "downRefresh"],
-  setup(props, { emit }) {
-    const { containerId, useWindow, direction, disabled } = toRefs(props);
-    const reachTop = ref(false);
-    const reachBottom = ref(false);
-    const reachLeft = ref(false);
-    const reachRight = ref(false);
-    const state = reactive({
-      status: "normal",
-      distance: 0,
-      duration: 0
-    });
-    let scrollEl = document.documentElement || document.body;
-    const scroller = ref(null);
-    const touch = useTouch();
-    const getStyle = computed(() => {
-      let style = {};
-      const { deltaY, deltaX } = touch;
-      if (direction.value == "vertical" && (reachTop.value && deltaY.value > 0 || reachBottom.value && deltaY.value < 0) && touch.isVertical()) {
-        style = {
-          transitionDuration: `${state.duration}ms`,
-          transform: state.distance ? `translate3d(0,${state.distance}px, 0)` : `translate3d(0,0,0)`
-        };
-      }
-      if (direction.value == "horizontal" && (reachLeft.value && deltaX.value > 0 || reachRight.value && deltaX.value < 0) && touch.isHorizontal()) {
-        style = {
-          transitionDuration: `${state.duration}ms`,
-          transform: state.distance ? `translate3d(${state.distance}px, 0,0)` : `translate3d(0,0,0)`
-        };
-      }
-      return style;
-    });
-    const getBottomStyle = computed(() => {
-      let style = {};
-      if (direction.value == "vertical" && reachBottom.value && touch.deltaY.value < 0 && touch.isVertical()) {
-        const dis = Math.abs(state.distance) < 50 ? -state.distance : 50;
-        style = {
-          height: dis + "px"
-        };
-      }
-      if (direction.value == "horizontal" && reachRight.value && touch.deltaX.value < 0 && touch.isVertical()) {
-        const dis = Math.abs(state.distance) < 50 ? -state.distance : 50;
-        style = {
-          width: dis + "px"
-        };
-      }
-      return style;
-    });
-    const refreshTopTem = computed(() => {
-      const { status, distance } = state;
-      const tag = direction.value == "vertical" ? "top" : "left";
-      if (status == "loading" && (reachTop.value || reachLeft.value) && distance > 0) {
-        return props.loadingText[tag];
-      }
-      if (status == "pulling" && (reachTop.value || reachLeft.value) && distance > 0) {
-        return props.pullingText[tag];
-      }
-      if (status == "loosing" && (reachTop.value || reachLeft.value) && distance > 0) {
-        return props.loosingText[tag];
-      }
-      return "";
-    });
-    const refreshBottomTem = computed(() => {
-      const { status, distance } = state;
-      const tag = direction.value == "vertical" ? "bottom" : "right";
-      if (status == "loading" && (reachBottom.value || reachRight.value) && distance < 0) {
-        return props.loadingText[tag];
-      }
-      if (status == "pulling" && (reachBottom.value || reachRight.value) && distance < 0) {
-        return props.pullingText[tag];
-      }
-      if (status == "loosing" && (reachBottom.value || reachRight.value) && distance < 0) {
-        return props.loosingText[tag];
-      }
-      return "";
-    });
-    const isTouchable = () => state.status !== "loading" && !disabled.value;
-    const setStatus = (distance, isLoading) => {
-      state.distance = distance;
-      if (isLoading) {
-        state.status = "loading";
-      } else if (distance === 0) {
-        state.status = "normal";
-      } else if (Math.abs(distance) < 50) {
-        state.status = "pulling";
-      } else {
-        state.status = "loosing";
-      }
-    };
-    const getParentElement = (el) => {
-      if (containerId.value != "") {
-        return document.querySelector(`#${containerId.value}`);
-      }
-      return el && el.parentNode;
-    };
-    onMounted(() => {
-      const parentElement = getParentElement(scroller);
-      let scrollElCopy = document.documentElement || document.body;
-      if (useWindow.value === false) {
-        scrollElCopy = parentElement;
-      }
-      scrollEl = scrollElCopy;
-    });
-    const ease = (distance) => {
-      const headHeight = 50;
-      if (distance > headHeight) {
-        if (distance < headHeight * 2) {
-          distance = headHeight + (distance - headHeight) / 2;
-        } else {
-          distance = headHeight * 1.5 + (distance - headHeight * 2) / 4;
-        }
-      }
-      return Math.round(distance);
-    };
-    const refreshDone = () => {
-      setStatus(0);
-    };
-    const touchStart = (event) => {
-      if (isTouchable()) {
-        if (direction.value == "vertical") {
-          const top = "scrollTop" in scrollEl ? scrollEl.scrollTop : 0;
-          reachTop.value = Math.max(top, 0) == 0 ? true : false;
-          const { scrollHeight, clientHeight, scrollTop } = scrollEl;
-          reachBottom.value = clientHeight + scrollTop == scrollHeight ? true : false;
-          if (reachTop.value || reachBottom.value) {
-            state.duration = 0;
-            touch.start(event);
-          }
-        } else {
-          const { scrollWidth, clientWidth, scrollLeft } = scrollEl;
-          const left = "scrollLeft" in scrollEl ? scrollEl.scrollLeft : 0;
-          reachLeft.value = Math.max(left, 0) == 0 ? true : false;
-          reachRight.value = clientWidth + scrollLeft == scrollWidth ? true : false;
-          if (reachLeft.value || reachRight.value) {
-            state.duration = 0;
-            touch.start(event);
-          }
-        }
+  return { scroller: b2, touchStart: (e2) => {
+    if (w())
+      if (i2.value == "vertical") {
+        const t2 = "scrollTop" in g2 ? g2.scrollTop : 0;
+        c2.value = Math.max(t2, 0) == 0;
+        const { scrollHeight: l2, clientHeight: a2, scrollTop: o2 } = g2;
+        d2.value = a2 + o2 == l2, (c2.value || d2.value) && (m2.duration = 0, T2.start(e2));
       } else {
-        preventDefault(event);
-      }
-    };
-    const touchMove = (event) => {
-      if (isTouchable()) {
-        const { deltaY, deltaX } = touch;
-        touch.move(event);
-        if (direction.value == "vertical" && (reachBottom.value && deltaY.value < 0 || reachTop.value && deltaY.value >= 0) && touch.isVertical()) {
-          preventDefault(event);
-          setStatus(ease(deltaY.value));
-        }
-        if (direction.value == "horizontal" && (reachLeft.value && deltaX.value >= 0 || reachRight.value && deltaX.value < 0) && touch.isHorizontal()) {
-          preventDefault(event);
-          setStatus(ease(deltaX.value));
-        }
-      } else {
-        preventDefault(event);
-      }
-    };
-    const touchEnd = () => {
-      if (isTouchable()) {
-        const { deltaY, deltaX } = touch;
-        if (state.status === "loosing") {
-          let dis = 0;
-          if (direction.value == "vertical" && reachTop.value && deltaY.value > 0) {
-            dis = 50;
-            emit("downRefresh", refreshDone);
-          }
-          if (direction.value == "vertical" && reachBottom.value && deltaY.value < 0) {
-            dis = -50;
-            emit("refresh", refreshDone);
-          }
-          if (direction.value == "horizontal" && reachLeft.value && deltaX.value > 0) {
-            dis = 50;
-            emit("downRefresh", refreshDone);
-          }
-          if (direction.value == "horizontal" && reachRight.value && deltaX.value < 0) {
-            dis = -50;
-            emit("refresh", refreshDone);
-          }
-          setStatus(dis, true);
-        } else {
-          setStatus(0);
-        }
-      }
-    };
-    return __spreadValues({
-      scroller,
-      touchStart,
-      touchMove,
-      touchEnd,
-      getStyle,
-      reachBottom,
-      reachTop,
-      reachRight,
-      reachLeft,
-      getBottomStyle,
-      refreshTopTem,
-      refreshBottomTem
-    }, toRefs(state));
-  }
-});
-const _hoisted_1 = {
-  class: "pullrefresh-content",
-  ref: "pull"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
-    class: "nut-pullrefresh",
-    ref: "scroller",
-    style: normalizeStyle(_ctx.getStyle),
-    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
-    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
-    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
-  }, [
-    createElementVNode("view", {
-      class: normalizeClass(["pullrefresh-top", _ctx.direction == "horizontal" ? "pullrefresh-top-h" : "pullrefresh-top-v"])
-    }, toDisplayString(_ctx.refreshTopTem), 3),
-    createElementVNode("view", _hoisted_1, [
-      renderSlot(_ctx.$slots, "default")
-    ], 512),
-    createElementVNode("view", {
-      class: normalizeClass(["pullrefresh-bottom", _ctx.direction == "horizontal" ? "pullrefresh-bottom-h" : "pullrefresh-bottom-v"]),
-      style: normalizeStyle(_ctx.getBottomStyle)
-    }, toDisplayString(_ctx.refreshBottomTem), 7)
-  ], 36);
-}
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+        const { scrollWidth: t2, clientWidth: l2, scrollLeft: a2 } = g2, o2 = "scrollLeft" in g2 ? g2.scrollLeft : 0;
+        h2.value = Math.max(o2, 0) == 0, p2.value = l2 + a2 == t2, (h2.value || p2.value) && (m2.duration = 0, T2.start(e2));
+      }
+    else
+      f(e2);
+  }, touchMove: (e2) => {
+    if (w()) {
+      const { deltaY: t2, deltaX: l2 } = T2;
+      T2.move(e2), i2.value == "vertical" && (d2.value && t2.value < 0 || c2.value && t2.value >= 0) && T2.isVertical() && (f(e2), S(X(t2.value))), i2.value == "horizontal" && (h2.value && l2.value >= 0 || p2.value && l2.value < 0) && T2.isHorizontal() && (f(e2), S(X(l2.value)));
+    } else
+      f(e2);
+  }, touchEnd: () => {
+    if (w()) {
+      const { deltaY: e2, deltaX: t2 } = T2;
+      if (m2.status === "loosing") {
+        let l2 = 0;
+        i2.value == "vertical" && c2.value && e2.value > 0 && (l2 = 50, r2("downRefresh", Y)), i2.value == "vertical" && d2.value && e2.value < 0 && (l2 = -50, r2("refresh", Y)), i2.value == "horizontal" && h2.value && t2.value > 0 && (l2 = 50, r2("downRefresh", Y)), i2.value == "horizontal" && p2.value && t2.value < 0 && (l2 = -50, r2("refresh", Y)), S(l2, true);
+      } else
+        S(0);
+    }
+  }, getStyle: x, reachBottom: d2, reachTop: c2, reachRight: p2, reachLeft: h2, getBottomStyle: y, refreshTopTem: z, refreshBottomTem: M, ...t(m2) };
+} }), b = { class: "pullrefresh-content", ref: "pull" };
+var T = h(g, [["render", function(e2, t2, l2, a2, o2, d2) {
+  return u(), r("view", { class: "nut-pullrefresh", ref: "scroller", style: n(e2.getStyle), onTouchstart: t2[0] || (t2[0] = (...t3) => e2.touchStart && e2.touchStart(...t3)), onTouchmove: t2[1] || (t2[1] = (...t3) => e2.touchMove && e2.touchMove(...t3)), onTouchend: t2[2] || (t2[2] = (...t3) => e2.touchEnd && e2.touchEnd(...t3)) }, [s("view", { class: i(["pullrefresh-top", e2.direction == "horizontal" ? "pullrefresh-top-h" : "pullrefresh-top-v"]) }, v(e2.refreshTopTem), 3), s("view", b, [c(e2.$slots, "default")], 512), s("view", { class: i(["pullrefresh-bottom", e2.direction == "horizontal" ? "pullrefresh-bottom-h" : "pullrefresh-bottom-v"]), style: n(e2.getBottomStyle) }, v(e2.refreshBottomTem), 7)], 36);
+}]]);
+export { T as default };