vant 4.0.0-beta.0 → 4.0.0-rc.1

package/lib/divider/Divider.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare type DividerContentPosition = 'left' | 'center' | 'right';
-declare const dividerProps: {
+export declare const dividerProps: {
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;
@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<DividerContentPosition>;
         default: DividerContentPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;

package/lib/divider/Divider.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  dividerProps: () => dividerProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/divider/index.d.ts

@@ -8,7 +8,7 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<import("./Divider").DividerContentPosition>;
         default: import("./Divider").DividerContentPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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<{
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;
@@ -24,6 +24,7 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
     contentPosition: import("./Divider").DividerContentPosition;
 }>>;
 export default Divider;
+export { dividerProps } from './Divider';
 export type { DividerProps, DividerContentPosition } from './Divider';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/divider/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  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, {
   Divider: () => Divider,
-  default: () => stdin_default
+  default: () => stdin_default,
+  dividerProps: () => import_Divider2.dividerProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Divider = __toESM(require("./Divider"));
+var import_Divider2 = require("./Divider");
 const Divider = (0, import_utils.withInstall)(import_Divider.default);
 var stdin_default = Divider;

package/lib/dropdown-item/DropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import type { DropdownItemOption } from './types';
-declare const dropdownItemProps: {
+export declare const dropdownItemProps: {
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: PropType<unknown>;
     titleClass: PropType<unknown>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "open" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
@@ -47,8 +47,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/dropdown-item/DropdownItem.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  dropdownItemProps: () => dropdownItemProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

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

@@ -13,7 +13,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     };
     modelValue: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "open" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;
@@ -30,8 +30,8 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {
@@ -40,6 +40,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     options: import("./types").DropdownItemOption[];
 }>>;
 export default DropdownItem;
+export { dropdownItemProps } from './DropdownItem';
 export type { DropdownItemProps };
 export type { DropdownItemInstance, DropdownItemOption } from './types';
 declare module 'vue' {

package/lib/dropdown-item/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  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, {
   DropdownItem: () => DropdownItem,
-  default: () => stdin_default
+  default: () => stdin_default,
+  dropdownItemProps: () => import_DropdownItem2.dropdownItemProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_DropdownItem = __toESM(require("./DropdownItem"));
+var import_DropdownItem2 = require("./DropdownItem");
 const DropdownItem = (0, import_utils.withInstall)(import_DropdownItem.default);
 var stdin_default = DropdownItem;

package/lib/dropdown-menu/DropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import { type InjectionKey, type ExtractPropTypes } from 'vue';
 import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
-declare const dropdownMenuProps: {
+export declare const dropdownMenuProps: {
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;

package/lib/dropdown-menu/DropdownMenu.js

@@ -18,7 +18,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   DROPDOWN_KEY: () => DROPDOWN_KEY,
-  default: () => stdin_default
+  default: () => stdin_default,
+  dropdownMenuProps: () => dropdownMenuProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -135,7 +136,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     (0, import_use.useClickAway)(root, onClickAway);
     (0, import_use.useEventListener)("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;

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

@@ -22,7 +22,7 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
@@ -53,6 +53,7 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
     closeOnClickOutside: boolean;
 }>>;
 export default DropdownMenu;
+export { dropdownMenuProps } from './DropdownMenu';
 export type { DropdownMenuProps };
 export type { DropdownMenuDirection } from './types';
 declare module 'vue' {

package/lib/dropdown-menu/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  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, {
   DropdownMenu: () => DropdownMenu,
-  default: () => stdin_default
+  default: () => stdin_default,
+  dropdownMenuProps: () => import_DropdownMenu2.dropdownMenuProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_DropdownMenu = __toESM(require("./DropdownMenu"));
+var import_DropdownMenu2 = require("./DropdownMenu");
 const DropdownMenu = (0, import_utils.withInstall)(import_DropdownMenu.default);
 var stdin_default = DropdownMenu;

package/lib/empty/Empty.d.ts

@@ -1,6 +1,6 @@
-import { PropType, type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { Numeric } from '../utils';
-declare const emptyProps: {
+export declare const emptyProps: {
     image: {
         type: PropType<string>;
         default: string;
@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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<string>;
         default: string;

package/lib/empty/Empty.js

@@ -17,20 +17,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  emptyProps: () => emptyProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
+var import_use_id = require("../composables/use-id");
 var import_utils = require("../utils");
-var import_Images = require("./Images");
 const [name, bem] = (0, import_utils.createNamespace)("empty");
-const PRESET_IMAGES = {
-  error: import_Images.renderError,
-  search: import_Images.renderSearch,
-  network: import_Images.renderNetwork,
-  default: import_Images.renderMaterial
-};
 const emptyProps = {
   image: (0, import_utils.makeStringProp)("default"),
   imageSize: [Number, String, Array],
@@ -42,15 +37,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
   setup(props, {
     slots
   }) {
-    const renderImage = () => {
-      var _a;
-      if (slots.image) {
-        return slots.image();
-      }
-      return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES)) || (0, import_vue.createVNode)("img", {
-        "src": props.image
-      }, null);
-    };
     const renderDescription = () => {
       const description = slots.description ? slots.description() : props.description;
       if (description) {
@@ -66,6 +52,286 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [slots.default()]);
       }
     };
+    const baseId = (0, import_use_id.useId)();
+    const getId = (num) => `${baseId}-${num}`;
+    const getUrlById = (num) => `url(#${getId(num)})`;
+    const renderStop = (color, offset, opacity) => (0, import_vue.createVNode)("stop", {
+      "stop-color": color,
+      "offset": `${offset}%`,
+      "stop-opacity": opacity
+    }, null);
+    const renderStops = (fromColor, toColor) => [renderStop(fromColor, 0), renderStop(toColor, 100)];
+    const renderShadow = (id) => [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("radialGradient", {
+      "id": getId(id),
+      "cx": "50%",
+      "cy": "54%",
+      "fx": "50%",
+      "fy": "54%",
+      "r": "297%",
+      "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)"
+    }, [renderStop("#EBEDF0", 0), renderStop("#F2F3F5", 100, 0.3)])]), (0, import_vue.createVNode)("ellipse", {
+      "fill": getUrlById(id),
+      "opacity": ".8",
+      "cx": "80",
+      "cy": "140",
+      "rx": "46",
+      "ry": "8"
+    }, null)];
+    const renderBuilding = () => [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
+      "id": getId("a"),
+      "x1": "64%",
+      "y1": "100%",
+      "x2": "64%"
+    }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), (0, import_vue.createVNode)("g", {
+      "opacity": ".8"
+    }, [(0, import_vue.createVNode)("path", {
+      "d": "M36 131V53H16v20H2v58h34z",
+      "fill": getUrlById("a")
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M123 15h22v14h9v77h-31V15z",
+      "fill": getUrlById("a")
+    }, null)])];
+    const renderCloud = () => [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
+      "id": getId("b"),
+      "x1": "64%",
+      "y1": "97%",
+      "x2": "64%",
+      "y2": "0%"
+    }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), (0, import_vue.createVNode)("g", {
+      "opacity": ".8"
+    }, [(0, import_vue.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")
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M19 23c2 0 3 1 4 3 2 0 4 2 4 4a4 4 0 0 1-4 3v1h-7v-1l-1 1c-2 0-3-2-3-4 0-1 1-3 3-3 0-2 2-4 4-4Z",
+      "fill": getUrlById("b")
+    }, null)])];
+    const renderNetwork = () => (0, import_vue.createVNode)("svg", {
+      "viewBox": "0 0 160 160"
+    }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
+      "id": getId(1),
+      "x1": "64%",
+      "y1": "100%",
+      "x2": "64%"
+    }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), (0, import_vue.createVNode)("linearGradient", {
+      "id": getId(2),
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "84%"
+    }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), (0, import_vue.createVNode)("linearGradient", {
+      "id": getId(3),
+      "x1": "100%",
+      "x2": "100%",
+      "y2": "100%"
+    }, [renderStops("#EAEDF0", "#DCDEE0")]), (0, import_vue.createVNode)("radialGradient", {
+      "id": getId(4),
+      "cx": "50%",
+      "cy": "0%",
+      "fx": "50%",
+      "fy": "0%",
+      "r": "100%",
+      "gradientTransform": "matrix(0 1 -.54 0 .5 -.5)"
+    }, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), (0, import_vue.createVNode)("g", {
+      "fill": "none"
+    }, [renderBuilding(), (0, import_vue.createVNode)("path", {
+      "fill": getUrlById(4),
+      "d": "M0 139h160v21H0z"
+    }, null), (0, import_vue.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)
+    }, null), (0, import_vue.createVNode)("g", {
+      "opacity": ".6",
+      "stroke-linecap": "round",
+      "stroke-width": "7"
+    }, [(0, import_vue.createVNode)("path", {
+      "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
+      "stroke": getUrlById(3)
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M53 36a34 34 0 0 0 0 48",
+      "stroke": getUrlById(3)
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
+      "stroke": getUrlById(3)
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M106 84a34 34 0 0 0 0-48",
+      "stroke": getUrlById(3)
+    }, null)]), (0, import_vue.createVNode)("g", {
+      "transform": "translate(31 105)"
+    }, [(0, import_vue.createVNode)("rect", {
+      "fill": "#EBEDF0",
+      "width": "98",
+      "height": "34",
+      "rx": "2"
+    }, null), (0, import_vue.createVNode)("rect", {
+      "fill": "#FFF",
+      "x": "9",
+      "y": "8",
+      "width": "80",
+      "height": "18",
+      "rx": "1.1"
+    }, null), (0, import_vue.createVNode)("rect", {
+      "fill": "#EBEDF0",
+      "x": "15",
+      "y": "12",
+      "width": "18",
+      "height": "6",
+      "rx": "1.1"
+    }, null)])])]);
+    const renderMaterial = () => (0, import_vue.createVNode)("svg", {
+      "viewBox": "0 0 160 160"
+    }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "100%",
+      "id": getId(5)
+    }, [renderStops("#F2F3F5", "#DCDEE0")]), (0, import_vue.createVNode)("linearGradient", {
+      "x1": "95%",
+      "y1": "48%",
+      "x2": "5.5%",
+      "y2": "51%",
+      "id": getId(6)
+    }, [renderStops("#EAEDF1", "#DCDEE0")]), (0, import_vue.createVNode)("linearGradient", {
+      "y1": "45%",
+      "x2": "100%",
+      "y2": "54%",
+      "id": getId(7)
+    }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), (0, import_vue.createVNode)("g", {
+      "transform": "translate(36 50)",
+      "fill": "none"
+    }, [(0, import_vue.createVNode)("g", {
+      "transform": "translate(8)"
+    }, [(0, import_vue.createVNode)("rect", {
+      "fill": "#EBEDF0",
+      "opacity": ".6",
+      "x": "38",
+      "y": "13",
+      "width": "36",
+      "height": "53",
+      "rx": "2"
+    }, null), (0, import_vue.createVNode)("rect", {
+      "fill": getUrlById(5),
+      "width": "64",
+      "height": "66",
+      "rx": "2"
+    }, null), (0, import_vue.createVNode)("rect", {
+      "fill": "#FFF",
+      "x": "6",
+      "y": "6",
+      "width": "52",
+      "height": "55",
+      "rx": "1"
+    }, null), (0, import_vue.createVNode)("g", {
+      "transform": "translate(15 17)",
+      "fill": getUrlById(6)
+    }, [(0, import_vue.createVNode)("rect", {
+      "width": "34",
+      "height": "6",
+      "rx": "1"
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M0 14h34v6H0z"
+    }, null), (0, import_vue.createVNode)("rect", {
+      "y": "28",
+      "width": "34",
+      "height": "6",
+      "rx": "1"
+    }, null)])]), (0, import_vue.createVNode)("rect", {
+      "fill": getUrlById(7),
+      "y": "61",
+      "width": "88",
+      "height": "28",
+      "rx": "1"
+    }, null), (0, import_vue.createVNode)("rect", {
+      "fill": "#F7F8FA",
+      "x": "29",
+      "y": "72",
+      "width": "30",
+      "height": "6",
+      "rx": "1"
+    }, null)])]);
+    const renderError = () => (0, import_vue.createVNode)("svg", {
+      "viewBox": "0 0 160 160"
+    }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "100%",
+      "id": getId(8)
+    }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), (0, import_vue.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)
+    }, null)]);
+    const renderSearch = () => (0, import_vue.createVNode)("svg", {
+      "viewBox": "0 0 160 160"
+    }, [(0, import_vue.createVNode)("defs", null, [(0, import_vue.createVNode)("linearGradient", {
+      "x1": "50%",
+      "y1": "100%",
+      "x2": "50%",
+      "id": getId(9)
+    }, [renderStops("#EEE", "#D8D8D8")]), (0, import_vue.createVNode)("linearGradient", {
+      "x1": "100%",
+      "y1": "50%",
+      "y2": "50%",
+      "id": getId(10)
+    }, [renderStops("#F2F3F5", "#DCDEE0")]), (0, import_vue.createVNode)("linearGradient", {
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "100%",
+      "id": getId(11)
+    }, [renderStops("#F2F3F5", "#DCDEE0")]), (0, import_vue.createVNode)("linearGradient", {
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "100%",
+      "id": getId(12)
+    }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), (0, import_vue.createVNode)("g", {
+      "transform": "rotate(-45 113 -4)",
+      "fill": "none"
+    }, [(0, import_vue.createVNode)("rect", {
+      "fill": getUrlById(9),
+      "x": "24",
+      "y": "52.8",
+      "width": "5.8",
+      "height": "19",
+      "rx": "1"
+    }, null), (0, import_vue.createVNode)("rect", {
+      "fill": getUrlById(10),
+      "x": "22.1",
+      "y": "67.3",
+      "width": "9.9",
+      "height": "28",
+      "rx": "1"
+    }, null), (0, import_vue.createVNode)("circle", {
+      "stroke": getUrlById(11),
+      "stroke-width": "8",
+      "cx": "27",
+      "cy": "27",
+      "r": "27"
+    }, null), (0, import_vue.createVNode)("circle", {
+      "fill": getUrlById(12),
+      "cx": "27",
+      "cy": "27",
+      "r": "16"
+    }, null), (0, import_vue.createVNode)("path", {
+      "d": "M37 7c-8 0-15 5-16 12",
+      "stroke": getUrlById(11),
+      "stroke-width": "3",
+      "opacity": ".5",
+      "stroke-linecap": "round",
+      "transform": "rotate(45 29 13)"
+    }, null)])]);
+    const renderImage = () => {
+      var _a;
+      if (slots.image) {
+        return slots.image();
+      }
+      const PRESET_IMAGES = {
+        error: renderError,
+        search: renderSearch,
+        network: renderNetwork,
+        default: renderMaterial
+      };
+      return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES)) || (0, import_vue.createVNode)("img", {
+        "src": props.image
+      }, null);
+    };
     return () => (0, import_vue.createVNode)("div", {
       "class": bem()
     }, [(0, import_vue.createVNode)("div", {

package/lib/empty/index.d.ts

@@ -5,7 +5,7 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
     };
     imageSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     description: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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<string>;
         default: string;
@@ -16,6 +16,7 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
     image: string;
 }>>;
 export default Empty;
+export { emptyProps } from './Empty';
 export type { EmptyProps } from './Empty';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/empty/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  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, {
   Empty: () => Empty,
-  default: () => stdin_default
+  default: () => stdin_default,
+  emptyProps: () => import_Empty2.emptyProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Empty = __toESM(require("./Empty"));
+var import_Empty2 = require("./Empty");
 const Empty = (0, import_utils.withInstall)(import_Empty.default);
 var stdin_default = Empty;

package/lib/field/Field.d.ts

@@ -43,7 +43,7 @@ export declare const fieldSharedProps: {
         default: null;
     };
 };
-declare const fieldProps: {
+export declare const fieldProps: {
     icon: StringConstructor;
     size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];