@element-plus/nightly 0.0.20260106 → 0.0.20260108

package/lib/components/collapse/src/collapse-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div\n      :id=\"scopedHeadId\"\n      :class=\"headKls\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"scopedContentId\"\n      :aria-describedby=\"scopedContentId\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"button\"\n      @click=\"handleHeaderClick\"\n      @keydown.space.enter.stop=\"handleEnterClick\"\n      @focus=\"handleFocus\"\n      @blur=\"focusing = false\"\n    >\n      <span :class=\"itemTitleKls\">\n        <slot name=\"title\" :is-active=\"isActive\">{{ title }}</slot>\n      </span>\n      <slot name=\"icon\" :is-active=\"isActive\">\n        <el-icon :class=\"arrowKls\">\n          <component :is=\"icon\" />\n        </el-icon>\n      </slot>\n    </div>\n\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"scopedContentId\"\n        role=\"region\"\n        :class=\"itemWrapperKls\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"scopedHeadId\"\n      >\n        <div :class=\"itemContentKls\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { collapseItemProps } from './collapse-item'\nimport { useCollapseItem, useCollapseItemDOM } from './use-collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\nconst {\n  focusing,\n  id,\n  isActive,\n  handleFocus,\n  handleHeaderClick,\n  handleEnterClick,\n} = useCollapseItem(props)\n\nconst {\n  arrowKls,\n  headKls,\n  rootKls,\n  itemTitleKls,\n  itemWrapperKls,\n  itemContentKls,\n  scopedContentId,\n  scopedHeadId,\n} = useCollapseItemDOM(props, { focusing, isActive, id })\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":["useCollapseItem","useCollapseItemDOM","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","disabled","_withKeys","_withModifiers","_renderSlot","_createTextVNode","title","_createVNode","ElIcon","_createBlock","_resolveDynamicComponent","icon","ElCollapseTransition","_withCtx","_withDirectives"],"mappings":";;;;;;;;;;;;;;;;;;;;AAqDA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACR,IAAA,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,EAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,KACF,GAAIA,gCAAgB,KAAK,CAAA,CAAA;AAEnB,IAAA,MAAA;AAAA,MACJ,QAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA;AAAA,MACA,cAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,YAAA;AAAA,QACEC,kCAAmB,CAAA,KAAA,EAAO,EAAE,QAAU,EAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AAE3C,IAAA,QAAA,CAAA;AAAA,MAEX,QAAA;AAAA,KACD,CAAA,CAAA;;AA5EC,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAuCM,KAAA;AAAA,QAAA;AAAA,UAvCA,KAAK,EAAAC,kBAAA,CAAEC,SAAO,CAAA,OAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UAClBC,uBAsBM,KAAA,EAAA;AAAA,YArBH,EAAA,EAAID,UAAA,YAAA,CAAA;AAAA,YACJ,KAAK,EAAAD,kBAAA,CAAEC,SAAO,CAAA,OAAA,CAAA,CAAA;AAAA,YACd,eAAA,EAAeA,UAAA,QAAA,CAAA;AAAA,YACf,eAAA,EAAeA,UAAA,eAAA,CAAA;AAAA,YACf,kBAAA,EAAkBA,UAAA,eAAA,CAAA;AAAA,YAClB,QAAA,EAAUE,gBAAW,KAAS,CAAA,GAAA,CAAA;AAAA,YAC9B,iBAAeA,IAAAA,CAAAA,QAAAA;AAAAA,YAChB,IAAK,EAAA,QAAA;AAAA,YACJ,OAAK,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,KAAE,CAAA,GAAA,IAAA,KAAAF,SAAA,CAAA,iBAAA,CAAA,IAAAA,SAAA,CAAA,iBAAA,CAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,YACP,SAAO,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,KAAAG,YAAA,CAAAC,iBAAA;AAAA,cAAmB,CAAA,GAAA,SAAAJ,SAAA,CAAA,gBAAA,KAAAA,SAAA,CAAA,gBAAA,CAAA,CAAA,GAAA,IAAA,CAAA;AAAA,cAAgB,CAAA,MAAA,CAAA;AAAA,aAAA,EAAA,CAAA,OAAA,EAAA,OAAA,CAAA,CAAA,CAAA;AAAA,YAC1C,OAAK,EAAA,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,KAAE,CAAA,GAAA,IAAA,KAAAA,SAAA,CAAA,WAAA,CAAA,IAAAA,SAAA,CAAA,WAAA,CAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,YACP,MAAA,EAAI,sCAAE,SAAQ,KAAA,GAAA,KAAA,CAAA;AAAA,WAAA,EAAA;AAAA,YAEfC,sBAAA;AAAA,cAEO,MAAA;AAAA,cAAA;AAAA,gBAFA,KAAK,EAAAF,kBAAA,CAAEC,SAAY,CAAA,YAAA,CAAA,CAAA;AAAA,eAAA;AAAA;gBACxBK,cAAA,CAA2D,IAAvC,CAAA,MAAA,EAAA,OAAA,EAAA,EAAA,UAAWL,SAAQ,CAAA,QAAA,CAAA,EAAA,EAAvC,MAA2D;AAAA,kBAAAM,mBAAA;AAAA,wCAAfC,KAAK,KAAA,CAAA;AAAA,oBAAA,CAAA;AAAA,mBAAA;AAAA,iBAAA,CAAA;AAAA;;;YAEnDF,cAAA,CAIO,IAJY,CAAA,MAAA,EAAA,MAAA,EAAA,EAAA,UAAWL,SAAQ,CAAA,QAAA,CAAA,EAAA,EAAtC,MAIO;AAAA,cAHLQ,eAAA,CAEUR,SAAA,CAAAS,YAAA,CAAA,EAAA;AAAA,gBAFA,KAAK,EAAAV,kBAAA,CAAEC,SAAQ,CAAA,QAAA,CAAA,CAAA;AAAA,eAAA,EAAA;AAAA,qCACvB,MAAwB;AAAA,mBAAxBH,eAAA,EAAAa,eAAA,CAAwBC,2BAARC,CAAAA,IAAAA,CAAI,IAAA,CAAA,CAAA;AAAA,iBAAA,CAAA;AAAA;;;;UAK1BJ,eAayB,CAAAR,SAAA,CAAAa,4BAAA,CAAA,EAAA,IAAA,EAAA;AAAA,YAAA,OAAA,EAAAC,YAZvB,MAWM;AAAA,cAAAC,kBAAA,CAXNd,uBAWM,KAAA,EAAA;AAAA,gBATH,EAAA,EAAID,UAAA,eAAA,CAAA;AAAA,gBACL,IAAK,EAAA,QAAA;AAAA,gBACJ,KAAK,EAAAD,kBAAA,CAAEC,SAAc,CAAA,cAAA,CAAA,CAAA;AAAA,gBACrB,aAAA,EAAW,CAAGA,SAAA,CAAA,QAAA,CAAA;AAAA,gBACd,iBAAA,EAAiBA,UAAA,YAAA,CAAA;AAAA,eAAA,EAAA;AAAA,gBAElBC,sBAAA;AAAA,kBAEM,KAAA;AAAA,kBAAA;AAAA,oBAFA,KAAK,EAAAF,kBAAA,CAAEC,SAAc,CAAA,cAAA,CAAA,CAAA;AAAA,mBAAA;AAAA;oBACzBK,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,mBAAA;AAAA;;;4BARFL,SAAQ,CAAA,QAAA,CAAA,CAAA;AAAA,eAAA,CAAA;AAAA;;;;;;;;;;;;;"}
+{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description icon of the collapse item\n   */\n  icon: {\n    type: iconPropType,\n    default: ArrowRight,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\nexport type CollapseItemPropsPublic = ExtractPublicPropTypes<\n  typeof collapseItemProps\n>\n"],"names":["buildProps","definePropType","iconPropType","ArrowRight"],"mappings":";;;;;;;;AAMO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAI1C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,IACN,OAAS,EAAAC,mBAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AACZ,CAAU;;;;"}

package/lib/components/dialog/src/dialog.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var dialogContent = require('./dialog-content.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
-var teleport = require('../../teleport/src/teleport2.js');
+var teleport = require('../../teleport/src/teleport.js');
 var event = require('../../../constants/event.js');
 var types = require('../../../utils/types.js');
 

package/lib/components/divider/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var divider$1 = require('./src/divider.js');
-var divider = require('./src/divider2.js');
+var divider$1 = require('./src/divider2.js');
+var divider = require('./src/divider.js');
 var install = require('../../utils/vue/install.js');
 
 const ElDivider = install.withInstall(divider$1["default"]);

package/lib/components/divider/src/divider.js

@@ -2,52 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var divider = require('./divider2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElDivider"
+const dividerProps = runtime.buildProps({
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
   },
-  __name: "divider",
-  props: divider.dividerProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("divider");
-    const dividerStyle = vue.computed(() => {
-      return ns.cssVar({
-        "border-style": props.borderStyle
-      });
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.direction)]),
-          style: vue.normalizeStyle(dividerStyle.value),
-          role: "separator"
-        },
-        [
-          _ctx.$slots.default && _ctx.direction !== "vertical" ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass([vue.unref(ns).e("text"), vue.unref(ns).is(_ctx.contentPosition)])
-            },
-            [
-              vue.renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          )) : vue.createCommentVNode("v-if", true)
-        ],
-        6
-      );
-    };
+  contentPosition: {
+    type: String,
+    values: ["left", "center", "right"],
+    default: "center"
+  },
+  borderStyle: {
+    type: runtime.definePropType(String),
+    default: "solid"
   }
 });
