vant 2.13.2 → 2.13.3

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

@@ -0,0 +1,45 @@
+import { type PropType, type ExtractPropTypes } from 'vue';
+import { type BadgeProps } from '../badge';
+export declare const gridItemProps: {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
+    badgeProps: PropType<Partial<BadgeProps>>;
+};
+export type GridItemProps = ExtractPropTypes<typeof gridItemProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
+    badgeProps: PropType<Partial<BadgeProps>>;
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
+    badgeProps: PropType<Partial<BadgeProps>>;
+}>> & Readonly<{}>, {
+    replace: boolean;
+    dot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/grid-item/GridItem.js

@@ -0,0 +1,164 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default,
+  gridItemProps: () => gridItemProps
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_Grid = require("../grid/Grid");
+var import_use = require("@vant/use");
+var import_use_route = require("../composables/use-route");
+var import_icon = require("../icon");
+var import_badge = require("../badge");
+const [name, bem] = (0, import_utils.createNamespace)("grid-item");
+const gridItemProps = (0, import_utils.extend)({}, import_use_route.routeProps, {
+  dot: Boolean,
+  text: String,
+  icon: String,
+  badge: import_utils.numericProp,
+  iconColor: String,
+  iconPrefix: String,
+  badgeProps: Object
+});
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  props: gridItemProps,
+  setup(props, {
+    slots
+  }) {
+    const {
+      parent,
+      index
+    } = (0, import_use.useParent)(import_Grid.GRID_KEY);
+    const route = (0, import_use_route.useRoute)();
+    if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <GridItem> must be a child component of <Grid>.");
+      }
+      return;
+    }
+    const rootStyle = (0, import_vue.computed)(() => {
+      const {
+        square,
+        gutter,
+        columnNum
+      } = parent.props;
+      const percent = `${100 / +columnNum}%`;
+      const style = {
+        flexBasis: percent
+      };
+      if (square) {
+        style.paddingTop = percent;
+      } else if (gutter) {
+        const gutterValue = (0, import_utils.addUnit)(gutter);
+        style.paddingRight = gutterValue;
+        if (index.value >= +columnNum) {
+          style.marginTop = gutterValue;
+        }
+      }
+      return style;
+    });
+    const contentStyle = (0, import_vue.computed)(() => {
+      const {
+        square,
+        gutter
+      } = parent.props;
+      if (square && gutter) {
+        const gutterValue = (0, import_utils.addUnit)(gutter);
+        return {
+          right: gutterValue,
+          bottom: gutterValue,
+          height: "auto"
+        };
+      }
+    });
+    const renderIcon = () => {
+      if (slots.icon) {
+        return (0, import_vue.createVNode)(import_badge.Badge, (0, import_vue.mergeProps)({
+          "dot": props.dot,
+          "content": props.badge
+        }, props.badgeProps), {
+          default: slots.icon
+        });
+      }
+      if (props.icon) {
+        return (0, import_vue.createVNode)(import_icon.Icon, {
+          "dot": props.dot,
+          "name": props.icon,
+          "size": parent.props.iconSize,
+          "badge": props.badge,
+          "class": bem("icon"),
+          "color": props.iconColor,
+          "badgeProps": props.badgeProps,
+          "classPrefix": props.iconPrefix
+        }, null);
+      }
+    };
+    const renderText = () => {
+      if (slots.text) {
+        return slots.text();
+      }
+      if (props.text) {
+        return (0, import_vue.createVNode)("span", {
+          "class": bem("text")
+        }, [props.text]);
+      }
+    };
+    const renderContent = () => {
+      if (slots.default) {
+        return slots.default();
+      }
+      return [renderIcon(), renderText()];
+    };
+    return () => {
+      const {
+        center,
+        border,
+        square,
+        gutter,
+        reverse,
+        direction,
+        clickable
+      } = parent.props;
+      const classes = [bem("content", [direction, {
+        center,
+        square,
+        reverse,
+        clickable,
+        surround: border && gutter
+      }]), {
+        [import_utils.BORDER]: border
+      }];
+      return (0, import_vue.createVNode)("div", {
+        "class": [bem({
+          square
+        })],
+        "style": rootStyle.value
+      }, [(0, import_vue.createVNode)("div", {
+        "role": clickable ? "button" : void 0,
+        "class": classes,
+        "style": contentStyle.value,
+        "tabindex": clickable ? 0 : void 0,
+        "onClick": route
+      }, [renderContent()])]);
+    };
+  }
+});

package/lib/grid-item/index.css

