vant 4.0.0-alpha.2 → 4.0.0-alpha.3

package/lib/vant.js

@@ -24,6 +24,7 @@
     }, {});
   }
   const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
+  const toArray = (item) => Array.isArray(item) ? item : [item];
   const unknownProp = null;
   const numericProp = [Number, String];
   const truthProp = {
@@ -667,10 +668,10 @@
   };
   var stdin_default$1B = Locale;
   function createTranslate(name2) {
-    const prefix2 = camelize(name2) + ".";
+    const prefix = camelize(name2) + ".";
     return (path, ...args) => {
       const messages2 = stdin_default$1B.messages();
-      const message = get(messages2, prefix2 + path) || get(messages2, path);
+      const message = get(messages2, prefix + path) || get(messages2, path);
       return isFunction(message) ? message(...args) : message;
     };
   }
@@ -1036,7 +1037,9 @@
         return vue.createVNode("div", {
           "class": bem$1l([type, {
             vertical
-          }])
+          }]),
+          "aria-live": "polite",
+          "aria-busy": true
         }, [vue.createVNode("span", {
           "class": bem$1l("spinner", type),
           "style": spinnerStyle.value
@@ -2502,9 +2505,12 @@
     scrollToError: Boolean,
     validateFirst: Boolean,
     submitOnEnter: truthProp,
-    validateTrigger: makeStringProp("onBlur"),
     showErrorMessage: truthProp,
-    errorMessageAlign: String
+    errorMessageAlign: String,
+    validateTrigger: {
+      type: [String, Array],
+      default: "onBlur"
+    }
   };
   var stdin_default$1l = vue.defineComponent({
     name: name$1e,
@@ -2717,7 +2723,7 @@
     return [...str].slice(0, maxlength).join("");
   }
   let current = 0;
-  function useId() {
+  function useId$1() {
     const vm = vue.getCurrentInstance();
     const { name: name2 = "unknown" } = (vm == null ? void 0 : vm.type) || {};
     return `${name2}-${++current}`;
@@ -2777,7 +2783,7 @@
       emit,
       slots
     }) {
-      const id = useId();
+      const id = useId$1();
       const state = vue.reactive({
         focused: false,
         validateFailed: false,
@@ -2867,10 +2873,13 @@
       });
       const validateWithTrigger = (trigger) => {
         if (form && props.rules) {
-          const defaultTrigger = form.props.validateTrigger === trigger;
+          const {
+            validateTrigger
+          } = form.props;
+          const defaultTrigger = toArray(validateTrigger).includes(trigger);
           const rules = props.rules.filter((rule) => {
             if (rule.trigger) {
-              return rule.trigger === trigger;
+              return toArray(rule.trigger).includes(trigger);
             }
             return defaultTrigger;
           });
@@ -6051,7 +6060,7 @@
       const root = vue.ref();
       const navRef = vue.ref();
       const wrapRef = vue.ref();
-      const id = useId();
+      const id = useId$1();
       const scroller = useScrollParent(root);
       const [titleRefs, setTitleRefs] = useRefs();
       const {
@@ -6438,7 +6447,7 @@
     setup(props, {
       slots
     }) {
-      const id = useId();
+      const id = useId$1();
       const inited = vue.ref(false);
       const {
         parent,
@@ -7808,31 +7817,78 @@
     }
   });
   const CouponCell = withInstall(stdin_default$K);
-  const prefix = "van-empty-network-";
+  const getId = (num) => `van-empty-${num}`;
+  const useId = (num) => `url(#${getId(num)})`;
   const renderStop = (color, offset2, opacity) => vue.createVNode("stop", {
     "stop-color": color,
     "offset": `${offset2}%`,
     "stop-opacity": opacity
   }, null);
-  const Network = vue.createVNode("svg", {
+  const renderStops = (fromColor, toColor) => [renderStop(fromColor, 0), renderStop(toColor, 100)];
+  const renderShadow = (id) => [vue.createVNode("defs", null, [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)])]), vue.createVNode("ellipse", {
+    "fill": useId(id),
+    "opacity": ".8",
+    "cx": "80",
+    "cy": "140",
+    "rx": "46",
+    "ry": "8"
+  }, null)];
+  const renderBuilding = () => [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "id": getId("a"),
+    "x1": "64%",
+    "y1": "100%",
+    "x2": "64%"
+  }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
+    "opacity": ".8"
+  }, [vue.createVNode("path", {
+    "d": "M36 131V53H16v20H2v58h34z",
+    "fill": useId("a")
+  }, null), vue.createVNode("path", {
+    "d": "M123 15h22v14h9v77h-31V15z",
+    "fill": useId("a")
+  }, null)])];
+  const renderCloud = () => [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "id": getId("b"),
+    "x1": "64%",
+    "y1": "97%",
+    "x2": "64%",
+    "y2": "0%"
+  }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
+    "opacity": ".8"
+  }, [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": useId("b")
+  }, null), 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": useId("b")
+  }, null)])];
+  const renderNetwork = () => vue.createVNode("svg", {
     "viewBox": "0 0 160 160"
   }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
-    "id": `${prefix}1`,
+    "id": getId(1),
     "x1": "64%",
     "y1": "100%",
     "x2": "64%"
   }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), vue.createVNode("linearGradient", {
-    "id": `${prefix}2`,
+    "id": getId(2),
     "x1": "50%",
     "x2": "50%",
     "y2": "84%"
   }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), vue.createVNode("linearGradient", {
-    "id": `${prefix}3`,
+    "id": getId(3),
     "x1": "100%",
     "x2": "100%",
     "y2": "100%"
-  }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), vue.createVNode("radialGradient", {
-    "id": `${prefix}4`,
+  }, [renderStops("#EAEDF0", "#DCDEE0")]), vue.createVNode("radialGradient", {
+    "id": getId(4),
     "cx": "50%",
     "cy": "0%",
     "fx": "50%",
@@ -7841,36 +7897,28 @@
     "gradientTransform": "matrix(0 1 -.54 0 .5 -.5)"
   }, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), vue.createVNode("g", {
     "fill": "none"
-  }, [vue.createVNode("g", {
-    "opacity": ".8"
-  }, [vue.createVNode("path", {
-    "d": "M36 131V53H16v20H2v58h34z",
-    "fill": `url(#${prefix}1)`
-  }, null), vue.createVNode("path", {
-    "d": "M123 15h22v14h9v77h-31V15z",
-    "fill": `url(#${prefix}1)`
-  }, null)]), vue.createVNode("path", {
-    "fill": `url(#${prefix}4)`,
+  }, [renderBuilding(), vue.createVNode("path", {
+    "fill": useId(4),
     "d": "M0 139h160v21H0z"
   }, null), 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": `url(#${prefix}2)`
+    "fill": useId(2)
   }, null), vue.createVNode("g", {
     "opacity": ".6",
     "stroke-linecap": "round",
     "stroke-width": "7"
   }, [vue.createVNode("path", {
     "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
-    "stroke": `url(#${prefix}3)`
+    "stroke": useId(3)
   }, null), vue.createVNode("path", {
     "d": "M53 36a34 34 0 0 0 0 48",
-    "stroke": `url(#${prefix}3)`
+    "stroke": useId(3)
   }, null), vue.createVNode("path", {
     "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
-    "stroke": `url(#${prefix}3)`
+    "stroke": useId(3)
   }, null), vue.createVNode("path", {
     "d": "M106 84a34 34 0 0 0 0-48",
-    "stroke": `url(#${prefix}3)`
+    "stroke": useId(3)
   }, null)]), vue.createVNode("g", {
     "transform": "translate(31 105)"
   }, [vue.createVNode("rect", {
@@ -7893,8 +7941,153 @@
     "height": "6",
     "rx": "1.1"
   }, null)])])]);