-var Divider = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/divider/src/divider.vue"]]);
 
-exports["default"] = Divider;
+exports.dividerProps = dividerProps;
 //# sourceMappingURL=divider.js.map

package/lib/components/divider/src/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(direction)]\"\n    :style=\"dividerStyle\"\n    role=\"separator\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { dividerProps } from './divider'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return ns.cssVar({\n    'border-style': props.borderStyle,\n  }) as CSSProperties\n})\n</script>\n"],"names":["useNamespace","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","direction","_normalizeStyle","$slots","contentPosition","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACR,IAAA,MAAA,EAAA,GAAKA,mBAAa,SAAS,CAAA,CAAA;AAC3B,IAAA,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAO,CAAA;AAAA,QACf,gBAAgB,KAAM,CAAA,WAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;;AA9BC,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAWM,KAAA;AAAA,QAAA;AAAA,UAVH,KAAK,EAAAC,kBAAA,CAAG,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,EAAK,EAAAA,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAEC,IAAS,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,UAC9B,KAAA,EAAKC,kBAAE,CAAA,YAAA,CAAY,KAAA,CAAA;AAAA,UACpB,IAAK,EAAA,WAAA;AAAA,SAAA;AAAA;UAGGC,KAAO,MAAA,CAAA,OAAA,IAAWF,cAAS,KAAA,UAAA,IADnCJ,eAAA,EAAAC,sBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAHH,OAAKC,oBAAGC,SAAG,CAAA,EAAA,EAAA,CAAC,CAAA,MAAU,CAAA,EAAAA,SAAA,CAAA,EAAA,CAAG,CAAA,EAAA,CAAGI,IAAe,CAAA,eAAA,CAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cAE5CC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;;;;;;;;;;;"}
+{"version":3,"file":"divider.js","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  /**\n   * @description Set divider's direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Set the style of divider\n   */\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  /**\n   * @description the position of the customized content on the divider line\n   */\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\nexport type DividerPropsPublic = ExtractPublicPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider> & unknown\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAOO,MAAM,eAAeA,kBAAW,CAAA;AAAA,EAIrC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAS,EAAA,YAAA;AAAA,GACX;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAClC,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAA,EAAMC,uBAA4B,MAAM,CAAA;AAAA,IACxC,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU;;;;"}

package/lib/components/divider/src/divider2.js

@@ -2,24 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var divider = require('./divider.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const dividerProps = runtime.buildProps({
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElDivider"
   },
-  contentPosition: {
-    type: String,
-    values: ["left", "center", "right"],
-    default: "center"
-  },
-  borderStyle: {
-    type: runtime.definePropType(String),
-    default: "solid"
+  __name: "divider",
+  props: divider.dividerProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("divider");
+    const dividerStyle = vue.computed(() => {
+      return ns.cssVar({
+        "border-style": props.borderStyle
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.direction)]),
+          style: vue.normalizeStyle(dividerStyle.value),
+          role: "separator"
+        },
+        [
+          _ctx.$slots.default && _ctx.direction !== "vertical" ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).e("text"), vue.unref(ns).is(_ctx.contentPosition)])
+            },
+            [
+              vue.renderSlot(_ctx.$slots, "default")
+            ],
+            2
+          )) : vue.createCommentVNode("v-if", true)
+        ],
+        6
+      );
+    };
   }
 });
+var Divider = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/divider/src/divider.vue"]]);
 
-exports.dividerProps = dividerProps;
+exports["default"] = Divider;
 //# sourceMappingURL=divider2.js.map

