@fecp/mobile-designer 1.0.9 → 1.0.11

package/lib/node_modules/vant/es/index-bar/IndexBar.js

@@ -0,0 +1,237 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$1 = require("vue");
+const index_esm = require("../../../@vant/use/dist/index.esm.js");
+const useTouch = require("../composables/use-touch.js");
+const useExpose = require("../composables/use-expose.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const basic = require("../utils/basic.js");
+const dom = require("../utils/dom.js");
+function genAlphabet() {
+  const charCodeOfA = "A".charCodeAt(0);
+  const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
+  return indexList;
+}
+const [name, bem] = create.createNamespace("index-bar");
+const indexBarProps = {
+  sticky: props.truthProp,
+  zIndex: props.numericProp,
+  teleport: [String, Object],
+  highlightColor: String,
+  stickyOffsetTop: props.makeNumberProp(0),
+  indexList: {
+    type: Array,
+    default: genAlphabet
+  }
+};
+const INDEX_BAR_KEY = Symbol(name);
+var stdin_default = require$$1.defineComponent({
+  name,
+  props: indexBarProps,
+  emits: ["select", "change"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const root = require$$1.ref();
+    const sidebar = require$$1.ref();
+    const activeAnchor = require$$1.ref("");
+    const touch = useTouch.useTouch();
+    const scrollParent = index_esm.useScrollParent(root);
+    const {
+      children,
+      linkChildren
+    } = index_esm.useChildren(INDEX_BAR_KEY);
+    let selectActiveIndex;
+    linkChildren({
+      props: props2
+    });
+    const sidebarStyle = require$$1.computed(() => {
+      if (basic.isDef(props2.zIndex)) {
+        return {
+          zIndex: +props2.zIndex + 1
+        };
+      }
+    });
+    const highlightStyle = require$$1.computed(() => {
+      if (props2.highlightColor) {
+        return {
+          color: props2.highlightColor
+        };
+      }
+    });
+    const getActiveAnchor = (scrollTop, rects) => {
+      for (let i = children.length - 1; i >= 0; i--) {
+        const prevHeight = i > 0 ? rects[i - 1].height : 0;
+        const reachTop = props2.sticky ? prevHeight + props2.stickyOffsetTop : 0;
+        if (scrollTop + reachTop >= rects[i].top) {
+          return i;
+        }
+      }
+      return -1;
+    };
+    const getMatchAnchor = (index) => children.find((item) => String(item.index) === index);
+    const onScroll = () => {
+      if (dom.isHidden(root)) {
+        return;
+      }
+      const {
+        sticky,
+        indexList
+      } = props2;
+      const scrollTop = dom.getScrollTop(scrollParent.value);
+      const scrollParentRect = index_esm.useRect(scrollParent);
+      const rects = children.map((item) => item.getRect(scrollParent.value, scrollParentRect));
+      let active = -1;
+      if (selectActiveIndex) {
+        const match = getMatchAnchor(selectActiveIndex);
+        if (match) {
+          const rect = match.getRect(scrollParent.value, scrollParentRect);
+          if (props2.sticky && props2.stickyOffsetTop) {
+            active = getActiveAnchor(rect.top - props2.stickyOffsetTop, rects);
+          } else {
+            active = getActiveAnchor(rect.top, rects);
+          }
+        }
+      } else {
+        active = getActiveAnchor(scrollTop, rects);
+      }
+      activeAnchor.value = indexList[active];
+      if (sticky) {
+        children.forEach((item, index) => {
+          const {
+            state,
+            $el
+          } = item;
+          if (index === active || index === active - 1) {
+            const rect = $el.getBoundingClientRect();
+            state.left = rect.left;
+            state.width = rect.width;
+          } else {
+            state.left = null;
+            state.width = null;
+          }
+          if (index === active) {
+            state.active = true;
+            state.top = Math.max(props2.stickyOffsetTop, rects[index].top - scrollTop) + scrollParentRect.top;
+          } else if (index === active - 1 && selectActiveIndex === "") {
+            const activeItemTop = rects[active].top - scrollTop;
+            state.active = activeItemTop > 0;
+            state.top = activeItemTop + scrollParentRect.top - rects[index].height;
+          } else {
+            state.active = false;
+          }
+        });
+      }
+      selectActiveIndex = "";
+    };
+    const init = () => {
+      require$$1.nextTick(onScroll);
+    };
+    index_esm.useEventListener("scroll", onScroll, {
+      target: scrollParent,
+      passive: true
+    });
+    require$$1.onMounted(init);
+    require$$1.watch(() => props2.indexList, init);
+    require$$1.watch(activeAnchor, (value) => {
+      if (value) {
+        emit("change", value);
+      }
+    });
+    const renderIndexes = () => props2.indexList.map((index) => {
+      const active = index === activeAnchor.value;
+      return require$$1.createVNode("span", {
+        "class": bem("index", {
+          active
+        }),
+        "style": active ? highlightStyle.value : void 0,
+        "data-index": index
+      }, [index]);
+    });
+    const scrollTo = (index) => {
+      selectActiveIndex = String(index);
+      const match = getMatchAnchor(selectActiveIndex);
+      if (match) {
+        const scrollTop = dom.getScrollTop(scrollParent.value);
+        const scrollParentRect = index_esm.useRect(scrollParent);
+        const {
+          offsetHeight
+        } = document.documentElement;
+        match.$el.scrollIntoView();
+        if (scrollTop === offsetHeight - scrollParentRect.height) {
+          onScroll();
+          return;
+        }
+        if (props2.sticky && props2.stickyOffsetTop) {
+          if (dom.getRootScrollTop() === offsetHeight - scrollParentRect.height) {
+            dom.setRootScrollTop(dom.getRootScrollTop());
+          } else {
+            dom.setRootScrollTop(dom.getRootScrollTop() - props2.stickyOffsetTop);
+          }
+        }
+        emit("select", match.index);
+      }
+    };
+    const scrollToElement = (element) => {
+      const {
+        index
+      } = element.dataset;
+      if (index) {
+        scrollTo(index);
+      }
+    };
+    const onClickSidebar = (event) => {
+      scrollToElement(event.target);
+    };
+    let touchActiveIndex;
+    const onTouchMove = (event) => {
+      touch.move(event);
+      if (touch.isVertical()) {
+        dom.preventDefault(event);
+        const {
+          clientX,
+          clientY
+        } = event.touches[0];
+        const target = document.elementFromPoint(clientX, clientY);
+        if (target) {
+          const {
+            index
+          } = target.dataset;
+          if (index && touchActiveIndex !== index) {
+            touchActiveIndex = index;
+            scrollToElement(target);
+          }
+        }
+      }
+    };
+    const renderSidebar = () => require$$1.createVNode("div", {
+      "ref": sidebar,
+      "class": bem("sidebar"),
+      "style": sidebarStyle.value,
+      "onClick": onClickSidebar,
+      "onTouchstartPassive": touch.start
+    }, [renderIndexes()]);
+    useExpose.useExpose({
+      scrollTo
+    });
+    index_esm.useEventListener("touchmove", onTouchMove, {
+      target: sidebar
+    });
+    return () => {
+      var _a;
+      return require$$1.createVNode("div", {
+        "ref": root,
+        "class": bem()
+      }, [props2.teleport ? require$$1.createVNode(require$$1.Teleport, {
+        "to": props2.teleport
+      }, {
+        default: () => [renderSidebar()]
+      }) : renderSidebar(), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+exports.INDEX_BAR_KEY = INDEX_BAR_KEY;
+exports.default = stdin_default;
+exports.indexBarProps = indexBarProps;

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

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

package/lib/node_modules/vant/es/lazyload/vue-lazyload/util.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function throttle(action, delay) {
+  let timeout = null;
+  let lastRun = 0;
+  return function(...args) {
+    if (timeout) {
+      return;
+    }
+    const elapsed = Date.now() - lastRun;
+    const runCallback = () => {
+      lastRun = Date.now();
+      timeout = false;
+      action.apply(this, args);
+    };
+    if (elapsed >= delay) {
+      runCallback();
+    } else {
+      timeout = setTimeout(runCallback, delay);
+    }
+  };
+}
+exports.throttle = throttle;

package/lib/node_modules/vant/es/list/List.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$1 = require("vue");
+const index_esm = require("../../../@vant/use/dist/index.esm.js");
+const useExpose = require("../composables/use-expose.js");
+const useTabStatus = require("../composables/use-tab-status.js");
+const index = require("../loading/index.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const dom = require("../utils/dom.js");
+const [name, bem, t] = create.createNamespace("list");
+const listProps = {
+  error: Boolean,
+  offset: props.makeNumericProp(300),
+  loading: Boolean,
+  disabled: Boolean,
+  finished: Boolean,
+  scroller: Object,
+  errorText: String,
+  direction: props.makeStringProp("down"),
+  loadingText: String,
+  finishedText: String,
+  immediateCheck: props.truthProp
+};
+var stdin_default = require$$1.defineComponent({
+  name,
+  props: listProps,
+  emits: ["load", "update:error", "update:loading"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const loading = require$$1.ref(props2.loading);
+    const root = require$$1.ref();
+    const placeholder = require$$1.ref();
+    const tabStatus = useTabStatus.useTabStatus();
+    const scrollParent = index_esm.useScrollParent(root);
+    const scroller = require$$1.computed(() => props2.scroller || scrollParent.value);
+    const check = () => {
+      require$$1.nextTick(() => {
+        if (loading.value || props2.finished || props2.disabled || props2.error || // skip check when inside an inactive tab
+        (tabStatus == null ? void 0 : tabStatus.value) === false) {
+          return;
+        }
+        const {
+          direction
+        } = props2;
+        const offset = +props2.offset;
+        const scrollParentRect = index_esm.useRect(scroller);
+        if (!scrollParentRect.height || dom.isHidden(root)) {
+          return;
+        }
+        let isReachEdge = false;
+        const placeholderRect = index_esm.useRect(placeholder);
+        if (direction === "up") {
+          isReachEdge = scrollParentRect.top - placeholderRect.top <= offset;
+        } else {
+          isReachEdge = placeholderRect.bottom - scrollParentRect.bottom <= offset;
+        }
+        if (isReachEdge) {
+          loading.value = true;
+          emit("update:loading", true);
+          emit("load");
+        }
+      });
+    };
+    const renderFinishedText = () => {
+      if (props2.finished) {
+        const text = slots.finished ? slots.finished() : props2.finishedText;
+        if (text) {
+          return require$$1.createVNode("div", {
+            "class": bem("finished-text")
+          }, [text]);
+        }
+      }
+    };
+    const clickErrorText = () => {
+      emit("update:error", false);
+      check();
+    };
+    const renderErrorText = () => {
+      if (props2.error) {
+        const text = slots.error ? slots.error() : props2.errorText;
+        if (text) {
+          return require$$1.createVNode("div", {
+            "role": "button",
+            "class": bem("error-text"),
+            "tabindex": 0,
+            "onClick": clickErrorText
+          }, [text]);
+        }
+      }
+    };
+    const renderLoading = () => {
+      if (loading.value && !props2.finished && !props2.disabled) {
+        return require$$1.createVNode("div", {
+          "class": bem("loading")
+        }, [slots.loading ? slots.loading() : require$$1.createVNode(index.Loading, {
+          "class": bem("loading-icon")
+        }, {
+          default: () => [props2.loadingText || t("loading")]
+        })]);
+      }
+    };
+    require$$1.watch(() => [props2.loading, props2.finished, props2.error], check);
+    if (tabStatus) {
+      require$$1.watch(tabStatus, (tabActive) => {
+        if (tabActive) {
+          check();
+        }
+      });
+    }
+    require$$1.onUpdated(() => {
+      loading.value = props2.loading;
+    });
+    require$$1.onMounted(() => {
+      if (props2.immediateCheck) {
+        check();
+      }
+    });
+    useExpose.useExpose({
+      check
+    });
+    index_esm.useEventListener("scroll", check, {
+      target: scroller,
+      passive: true
+    });
+    return () => {
+      var _a;
+      const Content = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      const Placeholder = require$$1.createVNode("div", {
+        "ref": placeholder,
+        "class": bem("placeholder")
+      }, null);
+      return require$$1.createVNode("div", {
+        "ref": root,
+        "role": "feed",
+        "class": bem(),
+        "aria-busy": loading.value
+      }, [props2.direction === "down" ? Content : Placeholder, renderLoading(), renderFinishedText(), renderErrorText(), props2.direction === "up" ? Content : Placeholder]);
+    };
+  }
+});
+exports.default = stdin_default;
+exports.listProps = listProps;

package/lib/node_modules/vant/es/list/index.js

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

package/lib/node_modules/vant/es/loading/Loading.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$1 = require("vue");
+const format = require("../utils/format.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const basic = require("../utils/basic.js");
+const [name, bem] = create.createNamespace("loading");
+const SpinIcon = Array(12).fill(null).map((_, index) => require$$1.createVNode("i", {
+  "class": bem("line", String(index + 1))
+}, null));
+const CircularIcon = require$$1.createVNode("svg", {
+  "class": bem("circular"),
+  "viewBox": "25 25 50 50"
+}, [require$$1.createVNode("circle", {
+  "cx": "50",
+  "cy": "50",
+  "r": "20",
+  "fill": "none"
+}, null)]);
+const loadingProps = {
+  size: props.numericProp,
+  type: props.makeStringProp("circular"),
+  color: String,
+  vertical: Boolean,
+  textSize: props.numericProp,
+  textColor: String
+};
+var stdin_default = require$$1.defineComponent({
+  name,
+  props: loadingProps,
+  setup(props2, {
+    slots
+  }) {
+    const spinnerStyle = require$$1.computed(() => basic.extend({
+      color: props2.color
+    }, format.getSizeStyle(props2.size)));
+    const renderIcon = () => {
+      const DefaultIcon = props2.type === "spinner" ? SpinIcon : CircularIcon;
+      return require$$1.createVNode("span", {
+        "class": bem("spinner", props2.type),
+        "style": spinnerStyle.value
+      }, [slots.icon ? slots.icon() : DefaultIcon]);
+    };
+    const renderText = () => {
+      var _a;
+      if (slots.default) {
+        return require$$1.createVNode("span", {
+          "class": bem("text"),
+          "style": {
+            fontSize: format.addUnit(props2.textSize),
+            color: (_a = props2.textColor) != null ? _a : props2.color
+          }
+        }, [slots.default()]);
+      }
+    };
+    return () => {
+      const {
+        type,
+        vertical
+      } = props2;
+      return require$$1.createVNode("div", {
+        "class": bem([type, {
+          vertical
+        }]),
+        "aria-live": "polite",
+        "aria-busy": true
+      }, [renderIcon(), renderText()]);
+    };
+  }
+});
+exports.default = stdin_default;
+exports.loadingProps = loadingProps;

package/lib/node_modules/vant/es/loading/index.js

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

package/lib/node_modules/vant/es/nav-bar/NavBar.js

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$1 = require("vue");
+const usePlaceholder = require("../composables/use-placeholder.js");
+const index = require("../icon/index.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const format = require("../utils/format.js");
+const constant = require("../utils/constant.js");
+const [name, bem] = create.createNamespace("nav-bar");
+const navBarProps = {
+  title: String,
+  fixed: Boolean,
+  zIndex: props.numericProp,
+  border: props.truthProp,
+  leftText: String,
+  rightText: String,
+  leftDisabled: Boolean,
+  rightDisabled: Boolean,
+  leftArrow: Boolean,
+  placeholder: Boolean,
+  safeAreaInsetTop: Boolean,
+  clickable: props.truthProp
+};
+var stdin_default = require$$1.defineComponent({
+  name,
+  props: navBarProps,
+  emits: ["clickLeft", "clickRight"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const navBarRef = require$$1.ref();
+    const renderPlaceholder = usePlaceholder.usePlaceholder(navBarRef, bem);
+    const onClickLeft = (event) => {
+      if (!props2.leftDisabled) {
+        emit("clickLeft", event);
+      }
+    };
+    const onClickRight = (event) => {
+      if (!props2.rightDisabled) {
+        emit("clickRight", event);
+      }
+    };
+    const renderLeft = () => {
+      if (slots.left) {
+        return slots.left();
+      }
+      return [props2.leftArrow && require$$1.createVNode(index.Icon, {
+        "class": bem("arrow"),
+        "name": "arrow-left"
+      }, null), props2.leftText && require$$1.createVNode("span", {
+        "class": bem("text")
+      }, [props2.leftText])];
+    };
+    const renderRight = () => {
+      if (slots.right) {
+        return slots.right();
+      }
+      return require$$1.createVNode("span", {
+        "class": bem("text")
+      }, [props2.rightText]);
+    };
+    const renderNavBar = () => {
+      const {
+        title,
+        fixed,
+        border,
+        zIndex
+      } = props2;
+      const style = format.getZIndexStyle(zIndex);
+      const hasLeft = props2.leftArrow || props2.leftText || slots.left;
+      const hasRight = props2.rightText || slots.right;
+      return require$$1.createVNode("div", {
+        "ref": navBarRef,
+        "style": style,
+        "class": [bem({
+          fixed
+        }), {
+          [constant.BORDER_BOTTOM]: border,
+          "van-safe-area-top": props2.safeAreaInsetTop
+        }]
+      }, [require$$1.createVNode("div", {
+        "class": bem("content")
+      }, [hasLeft && require$$1.createVNode("div", {
+        "class": [bem("left", {
+          disabled: props2.leftDisabled
+        }), props2.clickable && !props2.leftDisabled ? constant.HAPTICS_FEEDBACK : ""],
+        "onClick": onClickLeft
+      }, [renderLeft()]), require$$1.createVNode("div", {
+        "class": [bem("title"), "van-ellipsis"]
+      }, [slots.title ? slots.title() : title]), hasRight && require$$1.createVNode("div", {
+        "class": [bem("right", {
+          disabled: props2.rightDisabled
+        }), props2.clickable && !props2.rightDisabled ? constant.HAPTICS_FEEDBACK : ""],
+        "onClick": onClickRight
+      }, [renderRight()])])]);
+    };
+    return () => {
+      if (props2.fixed && props2.placeholder) {
+        return renderPlaceholder(renderNavBar);
+      }
+      return renderNavBar();
+    };
+  }
+});
+exports.default = stdin_default;
+exports.navBarProps = navBarProps;

package/lib/node_modules/vant/es/nav-bar/index.js

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