+  const renderMaterial = () => vue.createVNode("svg", {
+    "viewBox": "0 0 160 160"
+  }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "x2": "50%",
+    "y2": "100%",
+    "id": getId(5)
+  }, [renderStops("#F2F3F5", "#DCDEE0")]), vue.createVNode("linearGradient", {
+    "x1": "95%",
+    "y1": "48%",
+    "x2": "5.5%",
+    "y2": "51%",
+    "id": getId(6)
+  }, [renderStops("#EAEDF1", "#DCDEE0")]), vue.createVNode("linearGradient", {
+    "y1": "45%",
+    "x2": "100%",
+    "y2": "54%",
+    "id": getId(7)
+  }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), vue.createVNode("g", {
+    "transform": "translate(36 50)",
+    "fill": "none"
+  }, [vue.createVNode("g", {
+    "transform": "translate(8)"
+  }, [vue.createVNode("rect", {
+    "fill": "#EBEDF0",
+    "opacity": ".6",
+    "x": "38",
+    "y": "13",
+    "width": "36",
+    "height": "53",
+    "rx": "2"
+  }, null), vue.createVNode("rect", {
+    "fill": useId(5),
+    "width": "64",
+    "height": "66",
+    "rx": "2"
+  }, null), vue.createVNode("rect", {
+    "fill": "#FFF",
+    "x": "6",
+    "y": "6",
+    "width": "52",
+    "height": "55",
+    "rx": "1"
+  }, null), vue.createVNode("g", {
+    "transform": "translate(15 17)",
+    "fill": useId(6)
+  }, [vue.createVNode("rect", {
+    "width": "34",
+    "height": "6",
+    "rx": "1"
+  }, null), vue.createVNode("path", {
+    "d": "M0 14h34v6H0z"
+  }, null), vue.createVNode("rect", {
+    "y": "28",
+    "width": "34",
+    "height": "6",
+    "rx": "1"
+  }, null)])]), vue.createVNode("rect", {
+    "fill": useId(7),
+    "y": "61",
+    "width": "88",
+    "height": "28",
+    "rx": "1"
+  }, null), vue.createVNode("rect", {
+    "fill": "#F7F8FA",
+    "x": "29",
+    "y": "72",
+    "width": "30",
+    "height": "6",
+    "rx": "1"
+  }, null)])]);
+  const renderError = () => vue.createVNode("svg", {
+    "viewBox": "0 0 160 160"
+  }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "x2": "50%",
+    "y2": "100%",
+    "id": getId(8)
+  }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), 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": useId(8)
+  }, null)]);
+  const renderSearch = () => vue.createVNode("svg", {
+    "viewBox": "0 0 160 160"
+  }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "y1": "100%",
+    "x2": "50%",
+    "id": getId(9)
+  }, [renderStops("#EEE", "#D8D8D8")]), vue.createVNode("linearGradient", {
+    "x1": "100%",
+    "y1": "50%",
+    "y2": "50%",
+    "id": getId(10)
+  }, [renderStops("#F2F3F5", "#DCDEE0")]), vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "x2": "50%",
+    "y2": "100%",
+    "id": getId(11)
+  }, [renderStops("#F2F3F5", "#DCDEE0")]), vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "x2": "50%",
+    "y2": "100%",
+    "id": getId(12)
+  }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), vue.createVNode("g", {
+    "transform": "rotate(-45 113 -4)",
+    "fill": "none"
+  }, [vue.createVNode("rect", {
+    "fill": useId(9),
+    "x": "24",
+    "y": "52.8",
+    "width": "5.8",
+    "height": "19",
+    "rx": "1"
+  }, null), vue.createVNode("rect", {
+    "fill": useId(10),
+    "x": "22.1",
+    "y": "67.3",
+    "width": "9.9",
+    "height": "28",
+    "rx": "1"
+  }, null), vue.createVNode("circle", {
+    "stroke": useId(11),
+    "stroke-width": "8",
+    "cx": "27",
+    "cy": "27",
+    "r": "27"
+  }, null), vue.createVNode("circle", {
+    "fill": useId(12),
+    "cx": "27",
+    "cy": "27",
+    "r": "16"
+  }, null), vue.createVNode("path", {
+    "d": "M37 7c-8 0-15 5-16 12",
+    "stroke": useId(11),
+    "stroke-width": "3",
+    "opacity": ".5",
+    "stroke-linecap": "round",
+    "transform": "rotate(45 29 13)"
+  }, null)])]);
   const [name$D, bem$C] = createNamespace("empty");
