vant 3.6.15 → 3.6.16

package/es/dropdown-menu/DropdownMenu.mjs

@@ -1,7 +1,7 @@
-import { ref, computed, defineComponent, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { ref, computed, defineComponent } from "vue";
 import { isDef, truthProp, numericProp, windowHeight, makeStringProp, makeNumericProp, createNamespace, HAPTICS_FEEDBACK } from "../utils/index.mjs";
 import { useId } from "../composables/use-id.mjs";
-import { useExpose } from "../composables/use-expose.mjs";
 import { useRect, useChildren, useClickAway, useScrollParent, useEventListener } from "@vant/use";
 const [name, bem] = createNamespace("dropdown-menu");
 const dropdownMenuProps = {
@@ -10,10 +10,8 @@ const dropdownMenuProps = {
   duration: makeNumericProp(0.2),
   direction: makeStringProp("down"),
   activeColor: String,
-  autoLocate: Boolean,
   closeOnClickOutside: truthProp,
-  closeOnClickOverlay: truthProp,
-  swipeThreshold: numericProp
+  closeOnClickOverlay: truthProp
 };
 const DROPDOWN_KEY = Symbol(name);
 var stdin_default = defineComponent({
@@ -32,7 +30,6 @@ var stdin_default = defineComponent({
     } = useChildren(DROPDOWN_KEY);
     const scrollParent = useScrollParent(root);
     const opened = computed(() => children.some((item) => item.state.showWrapper));
-    const scrollable = computed(() => props.swipeThreshold && children.length > +props.swipeThreshold);
     const barStyle = computed(() => {
       if (opened.value && isDef(props.zIndex)) {
         return {
@@ -40,14 +37,11 @@ var stdin_default = defineComponent({
         };
       }
     });
-    const close = () => {
-      children.forEach((item) => {
-        item.toggle(false);
-      });
-    };
     const onClickAway = () => {
       if (props.closeOnClickOutside) {
-        close();
+        children.forEach((item) => {
+          item.toggle(false);
+        });
       }
     };
     const updateOffset = () => {
@@ -68,6 +62,7 @@ var stdin_default = defineComponent({
     const toggleItem = (active) => {
       children.forEach((item, index) => {
         if (index === active) {
+          updateOffset();
           item.toggle();
         } else if (item.state.showPopup) {
           item.toggle(false, {
@@ -88,10 +83,8 @@ var stdin_default = defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
-        "data-allow-mismatch": "attribute",
         "class": [bem("item", {
-          disabled,
-          grow: scrollable.value
+          disabled
         }), {
           [HAPTICS_FEEDBACK]: !disabled
         }],
@@ -112,14 +105,10 @@ var stdin_default = defineComponent({
         "class": "van-ellipsis"
       }, [item.renderTitle()])])]);
     };
-    useExpose({
-      close
-    });
     linkChildren({
       id,
       props,
-      offset,
-      updateOffset
+      offset
     });
     useClickAway(root, onClickAway);
     useEventListener("scroll", onScroll, {
@@ -135,8 +124,7 @@ var stdin_default = defineComponent({
         "ref": barRef,
         "style": barStyle.value,
         "class": bem("bar", {
-          opened: opened.value,
-          scrollable: scrollable.value
+          opened: opened.value
         })
       }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
@@ -144,6 +132,5 @@ var stdin_default = defineComponent({
 });
 export {
   DROPDOWN_KEY,
-  stdin_default as default,
-  dropdownMenuProps
+  stdin_default as default
 };

package/es/dropdown-menu/index.css

@@ -1 +1 @@
-:root,:host{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--van-dropdown-menu-title-font-size: 15px;--van-dropdown-menu-title-text-color: var(--van-text-color);--van-dropdown-menu-title-active-text-color: var(--van-primary-color);--van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);--van-dropdown-menu-title-padding: 0 var(--van-padding-xs);--van-dropdown-menu-title-line-height: var(--van-line-height-lg);--van-dropdown-menu-option-active-color: var(--van-primary-color);--van-dropdown-menu-option-disabled-color: var(--van-text-color-3);--van-dropdown-menu-content-max-height: 80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__bar--scrollable{padding-left:var(--van-padding-base);padding-right:var(--van-padding-xs);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.van-dropdown-menu__bar--scrollable::-webkit-scrollbar{display:none}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__item--grow{flex:1 0 auto;padding-left:var(--van-padding-base);padding-right:var(--van-padding-sm)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
+:root{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background-color: var(--van-background-color-light);--van-dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, .12);--van-dropdown-menu-title-font-size: 15px;--van-dropdown-menu-title-text-color: var(--van-text-color);--van-dropdown-menu-title-active-text-color: var(--van-danger-color);--van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);--van-dropdown-menu-title-padding: 0 var(--van-padding-xs);--van-dropdown-menu-title-line-height: var(--van-line-height-lg);--van-dropdown-menu-option-active-color: var(--van-danger-color);--van-dropdown-menu-content-max-height: 80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background-color);box-shadow:var(--van-dropdown-menu-box-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}

package/es/dropdown-menu/index.d.ts

@@ -1,5 +1,5 @@
 import { DropdownMenuProps } from './DropdownMenu';
-export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -10,11 +10,10 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         default: number;
     };
     direction: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
         default: import("./types").DropdownMenuDirection;
     };
     activeColor: StringConstructor;
-    autoLocate: BooleanConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
         default: true;
@@ -23,8 +22,7 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-    swipeThreshold: (NumberConstructor | StringConstructor)[];
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -35,11 +33,10 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         default: number;
     };
     direction: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<import("./types").DropdownMenuDirection>;
         default: import("./types").DropdownMenuDirection;
     };
     activeColor: StringConstructor;
-    autoLocate: BooleanConstructor;
     closeOnClickOutside: {
         type: BooleanConstructor;
         default: true;
@@ -48,19 +45,16 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-    swipeThreshold: (NumberConstructor | StringConstructor)[];
-}>> & Readonly<{}>, {
+}>>, {
     overlay: boolean;
     duration: string | number;
     closeOnClickOverlay: boolean;
     direction: import("./types").DropdownMenuDirection;
-    autoLocate: boolean;
     closeOnClickOutside: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default DropdownMenu;
-export { dropdownMenuProps } from './DropdownMenu';
 export type { DropdownMenuProps };
-export type { DropdownMenuInstance, DropdownMenuDirection, DropdownMenuThemeVars, } from './types';
+export type { DropdownMenuDirection } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanDropdownMenu: typeof DropdownMenu;

package/es/dropdown-menu/index.less

@@ -0,0 +1,83 @@
+@import './var.less';
+@import '../dropdown-item/var.less';
+
+:root {
+  --van-dropdown-menu-height: @dropdown-menu-height;
+  --van-dropdown-menu-background-color: @dropdown-menu-background-color;
+  --van-dropdown-menu-box-shadow: @dropdown-menu-box-shadow;
+  --van-dropdown-menu-title-font-size: @dropdown-menu-title-font-size;
+  --van-dropdown-menu-title-text-color: @dropdown-menu-title-text-color;
+  --van-dropdown-menu-title-active-text-color: @dropdown-menu-title-active-text-color;
+  --van-dropdown-menu-title-disabled-text-color: @dropdown-menu-title-disabled-text-color;
+  --van-dropdown-menu-title-padding: @dropdown-menu-title-padding;
+  --van-dropdown-menu-title-line-height: @dropdown-menu-title-line-height;
+  --van-dropdown-menu-option-active-color: @dropdown-menu-option-active-color;
+  --van-dropdown-menu-content-max-height: @dropdown-menu-content-max-height;
+}
+
+.van-dropdown-menu {
+  user-select: none;
+
+  &__bar {
+    position: relative;
+    display: flex;
+    height: var(--van-dropdown-menu-height);
+    background: var(--van-dropdown-menu-background-color);
+    box-shadow: var(--van-dropdown-menu-box-shadow);
+
+    &--opened {
+      z-index: calc(var(--van-dropdown-item-z-index) + 1);
+    }
+  }
+
+  &__item {
+    display: flex;
+    flex: 1;
+    align-items: center;
+    justify-content: center;
+    min-width: 0; // hack for flex ellipsis
+
+    &--disabled {
+      .van-dropdown-menu__title {
+        color: var(--van-dropdown-menu-title-disabled-text-color);
+      }
+    }
+  }
+
+  &__title {
+    position: relative;
+    box-sizing: border-box;
+    max-width: 100%;
+    padding: var(--van-dropdown-menu-title-padding);
+    color: var(--van-dropdown-menu-title-text-color);
+    font-size: var(--van-dropdown-menu-title-font-size);
+    line-height: var(--van-dropdown-menu-title-line-height);
+
+    &::after {
+      position: absolute;
+      top: 50%;
+      right: -4px;
+      margin-top: -5px;
+      border: 3px solid;
+      border-color: transparent transparent var(--van-gray-4) var(--van-gray-4);
+      transform: rotate(-45deg);
+      opacity: 0.8;
+      content: '';
+    }
+
+    &--active {
+      color: var(--van-dropdown-menu-title-active-text-color);
+
+      &::after {
+        border-color: transparent transparent currentColor currentColor;
+      }
+    }
+
+    &--down {
+      &::after {
+        margin-top: -1px;
+        transform: rotate(135deg);
+      }
+    }
+  }
+}

package/es/dropdown-menu/index.mjs

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

package/es/dropdown-menu/style/less.d.ts

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

package/es/dropdown-menu/style/less.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.less";
+import "../index.less";

package/es/dropdown-menu/types.d.ts

@@ -1,27 +1,8 @@
-import type { ComponentPublicInstance, Ref } from 'vue';
+import type { Ref } from 'vue';
 import type { DropdownMenuProps } from './DropdownMenu';
-export type DropdownMenuDirection = 'up' | 'down';
-export type DropdownMenuProvide = {
+export declare type DropdownMenuDirection = 'up' | 'down';
+export declare type DropdownMenuProvide = {
     id: string;
     props: DropdownMenuProps;
     offset: Ref<number>;
-    updateOffset: () => void;
-};
-export type DropdownMenuExpose = {
-    close: () => void;
-};
-export type DropdownMenuInstance = ComponentPublicInstance<DropdownMenuProps, DropdownMenuExpose>;
-export type DropdownMenuThemeVars = {
-    dropdownMenuHeight?: string;
-    dropdownMenuBackground?: string;
-    dropdownMenuShadow?: string;
-    dropdownMenuTitleFontSize?: string;
-    dropdownMenuTitleTextColor?: string;
-    dropdownMenuTitleActiveTextColor?: string;
-    dropdownMenuTitleDisabledTextColor?: string;
-    dropdownMenuTitlePadding?: string;
-    dropdownMenuTitleLineHeight?: number | string;
-    dropdownMenuOptionActiveColor?: string;
-    dropdownMenuOptionDisabledColor?: string;
-    dropdownMenuContentMaxHeight?: string;
 };

package/es/dropdown-menu/var.less

@@ -0,0 +1,13 @@
+@import '../style/var.less';
+
+@dropdown-menu-height: 48px;
+@dropdown-menu-background-color: var(--van-background-color-light);
+@dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
+@dropdown-menu-title-font-size: 15px;
+@dropdown-menu-title-text-color: var(--van-text-color);
+@dropdown-menu-title-active-text-color: var(--van-danger-color);
+@dropdown-menu-title-disabled-text-color: var(--van-text-color-2);
+@dropdown-menu-title-padding: 0 var(--van-padding-xs);
+@dropdown-menu-title-line-height: var(--van-line-height-lg);
+@dropdown-menu-option-active-color: var(--van-danger-color);
+@dropdown-menu-content-max-height: 80%;

package/es/empty/Empty.d.ts

@@ -1,29 +1,29 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { Numeric } from '../utils';
-export declare const emptyProps: {
+declare const emptyProps: {
     image: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
 };
-export type EmptyProps = ExtractPropTypes<typeof emptyProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type EmptyProps = ExtractPropTypes<typeof emptyProps>;
+declare const _default: import("vue").DefineComponent<{
     image: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     image: {
-        type: PropType<T>;
+        type: PropType<string>;
         default: string;
     };
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
-}>> & Readonly<{}>, {
+}>>, {
     image: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/es/empty/Empty.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
+import { defineComponent } from "vue";
 import { useId } from "../composables/use-id.mjs";
 import { getSizeStyle, makeStringProp, createNamespace } from "../utils/index.mjs";
 const [name, bem] = createNamespace("empty");
@@ -44,26 +45,22 @@ var stdin_default = defineComponent({
       "fx": "50%",
       "fy": "54%",
       "r": "297%",
-      "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)",
-      "data-allow-mismatch": "attribute"
+      "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)"
     }, [renderStop("#EBEDF0", 0), renderStop("#F2F3F5", 100, 0.3)])]), _createVNode("ellipse", {
       "fill": getUrlById(id),
       "opacity": ".8",
       "cx": "80",
       "cy": "140",
       "rx": "46",
-      "ry": "8",
-      "data-allow-mismatch": "attribute"
+      "ry": "8"
     }, null)];
     const renderBuilding = () => [_createVNode("defs", null, [_createVNode("linearGradient", {
       "id": getId("a"),
       "x1": "64%",
       "y1": "100%",
-      "x2": "64%",
-      "data-allow-mismatch": "attribute"
+      "x2": "64%"
     }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), _createVNode("g", {
-      "opacity": ".8",
-      "data-allow-mismatch": "children"
+      "opacity": ".8"
     }, [_createVNode("path", {
       "d": "M36 131V53H16v20H2v58h34z",
       "fill": getUrlById("a")
@@ -76,11 +73,9 @@ var stdin_default = defineComponent({
       "x1": "64%",
       "y1": "97%",
       "x2": "64%",
-      "y2": "0%",
-      "data-allow-mismatch": "attribute"
+      "y2": "0%"
     }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), _createVNode("g", {
-      "opacity": ".8",
-      "data-allow-mismatch": "children"
+      "opacity": ".8"
     }, [_createVNode("path", {
       "d": "M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z",
       "fill": getUrlById("b")
@@ -90,9 +85,7 @@ var stdin_default = defineComponent({
     }, null)])];
     const renderNetwork = () => _createVNode("svg", {
       "viewBox": "0 0 160 160"
-    }, [_createVNode("defs", {
-      "data-allow-mismatch": "children"
-    }, [_createVNode("linearGradient", {
+    }, [_createVNode("defs", null, [_createVNode("linearGradient", {
       "id": getId(1),
       "x1": "64%",
       "y1": "100%",
@@ -119,17 +112,14 @@ var stdin_default = defineComponent({
       "fill": "none"
     }, [renderBuilding(), _createVNode("path", {
       "fill": getUrlById(4),
-      "d": "M0 139h160v21H0z",
-      "data-allow-mismatch": "attribute"
+      "d": "M0 139h160v21H0z"
     }, null), _createVNode("path", {
       "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
-      "fill": getUrlById(2),
-      "data-allow-mismatch": "attribute"
+      "fill": getUrlById(2)
     }, null), _createVNode("g", {
       "opacity": ".6",
       "stroke-linecap": "round",
-      "stroke-width": "7",
-      "data-allow-mismatch": "children"
+      "stroke-width": "7"
     }, [_createVNode("path", {
       "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
       "stroke": getUrlById(3)
@@ -166,9 +156,7 @@ var stdin_default = defineComponent({
     }, null)])])]);
     const renderMaterial = () => _createVNode("svg", {
       "viewBox": "0 0 160 160"
-    }, [_createVNode("defs", {
-      "data-allow-mismatch": "children"
-    }, [_createVNode("linearGradient", {
+    }, [_createVNode("defs", null, [_createVNode("linearGradient", {
       "x1": "50%",
       "x2": "50%",
       "y2": "100%",
@@ -201,8 +189,7 @@ var stdin_default = defineComponent({
       "fill": getUrlById(5),
       "width": "64",
       "height": "66",
-      "rx": "2",
-      "data-allow-mismatch": "attribute"
+      "rx": "2"
     }, null), _createVNode("rect", {
       "fill": "#FFF",
       "x": "6",
@@ -212,8 +199,7 @@ var stdin_default = defineComponent({
       "rx": "1"
     }, null), _createVNode("g", {
       "transform": "translate(15 17)",
-      "fill": getUrlById(6),
-      "data-allow-mismatch": "attribute"
+      "fill": getUrlById(6)
     }, [_createVNode("rect", {
       "width": "34",
       "height": "6",
@@ -230,8 +216,7 @@ var stdin_default = defineComponent({
       "y": "61",
       "width": "88",
       "height": "28",
-      "rx": "1",
-      "data-allow-mismatch": "attribute"
+      "rx": "1"
     }, null), _createVNode("rect", {
       "fill": "#F7F8FA",
       "x": "29",
@@ -246,18 +231,14 @@ var stdin_default = defineComponent({
       "x1": "50%",
       "x2": "50%",
       "y2": "100%",
-      "id": getId(8),
-      "data-allow-mismatch": "attribute"
+      "id": getId(8)
     }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), _createVNode("path", {
       "d": "m59 60 21 21 21-21h3l9 9v3L92 93l21 21v3l-9 9h-3l-21-21-21 21h-3l-9-9v-3l21-21-21-21v-3l9-9h3Z",
-      "fill": getUrlById(8),
-      "data-allow-mismatch": "attribute"
+      "fill": getUrlById(8)
     }, null)]);
     const renderSearch = () => _createVNode("svg", {
       "viewBox": "0 0 160 160"
-    }, [_createVNode("defs", {
-      "data-allow-mismatch": "children"
-    }, [_createVNode("linearGradient", {
+    }, [_createVNode("defs", null, [_createVNode("linearGradient", {
       "x1": "50%",
       "y1": "100%",
       "x2": "50%",
@@ -279,8 +260,7 @@ var stdin_default = defineComponent({
       "id": getId(12)
     }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), _createVNode("g", {
       "transform": "rotate(-45 113 -4)",
-      "fill": "none",
-      "data-allow-mismatch": "children"
+      "fill": "none"
     }, [_createVNode("rect", {
       "fill": getUrlById(9),
       "x": "24",
@@ -338,6 +318,5 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default,
-  emptyProps
+  stdin_default as default
 };

package/es/empty/index.css

@@ -1 +1 @@
-:root,:host{--van-empty-padding: var(--van-padding-xl) 0;--van-empty-image-size: 160px;--van-empty-description-margin-top: var(--van-padding-md);--van-empty-description-padding: 0 60px;--van-empty-description-color: var(--van-text-color-2);--van-empty-description-font-size: var(--van-font-size-md);--van-empty-description-line-height: var(--van-line-height-md);--van-empty-bottom-margin-top: 24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}.van-theme-dark .van-empty{opacity:.5}
+:root{--van-empty-padding: var(--van-padding-xl) 0;--van-empty-image-size: 160px;--van-empty-description-margin-top: var(--van-padding-md);--van-empty-description-padding: 0 60px;--van-empty-description-color: var(--van-text-color-2);--van-empty-description-font-size: var(--van-font-size-md);--van-empty-description-line-height: var(--van-line-height-md);--van-empty-bottom-margin-top: 24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}

package/es/empty/index.d.ts

@@ -1,24 +1,22 @@
-export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Empty: import("../utils").WithInstall<import("vue").DefineComponent<{
     image: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     imageSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     description: StringConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     image: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     imageSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     description: StringConstructor;
-}>> & Readonly<{}>, {
+}>>, {
     image: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default Empty;
-export { emptyProps } from './Empty';
 export type { EmptyProps } from './Empty';
-export type { EmptyThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanEmpty: typeof Empty;

package/es/empty/index.less

@@ -0,0 +1,43 @@
+@import './var.less';
+
+:root {
+  --van-empty-padding: @empty-padding;
+  --van-empty-image-size: @empty-image-size;
+  --van-empty-description-margin-top: @empty-description-margin-top;
+  --van-empty-description-padding: @empty-description-padding;
+  --van-empty-description-color: @empty-description-color;
+  --van-empty-description-font-size: @empty-description-font-size;
+  --van-empty-description-line-height: @empty-description-line-height;
+  --van-empty-bottom-margin-top: @empty-bottom-margin-top;
+}
+
+.van-empty {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: var(--van-empty-padding);
+
+  &__image {
+    width: var(--van-empty-image-size);
+    height: var(--van-empty-image-size);
+
+    img {
+      width: 100%;
+      height: 100%;
+    }
+  }
+
+  &__description {
+    margin-top: var(--van-empty-description-margin-top);
+    padding: var(--van-empty-description-padding);
+    color: var(--van-empty-description-color);
+    font-size: var(--van-empty-description-font-size);
+    line-height: var(--van-empty-description-line-height);
+  }
+
+  &__bottom {
+    margin-top: var(--van-empty-bottom-margin-top);
+  }
+}

package/es/empty/index.mjs

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

package/es/empty/style/less.d.ts

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

package/es/empty/style/less.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.less";
+import "../index.less";

package/es/empty/var.less

@@ -0,0 +1,10 @@
+@import '../style/var.less';
+
+@empty-padding: var(--van-padding-xl) 0;
+@empty-image-size: 160px;
+@empty-description-margin-top: var(--van-padding-md);
+@empty-description-padding: 0 60px;
+@empty-description-color: var(--van-text-color-2);
+@empty-description-font-size: var(--van-font-size-md);
+@empty-description-line-height: var(--van-line-height-md);
+@empty-bottom-margin-top: 24px;