vant 3.3.7 → 3.4.3

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.css

@@ -1 +1 @@
-:root{--van-grid-item-content-padding:var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background-color:var(--van-background-color-light);--van-grid-item-content-active-color:var(--van-active-color);--van-grid-item-icon-size:28px;--van-grid-item-text-color:var(--van-gray-7);--van-grid-item-text-font-size:var(--van-font-size-sm)}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:var(--van-grid-item-icon-size)}.van-grid-item__text{color:var(--van-grid-item-text-color);font-size:var(--van-grid-item-text-font-size);line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:var(--van-padding-xs)}.van-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--van-grid-item-content-padding);background:var(--van-grid-item-content-background-color)}.van-grid-item__content::after{z-index:1;border-width:0 var(--van-border-width-base) var(--van-border-width-base) 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{align-items:center;justify-content:center}.van-grid-item__content--horizontal{flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 var(--van-padding-xs)}.van-grid-item__content--reverse{flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 var(--van-padding-xs)}.van-grid-item__content--horizontal.van-grid-item__content--reverse{flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 var(--van-padding-xs) 0 0}.van-grid-item__content--surround::after{border-width:var(--van-border-width-base)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}
+:root{--van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background-color: var(--van-background-color-light);--van-grid-item-content-active-color: var(--van-active-color);--van-grid-item-icon-size: 28px;--van-grid-item-text-color: var(--van-gray-7);--van-grid-item-text-font-size: var(--van-font-size-sm)}.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:var(--van-grid-item-icon-size)}.van-grid-item__text{color:var(--van-grid-item-text-color);font-size:var(--van-grid-item-text-font-size);line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:var(--van-padding-xs)}.van-grid-item__content{display:flex;flex-direction:column;box-sizing:border-box;height:100%;padding:var(--van-grid-item-content-padding);background:var(--van-grid-item-content-background-color)}.van-grid-item__content:after{z-index:1;border-width:0 var(--van-border-width-base) var(--van-border-width-base) 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{align-items:center;justify-content:center}.van-grid-item__content--horizontal{flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__text{margin:0 0 0 var(--van-padding-xs)}.van-grid-item__content--reverse{flex-direction:column-reverse}.van-grid-item__content--reverse .van-grid-item__text{margin:0 0 var(--van-padding-xs)}.van-grid-item__content--horizontal.van-grid-item__content--reverse{flex-direction:row-reverse}.van-grid-item__content--horizontal.van-grid-item__content--reverse .van-grid-item__text{margin:0 var(--van-padding-xs) 0 0}.van-grid-item__content--surround:after{border-width:var(--van-border-width-base)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}

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

@@ -9,30 +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<{
-    to?: unknown;
-    url?: unknown;
-    replace?: unknown;
-    dot?: unknown;
-    text?: unknown;
-    icon?: unknown;
-    badge?: unknown;
-    iconColor?: unknown;
-    iconPrefix?: unknown;
-} & {
-    replace: boolean;
-    dot: boolean;
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, 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;
 } & {
-    text?: string | undefined;
-    url?: string | undefined;
-    to?: import("vue-router").RouteLocationRaw | undefined;
-    badge?: string | number | undefined;
-    iconPrefix?: string | undefined;
-    icon?: string | undefined;
-    iconColor?: string | undefined;
-}>, {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
+}>>, {
     replace: boolean;
     dot: boolean;
 }>>;
 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,46 +1,44 @@
-import { ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
+import { type BadgeProps } from '../badge';
 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<BadgeProps>>;
     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<BadgeProps>>;
     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<{
-    dot?: unknown;
-    tag?: unknown;
-    name?: unknown;
-    size?: unknown;
-    badge?: unknown;
-    color?: unknown;
-    classPrefix?: unknown;
-} & {
-    dot: boolean;
-    tag: keyof HTMLElementTagNameMap;
-} & {
-    name?: string | undefined;
-    badge?: string | number | undefined;
-    color?: string | undefined;
-    size?: string | number | undefined;
-    classPrefix?: string | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    dot: BooleanConstructor;
+    tag: {
+        type: PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    name: StringConstructor;
+    size: (NumberConstructor | StringConstructor)[];
+    badge: (NumberConstructor | StringConstructor)[];
+    color: StringConstructor;
+    badgeProps: PropType<Partial<BadgeProps>>;
+    classPrefix: StringConstructor;
+}>>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
 }>;

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
+};