package/lib/components/divider/src/divider2.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider2.js","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  /**\n   * @description Set divider's direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Set the style of divider\n   */\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  /**\n   * @description the position of the customized content on the divider line\n   */\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\nexport type DividerPropsPublic = ExtractPublicPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider> & unknown\n"],"names":["buildProps","definePropType"],"mappings":";;;;;;AAOO,MAAM,eAAeA,kBAAW,CAAA;AAAA,EAIrC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAS,EAAA,YAAA;AAAA,GACX;AAAA,EAIA,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAClC,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAA,EAAMC,uBAA4B,MAAM,CAAA;AAAA,IACxC,OAAS,EAAA,OAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"divider2.js","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(direction)]\"\n    :style=\"dividerStyle\"\n    role=\"separator\"\n  >\n    <div\n      v-if=\"$slots.default && direction !== 'vertical'\"\n      :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { dividerProps } from './divider'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElDivider',\n})\nconst props = defineProps(dividerProps)\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n  return ns.cssVar({\n    'border-style': props.borderStyle,\n  }) as CSSProperties\n})\n</script>\n"],"names":["useNamespace","computed","_openBlock","_createElementBlock","_normalizeClass","_unref","direction","_normalizeStyle","$slots","contentPosition","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AAyBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACR,IAAA,MAAA,EAAA,GAAKA,mBAAa,SAAS,CAAA,CAAA;AAC3B,IAAA,MAAA,YAAA,GAAeC,aAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAO,CAAA;AAAA,QACf,gBAAgB,KAAM,CAAA,WAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;;AA9BC,MAAA,OAAAC,eAAA,EAAAC,sBAAA;AAAA,QAWM,KAAA;AAAA,QAAA;AAAA,UAVH,KAAK,EAAAC,kBAAA,CAAG,CAAAC,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,EAAK,EAAAA,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAEC,IAAS,CAAA,SAAA,CAAA,CAAA,CAAA;AAAA,UAC9B,KAAA,EAAKC,kBAAE,CAAA,YAAA,CAAY,KAAA,CAAA;AAAA,UACpB,IAAK,EAAA,WAAA;AAAA,SAAA;AAAA;UAGGC,KAAO,MAAA,CAAA,OAAA,IAAWF,cAAS,KAAA,UAAA,IADnCJ,eAAA,EAAAC,sBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAHH,OAAKC,oBAAGC,SAAG,CAAA,EAAA,EAAA,CAAC,CAAA,MAAU,CAAA,EAAAA,SAAA,CAAA,EAAA,CAAG,CAAA,EAAA,CAAGI,IAAe,CAAA,eAAA,CAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cAE5CC,cAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;;;;;;;;;;;"}

package/lib/components/dropdown/src/dropdown-item-impl.js

@@ -102,11 +102,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onPointermove: _cache[4] || (_cache[4] = (e) => _ctx.$emit("pointermove", e)),
         onPointerleave: _cache[5] || (_cache[5] = (e) => _ctx.$emit("pointerleave", e))
       }), [
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+        _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
           default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+            ])
           ]),
-          _: 1
+          _: 3
         })) : vue.createCommentVNode("v-if", true),
         vue.renderSlot(_ctx.$slots, "default")
       ], 16, _hoisted_1)

package/lib/components/dropdown/src/dropdown-item-impl.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item-impl.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue"],"sourcesContent":["<template>\n  <li\n    v-if=\"divided\"\n    role=\"separator\"\n    :class=\"ns.bem('menu', 'item', 'divided')\"\n  />\n  <li\n    :ref=\"itemRef\"\n    v-bind=\"{ ...dataset, ...$attrs }\"\n    :aria-disabled=\"disabled\"\n    :class=\"[ns.be('menu', 'item'), ns.is('disabled', disabled)]\"\n    :tabindex=\"tabIndex\"\n    :role=\"role\"\n    @click=\"(e) => $emit('clickimpl', e)\"\n    @focus=\"handleFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n  ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport {\n  composeEventHandlers,\n  composeRefs,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click', 'clickimpl'],\n  setup(_, { emit }) {\n    const ns = useNamespace('dropdown')\n\n    const { role: menuRole } = inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const { collectionItemRef: rovingFocusCollectionItemRef } = inject(\n      ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupItemRef,\n      tabIndex,\n      handleFocus,\n      handleKeydown: handleItemKeydown,\n      handleMousedown,\n    } = inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, undefined)!\n\n    const itemRef = composeRefs(\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const role = computed<string>(() => {\n      if (menuRole.value === 'menu') {\n        return 'menuitem'\n      } else if (menuRole.value === 'navigation') {\n        return 'link'\n      }\n      return 'button'\n    })\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const code = getEventCode(e)\n\n      if (\n        [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(\n          code\n        )\n      ) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('clickimpl', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      ns,\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      role,\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","dropdownItemProps","useNamespace","inject","DROPDOWN_INJECTION_KEY","ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY","composeRefs","computed","composeEventHandlers","getEventCode","EVENT_CODE","COLLECTION_ITEM_SIGN","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_mergeProps","_createBlock","_withCtx","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"dropdown-item-impl.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue"],"sourcesContent":["<template>\n  <li\n    v-if=\"divided\"\n    role=\"separator\"\n    :class=\"ns.bem('menu', 'item', 'divided')\"\n  />\n  <li\n    :ref=\"itemRef\"\n    v-bind=\"{ ...dataset, ...$attrs }\"\n    :aria-disabled=\"disabled\"\n    :class=\"[ns.be('menu', 'item'), ns.is('disabled', disabled)]\"\n    :tabindex=\"tabIndex\"\n    :role=\"role\"\n    @click=\"(e) => $emit('clickimpl', e)\"\n    @focus=\"handleFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon || $slots.icon\">\n      <slot name=\"icon\">\n        <component :is=\"icon\" />\n      </slot>\n    </el-icon>\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n  ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport {\n  composeEventHandlers,\n  composeRefs,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click', 'clickimpl'],\n  setup(_, { emit }) {\n    const ns = useNamespace('dropdown')\n\n    const { role: menuRole } = inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const { collectionItemRef: rovingFocusCollectionItemRef } = inject(\n      ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupItemRef,\n      tabIndex,\n      handleFocus,\n      handleKeydown: handleItemKeydown,\n      handleMousedown,\n    } = inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, undefined)!\n\n    const itemRef = composeRefs(\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const role = computed<string>(() => {\n      if (menuRole.value === 'menu') {\n        return 'menuitem'\n      } else if (menuRole.value === 'navigation') {\n        return 'link'\n      }\n      return 'button'\n    })\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const code = getEventCode(e)\n\n      if (\n        [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(\n          code\n        )\n      ) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('clickimpl', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      ns,\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      role,\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","dropdownItemProps","useNamespace","inject","DROPDOWN_INJECTION_KEY","ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY","composeRefs","computed","composeEventHandlers","getEventCode","EVENT_CODE","COLLECTION_ITEM_SIGN","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_mergeProps","_createBlock","_withCtx","_renderSlot","_resolveDynamicComponent"],"mappings":"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"}

