@fecp/mobile-designer 1.0.9 → 1.0.11

package/es/node_modules/vant/es/composables/use-height.mjs

@@ -0,0 +1,24 @@
+import { useRect } from "../../../@vant/use/dist/index.esm.mjs";
+import { ref, onMounted, nextTick, watch } from "vue";
+import { onPopupReopen } from "./on-popup-reopen.mjs";
+import { windowWidth, windowHeight } from "../utils/dom.mjs";
+const useHeight = (element, withSafeArea) => {
+  const height = ref();
+  const setHeight = () => {
+    height.value = useRect(element).height;
+  };
+  onMounted(() => {
+    nextTick(setHeight);
+    if (withSafeArea) {
+      for (let i = 1; i <= 3; i++) {
+        setTimeout(setHeight, 100 * i);
+      }
+    }
+  });
+  onPopupReopen(() => nextTick(setHeight));
+  watch([windowWidth, windowHeight], setHeight);
+  return height;
+};
+export {
+  useHeight
+};

package/es/node_modules/vant/es/composables/use-id.mjs

@@ -0,0 +1,10 @@
+import { getCurrentInstance } from "vue";
+let current = 0;
+function useId() {
+  const vm = getCurrentInstance();
+  const { name = "unknown" } = (vm == null ? void 0 : vm.type) || {};
+  return `${name}-${++current}`;
+}
+export {
+  useId
+};

package/es/node_modules/vant/es/composables/use-lazy-render.mjs

@@ -0,0 +1,17 @@
+import { ref, watch } from "vue";
+function useLazyRender(show) {
+  const inited = ref(false);
+  watch(
+    show,
+    (value) => {
+      if (value) {
+        inited.value = value;
+      }
+    },
+    { immediate: true }
+  );
+  return (render) => () => inited.value ? render() : null;
+}
+export {
+  useLazyRender
+};

package/es/node_modules/vant/es/composables/use-lock-scroll.mjs

@@ -0,0 +1,58 @@
+import { onDeactivated, onBeforeUnmount, watch } from "vue";
+import { onMountedOrActivated, getScrollParent } from "../../../@vant/use/dist/index.esm.mjs";
+import { useTouch } from "./use-touch.mjs";
+import { preventDefault } from "../utils/dom.mjs";
+let totalLockCount = 0;
+const BODY_LOCK_CLASS = "van-overflow-hidden";
+function useLockScroll(rootRef, shouldLock) {
+  const touch = useTouch();
+  const DIRECTION_UP = "01";
+  const DIRECTION_DOWN = "10";
+  const onTouchMove = (event) => {
+    touch.move(event);
+    const direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
+    const el = getScrollParent(
+      event.target,
+      rootRef.value
+    );
+    const { scrollHeight, offsetHeight, scrollTop } = el;
+    let status = "11";
+    if (scrollTop === 0) {
+      status = offsetHeight >= scrollHeight ? "00" : "01";
+    } else if (scrollTop + offsetHeight >= scrollHeight) {
+      status = "10";
+    }
+    if (status !== "11" && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
+      preventDefault(event, true);
+    }
+  };
+  const lock = () => {
+    document.addEventListener("touchstart", touch.start);
+    document.addEventListener("touchmove", onTouchMove, { passive: false });
+    if (!totalLockCount) {
+      document.body.classList.add(BODY_LOCK_CLASS);
+    }
+    totalLockCount++;
+  };
+  const unlock = () => {
+    if (totalLockCount) {
+      document.removeEventListener("touchstart", touch.start);
+      document.removeEventListener("touchmove", onTouchMove);
+      totalLockCount--;
+      if (!totalLockCount) {
+        document.body.classList.remove(BODY_LOCK_CLASS);
+      }
+    }
+  };
+  const init = () => shouldLock() && lock();
+  const destroy = () => shouldLock() && unlock();
+  onMountedOrActivated(init);
+  onDeactivated(destroy);
+  onBeforeUnmount(destroy);
+  watch(shouldLock, (value) => {
+    value ? lock() : unlock();
+  });
+}
+export {
+  useLockScroll
+};

