@element-plus/nightly 0.0.20260119 → 0.0.20260121

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

@@ -1,5 +1,20 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
+import type { ComponentSize } from '@element-plus/nightly/es/constants';
 import type { FormItemProp } from './form-item';
+import type { FormRules } from './types';
+export interface FormMetaProps {
+    /**
+     * @description Control the size of components in this form.
+     */
+    size?: ComponentSize;
+    /**
+     * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.
+     */
+    disabled?: boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `FormMetaProps` instead.
+ */
 export declare const formMetaProps: {
     readonly size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
@@ -9,6 +24,67 @@ export declare const formMetaProps: {
     };
     readonly disabled: BooleanConstructor;
 };
+export interface FormProps extends FormMetaProps {
+    /**
+     * @description Data of form component.
+     */
+    model?: Record<string, any>;
+    /**
+     * @description Validation rules of form.
+     */
+    rules?: FormRules;
+    /**
+     * @description Position of label. If set to `'left'` or `'right'`, `label-width` prop is also required.
+     */
+    labelPosition?: 'left' | 'right' | 'top';
+    /**
+     * @description Position of asterisk.
+     */
+    requireAsteriskPosition?: 'left' | 'right';
+    /**
+     * @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported.
+     */
+    labelWidth?: string | number;
+    /**
+     * @description Suffix of the label.
+     */
+    labelSuffix?: string;
+    /**
+     * @description Whether the form is inline.
+     */
+    inline?: boolean;
+    /**
+     * @description Whether to display the error message inline with the form item.
+     */
+    inlineMessage?: boolean;
+    /**
+     * @description Whether to display an icon indicating the validation result.
+     */
+    statusIcon?: boolean;
+    /**
+     * @description Whether to show the error message.
+     */
+    showMessage?: boolean;
+    /**
+     * @description Whether to trigger validation when the `rules` prop is changed.
+     */
+    validateOnRuleChange?: boolean;
+    /**
+     * @description Whether to hide required fields should have a red asterisk (star) beside their labels.
+     */
+    hideRequiredAsterisk?: boolean;
+    /**
+     * @description When validation fails, scroll to the first error form entry.
+     */
+    scrollToError?: boolean;
+    /**
+     * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.
+     */
+    scrollIntoViewOptions?: ScrollIntoViewOptions | boolean;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `FormProps` instead.
+ */
 export declare const formProps: {
     readonly model: ObjectConstructor;
     readonly rules: {
@@ -37,9 +113,13 @@ export declare const formProps: {
     };
     readonly disabled: BooleanConstructor;
 };
-export type FormProps = ExtractPropTypes<typeof formProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `FormProps` instead.
+ */
 export type FormPropsPublic = ExtractPublicPropTypes<typeof formProps>;
-export type FormMetaProps = ExtractPropTypes<typeof formMetaProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `FormMetaProps` instead.
+ */
 export type FormMetaPropsPublic = ExtractPublicPropTypes<typeof formMetaProps>;
 export declare const formEmits: {
     validate: (prop: FormItemProp, isValid: boolean, message: string) => boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-plus/constants'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isBoolean,\n  isString,\n} from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { FormItemProp } from './form-item'\nimport type { FormRules } from './types'\n\nexport const formMetaProps = buildProps({\n  /**\n   * @description Control the size of components in this form.\n   */\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  /**\n   * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.\n   */\n  disabled: Boolean,\n} as const)\n\nexport const formProps = buildProps({\n  ...formMetaProps,\n  /**\n   * @description Data of form component.\n   */\n  model: Object,\n  /**\n   * @description Validation rules of form.\n   */\n  rules: {\n    type: definePropType<FormRules>(Object),\n  },\n  /**\n   * @description Position of label. If set to `'left'` or `'right'`, `label-width` prop is also required.\n   */\n  labelPosition: {\n    type: String,\n    values: ['left', 'right', 'top'],\n    default: 'right',\n  },\n  /**\n   * @description Position of asterisk.\n   */\n  requireAsteriskPosition: {\n    type: String,\n    values: ['left', 'right'],\n    default: 'left',\n  },\n  /**\n   * @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported.\n   */\n  labelWidth: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description Suffix of the label.\n   */\n  labelSuffix: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description Whether the form is inline.\n   */\n  inline: Boolean,\n  /**\n   * @description Whether to display the error message inline with the form item.\n   */\n  inlineMessage: Boolean,\n  /**\n   * @description Whether to display an icon indicating the validation result.\n   */\n  statusIcon: Boolean,\n  /**\n   * @description Whether to show the error message.\n   */\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Whether to trigger validation when the `rules` prop is changed.\n   */\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Whether to hide required fields should have a red asterisk (star) beside their labels.\n   */\n  hideRequiredAsterisk: Boolean,\n  /**\n   * @description When validation fails, scroll to the first error form entry.\n   */\n  scrollToError: Boolean,\n  /**\n   * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<ScrollIntoViewOptions | boolean>([Object, Boolean]),\n    default: true,\n  },\n} as const)\nexport type FormProps = ExtractPropTypes<typeof formProps>\nexport type FormPropsPublic = ExtractPublicPropTypes<typeof formProps>\n\nexport type FormMetaProps = ExtractPropTypes<typeof formMetaProps>\nexport type FormMetaPropsPublic = ExtractPublicPropTypes<typeof formMetaProps>\n\nexport const formEmits = {\n  validate: (prop: FormItemProp, isValid: boolean, message: string) =>\n    (isArray(prop) || isString(prop)) &&\n    isBoolean(isValid) &&\n    isString(message),\n}\nexport type FormEmits = typeof formEmits\n"],"names":[],"mappings":";;;;;AAaO,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AACZ,CAAU;AAEH,MAAM,YAAY,UAAA,CAAW;AAAA,EAClC,GAAG,aAAA;AAAA;AAAA;AAAA;AAAA,EAIH,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAA0B,MAAM;AAAA,GACxC;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,MAAA,EAAQ,OAAA,EAAS,KAAK,CAAA;AAAA,IAC/B,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,uBAAA,EAAyB;AAAA,IACvB,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,IACxB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,aAAA,EAAe,OAAA;AAAA;AAAA;AAAA;AAAA,EAIf,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,oBAAA,EAAsB;AAAA,IACpB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,oBAAA,EAAsB,OAAA;AAAA;AAAA;AAAA;AAAA,EAItB,aAAA,EAAe,OAAA;AAAA;AAAA;AAAA;AAAA,EAIf,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,cAAA,CAAgD,CAAC,MAAA,EAAQ,OAAO,CAAC,CAAA;AAAA,IACvE,OAAA,EAAS;AAAA;AAEb,CAAU;AAOH,MAAM,SAAA,GAAY;AAAA,EACvB,QAAA,EAAU,CAAC,IAAA,EAAoB,OAAA,EAAkB,aAC9C,OAAA,CAAQ,IAAI,CAAA,IAAK,QAAA,CAAS,IAAI,CAAA,KAC/B,SAAA,CAAU,OAAO,CAAA,IACjB,SAAS,OAAO;AACpB;;;;"}
+{"version":3,"file":"form.mjs","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-plus/constants'\nimport {\n  buildProps,\n  definePropType,\n  isArray,\n  isBoolean,\n  isString,\n} from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { FormItemProp } from './form-item'\nimport type { FormRules } from './types'\n\nexport interface FormMetaProps {\n  /**\n   * @description Control the size of components in this form.\n   */\n  size?: ComponentSize\n  /**\n   * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.\n   */\n  disabled?: boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormMetaProps` instead.\n */\nexport const formMetaProps = buildProps({\n  /**\n   * @description Control the size of components in this form.\n   */\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  /**\n   * @description Whether to disable all components in this form. If set to `true`, it will override the `disabled` prop of the inner component.\n   */\n  disabled: Boolean,\n} as const)\n\nexport interface FormProps extends FormMetaProps {\n  /**\n   * @description Data of form component.\n   */\n  model?: Record<string, any>\n  /**\n   * @description Validation rules of form.\n   */\n  rules?: FormRules\n  /**\n   * @description Position of label. If set to `'left'` or `'right'`, `label-width` prop is also required.\n   */\n  labelPosition?: 'left' | 'right' | 'top'\n  /**\n   * @description Position of asterisk.\n   */\n  requireAsteriskPosition?: 'left' | 'right'\n  /**\n   * @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported.\n   */\n  labelWidth?: string | number\n  /**\n   * @description Suffix of the label.\n   */\n  labelSuffix?: string\n  /**\n   * @description Whether the form is inline.\n   */\n  inline?: boolean\n  /**\n   * @description Whether to display the error message inline with the form item.\n   */\n  inlineMessage?: boolean\n  /**\n   * @description Whether to display an icon indicating the validation result.\n   */\n  statusIcon?: boolean\n  /**\n   * @description Whether to show the error message.\n   */\n  showMessage?: boolean\n  /**\n   * @description Whether to trigger validation when the `rules` prop is changed.\n   */\n  validateOnRuleChange?: boolean\n  /**\n   * @description Whether to hide required fields should have a red asterisk (star) beside their labels.\n   */\n  hideRequiredAsterisk?: boolean\n  /**\n   * @description When validation fails, scroll to the first error form entry.\n   */\n  scrollToError?: boolean\n  /**\n   * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.\n   */\n  scrollIntoViewOptions?: ScrollIntoViewOptions | boolean\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormProps` instead.\n */\nexport const formProps = buildProps({\n  ...formMetaProps,\n  /**\n   * @description Data of form component.\n   */\n  model: Object,\n  /**\n   * @description Validation rules of form.\n   */\n  rules: {\n    type: definePropType<FormRules>(Object),\n  },\n  /**\n   * @description Position of label. If set to `'left'` or `'right'`, `label-width` prop is also required.\n   */\n  labelPosition: {\n    type: String,\n    values: ['left', 'right', 'top'],\n    default: 'right',\n  },\n  /**\n   * @description Position of asterisk.\n   */\n  requireAsteriskPosition: {\n    type: String,\n    values: ['left', 'right'],\n    default: 'left',\n  },\n  /**\n   * @description Width of label, e.g. `'50px'`. All its direct child form items will inherit this value. `auto` is supported.\n   */\n  labelWidth: {\n    type: [String, Number],\n    default: '',\n  },\n  /**\n   * @description Suffix of the label.\n   */\n  labelSuffix: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description Whether the form is inline.\n   */\n  inline: Boolean,\n  /**\n   * @description Whether to display the error message inline with the form item.\n   */\n  inlineMessage: Boolean,\n  /**\n   * @description Whether to display an icon indicating the validation result.\n   */\n  statusIcon: Boolean,\n  /**\n   * @description Whether to show the error message.\n   */\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Whether to trigger validation when the `rules` prop is changed.\n   */\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description Whether to hide required fields should have a red asterisk (star) beside their labels.\n   */\n  hideRequiredAsterisk: Boolean,\n  /**\n   * @description When validation fails, scroll to the first error form entry.\n   */\n  scrollToError: Boolean,\n  /**\n   * @description When validation fails, it scrolls to the first error item based on the scrollIntoView option.\n   */\n  scrollIntoViewOptions: {\n    type: definePropType<ScrollIntoViewOptions | boolean>([Object, Boolean]),\n    default: true,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormProps` instead.\n */\nexport type FormPropsPublic = ExtractPublicPropTypes<typeof formProps>\n\n/**\n * @deprecated Removed after 3.0.0, Use `FormMetaProps` instead.\n */\nexport type FormMetaPropsPublic = ExtractPublicPropTypes<typeof formMetaProps>\n\nexport const formEmits = {\n  validate: (prop: FormItemProp, isValid: boolean, message: string) =>\n    (isArray(prop) || isString(prop)) &&\n    isBoolean(isValid) &&\n    isString(message),\n}\nexport type FormEmits = typeof formEmits\n"],"names":[],"mappings":";;;;;AA4BO,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ;AAAA,GACV;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AACZ,CAAU;AAgEH,MAAM,YAAY,UAAA,CAAW;AAAA,EAClC,GAAG,aAAA;AAAA;AAAA;AAAA;AAAA,EAIH,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAA0B,MAAM;AAAA,GACxC;AAAA;AAAA;AAAA;AAAA,EAIA,aAAA,EAAe;AAAA,IACb,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,MAAA,EAAQ,OAAA,EAAS,KAAK,CAAA;AAAA,IAC/B,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,uBAAA,EAAyB;AAAA,IACvB,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,MAAA,EAAQ,OAAO,CAAA;AAAA,IACxB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,IACrB,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,aAAA,EAAe,OAAA;AAAA;AAAA;AAAA;AAAA,EAIf,UAAA,EAAY,OAAA;AAAA;AAAA;AAAA;AAAA,EAIZ,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,oBAAA,EAAsB;AAAA,IACpB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,oBAAA,EAAsB,OAAA;AAAA;AAAA;AAAA;AAAA,EAItB,aAAA,EAAe,OAAA;AAAA;AAAA;AAAA;AAAA,EAIf,qBAAA,EAAuB;AAAA,IACrB,IAAA,EAAM,cAAA,CAAgD,CAAC,MAAA,EAAQ,OAAO,CAAC,CAAA;AAAA,IACvE,OAAA,EAAS;AAAA;AAEb,CAAU;AAYH,MAAM,SAAA,GAAY;AAAA,EACvB,QAAA,EAAU,CAAC,IAAA,EAAoB,OAAA,EAAkB,aAC9C,OAAA,CAAQ,IAAI,CAAA,IAAK,QAAA,CAAS,IAAI,CAAA,KAC/B,SAAA,CAAU,OAAO,CAAA,IACjB,SAAS,OAAO;AACpB;;;;"}

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

@@ -1,38 +1,20 @@
 import type { Arrayable } from '@element-plus/nightly/es/utils';
+import type { FormProps } from './form';
 import type { FormItemContext, FormValidateCallback, FormValidationResult } from './types';
 import type { FormItemProp } from './form-item';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly model: ObjectConstructor;
-    readonly rules: {
-        readonly type: import("vue").PropType<Partial<Record<string, Arrayable<import("./types").FormItemRule>>>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly labelPosition: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
-    readonly requireAsteriskPosition: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-    readonly labelWidth: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    readonly labelSuffix: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly inline: BooleanConstructor;
-    readonly inlineMessage: BooleanConstructor;
-    readonly statusIcon: BooleanConstructor;
-    readonly showMessage: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly validateOnRuleChange: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly hideRequiredAsterisk: BooleanConstructor;
-    readonly scrollToError: BooleanConstructor;
-    readonly scrollIntoViewOptions: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown, true, boolean>;
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<FormProps>, {
+    labelPosition: string;
+    requireAsteriskPosition: string;
+    labelWidth: string;
+    labelSuffix: string;
+    showMessage: boolean;
+    validateOnRuleChange: boolean;
+    scrollIntoViewOptions: boolean;
+}>, {
     /**
      * @description Validate the whole form. Receives a callback or returns `Promise`.
      */
@@ -67,55 +49,46 @@ declare const __VLS_base: import("vue").DefineComponent<{
     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<{
-    readonly model: ObjectConstructor;
-    readonly rules: {
-        readonly type: import("vue").PropType<Partial<Record<string, Arrayable<import("./types").FormItemRule>>>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly labelPosition: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
-    readonly requireAsteriskPosition: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
-    readonly labelWidth: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    readonly labelSuffix: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly inline: BooleanConstructor;
-    readonly inlineMessage: BooleanConstructor;
-    readonly statusIcon: BooleanConstructor;
-    readonly showMessage: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly validateOnRuleChange: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly hideRequiredAsterisk: BooleanConstructor;
-    readonly scrollToError: BooleanConstructor;
-    readonly scrollIntoViewOptions: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown, true, boolean>;
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: BooleanConstructor;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<FormProps>, {
+    labelPosition: string;
+    requireAsteriskPosition: string;
+    labelWidth: string;
+    labelSuffix: string;
+    showMessage: boolean;
+    validateOnRuleChange: boolean;
+    scrollIntoViewOptions: boolean;
+}>>> & {
     onValidate?: ((prop: FormItemProp, isValid: boolean, message: string) => any) | undefined;
 }, {
-    readonly disabled: boolean;
-    readonly inline: boolean;
-    readonly labelWidth: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly labelPosition: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
-    readonly inlineMessage: boolean;
-    readonly showMessage: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly requireAsteriskPosition: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "left" | "right", unknown>;
-    readonly labelSuffix: string;
-    readonly validateOnRuleChange: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly scrollIntoViewOptions: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions) | ((new (...args: any[]) => boolean | ScrollIntoViewOptions) | (() => boolean | ScrollIntoViewOptions))[], unknown, unknown>;
-    readonly statusIcon: boolean;
-    readonly hideRequiredAsterisk: boolean;
-    readonly scrollToError: boolean;
+    labelWidth: string | number;
+    labelPosition: "left" | "right" | "top";
+    showMessage: boolean;
+    requireAsteriskPosition: "left" | "right";
+    labelSuffix: string;
+    validateOnRuleChange: boolean;
+    scrollIntoViewOptions: ScrollIntoViewOptions | boolean;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -1,7 +1,7 @@
 import { defineComponent, ref, reactive, computed, watch, provide, toRefs, createElementBlock, openBlock, normalizeClass, renderSlot } from 'vue';
 import { has } from 'lodash-unified';
 import { formContextKey } from './constants.mjs';
-import { formEmits, formProps } from './form.mjs';
+import { formEmits } from './form.mjs';
 import { useFormLabelWidth, filterFields } from './utils.mjs';
 import { useFormSize } from './hooks/use-form-common-props.mjs';
 import { getProp } from '../../../utils/objects.mjs';
@@ -15,7 +15,24 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: COMPONENT_NAME
   },
   __name: "form",
-  props: formProps,
+  props: {
+    model: { type: Object, required: false },
+    rules: { type: null, required: false },
+    labelPosition: { type: String, required: false, default: "right" },
+    requireAsteriskPosition: { type: String, required: false, default: "left" },
+    labelWidth: { type: [String, Number], required: false, default: "" },
+    labelSuffix: { type: String, required: false, default: "" },
+    inline: { type: Boolean, required: false },
+    inlineMessage: { type: Boolean, required: false },
+    statusIcon: { type: Boolean, required: false },
+    showMessage: { type: Boolean, required: false, default: true },
+    validateOnRuleChange: { type: Boolean, required: false, default: true },
+    hideRequiredAsterisk: { type: Boolean, required: false },
+    scrollToError: { type: Boolean, required: false },
+    scrollIntoViewOptions: { type: Boolean, required: false, skipCheck: true, default: true },
+    size: { type: null, required: false },
+    disabled: { type: Boolean, required: false }
+  },
   emits: formEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;

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

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form ref=\"formRef\" :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, ref, toRefs, watch } from 'vue'\nimport { has } from 'lodash-unified'\nimport { debugWarn, getProp, isFunction } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey } from './constants'\nimport { formEmits, formProps } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type {\n  FormContext,\n  FormItemContext,\n  FormValidateCallback,\n  FormValidationResult,\n} from './types'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = defineProps(formProps)\nconst emit = defineEmits(formEmits)\n\nconst formRef = ref<HTMLElement>()\nconst fields = reactive<FormItemContext[]>([])\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nconst getField: FormContext['getField'] = (prop) => {\n  return filterFields(fields, [prop])[0]\n}\n\nconst addField: FormContext['addField'] = (field) => {\n  fields.push(field)\n}\n\nconst removeField: FormContext['removeField'] = (field) => {\n  if (field.prop) {\n    fields.splice(fields.indexOf(field), 1)\n  }\n}\n\nconst setInitialValues: FormContext['setInitialValues'] = (\n  initModel: Partial<typeof props.model>\n) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for setInitialValues to work.')\n    return\n  }\n  if (!initModel) {\n    debugWarn(\n      COMPONENT_NAME,\n      'initModel is required for setInitialValues to work.'\n    )\n    return\n  }\n  fields.forEach((field) => {\n    if (field.prop) {\n      // Check if the property path actually exists in initModel\n      // This allows setting undefined/null values while skipping non-existent properties\n      if (has(initModel, field.prop)) {\n        const initValue = getProp(initModel, field.prop).value\n        field.setInitialValue(initValue)\n      }\n    }\n  })\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n    return\n  }\n  filterFields(fields, properties).forEach((field) => field.resetField())\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n  filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n  const hasModel = !!props.model\n  if (!hasModel) {\n    debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n  }\n  return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n  if (fields.length === 0) return []\n\n  const filteredFields = filterFields(fields, props)\n  if (!filteredFields.length) {\n    debugWarn(COMPONENT_NAME, 'please pass correct props!')\n    return []\n  }\n  return filteredFields\n}\n\nconst validate = async (\n  callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n  props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n  if (!isValidatable.value) return false\n\n  const fields = obtainValidateFields(props)\n  if (fields.length === 0) return true\n\n  let validationErrors: ValidateFieldsError = {}\n  for (const field of fields) {\n    try {\n      await field.validate('')\n      if (field.validateState === 'error' && !field.error) field.resetField()\n    } catch (fields) {\n      validationErrors = {\n        ...validationErrors,\n        ...(fields as ValidateFieldsError),\n      }\n    }\n  }\n\n  if (Object.keys(validationErrors).length === 0) return true\n  return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n  modelProps = [],\n  callback\n) => {\n  let result = false\n  const shouldThrow = !isFunction(callback)\n  try {\n    result = await doValidateField(modelProps)\n    // When result is false meaning that the fields are not validatable\n    if (result === true) {\n      await callback?.(result)\n    }\n    return result\n  } catch (e) {\n    if (e instanceof Error) throw e\n\n    const invalidFields = e as ValidateFieldsError\n\n    if (props.scrollToError) {\n      // form-item may be dynamically rendered based on the judgment conditions, and the order in invalidFields is uncertain.\n      // Therefore, the first form field with an error is determined by directly looking for the rendered element.\n      if (formRef.value) {\n        const formItem = formRef.value.querySelector(`.${ns.b()}-item.is-error`)\n        formItem?.scrollIntoView(props.scrollIntoViewOptions)\n      }\n    }\n    !result && (await callback?.(false, invalidFields))\n    return shouldThrow && Promise.reject(invalidFields)\n  }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n  const field = getField(prop)\n  if (field) {\n    field.$el?.scrollIntoView(props.scrollIntoViewOptions)\n  }\n}\n\nwatch(\n  () => props.rules,\n  () => {\n    if (props.validateOnRuleChange) {\n      validate().catch((err) => debugWarn(err))\n    }\n  },\n  { deep: true, flush: 'post' }\n)\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    emit,\n\n    resetFields,\n    clearValidate,\n    validateField,\n    getField,\n    addField,\n    removeField,\n    setInitialValues,\n\n    ...useFormLabelWidth(),\n  })\n)\n\ndefineExpose({\n  /**\n   * @description Validate the whole form. Receives a callback or returns `Promise`.\n   */\n  validate,\n  /**\n   * @description Validate specified fields.\n   */\n  validateField,\n  /**\n   * @description Reset specified fields and remove validation result.\n   */\n  resetFields,\n  /**\n   * @description Clear validation message for specified fields.\n   */\n  clearValidate,\n  /**\n   * @description Scroll to the specified fields.\n   */\n  scrollToField,\n  /**\n   * @description Get a field context.\n   */\n  getField,\n  /**\n   * @description All fields context.\n   */\n  fields,\n  /**\n   * @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.\n   */\n  setInitialValues,\n})\n</script>\n"],"names":["props","fields","_createElementBlock","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form ref=\"formRef\" :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, ref, toRefs, watch } from 'vue'\nimport { has } from 'lodash-unified'\nimport { debugWarn, getProp, isFunction } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from './hooks'\nimport { formContextKey } from './constants'\nimport { formEmits } from './form'\nimport { filterFields, useFormLabelWidth } from './utils'\n\nimport type { ValidateFieldsError } from 'async-validator'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { FormProps } from './form'\nimport type {\n  FormContext,\n  FormItemContext,\n  FormValidateCallback,\n  FormValidationResult,\n} from './types'\nimport type { FormItemProp } from './form-item'\n\nconst COMPONENT_NAME = 'ElForm'\ndefineOptions({\n  name: COMPONENT_NAME,\n})\nconst props = withDefaults(defineProps<FormProps>(), {\n  labelPosition: 'right',\n  requireAsteriskPosition: 'left',\n  labelWidth: '',\n  labelSuffix: '',\n  showMessage: true,\n  validateOnRuleChange: true,\n  scrollIntoViewOptions: true,\n})\nconst emit = defineEmits(formEmits)\n\nconst formRef = ref<HTMLElement>()\nconst fields = reactive<FormItemContext[]>([])\n\nconst formSize = useFormSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nconst getField: FormContext['getField'] = (prop) => {\n  return filterFields(fields, [prop])[0]\n}\n\nconst addField: FormContext['addField'] = (field) => {\n  fields.push(field)\n}\n\nconst removeField: FormContext['removeField'] = (field) => {\n  if (field.prop) {\n    fields.splice(fields.indexOf(field), 1)\n  }\n}\n\nconst setInitialValues: FormContext['setInitialValues'] = (\n  initModel: Partial<typeof props.model>\n) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for setInitialValues to work.')\n    return\n  }\n  if (!initModel) {\n    debugWarn(\n      COMPONENT_NAME,\n      'initModel is required for setInitialValues to work.'\n    )\n    return\n  }\n  fields.forEach((field) => {\n    if (field.prop) {\n      // Check if the property path actually exists in initModel\n      // This allows setting undefined/null values while skipping non-existent properties\n      if (has(initModel, field.prop)) {\n        const initValue = getProp(initModel, field.prop).value\n        field.setInitialValue(initValue)\n      }\n    }\n  })\n}\n\nconst resetFields: FormContext['resetFields'] = (properties = []) => {\n  if (!props.model) {\n    debugWarn(COMPONENT_NAME, 'model is required for resetFields to work.')\n    return\n  }\n  filterFields(fields, properties).forEach((field) => field.resetField())\n}\n\nconst clearValidate: FormContext['clearValidate'] = (props = []) => {\n  filterFields(fields, props).forEach((field) => field.clearValidate())\n}\n\nconst isValidatable = computed(() => {\n  const hasModel = !!props.model\n  if (!hasModel) {\n    debugWarn(COMPONENT_NAME, 'model is required for validate to work.')\n  }\n  return hasModel\n})\n\nconst obtainValidateFields = (props: Arrayable<FormItemProp>) => {\n  if (fields.length === 0) return []\n\n  const filteredFields = filterFields(fields, props)\n  if (!filteredFields.length) {\n    debugWarn(COMPONENT_NAME, 'please pass correct props!')\n    return []\n  }\n  return filteredFields\n}\n\nconst validate = async (\n  callback?: FormValidateCallback\n): FormValidationResult => validateField(undefined, callback)\n\nconst doValidateField = async (\n  props: Arrayable<FormItemProp> = []\n): Promise<boolean> => {\n  if (!isValidatable.value) return false\n\n  const fields = obtainValidateFields(props)\n  if (fields.length === 0) return true\n\n  let validationErrors: ValidateFieldsError = {}\n  for (const field of fields) {\n    try {\n      await field.validate('')\n      if (field.validateState === 'error' && !field.error) field.resetField()\n    } catch (fields) {\n      validationErrors = {\n        ...validationErrors,\n        ...(fields as ValidateFieldsError),\n      }\n    }\n  }\n\n  if (Object.keys(validationErrors).length === 0) return true\n  return Promise.reject(validationErrors)\n}\n\nconst validateField: FormContext['validateField'] = async (\n  modelProps = [],\n  callback\n) => {\n  let result = false\n  const shouldThrow = !isFunction(callback)\n  try {\n    result = await doValidateField(modelProps)\n    // When result is false meaning that the fields are not validatable\n    if (result === true) {\n      await callback?.(result)\n    }\n    return result\n  } catch (e) {\n    if (e instanceof Error) throw e\n\n    const invalidFields = e as ValidateFieldsError\n\n    if (props.scrollToError) {\n      // form-item may be dynamically rendered based on the judgment conditions, and the order in invalidFields is uncertain.\n      // Therefore, the first form field with an error is determined by directly looking for the rendered element.\n      if (formRef.value) {\n        const formItem = formRef.value.querySelector(`.${ns.b()}-item.is-error`)\n        formItem?.scrollIntoView(props.scrollIntoViewOptions)\n      }\n    }\n    !result && (await callback?.(false, invalidFields))\n    return shouldThrow && Promise.reject(invalidFields)\n  }\n}\n\nconst scrollToField = (prop: FormItemProp) => {\n  const field = getField(prop)\n  if (field) {\n    field.$el?.scrollIntoView(props.scrollIntoViewOptions)\n  }\n}\n\nwatch(\n  () => props.rules,\n  () => {\n    if (props.validateOnRuleChange) {\n      validate().catch((err) => debugWarn(err))\n    }\n  },\n  { deep: true, flush: 'post' }\n)\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    emit,\n\n    resetFields,\n    clearValidate,\n    validateField,\n    getField,\n    addField,\n    removeField,\n    setInitialValues,\n\n    ...useFormLabelWidth(),\n  })\n)\n\ndefineExpose({\n  /**\n   * @description Validate the whole form. Receives a callback or returns `Promise`.\n   */\n  validate,\n  /**\n   * @description Validate specified fields.\n   */\n  validateField,\n  /**\n   * @description Reset specified fields and remove validation result.\n   */\n  resetFields,\n  /**\n   * @description Clear validation message for specified fields.\n   */\n  clearValidate,\n  /**\n   * @description Scroll to the specified fields.\n   */\n  scrollToField,\n  /**\n   * @description Get a field context.\n   */\n  getField,\n  /**\n   * @description All fields context.\n   */\n  fields,\n  /**\n   * @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.\n   */\n  setInitialValues,\n})\n</script>\n"],"names":["props","fields","_createElementBlock","_renderSlot"],"mappings":"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"}

package/es/components/index.mjs

@@ -118,14 +118,14 @@ export { CASCADER_PANEL_INJECTION_KEY } from './cascader-panel/src/types.mjs';
 export { CommonProps, DefaultProps, cascaderPanelEmits, cascaderPanelProps, useCascaderConfig } from './cascader-panel/src/config.mjs';
 export { checkTagEmits, checkTagProps } from './check-tag/src/check-tag.mjs';
 export { checkboxDefaultProps, checkboxGroupEmits, checkboxGroupProps } from './checkbox/src/checkbox-group.mjs';
-export { checkboxEmits, checkboxProps } from './checkbox/src/checkbox.mjs';
+export { checkboxEmits, checkboxProps, checkboxPropsDefaults } from './checkbox/src/checkbox.mjs';
 export { checkboxGroupContextKey } from './checkbox/src/constants.mjs';
 export { colProps } from './col/src/col.mjs';
 export { collapseEmits, collapseProps, emitChangeFn } from './collapse/src/collapse.mjs';
 export { collapseItemProps } from './collapse/src/collapse-item.mjs';
 export { collapseContextKey } from './collapse/src/constants.mjs';
 export { ROOT_COMMON_COLOR_INJECTION_KEY, colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps } from './color-picker-panel/src/color-picker-panel.mjs';
-export { colorPickerEmits, colorPickerProps } from './color-picker/src/color-picker.mjs';
+export { colorPickerEmits, colorPickerProps, colorPickerPropsDefaults } from './color-picker/src/color-picker.mjs';
 export { messageConfig } from './config-provider/src/config-provider.mjs';
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderContextKey } from './config-provider/src/constants.mjs';
@@ -137,7 +137,7 @@ export { datePickerPanelProps } from './date-picker-panel/src/props/date-picker-
 export { descriptionProps } from './descriptions/src/description.mjs';
 export { descriptionItemProps } from './descriptions/src/description-item.mjs';
 export { useDialog } from './dialog/src/use-dialog.mjs';
-export { dialogContextKey, dialogEmits, dialogProps } from './dialog/src/dialog.mjs';
+export { dialogContextKey, dialogEmits, dialogProps, dialogPropsDefaults } from './dialog/src/dialog.mjs';
 export { DEFAULT_DIALOG_TRANSITION, dialogInjectionKey } from './dialog/src/constants.mjs';
 export { dividerProps } from './divider/src/divider.mjs';
 export { drawerEmits, drawerProps } from './drawer/src/drawer.mjs';
@@ -219,8 +219,8 @@ export { timelineProps } from './timeline/src/timeline.mjs';
 export { timelineItemProps } from './timeline/src/timeline-item.mjs';
 export { TIMELINE_INJECTION_KEY } from './timeline/src/tokens.mjs';
 export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './tooltip/src/tooltip.mjs';
-export { useTooltipTriggerProps } from './tooltip/src/trigger.mjs';
-export { useTooltipContentProps } from './tooltip/src/content.mjs';
+export { useTooltipTriggerProps, useTooltipTriggerPropsDefaults } from './tooltip/src/trigger.mjs';
+export { useTooltipContentProps, useTooltipContentPropsDefaults } from './tooltip/src/content.mjs';
 export { TOOLTIP_INJECTION_KEY } from './tooltip/src/constants.mjs';
 export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './transfer/src/transfer.mjs';
 export { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY, TREE_NODE_MAP_INJECTION_KEY } from './tree/src/tokens.mjs';
@@ -242,5 +242,5 @@ export { splitterEmits, splitterProps } from './splitter/src/splitter.mjs';
 export { splitterPanelEmits, splitterPanelProps } from './splitter/src/split-panel.mjs';
 export { MESSAGE_DEFAULT_PLACEMENT, messageDefaults, messageEmits, messagePlacement, messageProps, messageTypes } from './message/src/message.mjs';
 export { notificationEmits, notificationProps, notificationTypes } from './notification/src/notification.mjs';
-export { popoverEmits, popoverProps } from './popover/src/popover.mjs';
+export { popoverEmits, popoverProps, popoverPropsDefaults } from './popover/src/popover.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/notification/src/notification.d.ts

@@ -1,12 +1,79 @@
-import type { AppContext, ExtractPropTypes, ExtractPublicPropTypes, VNode } from 'vue';
+import type { AppContext, Component, ExtractPublicPropTypes, VNode } from 'vue';
 import type Notification from './notification.vue';
 export declare const notificationTypes: readonly ["primary", "success", "info", "warning", "error"];
+export type NotificationType = (typeof notificationTypes)[number] | '';
+export type NotificationPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+export interface NotificationProps {
+    /**
+     * @description custom class name for Notification
+     */
+    customClass?: string;
+    /**
+     * @description whether `message` is treated as HTML string
+     */
+    dangerouslyUseHTMLString?: boolean;
+    /**
+     * @description duration before close. It will not automatically close if set 0
+     */
+    duration?: number;
+    /**
+     * @description custom icon component. It will be overridden by `type`
+     */
+    icon?: string | Component;
+    /**
+     * @description notification dom id
+     */
+    id?: string;
+    /**
+     * @description description text
+     */
+    message?: string | VNode | (() => VNode);
+    /**
+     * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset
+     */
+    offset?: number;
+    /**
+     * @description callback function when notification clicked
+     */
+    onClick?: () => void;
+    /**
+     * @description callback function when closed
+     */
+    onClose: () => void;
+    /**
+     * @description custom position
+     */
+    position?: NotificationPosition;
+    /**
+     * @description whether to show a close button
+     */
+    showClose?: boolean;
+    /**
+     * @description title
+     */
+    title?: string;
+    /**
+     * @description notification type
+     */
+    type?: NotificationType;
+    /**
+     * @description initial zIndex
+     */
+    zIndex?: number;
+    /**
+     * @description custom close icon, default is Close
+     */
+    closeIcon?: string | Component;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.
+ */
 export declare const notificationProps: {
     readonly customClass: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly dangerouslyUseHTMLString: BooleanConstructor;
     readonly duration: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 4500, boolean>;
     readonly icon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -43,13 +110,15 @@ export declare const notificationProps: {
     readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "error" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
     readonly zIndex: NumberConstructor;
     readonly closeIcon: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 };
-export type NotificationProps = ExtractPropTypes<typeof notificationProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.
+ */
 export type NotificationPropsPublic = ExtractPublicPropTypes<typeof notificationProps>;
 export declare const notificationEmits: {
     destroy: () => boolean;

package/es/components/notification/src/notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"notification.mjs","sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { Close } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type {\n  AppContext,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  VNode,\n} from 'vue'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport const notificationProps = buildProps({\n  /**\n   * @description custom class name for Notification\n   */\n  customClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: Boolean,\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration: {\n    type: Number,\n    default: 4500,\n  },\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description notification dom id\n   */\n  id: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description description text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick: {\n    type: definePropType<() => void>(Function),\n    default: () => undefined,\n  },\n  /**\n   * @description callback function when closed\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: true,\n  },\n  /**\n   * @description custom position\n   */\n  position: {\n    type: String,\n    values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n    default: 'top-right',\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description notification type\n   */\n  type: {\n    type: String,\n    values: [...notificationTypes, ''],\n    default: '',\n  },\n  /**\n   * @description initial zIndex\n   */\n  zIndex: Number,\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n    default: Close,\n  },\n} as const)\nexport type NotificationProps = ExtractPropTypes<typeof notificationProps>\nexport type NotificationPropsPublic = ExtractPublicPropTypes<\n  typeof notificationProps\n>\n\nexport const notificationEmits = {\n  destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification> & unknown\n\nexport type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {\n  /**\n   * @description set the root element for the notification, default to `document.body`\n   */\n  appendTo?: HTMLElement | string\n  /**\n   * @description callback function when closed\n   */\n  onClose?(vm: VNode): void\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n  close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n  | Partial<NotificationOptionsTyped>\n  | string\n  | VNode\n\nexport interface NotifyFn {\n  (\n    options?: NotificationParams,\n    appContext?: null | AppContext\n  ): NotificationHandle\n  closeAll(): void\n  updateOffsets(position?: NotificationOptions['position']): void\n  _context: AppContext | null\n}\n\nexport type NotifyTypedFn = (\n  options?: NotificationParamsTyped,\n  appContext?: null | AppContext\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n  primary: NotifyTypedFn\n  success: NotifyTypedFn\n  warning: NotifyTypedFn\n  error: NotifyTypedFn\n  info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n  vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"names":[],"mappings":";;;;AAWO,MAAM,iBAAA,GAAoB;AAAA,EAC/B,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAEO,MAAM,oBAAoB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI1C,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,wBAAA,EAA0B,OAAA;AAAA;AAAA;AAAA;AAAA,EAI1B,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,MAAM,cAAA,CAA+C;AAAA,MACnD,MAAA;AAAA,MACA,MAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAA2B,QAAQ,CAAA;AAAA,IACzC,SAAS,MAAM;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAA2B,QAAQ,CAAA;AAAA,IACzC,QAAA,EAAU;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,WAAA,EAAa,UAAA,EAAY,gBAAgB,aAAa,CAAA;AAAA,IAC/D,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,GAAG,iBAAA,EAAmB,EAAE,CAAA;AAAA,IACjC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,MAAA;AAAA;AAAA;AAAA;AAAA,EAIR,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AAMH,MAAM,iBAAA,GAAoB;AAAA,EAC/B,SAAS,MAAM;AACjB;;;;"}
+{"version":3,"file":"notification.mjs","sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { Close } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type { AppContext, Component, ExtractPublicPropTypes, VNode } from 'vue'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport type NotificationType = (typeof notificationTypes)[number] | ''\n\nexport type NotificationPosition =\n  | 'top-right'\n  | 'top-left'\n  | 'bottom-right'\n  | 'bottom-left'\n\nexport interface NotificationProps {\n  /**\n   * @description custom class name for Notification\n   */\n  customClass?: string\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString?: boolean\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration?: number\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon?: string | Component\n  /**\n   * @description notification dom id\n   */\n  id?: string\n  /**\n   * @description description text\n   */\n  message?: string | VNode | (() => VNode)\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset?: number\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick?: () => void\n  /**\n   * @description callback function when closed\n   */\n  onClose: () => void\n  /**\n   * @description custom position\n   */\n  position?: NotificationPosition\n  /**\n   * @description whether to show a close button\n   */\n  showClose?: boolean\n  /**\n   * @description title\n   */\n  title?: string\n  /**\n   * @description notification type\n   */\n  type?: NotificationType\n  /**\n   * @description initial zIndex\n   */\n  zIndex?: number\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon?: string | Component\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport const notificationProps = buildProps({\n  /**\n   * @description custom class name for Notification\n   */\n  customClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: Boolean,\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration: {\n    type: Number,\n    default: 4500,\n  },\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description notification dom id\n   */\n  id: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description description text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick: {\n    type: definePropType<() => void>(Function),\n    default: () => undefined,\n  },\n  /**\n   * @description callback function when closed\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: true,\n  },\n  /**\n   * @description custom position\n   */\n  position: {\n    type: String,\n    values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n    default: 'top-right',\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description notification type\n   */\n  type: {\n    type: String,\n    values: [...notificationTypes, ''],\n    default: '',\n  },\n  /**\n   * @description initial zIndex\n   */\n  zIndex: Number,\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n    default: Close,\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.\n */\nexport type NotificationPropsPublic = ExtractPublicPropTypes<\n  typeof notificationProps\n>\n\nexport const notificationEmits = {\n  destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification> & unknown\n\nexport type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {\n  /**\n   * @description set the root element for the notification, default to `document.body`\n   */\n  appendTo?: HTMLElement | string\n  /**\n   * @description callback function when closed\n   */\n  onClose?(vm: VNode): void\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n  close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n  | Partial<NotificationOptionsTyped>\n  | string\n  | VNode\n\nexport interface NotifyFn {\n  (\n    options?: NotificationParams,\n    appContext?: null | AppContext\n  ): NotificationHandle\n  closeAll(): void\n  updateOffsets(position?: NotificationOptions['position']): void\n  _context: AppContext | null\n}\n\nexport type NotifyTypedFn = (\n  options?: NotificationParamsTyped,\n  appContext?: null | AppContext\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n  primary: NotifyTypedFn\n  success: NotifyTypedFn\n  warning: NotifyTypedFn\n  error: NotifyTypedFn\n  info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n  vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"names":[],"mappings":";;;;AAMO,MAAM,iBAAA,GAAoB;AAAA,EAC/B,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AA4EO,MAAM,oBAAoB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAI1C,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,wBAAA,EAA0B,OAAA;AAAA;AAAA;AAAA;AAAA,EAI1B,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,EAAA,EAAI;AAAA,IACF,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,MAAM,cAAA,CAA+C;AAAA,MACnD,MAAA;AAAA,MACA,MAAA;AAAA,MACA;AAAA,KACD,CAAA;AAAA,IACD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAA2B,QAAQ,CAAA;AAAA,IACzC,SAAS,MAAM;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAA2B,QAAQ,CAAA;AAAA,IACzC,QAAA,EAAU;AAAA,GACZ;AAAA;AAAA;AAAA;AAAA,EAIA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,WAAA,EAAa,UAAA,EAAY,gBAAgB,aAAa,CAAA;AAAA,IAC/D,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,GAAG,iBAAA,EAAmB,EAAE,CAAA;AAAA,IACjC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,MAAA;AAAA;AAAA;AAAA;AAAA,EAIR,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,YAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb,CAAU;AASH,MAAM,iBAAA,GAAoB;AAAA,EAC/B,SAAS,MAAM;AACjB;;;;"}