package/lib/components/dropdown/src/dropdown-item.js

@@ -93,12 +93,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onPointerleave: _ctx.handlePointerLeave,
         onPointermove: _ctx.handlePointerMove,
         onClickimpl: _ctx.handleClick
-      }), {
+      }), vue.createSlots({
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),
-        _: 3
-      }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
+        _: 2
+      }, [
+        _ctx.$slots.icon ? {
+          name: "icon",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["onPointerleave", "onPointermove", "onClickimpl"])
     ]),
     _: 3
   }, 8, ["focusable"]);

package/lib/components/dropdown/src/dropdown-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <el-roving-focus-item :focusable=\"!disabled\">\n    <el-dropdown-item-impl\n      v-bind=\"propsAndAttrs\"\n      @pointerleave=\"handlePointerLeave\"\n      @pointermove=\"handlePointerMove\"\n      @clickimpl=\"handleClick\"\n    >\n      <slot />\n    </el-dropdown-item-impl>\n  </el-roving-focus-item>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, inject } from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  inheritAttrs: false,\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit, attrs }) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n          return\n        }\n\n        const target = e.currentTarget as HTMLElement\n        /**\n         * This handles the following scenario:\n         *   when the item contains a form element such as input element\n         *   when the mouse is moving over the element itself which is contained by\n         *   the item, the default focusing logic should be prevented so that\n         *   it won't cause weird action.\n         */\n        if (\n          target === document.activeElement ||\n          target.contains(document.activeElement)\n        ) {\n          return\n        }\n\n        onItemEnter(e)\n        if (!e.defaultPrevented) {\n          target?.focus({\n            preventScroll: true,\n          })\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers((e: PointerEvent) => {\n      emit('pointerleave', e)\n      return e.defaultPrevented\n    }, whenMouse(onItemLeave))\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        if (props.disabled) {\n          return\n        }\n        emit('click', e)\n        return e.type !== 'keydown' && e.defaultPrevented\n      },\n      (e) => {\n        if (props.disabled) {\n          e.stopImmediatePropagation()\n          return\n        }\n        if (elDropdown?.hideOnClick?.value) {\n          elDropdown.handleClick?.()\n        }\n        elDropdown.commandHandler?.(props.command, _instance, e)\n      }\n    )\n\n    // direct usage of v-bind={ ...$props, ...$attrs } causes type errors\n    const propsAndAttrs = computed(() => ({ ...props, ...attrs }))\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      propsAndAttrs,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElRovingFocusItem","ElDropdownItemImpl","dropdownItemProps","useDropdown","getCurrentInstance","inject","DROPDOWN_INJECTION_KEY","composeEventHandlers","whenMouse","computed","_createBlock","_createVNode","_mergeProps","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"dropdown-item.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <el-roving-focus-item :focusable=\"!disabled\">\n    <el-dropdown-item-impl\n      v-bind=\"propsAndAttrs\"\n      @pointerleave=\"handlePointerLeave\"\n      @pointermove=\"handlePointerMove\"\n      @clickimpl=\"handleClick\"\n    >\n      <template v-if=\"$slots.icon\" #icon>\n        <slot name=\"icon\" />\n      </template>\n\n      <slot />\n    </el-dropdown-item-impl>\n  </el-roving-focus-item>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, inject } from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  inheritAttrs: false,\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit, attrs }) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n          return\n        }\n\n        const target = e.currentTarget as HTMLElement\n        /**\n         * This handles the following scenario:\n         *   when the item contains a form element such as input element\n         *   when the mouse is moving over the element itself which is contained by\n         *   the item, the default focusing logic should be prevented so that\n         *   it won't cause weird action.\n         */\n        if (\n          target === document.activeElement ||\n          target.contains(document.activeElement)\n        ) {\n          return\n        }\n\n        onItemEnter(e)\n        if (!e.defaultPrevented) {\n          target?.focus({\n            preventScroll: true,\n          })\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers((e: PointerEvent) => {\n      emit('pointerleave', e)\n      return e.defaultPrevented\n    }, whenMouse(onItemLeave))\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        if (props.disabled) {\n          return\n        }\n        emit('click', e)\n        return e.type !== 'keydown' && e.defaultPrevented\n      },\n      (e) => {\n        if (props.disabled) {\n          e.stopImmediatePropagation()\n          return\n        }\n        if (elDropdown?.hideOnClick?.value) {\n          elDropdown.handleClick?.()\n        }\n        elDropdown.commandHandler?.(props.command, _instance, e)\n      }\n    )\n\n    // direct usage of v-bind={ ...$props, ...$attrs } causes type errors\n    const propsAndAttrs = computed(() => ({ ...props, ...attrs }))\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      propsAndAttrs,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElRovingFocusItem","ElDropdownItemImpl","dropdownItemProps","useDropdown","getCurrentInstance","inject","DROPDOWN_INJECTION_KEY","composeEventHandlers","whenMouse","computed","_createBlock","_createVNode","_mergeProps","_createSlots","_renderSlot","_withCtx"],"mappings":"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"}

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