package/es/node_modules/vant/es/composables/use-placeholder.mjs

@@ -0,0 +1,14 @@
+import { createVNode } from "vue";
+import { useHeight } from "./use-height.mjs";
+function usePlaceholder(contentRef, bem) {
+  const height = useHeight(contentRef, true);
+  return (renderContent) => createVNode("div", {
+    "class": bem("placeholder"),
+    "style": {
+      height: height.value ? `${height.value}px` : void 0
+    }
+  }, [renderContent()]);
+}
+export {
+  usePlaceholder
+};

package/es/node_modules/vant/es/composables/use-refs.mjs

@@ -0,0 +1,20 @@
+import { ref, onBeforeUpdate } from "vue";
+function useRefs() {
+  const refs = ref([]);
+  const cache = [];
+  onBeforeUpdate(() => {
+    refs.value = [];
+  });
+  const setRefs = (index) => {
+    if (!cache[index]) {
+      cache[index] = (el) => {
+        refs.value[index] = el;
+      };
+    }
+    return cache[index];
+  };
+  return [refs, setRefs];
+}
+export {
+  useRefs
+};

package/es/node_modules/vant/es/composables/use-route.mjs

@@ -0,0 +1,27 @@
+import { getCurrentInstance } from "vue";
+const routeProps = {
+  to: [String, Object],
+  url: String,
+  replace: Boolean
+};
+function route({
+  to,
+  url,
+  replace,
+  $router: router
+}) {
+  if (to && router) {
+    router[replace ? "replace" : "push"](to);
+  } else if (url) {
+    replace ? location.replace(url) : location.href = url;
+  }
+}
+function useRoute() {
+  const vm = getCurrentInstance().proxy;
+  return () => route(vm);
+}
+export {
+  route,
+  routeProps,
+  useRoute
+};

package/es/node_modules/vant/es/composables/use-scope-id.mjs

@@ -0,0 +1,9 @@
+import { getCurrentInstance } from "vue";
+const useScopeId = () => {
+  var _a;
+  const { scopeId } = ((_a = getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
+  return scopeId ? { [scopeId]: "" } : null;
+};
+export {
+  useScopeId
+};

package/es/node_modules/vant/es/composables/use-sync-prop-ref.mjs

@@ -0,0 +1,18 @@
+import { ref, watch } from "vue";
+const useSyncPropRef = (getProp, setProp) => {
+  const propRef = ref(getProp());
+  watch(getProp, (value) => {
+    if (value !== propRef.value) {
+      propRef.value = value;
+    }
+  });
+  watch(propRef, (value) => {
+    if (value !== getProp()) {
+      setProp(value);
+    }
+  });
+  return propRef;
+};
+export {
+  useSyncPropRef
+};

package/es/node_modules/vant/es/composables/use-tab-status.mjs

@@ -0,0 +1,7 @@
+import { inject } from "vue";
+const TAB_STATUS_KEY = Symbol();
+const useTabStatus = () => inject(TAB_STATUS_KEY, null);
+export {
+  TAB_STATUS_KEY,
+  useTabStatus
+};

package/es/node_modules/vant/es/composables/use-touch.mjs

@@ -0,0 +1,68 @@
+import { ref } from "vue";
+import { TAP_OFFSET } from "../utils/constant.mjs";
+function getDirection(x, y) {
+  if (x > y) {
+    return "horizontal";
+  }
+  if (y > x) {
+    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 isTap = ref(true);
+  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 = "";
+    isTap.value = true;
+  };
+  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 < 0 ? 0 : touch.clientX) - startX.value;
+    deltaY.value = touch.clientY - startY.value;
+    offsetX.value = Math.abs(deltaX.value);
+    offsetY.value = Math.abs(deltaY.value);
+    const LOCK_DIRECTION_DISTANCE = 10;
+    if (!direction.value || offsetX.value < LOCK_DIRECTION_DISTANCE && offsetY.value < LOCK_DIRECTION_DISTANCE) {
+      direction.value = getDirection(offsetX.value, offsetY.value);
+    }
+    if (isTap.value && (offsetX.value > TAP_OFFSET || offsetY.value > TAP_OFFSET)) {
+      isTap.value = false;
+    }
+  };
+  return {
+    move,
+    start,
+    reset,
+    startX,
+    startY,
+    deltaX,
+    deltaY,
+    offsetX,
+    offsetY,
+    direction,
+    isVertical,
+    isHorizontal,
+    isTap
+  };
+}
+export {
+  useTouch
+};

