persagy-vant 0.0.29 → 0.0.30

package/es/tab/Tab.mjs

@@ -0,0 +1,123 @@
+import { ref, watch, provide, computed, nextTick, defineComponent, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
+import { extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { TABS_KEY } from "../tabs/Tabs.mjs";
+import { doubleRaf, useParent } from "@vant/use";
+import { useId } from "../composables/use-id.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
+import { routeProps } from "../composables/use-route.mjs";
+import { TAB_STATUS_KEY } from "../composables/use-tab-status.mjs";
+import { SwipeItem } from "../swipe-item/index.mjs";
+const [name, bem] = createNamespace("tab");
+const tabProps = extend({}, routeProps, {
+  dot: Boolean,
+  name: numericProp,
+  badge: numericProp,
+  icon: String,
+  title: String,
+  disabled: Boolean,
+  titleClass: unknownProp,
+  titleStyle: [String, Object],
+  showZeroBadge: truthProp
+});
+var stdin_default = defineComponent({
+  name,
+  props: tabProps,
+  setup(props, {
+    slots
+  }) {
+    const id = useId();
+    const inited = ref(false);
+    const {
+      parent,
+      index
+    } = useParent(TABS_KEY);
+    if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <Tab> must be a child component of <Tabs>.");
+      }
+      return;
+    }
+    const getName = () => {
+      var _a;
+      return (_a = props.name) != null ? _a : index.value;
+    };
+    const init = () => {
+      inited.value = true;
+      if (parent.props.lazyRender) {
+        nextTick(() => {
+          parent.onRendered(getName(), props.title);
+        });
+      }
+    };
+    const active = computed(() => {
+      const isActive = getName() === parent.currentName.value;
+      if (isActive && !inited.value) {
+        init();
+      }
+      return isActive;
+    });
+    const hasInactiveClass = ref(!active.value);
+    watch(active, (val) => {
+      if (val) {
+        hasInactiveClass.value = false;
+      } else {
+        doubleRaf(() => {
+          hasInactiveClass.value = true;
+        });
+      }
+    });
+    watch(() => props.title, () => {
+      parent.setLine();
+      parent.scrollIntoView();
+    });
+    provide(TAB_STATUS_KEY, active);
+    return () => {
+      var _a;
+      const label = `${parent.id}-${index.value}`;
+      const {
+        animated,
+        swipeable,
+        scrollspy,
+        lazyRender
+      } = parent.props;
+      if (!slots.default && !animated) {
+        return;
+      }
+      const show = scrollspy || active.value;
+      if (animated || swipeable) {
+        return _createVNode(SwipeItem, {
+          "id": id,
+          "role": "tabpanel",
+          "class": bem("panel-wrapper", {
+            inactive: hasInactiveClass.value
+          }),
+          "tabindex": active.value ? 0 : -1,
+          "aria-hidden": !active.value,
+          "aria-labelledby": label
+        }, {
+          default: () => {
+            var _a2;
+            return [_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;
+      useExpose({
+        id
+      });
+      return _withDirectives(_createVNode("div", {
+        "id": id,
+        "role": "tabpanel",
+        "class": bem("panel"),
+        "tabindex": show ? 0 : -1,
+        "aria-labelledby": label
+      }, [Content]), [[_vShow, show]]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/tab/index.css

@@ -0,0 +1 @@
+.van-tab__title{display:inline-flex;gap:var(--van-padding-base);align-items:center;min-width:0}.van-tab__icon{flex:none;font-size:var(--van-font-size-lg)}.van-tab__panel,.van-tab__panel-wrapper{flex-shrink:0;box-sizing:border-box;width:100%}.van-tab__panel-wrapper--inactive{height:0;overflow:visible}

package/es/tab/index.d.ts

@@ -0,0 +1,47 @@
+export declare const Tab: import("../utils").WithInstall<import("vue").DefineComponent<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    icon: StringConstructor;
+    title: StringConstructor;
+    disabled: BooleanConstructor;
+    titleClass: import("vue").PropType<unknown>;
+    titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    showZeroBadge: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, (() => JSX.Element | undefined) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    icon: StringConstructor;
+    title: StringConstructor;
+    disabled: BooleanConstructor;
+    titleClass: import("vue").PropType<unknown>;
+    titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    showZeroBadge: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>>, {
+    replace: boolean;
+    dot: boolean;
+    disabled: boolean;
+    showZeroBadge: boolean;
+}>>;
+export default Tab;
+export type { TabProps } from './Tab';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTab: typeof Tab;
+    }
+}

package/es/tab/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Tab from "./Tab.mjs";
+const Tab = withInstall(_Tab);
+var stdin_default = Tab;
+export {
+  Tab,
+  stdin_default as default
+};

package/es/tab/style/index.mjs

@@ -0,0 +1,12 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../loading/index.css";
+import "../../overlay/index.css";
+import "../../popup/index.css";
+import "../../action-sheet/index.css";
+import "../../sticky/index.css";
+import "../../swipe/index.css";
+import "../../swipe-item/index.css";
+import "../../tabs/index.css";
+import "../index.css";

package/es/tab/style/less.mjs

@@ -0,0 +1,12 @@
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../loading/index.less";
+import "../../overlay/index.less";
+import "../../popup/index.less";
+import "../../action-sheet/index.less";
+import "../../sticky/index.less";
+import "../../swipe/index.less";
+import "../../swipe-item/index.less";
+import "../../tabs/index.less";
+import "../index.less";

package/es/tabbar/Tabbar.d.ts

@@ -0,0 +1,90 @@
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
+import { type Numeric, type Interceptor } from '../utils';
+declare const tabbarProps: {
+    route: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    placeholder: BooleanConstructor;
+    activeColor: StringConstructor;
+    beforeChange: PropType<Interceptor>;
+    inactiveColor: StringConstructor;
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+};
+export declare type TabbarProps = ExtractPropTypes<typeof tabbarProps>;
+export declare type TabbarProvide = {
+    props: TabbarProps;
+    setActive: (active: Numeric, afterChange: () => void) => void;
+};
+export declare const TABBAR_KEY: InjectionKey<TabbarProvide>;
+declare const _default: import("vue").DefineComponent<{
+    route: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    placeholder: BooleanConstructor;
+    activeColor: StringConstructor;
+    beforeChange: PropType<Interceptor>;
+    inactiveColor: StringConstructor;
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    route: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    placeholder: BooleanConstructor;
+    activeColor: StringConstructor;
+    beforeChange: PropType<Interceptor>;
+    inactiveColor: StringConstructor;
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    fixed: boolean;
+    border: boolean;
+    modelValue: string | number;
+    placeholder: boolean;
+    safeAreaInsetBottom: boolean | null;
+    route: boolean;
+}>;
+export default _default;

package/es/tabbar/Tabbar.mjs

@@ -0,0 +1,83 @@
+import { ref, defineComponent, createVNode as _createVNode } from "vue";
+import { truthProp, numericProp, getZIndexStyle, createNamespace, callInterceptor, makeNumericProp, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
+import { useChildren } from "@vant/use";
+import { usePlaceholder } from "../composables/use-placeholder.mjs";
+const [name, bem] = createNamespace("tabbar");
+const tabbarProps = {
+  route: Boolean,
+  fixed: truthProp,
+  border: truthProp,
+  zIndex: numericProp,
+  placeholder: Boolean,
+  activeColor: String,
+  beforeChange: Function,
+  inactiveColor: String,
+  modelValue: makeNumericProp(0),
+  safeAreaInsetBottom: {
+    type: Boolean,
+    default: null
+  }
+};
+const TABBAR_KEY = Symbol(name);
+var stdin_default = defineComponent({
+  name,
+  props: tabbarProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const root = ref();
+    const {
+      linkChildren
+    } = useChildren(TABBAR_KEY);
+    const renderPlaceholder = usePlaceholder(root, bem);
+    const enableSafeArea = () => {
+      var _a;
+      return (_a = props.safeAreaInsetBottom) != null ? _a : props.fixed;
+    };
+    const renderTabbar = () => {
+      var _a;
+      const {
+        fixed,
+        zIndex,
+        border
+      } = props;
+      return _createVNode("div", {
+        "ref": root,
+        "role": "tablist",
+        "style": getZIndexStyle(zIndex),
+        "class": [bem({
+          fixed
+        }), {
+          [BORDER_TOP_BOTTOM]: border,
+          "van-safe-area-bottom": enableSafeArea()
+        }]
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+    const setActive = (active, afterChange) => {
+      callInterceptor(props.beforeChange, {
+        args: [active],
+        done() {
+          emit("update:modelValue", active);
+          emit("change", active);
+          afterChange();
+        }
+      });
+    };
+    linkChildren({
+      props,
+      setActive
+    });
+    return () => {
+      if (props.fixed && props.placeholder) {
+        return renderPlaceholder(renderTabbar);
+      }
+      return renderTabbar();
+    };
+  }
+});
+export {
+  TABBAR_KEY,
+  stdin_default as default
+};

package/es/tabbar/index.css

@@ -0,0 +1 @@
+:root{--van-tabbar-height: 60px;--van-tabbar-z-index: 1;--van-tabbar-background-color: var(--van-background-color-light)}.van-tabbar{z-index:var(--van-tabbar-z-index);display:flex;box-sizing:content-box;width:100%;height:var(--van-tabbar-height);background:var(--van-tabbar-background-color)}.van-tabbar--fixed{position:fixed;bottom:0;left:0}

package/es/tabbar/index.d.ts

@@ -0,0 +1,64 @@
+export declare const Tabbar: import("../utils").WithInstall<import("vue").DefineComponent<{
+    route: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    placeholder: BooleanConstructor;
+    activeColor: StringConstructor;
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    inactiveColor: StringConstructor;
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    route: BooleanConstructor;
+    fixed: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    placeholder: BooleanConstructor;
+    activeColor: StringConstructor;
+    beforeChange: import("vue").PropType<import("../utils").Interceptor>;
+    inactiveColor: StringConstructor;
+    modelValue: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    safeAreaInsetBottom: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    fixed: boolean;
+    border: boolean;
+    modelValue: string | number;
+    placeholder: boolean;
+    safeAreaInsetBottom: boolean | null;
+    route: boolean;
+}>>;
+export default Tabbar;
+export type { TabbarProps } from './Tabbar';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTabbar: typeof Tabbar;
+    }
+}

package/es/tabbar/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Tabbar from "./Tabbar.mjs";
+const Tabbar = withInstall(_Tabbar);
+var stdin_default = Tabbar;
+export {
+  Tabbar,
+  stdin_default as default
+};

package/es/tabbar/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

package/es/tabbar/style/less.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.less";
+import "../index.less";

package/es/tabbar-item/TabbarItem.d.ts

@@ -0,0 +1,44 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+import { type BadgeProps } from '../badge';
+declare const tabbarItemProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    icon: StringConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: PropType<Partial<BadgeProps>>;
+    iconPrefix: StringConstructor;
+};
+export declare type TabbarItemProps = ExtractPropTypes<typeof tabbarItemProps>;
+declare const _default: import("vue").DefineComponent<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    icon: StringConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: PropType<Partial<BadgeProps>>;
+    iconPrefix: StringConstructor;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    icon: StringConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: PropType<Partial<BadgeProps>>;
+    iconPrefix: StringConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    dot: boolean;
+}>;
+export default _default;

package/es/tabbar-item/TabbarItem.mjs

@@ -0,0 +1,119 @@
+import { computed, defineComponent, getCurrentInstance, createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { createNamespace, extend, isObject, numericProp } from "../utils/index.mjs";
+import { TABBAR_KEY } from "../tabbar/Tabbar.mjs";
+import { useParent } from "@vant/use";
+import { routeProps, useRoute } from "../composables/use-route.mjs";
+import { Icon } from "../icon/index.mjs";
+import { Badge } from "../badge/index.mjs";
+const [name, bem] = createNamespace("tabbar-item");
+const tabbarItemProps = extend({}, routeProps, {
+  dot: Boolean,
+  icon: String,
+  name: numericProp,
+  badge: numericProp,
+  badgeProps: Object,
+  iconPrefix: String
+});
+var stdin_default = defineComponent({
+  name,
+  props: tabbarItemProps,
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const route = useRoute();
+    const vm = getCurrentInstance().proxy;
+    const {
+      parent,
+      index
+    } = useParent(TABBAR_KEY);
+    if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <TabbarItem> must be a child component of <Tabbar>.");
+      }
+      return;
+    }
+    const active = computed(() => {
+      var _a;
+      const {
+        route: route2,
+        modelValue
+      } = parent.props;
+      if (route2 && "$route" in vm) {
+        const {
+          $route
+        } = vm;
+        const {
+          to
+        } = props;
+        const config = 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 = props.name) != null ? _a : index.value) === modelValue;
+    });
+    const onClick = (event) => {
+      var _a;
+      if (!active.value) {
+        parent.setActive((_a = props.name) != null ? _a : index.value, route);
+      }
+      emit("click", event);
+    };
+    const renderIcon = () => {
+      if (slots.icon) {
+        return slots.icon({
+          active: active.value
+        });
+      }
+      if (props.icon) {
+        return _createVNode(Icon, {
+          "name": props.icon,
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
+    return () => {
+      var _a;
+      const {
+        dot,
+        badge
+      } = props;
+      const {
+        activeColor,
+        inactiveColor
+      } = parent.props;
+      const color = active.value ? activeColor : inactiveColor;
+      return _createVNode("div", {
+        "role": "tab",
+        "class": bem({
+          active: active.value
+        }),
+        "style": {
+          color
+        },
+        "tabindex": 0,
+        "aria-selected": active.value,
+        "onClick": onClick
+      }, [_createVNode(Badge, _mergeProps({
+        "dot": dot,
+        "class": bem("icon"),
+        "content": badge
+      }, props.badgeProps), {
+        default: renderIcon
+      }), _createVNode("div", {
+        "class": bem("text")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots, {
+        active: active.value
+      })])]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/tabbar-item/index.css

@@ -0,0 +1 @@
+:root{--van-tabbar-item-font-size: var(--van-font-size-sm);--van-tabbar-item-text-color: var(--van-gray-7);--van-tabbar-item-active-color: var(--van-primary-color);--van-tabbar-item-active-background-color: var(--van-background-color-light);--van-tabbar-item-line-height: 1;--van-tabbar-item-icon-size: 22px;--van-tabbar-item-icon-margin-bottom: var(--van-padding-base)}.van-tabbar-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;color:var(--van-tabbar-item-text-color);font-size:var(--van-tabbar-item-font-size);line-height:var(--van-tabbar-item-line-height);cursor:pointer}.van-tabbar-item__icon{margin-bottom:var(--van-tabbar-item-icon-margin-bottom);font-size:var(--van-tabbar-item-icon-size)}.van-tabbar-item__icon .van-icon{display:block}.van-tabbar-item__icon .van-badge{margin-top:var(--van-padding-base)}.van-tabbar-item__icon img{display:block;height:20px}.van-tabbar-item--active{color:var(--van-tabbar-item-active-color);background-color:var(--van-tabbar-item-active-background-color)}

package/es/tabbar-item/index.d.ts

@@ -0,0 +1,35 @@
+export declare const TabbarItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    icon: StringConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
+    iconPrefix: StringConstructor;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    icon: StringConstructor;
+    name: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
+    iconPrefix: StringConstructor;
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
+    replace: boolean;
+    dot: boolean;
+}>>;
+export default TabbarItem;
+export type { TabbarItemProps } from './TabbarItem';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTabbarItem: typeof TabbarItem;
+    }
+}