@fecp/designer 5.5.113 → 5.5.115

package/es/node_modules/vant/es/swipe/Swipe.mjs

@@ -0,0 +1,378 @@
+import { defineComponent, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onBeforeUnmount, createVNode, nextTick } from "vue";
+import { useChildren, usePageVisibility, useEventListener, doubleRaf } from "../../../@vant/use/dist/index.esm.mjs";
+import { useTouch } from "../composables/use-touch.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { onPopupReopen } from "../composables/on-popup-reopen.mjs";
+import { truthProp, makeNumericProp, numericProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { windowWidth, windowHeight, isHidden, preventDefault } from "../utils/dom.mjs";
+import { clamp } from "../utils/format.mjs";
+const [name, bem] = createNamespace("swipe");
+const swipeProps = {
+  loop: truthProp,
+  width: numericProp,
+  height: numericProp,
+  vertical: Boolean,
+  autoplay: makeNumericProp(0),
+  duration: makeNumericProp(500),
+  touchable: truthProp,
+  lazyRender: Boolean,
+  initialSwipe: makeNumericProp(0),
+  indicatorColor: String,
+  showIndicators: truthProp,
+  stopPropagation: truthProp
+};
+const SWIPE_KEY = Symbol(name);
+var stdin_default = defineComponent({
+  name,
+  props: swipeProps,
+  emits: ["change", "dragStart", "dragEnd"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = ref();
+    const track = ref();
+    const state = reactive({
+      rect: null,
+      width: 0,
+      height: 0,
+      offset: 0,
+      active: 0,
+      swiping: false
+    });
+    let dragging = false;
+    const touch = useTouch();
+    const {
+      children,
+      linkChildren
+    } = useChildren(SWIPE_KEY);
+    const count = computed(() => children.length);
+    const size = computed(() => state[props.vertical ? "height" : "width"]);
+    const delta = computed(() => props.vertical ? touch.deltaY.value : touch.deltaX.value);
+    const minOffset = computed(() => {
+      if (state.rect) {
+        const base = props.vertical ? state.rect.height : state.rect.width;
+        return base - size.value * count.value;
+      }
+      return 0;
+    });
+    const maxCount = computed(() => size.value ? Math.ceil(Math.abs(minOffset.value) / size.value) : count.value);
+    const trackSize = computed(() => count.value * size.value);
+    const activeIndicator = computed(() => (state.active + count.value) % count.value);
+    const isCorrectDirection = computed(() => {
+      const expect = props.vertical ? "vertical" : "horizontal";
+      return touch.direction.value === expect;
+    });
+    const trackStyle = computed(() => {
+      const style = {
+        transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
+        transform: `translate${props.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
+      };
+      if (size.value) {
+        const mainAxis = props.vertical ? "height" : "width";
+        const crossAxis = props.vertical ? "width" : "height";
+        style[mainAxis] = `${trackSize.value}px`;
+        style[crossAxis] = props[crossAxis] ? `${props[crossAxis]}px` : "";
+      }
+      return style;
+    });
+    const getTargetActive = (pace) => {
+      const {
+        active
+      } = state;
+      if (pace) {
+        if (props.loop) {
+          return clamp(active + pace, -1, count.value);
+        }
+        return clamp(active + pace, 0, maxCount.value);
+      }
+      return active;
+    };
+    const getTargetOffset = (targetActive, offset = 0) => {
+      let currentPosition = targetActive * size.value;
+      if (!props.loop) {
+        currentPosition = Math.min(currentPosition, -minOffset.value);
+      }
+      let targetOffset = offset - currentPosition;
+      if (!props.loop) {
+        targetOffset = clamp(targetOffset, minOffset.value, 0);
+      }
+      return targetOffset;
+    };
+    const move = ({
+      pace = 0,
+      offset = 0,
+      emitChange
+    }) => {
+      if (count.value <= 1) {
+        return;
+      }
+      const {
+        active
+      } = state;
+      const targetActive = getTargetActive(pace);
+      const targetOffset = getTargetOffset(targetActive, offset);
+      if (props.loop) {
+        if (children[0] && targetOffset !== minOffset.value) {
+          const outRightBound = targetOffset < minOffset.value;
+          children[0].setOffset(outRightBound ? trackSize.value : 0);
+        }
+        if (children[count.value - 1] && targetOffset !== 0) {
+          const outLeftBound = targetOffset > 0;
+          children[count.value - 1].setOffset(outLeftBound ? -trackSize.value : 0);
+        }
+      }
+      state.active = targetActive;
+      state.offset = targetOffset;
+      if (emitChange && targetActive !== active) {
+        emit("change", activeIndicator.value);
+      }
+    };
+    const correctPosition = () => {
+      state.swiping = true;
+      if (state.active <= -1) {
+        move({
+          pace: count.value
+        });
+      } else if (state.active >= count.value) {
+        move({
+          pace: -count.value
+        });
+      }
+    };
+    const prev = () => {
+      correctPosition();
+      touch.reset();
+      doubleRaf(() => {
+        state.swiping = false;
+        move({
+          pace: -1,
+          emitChange: true
+        });
+      });
+    };
+    const next = () => {
+      correctPosition();
+      touch.reset();
+      doubleRaf(() => {
+        state.swiping = false;
+        move({
+          pace: 1,
+          emitChange: true
+        });
+      });
+    };
+    let autoplayTimer;
+    const stopAutoplay = () => clearTimeout(autoplayTimer);
+    const autoplay = () => {
+      stopAutoplay();
+      if (+props.autoplay > 0 && count.value > 1) {
+        autoplayTimer = setTimeout(() => {
+          next();
+          autoplay();
+        }, +props.autoplay);
+      }
+    };
+    const initialize = (active = +props.initialSwipe) => {
+      if (!root.value) {
+        return;
+      }
+      const cb = () => {
+        var _a, _b;
+        if (!isHidden(root)) {
+          const rect = {
+            width: root.value.offsetWidth,
+            height: root.value.offsetHeight
+          };
+          state.rect = rect;
+          state.width = +((_a = props.width) != null ? _a : rect.width);
+          state.height = +((_b = props.height) != null ? _b : rect.height);
+        }
+        if (count.value) {
+          active = Math.min(count.value - 1, active);
+          if (active === -1) {
+            active = count.value - 1;
+          }
+        }
+        state.active = active;
+        state.swiping = true;
+        state.offset = getTargetOffset(active);
+        children.forEach((swipe) => {
+          swipe.setOffset(0);
+        });
+        autoplay();
+      };
+      if (isHidden(root)) {
+        nextTick().then(cb);
+      } else {
+        cb();
+      }
+    };
+    const resize = () => initialize(state.active);
+    let touchStartTime;
+    const onTouchStart = (event) => {
+      if (!props.touchable || // avoid resetting position on multi-finger touch
+      event.touches.length > 1) return;
+      touch.start(event);
+      dragging = false;
+      touchStartTime = Date.now();
+      stopAutoplay();
+      correctPosition();
+    };
+    const onTouchMove = (event) => {
+      if (props.touchable && state.swiping) {
+        touch.move(event);
+        if (isCorrectDirection.value) {
+          const isEdgeTouch = !props.loop && (state.active === 0 && delta.value > 0 || state.active === count.value - 1 && delta.value < 0);
+          if (!isEdgeTouch) {
+            preventDefault(event, props.stopPropagation);
+            move({
+              offset: delta.value
+            });
+            if (!dragging) {
+              emit("dragStart", {
+                index: activeIndicator.value
+              });
+              dragging = true;
+            }
+          }
+        }
+      }
+    };
+    const onTouchEnd = () => {
+      if (!props.touchable || !state.swiping) {
+        return;
+      }
+      const duration = Date.now() - touchStartTime;
+      const speed = delta.value / duration;
+      const shouldSwipe = Math.abs(speed) > 0.25 || Math.abs(delta.value) > size.value / 2;
+      if (shouldSwipe && isCorrectDirection.value) {
+        const offset = props.vertical ? touch.offsetY.value : touch.offsetX.value;
+        let pace = 0;
+        if (props.loop) {
+          pace = offset > 0 ? delta.value > 0 ? -1 : 1 : 0;
+        } else {
+          pace = -Math[delta.value > 0 ? "ceil" : "floor"](delta.value / size.value);
+        }
+        move({
+          pace,
+          emitChange: true
+        });
+      } else if (delta.value) {
+        move({
+          pace: 0
+        });
+      }
+      dragging = false;
+      state.swiping = false;
+      emit("dragEnd", {
+        index: activeIndicator.value
+      });
+      autoplay();
+    };
+    const swipeTo = (index, options = {}) => {
+      correctPosition();
+      touch.reset();
+      doubleRaf(() => {
+        let targetIndex;
+        if (props.loop && index === count.value) {
+          targetIndex = state.active === 0 ? 0 : index;
+        } else {
+          targetIndex = index % count.value;
+        }
+        if (options.immediate) {
+          doubleRaf(() => {
+            state.swiping = false;
+          });
+        } else {
+          state.swiping = false;
+        }
+        move({
+          pace: targetIndex - state.active,
+          emitChange: true
+        });
+      });
+    };
+    const renderDot = (_, index) => {
+      const active = index === activeIndicator.value;
+      const style = active ? {
+        backgroundColor: props.indicatorColor
+      } : void 0;
+      return createVNode("i", {
+        "style": style,
+        "class": bem("indicator", {
+          active
+        })
+      }, null);
+    };
+    const renderIndicator = () => {
+      if (slots.indicator) {
+        return slots.indicator({
+          active: activeIndicator.value,
+          total: count.value
+        });
+      }
+      if (props.showIndicators && count.value > 1) {
+        return createVNode("div", {
+          "class": bem("indicators", {
+            vertical: props.vertical
+          })
+        }, [Array(count.value).fill("").map(renderDot)]);
+      }
+    };
+    useExpose({
+      prev,
+      next,
+      state,
+      resize,
+      swipeTo
+    });
+    linkChildren({
+      size,
+      props,
+      count,
+      activeIndicator
+    });
+    watch(() => props.initialSwipe, (value) => initialize(+value));
+    watch(count, () => initialize(state.active));
+    watch(() => props.autoplay, autoplay);
+    watch([windowWidth, windowHeight, () => props.width, () => props.height], resize);
+    watch(usePageVisibility(), (visible) => {
+      if (visible === "visible") {
+        autoplay();
+      } else {
+        stopAutoplay();
+      }
+    });
+    onMounted(initialize);
+    onActivated(() => initialize(state.active));
+    onPopupReopen(() => initialize(state.active));
+    onDeactivated(stopAutoplay);
+    onBeforeUnmount(stopAutoplay);
+    useEventListener("touchmove", onTouchMove, {
+      target: track
+    });
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "ref": root,
+        "class": bem()
+      }, [createVNode("div", {
+        "ref": track,
+        "style": trackStyle.value,
+        "class": bem("track", {
+          vertical: props.vertical
+        }),
+        "onTouchstartPassive": onTouchStart,
+        "onTouchend": onTouchEnd,
+        "onTouchcancel": onTouchEnd
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), renderIndicator()]);
+    };
+  }
+});
+export {
+  SWIPE_KEY,
+  stdin_default as default,
+  swipeProps
+};

package/es/node_modules/vant/es/swipe/index.mjs

@@ -0,0 +1,8 @@
+import stdin_default from "./Swipe.mjs";
+import { swipeProps } from "./Swipe.mjs";
+import { withInstall } from "../utils/with-install.mjs";
+const Swipe = withInstall(stdin_default);
+export {
+  Swipe,
+  swipeProps
+};

package/es/node_modules/vant/es/swipe-cell/SwipeCell.mjs

@@ -0,0 +1,179 @@
+import { defineComponent, ref, reactive, computed, createVNode } from "vue";
+import { useRect, useClickAway, useEventListener } from "../../../@vant/use/dist/index.esm.mjs";
+import { useTouch } from "../composables/use-touch.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { numericProp, makeNumericProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { isDef } from "../utils/basic.mjs";
+import { callInterceptor } from "../utils/interceptor.mjs";
+import { preventDefault } from "../utils/dom.mjs";
+import { clamp } from "../utils/format.mjs";
+const [name, bem] = createNamespace("swipe-cell");
+const swipeCellProps = {
+  name: makeNumericProp(""),
+  disabled: Boolean,
+  leftWidth: numericProp,
+  rightWidth: numericProp,
+  beforeClose: Function,
+  stopPropagation: Boolean
+};
+var stdin_default = defineComponent({
+  name,
+  props: swipeCellProps,
+  emits: ["open", "close", "click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    let opened;
+    let lockClick;
+    let startOffset;
+    let isInBeforeClosing;
+    const root = ref();
+    const leftRef = ref();
+    const rightRef = ref();
+    const state = reactive({
+      offset: 0,
+      dragging: false
+    });
+    const touch = useTouch();
+    const getWidthByRef = (ref2) => ref2.value ? useRect(ref2).width : 0;
+    const leftWidth = computed(() => isDef(props.leftWidth) ? +props.leftWidth : getWidthByRef(leftRef));
+    const rightWidth = computed(() => isDef(props.rightWidth) ? +props.rightWidth : getWidthByRef(rightRef));
+    const open = (side) => {
+      state.offset = side === "left" ? leftWidth.value : -rightWidth.value;
+      if (!opened) {
+        opened = true;
+        emit("open", {
+          name: props.name,
+          position: side
+        });
+      }
+    };
+    const close = (position) => {
+      state.offset = 0;
+      if (opened) {
+        opened = false;
+        emit("close", {
+          name: props.name,
+          position
+        });
+      }
+    };
+    const toggle = (side) => {
+      const offset = Math.abs(state.offset);
+      const THRESHOLD = 0.15;
+      const threshold = opened ? 1 - THRESHOLD : THRESHOLD;
+      const width = side === "left" ? leftWidth.value : rightWidth.value;
+      if (width && offset > width * threshold) {
+        open(side);
+      } else {
+        close(side);
+      }
+    };
+    const onTouchStart = (event) => {
+      if (!props.disabled) {
+        startOffset = state.offset;
+        touch.start(event);
+      }
+    };
+    const onTouchMove = (event) => {
+      if (props.disabled) {
+        return;
+      }
+      const {
+        deltaX
+      } = touch;
+      touch.move(event);
+      if (touch.isHorizontal()) {
+        lockClick = true;
+        state.dragging = true;
+        const isEdge = !opened || deltaX.value * startOffset < 0;
+        if (isEdge) {
+          preventDefault(event, props.stopPropagation);
+        }
+        state.offset = clamp(deltaX.value + startOffset, -rightWidth.value, leftWidth.value);
+      }
+    };
+    const onTouchEnd = () => {
+      if (state.dragging) {
+        state.dragging = false;
+        toggle(state.offset > 0 ? "left" : "right");
+        setTimeout(() => {
+          lockClick = false;
+        }, 0);
+      }
+    };
+    const onClick = (position = "outside", event) => {
+      if (isInBeforeClosing) return;
+      emit("click", position);
+      if (opened && !lockClick) {
+        isInBeforeClosing = true;
+        callInterceptor(props.beforeClose, {
+          args: [{
+            event,
+            name: props.name,
+            position
+          }],
+          done: () => {
+            isInBeforeClosing = false;
+            close(position);
+          },
+          canceled: () => isInBeforeClosing = false,
+          error: () => isInBeforeClosing = false
+        });
+      }
+    };
+    const getClickHandler = (position, stop) => (event) => {
+      if (stop) {
+        event.stopPropagation();
+      }
+      if (lockClick) {
+        return;
+      }
+      onClick(position, event);
+    };
+    const renderSideContent = (side, ref2) => {
+      const contentSlot = slots[side];
+      if (contentSlot) {
+        return createVNode("div", {
+          "ref": ref2,
+          "class": bem(side),
+          "onClick": getClickHandler(side, true)
+        }, [contentSlot()]);
+      }
+    };
+    useExpose({
+      open,
+      close
+    });
+    useClickAway(root, (event) => onClick("outside", event), {
+      eventName: "touchstart"
+    });
+    useEventListener("touchmove", onTouchMove, {
+      target: root
+    });
+    return () => {
+      var _a;
+      const wrapperStyle = {
+        transform: `translate3d(${state.offset}px, 0, 0)`,
+        transitionDuration: state.dragging ? "0s" : ".6s"
+      };
+      return createVNode("div", {
+        "ref": root,
+        "class": bem(),
+        "onClick": getClickHandler("cell", lockClick),
+        "onTouchstartPassive": onTouchStart,
+        "onTouchend": onTouchEnd,
+        "onTouchcancel": onTouchEnd
+      }, [createVNode("div", {
+        "class": bem("wrapper"),
+        "style": wrapperStyle
+      }, [renderSideContent("left", leftRef), (_a = slots.default) == null ? void 0 : _a.call(slots), renderSideContent("right", rightRef)])]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  swipeCellProps
+};

package/es/node_modules/vant/es/swipe-cell/index.mjs

@@ -0,0 +1,8 @@
+import stdin_default from "./SwipeCell.mjs";
+import { swipeCellProps } from "./SwipeCell.mjs";
+import { withInstall } from "../utils/with-install.mjs";
+const SwipeCell = withInstall(stdin_default);
+export {
+  SwipeCell,
+  swipeCellProps
+};

package/es/node_modules/vant/es/swipe-item/SwipeItem.mjs

@@ -0,0 +1,78 @@
+import { defineComponent, reactive, computed, onMounted, nextTick, createVNode } from "vue";
+import { SWIPE_KEY } from "../swipe/Swipe.mjs";
+import { useParent } from "../../../@vant/use/dist/index.esm.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { createNamespace } from "../utils/create.mjs";
+const [name, bem] = createNamespace("swipe-item");
+var stdin_default = defineComponent({
+  name,
+  setup(props, {
+    slots
+  }) {
+    let rendered;
+    const state = reactive({
+      offset: 0,
+      inited: false,
+      mounted: false
+    });
+    const {
+      parent,
+      index
+    } = useParent(SWIPE_KEY);
+    if (!parent) {
+      return;
+    }
+    const style = computed(() => {
+      const style2 = {};
+      const {
+        vertical
+      } = parent.props;
+      if (parent.size.value) {
+        style2[vertical ? "height" : "width"] = `${parent.size.value}px`;
+      }
+      if (state.offset) {
+        style2.transform = `translate${vertical ? "Y" : "X"}(${state.offset}px)`;
+      }
+      return style2;
+    });
+    const shouldRender = computed(() => {
+      const {
+        loop,
+        lazyRender
+      } = parent.props;
+      if (!lazyRender || rendered) {
+        return true;
+      }
+      if (!state.mounted) {
+        return false;
+      }
+      const active = parent.activeIndicator.value;
+      const maxActive = parent.count.value - 1;
+      const prevActive = active === 0 && loop ? maxActive : active - 1;
+      const nextActive = active === maxActive && loop ? 0 : active + 1;
+      rendered = index.value === active || index.value === prevActive || index.value === nextActive;
+      return rendered;
+    });
+    const setOffset = (offset) => {
+      state.offset = offset;
+    };
+    onMounted(() => {
+      nextTick(() => {
+        state.mounted = true;
+      });
+    });
+    useExpose({
+      setOffset
+    });
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": bem(),
+        "style": style.value
+      }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/node_modules/vant/es/swipe-item/index.mjs

@@ -0,0 +1,6 @@
+import stdin_default from "./SwipeItem.mjs";
+import { withInstall } from "../utils/with-install.mjs";
+const SwipeItem = withInstall(stdin_default);
+export {
+  SwipeItem
+};