@@ -1 +1 @@
-.van-grid-item{position:relative;box-sizing:border-box}.van-grid-item--square{height:0}.van-grid-item__icon{font-size:28px}.van-grid-item__icon-wrapper{position:relative}.van-grid-item__text{color:#646566;font-size:12px;line-height:1.5;word-break:break-all}.van-grid-item__icon+.van-grid-item__text{margin-top:8px}.van-grid-item__content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;height:100%;padding:16px 8px;background-color:#fff}.van-grid-item__content::after{z-index:1;border-width:0 1px 1px 0}.van-grid-item__content--square{position:absolute;top:0;right:0;left:0}.van-grid-item__content--center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.van-grid-item__content--horizontal{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}.van-grid-item__content--horizontal .van-grid-item__icon+.van-grid-item__text{margin-top:0;margin-left:8px}.van-grid-item__content--surround::after{border-width:1px}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:#f2f3f5}
+:root,:host{--van-grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);--van-grid-item-content-background: var(--van-background-2);--van-grid-item-content-active-color: var(--van-active-color);--van-grid-item-icon-size: 28px;--van-grid-item-text-color: var(--van-text-color);--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)}.van-grid-item__content:after{z-index:1;border-width:0 var(--van-border-width) var(--van-border-width) 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)}.van-grid-item__content--clickable{cursor:pointer}.van-grid-item__content--clickable:active{background-color:var(--van-grid-item-content-active-color)}

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

@@ -0,0 +1,37 @@
+export declare const GridItem: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+} & {
+    dot: BooleanConstructor;
+    text: StringConstructor;
+    icon: StringConstructor;
+    badge: (NumberConstructor | StringConstructor)[];
+    iconColor: StringConstructor;
+    iconPrefix: StringConstructor;
+    badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
+}>> & Readonly<{}>, {
+    replace: boolean;
+    dot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default GridItem;
+export { gridItemProps } from './GridItem';
+export type { GridItemProps } from './GridItem';
+export type { GridItemThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanGridItem: typeof GridItem;
+    }
+}

package/lib/grid-item/index.js

