vant 2.13.2 → 2.13.3

package/lib/config-provider/ConfigProvider.d.ts

@@ -0,0 +1,71 @@
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
+export type ConfigProviderTheme = 'light' | 'dark';
+export type ConfigProviderThemeVarsScope = 'local' | 'global';
+export type ConfigProviderProvide = {
+    iconPrefix?: string;
+};
+export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
+export type ThemeVars = PropType<Record<string, Numeric>>;
+export declare const configProviderProps: {
+    tag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    theme: {
+        type: PropType<T>;
+        default: ConfigProviderTheme;
+    };
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<T>;
+        default: ConfigProviderThemeVarsScope;
+    };
+    iconPrefix: StringConstructor;
+};
+export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    tag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    theme: {
+        type: PropType<T>;
+        default: ConfigProviderTheme;
+    };
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<T>;
+        default: ConfigProviderThemeVarsScope;
+    };
+    iconPrefix: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    theme: {
+        type: PropType<T>;
+        default: ConfigProviderTheme;
+    };
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<T>;
+        default: ConfigProviderThemeVarsScope;
+    };
+    iconPrefix: StringConstructor;
+}>> & Readonly<{}>, {
+    tag: keyof HTMLElementTagNameMap;
+    theme: ConfigProviderTheme;
+    themeVarsScope: ConfigProviderThemeVarsScope;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/config-provider/ConfigProvider.js

@@ -0,0 +1,121 @@
+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, {
+  CONFIG_PROVIDER_KEY: () => CONFIG_PROVIDER_KEY,
+  configProviderProps: () => configProviderProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_use_global_z_index = require("../composables/use-global-z-index");
+const [name, bem] = (0, import_utils.createNamespace)("config-provider");
+const CONFIG_PROVIDER_KEY = Symbol(name);
+const configProviderProps = {
+  tag: (0, import_utils.makeStringProp)("div"),
+  theme: (0, import_utils.makeStringProp)("light"),
+  zIndex: Number,
+  themeVars: Object,
+  themeVarsDark: Object,
+  themeVarsLight: Object,
+  themeVarsScope: (0, import_utils.makeStringProp)("local"),
+  iconPrefix: String
+};
+function insertDash(str) {
+  return str.replace(/([a-zA-Z])(\d)/g, "$1-$2");
+}
+function mapThemeVarsToCSSVars(themeVars) {
+  const cssVars = {};
+  Object.keys(themeVars).forEach((key) => {
+    const formattedKey = insertDash((0, import_utils.kebabCase)(key));
+    cssVars[`--van-${formattedKey}`] = themeVars[key];
+  });
+  return cssVars;
+}
+function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
+  Object.keys(newStyle).forEach((key) => {
+    if (newStyle[key] !== oldStyle[key]) {
+      document.documentElement.style.setProperty(key, newStyle[key]);
+    }
+  });
+  Object.keys(oldStyle).forEach((key) => {
+    if (!newStyle[key]) {
+      document.documentElement.style.removeProperty(key);
+    }
+  });
+}
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  props: configProviderProps,
+  setup(props, {
+    slots
+  }) {
+    const style = (0, import_vue.computed)(() => mapThemeVarsToCSSVars((0, import_utils.extend)({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
+    if (import_utils.inBrowser) {
+      const addTheme = () => {
+        document.documentElement.classList.add(`van-theme-${props.theme}`);
+      };
+      const removeTheme = (theme = props.theme) => {
+        document.documentElement.classList.remove(`van-theme-${theme}`);
+      };
+      (0, import_vue.watch)(() => props.theme, (newVal, oldVal) => {
+        if (oldVal) {
+          removeTheme(oldVal);
+        }
+        addTheme();
+      }, {
+        immediate: true
+      });
+      (0, import_vue.onActivated)(addTheme);
+      (0, import_vue.onDeactivated)(removeTheme);
+      (0, import_vue.onBeforeUnmount)(removeTheme);
+      (0, import_vue.watch)(style, (newStyle, oldStyle) => {
+        if (props.themeVarsScope === "global") {
+          syncThemeVarsOnRoot(newStyle, oldStyle);
+        }
+      });
+      (0, import_vue.watch)(() => props.themeVarsScope, (newScope, oldScope) => {
+        if (oldScope === "global") {
+          syncThemeVarsOnRoot({}, style.value);
+        }
+        if (newScope === "global") {
+          syncThemeVarsOnRoot(style.value, {});
+        }
+      });
+      if (props.themeVarsScope === "global") {
+        syncThemeVarsOnRoot(style.value, {});
+      }
+    }
+    (0, import_vue.provide)(CONFIG_PROVIDER_KEY, props);
+    (0, import_vue.watchEffect)(() => {
+      if (props.zIndex !== void 0) {
+        (0, import_use_global_z_index.setGlobalZIndex)(props.zIndex);
+      }
+    });
+    return () => (0, import_vue.createVNode)(props.tag, {
+      "class": bem(),
+      "style": props.themeVarsScope === "local" ? style.value : void 0
+    }, {
+      default: () => {
+        var _a;
+        return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
+      }
+    });
+  }
+});

package/lib/config-provider/index.d.ts

@@ -0,0 +1,50 @@
+export declare const ConfigProvider: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    theme: {
+        type: import("vue").PropType<T>;
+        default: import("./ConfigProvider").ConfigProviderTheme;
+    };
+    zIndex: NumberConstructor;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").ThemeVars;
+    themeVarsScope: {
+        type: import("vue").PropType<T>;
+        default: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+    };
+    iconPrefix: StringConstructor;
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    theme: {
+        type: import("vue").PropType<T>;
+        default: import("./ConfigProvider").ConfigProviderTheme;
+    };
+    zIndex: NumberConstructor;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").ThemeVars;
+    themeVarsScope: {
+        type: import("vue").PropType<T>;
+        default: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+    };
+    iconPrefix: StringConstructor;
+}>> & Readonly<{}>, {
+    tag: keyof HTMLElementTagNameMap;
+    theme: import("./ConfigProvider").ConfigProviderTheme;
+    themeVarsScope: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default ConfigProvider;
+export { configProviderProps } from './ConfigProvider';
+export type { ConfigProviderProps, ConfigProviderTheme, ConfigProviderThemeVarsScope, } from './ConfigProvider';
+export type { ConfigProviderThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanConfigProvider: typeof ConfigProvider;
+    }
+}

package/lib/config-provider/index.js

@@ -0,0 +1,39 @@
+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, {
+  ConfigProvider: () => ConfigProvider,
+  configProviderProps: () => import_ConfigProvider2.configProviderProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_ConfigProvider = __toESM(require("./ConfigProvider"));
+var import_ConfigProvider2 = require("./ConfigProvider");
+const ConfigProvider = (0, import_utils.withInstall)(import_ConfigProvider.default);
+var stdin_default = ConfigProvider;

package/lib/config-provider/style/index.d.ts

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

package/lib/config-provider/style/index.js

@@ -0,0 +1 @@
+require("../../style/base.css");

package/lib/config-provider/types.d.ts

@@ -0,0 +1,61 @@
+type BaseThemeVars = {
+    black?: string;
+    white?: string;
+    gray1?: string;
+    gray2?: string;
+    gray3?: string;
+    gray4?: string;
+    gray5?: string;
+    gray6?: string;
+    gray7?: string;
+    gray8?: string;
+    red?: string;
+    blue?: string;
+    orange?: string;
+    orangeDark?: string;
+    orangeLight?: string;
+    green?: string;
+    gradientRed?: string;
+    gradientOrange?: string;
+    primaryColor?: string;
+    successColor?: string;
+    dangerColor?: string;
+    warningColor?: string;
+    textColor?: string;
+    textColor2?: string;
+    textColor3?: string;
+    activeColor?: string;
+    activeOpacity?: number;
+    disabledOpacity?: number;
+    background?: string;
+    background2?: string;
+    paddingBase?: string;
+    paddingXs?: string;
+    paddingSm?: string;
+    paddingMd?: string;
+    paddingLg?: string;
+    paddingXl?: string;
+    fontSizeXs?: string;
+    fontSizeSm?: string;
+    fontSizeMd?: string;
+    fontSizeLg?: string;
+    fontBold?: number;
+    lineHeightXs?: string;
+    lineHeightSm?: string;
+    lineHeightMd?: string;
+    lineHeightLg?: string;
+    baseFont?: string;
+    priceFont?: string;
+    durationBase?: string;
+    durationFast?: string;
+    easeOut?: string;
+    easeIn?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    radiusSm?: string;
+    radiusMd?: string;
+    radiusLg?: string;
+    radiusMax?: string;
+};
+export type ConfigProviderThemeVars = BaseThemeVars & import('../action-bar').ActionBarThemeVars & import('../action-bar-button').ActionBarButtonThemeVars & import('../action-bar-icon').ActionBarIconThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../address-edit').AddressEditThemeVars & import('../address-list').AddressListThemeVars & import('../back-top').BackTopThemeVars & import('../badge').BadgeThemeVars & import('../barrage').BarrageThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../card').CardThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../cell-group').CellGroupThemeVars & import('../checkbox').CheckboxThemeVars & import('../circle').CircleThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../contact-card').ContactCardThemeVars & import('../contact-edit').ContactEditThemeVars & import('../contact-list').ContactListThemeVars & import('../count-down').CountDownThemeVars & import('../coupon').CouponThemeVars & import('../coupon-cell').CouponCellThemeVars & import('../coupon-list').CouponListThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../highlight').HighlightThemeVars & import('../field').FieldThemeVars & import('../floating-bubble').FloatingBubbleThemeVars & import('../floating-panel').FloatingPanelThemeVars & import('../grid-item').GridItemThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../pagination').PaginationThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../picker-group').PickerGroupThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../progress').ProgressThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../rate').RateThemeVars & import('../rolling-text').RollingTextThemeVars & import('../search').SearchThemeVars & import('../share-sheet').ShareSheetThemeVars & import('../sidebar').SidebarThemeVars & import('../sidebar-item').SidebarItemThemeVars & import('../signature').SignatureThemeVars & import('../skeleton').SkeletonThemeVars & import('../slider').SliderThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../submit-bar').SubmitBarThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../toast').ToastThemeVars & import('../tree-select').TreeSelectThemeVars & import('../uploader').UploaderThemeVars & import('../watermark').WatermarkThemeVars;
+export {};

