@fecp/mobile-designer 1.0.10 → 1.0.11

package/es/node_modules/vant/es/search/Search.mjs

@@ -0,0 +1,124 @@
+import { defineComponent, ref, createVNode, mergeProps } from "vue";
+import { fieldSharedProps } from "../field/Field.mjs";
+import { useId } from "../composables/use-id.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { Field } from "../field/index.mjs";
+import { extend, pick } from "../utils/basic.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { truthProp, makeStringProp } from "../utils/props.mjs";
+import { preventDefault } from "../utils/dom.mjs";
+const [name, bem, t] = createNamespace("search");
+const searchProps = extend({}, fieldSharedProps, {
+  label: String,
+  shape: makeStringProp("square"),
+  leftIcon: makeStringProp("search"),
+  clearable: truthProp,
+  actionText: String,
+  background: String,
+  showAction: Boolean
+});
+var stdin_default = defineComponent({
+  name,
+  props: searchProps,
+  emits: ["blur", "focus", "clear", "search", "cancel", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots,
+    attrs
+  }) {
+    const id = useId();
+    const fieldRef = ref();
+    const onCancel = () => {
+      if (!slots.action) {
+        emit("update:modelValue", "");
+        emit("cancel");
+      }
+    };
+    const onKeypress = (event) => {
+      const ENTER_CODE = 13;
+      if (event.keyCode === ENTER_CODE) {
+        preventDefault(event);
+        emit("search", props.modelValue);
+      }
+    };
+    const getInputId = () => props.id || `${id}-input`;
+    const renderLabel = () => {
+      if (slots.label || props.label) {
+        return createVNode("label", {
+          "class": bem("label"),
+          "for": getInputId(),
+          "data-allow-mismatch": "attribute"
+        }, [slots.label ? slots.label() : props.label]);
+      }
+    };
+    const renderAction = () => {
+      if (props.showAction) {
+        const text = props.actionText || t("cancel");
+        return createVNode("div", {
+          "class": bem("action"),
+          "role": "button",
+          "tabindex": 0,
+          "onClick": onCancel
+        }, [slots.action ? slots.action() : text]);
+      }
+    };
+    const blur = () => {
+      var _a;
+      return (_a = fieldRef.value) == null ? void 0 : _a.blur();
+    };
+    const focus = () => {
+      var _a;
+      return (_a = fieldRef.value) == null ? void 0 : _a.focus();
+    };
+    const onBlur = (event) => emit("blur", event);
+    const onFocus = (event) => emit("focus", event);
+    const onClear = (event) => emit("clear", event);
+    const onClickInput = (event) => emit("clickInput", event);
+    const onClickLeftIcon = (event) => emit("clickLeftIcon", event);
+    const onClickRightIcon = (event) => emit("clickRightIcon", event);
+    const fieldPropNames = Object.keys(fieldSharedProps);
+    const renderField = () => {
+      const fieldAttrs = extend({}, attrs, pick(props, fieldPropNames), {
+        id: getInputId()
+      });
+      const onInput = (value) => emit("update:modelValue", value);
+      return createVNode(Field, mergeProps({
+        "ref": fieldRef,
+        "type": "search",
+        "class": bem("field", {
+          "with-message": fieldAttrs.errorMessage
+        }),
+        "border": false,
+        "onBlur": onBlur,
+        "onFocus": onFocus,
+        "onClear": onClear,
+        "onKeypress": onKeypress,
+        "onClickInput": onClickInput,
+        "onClickLeftIcon": onClickLeftIcon,
+        "onClickRightIcon": onClickRightIcon,
+        "onUpdate:modelValue": onInput
+      }, fieldAttrs), pick(slots, ["left-icon", "right-icon"]));
+    };
+    useExpose({
+      focus,
+      blur
+    });
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": bem({
+          "show-action": props.showAction
+        }),
+        "style": {
+          background: props.background
+        }
+      }, [(_a = slots.left) == null ? void 0 : _a.call(slots), createVNode("div", {
+        "class": bem("content", props.shape)
+      }, [renderLabel(), renderField()]), renderAction()]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  searchProps
+};

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

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

