@element-plus/nightly 0.0.20260117 → 0.0.20260118

package/lib/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/lib/components/button/src/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","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":["buildProps","useSizeProp","iconPropType","Loading","definePropType"],"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,cAAcA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAA,EAAMC,iBAAA;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,EAAMC;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,EAAMA,iBAAA;AAAA,IACN,SAAS,MAAMC;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,EAAMC,sBAAA,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.js","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":["buildProps","useSizeProp","iconPropType","Loading","definePropType"],"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,cAAcA,kBAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIpC,IAAA,EAAMC,iBAAA;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,EAAMC;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,EAAMA,iBAAA;AAAA,IACN,SAAS,MAAMC;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,EAAMC,sBAAA,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/lib/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/lib/components/button/src/button.vue2.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var index$1 = require('../../icon/index.js');
+var iconsVue = require('@element-plus/icons-vue');
 var useButton = require('./use-button.js');
 var button = require('./button.js');
 var buttonCustom = require('./button-custom.js');
@@ -14,7 +15,26 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElButton"
   },
   __name: "button",
-  props: button.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: vue.markRaw(iconsVue.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: button.buttonEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -59,7 +79,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       shouldAddSpace
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.tag), vue.mergeProps({
         ref_key: "_ref",
         ref: _ref
       }, vue.unref(_props), {
@@ -68,7 +88,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.unref(handleClick)
       }), {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock(
+          __props.loading ? (vue.openBlock(), vue.createElementBlock(
             vue.Fragment,
             { key: 0 },
             [
@@ -77,7 +97,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 class: vue.normalizeClass(vue.unref(ns).is("loading"))
               }, {
                 default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.loadingIcon)))
                 ]),
                 _: 1
                 /* STABLE */
@@ -85,9 +105,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
+          )) : __props.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), { key: 1 }, {
             default: vue.withCtx(() => [
-              _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
+              __props.icon ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.icon), { key: 0 })) : vue.renderSlot(_ctx.$slots, "icon", { key: 1 })
             ]),
             _: 3
             /* FORWARDED */

package/lib/components/button/src/button.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.vue2.js","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":["useButtonCustomStyle","useNamespace","useButton","computed","_createBlock","_resolveDynamicComponent","tag","_mergeProps","_unref","loading","_createElementBlock","_Fragment","$slots","_renderSlot","ElIcon","_normalizeClass","_openBlock","loadingIcon","icon"],"mappings":"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"}
+{"version":3,"file":"button.vue2.js","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":["useButtonCustomStyle","useNamespace","useButton","computed","_createBlock","_resolveDynamicComponent","_mergeProps","_unref","_createElementBlock","_Fragment","$slots","_renderSlot","ElIcon","_normalizeClass","_openBlock"],"mappings":"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"}

package/lib/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/lib/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/lib/components/calendar/src/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","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":["isArray","isDate","buildProps","definePropType","UPDATE_MODEL_EVENT","INPUT_EVENT"],"mappings":";;;;;;AAiBA,MAAM,YAAA,GAAe,CAAC,KAAA,KACpBA,cAAA,CAAQ,KAAK,CAAA,IAAK,KAAA,CAAM,MAAA,KAAW,CAAA,IAAK,MAAM,KAAA,CAAM,CAAC,IAAA,KAASC,aAAA,CAAO,IAAI,CAAC,CAAA;AAErE,MAAM,gBAAgBC,kBAAA,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,EAAMC,uBAA6B,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,EAAMA,uBAEJ,QAAQ;AAAA;AAEd,CAAU;AAIH,MAAM,aAAA,GAAgB;AAAA,EAC3B,CAACC,wBAAkB,GAAG,CAAC,KAAA,KAAgBH,cAAO,KAAK,CAAA;AAAA,EACnD,CAACI,iBAAW,GAAG,CAAC,KAAA,KAAgBJ,cAAO,KAAK;AAC9C;;;;;"}
+{"version":3,"file":"calendar.js","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":["isArray","isDate","buildProps","definePropType","UPDATE_MODEL_EVENT","INPUT_EVENT"],"mappings":";;;;;;AAiBA,MAAM,YAAA,GAAe,CAAC,KAAA,KACpBA,cAAA,CAAQ,KAAK,CAAA,IAAK,KAAA,CAAM,MAAA,KAAW,CAAA,IAAK,MAAM,KAAA,CAAM,CAAC,IAAA,KAASC,aAAA,CAAO,IAAI,CAAC,CAAA;AAyBrE,MAAM,gBAAgBC,kBAAA,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,EAAMC,uBAA6B,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,EAAMA,uBAEJ,QAAQ;AAAA;AAEd,CAAU;AAMH,MAAM,aAAA,GAAgB;AAAA,EAC3B,CAACC,wBAAkB,GAAG,CAAC,KAAA,KAAgBH,cAAO,KAAK,CAAA;AAAA,EACnD,CAACI,iBAAW,GAAG,CAAC,KAAA,KAAgBJ,cAAO,KAAK;AAC9C;;;;;"}

package/lib/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/lib/components/calendar/src/calendar.vue2.js

@@ -17,7 +17,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME
   },
   __name: "calendar",
-  props: calendar.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: calendar.calendarEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const ns = index.useNamespace("calendar");
@@ -70,7 +75,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   3
                   /* TEXT, CLASS */
                 ),
-                vue.unref(validatedRange).length === 0 && _ctx.controllerType === "button" ? (vue.openBlock(), vue.createElementBlock(
+                vue.unref(validatedRange).length === 0 && __props.controllerType === "button" ? (vue.openBlock(), vue.createElementBlock(
                   "div",
                   {
                     key: 0,
@@ -128,7 +133,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ],
                   2
                   /* CLASS */
-                )) : vue.unref(validatedRange).length === 0 && _ctx.controllerType === "select" ? (vue.openBlock(), vue.createElementBlock(
+                )) : vue.unref(validatedRange).length === 0 && __props.controllerType === "select" ? (vue.openBlock(), vue.createElementBlock(
                   "div",
                   {
                     key: 1,
@@ -137,7 +142,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   [
                     vue.createVNode(selectController_vue_vue_type_script_setup_true_lang.default, {
                       date: vue.unref(date),
-                      formatter: _ctx.formatter,
+                      formatter: __props.formatter,
                       onDateChange: vue.unref(handleDateChange)
                     }, null, 8, ["date", "formatter", "onDateChange"])
                   ],