package/lib/config-provider/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/contact-card/ContactCard.d.ts

@@ -0,0 +1,47 @@
+import { type ExtractPropTypes } from 'vue';
+export type ContactCardType = 'add' | 'edit';
+export declare const contactCardProps: {
+    tel: StringConstructor;
+    name: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: ContactCardType;
+    };
+    addText: StringConstructor;
+    editable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export type ContactCardProps = ExtractPropTypes<typeof contactCardProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+    tel: StringConstructor;
+    name: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: ContactCardType;
+    };
+    addText: StringConstructor;
+    editable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+    tel: StringConstructor;
+    name: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: ContactCardType;
+    };
+    addText: StringConstructor;
+    editable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: ContactCardType;
+    editable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/contact-card/ContactCard.js

@@ -0,0 +1,65 @@
+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, {
+  contactCardProps: () => contactCardProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_utils = require("../utils");
+var import_cell = require("../cell");
+const [name, bem, t] = (0, import_utils.createNamespace)("contact-card");
+const contactCardProps = {
+  tel: String,
+  name: String,
+  type: (0, import_utils.makeStringProp)("add"),
+  addText: String,
+  editable: import_utils.truthProp
+};
+var stdin_default = (0, import_vue.defineComponent)({
+  name,
+  props: contactCardProps,
+  emits: ["click"],
+  setup(props, {
+    emit
+  }) {
+    const onClick = (event) => {
+      if (props.editable) {
+        emit("click", event);
+      }
+    };
+    const renderContent = () => {
+      if (props.type === "add") {
+        return props.addText || t("addContact");
+      }
+      return [(0, import_vue.createVNode)("div", null, [`${t("name")}\uFF1A${props.name}`]), (0, import_vue.createVNode)("div", null, [`${t("tel")}\uFF1A${props.tel}`])];
+    };
+    return () => (0, import_vue.createVNode)(import_cell.Cell, {
+      "center": true,
+      "icon": props.type === "edit" ? "contact" : "add-square",
+      "class": bem([props.type]),
+      "border": false,
+      "isLink": props.editable,
+      "titleClass": bem("title"),
+      "onClick": onClick
+    }, {
+      title: renderContent
+    });
+  }
+});

package/lib/contact-card/index.css

@@ -1 +1 @@
-.van-contact-card{padding:16px}.van-contact-card__value{margin-left:5px;line-height:20px}.van-contact-card--add .van-contact-card__value{line-height:40px}.van-contact-card--add .van-cell__left-icon{color:#1989fa;font-size:40px}.van-contact-card::before{position:absolute;right:0;bottom:0;left:0;height:2px;background:-webkit-repeating-linear-gradient(135deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background:repeating-linear-gradient(-45deg,#ff6c6c 0,#ff6c6c 20%,transparent 0,transparent 25%,#1989fa 0,#1989fa 45%,transparent 0,transparent 50%);background-size:80px;content:''}
+:root,:host{--van-contact-card-padding: var(--van-padding-md);--van-contact-card-add-icon-size: 40px;--van-contact-card-add-icon-color: var(--van-primary-color);--van-contact-card-title-line-height: var(--van-line-height-md)}.van-contact-card{padding:var(--van-contact-card-padding)}.van-contact-card__title{margin-left:5px;line-height:var(--van-contact-card-title-line-height)}.van-contact-card--add .van-contact-card__value{line-height:var(--van-contact-card-add-icon-size)}.van-contact-card--add .van-cell__left-icon{color:var(--van-contact-card-add-icon-color);font-size:var(--van-contact-card-add-icon-size)}.van-contact-card:before{position:absolute;right:0;bottom:0;left:0;height:2px;background:repeating-linear-gradient(-45deg,var(--van-warning-color) 0,var(--van-warning-color) 20%,transparent 0,transparent 25%,var(--van-primary-color) 0,var(--van-primary-color) 45%,transparent 0,transparent 50%);background-size:80px;content:""}

package/lib/contact-card/index.d.ts

@@ -0,0 +1,39 @@
+export declare const ContactCard: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tel: StringConstructor;
+    name: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: import("./ContactCard").ContactCardType;
+    };
+    addText: StringConstructor;
+    editable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tel: StringConstructor;
+    name: StringConstructor;
+    type: {
+        type: import("vue").PropType<T>;
+        default: import("./ContactCard").ContactCardType;
+    };
+    addText: StringConstructor;
+    editable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: import("./ContactCard").ContactCardType;
+    editable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default ContactCard;
+export { contactCardProps } from './ContactCard';
+export type { ContactCardType, ContactCardProps } from './ContactCard';
+export type { ContactCardThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanContactCard: typeof ContactCard;
+    }
+}

