@fecp/mobile-designer 1.0.10 → 1.0.11

package/es/node_modules/vant/es/floating-panel/FloatingPanel.mjs

@@ -0,0 +1,138 @@
+import { defineComponent, ref, computed, watch, createVNode } from "vue";
+import { useEventListener } from "../../../@vant/use/dist/index.esm.mjs";
+import { useLockScroll } from "../composables/use-lock-scroll.mjs";
+import { useTouch } from "../composables/use-touch.mjs";
+import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
+import { truthProp, makeNumericProp, makeArrayProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { windowHeight, preventDefault } from "../utils/dom.mjs";
+import { addUnit } from "../utils/format.mjs";
+import { closest } from "../utils/closest.mjs";
+const floatingPanelProps = {
+  height: makeNumericProp(0),
+  anchors: makeArrayProp(),
+  duration: makeNumericProp(0.3),
+  contentDraggable: truthProp,
+  lockScroll: Boolean,
+  safeAreaInsetBottom: truthProp
+};
+const [name, bem] = createNamespace("floating-panel");
+var stdin_default = defineComponent({
+  name,
+  props: floatingPanelProps,
+  emits: ["heightChange", "update:height"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const DAMP = 0.2;
+    const rootRef = ref();
+    const contentRef = ref();
+    const height = useSyncPropRef(() => +props.height, (value) => emit("update:height", value));
+    const boundary = computed(() => {
+      var _a, _b;
+      return {
+        min: (_a = props.anchors[0]) != null ? _a : 100,
+        max: (_b = props.anchors[props.anchors.length - 1]) != null ? _b : Math.round(windowHeight.value * 0.6)
+      };
+    });
+    const anchors = computed(() => props.anchors.length >= 2 ? props.anchors : [boundary.value.min, boundary.value.max]);
+    const dragging = ref(false);
+    const rootStyle = computed(() => ({
+      height: addUnit(boundary.value.max),
+      transform: `translateY(calc(100% + ${addUnit(-height.value)}))`,
+      transition: !dragging.value ? `transform ${props.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
+    }));
+    const ease = (moveY) => {
+      const absDistance = Math.abs(moveY);
+      const {
+        min,
+        max
+      } = boundary.value;
+      if (absDistance > max) {
+        return -(max + (absDistance - max) * DAMP);
+      }
+      if (absDistance < min) {
+        return -(min - (min - absDistance) * DAMP);
+      }
+      return moveY;
+    };
+    let startY;
+    let maxScroll = -1;
+    const touch = useTouch();
+    const onTouchstart = (e) => {
+      touch.start(e);
+      dragging.value = true;
+      startY = -height.value;
+      maxScroll = -1;
+    };
+    const onTouchmove = (e) => {
+      var _a;
+      touch.move(e);
+      const target = e.target;
+      if (contentRef.value === target || ((_a = contentRef.value) == null ? void 0 : _a.contains(target))) {
+        const {
+          scrollTop
+        } = contentRef.value;
+        maxScroll = Math.max(maxScroll, scrollTop);
+        if (!props.contentDraggable) return;
+        if (-startY < boundary.value.max) {
+          preventDefault(e, true);
+        } else if (!(scrollTop <= 0 && touch.deltaY.value > 0) || maxScroll > 0) {
+          return;
+        }
+      }
+      const moveY = touch.deltaY.value + startY;
+      height.value = -ease(moveY);
+    };
+    const onTouchend = () => {
+      maxScroll = -1;
+      dragging.value = false;
+      height.value = closest(anchors.value, height.value);
+      if (height.value !== -startY) {
+        emit("heightChange", {
+          height: height.value
+        });
+      }
+    };
+    watch(boundary, () => {
+      height.value = closest(anchors.value, height.value);
+    }, {
+      immediate: true
+    });
+    useLockScroll(rootRef, () => props.lockScroll || dragging.value);
+    useEventListener("touchmove", onTouchmove, {
+      target: rootRef
+    });
+    const renderHeader = () => {
+      if (slots.header) {
+        return slots.header();
+      }
+      return createVNode("div", {
+        "class": bem("header")
+      }, [createVNode("div", {
+        "class": bem("header-bar")
+      }, null)]);
+    };
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": [bem(), {
+          "van-safe-area-bottom": props.safeAreaInsetBottom
+        }],
+        "ref": rootRef,
+        "style": rootStyle.value,
+        "onTouchstartPassive": onTouchstart,
+        "onTouchend": onTouchend,
+        "onTouchcancel": onTouchend
+      }, [renderHeader(), createVNode("div", {
+        "class": bem("content"),
+        "ref": contentRef
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  floatingPanelProps
+};

package/es/node_modules/vant/es/floating-panel/index.mjs

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

package/es/node_modules/vant/es/form/Form.mjs

@@ -0,0 +1,171 @@
+import { defineComponent, createVNode } from "vue";
+import { useChildren } from "../../../@vant/use/dist/index.esm.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { FORM_KEY } from "../utils/constant.mjs";
+import { truthProp, numericProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { preventDefault } from "../utils/dom.mjs";
+const [name, bem] = createNamespace("form");
+const formProps = {
+  colon: Boolean,
+  disabled: Boolean,
+  readonly: Boolean,
+  required: [Boolean, String],
+  showError: Boolean,
+  labelWidth: numericProp,
+  labelAlign: String,
+  inputAlign: String,
+  scrollToError: Boolean,
+  scrollToErrorPosition: String,
+  validateFirst: Boolean,
+  submitOnEnter: truthProp,
+  showErrorMessage: truthProp,
+  errorMessageAlign: String,
+  validateTrigger: {
+    type: [String, Array],
+    default: "onBlur"
+  }
+};
+var stdin_default = defineComponent({
+  name,
+  props: formProps,
+  emits: ["submit", "failed"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      children,
+      linkChildren
+    } = useChildren(FORM_KEY);
+    const getFieldsByNames = (names) => {
+      if (names) {
+        return children.filter((field) => names.includes(field.name));
+      }
+      return children;
+    };
+    const validateSeq = (names) => new Promise((resolve, reject) => {
+      const errors = [];
+      const fields = getFieldsByNames(names);
+      fields.reduce((promise, field) => promise.then(() => {
+        if (!errors.length) {
+          return field.validate().then((error) => {
+            if (error) {
+              errors.push(error);
+            }
+          });
+        }
+      }), Promise.resolve()).then(() => {
+        if (errors.length) {
+          reject(errors);
+        } else {
+          resolve();
+        }
+      });
+    });
+    const validateAll = (names) => new Promise((resolve, reject) => {
+      const fields = getFieldsByNames(names);
+      Promise.all(fields.map((item) => item.validate())).then((errors) => {
+        errors = errors.filter(Boolean);
+        if (errors.length) {
+          reject(errors);
+        } else {
+          resolve();
+        }
+      });
+    });
+    const validateField = (name2) => {
+      const matched = children.find((item) => item.name === name2);
+      if (matched) {
+        return new Promise((resolve, reject) => {
+          matched.validate().then((error) => {
+            if (error) {
+              reject(error);
+            } else {
+              resolve();
+            }
+          });
+        });
+      }
+      return Promise.reject();
+    };
+    const validate = (name2) => {
+      if (typeof name2 === "string") {
+        return validateField(name2);
+      }
+      return props.validateFirst ? validateSeq(name2) : validateAll(name2);
+    };
+    const resetValidation = (name2) => {
+      if (typeof name2 === "string") {
+        name2 = [name2];
+      }
+      const fields = getFieldsByNames(name2);
+      fields.forEach((item) => {
+        item.resetValidation();
+      });
+    };
+    const getValidationStatus = () => children.reduce((form, field) => {
+      form[field.name] = field.getValidationStatus();
+      return form;
+    }, {});
+    const scrollToField = (name2, options) => {
+      children.some((item) => {
+        if (item.name === name2) {
+          item.$el.scrollIntoView(options);
+          return true;
+        }
+        return false;
+      });
+    };
+    const getValues = () => children.reduce((form, field) => {
+      if (field.name !== void 0) {
+        form[field.name] = field.formValue.value;
+      }
+      return form;
+    }, {});
+    const submit = () => {
+      const values = getValues();
+      validate().then(() => emit("submit", values)).catch((errors) => {
+        emit("failed", {
+          values,
+          errors
+        });
+        const {
+          scrollToError,
+          scrollToErrorPosition
+        } = props;
+        if (scrollToError && errors[0].name) {
+          scrollToField(errors[0].name, scrollToErrorPosition ? {
+            block: scrollToErrorPosition
+          } : void 0);
+        }
+      });
+    };
+    const onSubmit = (event) => {
+      preventDefault(event);
+      submit();
+    };
+    linkChildren({
+      props
+    });
+    useExpose({
+      submit,
+      validate,
+      getValues,
+      scrollToField,
+      resetValidation,
+      getValidationStatus
+    });
+    return () => {
+      var _a;
+      return createVNode("form", {
+        "class": bem(),
+        "onSubmit": onSubmit
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  formProps
+};

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

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

package/es/node_modules/vant/es/grid/Grid.mjs

@@ -0,0 +1,49 @@
+import { defineComponent, createVNode } from "vue";
+import { BORDER_TOP } from "../utils/constant.mjs";
+import { useChildren } from "../../../@vant/use/dist/index.esm.mjs";
+import { makeNumericProp, numericProp, truthProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { addUnit } from "../utils/format.mjs";
+const [name, bem] = createNamespace("grid");
+const gridProps = {
+  square: Boolean,
+  center: truthProp,
+  border: truthProp,
+  gutter: numericProp,
+  reverse: Boolean,
+  iconSize: numericProp,
+  direction: String,
+  clickable: Boolean,
+  columnNum: makeNumericProp(4)
+};
+const GRID_KEY = Symbol(name);
+var stdin_default = defineComponent({
+  name,
+  props: gridProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      linkChildren
+    } = useChildren(GRID_KEY);
+    linkChildren({
+      props
+    });
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "style": {
+          paddingLeft: addUnit(props.gutter)
+        },
+        "class": [bem(), {
+          [BORDER_TOP]: props.border && !props.gutter
+        }]
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+export {
+  GRID_KEY,
+  stdin_default as default,
+  gridProps
+};

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

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

package/es/node_modules/vant/es/grid-item/GridItem.mjs

@@ -0,0 +1,146 @@
+import { defineComponent, computed, createVNode, mergeProps } from "vue";
+import { GRID_KEY } from "../grid/Grid.mjs";
+import { useParent } from "../../../@vant/use/dist/index.esm.mjs";
+import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Badge } from "../badge/index.mjs";
+import { BORDER } from "../utils/constant.mjs";
+import { extend } from "../utils/basic.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { addUnit } from "../utils/format.mjs";
+import { numericProp } from "../utils/props.mjs";
+const [name, bem] = createNamespace("grid-item");
+const gridItemProps = extend({}, routeProps, {
+  dot: Boolean,
+  text: String,
+  icon: String,
+  badge: numericProp,
+  iconColor: String,
+  iconPrefix: String,
+  badgeProps: Object
+});
+var stdin_default = defineComponent({
+  name,
+  props: gridItemProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      parent,
+      index
+    } = useParent(GRID_KEY);
+    const route = useRoute();
+    if (!parent) {
+      return;
+    }
+    const rootStyle = computed(() => {
+      const {
+        square,
+        gutter,
+        columnNum
+      } = parent.props;
+      const percent = `${100 / +columnNum}%`;
+      const style = {
+        flexBasis: percent
+      };
+      if (square) {
+        style.paddingTop = percent;
+      } else if (gutter) {
+        const gutterValue = addUnit(gutter);
+        style.paddingRight = gutterValue;
+        if (index.value >= +columnNum) {
+          style.marginTop = gutterValue;
+        }
+      }
+      return style;
+    });
+    const contentStyle = computed(() => {
+      const {
+        square,
+        gutter
+      } = parent.props;
+      if (square && gutter) {
+        const gutterValue = addUnit(gutter);
+        return {
+          right: gutterValue,
+          bottom: gutterValue,
+          height: "auto"
+        };
+      }
+    });
+    const renderIcon = () => {
+      if (slots.icon) {
+        return createVNode(Badge, mergeProps({
+          "dot": props.dot,
+          "content": props.badge
+        }, props.badgeProps), {
+          default: slots.icon
+        });
+      }
+      if (props.icon) {
+        return createVNode(Icon, {
+          "dot": props.dot,
+          "name": props.icon,
+          "size": parent.props.iconSize,
+          "badge": props.badge,
+          "class": bem("icon"),
+          "color": props.iconColor,
+          "badgeProps": props.badgeProps,
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
+    const renderText = () => {
+      if (slots.text) {
+        return slots.text();
+      }
+      if (props.text) {
+        return createVNode("span", {
+          "class": bem("text")
+        }, [props.text]);
+      }
+    };
+    const renderContent = () => {
+      if (slots.default) {
+        return slots.default();
+      }
+      return [renderIcon(), renderText()];
+    };
+    return () => {
+      const {
+        center,
+        border,
+        square,
+        gutter,
+        reverse,
+        direction,
+        clickable
+      } = parent.props;
+      const classes = [bem("content", [direction, {
+        center,
+        square,
+        reverse,
+        clickable,
+        surround: border && gutter
+      }]), {
+        [BORDER]: border
+      }];
+      return createVNode("div", {
+        "class": [bem({
+          square
+        })],
+        "style": rootStyle.value
+      }, [createVNode("div", {
+        "role": clickable ? "button" : void 0,
+        "class": classes,
+        "style": contentStyle.value,
+        "tabindex": clickable ? 0 : void 0,
+        "onClick": route
+      }, [renderContent()])]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  gridItemProps
+};

package/es/node_modules/vant/es/grid-item/index.mjs

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

package/es/node_modules/vant/es/highlight/Highlight.mjs

@@ -0,0 +1,129 @@
+import { defineComponent, computed, createVNode } from "vue";
+import { makeStringProp, makeRequiredProp, truthProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+const [name, bem] = createNamespace("highlight");
+const highlightProps = {
+  autoEscape: truthProp,
+  caseSensitive: Boolean,
+  highlightClass: String,
+  highlightTag: makeStringProp("span"),
+  keywords: makeRequiredProp([String, Array]),
+  sourceString: makeStringProp(""),
+  tag: makeStringProp("div"),
+  unhighlightClass: String,
+  unhighlightTag: makeStringProp("span")
+};
+var stdin_default = defineComponent({
+  name,
+  props: highlightProps,
+  setup(props) {
+    const highlightChunks = computed(() => {
+      const {
+        autoEscape,
+        caseSensitive,
+        keywords,
+        sourceString
+      } = props;
+      const flags = caseSensitive ? "g" : "gi";
+      const _keywords = Array.isArray(keywords) ? keywords : [keywords];
+      let chunks = _keywords.filter((keyword) => keyword).reduce((chunks2, keyword) => {
+        if (autoEscape) {
+          keyword = keyword.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+        }
+        const regex = new RegExp(keyword, flags);
+        let match;
+        while (match = regex.exec(sourceString)) {
+          const start = match.index;
+          const end = regex.lastIndex;
+          if (start >= end) {
+            regex.lastIndex++;
+            continue;
+          }
+          chunks2.push({
+            start,
+            end,
+            highlight: true
+          });
+        }
+        return chunks2;
+      }, []);
+      chunks = chunks.sort((a, b) => a.start - b.start).reduce((chunks2, currentChunk) => {
+        const prevChunk = chunks2[chunks2.length - 1];
+        if (!prevChunk || currentChunk.start > prevChunk.end) {
+          const unhighlightStart = prevChunk ? prevChunk.end : 0;
+          const unhighlightEnd = currentChunk.start;
+          if (unhighlightStart !== unhighlightEnd) {
+            chunks2.push({
+              start: unhighlightStart,
+              end: unhighlightEnd,
+              highlight: false
+            });
+          }
+          chunks2.push(currentChunk);
+        } else {
+          prevChunk.end = Math.max(prevChunk.end, currentChunk.end);
+        }
+        return chunks2;
+      }, []);
+      const lastChunk = chunks[chunks.length - 1];
+      if (!lastChunk) {
+        chunks.push({
+          start: 0,
+          end: sourceString.length,
+          highlight: false
+        });
+      }
+      if (lastChunk && lastChunk.end < sourceString.length) {
+        chunks.push({
+          start: lastChunk.end,
+          end: sourceString.length,
+          highlight: false
+        });
+      }
+      return chunks;
+    });
+    const renderContent = () => {
+      const {
+        sourceString,
+        highlightClass,
+        unhighlightClass,
+        highlightTag,
+        unhighlightTag
+      } = props;
+      return highlightChunks.value.map((chunk) => {
+        const {
+          start,
+          end,
+          highlight
+        } = chunk;
+        const text = sourceString.slice(start, end);
+        if (highlight) {
+          return createVNode(highlightTag, {
+            "class": [bem("tag"), highlightClass]
+          }, {
+            default: () => [text]
+          });
+        }
+        return createVNode(unhighlightTag, {
+          "class": unhighlightClass
+        }, {
+          default: () => [text]
+        });
+      });
+    };
+    return () => {
+      const {
+        tag
+      } = props;
+      return createVNode(tag, {
+        "class": bem()
+      }, {
+        default: () => [renderContent()]
+      });
+    };
+  }
+});
+export {
+  stdin_default as default,
+  highlightProps
+};

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

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

package/es/node_modules/vant/es/icon/Icon.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, inject, computed, createVNode, mergeProps } from "vue";
 import { Badge } from "../badge/index.mjs";
 import { CONFIG_PROVIDER_KEY } from "../config-provider/ConfigProvider.mjs";
-import { createNamespace } from "../utils/create.mjs";
 import { numericProp, makeStringProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
 import { addUnit } from "../utils/format.mjs";
 const [name, bem] = createNamespace("icon");
 const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");