vant 3.5.3 → 3.6.1

package/README.md

@@ -67,10 +67,14 @@ pnpm add vant
 
 ```js
 import { createApp } from 'vue';
+// 1. Import the components you need
 import { Button } from 'vant';
+// 2. Import the components style
 import 'vant/lib/index.css';
 
 const app = createApp();
+
+// 3. Register the components you need
 app.use(Button);
 ```
 

package/changelog.generated.md

@@ -1,67 +1,64 @@
-### [v3.5.3](https://github.com/vant-ui/vant/compare/v3.5.2...v3.5.3)
+### [v3.6.1](https://github.com/vant-ui/vant/compare/v3.6.0...v3.6.1)
 
-`2022-07-31`
+`2022-08-24`
 
 **Bug Fixes**
 
-- @vant-cli: compilation error when using setup syntactic sugar and including subcomponents [cb7512](https://github.com/vant-ui/vant/commit/cb751211f1184a7a36627b45290f84c64d656f5a)
-- create-vant-cli-app: missing demo registration [#10839](https://github.com/vant-ui/vant/issues/10839)
-- docs: fix button example type in documentation [#10850](https://github.com/vant-ui/vant/issues/10850)
-- failed to get correct height of safe area element [#10827](https://github.com/vant-ui/vant/issues/10827)
-- Popover: allow to dynamically set offset prop [#10840](https://github.com/vant-ui/vant/issues/10840)
-- Uploader: should not preview failed images [#10790](https://github.com/vant-ui/vant/issues/10790)
+- reduce passive event warning of touchstart event [#10954](https://github.com/vant-ui/vant/issues/10954)
+- Tabs: resize not work for swipeable tabs [#10964](https://github.com/vant-ui/vant/issues/10964)
 
 **Document**
 
-- changelog: @vant/cli@4.0.3 [#10772](https://github.com/vant-ui/vant/issues/10772)
-- changelog: vant@3.5.2 [e5a3aa](https://github.com/vant-ui/vant/commit/e5a3aa103dcd087f091d757ad244179ad4a70f42)
-- improve description of name and required props [#10841](https://github.com/vant-ui/vant/issues/10841)
-- update readme [#10868](https://github.com/vant-ui/vant/issues/10868)
-- update website domain [#10798](https://github.com/vant-ui/vant/issues/10798)
-
-**Feature**
-
-- @vant/cli: bump vite 3.0 [#10842](https://github.com/vant-ui/vant/issues/10842)
-- Calendar: expose getSelectedDate method [419a8e](https://github.com/vant-ui/vant/commit/419a8e4f0e6454b9aac30d5800318deabec099cb)
-- cli: support site.headHtml option [#10807](https://github.com/vant-ui/vant/issues/10807)
-- Collapse: collapse add toggleAll method for issues #10818 [#10818](https://github.com/vant-ui/vant/issues/10818) [#10837](https://github.com/vant-ui/vant/issues/10837) [#10818](https://github.com/vant-ui/vant/issues/10818)
+- changelog: vant@3.6.0 [667034](https://github.com/vant-ui/vant/commit/667034322ed4e1c39fd014e83d8661a1ff891ee0)
+- NoticeBar: disable swipe drag in demo [#10950](https://github.com/vant-ui/vant/issues/10950)
 
 **perf**
 
-- cli: improve cli boot time [#10780](https://github.com/vant-ui/vant/issues/10780)
-- cli: replace lint-staged with nano-staged [#10778](https://github.com/vant-ui/vant/issues/10778)
-- cli: replace ora with nanospinner [#10779](https://github.com/vant-ui/vant/issues/10779)
+- add correct passive flag to improve scroll performance [#10951](https://github.com/vant-ui/vant/issues/10951)
 
-**refactor**
-
-- @vant/cli: remove vetur configs [#10866](https://github.com/vant-ui/vant/issues/10866)
-
-**release**
+**Types**
 
-- @vant/cli 4.0.3 [e4fc6f](https://github.com/vant-ui/vant/commit/e4fc6f9081728d3f59ef8d60c18bc5e7fa72d571)
-- create-vant-cli-app 2.0.1 [c628a6](https://github.com/vant-ui/vant/commit/c628a667703b38e3999e1953950a187e97a45efb)
-### [v3.5.2](https://github.com/vant-ui/vant/compare/v3.5.1...v3.5.2)
+- @vant/use: improve useEventListener typing [#10952](https://github.com/vant-ui/vant/issues/10952)
+### [v3.6.0](https://github.com/vant-ui/vant/compare/v3.5.3...v3.6.0)
 
-`2022-06-26`
+`2022-08-21`
 
 **Bug Fixes**
 
-- List: element with `overflow: overlay` style should be considered a scroll container [#10743](https://github.com/vant-ui/vant/issues/10743)
+- @vant/cli: should replace NODE_ENV in vite v3 [#10887](https://github.com/vant-ui/vant/issues/10887)
+- Calendar: content disappeared when hiding [#10910](https://github.com/vant-ui/vant/issues/10910)
+- Calendar: fix reading getFullYear error [#10908](https://github.com/vant-ui/vant/issues/10908)
+- Calendar: reading getFullYear error in some cases [#10909](https://github.com/vant-ui/vant/issues/10909)
+- Empty: generate unique id to avoid render issue [#10943](https://github.com/vant-ui/vant/issues/10943)
+- incorrect tag name in WebStorm [#10946](https://github.com/vant-ui/vant/issues/10946)
+- Popover: can not scroll inside popup [#10949](https://github.com/vant-ui/vant/issues/10949)
+- PullRefresh: remove passive event warning [#10938](https://github.com/vant-ui/vant/issues/10938)
+- Search: --van-search-input-height var not work [#10911](https://github.com/vant-ui/vant/issues/10911)
 
 **Document**
 
-- add guide of function component style [#10728](https://github.com/vant-ui/vant/issues/10728)
-- changelog: 3.5.1 [ffefe3](https://github.com/vant-ui/vant/commit/ffefe3002f674f644b90f8fdfb04dc004a3a8c4f)
-- Switch: fix custom node demo [#10720](https://github.com/vant-ui/vant/issues/10720)
+- add import tips [#10941](https://github.com/vant-ui/vant/issues/10941)
+- add tips in advanced-usage.zh-CN.md [#10927](https://github.com/vant-ui/vant/issues/10927)
+- changelog: 3.5.4 [961f70](https://github.com/vant-ui/vant/commit/961f70d523b723c864d99dceb2be1a19ec506d03)
+- changelog: vant@3.5.3 [#10869](https://github.com/vant-ui/vant/issues/10869)
+- Form: fix the type of rule trigger option [#10912](https://github.com/vant-ui/vant/issues/10912)
+- import quick start document [#10945](https://github.com/vant-ui/vant/issues/10945)
+- Search: fix action-text type [#10936](https://github.com/vant-ui/vant/issues/10936)
+- Search: fix action-text type [#10935](https://github.com/vant-ui/vant/issues/10935)
+- Space: add version tip [#10886](https://github.com/vant-ui/vant/issues/10886)
 
 **Feature**
 
-- ActionBar: add placeholder prop [#10724](https://github.com/vant-ui/vant/issues/10724)
-- cli: add build.bundleOptions config [#10751](https://github.com/vant-ui/vant/issues/10751)
-- cli: add css.removeSourceFile config [#10750](https://github.com/vant-ui/vant/issues/10750)
-- Field: add start-validate and end-validate event [#10726](https://github.com/vant-ui/vant/issues/10726)
-- SubmitBar: add placeholder prop [#10725](https://github.com/vant-ui/vant/issues/10725)
+- @vant/use: useClickAway support multiple targets [#10948](https://github.com/vant-ui/vant/issues/10948)
+- Badge: fix the problem mentioned at README. [#10921](https://github.com/vant-ui/vant/issues/10921)
+- ConfigProvider: add z-index prop [#10915](https://github.com/vant-ui/vant/issues/10915)
+- Form: add validateEmpty option of rule [#10913](https://github.com/vant-ui/vant/issues/10913)
+- Popup: add role and tabindex for a11y [#10894](https://github.com/vant-ui/vant/issues/10894)
+- Space: add new component space [#10857](https://github.com/vant-ui/vant/issues/10857)
+- touch-emulator: support .mjs extension [#10888](https://github.com/vant-ui/vant/issues/10888)
 
 **release**
 
-- 3.5.2 [52957e](https://github.com/vant-ui/vant/commit/52957ec244f2e33fff7768c1a52e29fc6589019d)
+- @vant/use 1.4.2 [326880](https://github.com/vant-ui/vant/commit/326880a4e19f8ab8ffe6042a8cc968cc03b02616)
+- 3.5.4 [cfdb5c](https://github.com/vant-ui/vant/commit/cfdb5c1fbe496f6a064ab8bebe7f1ae8734490c0)
+- 3.6.0 [8d51f9](https://github.com/vant-ui/vant/commit/8d51f9e08ea5833b4b27077c61727924c9112f0b)

package/es/badge/Badge.mjs

@@ -26,7 +26,7 @@ var stdin_default = defineComponent({
         content,
         showZero
       } = props;
-      return isDef(content) && content !== "" && (showZero || content !== 0);
+      return isDef(content) && content !== "" && (showZero || content !== 0 && content !== "0");
     };
     const renderContent = () => {
       const {

package/es/calendar/Calendar.mjs

@@ -112,9 +112,6 @@ var stdin_default = defineComponent({
     const months = computed(() => {
       const months2 = [];
       const cursor = new Date(props.minDate);
-      if (props.lazyRender && !props.show && props.poppable) {
-        return months2;
-      }
       cursor.setDate(1);
       do {
         months2.push(new Date(cursor));
@@ -192,7 +189,9 @@ var stdin_default = defineComponent({
       }
       if (currentDate.value) {
         const targetDate = props.type === "single" ? currentDate.value : currentDate.value[0];
-        scrollToDate(targetDate);
+        if (isDate(targetDate)) {
+          scrollToDate(targetDate);
+        }
       } else {
         raf(onScroll);
       }

package/es/composables/use-global-z-index.d.ts

@@ -0,0 +1,4 @@
+/** the global z-index is automatically incremented after reading */
+export declare const useGlobalZIndex: () => number;
+/** reset the global z-index */
+export declare const setGlobalZIndex: (val: number) => void;

package/es/composables/use-global-z-index.mjs

@@ -0,0 +1,9 @@
+let globalZIndex = 2e3;
+const useGlobalZIndex = () => ++globalZIndex;
+const setGlobalZIndex = (val) => {
+  globalZIndex = val;
+};
+export {
+  setGlobalZIndex,
+  useGlobalZIndex
+};

package/es/composables/use-height.mjs

@@ -1,5 +1,6 @@
 import { useRect } from "@vant/use";
 import { ref, onMounted, nextTick } from "vue";
+import { onPopupReopen } from "./on-popup-reopen.mjs";
 const useHeight = (element, withSafeArea) => {
   const height = ref();
   const setHeight = () => {
@@ -13,6 +14,7 @@ const useHeight = (element, withSafeArea) => {
       }
     }
   });
+  onPopupReopen(() => nextTick(setHeight));
   return height;
 };
 export {

package/es/composables/use-lock-scroll.mjs

@@ -6,9 +6,11 @@ let totalLockCount = 0;
 const BODY_LOCK_CLASS = "van-overflow-hidden";
 function useLockScroll(rootRef, shouldLock) {
   const touch = useTouch();
+  const DIRECTION_UP = "01";
+  const DIRECTION_DOWN = "10";
   const onTouchMove = (event) => {
     touch.move(event);
-    const direction = touch.deltaY.value > 0 ? "10" : "01";
+    const direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
     const el = getScrollParent(event.target, rootRef.value);
     const { scrollHeight, offsetHeight, scrollTop } = el;
     let status = "11";

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

@@ -9,6 +9,7 @@ declare const configProviderProps: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: StringConstructor;
 };
@@ -18,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: 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<{
@@ -25,6 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: StringConstructor;
 }>>, {

package/es/config-provider/ConfigProvider.mjs

@@ -1,10 +1,12 @@
 import { createVNode as _createVNode } from "vue";
-import { provide, computed, defineComponent } from "vue";
+import { provide, computed, watchEffect, defineComponent } from "vue";
 import { kebabCase, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { setGlobalZIndex } from "../composables/use-global-z-index.mjs";
 const [name, bem] = createNamespace("config-provider");
 const CONFIG_PROVIDER_KEY = Symbol(name);
 const configProviderProps = {
   tag: makeStringProp("div"),
+  zIndex: Number,
   themeVars: Object,
   iconPrefix: String
 };
@@ -27,6 +29,11 @@ var stdin_default = defineComponent({
       }
     });
     provide(CONFIG_PROVIDER_KEY, props);
+    watchEffect(() => {
+      if (props.zIndex !== void 0) {
+        setGlobalZIndex(props.zIndex);
+      }
+    });
     return () => _createVNode(props.tag, {
       "class": bem(),
       "style": style.value

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

@@ -3,6 +3,7 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
     iconPrefix: 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<{
@@ -10,6 +11,7 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
     iconPrefix: StringConstructor;
 }>>, {

package/es/dropdown-menu/DropdownMenu.mjs

@@ -112,7 +112,8 @@ var stdin_default = defineComponent({
     });
     useClickAway(root, onClickAway);
     useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;

package/es/empty/Empty.d.ts

@@ -1,4 +1,4 @@
-import { PropType, type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { Numeric } from '../utils';
 declare const emptyProps: {
     image: {

package/es/empty/Empty.mjs

@@ -1,14 +1,8 @@
 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";
-import { renderError, renderSearch, renderNetwork, renderMaterial } from "./Images.mjs";
 const [name, bem] = createNamespace("empty");
-const PRESET_IMAGES = {
-  error: renderError,
-  search: renderSearch,
-  network: renderNetwork,
-  default: renderMaterial
-};
 const emptyProps = {
   image: makeStringProp("default"),
   imageSize: [Number, String, Array],
@@ -20,15 +14,6 @@ var stdin_default = 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)) || _createVNode("img", {
-        "src": props.image
-      }, null);
-    };
     const renderDescription = () => {
       const description = slots.description ? slots.description() : props.description;
       if (description) {
@@ -44,6 +29,286 @@ var stdin_default = defineComponent({
         }, [slots.default()]);
       }
     };
+    const baseId = useId();
+    const getId = (num) => `${baseId}-${num}`;
+    const getUrlById = (num) => `url(#${getId(num)})`;
+    const renderStop = (color, offset, opacity) => _createVNode("stop", {
+      "stop-color": color,
+      "offset": `${offset}%`,
+      "stop-opacity": opacity
+    }, null);
+    const renderStops = (fromColor, toColor) => [renderStop(fromColor, 0), renderStop(toColor, 100)];
+    const renderShadow = (id) => [_createVNode("defs", null, [_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)])]), _createVNode("ellipse", {
+      "fill": getUrlById(id),
+      "opacity": ".8",
+      "cx": "80",
+      "cy": "140",
+      "rx": "46",
+      "ry": "8"
+    }, null)];
+    const renderBuilding = () => [_createVNode("defs", null, [_createVNode("linearGradient", {
+      "id": getId("a"),
+      "x1": "64%",
+      "y1": "100%",
+      "x2": "64%"
+    }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), _createVNode("g", {
+      "opacity": ".8"
+    }, [_createVNode("path", {
+      "d": "M36 131V53H16v20H2v58h34z",
+      "fill": getUrlById("a")
+    }, null), _createVNode("path", {
+      "d": "M123 15h22v14h9v77h-31V15z",
+      "fill": getUrlById("a")
+    }, null)])];
+    const renderCloud = () => [_createVNode("defs", null, [_createVNode("linearGradient", {
+      "id": getId("b"),
+      "x1": "64%",
+      "y1": "97%",
+      "x2": "64%",
+      "y2": "0%"
+    }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), _createVNode("g", {
+      "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")
+    }, null), _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 = () => _createVNode("svg", {
+      "viewBox": "0 0 160 160"
+    }, [_createVNode("defs", null, [_createVNode("linearGradient", {
+      "id": getId(1),
+      "x1": "64%",
+      "y1": "100%",
+      "x2": "64%"
+    }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), _createVNode("linearGradient", {
+      "id": getId(2),
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "84%"
+    }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), _createVNode("linearGradient", {
+      "id": getId(3),
+      "x1": "100%",
+      "x2": "100%",
+      "y2": "100%"
+    }, [renderStops("#EAEDF0", "#DCDEE0")]), _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)])]), _createVNode("g", {
+      "fill": "none"
+    }, [renderBuilding(), _createVNode("path", {
+      "fill": getUrlById(4),
+      "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)
+    }, null), _createVNode("g", {
+      "opacity": ".6",
+      "stroke-linecap": "round",
+      "stroke-width": "7"
+    }, [_createVNode("path", {
+      "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
+      "stroke": getUrlById(3)
+    }, null), _createVNode("path", {
+      "d": "M53 36a34 34 0 0 0 0 48",
+      "stroke": getUrlById(3)
+    }, null), _createVNode("path", {
+      "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
+      "stroke": getUrlById(3)
+    }, null), _createVNode("path", {
+      "d": "M106 84a34 34 0 0 0 0-48",
+      "stroke": getUrlById(3)
+    }, null)]), _createVNode("g", {
+      "transform": "translate(31 105)"
+    }, [_createVNode("rect", {
+      "fill": "#EBEDF0",
+      "width": "98",
+      "height": "34",
+      "rx": "2"
+    }, null), _createVNode("rect", {
+      "fill": "#FFF",
+      "x": "9",
+      "y": "8",
+      "width": "80",
+      "height": "18",
+      "rx": "1.1"
+    }, null), _createVNode("rect", {
+      "fill": "#EBEDF0",
+      "x": "15",
+      "y": "12",
+      "width": "18",
+      "height": "6",
+      "rx": "1.1"
+    }, null)])])]);
+    const renderMaterial = () => _createVNode("svg", {
+      "viewBox": "0 0 160 160"
+    }, [_createVNode("defs", null, [_createVNode("linearGradient", {
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "100%",
+      "id": getId(5)
+    }, [renderStops("#F2F3F5", "#DCDEE0")]), _createVNode("linearGradient", {
+      "x1": "95%",
+      "y1": "48%",
+      "x2": "5.5%",
+      "y2": "51%",
+      "id": getId(6)
+    }, [renderStops("#EAEDF1", "#DCDEE0")]), _createVNode("linearGradient", {
+      "y1": "45%",
+      "x2": "100%",
+      "y2": "54%",
+      "id": getId(7)
+    }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), _createVNode("g", {
+      "transform": "translate(36 50)",
+      "fill": "none"
+    }, [_createVNode("g", {
+      "transform": "translate(8)"
+    }, [_createVNode("rect", {
+      "fill": "#EBEDF0",
+      "opacity": ".6",
+      "x": "38",
+      "y": "13",
+      "width": "36",
+      "height": "53",
+      "rx": "2"
+    }, null), _createVNode("rect", {
+      "fill": getUrlById(5),
+      "width": "64",
+      "height": "66",
+      "rx": "2"
+    }, null), _createVNode("rect", {
+      "fill": "#FFF",
+      "x": "6",
+      "y": "6",
+      "width": "52",
+      "height": "55",
+      "rx": "1"
+    }, null), _createVNode("g", {
+      "transform": "translate(15 17)",
+      "fill": getUrlById(6)
+    }, [_createVNode("rect", {
+      "width": "34",
+      "height": "6",
+      "rx": "1"
+    }, null), _createVNode("path", {
+      "d": "M0 14h34v6H0z"
+    }, null), _createVNode("rect", {
+      "y": "28",
+      "width": "34",
+      "height": "6",
+      "rx": "1"
+    }, null)])]), _createVNode("rect", {
+      "fill": getUrlById(7),
+      "y": "61",
+      "width": "88",
+      "height": "28",
+      "rx": "1"
+    }, null), _createVNode("rect", {
+      "fill": "#F7F8FA",
+      "x": "29",
+      "y": "72",
+      "width": "30",
+      "height": "6",
+      "rx": "1"
+    }, null)])]);
+    const renderError = () => _createVNode("svg", {
+      "viewBox": "0 0 160 160"
+    }, [_createVNode("defs", null, [_createVNode("linearGradient", {
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "100%",
+      "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)
+    }, null)]);
+    const renderSearch = () => _createVNode("svg", {
+      "viewBox": "0 0 160 160"
+    }, [_createVNode("defs", null, [_createVNode("linearGradient", {
+      "x1": "50%",
+      "y1": "100%",
+      "x2": "50%",
+      "id": getId(9)
+    }, [renderStops("#EEE", "#D8D8D8")]), _createVNode("linearGradient", {
+      "x1": "100%",
+      "y1": "50%",
+      "y2": "50%",
+      "id": getId(10)
+    }, [renderStops("#F2F3F5", "#DCDEE0")]), _createVNode("linearGradient", {
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "100%",
+      "id": getId(11)
+    }, [renderStops("#F2F3F5", "#DCDEE0")]), _createVNode("linearGradient", {
+      "x1": "50%",
+      "x2": "50%",
+      "y2": "100%",
+      "id": getId(12)
+    }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), _createVNode("g", {
+      "transform": "rotate(-45 113 -4)",
+      "fill": "none"
+    }, [_createVNode("rect", {
+      "fill": getUrlById(9),
+      "x": "24",
+      "y": "52.8",
+      "width": "5.8",
+      "height": "19",
+      "rx": "1"
+    }, null), _createVNode("rect", {
+      "fill": getUrlById(10),
+      "x": "22.1",
+      "y": "67.3",
+      "width": "9.9",
+      "height": "28",
+      "rx": "1"
+    }, null), _createVNode("circle", {
+      "stroke": getUrlById(11),
+      "stroke-width": "8",
+      "cx": "27",
+      "cy": "27",
+      "r": "27"
+    }, null), _createVNode("circle", {
+      "fill": getUrlById(12),
+      "cx": "27",
+      "cy": "27",
+      "r": "16"
+    }, null), _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)) || _createVNode("img", {
+        "src": props.image
+      }, null);
+    };
     return () => _createVNode("div", {
       "class": bem()
     }, [_createVNode("div", {

package/es/field/Field.mjs

@@ -1,7 +1,7 @@
 import { createTextVNode as _createTextVNode, mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
 import { ref, watch, provide, computed, nextTick, reactive, onMounted, defineComponent } from "vue";
 import { isDef, extend, addUnit, toArray, FORM_KEY, numericProp, unknownProp, resetScroll, formatNumber, preventDefault, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
-import { cutString, runSyncRule, endComposing, mapInputType, startComposing, getRuleMessage, resizeTextarea, getStringLength, runRuleValidator } from "./utils.mjs";
+import { cutString, runSyncRule, endComposing, mapInputType, isEmptyValue, startComposing, getRuleMessage, resizeTextarea, getStringLength, runRuleValidator } from "./utils.mjs";
 import { cellSharedProps } from "../cell/Cell.mjs";
 import { CUSTOM_FIELD_INJECTION_KEY, useParent } from "@vant/use";
 import { useId } from "../composables/use-id.mjs";
@@ -117,6 +117,9 @@ var stdin_default = defineComponent({
         return;
       }
       if (rule.validator) {
+        if (isEmptyValue(value) && rule.validateEmpty === false) {
+          return;
+        }
         return runRuleValidator(value, rule).then((result) => {
           if (result && typeof result === "string") {
             state.status = "failed";

package/es/field/types.d.ts

@@ -23,6 +23,7 @@ export declare type FieldRule = {
     required?: boolean;
     validator?: FieldRuleValidator;
     formatter?: FiledRuleFormatter;
+    validateEmpty?: boolean;
 };
 export declare type FieldValidationStatus = 'passed' | 'failed' | 'unvalidated';
 export declare type FieldFormSharedProps = 'colon' | 'disabled' | 'readonly' | 'labelWidth' | 'labelAlign' | 'inputAlign' | 'errorMessageAlign';

package/es/field/utils.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, InputHTMLAttributes } from 'vue';
 import type { FieldRule, FieldType, FieldAutosizeConfig } from './types';
+export declare function isEmptyValue(value: unknown): boolean;
 export declare function runSyncRule(value: unknown, rule: FieldRule): boolean;
 export declare function runRuleValidator(value: unknown, rule: FieldRule): Promise<unknown>;
 export declare function getRuleMessage(value: unknown, rule: FieldRule): string;