@varlet/ui 2.16.7 → 2.16.8-alpha.1695118057982

package/es/pull-refresh/PullRefresh.mjs

@@ -1,110 +1,131 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-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 VarIcon from '../icon/index.mjs';
-import { defineComponent, ref, computed, watch, nextTick } from 'vue';
-import { getParentScroller, getScrollTop, getTarget } from '../utils/elements.mjs';
-import { props } from './props.mjs';
-import { isNumber, isString, toNumber, getRect } from '@varlet/shared';
-import { call, createNamespace } from '../utils/components.mjs';
-import { useEventListener, onSmartMounted } from '@varlet/use';
-var {
-  name,
-  n,
-  classes
-} = createNamespace('pull-refresh');
-var ICON_TRANSITION = 150;
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import VarIcon from "../icon/index.mjs";
+import { defineComponent, ref, computed, watch, nextTick } from "vue";
+import { getParentScroller, getScrollTop, getTarget } from "../utils/elements.mjs";
+import { props } from "./props.mjs";
+import { isNumber, isString, toNumber, getRect } from "@varlet/shared";
+import { call, createNamespace } from "../utils/components.mjs";
+import { useEventListener, onSmartMounted } from "@varlet/use";
+const { name, n, classes } = createNamespace("pull-refresh");
+const ICON_TRANSITION = 150;
 import { resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, renderSlot as _renderSlot, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 function __render__(_ctx, _cache) {
-  var _component_var_icon = _resolveComponent("var-icon");
-  return _openBlock(), _createElementBlock("div", {
-    ref: "freshNode",
-    class: _normalizeClass(_ctx.n()),
-    onTouchstart: _cache[0] || (_cache[0] = function () {
-      return _ctx.touchStart && _ctx.touchStart(...arguments);
-    }),
-    onTouchend: _cache[1] || (_cache[1] = function () {
-      return _ctx.touchEnd && _ctx.touchEnd(...arguments);
-    }),
-    onTouchcancel: _cache[2] || (_cache[2] = function () {
-      return _ctx.touchEnd && _ctx.touchEnd(...arguments);
-    })
-  }, [_createElementVNode("div", {
-    ref: "controlNode",
-    class: _normalizeClass(_ctx.classes(_ctx.n('control'), _ctx.n('$-elevation--2'), [_ctx.isSuccess, _ctx.n('control-success')])),
-    style: _normalizeStyle(_ctx.controlStyle)
-  }, [_createVNode(_component_var_icon, {
-    name: _ctx.iconName,
-    transition: _ctx.ICON_TRANSITION,
-    class: _normalizeClass(_ctx.classes(_ctx.n('icon'), [_ctx.refreshStatus === 'loading', _ctx.n('animation')])),
-    "var-pull-refresh-cover": ""
-  }, null, 8 /* PROPS */, ["name", "transition", "class"])], 6 /* CLASS, STYLE */), _renderSlot(_ctx.$slots, "default")], 34 /* CLASS, HYDRATE_EVENTS */);
+  const _component_var_icon = _resolveComponent("var-icon");
+  return _openBlock(), _createElementBlock(
+    "div",
+    {
+      ref: "freshNode",
+      class: _normalizeClass(_ctx.n()),
+      onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
+      onTouchend: _cache[1] || (_cache[1] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args)),
+      onTouchcancel: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
+    },
+    [
+      _createElementVNode(
+        "div",
+        {
+          ref: "controlNode",
+          class: _normalizeClass(_ctx.classes(_ctx.n("control"), _ctx.n("$-elevation--2"), [_ctx.isSuccess, _ctx.n("control-success")])),
+          style: _normalizeStyle(_ctx.controlStyle)
+        },
+        [
+          _createVNode(_component_var_icon, {
+            name: _ctx.iconName,
+            transition: _ctx.ICON_TRANSITION,
+            class: _normalizeClass(_ctx.classes(_ctx.n("icon"), [_ctx.refreshStatus === "loading", _ctx.n("animation")])),
+            "var-pull-refresh-cover": ""
+          }, null, 8, ["name", "transition", "class"])
+        ],
+        6
+        /* CLASS, STYLE */
+      ),
+      _renderSlot(_ctx.$slots, "default")
+    ],
+    34
+    /* CLASS, HYDRATE_EVENTS */
+  );
 }
