@nutui/nutui 3.1.18-beta.0 → 3.1.19-beta.1

package/dist/packages/_es/PullRefresh.js

@@ -0,0 +1,363 @@
+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.19-beta.1 Sat Apr 02 2022 16:26:37 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";
+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 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);
+    }
+  };
+  return {
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal
+  };
+}
+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);
+          }
+        }
+      } 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 };

package/dist/packages/_es/Radio.js

@@ -1,11 +1,11 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, computed, h } from "vue";
-import { c as createComponent } from "./component.js";
 import _sfc_main$1 from "./Icon.js";
+import { c as createComponent } from "./component.js";
 import "./pxCheck.js";
 const { componentName, create } = createComponent("radio");
 const _sfc_main = create({
@@ -32,7 +32,7 @@ const _sfc_main = create({
     },
     iconSize: {
       type: [String, Number],
-      default: 18
+      default: ""
     }
   },
   setup(props, { emit, slots }) {

package/dist/packages/_es/RadioGroup.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { provide, readonly, computed, watch, h } from "vue";