vant 3.6.14 → 3.6.16

package/es/area/Area.mjs

@@ -1,76 +1,241 @@
-import { ref, watch, computed, defineComponent, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { ref, watch, computed, reactive, nextTick, onMounted, defineComponent } from "vue";
+import { deepClone } from "../utils/deep-clone.mjs";
 import { pick, extend, makeArrayProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { pickerSharedProps } from "../picker/Picker.mjs";
-import { INHERIT_PROPS, INHERIT_SLOTS, formatDataForCascade } from "./utils.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import { Picker } from "../picker/index.mjs";
 const [name, bem] = createNamespace("area");
-const areaProps = extend({}, pick(pickerSharedProps, INHERIT_PROPS), {
-  modelValue: String,
+const EMPTY_CODE = "000000";
+const INHERIT_SLOTS = ["title", "cancel", "confirm", "toolbar", "columns-top", "columns-bottom"];
+const INHERIT_PROPS = ["title", "loading", "readonly", "itemHeight", "swipeDuration", "visibleItemCount", "cancelButtonText", "confirmButtonText"];
+const isOverseaCode = (code) => code[0] === "9";
+const areaProps = extend({}, pickerSharedProps, {
+  value: String,
   columnsNum: makeNumericProp(3),
   columnsPlaceholder: makeArrayProp(),
   areaList: {
     type: Object,
     default: () => ({})
+  },
+  isOverseaCode: {
+    type: Function,
+    default: isOverseaCode
   }
 });
 var stdin_default = defineComponent({
   name,
   props: areaProps,
-  emits: ["change", "confirm", "cancel", "update:modelValue"],
+  emits: ["change", "confirm", "cancel"],
   setup(props, {
     emit,
     slots
   }) {
-    const codes = ref([]);
-    const picker = ref();
-    const columns = computed(() => formatDataForCascade(props));
-    const onChange = (...args) => emit("change", ...args);
-    const onCancel = (...args) => emit("cancel", ...args);
-    const onConfirm = (...args) => emit("confirm", ...args);
-    watch(codes, (newCodes) => {
-      const lastCode = newCodes.length ? newCodes[newCodes.length - 1] : "";
-      if (lastCode && lastCode !== props.modelValue) {
-        emit("update:modelValue", lastCode);
-      }
-    }, {
-      deep: true
+    const pickerRef = ref();
+    const state = reactive({
+      code: props.value,
+      columns: [{
+        values: []
+      }, {
+        values: []
+      }, {
+        values: []
+      }]
+    });
+    const areaList = computed(() => {
+      const {
+        areaList: areaList2
+      } = props;
+      return {
+        province: areaList2.province_list || {},
+        city: areaList2.city_list || {},
+        county: areaList2.county_list || {}
+      };
     });
-    watch(() => props.modelValue, (newCode) => {
-      if (newCode) {
-        const lastCode = codes.value.length ? codes.value[codes.value.length - 1] : "";
-        if (newCode !== lastCode) {
-          codes.value = [`${newCode.slice(0, 2)}0000`, `${newCode.slice(0, 4)}00`, newCode].slice(0, +props.columnsNum);
+    const placeholderMap = computed(() => {
+      const {
+        columnsPlaceholder
+      } = props;
+      return {
+        province: columnsPlaceholder[0] || "",
+        city: columnsPlaceholder[1] || "",
+        county: columnsPlaceholder[2] || ""
+      };
+    });
+    const getDefaultCode = () => {
+      if (props.columnsPlaceholder.length) {
+        return EMPTY_CODE;
+      }
+      const {
+        county,
+        city
+      } = areaList.value;
+      const countyCodes = Object.keys(county);
+      if (countyCodes[0]) {
+        return countyCodes[0];
+      }
+      const cityCodes = Object.keys(city);
+      if (cityCodes[0]) {
+        return cityCodes[0];
+      }
+      return "";
+    };
+    const getColumnValues = (type, code) => {
+      let column = [];
+      if (type !== "province" && !code) {
+        return column;
+      }
+      const list = areaList.value[type];
+      column = Object.keys(list).map((listCode) => ({
+        code: listCode,
+        name: list[listCode]
+      }));
+      if (code) {
+        if (type === "city" && props.isOverseaCode(code)) {
+          code = "9";
+        }
+        column = column.filter((item) => item.code.indexOf(code) === 0);
+      }
+      if (placeholderMap.value[type] && column.length) {
+        let codeFill = "";
+        if (type === "city") {
+          codeFill = EMPTY_CODE.slice(2, 4);
+        } else if (type === "county") {
+          codeFill = EMPTY_CODE.slice(4, 6);
+        }
+        column.unshift({
+          code: code + codeFill,
+          name: placeholderMap.value[type]
+        });
+      }
+      return column;
+    };
+    const getIndex = (type, code) => {
+      let compareNum = code.length;
+      if (type === "province") {
+        compareNum = props.isOverseaCode(code) ? 1 : 2;
+      }
+      if (type === "city") {
+        compareNum = 4;
+      }
+      code = code.slice(0, compareNum);
+      const list = getColumnValues(type, compareNum > 2 ? code.slice(0, compareNum - 2) : "");
+      for (let i = 0; i < list.length; i++) {
+        if (list[i].code.slice(0, compareNum) === code) {
+          return i;
         }
+      }
+      return 0;
+    };
+    const setValues = () => {
+      const picker = pickerRef.value;
+      if (!picker) {
+        return;
+      }
+      let code = state.code || getDefaultCode();
+      const province = getColumnValues("province");
+      const city = getColumnValues("city", code.slice(0, 2));
+      picker.setColumnValues(0, province);
+      picker.setColumnValues(1, city);
+      if (city.length && code.slice(2, 4) === "00" && !props.isOverseaCode(code)) {
+        [{
+          code
+        }] = city;
+      }
+      picker.setColumnValues(2, getColumnValues("county", code.slice(0, 4)));
+      picker.setIndexes([getIndex("province", code), getIndex("city", code), getIndex("county", code)]);
+    };
+    const parseValues = (values) => values.map((value, index) => {
+      if (value) {
+        value = deepClone(value);
+        if (!value.code || value.name === props.columnsPlaceholder[index]) {
+          value.code = "";
+          value.name = "";
+        }
+      }
+      return value;
+    });
+    const getValues = () => {
+      if (pickerRef.value) {
+        const values = pickerRef.value.getValues().filter(Boolean);
+        return parseValues(values);
+      }
+      return [];
+    };
+    const getArea = () => {
+      const values = getValues();
+      const area = {
+        code: "",
+        country: "",
+        province: "",
+        city: "",
+        county: ""
+      };
+      if (!values.length) {
+        return area;
+      }
+      const names = values.map((item) => item.name);
+      const validValues = values.filter((value) => value.code);
+      area.code = validValues.length ? validValues[validValues.length - 1].code : "";
+      if (props.isOverseaCode(area.code)) {
+        area.country = names[1] || "";
+        area.province = names[2] || "";
       } else {
-        codes.value = [];
+        area.province = names[0] || "";
+        area.city = names[1] || "";
+        area.county = names[2] || "";
+      }
+      return area;
+    };
+    const reset = (newCode = "") => {
+      state.code = newCode;
+      setValues();
+    };
+    const onChange = (values, index) => {
+      state.code = values[index].code;
+      setValues();
+      if (pickerRef.value) {
+        const parsedValues = parseValues(pickerRef.value.getValues());
+        emit("change", parsedValues, index);
       }
-    }, {
-      immediate: true
+    };
+    const onConfirm = (values, index) => {
+      setValues();
+      emit("confirm", parseValues(values), index);
+    };
+    const onCancel = (...args) => emit("cancel", ...args);
+    onMounted(setValues);
+    watch(() => props.value, (value) => {
+      state.code = value;
+      setValues();
+    });
+    watch(() => props.areaList, setValues, {
+      deep: true
+    });
+    watch(() => props.columnsNum, () => {
+      nextTick(setValues);
     });
     useExpose({
-      confirm: () => {
-        var _a;
-        return (_a = picker.value) == null ? void 0 : _a.confirm();
-      },
-      getSelectedOptions: () => {
-        var _a;
-        return ((_a = picker.value) == null ? void 0 : _a.getSelectedOptions()) || [];
-      }
+      reset,
+      getArea,
+      getValues
     });
-    return () => _createVNode(Picker, _mergeProps({
-      "ref": picker,
-      "modelValue": codes.value,
-      "onUpdate:modelValue": ($event) => codes.value = $event,
-      "class": bem(),
-      "columns": columns.value,
-      "onChange": onChange,
-      "onCancel": onCancel,
-      "onConfirm": onConfirm
-    }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
+    return () => {
+      const columns = state.columns.slice(0, +props.columnsNum);
+      return _createVNode(Picker, _mergeProps({
+        "ref": pickerRef,
+        "class": bem(),
+        "columns": columns,
+        "columnsFieldNames": {
+          text: "name"
+        },
+        "onChange": onChange,
+        "onCancel": onCancel,
+        "onConfirm": onConfirm
+      }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
+    };
   }
 });
 export {
-  areaProps,
   stdin_default as default
 };

package/es/area/index.d.ts

@@ -1,8 +1,9 @@
-export declare const Area: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<import("../utils").Writeable<Pick<{
+export declare const Area: import("../utils").WithInstall<import("vue").DefineComponent<{
+    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
-    optionHeight: {
+    itemHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -14,33 +15,36 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    visibleOptionNum: {
+    visibleItemCount: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-} & {
-    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
-    modelValue: StringConstructor;
+} & {
+    value: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     columnsPlaceholder: {
-        type: import("vue").PropType<T[]>;
+        type: import("vue").PropType<string[]>;
         default: () => never[];
     };
     areaList: {
         type: import("vue").PropType<import("./types").AreaList>;
         default: () => {};
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<import("../utils").Writeable<Pick<{
+    isOverseaCode: {
+        type: import("vue").PropType<(code: string) => boolean>;
+        default: (code: string) => boolean;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
-    optionHeight: {
+    itemHeight: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -52,47 +56,50 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    visibleOptionNum: {
+    visibleItemCount: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-} & {
-    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-}, "title" | "readonly" | "loading" | "optionHeight" | "swipeDuration" | "visibleOptionNum" | "cancelButtonText" | "confirmButtonText">> & {
-    modelValue: StringConstructor;
+} & {
+    value: StringConstructor;
     columnsNum: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     columnsPlaceholder: {
-        type: import("vue").PropType<T[]>;
+        type: import("vue").PropType<string[]>;
         default: () => never[];
     };
     areaList: {
         type: import("vue").PropType<import("./types").AreaList>;
         default: () => {};
     };
-}>> & Readonly<{
+    isOverseaCode: {
+        type: import("vue").PropType<(code: string) => boolean>;
+        default: (code: string) => boolean;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     readonly: boolean;
     loading: boolean;
-    optionHeight: string | number;
+    allowHtml: boolean;
+    itemHeight: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
-    visibleOptionNum: string | number;
+    visibleItemCount: string | number;
     columnsNum: string | number;
     columnsPlaceholder: string[];
     areaList: import("./types").AreaList;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    isOverseaCode: (code: string) => boolean;
+}>>;
 export default Area;
-export { areaProps } from './Area';
 export type { AreaProps } from './Area';
-export type { AreaList, AreaInstance } from './types';
+export type { AreaList, AreaInstance, AreaColumnOption } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanArea: typeof Area;

package/es/area/index.mjs

@@ -2,9 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Area from "./Area.mjs";
 const Area = withInstall(_Area);
 var stdin_default = Area;
-import { areaProps } from "./Area.mjs";
 export {
   Area,
-  areaProps,
   stdin_default as default
 };

package/es/area/style/index.mjs

@@ -1,10 +1,3 @@
 import "../../style/base.css";
-import "../../badge/index.css";
 import "../../loading/index.css";
-import "../../sticky/index.css";
-import "../../swipe/index.css";
-import "../../swipe-item/index.css";
-import "../../tabs/index.css";
-import "../../tab/index.css";
 import "../../picker/index.css";
-import "../../picker-group/index.css";

package/es/area/style/less.mjs

@@ -0,0 +1,3 @@
+import "../../style/base.less";
+import "../../loading/index.less";
+import "../../picker/index.less";

package/es/area/types.d.ts

@@ -1,9 +1,24 @@
 import type { ComponentPublicInstance } from 'vue';
-import { PickerExpose } from '../picker/types';
 import type { AreaProps } from './Area';
-export type AreaList = {
+export declare type AreaList = {
     city_list: Record<string, string>;
     county_list: Record<string, string>;
     province_list: Record<string, string>;
 };
-export type AreaInstance = ComponentPublicInstance<AreaProps, PickerExpose>;
+export declare type AreaColumnOption = {
+    name: string;
+    code: string;
+};
+export declare type AreaColumnType = 'province' | 'county' | 'city';
+export declare type AreaExpose = {
+    reset: (newCode?: string) => void;
+    getArea: () => {
+        code: string;
+        country: string;
+        province: string;
+        city: string;
+        county: string;
+    };
+    getValues: () => AreaColumnOption[];
+};
+export declare type AreaInstance = ComponentPublicInstance<AreaProps, AreaExpose>;

package/es/badge/Badge.d.ts

@@ -1,11 +1,11 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
-export type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-export declare const badgeProps: {
+export declare type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+declare const badgeProps: {
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {
-        type: PropType<T>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
@@ -16,16 +16,16 @@ export declare const badgeProps: {
         default: true;
     };
     position: {
-        type: PropType<T>;
+        type: PropType<BadgePosition>;
         default: BadgePosition;
     };
 };
-export type BadgeProps = ExtractPropTypes<typeof badgeProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type BadgeProps = ExtractPropTypes<typeof badgeProps>;
+declare const _default: import("vue").DefineComponent<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {
-        type: PropType<T>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
@@ -36,14 +36,14 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     position: {
-        type: PropType<T>;
+        type: PropType<BadgePosition>;
         default: BadgePosition;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {
-        type: PropType<T>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
@@ -54,13 +54,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     position: {
-        type: PropType<T>;
+        type: PropType<BadgePosition>;
         default: BadgePosition;
     };
-}>> & Readonly<{}>, {
+}>>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
     position: BadgePosition;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/badge/Badge.mjs

@@ -1,4 +1,5 @@
-import { computed, defineComponent, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent } from "vue";
 import { isDef, addUnit, isNumeric, truthProp, numericProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 const [name, bem] = createNamespace("badge");
 const badgeProps = {
@@ -37,33 +38,24 @@ var stdin_default = defineComponent({
         if (slots.content) {
           return slots.content();
         }
-        if (isDef(max) && isNumeric(content) && +content > +max) {
+        if (isDef(max) && isNumeric(content) && +content > max) {
           return `${max}+`;
         }
         return content;
       }
     };
-    const getOffsetWithMinusString = (val) => val.startsWith("-") ? val.replace("-", "") : `-${val}`;
     const style = computed(() => {
       const style2 = {
         background: props.color
       };
       if (props.offset) {
         const [x, y] = props.offset;
-        const {
-          position
-        } = props;
-        const [offsetY, offsetX] = position.split("-");
         if (slots.default) {
-          if (typeof y === "number") {
-            style2[offsetY] = addUnit(offsetY === "top" ? y : -y);
-          } else {
-            style2[offsetY] = offsetY === "top" ? addUnit(y) : getOffsetWithMinusString(y);
-          }
+          style2.top = addUnit(y);
           if (typeof x === "number") {
-            style2[offsetX] = addUnit(offsetX === "left" ? x : -x);
+            style2.right = addUnit(-x);
           } else {
-            style2[offsetX] = offsetX === "left" ? addUnit(x) : getOffsetWithMinusString(x);
+            style2.right = x.startsWith("-") ? x.replace("-", "") : `-${x}`;
           }
         } else {
           style2.marginTop = addUnit(y);
@@ -99,6 +91,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  badgeProps,
   stdin_default as default
 };

package/es/badge/index.css

@@ -1 +1 @@
-:root,:host{--van-badge-size: 16px;--van-badge-color: var(--van-white);--van-badge-padding: 0 3px;--van-badge-font-size: var(--van-font-size-sm);--van-badge-font-weight: var(--van-font-bold);--van-badge-border-width: var(--van-border-width);--van-badge-background: var(--van-danger-color);--van-badge-dot-color: var(--van-danger-color);--van-badge-dot-size: 8px;--van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font);line-height:1.2;text-align:center;background:var(--van-badge-background);border:var(--van-badge-border-width) solid var(--van-background-2);border-radius:var(--van-radius-max)}.van-badge--fixed{position:absolute;transform-origin:100%}.van-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.van-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.van-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.van-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}
+:root{--van-badge-size: 16px;--van-badge-color: var(--van-white);--van-badge-padding: 0 3px;--van-badge-font-size: var(--van-font-size-sm);--van-badge-font-weight: var(--van-font-weight-bold);--van-badge-border-width: var(--van-border-width-base);--van-badge-background-color: var(--van-danger-color);--van-badge-dot-color: var(--van-danger-color);--van-badge-dot-size: 8px;--van-badge-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font-family);line-height:1.2;text-align:center;background:var(--van-badge-background-color);border:var(--van-badge-border-width) solid var(--van-background-color-light);border-radius:var(--van-border-radius-max)}.van-badge--fixed{position:absolute;transform-origin:100%}.van-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.van-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.van-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.van-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}

package/es/badge/index.d.ts

@@ -1,8 +1,8 @@
-export declare const Badge: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Badge: import("../utils").WithInstall<import("vue").DefineComponent<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
@@ -13,14 +13,14 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         default: true;
     };
     position: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./Badge").BadgePosition>;
         default: import("./Badge").BadgePosition;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
@@ -31,19 +31,17 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         default: true;
     };
     position: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./Badge").BadgePosition>;
         default: import("./Badge").BadgePosition;
     };
-}>> & Readonly<{}>, {
+}>>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
     position: import("./Badge").BadgePosition;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default Badge;
-export { badgeProps } from './Badge';
 export type { BadgeProps, BadgePosition } from './Badge';
-export type { BadgeThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanBadge: typeof Badge;