-
-var __sfc__ = defineComponent({
+const __sfc__ = defineComponent({
   name,
-  components: {
-    VarIcon
-  },
+  components: { VarIcon },
   props,
-  setup(props) {
-    var controlPosition = ref(0);
-    var freshNode = ref(null);
-    var controlNode = ref(null);
-    var startPosition = ref(0);
-    var distance = ref('-125%');
-    var iconName = ref('arrow-down');
-    var refreshStatus = ref('default');
-    var isEnd = ref(false);
-    var maxDistance = computed(() => Math.abs(2 * controlPosition.value));
-    var isSuccess = computed(() => refreshStatus.value === 'success');
-    var isTouchable = computed(() => refreshStatus.value !== 'loading' && refreshStatus.value !== 'success' && !props.disabled);
-    var controlStyle = computed(() => ({
-      transform: "translate3d(0px, " + (isString(distance.value) ? distance.value : distance.value + "px") + ", 0px) translate(-50%, 0)",
-      transition: isEnd.value ? "transform " + props.animationDuration + "ms" : undefined,
-      background: isSuccess.value ? props.successBgColor : props.bgColor,
-      color: isSuccess.value ? props.successColor : props.color
+  setup(props2) {
+    const controlPosition = ref(0);
+    const freshNode = ref(null);
+    const controlNode = ref(null);
+    const startPosition = ref(0);
+    const distance = ref("-125%");
+    const iconName = ref("arrow-down");
+    const refreshStatus = ref("default");
+    const isEnd = ref(false);
+    const maxDistance = computed(() => Math.abs(2 * controlPosition.value));
+    const isSuccess = computed(() => refreshStatus.value === "success");
+    const isTouchable = computed(
+      () => refreshStatus.value !== "loading" && refreshStatus.value !== "success" && !props2.disabled
+    );
+    const controlStyle = computed(() => ({
+      transform: `translate3d(0px, ${isString(distance.value) ? distance.value : `${distance.value}px`}, 0px) translate(-50%, 0)`,
+      transition: isEnd.value ? `transform ${props2.animationDuration}ms` : void 0,
+      background: isSuccess.value ? props2.successBgColor : props2.bgColor,
+      color: isSuccess.value ? props2.successColor : props2.color
     }));
-    var scroller;
-    var eventTargetScroller;
-    var startY = 0;
-    var deltaY = 0;
-    watch(() => props.modelValue, newValue => {
-      if (newValue === false) {
-        isEnd.value = true;
-        refreshStatus.value = 'success';
-        iconName.value = 'checkbox-marked-circle';
-        setTimeout(() => {
-          distance.value = controlPosition.value;
-          reset();
-        }, toNumber(props.successDuration));
+    let scroller;
+    let eventTargetScroller;
+    let startY = 0;
+    let deltaY = 0;
+    watch(
+      () => props2.modelValue,
+      (newValue) => {
+        if (newValue === false) {
+          isEnd.value = true;
+          refreshStatus.value = "success";
+          iconName.value = "checkbox-marked-circle";
+          setTimeout(() => {
+            distance.value = controlPosition.value;
+            reset();
+          }, toNumber(props2.successDuration));
+        }
       }
-    });
+    );
     onSmartMounted(setScroller);
-    useEventListener(freshNode, 'touchmove', touchMove);
-    function startIconTransition(_x) {
-      return _startIconTransition.apply(this, arguments);
-    }
-    function _startIconTransition() {
-      _startIconTransition = _asyncToGenerator(function* (name) {
-        if (iconName.value === name) {
+    useEventListener(freshNode, "touchmove", touchMove);
+    function startIconTransition(name2) {
+      return __async(this, null, function* () {
+        if (iconName.value === name2) {
           return;
         }
-        iconName.value = name;
-        return new Promise(resolve => {
+        iconName.value = name2;
+        return new Promise((resolve) => {
           window.setTimeout(resolve, ICON_TRANSITION);
         });
       });
-      return _startIconTransition.apply(this, arguments);
     }
     function lockEvent(action) {
-      var el = 'classList' in scroller ? scroller : document.body;
-      el.classList[action](n() + "--lock");
+      const el = "classList" in scroller ? scroller : document.body;
+      el.classList[action](`${n()}--lock`);
     }
     function touchStart(event) {
       if (controlPosition.value === 0) {
-        var {
-          width
-        } = getRect(controlNode.value);
+        const { width } = getRect(controlNode.value);
         controlPosition.value = -(width + width * 0.25);
       }
       startY = event.touches[0].clientY;
@@ -118,67 +139,63 @@ var __sfc__ = defineComponent({
       if (eventTargetScroller !== scroller && getScrollTop(eventTargetScroller) > 0) {
         return;
       }
-      var scrollTop = getScrollTop(scroller);
+      const scrollTop = getScrollTop(scroller);
       if (scrollTop > 0) {
         return;
       }
-      var isReachTop = scrollTop === 0;
-      var touch = event.touches[0];
+      const isReachTop = scrollTop === 0;
+      const touch = event.touches[0];
       deltaY = touch.clientY - startY;
       if (isReachTop && deltaY >= 0) {
         event.preventDefault();
       }
-      if (refreshStatus.value !== 'pulling') {
-        refreshStatus.value = 'pulling';
+      if (refreshStatus.value !== "pulling") {
+        refreshStatus.value = "pulling";
         startPosition.value = event.touches[0].clientY;
       }
       if (isReachTop && isNumber(distance.value) && distance.value > controlPosition.value) {
-        lockEvent('add');
+        lockEvent("add");
       }
-      var moveDistance = (event.touches[0].clientY - startPosition.value) / 2 + controlPosition.value;
+      const moveDistance = (event.touches[0].clientY - startPosition.value) / 2 + controlPosition.value;
       distance.value = moveDistance >= maxDistance.value ? maxDistance.value : moveDistance;
-      startIconTransition(distance.value >= maxDistance.value * 0.2 ? 'refresh' : 'arrow-down');
+      startIconTransition(distance.value >= maxDistance.value * 0.2 ? "refresh" : "arrow-down");
     }
     function touchEnd() {
-      return _touchEnd.apply(this, arguments);
-    }
-    function _touchEnd() {
-      _touchEnd = _asyncToGenerator(function* () {
+      return __async(this, null, function* () {
         if (!isTouchable.value) {
           return;
         }
         isEnd.value = true;
         if (toNumber(distance.value) >= maxDistance.value * 0.2) {
-          yield startIconTransition('refresh');
-          refreshStatus.value = 'loading';
+          yield startIconTransition("refresh");
+          refreshStatus.value = "loading";
           distance.value = maxDistance.value * 0.3;
-          call(props['onUpdate:modelValue'], true);
+          call(props2["onUpdate:modelValue"], true);
           nextTick(() => {
-            call(props.onRefresh);
+            call(props2.onRefresh);
           });
-          lockEvent('remove');
+          lockEvent("remove");
         } else {
-          refreshStatus.value = 'loosing';
-          iconName.value = 'arrow-down';
+          refreshStatus.value = "loosing";
+          iconName.value = "arrow-down";
           distance.value = controlPosition.value;
           setTimeout(() => {
             isEnd.value = false;
-            lockEvent('remove');
-          }, toNumber(props.animationDuration));
+            lockEvent("remove");
+          }, toNumber(props2.animationDuration));
         }
         eventTargetScroller = null;
       });
-      return _touchEnd.apply(this, arguments);
     }
     function setScroller() {
-      scroller = props.target ? getTarget(props.target, 'PullRefresh') : getParentScroller(freshNode.value);
+      scroller = props2.target ? getTarget(props2.target, "PullRefresh") : getParentScroller(freshNode.value);
     }
     function reset() {
       setTimeout(() => {
-        refreshStatus.value = 'default';
-        iconName.value = 'arrow-down';
+        refreshStatus.value = "default";
+        iconName.value = "arrow-down";
         isEnd.value = false;
-      }, toNumber(props.animationDuration));
+      }, toNumber(props2.animationDuration));
     }
     return {
       ICON_TRANSITION,
@@ -197,4 +214,7 @@ var __sfc__ = defineComponent({
   }
 });
 __sfc__.render = __render__;
-export default __sfc__;
+var stdin_default = __sfc__;
+export {
+  stdin_default as default
+};

package/es/pull-refresh/index.mjs

@@ -1,6 +1,11 @@
-import PullRefresh from './PullRefresh.mjs';
-import { withInstall } from '../utils/components.mjs';
+import PullRefresh from "./PullRefresh.mjs";
+import { withInstall } from "../utils/components.mjs";
 withInstall(PullRefresh);
-export { props as pullRefreshProps } from './props.mjs';
-export var _PullRefreshComponent = PullRefresh;
-export default PullRefresh;
+import { props } from "./props.mjs";
+const _PullRefreshComponent = PullRefresh;
+var stdin_default = PullRefresh;
+export {
+  _PullRefreshComponent,
+  stdin_default as default,
+  props as pullRefreshProps
+};

package/es/pull-refresh/props.mjs

@@ -1,5 +1,5 @@
-import { defineListenerProp } from '../utils/components.mjs';
-export var props = {
+import { defineListenerProp } from "../utils/components.mjs";
+const props = {
   modelValue: Boolean,
   disabled: Boolean,
   animationDuration: {
@@ -8,7 +8,7 @@ export var props = {
   },
   successDuration: {
     type: [Number, String],
-    default: 2000
+    default: 2e3
   },
   bgColor: String,
   successBgColor: String,
@@ -16,5 +16,8 @@ export var props = {
   successColor: String,
   target: [String, Object],
   onRefresh: defineListenerProp(),
-  'onUpdate:modelValue': defineListenerProp()
-};
+  "onUpdate:modelValue": defineListenerProp()
+};
+export {
+  props
+};