@fecp/mobile-designer 1.0.10 → 1.0.11

package/lib/node_modules/vant/es/tab/Tab.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$1 = require("vue");
+const shared_esmBundler = require("../../../@vue/shared/dist/shared.esm-bundler.js");
+const Tabs = require("../tabs/Tabs.js");
+const index_esm = require("../../../@vant/use/dist/index.esm.js");
+const useId = require("../composables/use-id.js");
+const useExpose = require("../composables/use-expose.js");
+const useRoute = require("../composables/use-route.js");
+const useTabStatus = require("../composables/use-tab-status.js");
+const TabTitle = require("./TabTitle.js");
+const index = require("../swipe-item/index.js");
+const basic = require("../utils/basic.js");
+const create = require("../utils/create.js");
+const props = require("../utils/props.js");
+const [name, bem] = create.createNamespace("tab");
+const tabProps = basic.extend({}, useRoute.routeProps, {
+  dot: Boolean,
+  name: props.numericProp,
+  badge: props.numericProp,
+  title: String,
+  disabled: Boolean,
+  titleClass: props.unknownProp,
+  titleStyle: [String, Object],
+  showZeroBadge: props.truthProp
+});
+var stdin_default = require$$1.defineComponent({
+  name,
+  props: tabProps,
+  setup(props2, {
+    slots
+  }) {
+    const id = useId.useId();
+    const inited = require$$1.ref(false);
+    const instance = require$$1.getCurrentInstance();
+    const {
+      parent,
+      index: index$1
+    } = index_esm.useParent(Tabs.TABS_KEY);
+    if (!parent) {
+      return;
+    }
+    const getName = () => {
+      var _a;
+      return (_a = props2.name) != null ? _a : index$1.value;
+    };
+    const init = () => {
+      inited.value = true;
+      if (parent.props.lazyRender) {
+        require$$1.nextTick(() => {
+          parent.onRendered(getName(), props2.title);
+        });
+      }
+    };
+    const active = require$$1.computed(() => {
+      const isActive = getName() === parent.currentName.value;
+      if (isActive && !inited.value) {
+        init();
+      }
+      return isActive;
+    });
+    const parsedClass = require$$1.ref("");
+    const parsedStyle = require$$1.ref("");
+    require$$1.watchEffect(() => {
+      const {
+        titleClass,
+        titleStyle
+      } = props2;
+      parsedClass.value = titleClass ? shared_esmBundler.normalizeClass(titleClass) : "";
+      parsedStyle.value = titleStyle && typeof titleStyle !== "string" ? shared_esmBundler.stringifyStyle(shared_esmBundler.normalizeStyle(titleStyle)) : titleStyle;
+    });
+    const renderTitle = (onClickTab) => require$$1.createVNode(TabTitle.TabTitle, require$$1.mergeProps({
+      "key": id,
+      "id": `${parent.id}-${index$1.value}`,
+      "ref": parent.setTitleRefs(index$1.value),
+      "style": parsedStyle.value,
+      "class": parsedClass.value,
+      "isActive": active.value,
+      "controls": id,
+      "scrollable": parent.scrollable.value,
+      "activeColor": parent.props.titleActiveColor,
+      "inactiveColor": parent.props.titleInactiveColor,
+      "onClick": (event) => onClickTab(instance.proxy, index$1.value, event)
+    }, basic.pick(parent.props, ["type", "color", "shrink"]), basic.pick(props2, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
+      title: slots.title
+    });
+    const hasInactiveClass = require$$1.ref(!active.value);
+    require$$1.watch(active, (val) => {
+      if (val) {
+        hasInactiveClass.value = false;
+      } else {
+        index_esm.doubleRaf(() => {
+          hasInactiveClass.value = true;
+        });
+      }
+    });
+    require$$1.watch(() => props2.title, () => {
+      parent.setLine();
+      parent.scrollIntoView();
+    });
+    require$$1.provide(useTabStatus.TAB_STATUS_KEY, active);
+    useExpose.useExpose({
+      id,
+      renderTitle
+    });
+    return () => {
+      var _a;
+      const label = `${parent.id}-${index$1.value}`;
+      const {
+        animated,
+        swipeable,
+        scrollspy,
+        lazyRender
+      } = parent.props;
+      if (!slots.default && !animated) {
+        return;
+      }
+      const show = scrollspy || active.value;
+      if (animated || swipeable) {
+        return require$$1.createVNode(index.SwipeItem, {
+          "id": id,
+          "role": "tabpanel",
+          "class": bem("panel-wrapper", {
+            inactive: hasInactiveClass.value
+          }),
+          "tabindex": active.value ? 0 : -1,
+          "aria-hidden": !active.value,
+          "aria-labelledby": label,
+          "data-allow-mismatch": "attribute"
+        }, {
+          default: () => {
+            var _a2;
+            return [require$$1.createVNode("div", {
+              "class": bem("panel")
+            }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
+          }
+        });
+      }
+      const shouldRender = inited.value || scrollspy || !lazyRender;
+      const Content = shouldRender ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null;
+      return require$$1.withDirectives(require$$1.createVNode("div", {
+        "id": id,
+        "role": "tabpanel",
+        "class": bem("panel"),
+        "tabindex": show ? 0 : -1,
+        "aria-labelledby": label,
+        "data-allow-mismatch": "attribute"
+      }, [Content]), [[require$$1.vShow, show]]);
+    };
+  }
+});
+exports.default = stdin_default;
+exports.tabProps = tabProps;

package/lib/node_modules/vant/es/tab/TabTitle.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require$$1 = require("vue");
+const index = require("../badge/index.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const basic = require("../utils/basic.js");
+const [name, bem] = create.createNamespace("tab");
+const TabTitle = require$$1.defineComponent({
+  name,
+  props: {
+    id: String,
+    dot: Boolean,
+    type: String,
+    color: String,
+    title: String,
+    badge: props.numericProp,
+    shrink: Boolean,
+    isActive: Boolean,
+    disabled: Boolean,
+    controls: String,
+    scrollable: Boolean,
+    activeColor: String,
+    inactiveColor: String,
+    showZeroBadge: props.truthProp
+  },
+  setup(props2, {
+    slots
+  }) {
+    const style = require$$1.computed(() => {
+      const style2 = {};
+      const {
+        type,
+        color,
+        disabled,
+        isActive,
+        activeColor,
+        inactiveColor
+      } = props2;
+      const isCard = type === "card";
+      if (color && isCard) {
+        style2.borderColor = color;
+        if (!disabled) {
+          if (isActive) {
+            style2.backgroundColor = color;
+          } else {
+            style2.color = color;
+          }
+        }
+      }
+      const titleColor = isActive ? activeColor : inactiveColor;
+      if (titleColor) {
+        style2.color = titleColor;
+      }
+      return style2;
+    });
+    const renderText = () => {
+      const Text = require$$1.createVNode("span", {
+        "class": bem("text", {
+          ellipsis: !props2.scrollable
+        })
+      }, [slots.title ? slots.title() : props2.title]);
+      if (props2.dot || basic.isDef(props2.badge) && props2.badge !== "") {
+        return require$$1.createVNode(index.Badge, {
+          "dot": props2.dot,
+          "content": props2.badge,
+          "showZero": props2.showZeroBadge
+        }, {
+          default: () => [Text]
+        });
+      }
+      return Text;
+    };
+    return () => require$$1.createVNode("div", {
+      "id": props2.id,
+      "role": "tab",
+      "class": [bem([props2.type, {
+        grow: props2.scrollable && !props2.shrink,
+        shrink: props2.shrink,
+        active: props2.isActive,
+        disabled: props2.disabled
+      }])],
+      "style": style.value,
+      "tabindex": props2.disabled ? void 0 : props2.isActive ? 0 : -1,
+      "aria-selected": props2.isActive,
+      "aria-disabled": props2.disabled || void 0,
+      "aria-controls": props2.controls,
+      "data-allow-mismatch": "attribute"
+    }, [renderText()]);
+  }
+});
+exports.TabTitle = TabTitle;

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

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

package/lib/node_modules/vant/es/tabbar/Tabbar.js

@@ -0,0 +1,88 @@
+"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 usePlaceholder = require("../composables/use-placeholder.js");
+const props = require("../utils/props.js");
+const create = require("../utils/create.js");
+const interceptor = require("../utils/interceptor.js");
+const format = require("../utils/format.js");
+const constant = require("../utils/constant.js");
+const [name, bem] = create.createNamespace("tabbar");
+const tabbarProps = {
+  route: Boolean,
+  fixed: props.truthProp,
+  border: props.truthProp,
+  zIndex: props.numericProp,
+  placeholder: Boolean,
+  activeColor: String,
+  beforeChange: Function,
+  inactiveColor: String,
+  modelValue: props.makeNumericProp(0),
+  safeAreaInsetBottom: {
+    type: Boolean,
+    default: null
+  }
+};
+const TABBAR_KEY = Symbol(name);
+var stdin_default = require$$1.defineComponent({
+  name,
+  props: tabbarProps,
+  emits: ["change", "update:modelValue"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const root = require$$1.ref();
+    const {
+      linkChildren
+    } = index_esm.useChildren(TABBAR_KEY);
+    const renderPlaceholder = usePlaceholder.usePlaceholder(root, bem);
+    const enableSafeArea = () => {
+      var _a;
+      return (_a = props2.safeAreaInsetBottom) != null ? _a : props2.fixed;
+    };
+    const renderTabbar = () => {
+      var _a;
+      const {
+        fixed,
+        zIndex,
+        border
+      } = props2;
+      return require$$1.createVNode("div", {
+        "ref": root,
+        "role": "tablist",
+        "style": format.getZIndexStyle(zIndex),
+        "class": [bem({
+          fixed
+        }), {
+          [constant.BORDER_TOP_BOTTOM]: border,
+          "van-safe-area-bottom": enableSafeArea()
+        }]
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+    const setActive = (active, afterChange) => {
+      interceptor.callInterceptor(props2.beforeChange, {
+        args: [active],
+        done() {
+          emit("update:modelValue", active);
+          emit("change", active);
+          afterChange();
+        }
+      });
+    };
+    linkChildren({
+      props: props2,
+      setActive
+    });
+    return () => {
+      if (props2.fixed && props2.placeholder) {
+        return renderPlaceholder(renderTabbar);
+      }
+      return renderTabbar();
+    };
+  }
+});
+exports.TABBAR_KEY = TABBAR_KEY;
+exports.default = stdin_default;
+exports.tabbarProps = tabbarProps;

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

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

package/lib/node_modules/vant/es/tabbar-item/TabbarItem.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$1 = require("vue");
+const Tabbar = require("../tabbar/Tabbar.js");
+const index_esm = require("../../../@vant/use/dist/index.esm.js");
+const useRoute = require("../composables/use-route.js");
+const index$1 = require("../icon/index.js");
+const index = require("../badge/index.js");
+const basic = require("../utils/basic.js");
+const create = require("../utils/create.js");
+const props = require("../utils/props.js");
+const [name, bem] = create.createNamespace("tabbar-item");
+const tabbarItemProps = basic.extend({}, useRoute.routeProps, {
+  dot: Boolean,
+  icon: String,
+  name: props.numericProp,
+  badge: props.numericProp,
+  badgeProps: Object,
+  iconPrefix: String
+});
+var stdin_default = require$$1.defineComponent({
+  name,
+  props: tabbarItemProps,
+  emits: ["click"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const route = useRoute.useRoute();
+    const vm = require$$1.getCurrentInstance().proxy;
+    const {
+      parent,
+      index: index$2
+    } = index_esm.useParent(Tabbar.TABBAR_KEY);
+    if (!parent) {
+      return;
+    }
+    const active = require$$1.computed(() => {
+      var _a;
+      const {
+        route: route2,
+        modelValue
+      } = parent.props;
+      if (route2 && "$route" in vm) {
+        const {
+          $route
+        } = vm;
+        const {
+          to
+        } = props2;
+        const config = basic.isObject(to) ? to : {
+          path: to
+        };
+        return !!$route.matched.find((val) => {
+          const pathMatched = "path" in config && config.path === val.path;
+          const nameMatched = "name" in config && config.name === val.name;
+          return pathMatched || nameMatched;
+        });
+      }
+      return ((_a = props2.name) != null ? _a : index$2.value) === modelValue;
+    });
+    const onClick = (event) => {
+      var _a;
+      if (!active.value) {
+        parent.setActive((_a = props2.name) != null ? _a : index$2.value, route);
+      }
+      emit("click", event);
+    };
+    const renderIcon = () => {
+      if (slots.icon) {
+        return slots.icon({
+          active: active.value
+        });
+      }
+      if (props2.icon) {
+        return require$$1.createVNode(index$1.Icon, {
+          "name": props2.icon,
+          "classPrefix": props2.iconPrefix
+        }, null);
+      }
+    };
+    return () => {
+      var _a;
+      const {
+        dot,
+        badge
+      } = props2;
+      const {
+        activeColor,
+        inactiveColor
+      } = parent.props;
+      const color = active.value ? activeColor : inactiveColor;
+      return require$$1.createVNode("div", {
+        "role": "tab",
+        "class": bem({
+          active: active.value
+        }),
+        "style": {
+          color
+        },
+        "tabindex": 0,
+        "aria-selected": active.value,
+        "onClick": onClick
+      }, [require$$1.createVNode(index.Badge, require$$1.mergeProps({
+        "dot": dot,
+        "class": bem("icon"),
+        "content": badge
+      }, props2.badgeProps), {
+        default: renderIcon
+      }), require$$1.createVNode("div", {
+        "class": bem("text")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots, {
+        active: active.value
+      })])]);
+    };
+  }
+});
+exports.default = stdin_default;
+exports.tabbarItemProps = tabbarItemProps;

package/lib/node_modules/vant/es/tabbar-item/index.js

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