@element-plus/nightly 0.0.20260117 → 0.0.20260118

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

@@ -1,6 +1,86 @@
-import type { Component, ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { Component, ExtractPublicPropTypes } from 'vue';
+import type { ComponentSize } from '@element-plus/nightly/es/constants';
 export declare const buttonTypes: readonly ["default", "primary", "success", "warning", "info", "danger", "text", ""];
 export declare const buttonNativeTypes: readonly ["button", "submit", "reset"];
+export type ButtonType = (typeof buttonTypes)[number];
+export type ButtonNativeType = (typeof buttonNativeTypes)[number];
+export interface ButtonProps {
+    /**
+     * @description button size
+     */
+    size?: ComponentSize;
+    /**
+     * @description disable the button
+     */
+    disabled?: boolean;
+    /**
+     * @description button type
+     */
+    type?: ButtonType;
+    /**
+     * @description icon component
+     */
+    icon?: string | Component;
+    /**
+     * @description native button type
+     */
+    nativeType?: ButtonNativeType;
+    /**
+     * @description determine whether it's loading
+     */
+    loading?: boolean;
+    /**
+     * @description customize loading icon component
+     */
+    loadingIcon?: string | Component;
+    /**
+     * @description determine whether it's a plain button
+     */
+    plain?: boolean;
+    /**
+     * @description determine whether it's a text button
+     */
+    text?: boolean;
+    /**
+     * @description determine whether it's a link button
+     */
+    link?: boolean;
+    /**
+     * @description determine whether the text button background color is always on
+     */
+    bg?: boolean;
+    /**
+     * @description native button autofocus
+     */
+    autofocus?: boolean;
+    /**
+     * @description determine whether it's a round button
+     */
+    round?: boolean;
+    /**
+     * @description determine whether it's a circle button
+     */
+    circle?: boolean;
+    /**
+     * @description custom button color, automatically calculate `hover` and `active` color
+     */
+    color?: string;
+    /**
+     * @description dark mode, which automatically converts `color` to dark mode colors
+     */
+    dark?: boolean;
+    /**
+     * @description automatically insert a space between two chinese characters
+     */
+    autoInsertSpace?: boolean;
+    /**
+     * @description custom element tag
+     */
+    tag?: string | Component;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `ButtonProps` instead.
+ */
 export declare const buttonProps: {
     readonly size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
@@ -34,11 +114,11 @@ export declare const buttonProps: {
 export declare const buttonEmits: {
     click: (evt: MouseEvent) => boolean;
 };
-export type ButtonProps = ExtractPropTypes<typeof buttonProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `ButtonProps` instead.
+ */
 export type ButtonPropsPublic = ExtractPublicPropTypes<typeof buttonProps>;
 export type ButtonEmits = typeof buttonEmits;
-export type ButtonType = ButtonProps['type'];
-export type ButtonNativeType = ButtonProps['nativeType'];
 export interface ButtonConfigContext {
     type?: string;
     plain?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport type { Component, ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const buttonTypes = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  /**\n   * @deprecated\n   * Text type will be deprecated in the next major version (3.0.0)\n   */\n  'text',\n  '',\n] as const\nexport const buttonNativeTypes = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  /**\n   * @description button size\n   */\n  size: useSizeProp,\n  /**\n   * @description disable the button\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description button type\n   */\n  type: {\n    type: String,\n    values: buttonTypes,\n    default: '',\n  },\n  /**\n   * @description icon component\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description native button type\n   */\n  nativeType: {\n    type: String,\n    values: buttonNativeTypes,\n    default: 'button',\n  },\n  /**\n   * @description determine whether it's loading\n   */\n  loading: Boolean,\n  /**\n   * @description customize loading icon component\n   */\n  loadingIcon: {\n    type: iconPropType,\n    default: () => Loading,\n  },\n  /**\n   * @description determine whether it's a plain button\n   */\n  plain: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description determine whether it's a text button\n   */\n  text: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description determine whether it's a link button\n   */\n  link: Boolean,\n  /**\n   * @description determine whether the text button background color is always on\n   */\n  bg: Boolean,\n  /**\n   * @description native button autofocus\n   */\n  autofocus: Boolean,\n  /**\n   * @description determine whether it's a round button\n   */\n  round: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description determine whether it's a circle button\n   */\n  circle: Boolean,\n  /**\n   * @description custom button color, automatically calculate `hover` and `active` color\n   */\n  color: String,\n  /**\n   * @description dark mode, which automatically converts `color` to dark mode colors\n   */\n  dark: Boolean,\n  /**\n   * @description automatically insert a space between two chinese characters\n   */\n  autoInsertSpace: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: definePropType<string | Component>([String, Object]),\n    default: 'button',\n  },\n} as const)\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\nexport type ButtonProps = ExtractPropTypes<typeof buttonProps>\nexport type ButtonPropsPublic = ExtractPublicPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport type ButtonType = ButtonProps['type']\nexport type ButtonNativeType = ButtonProps['nativeType']\n\nexport interface ButtonConfigContext {\n  type?: string\n  plain?: boolean\n  text?: boolean\n  round?: boolean\n  autoInsertSpace?: boolean\n}\n"],"names":[],"mappings":";;;;;AAMO,MAAM,WAAA,GAAc;AAAA,EACzB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAA;AAAA,EACA;AACF;AACO,MAAM,iBAAA,GAAoB,CAAC,QAAA,EAAU,QAAA,EAAU,OAAO;AAEtD,MAAM,cAAc,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAA,EAAM,WAAA;AAAA;AAAA;AAAA;AAAA,EAIN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,WAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,iBAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,EAIT,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,YAAA;AAAA,IACN,SAAS,MAAM;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM,OAAA;AAAA;AAAA;AAAA;AAAA,EAIN,EAAA,EAAI,OAAA;AAAA;AAAA;AAAA;AAAA,EAIJ,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,IAAA,EAAM,OAAA;AAAA;AAAA;AAAA;AAAA,EAIN,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,cAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAA,EAAS;AAAA;AAEb,CAAU;AACH,MAAM,WAAA,GAAc;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAA,YAAe;AAC7C;;;;"}
+{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { Loading } from '@element-plus/icons-vue'\n\nimport type { Component, ExtractPublicPropTypes } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\n\nexport const buttonTypes = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  /**\n   * @deprecated\n   * Text type will be deprecated in the next major version (3.0.0)\n   */\n  'text',\n  '',\n] as const\nexport const buttonNativeTypes = ['button', 'submit', 'reset'] as const\n\nexport type ButtonType = (typeof buttonTypes)[number]\nexport type ButtonNativeType = (typeof buttonNativeTypes)[number]\n\nexport interface ButtonProps {\n  /**\n   * @description button size\n   */\n  size?: ComponentSize\n  /**\n   * @description disable the button\n   */\n  disabled?: boolean\n  /**\n   * @description button type\n   */\n  type?: ButtonType\n  /**\n   * @description icon component\n   */\n  icon?: string | Component\n  /**\n   * @description native button type\n   */\n  nativeType?: ButtonNativeType\n  /**\n   * @description determine whether it's loading\n   */\n  loading?: boolean\n  /**\n   * @description customize loading icon component\n   */\n  loadingIcon?: string | Component\n  /**\n   * @description determine whether it's a plain button\n   */\n  plain?: boolean\n  /**\n   * @description determine whether it's a text button\n   */\n  text?: boolean\n  /**\n   * @description determine whether it's a link button\n   */\n  link?: boolean\n  /**\n   * @description determine whether the text button background color is always on\n   */\n  bg?: boolean\n  /**\n   * @description native button autofocus\n   */\n  autofocus?: boolean\n  /**\n   * @description determine whether it's a round button\n   */\n  round?: boolean\n  /**\n   * @description determine whether it's a circle button\n   */\n  circle?: boolean\n  /**\n   * @description custom button color, automatically calculate `hover` and `active` color\n   */\n  color?: string\n  /**\n   * @description dark mode, which automatically converts `color` to dark mode colors\n   */\n  dark?: boolean\n  /**\n   * @description automatically insert a space between two chinese characters\n   */\n  autoInsertSpace?: boolean\n  /**\n   * @description custom element tag\n   */\n  tag?: string | Component\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ButtonProps` instead.\n */\nexport const buttonProps = buildProps({\n  /**\n   * @description button size\n   */\n  size: useSizeProp,\n  /**\n   * @description disable the button\n   */\n  disabled: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description button type\n   */\n  type: {\n    type: String,\n    values: buttonTypes,\n    default: '',\n  },\n  /**\n   * @description icon component\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description native button type\n   */\n  nativeType: {\n    type: String,\n    values: buttonNativeTypes,\n    default: 'button',\n  },\n  /**\n   * @description determine whether it's loading\n   */\n  loading: Boolean,\n  /**\n   * @description customize loading icon component\n   */\n  loadingIcon: {\n    type: iconPropType,\n    default: () => Loading,\n  },\n  /**\n   * @description determine whether it's a plain button\n   */\n  plain: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description determine whether it's a text button\n   */\n  text: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description determine whether it's a link button\n   */\n  link: Boolean,\n  /**\n   * @description determine whether the text button background color is always on\n   */\n  bg: Boolean,\n  /**\n   * @description native button autofocus\n   */\n  autofocus: Boolean,\n  /**\n   * @description determine whether it's a round button\n   */\n  round: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description determine whether it's a circle button\n   */\n  circle: Boolean,\n  /**\n   * @description custom button color, automatically calculate `hover` and `active` color\n   */\n  color: String,\n  /**\n   * @description dark mode, which automatically converts `color` to dark mode colors\n   */\n  dark: Boolean,\n  /**\n   * @description automatically insert a space between two chinese characters\n   */\n  autoInsertSpace: {\n    type: Boolean,\n    default: undefined,\n  },\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: definePropType<string | Component>([String, Object]),\n    default: 'button',\n  },\n} as const)\nexport const buttonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `ButtonProps` instead.\n */\nexport type ButtonPropsPublic = ExtractPublicPropTypes<typeof buttonProps>\nexport type ButtonEmits = typeof buttonEmits\n\nexport interface ButtonConfigContext {\n  type?: string\n  plain?: boolean\n  text?: boolean\n  round?: boolean\n  autoInsertSpace?: boolean\n}\n"],"names":[],"mappings":";;;;;AAOO,MAAM,WAAA,GAAc;AAAA,EACzB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,MAAA;AAAA,EACA;AACF;AACO,MAAM,iBAAA,GAAoB,CAAC,QAAA,EAAU,QAAA,EAAU,OAAO;AAmFtD,MAAM,cAAc,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAA,EAAM,WAAA;AAAA;AAAA;AAAA;AAAA,EAIN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,WAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,iBAAA;AAAA,IACR,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,OAAA,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,EAIT,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,YAAA;AAAA,IACN,SAAS,MAAM;AAAA,GACjB;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM,OAAA;AAAA;AAAA;AAAA;AAAA,EAIN,EAAA,EAAI,OAAA;AAAA;AAAA;AAAA;AAAA,EAIJ,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,IAAA,EAAM,OAAA;AAAA;AAAA;AAAA;AAAA,EAIN,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,cAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAA,EAAS;AAAA;AAEb,CAAU;AACH,MAAM,WAAA,GAAc;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAA,YAAe;AAC7C;;;;"}

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

@@ -1,3 +1,4 @@
+import type { ButtonProps } from './button';
 declare var __VLS_11: {}, __VLS_33: {}, __VLS_35: {};
 type __VLS_Slots = {} & {
     loading?: (props: typeof __VLS_11) => any;
@@ -6,36 +7,17 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_35) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", 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 required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
-    readonly loading: BooleanConstructor;
-    readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, () => any, boolean>;
-    readonly plain: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly text: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly link: BooleanConstructor;
-    readonly bg: BooleanConstructor;
-    readonly autofocus: BooleanConstructor;
-    readonly round: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly circle: BooleanConstructor;
-    readonly color: StringConstructor;
-    readonly dark: BooleanConstructor;
-    readonly autoInsertSpace: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, "button", boolean>;
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ButtonProps>, {
+    disabled: undefined;
+    type: string;
+    nativeType: string;
+    loadingIcon: any;
+    plain: undefined;
+    text: undefined;
+    round: undefined;
+    autoInsertSpace: undefined;
+    tag: string;
+}>, {
     /** @description button html element */
     ref: import("vue").Ref<HTMLButtonElement | undefined>;
     /** @description button size */
@@ -48,59 +30,50 @@ declare const __VLS_base: import("vue").DefineComponent<{
     shouldAddSpace: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly disabled: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", 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 required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly nativeType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
-    readonly loading: BooleanConstructor;
-    readonly loadingIcon: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, () => any, boolean>;
-    readonly plain: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly text: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly link: BooleanConstructor;
-    readonly bg: BooleanConstructor;
-    readonly autofocus: BooleanConstructor;
-    readonly round: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly circle: BooleanConstructor;
-    readonly color: StringConstructor;
-    readonly dark: BooleanConstructor;
-    readonly autoInsertSpace: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    readonly tag: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown, "button", boolean>;
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<ButtonProps>, {
+    disabled: undefined;
+    type: string;
+    nativeType: string;
+    loadingIcon: any;
+    plain: undefined;
+    text: undefined;
+    round: undefined;
+    autoInsertSpace: undefined;
+    tag: string;
+}>>> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
-    readonly link: boolean;
-    readonly circle: boolean;
-    readonly text: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly disabled: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly round: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly dark: boolean;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
-    readonly bg: boolean;
-    readonly tag: 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 loading: boolean;
-    readonly autofocus: boolean;
-    readonly plain: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly autoInsertSpace: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly nativeType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
-    readonly loadingIcon: 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>;
+    text: boolean;
+    disabled: boolean;
+    round: boolean;
+    type: import("./button").ButtonType;
+    tag: string | import("vue").Component;
+    plain: boolean;
+    autoInsertSpace: boolean;
+    nativeType: import("./button").ButtonNativeType;
+    loadingIcon: string | import("vue").Component;
 }, {}>;
 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/button/src/button.vue2.mjs

@@ -1,7 +1,8 @@
-import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementBlock, createCommentVNode, Fragment, renderSlot, normalizeClass } from 'vue';
+import { defineComponent, markRaw, computed, createBlock, openBlock, resolveDynamicComponent, mergeProps, unref, withCtx, createElementBlock, createCommentVNode, Fragment, renderSlot, normalizeClass } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
+import { Loading } from '@element-plus/icons-vue';
 import { useButton } from './use-button.mjs';
-import { buttonEmits, buttonProps } from './button.mjs';
+import { buttonEmits } from './button.mjs';
 import { useButtonCustomStyle } from './button-custom.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
@@ -10,7 +11,26 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElButton"
   },
   __name: "button",
-  props: buttonProps,
+  props: {
+    size: { type: null, required: false },
+    disabled: { type: Boolean, required: false, default: void 0 },
+    type: { type: null, required: false, default: "" },
+    icon: { type: null, required: false },
+    nativeType: { type: null, required: false, default: "button" },
+    loading: { type: Boolean, required: false },
+    loadingIcon: { type: null, required: false, default: markRaw(Loading) },
+    plain: { type: Boolean, required: false, default: void 0 },
+    text: { type: Boolean, required: false, default: void 0 },
+    link: { type: Boolean, required: false },
+    bg: { type: Boolean, required: false },
+    autofocus: { type: Boolean, required: false },
+    round: { type: Boolean, required: false, default: void 0 },
+    circle: { type: Boolean, required: false },
+    color: { type: String, required: false },
+    dark: { type: Boolean, required: false },
+    autoInsertSpace: { type: Boolean, required: false, default: void 0 },
+    tag: { type: null, required: false, default: "button" }
+  },
   emits: buttonEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -55,7 +75,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       shouldAddSpace
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({
+      return openBlock(), createBlock(resolveDynamicComponent(__props.tag), mergeProps({
         ref_key: "_ref",
         ref: _ref
       }, unref(_props), {
@@ -64,7 +84,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: unref(handleClick)
       }), {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock(
+          __props.loading ? (openBlock(), createElementBlock(
             Fragment,
             { key: 0 },
             [
@@ -73,7 +93,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(unref(ns).is("loading"))
               }, {
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.loadingIcon)))
+                  (openBlock(), createBlock(resolveDynamicComponent(__props.loadingIcon)))
                 ]),
                 _: 1
                 /* STABLE */
@@ -81,9 +101,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : _ctx.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+          )) : __props.icon || _ctx.$slots.icon ? (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
             default: withCtx(() => [
-              _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
+              __props.icon ? (openBlock(), createBlock(resolveDynamicComponent(__props.icon), { key: 0 })) : renderSlot(_ctx.$slots, "icon", { key: 1 })
             ]),
             _: 3
             /* FORWARDED */

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

@@ -1 +1 @@
-{"version":3,"file":"button.vue2.mjs","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    ref=\"_ref\"\n    v-bind=\"_props\"\n    :class=\"buttonKls\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <template v-if=\"loading\">\n      <slot v-if=\"$slots.loading\" name=\"loading\" />\n      <el-icon v-else :class=\"ns.is('loading')\">\n        <component :is=\"loadingIcon\" />\n      </el-icon>\n    </template>\n    <el-icon v-else-if=\"icon || $slots.icon\">\n      <component :is=\"icon\" v-if=\"icon\" />\n      <slot v-else name=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ [ns.em('text', 'expand')]: shouldAddSpace }\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useButton } from './use-button'\nimport { buttonEmits, buttonProps } from './button'\nimport { useButtonCustomStyle } from './button-custom'\n\ndefineOptions({\n  name: 'ElButton',\n})\n\nconst props = defineProps(buttonProps)\nconst emit = defineEmits(buttonEmits)\n\nconst buttonStyle = useButtonCustomStyle(props)\nconst ns = useNamespace('button')\nconst {\n  _ref,\n  _size,\n  _type,\n  _disabled,\n  _props,\n  _plain,\n  _round,\n  _text,\n  shouldAddSpace,\n  handleClick,\n} = useButton(props, emit)\nconst buttonKls = computed(() => [\n  ns.b(),\n  ns.m(_type.value),\n  ns.m(_size.value),\n  ns.is('disabled', _disabled.value),\n  ns.is('loading', props.loading),\n  ns.is('plain', _plain.value),\n  ns.is('round', _round.value),\n  ns.is('circle', props.circle),\n  ns.is('text', _text.value),\n  ns.is('link', props.link),\n  ns.is('has-bg', props.bg),\n])\n\ndefineExpose({\n  /** @description button html element */\n  ref: _ref,\n  /** @description button size */\n  size: _size,\n  /** @description button type */\n  type: _type,\n  /** @description button disabled */\n  disabled: _disabled,\n  /** @description whether adding space */\n  shouldAddSpace,\n})\n</script>\n"],"names":["_createBlock","_resolveDynamicComponent","tag","_mergeProps","_unref","loading","_createElementBlock","_Fragment","$slots","_renderSlot","_normalizeClass","_openBlock","loadingIcon","icon"],"mappings":"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"}
+{"version":3,"file":"button.vue2.mjs","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    ref=\"_ref\"\n    v-bind=\"_props\"\n    :class=\"buttonKls\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <template v-if=\"loading\">\n      <slot v-if=\"$slots.loading\" name=\"loading\" />\n      <el-icon v-else :class=\"ns.is('loading')\">\n        <component :is=\"loadingIcon\" />\n      </el-icon>\n    </template>\n    <el-icon v-else-if=\"icon || $slots.icon\">\n      <component :is=\"icon\" v-if=\"icon\" />\n      <slot v-else name=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ [ns.em('text', 'expand')]: shouldAddSpace }\"\n    >\n      <slot />\n    </span>\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, markRaw } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useButton } from './use-button'\nimport { buttonEmits } from './button'\nimport { useButtonCustomStyle } from './button-custom'\n\nimport type { ButtonProps } from './button'\n\ndefineOptions({\n  name: 'ElButton',\n})\n\nconst props = withDefaults(defineProps<ButtonProps>(), {\n  disabled: undefined,\n  type: '',\n  nativeType: 'button',\n  loadingIcon: markRaw(Loading),\n  plain: undefined,\n  text: undefined,\n  round: undefined,\n  autoInsertSpace: undefined,\n  tag: 'button',\n})\n\nconst emit = defineEmits(buttonEmits)\n\nconst buttonStyle = useButtonCustomStyle(props)\nconst ns = useNamespace('button')\nconst {\n  _ref,\n  _size,\n  _type,\n  _disabled,\n  _props,\n  _plain,\n  _round,\n  _text,\n  shouldAddSpace,\n  handleClick,\n} = useButton(props, emit)\nconst buttonKls = computed(() => [\n  ns.b(),\n  ns.m(_type.value),\n  ns.m(_size.value),\n  ns.is('disabled', _disabled.value),\n  ns.is('loading', props.loading),\n  ns.is('plain', _plain.value),\n  ns.is('round', _round.value),\n  ns.is('circle', props.circle),\n  ns.is('text', _text.value),\n  ns.is('link', props.link),\n  ns.is('has-bg', props.bg),\n])\n\ndefineExpose({\n  /** @description button html element */\n  ref: _ref,\n  /** @description button size */\n  size: _size,\n  /** @description button type */\n  type: _type,\n  /** @description button disabled */\n  disabled: _disabled,\n  /** @description whether adding space */\n  shouldAddSpace,\n})\n</script>\n"],"names":["_createBlock","_resolveDynamicComponent","_mergeProps","_unref","_createElementBlock","_Fragment","$slots","_renderSlot","_normalizeClass","_openBlock"],"mappings":"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"}

package/es/components/button/src/use-button.d.ts

@@ -6,19 +6,19 @@ export declare const useButton: (props: ButtonProps, emit: SetupContext<ButtonEm
     _type: import("vue").ComputedRef<string>;
     _ref: import("vue").Ref<HTMLButtonElement | undefined>;
     _props: import("vue").ComputedRef<{
-        ariaDisabled: boolean;
-        disabled: boolean;
-        autofocus: boolean;
-        type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
+        ariaDisabled: boolean | undefined;
+        disabled: boolean | undefined;
+        autofocus: boolean | undefined;
+        type: "button" | "reset" | "submit" | undefined;
     } | {
         ariaDisabled?: undefined;
         disabled?: undefined;
         autofocus?: undefined;
         type?: undefined;
     }>;
-    _plain: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-    _round: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
-    _text: import("vue").ComputedRef<import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>>;
+    _plain: import("vue").ComputedRef<boolean>;
+    _round: import("vue").ComputedRef<boolean>;
+    _text: import("vue").ComputedRef<boolean>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
     handleClick: (evt: MouseEvent) => void;
 };

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

@@ -1,5 +1,27 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 export type CalendarDateType = 'prev-month' | 'next-month' | 'prev-year' | 'next-year' | 'today';
+export interface CalendarProps {
+    /**
+     * @description binding value
+     */
+    modelValue?: Date;
+    /**
+     * @description time range, including start time and end time.
+     *   Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.
+     */
+    range?: [Date, Date];
+    /**
+     * @description type of the controller for the Calendar header
+     */
+    controllerType?: 'button' | 'select';
+    /**
+     * @description format label when `controller-type` is 'select'
+     */
+    formatter?: (value: number, type: 'year' | 'month') => string | number;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `CalendarProps` instead.
+ */
 export declare const calendarProps: {
     readonly modelValue: {
         readonly type: import("vue").PropType<Date>;
@@ -21,7 +43,9 @@ export declare const calendarProps: {
         __epPropKey: true;
     };
 };
-export type CalendarProps = ExtractPropTypes<typeof calendarProps>;
+/**
+ *  @deprecated Removed after 3.0.0, Use `CalendarProps` instead.
+ */
 export type CalendarPropsPublic = ExtractPublicPropTypes<typeof calendarProps>;
 export declare const calendarEmits: {
     "update:modelValue": (value: Date) => boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.mjs","sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isDate,\n} from '@element-plus/utils'\nimport { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport type CalendarDateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nconst isValidRange = (range: unknown): range is [Date, Date] =>\n  isArray(range) && range.length === 2 && range.every((item) => isDate(item))\n\nexport const calendarProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: Date,\n  },\n  /**\n   * @description time range, including start time and end time.\n   *   Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.\n   */\n  range: {\n    type: definePropType<[Date, Date]>(Array),\n    validator: isValidRange,\n  },\n  /**\n   * @description type of the controller for the Calendar header\n   */\n  controllerType: {\n    type: String,\n    values: ['button', 'select'],\n    default: 'button',\n  },\n  /**\n   * @description format label when `controller-type` is 'select'\n   */\n  formatter: {\n    type: definePropType<\n      (value: number, type: 'year' | 'month') => string | number\n    >(Function),\n  },\n} as const)\nexport type CalendarProps = ExtractPropTypes<typeof calendarProps>\nexport type CalendarPropsPublic = ExtractPublicPropTypes<typeof calendarProps>\n\nexport const calendarEmits = {\n  [UPDATE_MODEL_EVENT]: (value: Date) => isDate(value),\n  [INPUT_EVENT]: (value: Date) => isDate(value),\n}\nexport type CalendarEmits = typeof calendarEmits\n"],"names":[],"mappings":";;;;AAiBA,MAAM,YAAA,GAAe,CAAC,KAAA,KACpB,OAAA,CAAQ,KAAK,CAAA,IAAK,KAAA,CAAM,MAAA,KAAW,CAAA,IAAK,MAAM,KAAA,CAAM,CAAC,IAAA,KAAS,MAAA,CAAO,IAAI,CAAC,CAAA;AAErE,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAA6B,KAAK,CAAA;AAAA,IACxC,SAAA,EAAW;AAAA,GACb;AAAA;AAAA;AAAA;AAAA,EAIA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,QAAQ,CAAA;AAAA,IAC3B,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,eAEJ,QAAQ;AAAA;AAEd,CAAU;AAIH,MAAM,aAAA,GAAgB;AAAA,EAC3B,CAAC,kBAAkB,GAAG,CAAC,KAAA,KAAgB,OAAO,KAAK,CAAA;AAAA,EACnD,CAAC,WAAW,GAAG,CAAC,KAAA,KAAgB,OAAO,KAAK;AAC9C;;;;"}
+{"version":3,"file":"calendar.mjs","sources":["../../../../../../packages/components/calendar/src/calendar.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isDate,\n} from '@element-plus/utils'\nimport { INPUT_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPublicPropTypes } from 'vue'\n\nexport type CalendarDateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nconst isValidRange = (range: unknown): range is [Date, Date] =>\n  isArray(range) && range.length === 2 && range.every((item) => isDate(item))\n\nexport interface CalendarProps {\n  /**\n   * @description binding value\n   */\n  modelValue?: Date\n  /**\n   * @description time range, including start time and end time.\n   *   Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.\n   */\n  range?: [Date, Date]\n  /**\n   * @description type of the controller for the Calendar header\n   */\n  controllerType?: 'button' | 'select'\n  /**\n   * @description format label when `controller-type` is 'select'\n   */\n  formatter?: (value: number, type: 'year' | 'month') => string | number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `CalendarProps` instead.\n */\nexport const calendarProps = buildProps({\n  /**\n   * @description binding value\n   */\n  modelValue: {\n    type: Date,\n  },\n  /**\n   * @description time range, including start time and end time.\n   *   Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.\n   */\n  range: {\n    type: definePropType<[Date, Date]>(Array),\n    validator: isValidRange,\n  },\n  /**\n   * @description type of the controller for the Calendar header\n   */\n  controllerType: {\n    type: String,\n    values: ['button', 'select'],\n    default: 'button',\n  },\n  /**\n   * @description format label when `controller-type` is 'select'\n   */\n  formatter: {\n    type: definePropType<\n      (value: number, type: 'year' | 'month') => string | number\n    >(Function),\n  },\n} as const)\n/**\n *  @deprecated Removed after 3.0.0, Use `CalendarProps` instead.\n */\nexport type CalendarPropsPublic = ExtractPublicPropTypes<typeof calendarProps>\n\nexport const calendarEmits = {\n  [UPDATE_MODEL_EVENT]: (value: Date) => isDate(value),\n  [INPUT_EVENT]: (value: Date) => isDate(value),\n}\nexport type CalendarEmits = typeof calendarEmits\n"],"names":[],"mappings":";;;;AAiBA,MAAM,YAAA,GAAe,CAAC,KAAA,KACpB,OAAA,CAAQ,KAAK,CAAA,IAAK,KAAA,CAAM,MAAA,KAAW,CAAA,IAAK,MAAM,KAAA,CAAM,CAAC,IAAA,KAAS,MAAA,CAAO,IAAI,CAAC,CAAA;AAyBrE,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,UAAA,EAAY;AAAA,IACV,IAAA,EAAM;AAAA,GACR;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,eAA6B,KAAK,CAAA;AAAA,IACxC,SAAA,EAAW;AAAA,GACb;AAAA;AAAA;AAAA;AAAA,EAIA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,QAAA,EAAU,QAAQ,CAAA;AAAA,IAC3B,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,eAEJ,QAAQ;AAAA;AAEd,CAAU;AAMH,MAAM,aAAA,GAAgB;AAAA,EAC3B,CAAC,kBAAkB,GAAG,CAAC,KAAA,KAAgB,OAAO,KAAK,CAAA;AAAA,EACnD,CAAC,WAAW,GAAG,CAAC,KAAA,KAAgB,OAAO,KAAK;AAC9C;;;;"}

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

@@ -1,3 +1,4 @@
+import type { CalendarProps } from './calendar';
 declare var __VLS_1: {
     date: string;
 }, __VLS_47: {
@@ -22,27 +23,9 @@ type __VLS_Slots = {} & {
 } & {
     'date-cell'?: (props: typeof __VLS_57) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly modelValue: {
-        readonly type: import("vue").PropType<Date>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly range: {
-        readonly type: import("vue").PropType<[Date, Date]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly controllerType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "select", unknown, "button", boolean>;
-    readonly formatter: {
-        readonly type: import("vue").PropType<(value: number, type: "year" | "month") => string | number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CalendarProps>, {
+    controllerType: string;
+}>, {
     /** @description currently selected date */
     selectedDay: import("vue").WritableComputedRef<import("dayjs").Dayjs | undefined>;
     /** @description select a specific date */
@@ -54,37 +37,35 @@ declare const __VLS_base: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: Date) => void;
     input: (value: Date) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly modelValue: {
-        readonly type: import("vue").PropType<Date>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly range: {
-        readonly type: import("vue").PropType<[Date, Date]>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly controllerType: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "button" | "select", unknown, "button", boolean>;
-    readonly formatter: {
-        readonly type: import("vue").PropType<(value: number, type: "year" | "month") => string | number>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CalendarProps>, {
+    controllerType: string;
+}>>> & {
     "onUpdate:modelValue"?: ((value: Date) => any) | undefined;
     onInput?: ((value: Date) => any) | undefined;
 }, {
-    readonly controllerType: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "button" | "select", unknown>;
+    controllerType: "button" | "select";
 }, {}>;
 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/calendar/src/calendar.vue2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, computed, createElementBlock, openBlock, normalizeClas
 import { ElButtonGroup, ElButton } from '../../button/index.mjs';
 import _sfc_main$2 from './date-table.vue2.mjs';
 import { useCalendar } from './use-calendar.mjs';
-import { calendarEmits, calendarProps } from './calendar.mjs';
+import { calendarEmits } from './calendar.mjs';
 import _sfc_main$1 from './select-controller.vue2.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
@@ -13,7 +13,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: COMPONENT_NAME
   },
   __name: "calendar",
-  props: calendarProps,
+  props: {
+    modelValue: { type: Date, required: false },
+    range: { type: Array, required: false },
+    controllerType: { type: String, required: false, default: "button" },
+    formatter: { type: Function, required: false }
+  },
   emits: calendarEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const ns = useNamespace("calendar");
@@ -66,7 +71,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   3
                   /* TEXT, CLASS */
                 ),
-                unref(validatedRange).length === 0 && _ctx.controllerType === "button" ? (openBlock(), createElementBlock(
+                unref(validatedRange).length === 0 && __props.controllerType === "button" ? (openBlock(), createElementBlock(
                   "div",
                   {
                     key: 0,
@@ -124,7 +129,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   ],
                   2
                   /* CLASS */
-                )) : unref(validatedRange).length === 0 && _ctx.controllerType === "select" ? (openBlock(), createElementBlock(
+                )) : unref(validatedRange).length === 0 && __props.controllerType === "select" ? (openBlock(), createElementBlock(
                   "div",
                   {
                     key: 1,
@@ -133,7 +138,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   [
                     createVNode(_sfc_main$1, {
                       date: unref(date),
-                      formatter: _ctx.formatter,
+                      formatter: __props.formatter,
                       onDateChange: unref(handleDateChange)
                     }, null, 8, ["date", "formatter", "onDateChange"])
                   ],