@fecp/designer 5.4.126 → 5.5.1

package/es/node_modules/vant/es/image-preview/ImagePreviewItem.mjs

@@ -1,342 +0,0 @@
-import { defineComponent, reactive, ref, computed, watch, createVNode } from "vue";
-import { useExpose } from "../composables/use-expose.mjs";
-import { useTouch } from "../composables/use-touch.mjs";
-import { useEventListener, raf, useRect } from "../../../@vant/use/dist/index.esm.mjs";
-import { Image } from "../image/index.mjs";
-import { Loading } from "../loading/index.mjs";
-import { SwipeItem } from "../swipe-item/index.mjs";
-import { LONG_PRESS_START_TIME } from "../utils/constant.mjs";
-import { makeRequiredProp, numericProp } from "../utils/props.mjs";
-import { createNamespace } from "../utils/create.mjs";
-import { preventDefault } from "../utils/dom.mjs";
-import { clamp } from "../utils/format.mjs";
-const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
-const getCenter = (touches) => ({
-  x: (touches[0].clientX + touches[1].clientX) / 2,
-  y: (touches[0].clientY + touches[1].clientY) / 2
-});
-const bem = createNamespace("image-preview")[1];
-const longImageRatio = 2.6;
-const imagePreviewItemProps = {
-  src: String,
-  show: Boolean,
-  active: Number,
-  minZoom: makeRequiredProp(numericProp),
-  maxZoom: makeRequiredProp(numericProp),
-  rootWidth: makeRequiredProp(Number),
-  rootHeight: makeRequiredProp(Number),
-  disableZoom: Boolean,
-  doubleScale: Boolean,
-  closeOnClickImage: Boolean,
-  closeOnClickOverlay: Boolean,
-  vertical: Boolean
-};
-var stdin_default = defineComponent({
-  props: imagePreviewItemProps,
-  emits: ["scale", "close", "longPress"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const state = reactive({
-      scale: 1,
-      moveX: 0,
-      moveY: 0,
-      moving: false,
-      zooming: false,
-      initializing: false,
-      imageRatio: 0
-    });
-    const touch = useTouch();
-    const imageRef = ref();
-    const swipeItem = ref();
-    const vertical = ref(false);
-    const isLongImage = ref(false);
-    let initialMoveY = 0;
-    const imageStyle = computed(() => {
-      const {
-        scale,
-        moveX,
-        moveY,
-        moving,
-        zooming,
-        initializing
-      } = state;
-      const style = {
-        transitionDuration: zooming || moving || initializing ? "0s" : ".3s"
-      };
-      if (scale !== 1 || isLongImage.value) {
-        style.transform = `matrix(${scale}, 0, 0, ${scale}, ${moveX}, ${moveY})`;
-      }
-      return style;
-    });
-    const maxMoveX = computed(() => {
-      if (state.imageRatio) {
-        const {
-          rootWidth,
-          rootHeight
-        } = props;
-        const displayWidth = vertical.value ? rootHeight / state.imageRatio : rootWidth;
-        return Math.max(0, (state.scale * displayWidth - rootWidth) / 2);
-      }
-      return 0;
-    });
-    const maxMoveY = computed(() => {
-      if (state.imageRatio) {
-        const {
-          rootWidth,
-          rootHeight
-        } = props;
-        const displayHeight = vertical.value ? rootHeight : rootWidth * state.imageRatio;
-        return Math.max(0, (state.scale * displayHeight - rootHeight) / 2);
-      }
-      return 0;
-    });
-    const setScale = (scale, center) => {
-      var _a;
-      scale = clamp(scale, +props.minZoom, +props.maxZoom + 1);
-      if (scale !== state.scale) {
-        const ratio = scale / state.scale;
-        state.scale = scale;
-        if (center) {
-          const imageRect = useRect((_a = imageRef.value) == null ? void 0 : _a.$el);
-          const origin = {
-            x: imageRect.width * 0.5,
-            y: imageRect.height * 0.5
-          };
-          const moveX = state.moveX - (center.x - imageRect.left - origin.x) * (ratio - 1);
-          const moveY = state.moveY - (center.y - imageRect.top - origin.y) * (ratio - 1);
-          state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
-          state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
-        } else {
-          state.moveX = 0;
-          state.moveY = isLongImage.value ? initialMoveY : 0;
-        }
-        emit("scale", {
-          scale,
-          index: props.active
-        });
-      }
-    };
-    const resetScale = () => {
-      setScale(1);
-    };
-    const toggleScale = () => {
-      const scale = state.scale > 1 ? 1 : 2;
-      setScale(scale, scale === 2 || isLongImage.value ? {
-        x: touch.startX.value,
-        y: touch.startY.value
-      } : void 0);
-    };
-    let fingerNum;
-    let startMoveX;
-    let startMoveY;
-    let startScale;
-    let startDistance;
-    let lastCenter;
-    let doubleTapTimer;
-    let touchStartTime;
-    let isImageMoved = false;
-    const onTouchStart = (event) => {
-      const {
-        touches
-      } = event;
-      fingerNum = touches.length;
-      if (fingerNum === 2 && props.disableZoom) {
-        return;
-      }
-      const {
-        offsetX
-      } = touch;
-      touch.start(event);
-      startMoveX = state.moveX;
-      startMoveY = state.moveY;
-      touchStartTime = Date.now();
-      isImageMoved = false;
-      state.moving = fingerNum === 1 && (state.scale !== 1 || isLongImage.value);
-      state.zooming = fingerNum === 2 && !offsetX.value;
-      if (state.zooming) {
-        startScale = state.scale;
-        startDistance = getDistance(touches);
-      }
-    };
-    const onTouchMove = (event) => {
-      const {
-        touches
-      } = event;
-      touch.move(event);
-      if (state.moving) {
-        const {
-          deltaX,
-          deltaY
-        } = touch;
-        const moveX = deltaX.value + startMoveX;
-        const moveY = deltaY.value + startMoveY;
-        if ((props.vertical ? touch.isVertical() && Math.abs(moveY) > maxMoveY.value : touch.isHorizontal() && Math.abs(moveX) > maxMoveX.value) && !isImageMoved) {
-          state.moving = false;
-          return;
-        }
-        isImageMoved = true;
-        preventDefault(event, true);
-        state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
-        state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
-      }
-      if (state.zooming) {
-        preventDefault(event, true);
-        if (touches.length === 2) {
-          const distance = getDistance(touches);
-          const scale = startScale * distance / startDistance;
-          lastCenter = getCenter(touches);
-          setScale(scale, lastCenter);
-        }
-      }
-    };
-    const checkClose = (event) => {
-      var _a;
-      const swipeItemEl = (_a = swipeItem.value) == null ? void 0 : _a.$el;
-      if (!swipeItemEl) return;
-      const imageEl = swipeItemEl.firstElementChild;
-      const isClickOverlay = event.target === swipeItemEl;
-      const isClickImage = imageEl == null ? void 0 : imageEl.contains(event.target);
-      if (!props.closeOnClickImage && isClickImage) return;
-      if (!props.closeOnClickOverlay && isClickOverlay) return;
-      emit("close");
-    };
-    const checkTap = (event) => {
-      if (fingerNum > 1) {
-        return;
-      }
-      const deltaTime = Date.now() - touchStartTime;
-      const TAP_TIME = 250;
-      if (touch.isTap.value) {
-        if (deltaTime < TAP_TIME) {
-          if (props.doubleScale) {
-            if (doubleTapTimer) {
-              clearTimeout(doubleTapTimer);
-              doubleTapTimer = null;
-              toggleScale();
-            } else {
-              doubleTapTimer = setTimeout(() => {
-                checkClose(event);
-                doubleTapTimer = null;
-              }, TAP_TIME);
-            }
-          } else {
-            checkClose(event);
-          }
-        } else if (deltaTime > LONG_PRESS_START_TIME) {
-          emit("longPress");
-        }
-      }
-    };
-    const onTouchEnd = (event) => {
-      let stopPropagation = false;
-      if (state.moving || state.zooming) {
-        stopPropagation = true;
-        if (state.moving && startMoveX === state.moveX && startMoveY === state.moveY) {
-          stopPropagation = false;
-        }
-        if (!event.touches.length) {
-          if (state.zooming) {
-            state.moveX = clamp(state.moveX, -maxMoveX.value, maxMoveX.value);
-            state.moveY = clamp(state.moveY, -maxMoveY.value, maxMoveY.value);
-            state.zooming = false;
-          }
-          state.moving = false;
-          startMoveX = 0;
-          startMoveY = 0;
-          startScale = 1;
-          if (state.scale < 1) {
-            resetScale();
-          }
-          const maxZoom = +props.maxZoom;
-          if (state.scale > maxZoom) {
-            setScale(maxZoom, lastCenter);
-          }
-        }
-      }
-      preventDefault(event, stopPropagation);
-      checkTap(event);
-      touch.reset();
-    };
-    const resize = () => {
-      const {
-        rootWidth,
-        rootHeight
-      } = props;
-      const rootRatio = rootHeight / rootWidth;
-      const {
-        imageRatio
-      } = state;
-      vertical.value = state.imageRatio > rootRatio && imageRatio < longImageRatio;
-      isLongImage.value = state.imageRatio > rootRatio && imageRatio >= longImageRatio;
-      if (isLongImage.value) {
-        initialMoveY = (imageRatio * rootWidth - rootHeight) / 2;
-        state.moveY = initialMoveY;
-        state.initializing = true;
-        raf(() => {
-          state.initializing = false;
-        });
-      }
-      resetScale();
-    };
-    const onLoad = (event) => {
-      const {
-        naturalWidth,
-        naturalHeight
-      } = event.target;
-      state.imageRatio = naturalHeight / naturalWidth;
-      resize();
-    };
-    watch(() => props.active, resetScale);
-    watch(() => props.show, (value) => {
-      if (!value) {
-        resetScale();
-      }
-    });
-    watch(() => [props.rootWidth, props.rootHeight], resize);
-    useEventListener("touchmove", onTouchMove, {
-      target: computed(() => {
-        var _a;
-        return (_a = swipeItem.value) == null ? void 0 : _a.$el;
-      })
-    });
-    useExpose({
-      resetScale
-    });
-    return () => {
-      const imageSlots = {
-        loading: () => createVNode(Loading, {
-          "type": "spinner"
-        }, null)
-      };
-      return createVNode(SwipeItem, {
-        "ref": swipeItem,
-        "class": bem("swipe-item"),
-        "onTouchstartPassive": onTouchStart,
-        "onTouchend": onTouchEnd,
-        "onTouchcancel": onTouchEnd
-      }, {
-        default: () => [slots.image ? createVNode("div", {
-          "class": bem("image-wrap")
-        }, [slots.image({
-          src: props.src,
-          onLoad,
-          style: imageStyle.value
-        })]) : createVNode(Image, {
-          "ref": imageRef,
-          "src": props.src,
-          "fit": "contain",
-          "class": bem("image", {
-            vertical: vertical.value
-          }),
-          "style": imageStyle.value,
-          "onLoad": onLoad
-        }, imageSlots)]
-      });
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/node_modules/vant/es/image-preview/function-call.mjs

@@ -1,67 +0,0 @@
-import { createVNode, mergeProps } from "vue";
-import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
-import stdin_default from "./ImagePreview.mjs";
-import { inBrowser, extend } from "../utils/basic.mjs";
-let instance;
-const defaultConfig = {
-  loop: true,
-  images: [],
-  maxZoom: 3,
-  minZoom: 1 / 3,
-  onScale: void 0,
-  onClose: void 0,
-  onChange: void 0,
-  vertical: false,
-  teleport: "body",
-  className: "",
-  showIndex: true,
-  closeable: false,
-  closeIcon: "clear",
-  transition: void 0,
-  beforeClose: void 0,
-  doubleScale: true,
-  overlayStyle: void 0,
-  overlayClass: void 0,
-  startPosition: 0,
-  swipeDuration: 300,
-  showIndicators: false,
-  closeOnPopstate: true,
-  closeOnClickOverlay: true,
-  closeIconPosition: "top-right"
-};
-function initInstance() {
-  ({
-    instance
-  } = mountComponent({
-    setup() {
-      const {
-        state,
-        toggle
-      } = usePopupState();
-      const onClosed = () => {
-        state.images = [];
-      };
-      return () => createVNode(stdin_default, mergeProps(state, {
-        "onClosed": onClosed,
-        "onUpdate:show": toggle
-      }), null);
-    }
-  }));
-}
-const showImagePreview = (options, startPosition = 0) => {
-  if (!inBrowser) {
-    return;
-  }
-  if (!instance) {
-    initInstance();
-  }
-  options = Array.isArray(options) ? {
-    images: options,
-    startPosition
-  } : options;
-  instance.open(extend({}, defaultConfig, options));
-  return instance;
-};
-export {
-  showImagePreview
-};

package/es/node_modules/vant/es/image-preview/index.mjs

@@ -1,7 +0,0 @@
-import stdin_default from "./ImagePreview.mjs";
-import { imagePreviewProps } from "./ImagePreview.mjs";
-import { withInstall } from "../utils/with-install.mjs";
-withInstall(stdin_default);
-export {
-  imagePreviewProps
-};

package/es/node_modules/vant/es/index-anchor/IndexAnchor.mjs

@@ -1,88 +0,0 @@
-import { defineComponent, reactive, ref, computed, createVNode } from "vue";
-import { INDEX_BAR_KEY } from "../index-bar/IndexBar.mjs";
-import { getRootScrollTop, getScrollTop } from "../utils/dom.mjs";
-import { useParent, useRect } from "../../../@vant/use/dist/index.esm.mjs";
-import { useExpose } from "../composables/use-expose.mjs";
-import { BORDER_BOTTOM } from "../utils/constant.mjs";
-import { numericProp } from "../utils/props.mjs";
-import { createNamespace } from "../utils/create.mjs";
-import { extend } from "../utils/basic.mjs";
-import { getZIndexStyle } from "../utils/format.mjs";
-const [name, bem] = createNamespace("index-anchor");
-const indexAnchorProps = {
-  index: numericProp
-};
-var stdin_default = defineComponent({
-  name,
-  props: indexAnchorProps,
-  setup(props, {
-    slots
-  }) {
-    const state = reactive({
-      top: 0,
-      left: null,
-      rect: {
-        top: 0,
-        height: 0
-      },
-      width: null,
-      active: false
-    });
-    const root = ref();
-    const {
-      parent
-    } = useParent(INDEX_BAR_KEY);
-    if (!parent) {
-      return;
-    }
-    const isSticky = () => state.active && parent.props.sticky;
-    const anchorStyle = computed(() => {
-      const {
-        zIndex,
-        highlightColor
-      } = parent.props;
-      if (isSticky()) {
-        return extend(getZIndexStyle(zIndex), {
-          left: state.left ? `${state.left}px` : void 0,
-          width: state.width ? `${state.width}px` : void 0,
-          transform: state.top ? `translate3d(0, ${state.top}px, 0)` : void 0,
-          color: highlightColor
-        });
-      }
-    });
-    const getRect = (scrollParent, scrollParentRect) => {
-      const rootRect = useRect(root);
-      state.rect.height = rootRect.height;
-      if (scrollParent === window || scrollParent === document.body) {
-        state.rect.top = rootRect.top + getRootScrollTop();
-      } else {
-        state.rect.top = rootRect.top + getScrollTop(scrollParent) - scrollParentRect.top;
-      }
-      return state.rect;
-    };
-    useExpose({
-      state,
-      getRect
-    });
-    return () => {
-      const sticky = isSticky();
-      return createVNode("div", {
-        "ref": root,
-        "style": {
-          height: sticky ? `${state.rect.height}px` : void 0
-        }
-      }, [createVNode("div", {
-        "style": anchorStyle.value,
-        "class": [bem({
-          sticky
-        }), {
-          [BORDER_BOTTOM]: sticky
-        }]
-      }, [slots.default ? slots.default() : props.index])]);
-    };
-  }
-});
-export {
-  stdin_default as default,
-  indexAnchorProps
-};

package/es/node_modules/vant/es/index-anchor/index.mjs

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