package/es/node_modules/vant/es/composables/use-visibility-change.mjs

@@ -0,0 +1,30 @@
+import { onDeactivated, onBeforeUnmount } from "vue";
+import { onMountedOrActivated } from "../../../@vant/use/dist/index.esm.mjs";
+import { inBrowser } from "../utils/basic.mjs";
+function useVisibilityChange(target, onChange) {
+  if (!inBrowser || !window.IntersectionObserver) {
+    return;
+  }
+  const observer = new IntersectionObserver(
+    (entries) => {
+      onChange(entries[0].intersectionRatio > 0);
+    },
+    { root: document.body }
+  );
+  const observe = () => {
+    if (target.value) {
+      observer.observe(target.value);
+    }
+  };
+  const unobserve = () => {
+    if (target.value) {
+      observer.unobserve(target.value);
+    }
+  };
+  onDeactivated(unobserve);
+  onBeforeUnmount(unobserve);
+  onMountedOrActivated(observe);
+}
+export {
+  useVisibilityChange
+};

package/es/node_modules/vant/es/date-picker/DatePicker.mjs

@@ -0,0 +1,131 @@
+import { defineComponent, ref, computed, watch, createVNode, mergeProps } from "vue";
+import { formatValueRange, pickerInheritKeys, sharedProps, getMonthEndDay, genOptions } from "./utils.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Picker } from "../picker/index.mjs";
+import { extend, isSameValue, pick, isDate } from "../utils/basic.mjs";
+import { createNamespace } from "../utils/create.mjs";
+const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
+const [name] = createNamespace("date-picker");
+const datePickerProps = extend({}, sharedProps, {
+  columnsType: {
+    type: Array,
+    default: () => ["year", "month", "day"]
+  },
+  minDate: {
+    type: Date,
+    default: () => new Date(currentYear - 10, 0, 1),
+    validator: isDate
+  },
+  maxDate: {
+    type: Date,
+    default: () => new Date(currentYear + 10, 11, 31),
+    validator: isDate
+  }
+});
+var stdin_default = defineComponent({
+  name,
+  props: datePickerProps,
+  emits: ["confirm", "cancel", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const currentValues = ref(props.modelValue);
+    const updatedByExternalSources = ref(false);
+    const pickerRef = ref();
+    const computedValues = computed(() => updatedByExternalSources.value ? props.modelValue : currentValues.value);
+    const isMinYear = (year) => year === props.minDate.getFullYear();
+    const isMaxYear = (year) => year === props.maxDate.getFullYear();
+    const isMinMonth = (month) => month === props.minDate.getMonth() + 1;
+    const isMaxMonth = (month) => month === props.maxDate.getMonth() + 1;
+    const getValue = (type) => {
+      const {
+        minDate,
+        columnsType
+      } = props;
+      const index = columnsType.indexOf(type);
+      const value = computedValues.value[index];
+      if (value) {
+        return +value;
+      }
+      switch (type) {
+        case "year":
+          return minDate.getFullYear();
+        case "month":
+          return minDate.getMonth() + 1;
+        case "day":
+          return minDate.getDate();
+      }
+    };
+    const genYearOptions = () => {
+      const minYear = props.minDate.getFullYear();
+      const maxYear = props.maxDate.getFullYear();
+      return genOptions(minYear, maxYear, "year", props.formatter, props.filter, computedValues.value);
+    };
+    const genMonthOptions = () => {
+      const year = getValue("year");
+      const minMonth = isMinYear(year) ? props.minDate.getMonth() + 1 : 1;
+      const maxMonth = isMaxYear(year) ? props.maxDate.getMonth() + 1 : 12;
+      return genOptions(minMonth, maxMonth, "month", props.formatter, props.filter, computedValues.value);
+    };
+    const genDayOptions = () => {
+      const year = getValue("year");
+      const month = getValue("month");
+      const minDate = isMinYear(year) && isMinMonth(month) ? props.minDate.getDate() : 1;
+      const maxDate = isMaxYear(year) && isMaxMonth(month) ? props.maxDate.getDate() : getMonthEndDay(year, month);
+      return genOptions(minDate, maxDate, "day", props.formatter, props.filter, computedValues.value);
+    };
+    const confirm = () => {
+      var _a;
+      return (_a = pickerRef.value) == null ? void 0 : _a.confirm();
+    };
+    const getSelectedDate = () => currentValues.value;
+    const columns = computed(() => props.columnsType.map((type) => {
+      switch (type) {
+        case "year":
+          return genYearOptions();
+        case "month":
+          return genMonthOptions();
+        case "day":
+          return genDayOptions();
+        default:
+          return [];
+      }
+    }));
+    watch(currentValues, (newValues) => {
+      if (!isSameValue(newValues, props.modelValue)) {
+        emit("update:modelValue", newValues);
+      }
+    });
+    watch(() => props.modelValue, (newValues, oldValues) => {
+      updatedByExternalSources.value = isSameValue(oldValues, currentValues.value);
+      newValues = formatValueRange(newValues, columns.value);
+      if (!isSameValue(newValues, currentValues.value)) {
+        currentValues.value = newValues;
+      }
+      updatedByExternalSources.value = false;
+    }, {
+      immediate: true
+    });
+    const onChange = (...args) => emit("change", ...args);
+    const onCancel = (...args) => emit("cancel", ...args);
+    const onConfirm = (...args) => emit("confirm", ...args);
+    useExpose({
+      confirm,
+      getSelectedDate
+    });
+    return () => createVNode(Picker, mergeProps({
+      "ref": pickerRef,
+      "modelValue": currentValues.value,
+      "onUpdate:modelValue": ($event) => currentValues.value = $event,
+      "columns": columns.value,
+      "onChange": onChange,
+      "onCancel": onCancel,
+      "onConfirm": onConfirm
+    }, pick(props, pickerInheritKeys)), slots);
+  }
+});
+export {
+  datePickerProps,
+  stdin_default as default
+};