package/lib/contact-card/index.js

@@ -1,72 +1,39 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _babelHelperVueJsxMergeProps = _interopRequireDefault(require("@vue/babel-helper-vue-jsx-merge-props"));
-
-var _utils = require("../utils");
-
-var _functional = require("../utils/functional");
-
-var _cell = _interopRequireDefault(require("../cell"));
-
-// Utils
-// Components
-var _createNamespace = (0, _utils.createNamespace)('contact-card'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1],
-    t = _createNamespace[2];
-
-function ContactCard(h, props, slots, ctx) {
-  var type = props.type,
-      editable = props.editable;
-
-  function onClick(event) {
-    if (editable) {
-      (0, _functional.emit)(ctx, 'click', event);
-    }
-  }
-
-  function Content() {
-    if (type === 'add') {
-      return props.addText || t('addText');
-    }
-
-    return [h("div", [t('name') + "\uFF1A" + props.name]), h("div", [t('tel') + "\uFF1A" + props.tel])];
-  }
-
-  return h(_cell.default, (0, _babelHelperVueJsxMergeProps.default)([{
-    "attrs": {
-      "center": true,
-      "border": false,
-      "isLink": editable,
-      "valueClass": bem('value'),
-      "icon": type === 'edit' ? 'contact' : 'add-square'
-    },
-    "class": bem([type]),
-    "on": {
-      "click": onClick
-    }
-  }, (0, _functional.inherit)(ctx)]), [Content()]);
-}
-
-ContactCard.props = {
-  tel: String,
-  name: String,
-  addText: String,
-  editable: {
-    type: Boolean,
-    default: true
-  },
-  type: {
-    type: String,
-    default: 'add'
+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 _default = createComponent(ContactCard);
-
-exports.default = _default;
+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, {
+  ContactCard: () => ContactCard,
+  contactCardProps: () => import_ContactCard2.contactCardProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_ContactCard = __toESM(require("./ContactCard"));
+var import_ContactCard2 = require("./ContactCard");
+const ContactCard = (0, import_utils.withInstall)(import_ContactCard.default);
+var stdin_default = ContactCard;

package/lib/contact-card/style/index.d.ts

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

package/lib/contact-card/style/index.js

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

package/lib/contact-card/types.d.ts

@@ -0,0 +1,6 @@
+export type ContactCardThemeVars = {
+    contactCardPadding?: string;
+    contactCardAddIconSize?: string;
+    contactCardAddIconColor?: string;
+    contactCardTitleLineHeight?: number | string;
+};