@fecp/mobile-designer 1.0.10 → 1.0.11

package/lib/node_modules/vant/es/image-preview/ImagePreviewItem.js

@@ -0,0 +1,342 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$1 = require("vue");
+const useExpose = require("../composables/use-expose.js");
+const useTouch = require("../composables/use-touch.js");
+const index_esm = require("../../../@vant/use/dist/index.esm.js");
+const index$1 = require("../image/index.js");
+const index$2 = require("../loading/index.js");
+const index = require("../swipe-item/index.js");
+const constant = require("../utils/constant.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const dom = require("../utils/dom.js");
+const format = require("../utils/format.js");
+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 = create.createNamespace("image-preview")[1];
+const longImageRatio = 2.6;
+const imagePreviewItemProps = {
+  src: String,
+  show: Boolean,
+  active: Number,
+  minZoom: props.makeRequiredProp(props.numericProp),
+  maxZoom: props.makeRequiredProp(props.numericProp),
+  rootWidth: props.makeRequiredProp(Number),
+  rootHeight: props.makeRequiredProp(Number),
+  disableZoom: Boolean,
+  doubleScale: Boolean,
+  closeOnClickImage: Boolean,
+  closeOnClickOverlay: Boolean,
+  vertical: Boolean
+};
+var stdin_default = require$$1.defineComponent({
+  props: imagePreviewItemProps,
+  emits: ["scale", "close", "longPress"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const state = require$$1.reactive({
+      scale: 1,
+      moveX: 0,
+      moveY: 0,
+      moving: false,
+      zooming: false,
+      initializing: false,
+      imageRatio: 0
+    });
+    const touch = useTouch.useTouch();
+    const imageRef = require$$1.ref();
+    const swipeItem = require$$1.ref();
+    const vertical = require$$1.ref(false);
+    const isLongImage = require$$1.ref(false);
+    let initialMoveY = 0;
+    const imageStyle = require$$1.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 = require$$1.computed(() => {
+      if (state.imageRatio) {
+        const {
+          rootWidth,
+          rootHeight
+        } = props2;
+        const displayWidth = vertical.value ? rootHeight / state.imageRatio : rootWidth;
+        return Math.max(0, (state.scale * displayWidth - rootWidth) / 2);
+      }
+      return 0;
+    });
+    const maxMoveY = require$$1.computed(() => {
+      if (state.imageRatio) {
+        const {
+          rootWidth,
+          rootHeight
+        } = props2;
+        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 = format.clamp(scale, +props2.minZoom, +props2.maxZoom + 1);
+      if (scale !== state.scale) {
+        const ratio = scale / state.scale;
+        state.scale = scale;
+        if (center) {
+          const imageRect = index_esm.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 = format.clamp(moveX, -maxMoveX.value, maxMoveX.value);
+          state.moveY = format.clamp(moveY, -maxMoveY.value, maxMoveY.value);
+        } else {
+          state.moveX = 0;
+          state.moveY = isLongImage.value ? initialMoveY : 0;
+        }
+        emit("scale", {
+          scale,
+          index: props2.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 && props2.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 ((props2.vertical ? touch.isVertical() && Math.abs(moveY) > maxMoveY.value : touch.isHorizontal() && Math.abs(moveX) > maxMoveX.value) && !isImageMoved) {
+          state.moving = false;
+          return;
+        }
+        isImageMoved = true;
+        dom.preventDefault(event, true);
+        state.moveX = format.clamp(moveX, -maxMoveX.value, maxMoveX.value);
+        state.moveY = format.clamp(moveY, -maxMoveY.value, maxMoveY.value);
+      }
+      if (state.zooming) {
+        dom.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 (!props2.closeOnClickImage && isClickImage) return;
+      if (!props2.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 (props2.doubleScale) {
+            if (doubleTapTimer) {
+              clearTimeout(doubleTapTimer);
+              doubleTapTimer = null;
+              toggleScale();
+            } else {
+              doubleTapTimer = setTimeout(() => {
+                checkClose(event);
+                doubleTapTimer = null;
+              }, TAP_TIME);
+            }
+          } else {
+            checkClose(event);
+          }
+        } else if (deltaTime > constant.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 = format.clamp(state.moveX, -maxMoveX.value, maxMoveX.value);
+            state.moveY = format.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 = +props2.maxZoom;
+          if (state.scale > maxZoom) {
+            setScale(maxZoom, lastCenter);
+          }
+        }
+      }
+      dom.preventDefault(event, stopPropagation);
+      checkTap(event);
+      touch.reset();
+    };
+    const resize = () => {
+      const {
+        rootWidth,
+        rootHeight
+      } = props2;
+      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;
+        index_esm.raf(() => {
+          state.initializing = false;
+        });
+      }
+      resetScale();
+    };
+    const onLoad = (event) => {
+      const {
+        naturalWidth,
+        naturalHeight
+      } = event.target;
+      state.imageRatio = naturalHeight / naturalWidth;
+      resize();
+    };
+    require$$1.watch(() => props2.active, resetScale);
+    require$$1.watch(() => props2.show, (value) => {
+      if (!value) {
+        resetScale();
+      }
+    });
+    require$$1.watch(() => [props2.rootWidth, props2.rootHeight], resize);
+    index_esm.useEventListener("touchmove", onTouchMove, {
+      target: require$$1.computed(() => {
+        var _a;
+        return (_a = swipeItem.value) == null ? void 0 : _a.$el;
+      })
+    });
+    useExpose.useExpose({
+      resetScale
+    });
+    return () => {
+      const imageSlots = {
+        loading: () => require$$1.createVNode(index$2.Loading, {
+          "type": "spinner"
+        }, null)
+      };
+      return require$$1.createVNode(index.SwipeItem, {
+        "ref": swipeItem,
+        "class": bem("swipe-item"),
+        "onTouchstartPassive": onTouchStart,
+        "onTouchend": onTouchEnd,
+        "onTouchcancel": onTouchEnd
+      }, {
+        default: () => [slots.image ? require$$1.createVNode("div", {
+          "class": bem("image-wrap")
+        }, [slots.image({
+          src: props2.src,
+          onLoad,
+          style: imageStyle.value
+        })]) : require$$1.createVNode(index$1.Image, {
+          "ref": imageRef,
+          "src": props2.src,
+          "fit": "contain",
+          "class": bem("image", {
+            vertical: vertical.value
+          }),
+          "style": imageStyle.value,
+          "onLoad": onLoad
+        }, imageSlots)]
+      });
+    };
+  }
+});
+exports.default = stdin_default;

package/lib/node_modules/vant/es/image-preview/function-call.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$1 = require("vue");
+const mountComponent = require("../utils/mount-component.js");
+const ImagePreview = require("./ImagePreview.js");
+const basic = require("../utils/basic.js");
+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.mountComponent({
+    setup() {
+      const {
+        state,
+        toggle
+      } = mountComponent.usePopupState();
+      const onClosed = () => {
+        state.images = [];
+      };
+      return () => require$$1.createVNode(ImagePreview.default, require$$1.mergeProps(state, {
+        "onClosed": onClosed,
+        "onUpdate:show": toggle
+      }), null);
+    }
+  }));
+}
+const showImagePreview = (options, startPosition = 0) => {
+  if (!basic.inBrowser) {
+    return;
+  }
+  if (!instance) {
+    initInstance();
+  }
+  options = Array.isArray(options) ? {
+    images: options,
+    startPosition
+  } : options;
+  instance.open(basic.extend({}, defaultConfig, options));
+  return instance;
+};
+exports.showImagePreview = showImagePreview;

package/lib/node_modules/vant/es/image-preview/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ImagePreview$1 = require("./ImagePreview.js");
+const withInstall = require("../utils/with-install.js");
+const ImagePreview = withInstall.withInstall(ImagePreview$1.default);
+exports.imagePreviewProps = ImagePreview$1.imagePreviewProps;
+exports.ImagePreview = ImagePreview;

package/lib/node_modules/vant/es/index-anchor/IndexAnchor.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$1 = require("vue");
+const IndexBar = require("../index-bar/IndexBar.js");
+const dom = require("../utils/dom.js");
+const index_esm = require("../../../@vant/use/dist/index.esm.js");
+const useExpose = require("../composables/use-expose.js");
+const constant = require("../utils/constant.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const basic = require("../utils/basic.js");
+const format = require("../utils/format.js");
+const [name, bem] = create.createNamespace("index-anchor");
+const indexAnchorProps = {
+  index: props.numericProp
+};
+var stdin_default = require$$1.defineComponent({
+  name,
+  props: indexAnchorProps,
+  setup(props2, {
+    slots
+  }) {
+    const state = require$$1.reactive({
+      top: 0,
+      left: null,
+      rect: {
+        top: 0,
+        height: 0
+      },
+      width: null,
+      active: false
+    });
+    const root = require$$1.ref();
+    const {
+      parent
+    } = index_esm.useParent(IndexBar.INDEX_BAR_KEY);
+    if (!parent) {
+      return;
+    }
+    const isSticky = () => state.active && parent.props.sticky;
+    const anchorStyle = require$$1.computed(() => {
+      const {
+        zIndex,
+        highlightColor
+      } = parent.props;
+      if (isSticky()) {
+        return basic.extend(format.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 = index_esm.useRect(root);
+      state.rect.height = rootRect.height;
+      if (scrollParent === window || scrollParent === document.body) {
+        state.rect.top = rootRect.top + dom.getRootScrollTop();
+      } else {
+        state.rect.top = rootRect.top + dom.getScrollTop(scrollParent) - scrollParentRect.top;
+      }
+      return state.rect;
+    };
+    useExpose.useExpose({
+      state,
+      getRect
+    });
+    return () => {
+      const sticky = isSticky();
+      return require$$1.createVNode("div", {
+        "ref": root,
+        "style": {
+          height: sticky ? `${state.rect.height}px` : void 0
+        }
+      }, [require$$1.createVNode("div", {
+        "style": anchorStyle.value,
+        "class": [bem({
+          sticky
+        }), {
+          [constant.BORDER_BOTTOM]: sticky
+        }]
+      }, [slots.default ? slots.default() : props2.index])]);
+    };
+  }
+});
+exports.default = stdin_default;
+exports.indexAnchorProps = indexAnchorProps;

package/lib/node_modules/vant/es/index-anchor/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const IndexAnchor$1 = require("./IndexAnchor.js");
+const withInstall = require("../utils/with-install.js");
+const IndexAnchor = withInstall.withInstall(IndexAnchor$1.default);
+exports.indexAnchorProps = IndexAnchor$1.indexAnchorProps;
+exports.IndexAnchor = IndexAnchor;