package/es/node_modules/vant/es/sidebar/Sidebar.mjs

@@ -0,0 +1,45 @@
+import { defineComponent, createVNode } from "vue";
+import { useChildren } from "../../../@vant/use/dist/index.esm.mjs";
+import { makeNumericProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+const [name, bem] = createNamespace("sidebar");
+const SIDEBAR_KEY = Symbol(name);
+const sidebarProps = {
+  modelValue: makeNumericProp(0)
+};
+var stdin_default = defineComponent({
+  name,
+  props: sidebarProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      linkChildren
+    } = useChildren(SIDEBAR_KEY);
+    const getActive = () => +props.modelValue;
+    const setActive = (value) => {
+      if (value !== getActive()) {
+        emit("update:modelValue", value);
+        emit("change", value);
+      }
+    };
+    linkChildren({
+      getActive,
+      setActive
+    });
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "role": "tablist",
+        "class": bem()
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+export {
+  SIDEBAR_KEY,
+  stdin_default as default,
+  sidebarProps
+};

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

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

package/es/node_modules/vant/es/sidebar-item/SidebarItem.mjs

@@ -0,0 +1,71 @@
+import { defineComponent, createVNode, mergeProps } from "vue";
+import { SIDEBAR_KEY } from "../sidebar/Sidebar.mjs";
+import { useParent } from "../../../@vant/use/dist/index.esm.mjs";
+import { useRoute, routeProps } from "../composables/use-route.mjs";
+import { Badge } from "../badge/index.mjs";
+import { extend } from "../utils/basic.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { numericProp } from "../utils/props.mjs";
+const [name, bem] = createNamespace("sidebar-item");
+const sidebarItemProps = extend({}, routeProps, {
+  dot: Boolean,
+  title: String,
+  badge: numericProp,
+  disabled: Boolean,
+  badgeProps: Object
+});
+var stdin_default = defineComponent({
+  name,
+  props: sidebarItemProps,
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const route = useRoute();
+    const {
+      parent,
+      index
+    } = useParent(SIDEBAR_KEY);
+    if (!parent) {
+      return;
+    }
+    const onClick = () => {
+      if (props.disabled) {
+        return;
+      }
+      emit("click", index.value);
+      parent.setActive(index.value);
+      route();
+    };
+    return () => {
+      const {
+        dot,
+        badge,
+        title,
+        disabled
+      } = props;
+      const selected = index.value === parent.getActive();
+      return createVNode("div", {
+        "role": "tab",
+        "class": bem({
+          select: selected,
+          disabled
+        }),
+        "tabindex": disabled ? void 0 : 0,
+        "aria-selected": selected,
+        "onClick": onClick
+      }, [createVNode(Badge, mergeProps({
+        "dot": dot,
+        "class": bem("text"),
+        "content": badge
+      }, props.badgeProps), {
+        default: () => [slots.title ? slots.title() : title]
+      })]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  sidebarItemProps
+};

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

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

package/es/node_modules/vant/es/step/Step.mjs

@@ -0,0 +1,115 @@
+import { defineComponent, computed, createVNode } from "vue";
+import { STEPS_KEY } from "../steps/Steps.mjs";
+import { useParent } from "../../../@vant/use/dist/index.esm.mjs";
+import { Icon } from "../icon/index.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { BORDER } from "../utils/constant.mjs";
+const [name, bem] = createNamespace("step");
+var stdin_default = defineComponent({
+  name,
+  setup(props, {
+    slots
+  }) {
+    const {
+      parent,
+      index
+    } = useParent(STEPS_KEY);
+    if (!parent) {
+      return;
+    }
+    const parentProps = parent.props;
+    const getStatus = () => {
+      const active = +parentProps.active;
+      if (index.value < active) {
+        return "finish";
+      }
+      return index.value === active ? "process" : "waiting";
+    };
+    const isActive = () => getStatus() === "process";
+    const lineStyle = computed(() => ({
+      background: getStatus() === "finish" ? parentProps.activeColor : parentProps.inactiveColor
+    }));
+    const titleStyle = computed(() => {
+      if (isActive()) {
+        return {
+          color: parentProps.activeColor
+        };
+      }
+      if (getStatus() === "waiting") {
+        return {
+          color: parentProps.inactiveColor
+        };
+      }
+    });
+    const onClickStep = () => parent.onClickStep(index.value);
+    const renderCircle = () => {
+      const {
+        iconPrefix,
+        finishIcon,
+        activeIcon,
+        activeColor,
+        inactiveIcon
+      } = parentProps;
+      if (isActive()) {
+        if (slots["active-icon"]) {
+          return slots["active-icon"]();
+        }
+        return createVNode(Icon, {
+          "class": bem("icon", "active"),
+          "name": activeIcon,
+          "color": activeColor,
+          "classPrefix": iconPrefix
+        }, null);
+      }
+      if (getStatus() === "finish" && (finishIcon || slots["finish-icon"])) {
+        if (slots["finish-icon"]) {
+          return slots["finish-icon"]();
+        }
+        return createVNode(Icon, {
+          "class": bem("icon", "finish"),
+          "name": finishIcon,
+          "color": activeColor,
+          "classPrefix": iconPrefix
+        }, null);
+      }
+      if (slots["inactive-icon"]) {
+        return slots["inactive-icon"]();
+      }
+      if (inactiveIcon) {
+        return createVNode(Icon, {
+          "class": bem("icon"),
+          "name": inactiveIcon,
+          "classPrefix": iconPrefix
+        }, null);
+      }
+      return createVNode("i", {
+        "class": bem("circle"),
+        "style": lineStyle.value
+      }, null);
+    };
+    return () => {
+      var _a;
+      const status = getStatus();
+      return createVNode("div", {
+        "class": [BORDER, bem([parentProps.direction, {
+          [status]: status
+        }])]
+      }, [createVNode("div", {
+        "class": bem("title", {
+          active: isActive()
+        }),
+        "style": titleStyle.value,
+        "onClick": onClickStep
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), createVNode("div", {
+        "class": bem("circle-container"),
+        "onClick": onClickStep
+      }, [renderCircle()]), createVNode("div", {
+        "class": bem("line"),
+        "style": lineStyle.value
+      }, null)]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

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

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

package/es/node_modules/vant/es/steps/Steps.mjs

@@ -0,0 +1,47 @@
+import { defineComponent, createVNode } from "vue";
+import { useChildren } from "../../../@vant/use/dist/index.esm.mjs";
+import { makeStringProp, makeNumericProp } from "../utils/props.mjs";
+import { createNamespace } from "../utils/create.mjs";
+const [name, bem] = createNamespace("steps");
+const stepsProps = {
+  active: makeNumericProp(0),
+  direction: makeStringProp("horizontal"),
+  activeIcon: makeStringProp("checked"),
+  iconPrefix: String,
+  finishIcon: String,
+  activeColor: String,
+  inactiveIcon: String,
+  inactiveColor: String
+};
+const STEPS_KEY = Symbol(name);
+var stdin_default = defineComponent({
+  name,
+  props: stepsProps,
+  emits: ["clickStep"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      linkChildren
+    } = useChildren(STEPS_KEY);
+    const onClickStep = (index) => emit("clickStep", index);
+    linkChildren({
+      props,
+      onClickStep
+    });
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": bem([props.direction])
+      }, [createVNode("div", {
+        "class": bem("items")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
+  }
+});
+export {
+  STEPS_KEY,
+  stdin_default as default,
+  stepsProps
+};

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

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

package/es/node_modules/vant/es/sticky/Sticky.mjs

@@ -0,0 +1,142 @@
+import { defineComponent, ref, reactive, computed, watch, nextTick, createVNode } from "vue";
+import { useScrollParent, useEventListener, useRect } from "../../../@vant/use/dist/index.esm.mjs";
+import { useVisibilityChange } from "../composables/use-visibility-change.mjs";
+import { makeNumericProp, makeStringProp, numericProp } from "../utils/props.mjs";
+import { unitToPx, getZIndexStyle } from "../utils/format.mjs";
+import { windowWidth, windowHeight, isHidden, getScrollTop } from "../utils/dom.mjs";
+import { createNamespace } from "../utils/create.mjs";
+import { extend } from "../utils/basic.mjs";
+const [name, bem] = createNamespace("sticky");
+const stickyProps = {
+  zIndex: numericProp,
+  position: makeStringProp("top"),
+  container: Object,
+  offsetTop: makeNumericProp(0),
+  offsetBottom: makeNumericProp(0)
+};
+var stdin_default = defineComponent({
+  name,
+  props: stickyProps,
+  emits: ["scroll", "change"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = ref();
+    const scrollParent = useScrollParent(root);
+    const state = reactive({
+      fixed: false,
+      width: 0,
+      // root width
+      height: 0,
+      // root height
+      transform: 0
+    });
+    const isReset = ref(false);
+    const offset = computed(() => unitToPx(props.position === "top" ? props.offsetTop : props.offsetBottom));
+    const rootStyle = computed(() => {
+      if (isReset.value) {
+        return;
+      }
+      const {
+        fixed,
+        height,
+        width
+      } = state;
+      if (fixed) {
+        return {
+          width: `${width}px`,
+          height: `${height}px`
+        };
+      }
+    });
+    const stickyStyle = computed(() => {
+      if (!state.fixed || isReset.value) {
+        return;
+      }
+      const style = extend(getZIndexStyle(props.zIndex), {
+        width: `${state.width}px`,
+        height: `${state.height}px`,
+        [props.position]: `${offset.value}px`
+      });
+      if (state.transform) {
+        style.transform = `translate3d(0, ${state.transform}px, 0)`;
+      }
+      return style;
+    });
+    const emitScroll = (scrollTop) => emit("scroll", {
+      scrollTop,
+      isFixed: state.fixed
+    });
+    const onScroll = () => {
+      if (!root.value || isHidden(root)) {
+        return;
+      }
+      const {
+        container,
+        position
+      } = props;
+      const rootRect = useRect(root);
+      const scrollTop = getScrollTop(window);
+      state.width = rootRect.width;
+      state.height = rootRect.height;
+      if (position === "top") {
+        if (container) {
+          const containerRect = useRect(container);
+          const difference = containerRect.bottom - offset.value - state.height;
+          state.fixed = offset.value > rootRect.top && containerRect.bottom > 0;
+          state.transform = difference < 0 ? difference : 0;
+        } else {
+          state.fixed = offset.value > rootRect.top;
+        }
+      } else {
+        const {
+          clientHeight
+        } = document.documentElement;
+        if (container) {
+          const containerRect = useRect(container);
+          const difference = clientHeight - containerRect.top - offset.value - state.height;
+          state.fixed = clientHeight - offset.value < rootRect.bottom && clientHeight > containerRect.top;
+          state.transform = difference < 0 ? -difference : 0;
+        } else {
+          state.fixed = clientHeight - offset.value < rootRect.bottom;
+        }
+      }
+      emitScroll(scrollTop);
+    };
+    watch(() => state.fixed, (value) => emit("change", value));
+    useEventListener("scroll", onScroll, {
+      target: scrollParent,
+      passive: true
+    });
+    useVisibilityChange(root, onScroll);
+    watch([windowWidth, windowHeight], () => {
+      if (!root.value || isHidden(root) || !state.fixed) {
+        return;
+      }
+      isReset.value = true;
+      nextTick(() => {
+        const rootRect = useRect(root);
+        state.width = rootRect.width;
+        state.height = rootRect.height;
+        isReset.value = false;
+      });
+    });
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "ref": root,
+        "style": rootStyle.value
+      }, [createVNode("div", {
+        "class": bem({
+          fixed: state.fixed && !isReset.value
+        }),
+        "style": stickyStyle.value
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
+    };
+  }
+});
+export {
+  stdin_default as default,
+  stickyProps
+};

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

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