@@ -75,6 +75,10 @@ declare const __VLS_base: import("vue").DefineComponent<{
      * @description Reset current field and remove validation result.
      */
     resetField: () => void;
+    /**
+     * @description Set initial value for this field. When `resetField` is called, the field will reset to this value.
+     */
+    setInitialValue: (value: any) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly label: StringConstructor;
     readonly labelWidth: {

package/lib/components/form/src/form-item2.js

@@ -11,12 +11,12 @@ var formLabelWrap = require('./form-label-wrap.js');
 var constants = require('./constants.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index$1 = require('../../../hooks/use-id/index.js');
-var objects = require('../../../utils/objects.js');
 var useFormCommonProps = require('./hooks/use-form-common-props.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var style = require('../../../utils/dom/style.js');
 var types = require('../../../utils/types.js');
 var shared = require('@vue/shared');
+var objects = require('../../../utils/objects.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -246,6 +246,9 @@ const _sfc_main = vue.defineComponent({
     const removeInputId = (id) => {
       inputIds.value = inputIds.value.filter((listId) => listId !== id);
     };
+    const setInitialValue = (value) => {
+      initialValue = lodashUnified.clone(value);
+    };
     vue.watch(
       () => props.error,
       (val) => {
@@ -274,7 +277,8 @@ const _sfc_main = vue.defineComponent({
       resetField,
       clearValidate,
       validate,
-      propString
+      propString,
+      setInitialValue
     });
     vue.provide(constants.formItemContextKey, context);
     vue.onMounted(() => {
@@ -292,7 +296,8 @@ const _sfc_main = vue.defineComponent({
       validateState,
       validate,
       clearValidate,
-      resetField
+      resetField,
+      setInitialValue
     });
     return (_ctx, _cache) => {
       var _a;

package/lib/components/form/src/form-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item2.js","sources":["../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"formItemRef\"\n    :class=\"formItemClasses\"\n    :role=\"isGroup ? 'group' : undefined\"\n    :aria-labelledby=\"isGroup ? labelId : undefined\"\n  >\n    <form-label-wrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"formContext?.labelWidth === 'auto'\"\n    >\n      <component\n        :is=\"labelFor ? 'label' : 'div'\"\n        v-if=\"!!(label || $slots.label)\"\n        :id=\"labelId\"\n        :for=\"labelFor\"\n        :class=\"ns.e('label')\"\n        :style=\"labelStyle\"\n      >\n        <slot name=\"label\" :label=\"currentLabel\">\n          {{ currentLabel }}\n        </slot>\n      </component>\n    </form-label-wrap>\n\n    <div :class=\"ns.e('content')\" :style=\"contentStyle\">\n      <slot />\n      <transition-group :name=\"`${ns.namespace.value}-zoom-in-top`\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div :class=\"validateClasses\">\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  useSlots,\n  watch,\n} from 'vue'\nimport AsyncValidator from 'async-validator'\nimport { clone } from 'lodash-unified'\nimport { refDebounced } from '@vueuse/core'\nimport {\n  addUnit,\n  ensureArray,\n  getProp,\n  isArray,\n  isBoolean,\n  isFunction,\n} from '@element-plus/utils'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formItemProps } from './form-item'\nimport FormLabelWrap from './form-label-wrap'\nimport { formContextKey, formItemContextKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { RuleItem } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n  FormItemContext,\n  FormItemRule,\n  FormValidateFailure,\n} from './types'\nimport type { FormItemValidateState } from './form-item'\n\ndefineOptions({\n  name: 'ElFormItem',\n})\nconst props = defineProps(formItemProps)\nconst slots = useSlots()\n\nconst formContext = inject(formContextKey, undefined)\nconst parentFormItemContext = inject(formItemContextKey, undefined)\n\nconst _size = useFormSize(undefined, { formItem: false })\nconst ns = useNamespace('form-item')\n\nconst labelId = useId().value\nconst inputIds = ref<string[]>([])\n\nconst validateState = ref<FormItemValidateState>('')\nconst validateStateDebounced = refDebounced(validateState, 100)\nconst validateMessage = ref('')\nconst formItemRef = ref<HTMLDivElement>()\n// special inline value.\nlet initialValue: any = undefined\nlet isResettingField = false\n\nconst labelPosition = computed(\n  () => props.labelPosition || formContext?.labelPosition\n)\n\nconst labelStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top') {\n    return {}\n  }\n\n  const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n  return { width: labelWidth }\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top' || formContext?.inline) {\n    return {}\n  }\n  if (!props.label && !props.labelWidth && isNested) {\n    return {}\n  }\n  const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n  if (!props.label && !slots.label) {\n    return { marginLeft: labelWidth }\n  }\n  return {}\n})\n\nconst formItemClasses = computed(() => [\n  ns.b(),\n  ns.m(_size.value),\n  ns.is('error', validateState.value === 'error'),\n  ns.is('validating', validateState.value === 'validating'),\n  ns.is('success', validateState.value === 'success'),\n  ns.is('required', isRequired.value || props.required),\n  ns.is('no-asterisk', formContext?.hideRequiredAsterisk),\n  formContext?.requireAsteriskPosition === 'right'\n    ? 'asterisk-right'\n    : 'asterisk-left',\n  {\n    [ns.m('feedback')]: formContext?.statusIcon,\n    [ns.m(`label-${labelPosition.value}`)]: labelPosition.value,\n  },\n])\n\nconst _inlineMessage = computed(() =>\n  isBoolean(props.inlineMessage)\n    ? props.inlineMessage\n    : formContext?.inlineMessage || false\n)\n\nconst validateClasses = computed(() => [\n  ns.e('error'),\n  { [ns.em('error', 'inline')]: _inlineMessage.value },\n])\n\nconst propString = computed(() => {\n  if (!props.prop) return ''\n  return isArray(props.prop) ? props.prop.join('.') : props.prop\n})\n\nconst hasLabel = computed<boolean>(() => {\n  return !!(props.label || slots.label)\n})\n\nconst labelFor = computed<string | undefined>(() => {\n  return (\n    props.for ?? (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\n  )\n})\n\nconst isGroup = computed<boolean>(() => {\n  return !labelFor.value && hasLabel.value\n})\n\nconst isNested = !!parentFormItemContext\n\nconst fieldValue = computed(() => {\n  const model = formContext?.model\n  if (!model || !props.prop) {\n    return\n  }\n  return getProp(model, props.prop).value\n})\n\nconst normalizedRules = computed(() => {\n  const { required } = props\n\n  const rules: FormItemRule[] = []\n\n  if (props.rules) {\n    rules.push(...ensureArray(props.rules))\n  }\n\n  const formRules = formContext?.rules\n  if (formRules && props.prop) {\n    const _rules = getProp<Arrayable<FormItemRule> | undefined>(\n      formRules,\n      props.prop\n    ).value\n    if (_rules) {\n      rules.push(...ensureArray(_rules))\n    }\n  }\n\n  if (required !== undefined) {\n    const requiredRules = rules\n      .map((rule, i) => [rule, i] as const)\n      .filter(([rule]) => 'required' in rule)\n\n    if (requiredRules.length > 0) {\n      for (const [rule, i] of requiredRules) {\n        if (rule.required === required) continue\n        rules[i] = { ...rule, required }\n      }\n    } else {\n      rules.push({ required })\n    }\n  }\n\n  return rules\n})\n\nconst validateEnabled = computed(() => normalizedRules.value.length > 0)\n\nconst getFilteredRule = (trigger: string) => {\n  const rules = normalizedRules.value\n  return (\n    rules\n      .filter((rule) => {\n        if (!rule.trigger || !trigger) return true\n        if (isArray(rule.trigger)) {\n          return rule.trigger.includes(trigger)\n        } else {\n          return rule.trigger === trigger\n        }\n      })\n      // exclude trigger\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .map(({ trigger, ...rule }): RuleItem => rule)\n  )\n}\n\nconst isRequired = computed(() =>\n  normalizedRules.value.some((rule) => rule.required)\n)\n\nconst shouldShowError = computed(\n  () =>\n    validateStateDebounced.value === 'error' &&\n    props.showMessage &&\n    (formContext?.showMessage ?? true)\n)\n\nconst currentLabel = computed(\n  () => `${props.label || ''}${formContext?.labelSuffix || ''}`\n)\n\nconst setValidationState = (state: FormItemValidateState) => {\n  validateState.value = state\n}\n\nconst onValidationFailed = (error: FormValidateFailure) => {\n  const { errors, fields } = error\n  if (!errors || !fields) {\n    console.error(error)\n  }\n\n  setValidationState('error')\n  validateMessage.value = errors\n    ? (errors?.[0]?.message ?? `${props.prop} is required`)\n    : ''\n\n  formContext?.emit('validate', props.prop!, false, validateMessage.value)\n}\n\nconst onValidationSucceeded = () => {\n  setValidationState('success')\n  formContext?.emit('validate', props.prop!, true, '')\n}\n\nconst doValidate = async (rules: RuleItem[]): Promise<true> => {\n  const modelName = propString.value\n  const validator = new AsyncValidator({\n    [modelName]: rules,\n  })\n  return validator\n    .validate({ [modelName]: fieldValue.value }, { firstFields: true })\n    .then(() => {\n      onValidationSucceeded()\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      onValidationFailed(err)\n      return Promise.reject(err)\n    })\n}\n\nconst validate: FormItemContext['validate'] = async (trigger, callback) => {\n  // skip validation if its resetting\n  if (isResettingField || !props.prop) {\n    return false\n  }\n\n  const hasCallback = isFunction(callback)\n  if (!validateEnabled.value) {\n    callback?.(false)\n    return false\n  }\n\n  const rules = getFilteredRule(trigger)\n  if (rules.length === 0) {\n    callback?.(true)\n    return true\n  }\n\n  setValidationState('validating')\n\n  return doValidate(rules)\n    .then(() => {\n      callback?.(true)\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      const { fields } = err\n      callback?.(false, fields)\n      return hasCallback ? false : Promise.reject(fields)\n    })\n}\n\nconst clearValidate: FormItemContext['clearValidate'] = () => {\n  setValidationState('')\n  validateMessage.value = ''\n  isResettingField = false\n}\n\nconst resetField: FormItemContext['resetField'] = async () => {\n  const model = formContext?.model\n  if (!model || !props.prop) return\n\n  const computedValue = getProp(model, props.prop)\n\n  // prevent validation from being triggered\n  isResettingField = true\n\n  computedValue.value = clone(initialValue)\n\n  await nextTick()\n  clearValidate()\n\n  isResettingField = false\n}\n\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\n  if (!inputIds.value.includes(id)) {\n    inputIds.value.push(id)\n  }\n}\n\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\n  inputIds.value = inputIds.value.filter((listId) => listId !== id)\n}\n\nwatch(\n  () => props.error,\n  (val) => {\n    validateMessage.value = val || ''\n    setValidationState(val ? 'error' : '')\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.validateStatus,\n  (val) => setValidationState(val || '')\n)\n\nconst context: FormItemContext = reactive({\n  ...toRefs(props),\n  $el: formItemRef,\n  size: _size,\n  validateMessage,\n  validateState,\n  labelId,\n  inputIds,\n  isGroup,\n  hasLabel,\n  fieldValue,\n  addInputId,\n  removeInputId,\n  resetField,\n  clearValidate,\n  validate,\n  propString,\n})\n\nprovide(formItemContextKey, context)\n\nonMounted(() => {\n  if (props.prop) {\n    formContext?.addField(context)\n    initialValue = clone(fieldValue.value)\n  }\n})\n\nonBeforeUnmount(() => {\n  formContext?.removeField(context)\n})\n\ndefineExpose({\n  /**\n   * @description Form item size.\n   */\n  size: _size,\n  /**\n   * @description Validation message.\n   */\n  validateMessage,\n  /**\n   * @description Validation state.\n   */\n  validateState,\n  /**\n   * @description Validate form item.\n   */\n  validate,\n  /**\n   * @description Remove validation status of the field.\n   */\n  clearValidate,\n  /**\n   * @description Reset current field and remove validation result.\n   */\n  resetField,\n})\n</script>\n"],"names":["useSlots","inject","formContextKey","formItemContextKey","useFormSize","useNamespace","useId","ref","refDebounced","computed","addUnit","isBoolean","isArray","getProp","ensureArray","trigger","AsyncValidator","isFunction","clone","nextTick","watch","reactive","toRefs","provide","onMounted","onBeforeUnmount","_createElementBlock","_normalizeClass","_unref","_createVNode","FormLabelWrap","label","$slots","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeStyle","_renderSlot","_createTextVNode","_createElementVNode","_TransitionGroup","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"form-item2.js","sources":["../../../../../../packages/components/form/src/form-item.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"formItemRef\"\n    :class=\"formItemClasses\"\n    :role=\"isGroup ? 'group' : undefined\"\n    :aria-labelledby=\"isGroup ? labelId : undefined\"\n  >\n    <form-label-wrap\n      :is-auto-width=\"labelStyle.width === 'auto'\"\n      :update-all=\"formContext?.labelWidth === 'auto'\"\n    >\n      <component\n        :is=\"labelFor ? 'label' : 'div'\"\n        v-if=\"!!(label || $slots.label)\"\n        :id=\"labelId\"\n        :for=\"labelFor\"\n        :class=\"ns.e('label')\"\n        :style=\"labelStyle\"\n      >\n        <slot name=\"label\" :label=\"currentLabel\">\n          {{ currentLabel }}\n        </slot>\n      </component>\n    </form-label-wrap>\n\n    <div :class=\"ns.e('content')\" :style=\"contentStyle\">\n      <slot />\n      <transition-group :name=\"`${ns.namespace.value}-zoom-in-top`\">\n        <slot v-if=\"shouldShowError\" name=\"error\" :error=\"validateMessage\">\n          <div :class=\"validateClasses\">\n            {{ validateMessage }}\n          </div>\n        </slot>\n      </transition-group>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  toRefs,\n  useSlots,\n  watch,\n} from 'vue'\nimport AsyncValidator from 'async-validator'\nimport { clone } from 'lodash-unified'\nimport { refDebounced } from '@vueuse/core'\nimport {\n  addUnit,\n  ensureArray,\n  getProp,\n  isArray,\n  isBoolean,\n  isFunction,\n} from '@element-plus/utils'\nimport { useId, useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formItemProps } from './form-item'\nimport FormLabelWrap from './form-label-wrap'\nimport { formContextKey, formItemContextKey } from './constants'\n\nimport type { CSSProperties } from 'vue'\nimport type { RuleItem } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n  FormItemContext,\n  FormItemRule,\n  FormValidateFailure,\n} from './types'\nimport type { FormItemValidateState } from './form-item'\n\ndefineOptions({\n  name: 'ElFormItem',\n})\nconst props = defineProps(formItemProps)\nconst slots = useSlots()\n\nconst formContext = inject(formContextKey, undefined)\nconst parentFormItemContext = inject(formItemContextKey, undefined)\n\nconst _size = useFormSize(undefined, { formItem: false })\nconst ns = useNamespace('form-item')\n\nconst labelId = useId().value\nconst inputIds = ref<string[]>([])\n\nconst validateState = ref<FormItemValidateState>('')\nconst validateStateDebounced = refDebounced(validateState, 100)\nconst validateMessage = ref('')\nconst formItemRef = ref<HTMLDivElement>()\n// special inline value.\nlet initialValue: any = undefined\nlet isResettingField = false\n\nconst labelPosition = computed(\n  () => props.labelPosition || formContext?.labelPosition\n)\n\nconst labelStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top') {\n    return {}\n  }\n\n  const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n  return { width: labelWidth }\n})\n\nconst contentStyle = computed<CSSProperties>(() => {\n  if (labelPosition.value === 'top' || formContext?.inline) {\n    return {}\n  }\n  if (!props.label && !props.labelWidth && isNested) {\n    return {}\n  }\n  const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth)\n  if (!props.label && !slots.label) {\n    return { marginLeft: labelWidth }\n  }\n  return {}\n})\n\nconst formItemClasses = computed(() => [\n  ns.b(),\n  ns.m(_size.value),\n  ns.is('error', validateState.value === 'error'),\n  ns.is('validating', validateState.value === 'validating'),\n  ns.is('success', validateState.value === 'success'),\n  ns.is('required', isRequired.value || props.required),\n  ns.is('no-asterisk', formContext?.hideRequiredAsterisk),\n  formContext?.requireAsteriskPosition === 'right'\n    ? 'asterisk-right'\n    : 'asterisk-left',\n  {\n    [ns.m('feedback')]: formContext?.statusIcon,\n    [ns.m(`label-${labelPosition.value}`)]: labelPosition.value,\n  },\n])\n\nconst _inlineMessage = computed(() =>\n  isBoolean(props.inlineMessage)\n    ? props.inlineMessage\n    : formContext?.inlineMessage || false\n)\n\nconst validateClasses = computed(() => [\n  ns.e('error'),\n  { [ns.em('error', 'inline')]: _inlineMessage.value },\n])\n\nconst propString = computed(() => {\n  if (!props.prop) return ''\n  return isArray(props.prop) ? props.prop.join('.') : props.prop\n})\n\nconst hasLabel = computed<boolean>(() => {\n  return !!(props.label || slots.label)\n})\n\nconst labelFor = computed<string | undefined>(() => {\n  return (\n    props.for ?? (inputIds.value.length === 1 ? inputIds.value[0] : undefined)\n  )\n})\n\nconst isGroup = computed<boolean>(() => {\n  return !labelFor.value && hasLabel.value\n})\n\nconst isNested = !!parentFormItemContext\n\nconst fieldValue = computed(() => {\n  const model = formContext?.model\n  if (!model || !props.prop) {\n    return\n  }\n  return getProp(model, props.prop).value\n})\n\nconst normalizedRules = computed(() => {\n  const { required } = props\n\n  const rules: FormItemRule[] = []\n\n  if (props.rules) {\n    rules.push(...ensureArray(props.rules))\n  }\n\n  const formRules = formContext?.rules\n  if (formRules && props.prop) {\n    const _rules = getProp<Arrayable<FormItemRule> | undefined>(\n      formRules,\n      props.prop\n    ).value\n    if (_rules) {\n      rules.push(...ensureArray(_rules))\n    }\n  }\n\n  if (required !== undefined) {\n    const requiredRules = rules\n      .map((rule, i) => [rule, i] as const)\n      .filter(([rule]) => 'required' in rule)\n\n    if (requiredRules.length > 0) {\n      for (const [rule, i] of requiredRules) {\n        if (rule.required === required) continue\n        rules[i] = { ...rule, required }\n      }\n    } else {\n      rules.push({ required })\n    }\n  }\n\n  return rules\n})\n\nconst validateEnabled = computed(() => normalizedRules.value.length > 0)\n\nconst getFilteredRule = (trigger: string) => {\n  const rules = normalizedRules.value\n  return (\n    rules\n      .filter((rule) => {\n        if (!rule.trigger || !trigger) return true\n        if (isArray(rule.trigger)) {\n          return rule.trigger.includes(trigger)\n        } else {\n          return rule.trigger === trigger\n        }\n      })\n      // exclude trigger\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .map(({ trigger, ...rule }): RuleItem => rule)\n  )\n}\n\nconst isRequired = computed(() =>\n  normalizedRules.value.some((rule) => rule.required)\n)\n\nconst shouldShowError = computed(\n  () =>\n    validateStateDebounced.value === 'error' &&\n    props.showMessage &&\n    (formContext?.showMessage ?? true)\n)\n\nconst currentLabel = computed(\n  () => `${props.label || ''}${formContext?.labelSuffix || ''}`\n)\n\nconst setValidationState = (state: FormItemValidateState) => {\n  validateState.value = state\n}\n\nconst onValidationFailed = (error: FormValidateFailure) => {\n  const { errors, fields } = error\n  if (!errors || !fields) {\n    console.error(error)\n  }\n\n  setValidationState('error')\n  validateMessage.value = errors\n    ? (errors?.[0]?.message ?? `${props.prop} is required`)\n    : ''\n\n  formContext?.emit('validate', props.prop!, false, validateMessage.value)\n}\n\nconst onValidationSucceeded = () => {\n  setValidationState('success')\n  formContext?.emit('validate', props.prop!, true, '')\n}\n\nconst doValidate = async (rules: RuleItem[]): Promise<true> => {\n  const modelName = propString.value\n  const validator = new AsyncValidator({\n    [modelName]: rules,\n  })\n  return validator\n    .validate({ [modelName]: fieldValue.value }, { firstFields: true })\n    .then(() => {\n      onValidationSucceeded()\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      onValidationFailed(err)\n      return Promise.reject(err)\n    })\n}\n\nconst validate: FormItemContext['validate'] = async (trigger, callback) => {\n  // skip validation if its resetting\n  if (isResettingField || !props.prop) {\n    return false\n  }\n\n  const hasCallback = isFunction(callback)\n  if (!validateEnabled.value) {\n    callback?.(false)\n    return false\n  }\n\n  const rules = getFilteredRule(trigger)\n  if (rules.length === 0) {\n    callback?.(true)\n    return true\n  }\n\n  setValidationState('validating')\n\n  return doValidate(rules)\n    .then(() => {\n      callback?.(true)\n      return true as const\n    })\n    .catch((err: FormValidateFailure) => {\n      const { fields } = err\n      callback?.(false, fields)\n      return hasCallback ? false : Promise.reject(fields)\n    })\n}\n\nconst clearValidate: FormItemContext['clearValidate'] = () => {\n  setValidationState('')\n  validateMessage.value = ''\n  isResettingField = false\n}\n\nconst resetField: FormItemContext['resetField'] = async () => {\n  const model = formContext?.model\n  if (!model || !props.prop) return\n\n  const computedValue = getProp(model, props.prop)\n\n  // prevent validation from being triggered\n  isResettingField = true\n\n  computedValue.value = clone(initialValue)\n\n  await nextTick()\n  clearValidate()\n\n  isResettingField = false\n}\n\nconst addInputId: FormItemContext['addInputId'] = (id: string) => {\n  if (!inputIds.value.includes(id)) {\n    inputIds.value.push(id)\n  }\n}\n\nconst removeInputId: FormItemContext['removeInputId'] = (id: string) => {\n  inputIds.value = inputIds.value.filter((listId) => listId !== id)\n}\n\nconst setInitialValue: FormItemContext['setInitialValue'] = (value: any) => {\n  initialValue = clone(value)\n}\n\nwatch(\n  () => props.error,\n  (val) => {\n    validateMessage.value = val || ''\n    setValidationState(val ? 'error' : '')\n  },\n  { immediate: true }\n)\n\nwatch(\n  () => props.validateStatus,\n  (val) => setValidationState(val || '')\n)\n\nconst context: FormItemContext = reactive({\n  ...toRefs(props),\n  $el: formItemRef,\n  size: _size,\n  validateMessage,\n  validateState,\n  labelId,\n  inputIds,\n  isGroup,\n  hasLabel,\n  fieldValue,\n  addInputId,\n  removeInputId,\n  resetField,\n  clearValidate,\n  validate,\n  propString,\n  setInitialValue,\n})\n\nprovide(formItemContextKey, context)\n\nonMounted(() => {\n  if (props.prop) {\n    formContext?.addField(context)\n    initialValue = clone(fieldValue.value)\n  }\n})\n\nonBeforeUnmount(() => {\n  formContext?.removeField(context)\n})\n\ndefineExpose({\n  /**\n   * @description Form item size.\n   */\n  size: _size,\n  /**\n   * @description Validation message.\n   */\n  validateMessage,\n  /**\n   * @description Validation state.\n   */\n  validateState,\n  /**\n   * @description Validate form item.\n   */\n  validate,\n  /**\n   * @description Remove validation status of the field.\n   */\n  clearValidate,\n  /**\n   * @description Reset current field and remove validation result.\n   */\n  resetField,\n  /**\n   * @description Set initial value for this field. When `resetField` is called, the field will reset to this value.\n   */\n  setInitialValue,\n})\n</script>\n"],"names":["useSlots","inject","formContextKey","formItemContextKey","useFormSize","useNamespace","useId","ref","refDebounced","computed","addUnit","isBoolean","isArray","getProp","ensureArray","trigger","AsyncValidator","isFunction","clone","nextTick","watch","reactive","toRefs","provide","onMounted","onBeforeUnmount","_createElementBlock","_normalizeClass","_unref","_createVNode","FormLabelWrap","label","$slots","_openBlock","_createBlock","_resolveDynamicComponent","_normalizeStyle","_renderSlot","_createTextVNode","_createElementVNode","_TransitionGroup","_createCommentVNode"],"mappings":"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"}

package/lib/components/form/src/form.vue.d.ts

@@ -61,6 +61,10 @@ declare const __VLS_base: import("vue").DefineComponent<{
      * @description All fields context.
      */
     fields: import("vue").Reactive<FormItemContext[]>;
+    /**
+     * @description Set initial values for form fields. When `resetFields` is called, fields will reset to these values. Only fields present in `initModel` will be updated.
+     */
+    setInitialValues: (initModel: Record<string, any>) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     validate: (prop: FormItemProp, isValid: boolean, message: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/components/form/src/form2.js

@@ -3,11 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var lodashUnified = require('lodash-unified');
 var constants = require('./constants.js');
 var form = require('./form.js');
 var utils = require('./utils.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var useFormCommonProps = require('./hooks/use-form-common-props.js');
+var objects = require('../../../utils/objects.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var error = require('../../../utils/error.js');
 var shared = require('@vue/shared');
@@ -49,6 +51,27 @@ const _sfc_main = vue.defineComponent({
         fields.splice(fields.indexOf(field), 1);
       }
     };
+    const setInitialValues = (initModel) => {
+      if (!props.model) {
+        error.debugWarn(COMPONENT_NAME, "model is required for setInitialValues to work.");
+        return;
+      }
+      if (!initModel) {
+        error.debugWarn(
+          COMPONENT_NAME,
+          "initModel is required for setInitialValues to work."
+        );
+        return;
+      }
+      fields.forEach((field) => {
+        if (field.prop) {
+          if (lodashUnified.has(initModel, field.prop)) {
+            const initValue = objects.getProp(initModel, field.prop).value;
+            field.setInitialValue(initValue);
+          }
+        }
+      });
+    };
     const resetFields = (properties = []) => {
       if (!props.model) {
         error.debugWarn(COMPONENT_NAME, "model is required for resetFields to work.");
@@ -150,6 +173,7 @@ const _sfc_main = vue.defineComponent({
         getField,
         addField,
         removeField,
+        setInitialValues,
         ...utils.useFormLabelWidth()
       })
     );
@@ -160,7 +184,8 @@ const _sfc_main = vue.defineComponent({
       clearValidate,
       scrollToField,
       getField,
-      fields
+      fields,
+      setInitialValues
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(