element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/es/components/empty/src/img-empty.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"img-empty.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/empty/src/img-empty.vue"],"sourcesContent":["<template>\n  <svg\n    viewBox=\"0 0 79 86\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <defs>\n      <linearGradient\n        :id=\"`linearGradient-1-${id}`\"\n        x1=\"38.8503086%\"\n        y1=\"0%\"\n        x2=\"61.1496914%\"\n        y2=\"100%\"\n      >\n        <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n        <stop stop-color=\"#EEEFF3\" offset=\"100%\" />\n      </linearGradient>\n      <linearGradient\n        :id=\"`linearGradient-2-${id}`\"\n        x1=\"0%\"\n        y1=\"9.5%\"\n        x2=\"100%\"\n        y2=\"90.5%\"\n      >\n        <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n        <stop stop-color=\"#E9EBEF\" offset=\"100%\" />\n      </linearGradient>\n      <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n    </defs>\n    <g\n      id=\"Illustrations\"\n      stroke=\"none\"\n      stroke-width=\"1\"\n      fill=\"none\"\n      fill-rule=\"evenodd\"\n    >\n      <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n        <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n          <path\n            id=\"Oval-Copy-2\"\n            d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n            fill=\"#F7F8FC\"\n          />\n          <polygon\n            id=\"Rectangle-Copy-14\"\n            fill=\"#E5E7E9\"\n            transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n            points=\"13 58 53 58 42 45 2 45\"\n          />\n          <g\n            id=\"Group-Copy\"\n            transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n          >\n            <polygon\n              id=\"Rectangle-Copy-10\"\n              fill=\"#E5E7E9\"\n              transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n              points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-11\"\n              fill=\"#EDEEF2\"\n              points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n            />\n            <rect\n              id=\"Rectangle-Copy-12\"\n              :fill=\"`url(#linearGradient-1-${id})`\"\n              transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n              x=\"38\"\n              y=\"7\"\n              width=\"17\"\n              height=\"36\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-13\"\n              fill=\"#F8F9FB\"\n              transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n              points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n            />\n          </g>\n          <rect\n            id=\"Rectangle-Copy-15\"\n            :fill=\"`url(#linearGradient-2-${id})`\"\n            x=\"13\"\n            y=\"45\"\n            width=\"40\"\n            height=\"36\"\n          />\n          <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n            <mask :id=\"`mask-4-${id}`\" fill=\"white\">\n              <use :xlink:href=\"`#path-3-${id}`\" />\n            </mask>\n            <use\n              id=\"Mask\"\n              fill=\"#E0E3E9\"\n              transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n              :xlink:href=\"`#path-3-${id}`\"\n            />\n            <polygon\n              id=\"Rectangle-Copy\"\n              fill=\"#D5D7DE\"\n              :mask=\"`url(#mask-4-${id})`\"\n              transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n              points=\"7 0 24 0 20 18 -1.70530257e-13 16\"\n            />\n          </g>\n          <polygon\n            id=\"Rectangle-Copy-18\"\n            fill=\"#F8F9FB\"\n            transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n            points=\"62 45 79 45 70 58 53 58\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nlet id = 0\nexport default defineComponent({\n  name: 'ImgEmpty',\n  setup() {\n    return {\n      id: ++id,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;AA0HA,IAAI,KAAK;AACT,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,WAAO;AAAA,MACL,IAAI,EAAE;AAAA;AAAA;AAAA;;;;"}

package/es/components/empty/src/img-empty.vue_vue_type_template_id_61c77d3e_lang.mjs