-  const PRESET_IMAGES = ["error", "search", "default"];
+  const PRESET_IMAGES = {
+    error: renderError,
+    search: renderSearch,
+    network: renderNetwork,
+    default: renderMaterial
+  };
   const emptyProps = {
     image: makeStringProp("default"),
     imageSize: [Number, String, Array],
@@ -7907,20 +8100,12 @@
       slots
     }) {
       const renderImage = () => {
+        var _a;
         if (slots.image) {
           return slots.image();
         }
-        let {
-          image
-        } = props;
-        if (image === "network") {
-          return Network;
-        }
-        if (PRESET_IMAGES.includes(image)) {
-          image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
-        }
-        return vue.createVNode("img", {
-          "src": image
+        return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES)) || vue.createVNode("img", {
+          "src": props.image
         }, null);
       };
       const renderDescription = () => {
@@ -8545,7 +8730,7 @@
     setup(props, {
       slots
     }) {
-      const id = useId();
+      const id = useId$1();
       const root = vue.ref();
       const barRef = vue.ref();
       const offset2 = vue.ref(0);
@@ -12226,7 +12411,7 @@
       slots,
       attrs
     }) {
-      const id = useId();
+      const id = useId$1();
       const filedRef = vue.ref();
       const onCancel = () => {
         if (!slots.action) {
@@ -13844,7 +14029,6 @@
   });
   const TreeSelect = withInstall(stdin_default$6);
   const [name, bem, t] = createNamespace("uploader");
-  const toArray = (item) => Array.isArray(item) ? item : [item];
   function readFileContent(file, resultType) {
     return new Promise((resolve) => {
       if (resultType === "file") {
@@ -15103,7 +15287,7 @@
       });
     }
   };
-  const version = "4.0.0-alpha.2";
+  const version = "4.0.0-alpha.3";
   function install(app) {
     const components = [
       ActionBar,