@nutui/nutui 3.2.7 → 3.2.8-beta.1

package/dist/packages/_es/PullRefresh.js

@@ -1,349 +0,0 @@
-/*!
-* @nutui/nutui v3.2.7 Fri Nov 18 2022 19:57:44 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 "../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 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 {
-      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/pullrefresh/index.scss

@@ -1,71 +0,0 @@
-.nut-pullrefresh {
-  position: relative;
-  height: 100%;
-  display: block;
-
-  .pullrefresh-top {
-    position: absolute;
-    left: 0;
-
-    display: block;
-    overflow: hidden;
-    color: #969799;
-    font-size: 14px;
-
-    text-align: center;
-    &.pullrefresh-top-v {
-      line-height: 50px;
-      width: 100%;
-      height: 50px;
-      -webkit-transform: translateY(-100%);
-      transform: translateY(-100%);
-    }
-    &.pullrefresh-top-h {
-      display: flex;
-      align-items: center;
-      width: 50px;
-      height: 100%;
-      -webkit-transform: translateX(-100%);
-      transform: translateX(-100%);
-    }
-  }
-
-  .pullrefresh-content {
-    height: 100%;
-    overflow: auto;
-    background: #fff;
-
-    display: block;
-  }
-
-  .pullrefresh-bottom {
-    position: absolute;
-
-    display: block;
-    overflow: hidden;
-    color: #969799;
-    font-size: 14px;
-
-    text-align: center;
-
-    &.pullrefresh-bottom-v {
-      left: 0;
-      bottom: 0;
-      width: 100%;
-      height: 0px;
-      line-height: 50px;
-      -webkit-transform: translateY(100%);
-      transform: translateY(100%);
-    }
-    &.pullrefresh-bottom-h {
-      display: flex;
-      align-items: center;
-      top: 0;
-      right: 0;
-      width: 50px;
-      height: 100%;
-      -webkit-transform: translateX(100%);
-      transform: translateX(100%);
-    }
-  }
-}

package/dist/types/__VUE/addresslist/components/LongPressShell.vue.d.ts

@@ -1,47 +0,0 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
-declare const _sfc_main: Install< import("vue").DefineComponent<{
-    item: {
-        type: ObjectConstructor;
-        default: {};
-    };
-}, {
-    holddownstart: (event: Event) => void;
-    holddownmove: (event: Event) => void;
-    holddownend: (event: Event) => void;
-    showMaskRef: import("vue").Ref<boolean>;
-    delClick: (event: Event) => void;
-    copyCLick: (event: Event) => void;
-    hideMaskClick: (event: Event) => void;
-    setDefault: (event: Event) => void;
-    maskClick: (event: Event) => void;
-    delShellClick: (event: any, item: any) => void;
-    editShellClick: (event: any, item: any) => void;
-    itemShellClick: (event: any, item: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("holdingDown" | "handleDel" | "handelMask" | "handleCopy" | "handleSet" | "handleDelIcon" | "handleEditIcon" | "handleItemContent")[], "holdingDown" | "handleDel" | "handelMask" | "handleCopy" | "handleSet" | "handleDelIcon" | "handleEditIcon" | "handleItemContent", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    item: {
-        type: ObjectConstructor;
-        default: {};
-    };
-}>> & {
-    onHoldingDown?: ((...args: any[]) => any) | undefined;
-    onHandleDel?: ((...args: any[]) => any) | undefined;
-    onHandelMask?: ((...args: any[]) => any) | undefined;
-    onHandleCopy?: ((...args: any[]) => any) | undefined;
-    onHandleSet?: ((...args: any[]) => any) | undefined;
-    onHandleDelIcon?: ((...args: any[]) => any) | undefined;
-    onHandleEditIcon?: ((...args: any[]) => any) | undefined;
-    onHandleItemContent?: ((...args: any[]) => any) | undefined;
-}, {
-    item: Record<string, any>;
-}>>;
-export default _sfc_main;
-
-declare module 'vue' {
-  interface GlobalComponents {
-      Nut : typeof _sfc_main;
-  }
-}     
-      

package/dist/types/__VUE/datepicker/utils.d.ts

@@ -1,5 +0,0 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
-export declare function padZero(num: number | string, targetLength?: number): string;

package/dist/types/__VUE/popup/use-lock-scroll.d.ts

@@ -1,5 +0,0 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
-export declare const useLockScroll: (isLock: () => boolean) => (() => void)[];

package/dist/types/__VUE/pullrefresh/index.vue.d.ts

@@ -1,128 +0,0 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
-declare const _sfc_main: Install< import("vue").DefineComponent<{
-    useWindow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    containerId: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    direction: {
-        type: StringConstructor;
-        default: string;
-    };
-    pullingText: {
-        type: ObjectConstructor;
-        default: {
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-        };
-    };
-    loosingText: {
-        type: ObjectConstructor;
-        default: {
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-        };
-    };
-    loadingText: {
-        type: ObjectConstructor;
-        default: {
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-        };
-    };
-}, {
-    status: import("vue").Ref<string>;
-    distance: import("vue").Ref<number>;
-    duration: import("vue").Ref<number>;
-    scroller: import("vue").Ref<HTMLElement | null>;
-    touchStart: (event: any) => void;
-    touchMove: (event: any) => void;
-    touchEnd: () => void;
-    getStyle: import("vue").ComputedRef<CSSProperties>;
-    reachBottom: import("vue").Ref<boolean>;
-    reachTop: import("vue").Ref<boolean>;
-    reachRight: import("vue").Ref<boolean>;
-    reachLeft: import("vue").Ref<boolean>;
-    getBottomStyle: import("vue").ComputedRef<CSSProperties>;
-    refreshTopTem: import("vue").ComputedRef<any>;
-    refreshBottomTem: import("vue").ComputedRef<any>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("refresh" | "downRefresh")[], "refresh" | "downRefresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    useWindow: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    containerId: {
-        type: StringConstructor;
-        default: string;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    direction: {
-        type: StringConstructor;
-        default: string;
-    };
-    pullingText: {
-        type: ObjectConstructor;
-        default: {
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-        };
-    };
-    loosingText: {
-        type: ObjectConstructor;
-        default: {
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-        };
-    };
-    loadingText: {
-        type: ObjectConstructor;
-        default: {
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-        };
-    };
-}>> & {
-    onRefresh?: ((...args: any[]) => any) | undefined;
-    onDownRefresh?: ((...args: any[]) => any) | undefined;
-}, {
-    disabled: boolean;
-    direction: string;
-    useWindow: boolean;
-    containerId: string;
-    pullingText: Record<string, any>;
-    loosingText: Record<string, any>;
-    loadingText: Record<string, any>;
-}>>;
-export default _sfc_main;
-
-declare module 'vue' {
-  interface GlobalComponents {
-      NutPullRefresh: typeof _sfc_main;
-  }
-}     
-      

package/dist/types/__VUE/pullrefresh/use-touch.d.ts

@@ -1,20 +0,0 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
-declare type Direction = '' | 'vertical' | 'horizontal';
-export declare function useTouch(): {
-    move: EventListener;
-    start: EventListener;
-    reset: () => void;
-    startX: import("vue").Ref<number>;
-    startY: import("vue").Ref<number>;
-    deltaX: import("vue").Ref<number>;
-    deltaY: import("vue").Ref<number>;
-    offsetX: import("vue").Ref<number>;
-    offsetY: import("vue").Ref<number>;
-    direction: import("vue").Ref<Direction>;
-    isVertical: () => boolean;
-    isHorizontal: () => boolean;
-};
-export {};

package/dist/types/__VUE/pullrefresh/util.d.ts

@@ -1,6 +0,0 @@
-import { App, PropType, CSSProperties } from 'vue';
-declare type Install<T> = T & {
-  install(app: App): void;
-};
-export declare function preventDefault(event: Event, isStopPropagation?: boolean): void;
-export declare function trigger(target: Element, type: string): void;