vant 3.3.5 → 3.4.1

package/es/grid-item/GridItem.d.ts

@@ -1,6 +1,6 @@
-import { ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 declare const gridItemProps: {
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -10,10 +10,30 @@ declare const gridItemProps: {
     badge: (NumberConstructor | StringConstructor)[];
     iconColor: StringConstructor;
     iconPrefix: 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;
+    }>>;
 };
 export declare type GridItemProps = ExtractPropTypes<typeof gridItemProps>;
 declare const _default: import("vue").DefineComponent<{
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -23,7 +43,27 @@ declare const _default: import("vue").DefineComponent<{
     badge: (NumberConstructor | StringConstructor)[];
     iconColor: StringConstructor;
     iconPrefix: StringConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    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;
+    }>>;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -33,16 +73,37 @@ declare const _default: import("vue").DefineComponent<{
     badge?: unknown;
     iconColor?: unknown;
     iconPrefix?: unknown;
+    badgeProps?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
 } & {
-    text?: string | undefined;
     url?: string | undefined;
+    text?: string | undefined;
     to?: import("vue-router").RouteLocationRaw | undefined;
     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;
     iconColor?: string | undefined;
 }>, {
     replace: boolean;

package/es/grid-item/GridItem.js

@@ -1,130 +1,113 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
-import { computed, defineComponent } from 'vue'; // Utils
-
-import { BORDER, extend, addUnit, numericProp, createNamespace } from '../utils';
-import { GRID_KEY } from '../grid/Grid'; // Composables
-
-import { useParent } from '@vant/use';
-import { useRoute, routeProps } from '../composables/use-route'; // Components
-
-import { Icon } from '../icon';
-import { Badge } from '../badge';
-var [name, bem] = createNamespace('grid-item');
-var gridItemProps = extend({}, routeProps, {
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { computed, defineComponent } from "vue";
+import { BORDER, extend, addUnit, numericProp, createNamespace } from "../utils";
+import { GRID_KEY } from "../grid/Grid";
+import { useParent } from "@vant/use";
+import { useRoute, routeProps } from "../composables/use-route";
+import { Icon } from "../icon";
+import { Badge } from "../badge";
+const [name, bem] = createNamespace("grid-item");
+const gridItemProps = extend({}, routeProps, {
   dot: Boolean,
   text: String,
   icon: String,
   badge: numericProp,
   iconColor: String,
-  iconPrefix: String
+  iconPrefix: String,
+  badgeProps: Object
 });
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: gridItemProps,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var {
+  setup(props, {
+    slots
+  }) {
+    const {
       parent,
       index
     } = useParent(GRID_KEY);
-    var route = useRoute();
-
+    const route = useRoute();
     if (!parent) {
-      if (process.env.NODE_ENV !== 'production') {
-        console.error('[Vant] <GridItem> must be a child component of <Grid>.');
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <GridItem> must be a child component of <Grid>.");
       }
-
       return;
     }
-
-    var rootStyle = computed(() => {
-      var {
+    const rootStyle = computed(() => {
+      const {
         square,
         gutter,
         columnNum
       } = parent.props;
-      var percent = 100 / +columnNum + "%";
-      var style = {
+      const percent = `${100 / +columnNum}%`;
+      const style = {
         flexBasis: percent
       };
-
       if (square) {
         style.paddingTop = percent;
       } else if (gutter) {
-        var gutterValue = addUnit(gutter);
+        const gutterValue = addUnit(gutter);
         style.paddingRight = gutterValue;
-
         if (index.value >= columnNum) {
           style.marginTop = gutterValue;
         }
       }
-
       return style;
     });
-    var contentStyle = computed(() => {
-      var {
+    const contentStyle = computed(() => {
+      const {
         square,
         gutter
       } = parent.props;
-
       if (square && gutter) {
-        var gutterValue = addUnit(gutter);
+        const gutterValue = addUnit(gutter);
         return {
           right: gutterValue,
           bottom: gutterValue,
-          height: 'auto'
+          height: "auto"
         };
       }
     });
-
-    var renderIcon = () => {
+    const renderIcon = () => {
       if (slots.icon) {
-        return _createVNode(Badge, {
+        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'),
-          "classPrefix": props.iconPrefix,
-          "color": props.iconColor
+          "class": bem("icon"),
+          "color": props.iconColor,
+          "badgeProps": props.badgeProps,
+          "classPrefix": props.iconPrefix
         }, null);
       }
     };
-
-    var renderText = () => {
+    const renderText = () => {
       if (slots.text) {
         return slots.text();
       }
-
       if (props.text) {
         return _createVNode("span", {
-          "class": bem('text')
+          "class": bem("text")
         }, [props.text]);
       }
     };
-
-    var renderContent = () => {
+    const renderContent = () => {
       if (slots.default) {
         return slots.default();
       }
-
       return [renderIcon(), renderText()];
     };
-
     return () => {
-      var {
+      const {
         center,
         border,
         square,
@@ -133,7 +116,7 @@ export default defineComponent({
         direction,
         clickable
       } = parent.props;
-      var classes = [bem('content', [direction, {
+      const classes = [bem("content", [direction, {
         center,
         square,
         reverse,
@@ -148,13 +131,15 @@ export default defineComponent({
         })],
         "style": rootStyle.value
       }, [_createVNode("div", {
-        "role": clickable ? 'button' : undefined,
+        "role": clickable ? "button" : void 0,
         "class": classes,
         "style": contentStyle.value,
-        "tabindex": clickable ? 0 : undefined,
+        "tabindex": clickable ? 0 : void 0,
         "onClick": route
       }, [renderContent()])]);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

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

@@ -9,7 +9,27 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     badge: (NumberConstructor | StringConstructor)[];
     iconColor: StringConstructor;
     iconPrefix: StringConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    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;
+    }>>;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -19,16 +39,37 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     badge?: unknown;
     iconColor?: unknown;
     iconPrefix?: unknown;
+    badgeProps?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
 } & {
-    text?: string | undefined;
     url?: string | undefined;
+    text?: string | undefined;
     to?: import("vue-router").RouteLocationRaw | undefined;
     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;
     iconColor?: string | undefined;
 }>, {
     replace: boolean;
@@ -36,3 +77,8 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
 }>>;
 export default GridItem;
 export type { GridItemProps } from './GridItem';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanGridItem: typeof GridItem;
+    }
+}

package/es/grid-item/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _GridItem from './GridItem';
-export var GridItem = withInstall(_GridItem);
-export default GridItem;
+import { withInstall } from "../utils";
+import _GridItem from "./GridItem";
+const GridItem = withInstall(_GridItem);
+var stdin_default = GridItem;
+export {
+  GridItem,
+  stdin_default as default
+};

package/es/grid-item/style/index.js

@@ -1,5 +1,5 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../../grid/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../grid/index.css";
+import "../index.css";

package/es/grid-item/style/less.js

@@ -1,5 +1,5 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../../grid/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../../grid/index.less";
+import "../index.less";

package/es/icon/Icon.d.ts

@@ -1,44 +1,105 @@
-import { ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 declare const iconProps: {
     dot: BooleanConstructor;
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     name: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
     color: 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;
+    }>>;
     classPrefix: StringConstructor;
 };
 export declare type IconProps = ExtractPropTypes<typeof iconProps>;
 declare const _default: import("vue").DefineComponent<{
     dot: BooleanConstructor;
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     name: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
     color: 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;
+    }>>;
     classPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     dot?: unknown;
     tag?: unknown;
     name?: unknown;
     size?: unknown;
     badge?: unknown;
     color?: unknown;
+    badgeProps?: unknown;
     classPrefix?: unknown;
 } & {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
 } & {
+    color?: string | undefined;
     name?: string | undefined;
     badge?: string | number | undefined;
-    color?: string | undefined;
     size?: string | number | 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;
     classPrefix?: string | undefined;
 }>, {
     dot: boolean;

package/es/icon/Icon.js

@@ -1,57 +1,59 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent, inject, computed } from 'vue';
-import { addUnit, numericProp, makeStringProp, createNamespace } from '../utils';
-import { Badge } from '../badge';
-import { CONFIG_PROVIDER_KEY } from '../config-provider/ConfigProvider';
-var [name, bem] = createNamespace('icon');
-
-var isImage = name => name == null ? void 0 : name.includes('/');
-
-var iconProps = {
+import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { inject, computed, defineComponent } from "vue";
+import { addUnit, numericProp, makeStringProp, createNamespace } from "../utils";
+import { Badge } from "../badge";
+import { CONFIG_PROVIDER_KEY } from "../config-provider/ConfigProvider";
+const [name, bem] = createNamespace("icon");
+const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
+const iconProps = {
   dot: Boolean,
-  tag: makeStringProp('i'),
+  tag: makeStringProp("i"),
   name: String,
   size: numericProp,
   badge: numericProp,
   color: String,
+  badgeProps: Object,
   classPrefix: String
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: iconProps,
-
-  setup(props, _ref) {
-    var {
-      slots
-    } = _ref;
-    var config = inject(CONFIG_PROVIDER_KEY, null);
-    var classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem());
+  setup(props, {
+    slots
+  }) {
+    const config = inject(CONFIG_PROVIDER_KEY, null);
+    const classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem());
     return () => {
-      var {
+      const {
         tag,
         dot,
-        name,
+        name: name2,
         size,
         badge,
         color
       } = props;
-      var isImageIcon = isImage(name);
-      return _createVNode(Badge, {
+      const isImageIcon = isImage(name2);
+      return _createVNode(Badge, _mergeProps({
         "dot": dot,
         "tag": tag,
-        "content": badge,
-        "class": [classPrefix.value, isImageIcon ? '' : classPrefix.value + "-" + name],
+        "class": [classPrefix.value, isImageIcon ? "" : `${classPrefix.value}-${name2}`],
         "style": {
           color,
           fontSize: addUnit(size)
+        },
+        "content": badge
+      }, props.badgeProps), {
+        default: () => {
+          var _a;
+          return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && _createVNode("img", {
+            "class": bem("image"),
+            "src": name2
+          }, null)];
         }
-      }, {
-        default: () => [slots.default == null ? void 0 : slots.default(), isImageIcon && _createVNode("img", {
-          "class": bem('image'),
-          "src": name
-        }, null)]
       });
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};