@@ -0,0 +1,182 @@
+import { createElementVNode, openBlock, createElementBlock } from 'vue';
+
+const _hoisted_1 = {
+  viewBox: "0 0 79 86",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+};
+const _hoisted_2 = ["id"];
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("stop", {
+  "stop-color": "#FCFCFD",
+  offset: "0%"
+}, null, -1);
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("stop", {
+  "stop-color": "#EEEFF3",
+  offset: "100%"
+}, null, -1);
+const _hoisted_5 = [
+  _hoisted_3,
+  _hoisted_4
+];
+const _hoisted_6 = ["id"];
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("stop", {
+  "stop-color": "#FCFCFD",
+  offset: "0%"
+}, null, -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("stop", {
+  "stop-color": "#E9EBEF",
+  offset: "100%"
+}, null, -1);
+const _hoisted_9 = [
+  _hoisted_7,
+  _hoisted_8
+];
+const _hoisted_10 = ["id"];
+const _hoisted_11 = {
+  id: "Illustrations",
+  stroke: "none",
+  "stroke-width": "1",
+  fill: "none",
+  "fill-rule": "evenodd"
+};
+const _hoisted_12 = {
+  id: "B-type",
+  transform: "translate(-1268.000000, -535.000000)"
+};
+const _hoisted_13 = {
+  id: "Group-2",
+  transform: "translate(1268.000000, 535.000000)"
+};
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("path", {
+  id: "Oval-Copy-2",
+  d: "M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z",
+  fill: "#F7F8FC"
+}, null, -1);
+const _hoisted_15 = /* @__PURE__ */ createElementVNode("polygon", {
+  id: "Rectangle-Copy-14",
+  fill: "#E5E7E9",
+  transform: "translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) ",
+  points: "13 58 53 58 42 45 2 45"
+}, null, -1);
+const _hoisted_16 = {
+  id: "Group-Copy",
+  transform: "translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)"
+};
+const _hoisted_17 = /* @__PURE__ */ createElementVNode("polygon", {
+  id: "Rectangle-Copy-10",
+  fill: "#E5E7E9",
+  transform: "translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) ",
+  points: "2.84078316e-14 3 18 3 23 7 5 7"
+}, null, -1);
+const _hoisted_18 = /* @__PURE__ */ createElementVNode("polygon", {
+  id: "Rectangle-Copy-11",
+  fill: "#EDEEF2",
+  points: "-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43"
+}, null, -1);
+const _hoisted_19 = ["fill"];
+const _hoisted_20 = /* @__PURE__ */ createElementVNode("polygon", {
+  id: "Rectangle-Copy-13",
+  fill: "#F8F9FB",
+  transform: "translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) ",
+  points: "24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12"
+}, null, -1);
+const _hoisted_21 = ["fill"];
+const _hoisted_22 = {
+  id: "Rectangle-Copy-17",
+  transform: "translate(53.000000, 45.000000)"
+};
+const _hoisted_23 = ["id"];
+const _hoisted_24 = ["xlink:href"];
+const _hoisted_25 = ["xlink:href"];
+const _hoisted_26 = ["mask"];
+const _hoisted_27 = /* @__PURE__ */ createElementVNode("polygon", {
+  id: "Rectangle-Copy-18",
+  fill: "#F8F9FB",
+  transform: "translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) ",
+  points: "62 45 79 45 70 58 53 58"
+}, null, -1);
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [
+    createElementVNode("defs", null, [
+      createElementVNode("linearGradient", {
+        id: `linearGradient-1-${_ctx.id}`,
+        x1: "38.8503086%",
+        y1: "0%",
+        x2: "61.1496914%",
+        y2: "100%"
+      }, _hoisted_5, 8, _hoisted_2),
+      createElementVNode("linearGradient", {
+        id: `linearGradient-2-${_ctx.id}`,
+        x1: "0%",
+        y1: "9.5%",
+        x2: "100%",
+        y2: "90.5%"
+      }, _hoisted_9, 8, _hoisted_6),
+      createElementVNode("rect", {
+        id: `path-3-${_ctx.id}`,
+        x: "0",
+        y: "0",
+        width: "17",
+        height: "36"
+      }, null, 8, _hoisted_10)
+    ]),
+    createElementVNode("g", _hoisted_11, [
+      createElementVNode("g", _hoisted_12, [
+        createElementVNode("g", _hoisted_13, [
+          _hoisted_14,
+          _hoisted_15,
+          createElementVNode("g", _hoisted_16, [
+            _hoisted_17,
+            _hoisted_18,
+            createElementVNode("rect", {
+              id: "Rectangle-Copy-12",
+              fill: `url(#linearGradient-1-${_ctx.id})`,
+              transform: "translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) ",
+              x: "38",
+              y: "7",
+              width: "17",
+              height: "36"
+            }, null, 8, _hoisted_19),
+            _hoisted_20
+          ]),
+          createElementVNode("rect", {
+            id: "Rectangle-Copy-15",
+            fill: `url(#linearGradient-2-${_ctx.id})`,
+            x: "13",
+            y: "45",
+            width: "40",
+            height: "36"
+          }, null, 8, _hoisted_21),
+          createElementVNode("g", _hoisted_22, [
+            createElementVNode("mask", {
+              id: `mask-4-${_ctx.id}`,
+              fill: "white"
+            }, [
+              createElementVNode("use", {
+                "xlink:href": `#path-3-${_ctx.id}`
+              }, null, 8, _hoisted_24)
+            ], 8, _hoisted_23),
+            createElementVNode("use", {
+              id: "Mask",
+              fill: "#E0E3E9",
+              transform: "translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) ",
+              "xlink:href": `#path-3-${_ctx.id}`
+            }, null, 8, _hoisted_25),
+            createElementVNode("polygon", {
+              id: "Rectangle-Copy",
+              fill: "#D5D7DE",
+              mask: `url(#mask-4-${_ctx.id})`,
+              transform: "translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) ",
+              points: "7 0 24 0 20 18 -1.70530257e-13 16"
+            }, null, 8, _hoisted_26)
+          ]),
+          _hoisted_27
+        ])
+      ])
+    ])
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=img-empty.vue_vue_type_template_id_61c77d3e_lang.mjs.map

package/es/components/empty/src/img-empty.vue_vue_type_template_id_61c77d3e_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"img-empty.vue_vue_type_template_id_61c77d3e_lang.mjs","sources":["../../../../../../packages/components/empty/src/img-empty.vue?vue&type=template&id=61c77d3e&lang.js"],"sourcesContent":["<template>\n  <svg\n    viewBox=\"0 0 79 86\"\n    version=\"1.1\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n  >\n    <defs>\n      <linearGradient\n        :id=\"`linearGradient-1-${id}`\"\n        x1=\"38.8503086%\"\n        y1=\"0%\"\n        x2=\"61.1496914%\"\n        y2=\"100%\"\n      >\n        <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n        <stop stop-color=\"#EEEFF3\" offset=\"100%\" />\n      </linearGradient>\n      <linearGradient\n        :id=\"`linearGradient-2-${id}`\"\n        x1=\"0%\"\n        y1=\"9.5%\"\n        x2=\"100%\"\n        y2=\"90.5%\"\n      >\n        <stop stop-color=\"#FCFCFD\" offset=\"0%\" />\n        <stop stop-color=\"#E9EBEF\" offset=\"100%\" />\n      </linearGradient>\n      <rect :id=\"`path-3-${id}`\" x=\"0\" y=\"0\" width=\"17\" height=\"36\" />\n    </defs>\n    <g\n      id=\"Illustrations\"\n      stroke=\"none\"\n      stroke-width=\"1\"\n      fill=\"none\"\n      fill-rule=\"evenodd\"\n    >\n      <g id=\"B-type\" transform=\"translate(-1268.000000, -535.000000)\">\n        <g id=\"Group-2\" transform=\"translate(1268.000000, 535.000000)\">\n          <path\n            id=\"Oval-Copy-2\"\n            d=\"M39.5,86 C61.3152476,86 79,83.9106622 79,81.3333333 C79,78.7560045 57.3152476,78 35.5,78 C13.6847524,78 0,78.7560045 0,81.3333333 C0,83.9106622 17.6847524,86 39.5,86 Z\"\n            fill=\"#F7F8FC\"\n          />\n          <polygon\n            id=\"Rectangle-Copy-14\"\n            fill=\"#E5E7E9\"\n            transform=\"translate(27.500000, 51.500000) scale(1, -1) translate(-27.500000, -51.500000) \"\n            points=\"13 58 53 58 42 45 2 45\"\n          />\n          <g\n            id=\"Group-Copy\"\n            transform=\"translate(34.500000, 31.500000) scale(-1, 1) rotate(-25.000000) translate(-34.500000, -31.500000) translate(7.000000, 10.000000)\"\n          >\n            <polygon\n              id=\"Rectangle-Copy-10\"\n              fill=\"#E5E7E9\"\n              transform=\"translate(11.500000, 5.000000) scale(1, -1) translate(-11.500000, -5.000000) \"\n              points=\"2.84078316e-14 3 18 3 23 7 5 7\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-11\"\n              fill=\"#EDEEF2\"\n              points=\"-3.69149156e-15 7 38 7 38 43 -3.69149156e-15 43\"\n            />\n            <rect\n              id=\"Rectangle-Copy-12\"\n              :fill=\"`url(#linearGradient-1-${id})`\"\n              transform=\"translate(46.500000, 25.000000) scale(-1, 1) translate(-46.500000, -25.000000) \"\n              x=\"38\"\n              y=\"7\"\n              width=\"17\"\n              height=\"36\"\n            />\n            <polygon\n              id=\"Rectangle-Copy-13\"\n              fill=\"#F8F9FB\"\n              transform=\"translate(39.500000, 3.500000) scale(-1, 1) translate(-39.500000, -3.500000) \"\n              points=\"24 7 41 7 55 -3.63806207e-12 38 -3.63806207e-12\"\n            />\n          </g>\n          <rect\n            id=\"Rectangle-Copy-15\"\n            :fill=\"`url(#linearGradient-2-${id})`\"\n            x=\"13\"\n            y=\"45\"\n            width=\"40\"\n            height=\"36\"\n          />\n          <g id=\"Rectangle-Copy-17\" transform=\"translate(53.000000, 45.000000)\">\n            <mask :id=\"`mask-4-${id}`\" fill=\"white\">\n              <use :xlink:href=\"`#path-3-${id}`\" />\n            </mask>\n            <use\n              id=\"Mask\"\n              fill=\"#E0E3E9\"\n              transform=\"translate(8.500000, 18.000000) scale(-1, 1) translate(-8.500000, -18.000000) \"\n              :xlink:href=\"`#path-3-${id}`\"\n            />\n            <polygon\n              id=\"Rectangle-Copy\"\n              fill=\"#D5D7DE\"\n              :mask=\"`url(#mask-4-${id})`\"\n              transform=\"translate(12.000000, 9.000000) scale(-1, 1) translate(-12.000000, -9.000000) \"\n              points=\"7 0 24 0 20 18 -1.70530257e-13 16\"\n            />\n          </g>\n          <polygon\n            id=\"Rectangle-Copy-18\"\n            fill=\"#F8F9FB\"\n            transform=\"translate(66.000000, 51.500000) scale(-1, 1) translate(-66.000000, -51.500000) \"\n            points=\"62 45 79 45 70 58 53 58\"\n          />\n        </g>\n      </g>\n    </g>\n  </svg>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nlet id = 0\nexport default defineComponent({\n  name: 'ImgEmpty',\n  setup() {\n    return {\n      id: ++id,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode"],"mappings":";;;EAEI,SAAQ;AAAA,EACR,SAAQ;AAAA,EACR,OAAM;AAAA,EACN,eAAY;AAAA;;;EAUF,cAAW;AAAA,EAAU,QAAO;AAAA;;EAC5B,cAAW;AAAA,EAAU,QAAO;AAAA;;EADlC;AAAA,EACA;AAAA;;;EASM,cAAW;AAAA,EAAU,QAAO;AAAA;;EAC5B,cAAW;AAAA,EAAU,QAAO;AAAA;;EADlC;AAAA,EACA;AAAA;;;EAKF,IAAG;AAAA,EACH,QAAO;AAAA,EACP,gBAAa;AAAA,EACb,MAAK;AAAA,EACL,aAAU;AAAA;;EAEP,IAAG;AAAA,EAAS,WAAU;AAAA;;EACpB,IAAG;AAAA,EAAU,WAAU;AAAA;;EAEtB,IAAG;AAAA,EACH,GAAE;AAAA,EACF,MAAK;AAAA;;EAGL,IAAG;AAAA,EACH,MAAK;AAAA,EACL,WAAU;AAAA,EACV,QAAO;AAAA;;EAGP,IAAG;AAAA,EACH,WAAU;AAAA;;EAGR,IAAG;AAAA,EACH,MAAK;AAAA,EACL,WAAU;AAAA,EACV,QAAO;AAAA;;EAGP,IAAG;AAAA,EACH,MAAK;AAAA,EACL,QAAO;AAAA;;;EAYP,IAAG;AAAA,EACH,MAAK;AAAA,EACL,WAAU;AAAA,EACV,QAAO;AAAA;;;EAWR,IAAG;AAAA,EAAoB,WAAU;AAAA;;;;;;EAmBlC,IAAG;AAAA,EACH,MAAK;AAAA,EACL,WAAU;AAAA,EACV,QAAO;AAAA;;sBA9GjBA,0BAAA;IAMEC;MACEA;QACG,wBAAwB;QACzB,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA;MAKLA;QACG,wBAAwB;QACzB,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA;MAKLA;QAAO,cAAc;QAAM,GAAE;AAAA,QAAI,GAAE;AAAA,QAAI,OAAM;AAAA,QAAK,QAAO;AAAA;;IAE3DA,wBAAA;MAOEA,wBAAA;QACEA,wBAAA;UACE;AAAA,UAKA;AAAA,UAMAA,wBAAA;YAIE;AAAA,YAMA;AAAA,YAKAA;cACE,IAAG;AAAA,cACF,+BAA+B;cAChC,WAAU;AAAA,cACV,GAAE;AAAA,cACF,GAAE;AAAA,cACF,OAAM;AAAA,cACN,QAAO;AAAA;YAET;AAAA;AAAA,UAOFA;YACE,IAAG;AAAA,YACF,+BAA+B;YAChC,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAM;AAAA,YACN,QAAO;AAAA;UAETA,wBAAA;YACEA;cAAO,cAAc;cAAM,MAAK;AAAA;cAC9BA;gBAAM,yBAAuB;;;YAE/BA;cACE,IAAG;AAAA,cACH,MAAK;AAAA,cACL,WAAU;AAAA,cACT,yBAAuB;;YAE1BA;cACE,IAAG;AAAA,cACH,MAAK;AAAA,cACJ,qBAAqB;cACtB,WAAU;AAAA,cACV,QAAO;AAAA;;UAGX;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/es/components/form/index.d.ts

@@ -124,6 +124,7 @@ export declare const ElForm: import("../../utils/types").SFCWithInstall<import("
         labelFor: import("vue").ComputedRef<string | undefined>;
         resetField: () => void;
         clearValidate: () => void;
+        currentLabel: import("vue").ComputedRef<string>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         label?: unknown;
         labelWidth?: unknown;
@@ -202,6 +203,7 @@ export declare const ElFormItem: import("../../utils/types").SFCWithInstall<impo
     labelFor: import("vue").ComputedRef<string | undefined>;
     resetField: () => void;
     clearValidate: () => void;
+    currentLabel: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     label?: unknown;
     labelWidth?: unknown;

package/es/components/form/index.mjs

@@ -1,8 +1,8 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
 import './src/form.mjs';
 import './src/form-item.mjs';
-import script from './src/form.vue_vue&type=script&lang.mjs';
-import script$1 from './src/form-item.vue_vue&type=script&lang.mjs';
+import script from './src/form.vue_vue_type_script_lang.mjs';
+import script$1 from './src/form-item.vue_vue_type_script_lang.mjs';
 
 const ElForm = withInstall(script, {
   FormItem: script$1

package/es/components/form/src/form-item.mjs

@@ -1,6 +1,6 @@
-import script from './form-item.vue_vue&type=script&lang.mjs';
-export { default } from './form-item.vue_vue&type=script&lang.mjs';
-import { render } from './form-item.vue_vue&type=template&id=24eda48b&lang.mjs';
+import script from './form-item.vue_vue_type_script_lang.mjs';
+export { default } from './form-item.vue_vue_type_script_lang.mjs';
+import { render } from './form-item.vue_vue_type_template_id_24eda48b_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/form/src/form-item.vue";

package/es/components/form/src/form-item.vue.d.ts

@@ -47,6 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     labelFor: import("vue").ComputedRef<string | undefined>;
     resetField: () => void;
     clearValidate: () => void;
+    currentLabel: import("vue").ComputedRef<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     label?: unknown;
     labelWidth?: unknown;

package/es/components/form/src/form-item.vue_vue_type_script_lang.mjs

@@ -0,0 +1,259 @@
+import { defineComponent, inject, ref, getCurrentInstance, computed, watch, nextTick, reactive, toRefs, onMounted, onBeforeUnmount, provide } from 'vue';
+import { NOOP } from '@vue/shared';
+import AsyncValidator from 'async-validator';
+import { useGlobalConfig, addUnit, getPropByPath } from '../../../utils/util.mjs';
+import { isValidComponentSize } from '../../../utils/validators.mjs';
+import '../../../tokens/index.mjs';
+import LabelWrap from './label-wrap.mjs';
+import { elFormKey, elFormItemKey } from '../../../tokens/form.mjs';
+
+var script = defineComponent({
+  name: "ElFormItem",
+  componentName: "ElFormItem",
+  components: {
+    LabelWrap
+  },
+  props: {
+    label: String,
+    labelWidth: {
+      type: [String, Number],
+      default: ""
+    },
+    prop: String,
+    required: {
+      type: Boolean,
+      default: void 0
+    },
+    rules: [Object, Array],
+    error: String,
+    validateStatus: String,
+    for: String,
+    inlineMessage: {
+      type: [String, Boolean],
+      default: ""
+    },
+    showMessage: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: String,
+      validator: isValidComponentSize
+    }
+  },
+  setup(props, { slots }) {
+    const $ELEMENT = useGlobalConfig();
+    const elForm = inject(elFormKey, {});
+    const validateState = ref("");
+    const validateMessage = ref("");
+    const isValidationEnabled = ref(false);
+    const computedLabelWidth = ref("");
+    const formItemRef = ref();
+    const vm = getCurrentInstance();
+    const isNested = computed(() => {
+      let parent = vm.parent;
+      while (parent && parent.type.name !== "ElForm") {
+        if (parent.type.name === "ElFormItem") {
+          return true;
+        }
+        parent = parent.parent;
+      }
+      return false;
+    });
+    let initialValue = void 0;
+    watch(() => props.error, (val) => {
+      validateMessage.value = val;
+      validateState.value = val ? "error" : "";
+    }, {
+      immediate: true
+    });
+    watch(() => props.validateStatus, (val) => {
+      validateState.value = val;
+    });
+    const labelFor = computed(() => props.for || props.prop);
+    const labelStyle = computed(() => {
+      const ret = {};
+      if (elForm.labelPosition === "top")
+        return ret;
+      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth);
+      if (labelWidth) {
+        ret.width = labelWidth;
+      }
+      return ret;
+    });
+    const contentStyle = computed(() => {
+      const ret = {};
+      if (elForm.labelPosition === "top" || elForm.inline) {
+        return ret;
+      }
+      if (!props.label && !props.labelWidth && isNested.value) {
+        return ret;
+      }
+      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth);
+      if (!props.label && !slots.label) {
+        ret.marginLeft = labelWidth;
+      }
+      return ret;
+    });
+    const fieldValue = computed(() => {
+      const model = elForm.model;
+      if (!model || !props.prop) {
+        return;
+      }
+      let path = props.prop;
+      if (path.indexOf(":") !== -1) {
+        path = path.replace(/:/, ".");
+      }
+      return getPropByPath(model, path, true).v;
+    });
+    const isRequired = computed(() => {
+      const rules = getRules();
+      let required = false;
+      if (rules && rules.length) {
+        rules.every((rule) => {
+          if (rule.required) {
+            required = true;
+            return false;
+          }
+          return true;
+        });
+      }
+      return required;
+    });
+    const elFormItemSize = computed(() => props.size || elForm.size);
+    const sizeClass = computed(() => {
+      return elFormItemSize.value || $ELEMENT.size;
+    });
+    const validate = (trigger, callback = NOOP) => {
+      if (!isValidationEnabled.value) {
+        callback();
+        return;
+      }
+      const rules = getFilteredRule(trigger);
+      if ((!rules || rules.length === 0) && props.required === void 0) {
+        callback();
+        return;
+      }
+      validateState.value = "validating";
+      const descriptor = {};
+      if (rules && rules.length > 0) {
+        rules.forEach((rule) => {
+          delete rule.trigger;
+        });
+      }
+      descriptor[props.prop] = rules;
+      const validator = new AsyncValidator(descriptor);
+      const model = {};
+      model[props.prop] = fieldValue.value;
+      validator.validate(model, { firstFields: true }, (errors, fields) => {
+        var _a;
+        validateState.value = !errors ? "success" : "error";
+        validateMessage.value = errors ? errors[0].message || `${props.prop} is required` : "";
+        callback(validateMessage.value, errors ? fields : {});
+        (_a = elForm.emit) == null ? void 0 : _a.call(elForm, "validate", props.prop, !errors, validateMessage.value || null);
+      });
+    };
+    const clearValidate = () => {
+      validateState.value = "";
+      validateMessage.value = "";
+    };
+    const resetField = () => {
+      const model = elForm.model;
+      const value = fieldValue.value;
+      let path = props.prop;
+      if (path.indexOf(":") !== -1) {
+        path = path.replace(/:/, ".");
+      }
+      const prop = getPropByPath(model, path, true);
+      if (Array.isArray(value)) {
+        prop.o[prop.k] = [].concat(initialValue);
+      } else {
+        prop.o[prop.k] = initialValue;
+      }
+      nextTick(() => {
+        clearValidate();
+      });
+    };
+    const getRules = () => {
+      const formRules = elForm.rules;
+      const selfRules = props.rules;
+      const requiredRule = props.required !== void 0 ? { required: !!props.required } : [];
+      const prop = getPropByPath(formRules, props.prop || "", false);
+      const normalizedRule = formRules ? prop.o[props.prop || ""] || prop.v : [];
+      return [].concat(selfRules || normalizedRule || []).concat(requiredRule);
+    };
+    const getFilteredRule = (trigger) => {
+      const rules = getRules();
+      return rules.filter((rule) => {
+        if (!rule.trigger || trigger === "")
+          return true;
+        if (Array.isArray(rule.trigger)) {
+          return rule.trigger.indexOf(trigger) > -1;
+        } else {
+          return rule.trigger === trigger;
+        }
+      }).map((rule) => ({ ...rule }));
+    };
+    const evaluateValidationEnabled = () => {
+      var _a;
+      isValidationEnabled.value = !!((_a = getRules()) == null ? void 0 : _a.length);
+    };
+    const updateComputedLabelWidth = (width) => {
+      computedLabelWidth.value = width ? `${width}px` : "";
+    };
+    const elFormItem = reactive({
+      ...toRefs(props),
+      size: sizeClass,
+      validateState,
+      $el: formItemRef,
+      evaluateValidationEnabled,
+      resetField,
+      clearValidate,
+      validate,
+      updateComputedLabelWidth
+    });
+    onMounted(() => {
+      if (props.prop) {
+        elForm == null ? void 0 : elForm.addField(elFormItem);
+        const value = fieldValue.value;
+        initialValue = Array.isArray(value) ? [...value] : value;
+        evaluateValidationEnabled();
+      }
+    });
+    onBeforeUnmount(() => {
+      elForm == null ? void 0 : elForm.removeField(elFormItem);
+    });
+    provide(elFormItemKey, elFormItem);
+    const formItemClass = computed(() => [
+      {
+        "el-form-item--feedback": elForm.statusIcon,
+        "is-error": validateState.value === "error",
+        "is-validating": validateState.value === "validating",
+        "is-success": validateState.value === "success",
+        "is-required": isRequired.value || props.required,
+        "is-no-asterisk": elForm.hideRequiredAsterisk
+      },
+      sizeClass.value ? `el-form-item--${sizeClass.value}` : ""
+    ]);
+    const shouldShowError = computed(() => {
+      return validateState.value === "error" && props.showMessage && elForm.showMessage;
+    });
+    const currentLabel = computed(() => (props.label || "") + (elForm.labelSuffix || ""));
+    return {
+      formItemRef,
+      formItemClass,
+      shouldShowError,
+      elForm,
+      labelStyle,
+      contentStyle,
+      validateMessage,
+      labelFor,
+      resetField,
+      clearValidate,
+      currentLabel
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=form-item.vue_vue_type_script_lang.mjs.map

package/es/components/form/src/form-item.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <div ref=\"formItemRef\" class=\"el-form-item\" :class=\"formItemClass\">\n    <LabelWrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"elForm.labelWidth === 'auto'\"\n    >\n      <label\n        v-if=\"label || $slots.label\"\n        :for=\"labelFor\"\n        class=\"el-form-item__label\"\n        :style=\"labelStyle\"\n      >\n        <slot name=\"label\" :label=\"currentLabel\">\n          {{ currentLabel }}\n        </slot>\n      </label>\n    </LabelWrap>\n    <div class=\"el-form-item__content\" :style=\"contentStyle\">\n      <slot></slot>\n      <transition name=\"el-zoom-in-top\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div\n            class=\"el-form-item__error\"\n            :class=\"{\n              'el-form-item__error--inline':\n                typeof inlineMessage === 'boolean'\n                  ? inlineMessage\n                  : elForm.inlineMessage || false,\n            }\"\n          >\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n  nextTick,\n} from 'vue'\nimport { NOOP } from '@vue/shared'\nimport AsyncValidator from 'async-validator'\nimport {\n  addUnit,\n  getPropByPath,\n  useGlobalConfig,\n} from '@element-plus/utils/util'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { elFormItemKey, elFormKey } from '@element-plus/tokens'\nimport LabelWrap from './label-wrap'\n\nimport type { PropType, CSSProperties } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { ElFormContext, ValidateFieldCallback } from '@element-plus/tokens'\nimport type { FormItemRule } from './form.type'\n\nexport default defineComponent({\n  name: 'ElFormItem',\n  componentName: 'ElFormItem',\n  components: {\n    LabelWrap,\n  },\n  props: {\n    label: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    prop: String,\n    required: {\n      type: Boolean,\n      default: undefined,\n    },\n    rules: [Object, Array] as PropType<FormItemRule | FormItemRule[]>,\n    error: String,\n    validateStatus: String,\n    for: String,\n    inlineMessage: {\n      type: [String, Boolean],\n      default: '',\n    },\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n  },\n  setup(props, { slots }) {\n    const $ELEMENT = useGlobalConfig()\n\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const validateState = ref('')\n    const validateMessage = ref('')\n    const isValidationEnabled = ref(false)\n\n    const computedLabelWidth = ref('')\n\n    const formItemRef = ref<HTMLDivElement>()\n\n    const vm = getCurrentInstance()\n    const isNested = computed(() => {\n      let parent = vm.parent\n      while (parent && parent.type.name !== 'ElForm') {\n        if (parent.type.name === 'ElFormItem') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    let initialValue = undefined\n\n    watch(\n      () => props.error,\n      (val) => {\n        validateMessage.value = val\n        validateState.value = val ? 'error' : ''\n      },\n      {\n        immediate: true,\n      }\n    )\n    watch(\n      () => props.validateStatus,\n      (val) => {\n        validateState.value = val\n      }\n    )\n\n    const labelFor = computed(() => props.for || props.prop)\n    const labelStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top') return ret\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (labelWidth) {\n        ret.width = labelWidth\n      }\n      return ret\n    })\n    const contentStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top' || elForm.inline) {\n        return ret\n      }\n      if (!props.label && !props.labelWidth && isNested.value) {\n        return ret\n      }\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (!props.label && !slots.label) {\n        ret.marginLeft = labelWidth\n      }\n      return ret\n    })\n    const fieldValue = computed(() => {\n      const model = elForm.model\n      if (!model || !props.prop) {\n        return\n      }\n\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n\n      return getPropByPath(model, path, true).v\n    })\n    const isRequired = computed(() => {\n      const rules = getRules()\n      let required = false\n\n      if (rules && rules.length) {\n        rules.every((rule) => {\n          if (rule.required) {\n            required = true\n            return false\n          }\n          return true\n        })\n      }\n      return required\n    })\n    const elFormItemSize = computed(() => props.size || elForm.size)\n    const sizeClass = computed<ComponentSize>(() => {\n      return elFormItemSize.value || $ELEMENT.size\n    })\n\n    const validate = (\n      trigger: string,\n      callback: ValidateFieldCallback = NOOP\n    ) => {\n      if (!isValidationEnabled.value) {\n        callback()\n        return\n      }\n      const rules = getFilteredRule(trigger)\n      if ((!rules || rules.length === 0) && props.required === undefined) {\n        callback()\n        return\n      }\n      validateState.value = 'validating'\n      const descriptor = {}\n      if (rules && rules.length > 0) {\n        rules.forEach((rule) => {\n          delete rule.trigger\n        })\n      }\n      descriptor[props.prop] = rules\n      const validator = new AsyncValidator(descriptor)\n      const model = {}\n      model[props.prop] = fieldValue.value\n      validator.validate(model, { firstFields: true }, (errors, fields) => {\n        validateState.value = !errors ? 'success' : 'error'\n        validateMessage.value = errors\n          ? errors[0].message || `${props.prop} is required`\n          : ''\n        // fix: #3860 after version 3.5.2, async-validator also return fields if validation fails\n        callback(validateMessage.value, errors ? fields : {})\n        elForm.emit?.(\n          'validate',\n          props.prop,\n          !errors,\n          validateMessage.value || null\n        )\n      })\n    }\n\n    const clearValidate = () => {\n      validateState.value = ''\n      validateMessage.value = ''\n    }\n    const resetField = () => {\n      const model = elForm.model\n      const value = fieldValue.value\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n      const prop = getPropByPath(model, path, true)\n      if (Array.isArray(value)) {\n        prop.o[prop.k] = [].concat(initialValue)\n      } else {\n        prop.o[prop.k] = initialValue\n      }\n      nextTick(() => {\n        clearValidate()\n      })\n    }\n\n    const getRules = () => {\n      const formRules = elForm.rules\n      const selfRules = props.rules\n      const requiredRule =\n        props.required !== undefined ? { required: !!props.required } : []\n\n      const prop = getPropByPath(formRules, props.prop || '', false)\n      const normalizedRule = formRules ? prop.o[props.prop || ''] || prop.v : []\n\n      return [].concat(selfRules || normalizedRule || []).concat(requiredRule)\n    }\n    const getFilteredRule = (trigger) => {\n      const rules = getRules()\n\n      return rules\n        .filter((rule) => {\n          if (!rule.trigger || trigger === '') return true\n          if (Array.isArray(rule.trigger)) {\n            return rule.trigger.indexOf(trigger) > -1\n          } else {\n            return rule.trigger === trigger\n          }\n        })\n        .map((rule) => ({ ...rule }))\n    }\n\n    const evaluateValidationEnabled = () => {\n      isValidationEnabled.value = !!getRules()?.length\n    }\n\n    const updateComputedLabelWidth = (width: string | number) => {\n      computedLabelWidth.value = width ? `${width}px` : ''\n    }\n\n    const elFormItem = reactive({\n      ...toRefs(props),\n      size: sizeClass,\n      validateState,\n      $el: formItemRef,\n      evaluateValidationEnabled,\n      resetField,\n      clearValidate,\n      validate,\n      updateComputedLabelWidth,\n    })\n\n    onMounted(() => {\n      if (props.prop) {\n        elForm?.addField(elFormItem)\n\n        const value = fieldValue.value\n        initialValue = Array.isArray(value) ? [...value] : value\n\n        evaluateValidationEnabled()\n      }\n    })\n    onBeforeUnmount(() => {\n      elForm?.removeField(elFormItem)\n    })\n\n    provide(elFormItemKey, elFormItem)\n\n    const formItemClass = computed(() => [\n      {\n        'el-form-item--feedback': elForm.statusIcon,\n        'is-error': validateState.value === 'error',\n        'is-validating': validateState.value === 'validating',\n        'is-success': validateState.value === 'success',\n        'is-required': isRequired.value || props.required,\n        'is-no-asterisk': elForm.hideRequiredAsterisk,\n      },\n      sizeClass.value ? `el-form-item--${sizeClass.value}` : '',\n    ])\n\n    const shouldShowError = computed(() => {\n      return (\n        validateState.value === 'error' &&\n        props.showMessage &&\n        elForm.showMessage\n      )\n    })\n\n    const currentLabel = computed(\n      () => (props.label || '') + (elForm.labelSuffix || '')\n    )\n\n    return {\n      formItemRef,\n      formItemClass,\n      shouldShowError,\n      elForm,\n      labelStyle,\n      contentStyle,\n      validateMessage,\n      labelFor,\n      resetField,\n      clearValidate,\n      currentLabel,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}

package/es/components/form/src/form-item.vue_vue_type_template_id_24eda48b_lang.mjs

@@ -0,0 +1,53 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, Transition } from 'vue';
+
+const _hoisted_1 = ["for"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_LabelWrap = resolveComponent("LabelWrap");
+  return openBlock(), createElementBlock("div", {
+    ref: "formItemRef",
+    class: normalizeClass(["el-form-item", _ctx.formItemClass])
+  }, [
+    createVNode(_component_LabelWrap, {
+      "is-auto-width": _ctx.labelStyle.width === "auto",
+      "update-all": _ctx.elForm.labelWidth === "auto"
+    }, {
+      default: withCtx(() => [
+        _ctx.label || _ctx.$slots.label ? (openBlock(), createElementBlock("label", {
+          key: 0,
+          for: _ctx.labelFor,
+          class: "el-form-item__label",
+          style: normalizeStyle(_ctx.labelStyle)
+        }, [
+          renderSlot(_ctx.$slots, "label", { label: _ctx.currentLabel }, () => [
+            createTextVNode(toDisplayString(_ctx.currentLabel), 1)
+          ])
+        ], 12, _hoisted_1)) : createCommentVNode("v-if", true)
+      ]),
+      _: 3
+    }, 8, ["is-auto-width", "update-all"]),
+    createElementVNode("div", {
+      class: "el-form-item__content",
+      style: normalizeStyle(_ctx.contentStyle)
+    }, [
+      renderSlot(_ctx.$slots, "default"),
+      createVNode(Transition, { name: "el-zoom-in-top" }, {
+        default: withCtx(() => [
+          _ctx.shouldShowError ? renderSlot(_ctx.$slots, "error", {
+            key: 0,
+            error: _ctx.validateMessage
+          }, () => [
+            createElementVNode("div", {
+              class: normalizeClass(["el-form-item__error", {
+                "el-form-item__error--inline": typeof _ctx.inlineMessage === "boolean" ? _ctx.inlineMessage : _ctx.elForm.inlineMessage || false
+              }])
+            }, toDisplayString(_ctx.validateMessage), 3)
+          ]) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      })
+    ], 4)
+  ], 2);
+}
+
+export { render };
+//# sourceMappingURL=form-item.vue_vue_type_template_id_24eda48b_lang.mjs.map

package/es/components/form/src/form-item.vue_vue_type_template_id_24eda48b_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-item.vue_vue_type_template_id_24eda48b_lang.mjs","sources":["../../../../../../packages/components/form/src/form-item.vue?vue&type=template&id=24eda48b&lang.js"],"sourcesContent":["<template>\n  <div ref=\"formItemRef\" class=\"el-form-item\" :class=\"formItemClass\">\n    <LabelWrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"elForm.labelWidth === 'auto'\"\n    >\n      <label\n        v-if=\"label || $slots.label\"\n        :for=\"labelFor\"\n        class=\"el-form-item__label\"\n        :style=\"labelStyle\"\n      >\n        <slot name=\"label\" :label=\"currentLabel\">\n          {{ currentLabel }}\n        </slot>\n      </label>\n    </LabelWrap>\n    <div class=\"el-form-item__content\" :style=\"contentStyle\">\n      <slot></slot>\n      <transition name=\"el-zoom-in-top\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div\n            class=\"el-form-item__error\"\n            :class=\"{\n              'el-form-item__error--inline':\n                typeof inlineMessage === 'boolean'\n                  ? inlineMessage\n                  : elForm.inlineMessage || false,\n            }\"\n          >\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n  nextTick,\n} from 'vue'\nimport { NOOP } from '@vue/shared'\nimport AsyncValidator from 'async-validator'\nimport {\n  addUnit,\n  getPropByPath,\n  useGlobalConfig,\n} from '@element-plus/utils/util'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { elFormItemKey, elFormKey } from '@element-plus/tokens'\nimport LabelWrap from './label-wrap'\n\nimport type { PropType, CSSProperties } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\nimport type { ElFormContext, ValidateFieldCallback } from '@element-plus/tokens'\nimport type { FormItemRule } from './form.type'\n\nexport default defineComponent({\n  name: 'ElFormItem',\n  componentName: 'ElFormItem',\n  components: {\n    LabelWrap,\n  },\n  props: {\n    label: String,\n    labelWidth: {\n      type: [String, Number],\n      default: '',\n    },\n    prop: String,\n    required: {\n      type: Boolean,\n      default: undefined,\n    },\n    rules: [Object, Array] as PropType<FormItemRule | FormItemRule[]>,\n    error: String,\n    validateStatus: String,\n    for: String,\n    inlineMessage: {\n      type: [String, Boolean],\n      default: '',\n    },\n    showMessage: {\n      type: Boolean,\n      default: true,\n    },\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n  },\n  setup(props, { slots }) {\n    const $ELEMENT = useGlobalConfig()\n\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const validateState = ref('')\n    const validateMessage = ref('')\n    const isValidationEnabled = ref(false)\n\n    const computedLabelWidth = ref('')\n\n    const formItemRef = ref<HTMLDivElement>()\n\n    const vm = getCurrentInstance()\n    const isNested = computed(() => {\n      let parent = vm.parent\n      while (parent && parent.type.name !== 'ElForm') {\n        if (parent.type.name === 'ElFormItem') {\n          return true\n        }\n        parent = parent.parent\n      }\n      return false\n    })\n\n    let initialValue = undefined\n\n    watch(\n      () => props.error,\n      (val) => {\n        validateMessage.value = val\n        validateState.value = val ? 'error' : ''\n      },\n      {\n        immediate: true,\n      }\n    )\n    watch(\n      () => props.validateStatus,\n      (val) => {\n        validateState.value = val\n      }\n    )\n\n    const labelFor = computed(() => props.for || props.prop)\n    const labelStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top') return ret\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (labelWidth) {\n        ret.width = labelWidth\n      }\n      return ret\n    })\n    const contentStyle = computed(() => {\n      const ret: CSSProperties = {}\n      if (elForm.labelPosition === 'top' || elForm.inline) {\n        return ret\n      }\n      if (!props.label && !props.labelWidth && isNested.value) {\n        return ret\n      }\n      const labelWidth = addUnit(props.labelWidth || elForm.labelWidth)\n      if (!props.label && !slots.label) {\n        ret.marginLeft = labelWidth\n      }\n      return ret\n    })\n    const fieldValue = computed(() => {\n      const model = elForm.model\n      if (!model || !props.prop) {\n        return\n      }\n\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n\n      return getPropByPath(model, path, true).v\n    })\n    const isRequired = computed(() => {\n      const rules = getRules()\n      let required = false\n\n      if (rules && rules.length) {\n        rules.every((rule) => {\n          if (rule.required) {\n            required = true\n            return false\n          }\n          return true\n        })\n      }\n      return required\n    })\n    const elFormItemSize = computed(() => props.size || elForm.size)\n    const sizeClass = computed<ComponentSize>(() => {\n      return elFormItemSize.value || $ELEMENT.size\n    })\n\n    const validate = (\n      trigger: string,\n      callback: ValidateFieldCallback = NOOP\n    ) => {\n      if (!isValidationEnabled.value) {\n        callback()\n        return\n      }\n      const rules = getFilteredRule(trigger)\n      if ((!rules || rules.length === 0) && props.required === undefined) {\n        callback()\n        return\n      }\n      validateState.value = 'validating'\n      const descriptor = {}\n      if (rules && rules.length > 0) {\n        rules.forEach((rule) => {\n          delete rule.trigger\n        })\n      }\n      descriptor[props.prop] = rules\n      const validator = new AsyncValidator(descriptor)\n      const model = {}\n      model[props.prop] = fieldValue.value\n      validator.validate(model, { firstFields: true }, (errors, fields) => {\n        validateState.value = !errors ? 'success' : 'error'\n        validateMessage.value = errors\n          ? errors[0].message || `${props.prop} is required`\n          : ''\n        // fix: #3860 after version 3.5.2, async-validator also return fields if validation fails\n        callback(validateMessage.value, errors ? fields : {})\n        elForm.emit?.(\n          'validate',\n          props.prop,\n          !errors,\n          validateMessage.value || null\n        )\n      })\n    }\n\n    const clearValidate = () => {\n      validateState.value = ''\n      validateMessage.value = ''\n    }\n    const resetField = () => {\n      const model = elForm.model\n      const value = fieldValue.value\n      let path = props.prop\n      if (path.indexOf(':') !== -1) {\n        path = path.replace(/:/, '.')\n      }\n      const prop = getPropByPath(model, path, true)\n      if (Array.isArray(value)) {\n        prop.o[prop.k] = [].concat(initialValue)\n      } else {\n        prop.o[prop.k] = initialValue\n      }\n      nextTick(() => {\n        clearValidate()\n      })\n    }\n\n    const getRules = () => {\n      const formRules = elForm.rules\n      const selfRules = props.rules\n      const requiredRule =\n        props.required !== undefined ? { required: !!props.required } : []\n\n      const prop = getPropByPath(formRules, props.prop || '', false)\n      const normalizedRule = formRules ? prop.o[props.prop || ''] || prop.v : []\n\n      return [].concat(selfRules || normalizedRule || []).concat(requiredRule)\n    }\n    const getFilteredRule = (trigger) => {\n      const rules = getRules()\n\n      return rules\n        .filter((rule) => {\n          if (!rule.trigger || trigger === '') return true\n          if (Array.isArray(rule.trigger)) {\n            return rule.trigger.indexOf(trigger) > -1\n          } else {\n            return rule.trigger === trigger\n          }\n        })\n        .map((rule) => ({ ...rule }))\n    }\n\n    const evaluateValidationEnabled = () => {\n      isValidationEnabled.value = !!getRules()?.length\n    }\n\n    const updateComputedLabelWidth = (width: string | number) => {\n      computedLabelWidth.value = width ? `${width}px` : ''\n    }\n\n    const elFormItem = reactive({\n      ...toRefs(props),\n      size: sizeClass,\n      validateState,\n      $el: formItemRef,\n      evaluateValidationEnabled,\n      resetField,\n      clearValidate,\n      validate,\n      updateComputedLabelWidth,\n    })\n\n    onMounted(() => {\n      if (props.prop) {\n        elForm?.addField(elFormItem)\n\n        const value = fieldValue.value\n        initialValue = Array.isArray(value) ? [...value] : value\n\n        evaluateValidationEnabled()\n      }\n    })\n    onBeforeUnmount(() => {\n      elForm?.removeField(elFormItem)\n    })\n\n    provide(elFormItemKey, elFormItem)\n\n    const formItemClass = computed(() => [\n      {\n        'el-form-item--feedback': elForm.statusIcon,\n        'is-error': validateState.value === 'error',\n        'is-validating': validateState.value === 'validating',\n        'is-success': validateState.value === 'success',\n        'is-required': isRequired.value || props.required,\n        'is-no-asterisk': elForm.hideRequiredAsterisk,\n      },\n      sizeClass.value ? `el-form-item--${sizeClass.value}` : '',\n    ])\n\n    const shouldShowError = computed(() => {\n      return (\n        validateState.value === 'error' &&\n        props.showMessage &&\n        elForm.showMessage\n      )\n    })\n\n    const currentLabel = computed(\n      () => (props.label || '') + (elForm.labelSuffix || '')\n    )\n\n    return {\n      formItemRef,\n      formItemClass,\n      shouldShowError,\n      elForm,\n      labelStyle,\n      contentStyle,\n      validateMessage,\n      labelFor,\n      resetField,\n      clearValidate,\n      currentLabel,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_renderSlot","_createElementVNode"],"mappings":";;;;;sBACEA;IAAK,KAAI;AAAA,IAAc,uBAAM,gBAAuB;;IAClDC;MACG,iBAAe,gBAAW;MAC1B,cAAY,YAAO;;uBAEpB;QACQ,cAAS,YAAO,sBADxBD;;UAEG,KAAK;UACN,OAAM;AAAA,UACL,sBAAO;;UAERE,mCAAoB,OAAO,qBAA3B;4CACK;;;;;;IAITC;MAAK,OAAM;AAAA,MAAyB,sBAAO;;MACzCD;MACAD,0BAAY,MAAK;yBACf;UAAY,uBAAZC;;YAA2C,OAAO;aAAlD;YACEC;cACE,uBAAM;;;+BAQH;;;;;;;;;;;"}

package/es/components/form/src/form.mjs

@@ -1,6 +1,6 @@
-import script from './form.vue_vue&type=script&lang.mjs';
-export { default } from './form.vue_vue&type=script&lang.mjs';
-import { render } from './form.vue_vue&type=template&id=602d6cf6&lang.mjs';
+import script from './form.vue_vue_type_script_lang.mjs';
+export { default } from './form.vue_vue_type_script_lang.mjs';
+import { render } from './form.vue_vue_type_template_id_602d6cf6_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/form/src/form.vue";