@@ -1,178 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _utils = require("../utils");
-
-var _constant = require("../utils/constant");
-
-var _router = require("../utils/router");
-
-var _relation = require("../mixins/relation");
-
-var _info = _interopRequireDefault(require("../info"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-// Utils
-// Mixins
-// Components
-var _createNamespace = (0, _utils.createNamespace)('grid-item'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-var _default = createComponent({
-  mixins: [(0, _relation.ChildrenMixin)('vanGrid')],
-  props: (0, _extends2.default)({}, _router.routeProps, {
-    dot: Boolean,
-    text: String,
-    icon: String,
-    iconPrefix: String,
-    // @deprecated
-    info: [Number, String],
-    badge: [Number, String]
-  }),
-  computed: {
-    style: function style() {
-      var _this$parent = this.parent,
-          square = _this$parent.square,
-          gutter = _this$parent.gutter,
-          columnNum = _this$parent.columnNum;
-      var percent = 100 / columnNum + "%";
-      var style = {
-        flexBasis: percent
-      };
-
-      if (square) {
-        style.paddingTop = percent;
-      } else if (gutter) {
-        var gutterValue = (0, _utils.addUnit)(gutter);
-        style.paddingRight = gutterValue;
-
-        if (this.index >= columnNum) {
-          style.marginTop = gutterValue;
-        }
-      }
-
-      return style;
-    },
-    contentStyle: function contentStyle() {
-      var _this$parent2 = this.parent,
-          square = _this$parent2.square,
-          gutter = _this$parent2.gutter;
-
-      if (square && gutter) {
-        var gutterValue = (0, _utils.addUnit)(gutter);
-        return {
-          right: gutterValue,
-          bottom: gutterValue,
-          height: 'auto'
-        };
-      }
-    }
-  },
-  methods: {
-    onClick: function onClick(event) {
-      this.$emit('click', event);
-      (0, _router.route)(this.$router, this);
-    },
-    genIcon: function genIcon() {
-      var _this$badge;
-
-      var h = this.$createElement;
-      var iconSlot = this.slots('icon');
-      var info = (_this$badge = this.badge) != null ? _this$badge : this.info;
-
-      if (process.env.NODE_ENV === 'development' && this.info) {
-        console.warn('[Vant] GridItem: "info" prop is deprecated, use "badge" prop instead.');
-      }
-
-      if (iconSlot) {
-        return h("div", {
-          "class": bem('icon-wrapper')
-        }, [iconSlot, h(_info.default, {
-          "attrs": {
-            "dot": this.dot,
-            "info": info
-          }
-        })]);
-      }
-
-      if (this.icon) {
-        return h(_icon.default, {
-          "attrs": {
-            "name": this.icon,
-            "dot": this.dot,
-            "badge": info,
-            "size": this.parent.iconSize,
-            "classPrefix": this.iconPrefix
-          },
-          "class": bem('icon')
-        });
-      }
-    },
-    getText: function getText() {
-      var h = this.$createElement;
-      var textSlot = this.slots('text');
-
-      if (textSlot) {
-        return textSlot;
-      }
-
-      if (this.text) {
-        return h("span", {
-          "class": bem('text')
-        }, [this.text]);
-      }
-    },
-    genContent: function genContent() {
-      var slot = this.slots();
-
-      if (slot) {
-        return slot;
-      }
-
-      return [this.genIcon(), this.getText()];
-    }
-  },
-  render: function render() {
-    var _ref;
-
-    var h = arguments[0];
-    var _this$parent3 = this.parent,
-        center = _this$parent3.center,
-        border = _this$parent3.border,
-        square = _this$parent3.square,
-        gutter = _this$parent3.gutter,
-        direction = _this$parent3.direction,
-        clickable = _this$parent3.clickable;
-    return h("div", {
-      "class": [bem({
-        square: square
-      })],
-      "style": this.style
-    }, [h("div", {
-      "style": this.contentStyle,
-      "attrs": {
-        "role": clickable ? 'button' : null,
-        "tabindex": clickable ? 0 : null
-      },
-      "class": [bem('content', [direction, {
-        center: center,
-        square: square,
-        clickable: clickable,
-        surround: border && gutter
-      }]), (_ref = {}, _ref[_constant.BORDER] = border, _ref)],
-      "on": {
-        "click": this.onClick
-      }
-    }, [this.genContent()])]);
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  GridItem: () => GridItem,
+  default: () => stdin_default,
+  gridItemProps: () => import_GridItem2.gridItemProps
 });
-
-exports.default = _default;
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_GridItem = __toESM(require("./GridItem"));
+var import_GridItem2 = require("./GridItem");
+const GridItem = (0, import_utils.withInstall)(import_GridItem.default);
+var stdin_default = GridItem;

package/lib/grid-item/style/index.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,5 @@
-require('../../style/base.css');
-require('../../info/index.css');
-require('../../icon/index.css');
-require('../index.css');
+require("../../style/base.css");
+require("../../badge/index.css");
+require("../../icon/index.css");
+require("../../grid/index.css");
+require("../index.css");

package/lib/grid-item/types.d.ts

@@ -0,0 +1,8 @@
+export type GridItemThemeVars = {
+    gridItemContentPadding?: string;
+    gridItemContentBackground?: string;
+    gridItemContentActiveColor?: string;
+    gridItemIconSize?: string;
+    gridItemTextColor?: string;
+    gridItemTextFontSize?: string;
+};

package/lib/grid-item/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/highlight/Highlight.d.ts

@@ -0,0 +1,96 @@
+import { type ExtractPropTypes, type PropType } from 'vue';
+export declare const highlightProps: {
+    autoEscape: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    caseSensitive: BooleanConstructor;
+    highlightClass: StringConstructor;
+    highlightTag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    keywords: {
+        type: PropType<string | string[]>;
+        required: true;
+    };
+    sourceString: {
+        type: PropType<T>;
+        default: string;
+    };
+    tag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    unhighlightClass: StringConstructor;
+    unhighlightTag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+};
+export type HighlightProps = ExtractPropTypes<typeof highlightProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    autoEscape: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    caseSensitive: BooleanConstructor;
+    highlightClass: StringConstructor;
+    highlightTag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    keywords: {
+        type: PropType<string | string[]>;
+        required: true;
+    };
+    sourceString: {
+        type: PropType<T>;
+        default: string;
+    };
+    tag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    unhighlightClass: StringConstructor;
+    unhighlightTag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    autoEscape: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    caseSensitive: BooleanConstructor;
+    highlightClass: StringConstructor;
+    highlightTag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    keywords: {
+        type: PropType<string | string[]>;
+        required: true;
+    };
+    sourceString: {
+        type: PropType<T>;
+        default: string;
+    };
+    tag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    unhighlightClass: StringConstructor;
+    unhighlightTag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+}>> & Readonly<{}>, {
+    tag: keyof HTMLElementTagNameMap;
+    autoEscape: boolean;
+    caseSensitive: boolean;
+    highlightTag: keyof HTMLElementTagNameMap;
+    sourceString: string;
+    unhighlightTag: keyof HTMLElementTagNameMap;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;