@fecp/mobile-designer 1.0.9 → 1.0.11

package/es/node_modules/vant/es/text-ellipsis/TextEllipsis.mjs

@@ -0,0 +1,169 @@
+import { defineComponent, ref, computed, onMounted, nextTick, onActivated, watch, createVNode } from "vue";
+import { useExpose } from "../composables/use-expose.mjs";
+import { makeStringProp, makeNumericProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { windowWidth } from "../utils/dom.mjs";
+const [name, bem] = createNamespace("text-ellipsis");
+const textEllipsisProps = {
+  rows: makeNumericProp(1),
+  dots: makeStringProp("..."),
+  content: makeStringProp(""),
+  expandText: makeStringProp(""),
+  collapseText: makeStringProp(""),
+  position: makeStringProp("end")
+};
+var stdin_default = defineComponent({
+  name,
+  props: textEllipsisProps,
+  emits: ["clickAction"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const text = ref(props.content);
+    const expanded = ref(false);
+    const hasAction = ref(false);
+    const root = ref();
+    const actionRef = ref();
+    let needRecalculate = false;
+    const actionText = computed(() => expanded.value ? props.collapseText : props.expandText);
+    const pxToNum = (value) => {
+      if (!value) return 0;
+      const match = value.match(/^\d*(\.\d*)?/);
+      return match ? Number(match[0]) : 0;
+    };
+    const cloneContainer = () => {
+      if (!root.value || !root.value.isConnected) return;
+      const originStyle = window.getComputedStyle(root.value);
+      const container = document.createElement("div");
+      const styleNames = Array.prototype.slice.apply(originStyle);
+      styleNames.forEach((name2) => {
+        container.style.setProperty(name2, originStyle.getPropertyValue(name2));
+      });
+      container.style.position = "fixed";
+      container.style.zIndex = "-9999";
+      container.style.top = "-9999px";
+      container.style.height = "auto";
+      container.style.minHeight = "auto";
+      container.style.maxHeight = "auto";
+      container.innerText = props.content;
+      document.body.appendChild(container);
+      return container;
+    };
+    const calcEllipsisText = (container, maxHeight) => {
+      var _a, _b;
+      const {
+        content,
+        position,
+        dots
+      } = props;
+      const end = content.length;
+      const middle = 0 + end >> 1;
+      const actionHTML = slots.action ? (_b = (_a = actionRef.value) == null ? void 0 : _a.outerHTML) != null ? _b : "" : props.expandText;
+      const calcEllipse = () => {
+        const tail = (left, right) => {
+          if (right - left <= 1) {
+            if (position === "end") {
+              return content.slice(0, left) + dots;
+            }
+            return dots + content.slice(right, end);
+          }
+          const middle2 = Math.round((left + right) / 2);
+          if (position === "end") {
+            container.innerText = content.slice(0, middle2) + dots;
+          } else {
+            container.innerText = dots + content.slice(middle2, end);
+          }
+          container.innerHTML += actionHTML;
+          if (container.offsetHeight > maxHeight) {
+            if (position === "end") {
+              return tail(left, middle2);
+            }
+            return tail(middle2, right);
+          }
+          if (position === "end") {
+            return tail(middle2, right);
+          }
+          return tail(left, middle2);
+        };
+        return tail(0, end);
+      };
+      const middleTail = (leftPart, rightPart) => {
+        if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+          return content.slice(0, leftPart[0]) + dots + content.slice(rightPart[1], end);
+        }
+        const leftMiddle = Math.floor((leftPart[0] + leftPart[1]) / 2);
+        const rightMiddle = Math.ceil((rightPart[0] + rightPart[1]) / 2);
+        container.innerText = props.content.slice(0, leftMiddle) + props.dots + props.content.slice(rightMiddle, end);
+        container.innerHTML += actionHTML;
+        if (container.offsetHeight >= maxHeight) {
+          return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+        }
+        return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+      };
+      return props.position === "middle" ? middleTail([0, middle], [middle, end]) : calcEllipse();
+    };
+    const calcEllipsised = () => {
+      const container = cloneContainer();
+      if (!container) {
+        needRecalculate = true;
+        return;
+      }
+      const {
+        paddingBottom,
+        paddingTop,
+        lineHeight
+      } = container.style;
+      const maxHeight = Math.ceil((Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
+      if (maxHeight < container.offsetHeight) {
+        hasAction.value = true;
+        text.value = calcEllipsisText(container, maxHeight);
+      } else {
+        hasAction.value = false;
+        text.value = props.content;
+      }
+      document.body.removeChild(container);
+    };
+    const toggle = (isExpanded = !expanded.value) => {
+      expanded.value = isExpanded;
+    };
+    const onClickAction = (event) => {
+      toggle();
+      emit("clickAction", event);
+    };
+    const renderAction = () => {
+      const action = slots.action ? slots.action({
+        expanded: expanded.value
+      }) : actionText.value;
+      return createVNode("span", {
+        "ref": actionRef,
+        "class": bem("action"),
+        "onClick": onClickAction
+      }, [action]);
+    };
+    onMounted(() => {
+      calcEllipsised();
+      if (slots.action) {
+        nextTick(calcEllipsised);
+      }
+    });
+    onActivated(() => {
+      if (needRecalculate) {
+        needRecalculate = false;
+        calcEllipsised();
+      }
+    });
+    watch([windowWidth, () => [props.content, props.rows, props.position]], calcEllipsised);
+    useExpose({
+      toggle
+    });
+    return () => createVNode("div", {
+      "ref": root,
+      "class": bem()
+    }, [expanded.value ? props.content : text.value, hasAction.value ? renderAction() : null]);
+  }
+});
+export {
+  stdin_default as default,
+  textEllipsisProps
+};

package/es/node_modules/vant/es/text-ellipsis/index.mjs

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

package/es/node_modules/vant/es/time-picker/TimePicker.mjs

@@ -0,0 +1,137 @@
+import { defineComponent, ref, computed, watch, createVNode, mergeProps } from "vue";
+import { genOptions, formatValueRange, pickerInheritKeys, sharedProps } from "../date-picker/utils.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Picker } from "../picker/index.mjs";
+import { extend, isSameValue, pick } from "../utils/basic.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { makeNumericProp } from "../utils/props.mjs";
+const [name] = createNamespace("time-picker");
+const validateTime = (val) => /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/.test(val);
+const fullColumns = ["hour", "minute", "second"];
+const timePickerProps = extend({}, sharedProps, {
+  minHour: makeNumericProp(0),
+  maxHour: makeNumericProp(23),
+  minMinute: makeNumericProp(0),
+  maxMinute: makeNumericProp(59),
+  minSecond: makeNumericProp(0),
+  maxSecond: makeNumericProp(59),
+  minTime: {
+    type: String,
+    validator: validateTime
+  },
+  maxTime: {
+    type: String,
+    validator: validateTime
+  },
+  columnsType: {
+    type: Array,
+    default: () => ["hour", "minute"]
+  }
+});
+var stdin_default = defineComponent({
+  name,
+  props: timePickerProps,
+  emits: ["confirm", "cancel", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const currentValues = ref(props.modelValue);
+    const pickerRef = ref();
+    const getValidTime = (time) => {
+      const timeLimitArr = time.split(":");
+      return fullColumns.map((col, i) => props.columnsType.includes(col) ? timeLimitArr[i] : "00");
+    };
+    const confirm = () => {
+      var _a;
+      return (_a = pickerRef.value) == null ? void 0 : _a.confirm();
+    };
+    const getSelectedTime = () => currentValues.value;
+    const columns = computed(() => {
+      let {
+        minHour,
+        maxHour,
+        minMinute,
+        maxMinute,
+        minSecond,
+        maxSecond
+      } = props;
+      if (props.minTime || props.maxTime) {
+        const fullTime = {
+          hour: 0,
+          minute: 0,
+          second: 0
+        };
+        props.columnsType.forEach((col, i) => {
+          var _a;
+          fullTime[col] = (_a = currentValues.value[i]) != null ? _a : 0;
+        });
+        const {
+          hour,
+          minute
+        } = fullTime;
+        if (props.minTime) {
+          const [minH, minM, minS] = getValidTime(props.minTime);
+          minHour = minH;
+          minMinute = +hour <= +minHour ? minM : "00";
+          minSecond = +hour <= +minHour && +minute <= +minMinute ? minS : "00";
+        }
+        if (props.maxTime) {
+          const [maxH, maxM, maxS] = getValidTime(props.maxTime);
+          maxHour = maxH;
+          maxMinute = +hour >= +maxHour ? maxM : "59";
+          maxSecond = +hour >= +maxHour && +minute >= +maxMinute ? maxS : "59";
+        }
+      }
+      return props.columnsType.map((type) => {
+        const {
+          filter,
+          formatter
+        } = props;
+        switch (type) {
+          case "hour":
+            return genOptions(+minHour, +maxHour, type, formatter, filter, currentValues.value);
+          case "minute":
+            return genOptions(+minMinute, +maxMinute, type, formatter, filter, currentValues.value);
+          case "second":
+            return genOptions(+minSecond, +maxSecond, type, formatter, filter, currentValues.value);
+          default:
+            return [];
+        }
+      });
+    });
+    watch(currentValues, (newValues) => {
+      if (!isSameValue(newValues, props.modelValue)) {
+        emit("update:modelValue", newValues);
+      }
+    });
+    watch(() => props.modelValue, (newValues) => {
+      newValues = formatValueRange(newValues, columns.value);
+      if (!isSameValue(newValues, currentValues.value)) {
+        currentValues.value = newValues;
+      }
+    }, {
+      immediate: true
+    });
+    const onChange = (...args) => emit("change", ...args);
+    const onCancel = (...args) => emit("cancel", ...args);
+    const onConfirm = (...args) => emit("confirm", ...args);
+    useExpose({
+      confirm,
+      getSelectedTime
+    });
+    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 {
+  stdin_default as default,
+  timePickerProps
+};

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

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

package/es/node_modules/vant/es/toast/Toast.mjs

@@ -0,0 +1,129 @@
+import { defineComponent, watch, onMounted, onUnmounted, createVNode, mergeProps } from "vue";
+import { lockClick } from "./lock-click.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Popup } from "../popup/index.mjs";
+import { Loading } from "../loading/index.mjs";
+import { numericProp, unknownProp, makeStringProp, makeNumberProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { pick, isDef } from "../utils/basic.mjs";
+const [name, bem] = createNamespace("toast");
+const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay", "zIndex"];
+const toastProps = {
+  icon: String,
+  show: Boolean,
+  type: makeStringProp("text"),
+  overlay: Boolean,
+  message: numericProp,
+  iconSize: numericProp,
+  duration: makeNumberProp(2e3),
+  position: makeStringProp("middle"),
+  teleport: [String, Object],
+  wordBreak: String,
+  className: unknownProp,
+  iconPrefix: String,
+  transition: makeStringProp("van-fade"),
+  loadingType: String,
+  forbidClick: Boolean,
+  overlayClass: unknownProp,
+  overlayStyle: Object,
+  closeOnClick: Boolean,
+  closeOnClickOverlay: Boolean,
+  zIndex: numericProp
+};
+var stdin_default = defineComponent({
+  name,
+  props: toastProps,
+  emits: ["update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    let timer;
+    let clickable = false;
+    const toggleClickable = () => {
+      const newValue = props.show && props.forbidClick;
+      if (clickable !== newValue) {
+        clickable = newValue;
+        lockClick(clickable);
+      }
+    };
+    const updateShow = (show) => emit("update:show", show);
+    const onClick = () => {
+      if (props.closeOnClick) {
+        updateShow(false);
+      }
+    };
+    const clearTimer = () => clearTimeout(timer);
+    const renderIcon = () => {
+      const {
+        icon,
+        type,
+        iconSize,
+        iconPrefix,
+        loadingType
+      } = props;
+      const hasIcon = icon || type === "success" || type === "fail";
+      if (hasIcon) {
+        return createVNode(Icon, {
+          "name": icon || type,
+          "size": iconSize,
+          "class": bem("icon"),
+          "classPrefix": iconPrefix
+        }, null);
+      }
+      if (type === "loading") {
+        return createVNode(Loading, {
+          "class": bem("loading"),
+          "size": iconSize,
+          "type": loadingType
+        }, null);
+      }
+    };
+    const renderMessage = () => {
+      const {
+        type,
+        message
+      } = props;
+      if (slots.message) {
+        return createVNode("div", {
+          "class": bem("text")
+        }, [slots.message()]);
+      }
+      if (isDef(message) && message !== "") {
+        return type === "html" ? createVNode("div", {
+          "key": 0,
+          "class": bem("text"),
+          "innerHTML": String(message)
+        }, null) : createVNode("div", {
+          "class": bem("text")
+        }, [message]);
+      }
+    };
+    watch(() => [props.show, props.forbidClick], toggleClickable);
+    watch(() => [props.show, props.type, props.message, props.duration], () => {
+      clearTimer();
+      if (props.show && props.duration > 0) {
+        timer = setTimeout(() => {
+          updateShow(false);
+        }, props.duration);
+      }
+    });
+    onMounted(toggleClickable);
+    onUnmounted(toggleClickable);
+    return () => createVNode(Popup, mergeProps({
+      "class": [bem([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
+        [props.type]: !props.icon
+      }]), props.className],
+      "lockScroll": false,
+      "onClick": onClick,
+      "onClosed": clearTimer,
+      "onUpdate:show": updateShow
+    }, pick(props, popupInheritProps)), {
+      default: () => [renderIcon(), renderMessage()]
+    });
+  }
+});
+export {
+  stdin_default as default,
+  toastProps
+};

package/es/node_modules/vant/es/toast/function-call.mjs

@@ -0,0 +1,124 @@
+import { ref, watch, getCurrentInstance, createVNode, mergeProps } from "vue";
+import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
+import stdin_default from "./Toast.mjs";
+import { inBrowser, extend, isObject } from "../utils/basic.mjs";
+const defaultOptions = {
+  icon: "",
+  type: "text",
+  message: "",
+  className: "",
+  overlay: false,
+  onClose: void 0,
+  onOpened: void 0,
+  duration: 2e3,
+  teleport: "body",
+  iconSize: void 0,
+  iconPrefix: void 0,
+  position: "middle",
+  transition: "van-fade",
+  forbidClick: false,
+  loadingType: void 0,
+  overlayClass: "",
+  overlayStyle: void 0,
+  closeOnClick: false,
+  closeOnClickOverlay: false
+};
+let queue = [];
+let allowMultiple = false;
+let currentOptions = extend({}, defaultOptions);
+const defaultOptionsMap = /* @__PURE__ */ new Map();
+function parseOptions(message) {
+  if (isObject(message)) {
+    return message;
+  }
+  return {
+    message
+  };
+}
+function createInstance() {
+  const {
+    instance,
+    unmount
+  } = mountComponent({
+    setup() {
+      const message = ref("");
+      const {
+        open,
+        state,
+        close,
+        toggle
+      } = usePopupState();
+      const onClosed = () => {
+        if (allowMultiple) {
+          queue = queue.filter((item) => item !== instance);
+          unmount();
+        }
+      };
+      const render = () => {
+        const attrs = {
+          onClosed,
+          "onUpdate:show": toggle
+        };
+        return createVNode(stdin_default, mergeProps(state, attrs), null);
+      };
+      watch(message, (val) => {
+        state.message = val;
+      });
+      getCurrentInstance().render = render;
+      return {
+        open,
+        close,
+        message
+      };
+    }
+  });
+  return instance;
+}
+function getInstance() {
+  if (!queue.length || allowMultiple) {
+    const instance = createInstance();
+    queue.push(instance);
+  }
+  return queue[queue.length - 1];
+}
+function showToast(options = {}) {
+  if (!inBrowser) {
+    return {};
+  }
+  const toast = getInstance();
+  const parsedOptions = parseOptions(options);
+  toast.open(extend({}, currentOptions, defaultOptionsMap.get(parsedOptions.type || currentOptions.type), parsedOptions));
+  return toast;
+}
+const createMethod = (type) => (options) => showToast(extend({
+  type
+}, parseOptions(options)));
+const showLoadingToast = createMethod("loading");
+const showSuccessToast = createMethod("success");
+const showFailToast = createMethod("fail");
+const closeToast = (all) => {
+  var _a;
+  if (queue.length) {
+    if (all) {
+      queue.forEach((toast) => {
+        toast.close();
+      });
+      queue = [];
+    } else if (!allowMultiple) {
+      queue[0].close();
+    } else {
+      (_a = queue.shift()) == null ? void 0 : _a.close();
+    }
+  }
+};
+const allowMultipleToast = (value = true) => {
+  allowMultiple = value;
+};
+export {
+  allowMultipleToast,
+  closeToast,
+  showFailToast,
+  showLoadingToast,
+  showSuccessToast,
+  showToast
+};

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

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

package/es/node_modules/vant/es/toast/lock-click.mjs

@@ -0,0 +1,17 @@
+let lockCount = 0;
+function lockClick(lock) {
+  if (lock) {
+    if (!lockCount) {
+      document.body.classList.add("van-toast--unclickable");
+    }
+    lockCount++;
+  } else if (lockCount) {
+    lockCount--;
+    if (!lockCount) {
+      document.body.classList.remove("van-toast--unclickable");
+    }
+  }
+}
+export {
+  lockClick
+};