package/es/node_modules/vant/es/date-picker/index.mjs

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

package/es/node_modules/vant/es/date-picker/utils.mjs

@@ -0,0 +1,52 @@
+import { pickerSharedProps } from "../picker/Picker.mjs";
+import { padZero, clamp } from "../utils/format.mjs";
+import { extend } from "../utils/basic.mjs";
+import { makeArrayProp } from "../utils/props.mjs";
+const sharedProps = extend({}, pickerSharedProps, {
+  modelValue: makeArrayProp(),
+  filter: Function,
+  formatter: {
+    type: Function,
+    default: (type, option) => option
+  }
+});
+const pickerInheritKeys = Object.keys(pickerSharedProps);
+function times(n, iteratee) {
+  if (n < 0) {
+    return [];
+  }
+  const result = Array(n);
+  let index = -1;
+  while (++index < n) {
+    result[index] = iteratee(index);
+  }
+  return result;
+}
+const getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+const genOptions = (min, max, type, formatter, filter, values) => {
+  const options = times(max - min + 1, (index) => {
+    const value = padZero(min + index);
+    return formatter(type, {
+      text: value,
+      value
+    });
+  });
+  return filter ? filter(type, options, values) : options;
+};
+const formatValueRange = (values, columns) => values.map((value, index) => {
+  const column = columns[index];
+  if (column.length) {
+    const minValue = +column[0].value;
+    const maxValue = +column[column.length - 1].value;
+    return padZero(clamp(+value, minValue, maxValue));
+  }
+  return value;
+});
+export {
+  formatValueRange,
+  genOptions,
+  getMonthEndDay,
+  pickerInheritKeys,
+  sharedProps,
+  times
+};