vant 3.3.5 → 3.4.1

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

@@ -1,6 +1,6 @@
-import { ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 declare const tabbarItemProps: {
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -8,11 +8,31 @@ declare const tabbarItemProps: {
     icon: StringConstructor;
     name: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("../badge").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
     iconPrefix: StringConstructor;
 };
 export declare type TabbarItemProps = ExtractPropTypes<typeof tabbarItemProps>;
 declare const _default: import("vue").DefineComponent<{
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -20,8 +40,28 @@ declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     name: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("../badge").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
     iconPrefix: StringConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -29,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{
     icon?: unknown;
     name?: unknown;
     badge?: unknown;
+    badgeProps?: unknown;
     iconPrefix?: unknown;
 } & {
     replace: boolean;
@@ -40,6 +81,26 @@ declare const _default: import("vue").DefineComponent<{
     badge?: string | number | undefined;
     iconPrefix?: string | undefined;
     icon?: string | undefined;
+    badgeProps?: Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("../badge").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }> | undefined;
 }> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/tabbar-item/TabbarItem.js

@@ -1,123 +1,122 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _vue = require("vue");
-
-var _utils = require("../utils");
-
-var _Tabbar = require("../tabbar/Tabbar");
-
-var _use = require("@vant/use");
-
-var _useRoute = require("../composables/use-route");
-
-var _icon = require("../icon");
-
-var _badge = require("../badge");
-
-// Utils
-// Composables
-// Components
-var [name, bem] = (0, _utils.createNamespace)('tabbar-item');
-var tabbarItemProps = (0, _utils.extend)({}, _useRoute.routeProps, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  default: () => stdin_default
+});
+var import_vue = __toModule(require("vue"));
+var import_vue2 = __toModule(require("vue"));
+var import_utils = __toModule(require("../utils"));
+var import_Tabbar = __toModule(require("../tabbar/Tabbar"));
+var import_use = __toModule(require("@vant/use"));
+var import_use_route = __toModule(require("../composables/use-route"));
+var import_icon = __toModule(require("../icon"));
+var import_badge = __toModule(require("../badge"));
+const [name, bem] = (0, import_utils.createNamespace)("tabbar-item");
+const tabbarItemProps = (0, import_utils.extend)({}, import_use_route.routeProps, {
   dot: Boolean,
   icon: String,
-  name: _utils.numericProp,
-  badge: _utils.numericProp,
+  name: import_utils.numericProp,
+  badge: import_utils.numericProp,
+  badgeProps: Object,
   iconPrefix: String
 });
-
-var _default = (0, _vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: tabbarItemProps,
-  emits: ['click'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var route = (0, _useRoute.useRoute)();
-    var vm = (0, _vue.getCurrentInstance)().proxy;
-    var {
+  emits: ["click"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const route = (0, import_use_route.useRoute)();
+    const vm = (0, import_vue2.getCurrentInstance)().proxy;
+    const {
       parent,
       index
-    } = (0, _use.useParent)(_Tabbar.TABBAR_KEY);
-
+    } = (0, import_use.useParent)(import_Tabbar.TABBAR_KEY);
     if (!parent) {
-      if (process.env.NODE_ENV !== 'production') {
-        console.error('[Vant] <TabbarItem> must be a child component of <Tabbar>.');
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <TabbarItem> must be a child component of <Tabbar>.");
       }
-
       return;
     }
-
-    var active = (0, _vue.computed)(() => {
-      var _props$name;
-
-      var {
-        route,
+    const active = (0, import_vue2.computed)(() => {
+      var _a;
+      const {
+        route: route2,
         modelValue
       } = parent.props;
-
-      if (route && '$route' in vm) {
-        var {
+      if (route2 && "$route" in vm) {
+        const {
           $route
         } = vm;
-        var {
+        const {
           to
         } = props;
-        var config = (0, _utils.isObject)(to) ? to : {
+        const config = (0, import_utils.isObject)(to) ? to : {
           path: to
         };
-        return !!$route.matched.find(val => {
-          var pathMatched = 'path' in config && config.path === val.path;
-          var nameMatched = 'name' in config && config.name === val.name;
+        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 ((_props$name = props.name) != null ? _props$name : index.value) === modelValue;
+      return ((_a = props.name) != null ? _a : index.value) === modelValue;
     });
-
-    var onClick = event => {
+    const onClick = (event) => {
+      var _a;
       if (!active.value) {
-        var _props$name2;
-
-        parent.setActive((_props$name2 = props.name) != null ? _props$name2 : index.value, route);
+        parent.setActive((_a = props.name) != null ? _a : index.value, route);
       }
-
-      emit('click', event);
+      emit("click", event);
     };
-
-    var renderIcon = () => {
+    const renderIcon = () => {
       if (slots.icon) {
         return slots.icon({
           active: active.value
         });
       }
-
       if (props.icon) {
-        return (0, _vue.createVNode)(_icon.Icon, {
+        return (0, import_vue.createVNode)(import_icon.Icon, {
           "name": props.icon,
           "classPrefix": props.iconPrefix
         }, null);
       }
     };
-
     return () => {
-      var {
+      var _a;
+      const {
         dot,
         badge
       } = props;
-      var {
+      const {
         activeColor,
         inactiveColor
       } = parent.props;
-      var color = active.value ? activeColor : inactiveColor;
-      return (0, _vue.createVNode)("div", {
+      const color = active.value ? activeColor : inactiveColor;
+      return (0, import_vue.createVNode)("div", {
         "role": "tab",
         "class": bem({
           active: active.value
@@ -128,20 +127,17 @@ var _default = (0, _vue.defineComponent)({
         "tabindex": 0,
         "aria-selected": active.value,
         "onClick": onClick
-      }, [(0, _vue.createVNode)(_badge.Badge, {
+      }, [(0, import_vue.createVNode)(import_badge.Badge, (0, import_vue.mergeProps)({
         "dot": dot,
-        "content": badge,
-        "class": bem('icon')
-      }, {
+        "class": bem("icon"),
+        "content": badge
+      }, props.badgeProps), {
         default: renderIcon
-      }), (0, _vue.createVNode)("div", {
-        "class": bem('text')
-      }, [slots.default == null ? void 0 : slots.default({
+      }), (0, import_vue.createVNode)("div", {
+        "class": bem("text")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots, {
         active: active.value
       })])]);
     };
   }
-
 });
-
-exports.default = _default;

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

@@ -7,8 +7,28 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
     icon: StringConstructor;
     name: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
+    badgeProps: import("vue").PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("..").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
     iconPrefix: StringConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -16,6 +36,7 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
     icon?: unknown;
     name?: unknown;
     badge?: unknown;
+    badgeProps?: unknown;
     iconPrefix?: unknown;
 } & {
     replace: boolean;
@@ -27,6 +48,26 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
     badge?: string | number | undefined;
     iconPrefix?: string | undefined;
     icon?: string | undefined;
+    badgeProps?: Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("..").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }> | undefined;
 }> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
@@ -35,3 +76,8 @@ export declare const TabbarItem: import("../utils").WithInstall<import("vue").De
 }>>;
 export default TabbarItem;
 export type { TabbarItemProps } from './TabbarItem';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTabbarItem: typeof TabbarItem;
+    }
+}

package/lib/tabbar-item/index.js

@@ -1,15 +1,31 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = exports.TabbarItem = void 0;
-
-var _utils = require("../utils");
-
-var _TabbarItem2 = _interopRequireDefault(require("./TabbarItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var TabbarItem = (0, _utils.withInstall)(_TabbarItem2.default);
-exports.TabbarItem = TabbarItem;
-var _default = TabbarItem;
-exports.default = _default;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  __markAsModule(target);
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+__export(exports, {
+  TabbarItem: () => TabbarItem,
+  default: () => stdin_default
+});
+var import_utils = __toModule(require("../utils"));
+var import_TabbarItem = __toModule(require("./TabbarItem"));
+const TabbarItem = (0, import_utils.withInstall)(import_TabbarItem.default);
+var stdin_default = TabbarItem;

package/lib/tabbar-item/style/index.js

@@ -1,11 +1,5 @@
-"use strict";
-
-require('../../style/base.css');
-
-require('../../badge/index.css');
-
-require('../../icon/index.css');
-
-require('../../tabbar/index.css');
-
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../tabbar/index.css");
+require("../index.css");

package/lib/tabbar-item/style/less.js

@@ -1,11 +1,5 @@
-"use strict";
-
-require('../../style/base.less');
-
-require('../../badge/index.less');
-
-require('../../icon/index.less');
-
-require('../../tabbar/index.less');
-
-require('../index.less');
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../tabbar/index.less");
+require("../index.less");

package/lib/tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { PropType, InjectionKey, ExtractPropTypes } from 'vue';
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 import type { TabsProvide, TabsType } from './types';
 declare const tabsProps: {
@@ -9,6 +9,7 @@ declare const tabsProps: {
     color: StringConstructor;
     border: BooleanConstructor;
     sticky: BooleanConstructor;
+    shrink: BooleanConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -53,6 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     border: BooleanConstructor;
     sticky: BooleanConstructor;
+    shrink: BooleanConstructor;
     active: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -86,11 +88,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     titleActiveColor: StringConstructor;
     titleInactiveColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "disabled" | "click" | "change" | "rendered" | "click-tab" | "update:active")[], "scroll" | "disabled" | "click" | "change" | "rendered" | "click-tab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "disabled" | "click" | "change" | "rendered" | "click-tab" | "update:active")[], "scroll" | "disabled" | "click" | "change" | "rendered" | "click-tab" | "update:active", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     type?: unknown;
     color?: unknown;
     border?: unknown;
     sticky?: unknown;
+    shrink?: unknown;
     active?: unknown;
     duration?: unknown;
     animated?: unknown;
@@ -115,6 +118,7 @@ declare const _default: import("vue").DefineComponent<{
     duration: string | number;
     lazyRender: boolean;
     offsetTop: string | number;
+    shrink: boolean;
     animated: boolean;
     swipeable: boolean;
     scrollspy: boolean;
@@ -144,6 +148,7 @@ declare const _default: import("vue").DefineComponent<{
     duration: string | number;
     lazyRender: boolean;
     offsetTop: string | number;
+    shrink: boolean;
     animated: boolean;
     swipeable: boolean;
     scrollspy: boolean;