@element-plus/nightly 0.0.20250630 → 0.0.20250701

package/es/index.mjs

@@ -18,7 +18,7 @@ export { breadcrumbProps } from './components/breadcrumb/src/breadcrumb.mjs';
 export { breadcrumbItemProps } from './components/breadcrumb/src/breadcrumb-item.mjs';
 export { breadcrumbKey } from './components/breadcrumb/src/constants.mjs';
 export { ElBreadcrumb, ElBreadcrumbItem } from './components/breadcrumb/index.mjs';
-export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button2.mjs';
+export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button.mjs';
 export { buttonGroupContextKey } from './components/button/src/constants.mjs';
 export { ElButton, ElButtonGroup } from './components/button/index.mjs';
 export { calendarEmits, calendarProps } from './components/calendar/src/calendar.mjs';
@@ -42,7 +42,7 @@ export { checkboxGroupContextKey } from './components/checkbox/src/constants.mjs
 export { ElCheckbox, ElCheckboxButton, ElCheckboxGroup } from './components/checkbox/index.mjs';
 export { colProps } from './components/col/src/col.mjs';
 export { ElCol } from './components/col/index.mjs';
-export { collapseEmits, collapseProps, emitChangeFn } from './components/collapse/src/collapse.mjs';
+export { collapseEmits, collapseProps, emitChangeFn } from './components/collapse/src/collapse2.mjs';
 export { collapseItemProps } from './components/collapse/src/collapse-item.mjs';
 export { collapseContextKey } from './components/collapse/src/constants.mjs';
 export { ElCollapse, ElCollapseItem } from './components/collapse/index.mjs';
@@ -69,12 +69,12 @@ export { dialogInjectionKey } from './components/dialog/src/constants.mjs';
 export { ElDialog } from './components/dialog/index.mjs';
 export { dividerProps } from './components/divider/src/divider.mjs';
 export { ElDivider } from './components/divider/index.mjs';
-export { drawerEmits, drawerProps } from './components/drawer/src/drawer.mjs';
+export { drawerEmits, drawerProps } from './components/drawer/src/drawer2.mjs';
 export { ElDrawer } from './components/drawer/index.mjs';
 export { DROPDOWN_COLLECTION_INJECTION_KEY, DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, ElCollection, ElCollectionItem, FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './components/dropdown/src/dropdown.mjs';
 export { DROPDOWN_INJECTION_KEY, DROPDOWN_INSTANCE_INJECTION_KEY } from './components/dropdown/src/tokens.mjs';
 export { ElDropdown, ElDropdownItem, ElDropdownMenu } from './components/dropdown/index.mjs';
-export { emptyProps } from './components/empty/src/empty.mjs';
+export { emptyProps } from './components/empty/src/empty2.mjs';
 export { ElEmpty } from './components/empty/index.mjs';
 export { formEmits, formMetaProps, formProps } from './components/form/src/form.mjs';
 export { formItemProps, formItemValidateStates } from './components/form/src/form-item.mjs';
@@ -88,11 +88,11 @@ export { imageEmits, imageProps } from './components/image/src/image.mjs';
 export { ElImage } from './components/image/index.mjs';
 export { imageViewerEmits, imageViewerProps } from './components/image-viewer/src/image-viewer.mjs';
 export { ElImageViewer } from './components/image-viewer/index.mjs';
-export { inputEmits, inputProps } from './components/input/src/input2.mjs';
+export { inputEmits, inputProps } from './components/input/src/input.mjs';
 export { ElInput } from './components/input/index.mjs';
-export { inputNumberEmits, inputNumberProps } from './components/input-number/src/input-number2.mjs';
+export { inputNumberEmits, inputNumberProps } from './components/input-number/src/input-number.mjs';
 export { ElInputNumber } from './components/input-number/index.mjs';
-export { inputTagEmits, inputTagProps } from './components/input-tag/src/input-tag2.mjs';
+export { inputTagEmits, inputTagProps } from './components/input-tag/src/input-tag.mjs';
 export { ElInputTag } from './components/input-tag/index.mjs';
 export { linkEmits, linkProps } from './components/link/src/link.mjs';
 export { ElLink } from './components/link/index.mjs';
@@ -104,14 +104,14 @@ export { MENU_INJECTION_KEY, SUB_MENU_INJECTION_KEY } from './components/menu/sr
 export { ElMenu, ElMenuItem, ElMenuItemGroup, ElSubMenu } from './components/menu/index.mjs';
 export { overlayEmits, overlayProps } from './components/overlay/src/overlay.mjs';
 export { ElOverlay } from './components/overlay/index.mjs';
-export { pageHeaderEmits, pageHeaderProps } from './components/page-header/src/page-header2.mjs';
+export { pageHeaderEmits, pageHeaderProps } from './components/page-header/src/page-header.mjs';
 export { ElPageHeader } from './components/page-header/index.mjs';
 export { paginationEmits, paginationProps } from './components/pagination/src/pagination.mjs';
 export { elPaginationKey } from './components/pagination/src/constants.mjs';
 export { ElPagination } from './components/pagination/index.mjs';
 export { popconfirmEmits, popconfirmProps } from './components/popconfirm/src/popconfirm.mjs';
 export { ElPopconfirm } from './components/popconfirm/index.mjs';
-export { Effect, popperProps, roleTypes, usePopperProps } from './components/popper/src/popper.mjs';
+export { Effect, popperProps, roleTypes, usePopperProps } from './components/popper/src/popper2.mjs';
 export { popperTriggerProps, usePopperTriggerProps } from './components/popper/src/trigger.mjs';
 export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content.mjs';
 export { popperArrowProps, usePopperArrowProps } from './components/popper/src/arrow.mjs';
@@ -122,14 +122,14 @@ export { default as ElPopperContent } from './components/popper/src/content2.mjs
 export { ElPopper } from './components/popper/index.mjs';
 export { progressProps } from './components/progress/src/progress.mjs';
 export { ElProgress } from './components/progress/index.mjs';
-export { radioEmits, radioProps, radioPropsBase } from './components/radio/src/radio.mjs';
+export { radioEmits, radioProps, radioPropsBase } from './components/radio/src/radio2.mjs';
 export { radioGroupEmits, radioGroupProps } from './components/radio/src/radio-group.mjs';
 export { radioButtonProps } from './components/radio/src/radio-button.mjs';
 export { radioGroupKey } from './components/radio/src/constants.mjs';
 export { ElRadio, ElRadioButton, ElRadioGroup } from './components/radio/index.mjs';
-export { rateEmits, rateProps } from './components/rate/src/rate.mjs';
+export { rateEmits, rateProps } from './components/rate/src/rate2.mjs';
 export { ElRate } from './components/rate/index.mjs';
-export { IconComponentMap, IconMap, resultProps } from './components/result/src/result.mjs';
+export { IconComponentMap, IconMap, resultProps } from './components/result/src/result2.mjs';
 export { ElResult } from './components/result/index.mjs';
 export { RowAlign, RowJustify, rowProps } from './components/row/src/row.mjs';
 export { rowContextKey } from './components/row/src/constants.mjs';
@@ -144,8 +144,8 @@ export { selectEmits, selectProps } from './components/select/src/select.mjs';
 export { ElOption, ElOptionGroup, ElSelect } from './components/select/index.mjs';
 export { selectV2InjectionKey } from './components/select-v2/src/token.mjs';
 export { ElSelectV2 } from './components/select-v2/index.mjs';
-export { skeletonProps } from './components/skeleton/src/skeleton.mjs';
-export { skeletonItemProps } from './components/skeleton/src/skeleton-item.mjs';
+export { skeletonProps } from './components/skeleton/src/skeleton2.mjs';
+export { skeletonItemProps } from './components/skeleton/src/skeleton-item2.mjs';
 export { ElSkeleton, ElSkeletonItem } from './components/skeleton/index.mjs';
 export { sliderEmits, sliderProps } from './components/slider/src/slider.mjs';
 export { sliderContextKey } from './components/slider/src/constants.mjs';
@@ -160,7 +160,7 @@ export { stepProps } from './components/steps/src/item.mjs';
 export { stepsEmits, stepsProps } from './components/steps/src/steps2.mjs';
 export { STEPS_INJECTION_KEY } from './components/steps/src/tokens.mjs';
 export { ElStep, ElSteps } from './components/steps/index.mjs';
-export { switchEmits, switchProps } from './components/switch/src/switch2.mjs';
+export { switchEmits, switchProps } from './components/switch/src/switch.mjs';
 export { ElSwitch } from './components/switch/index.mjs';
 export { ElTable, ElTableColumn } from './components/table/index.mjs';
 export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder } from './components/table-v2/src/constants.mjs';
@@ -223,10 +223,10 @@ export { anchorEmits, anchorProps } from './components/anchor/src/anchor.mjs';
 export { ElAnchor, ElAnchorLink } from './components/anchor/index.mjs';
 export { defaultProps, segmentedEmits, segmentedProps } from './components/segmented/src/segmented.mjs';
 export { ElSegmented } from './components/segmented/index.mjs';
-export { mentionEmits, mentionProps } from './components/mention/src/mention2.mjs';
+export { mentionEmits, mentionProps } from './components/mention/src/mention.mjs';
 export { ElMention } from './components/mention/index.mjs';
 export { splitterProps } from './components/splitter/src/splitter.mjs';
-export { splitterPanelProps } from './components/splitter/src/split-panel2.mjs';
+export { splitterPanelProps } from './components/splitter/src/split-panel.mjs';
 export { ElSplitter, ElSplitterPanel } from './components/splitter/index.mjs';
 export { ElInfiniteScroll } from './components/infinite-scroll/index.mjs';
 export { ElLoading } from './components/loading/index.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20250630";
+export declare const version = "0.0.20250701";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20250630";
+const version = "0.0.20250701";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20250630'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20250701'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/alert/src/alert.d.ts

@@ -6,7 +6,7 @@ export declare const alertProps: {
     readonly autoClose: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly description: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "primary" | "warning" | "info", unknown, "info", boolean>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
     readonly closable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeText: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly showIcon: BooleanConstructor;

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

@@ -9,7 +9,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly autoClose: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly description: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "primary" | "warning" | "info", unknown, "info", boolean>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
     readonly closable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeText: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly showIcon: BooleanConstructor;
@@ -24,7 +24,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly autoClose: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly description: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "error" | "success" | "primary" | "warning" | "info", unknown, "info", boolean>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown, "info", boolean>;
     readonly closable: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly closeText: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly showIcon: BooleanConstructor;
@@ -36,7 +36,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
 }, {
     readonly title: string;
     readonly center: boolean;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "error" | "success" | "primary" | "warning" | "info", unknown>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "error" | "primary" | "success" | "warning" | "info", unknown>;
     readonly description: string;
     readonly effect: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "dark" | "light", unknown>;
     readonly showAfter: number;

package/lib/components/badge/src/badge.d.ts

@@ -4,7 +4,7 @@ export declare const badgeProps: {
     readonly max: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
     readonly isDot: BooleanConstructor;
     readonly hidden: BooleanConstructor;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown, "danger", boolean>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "danger", boolean>;
     readonly showZero: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly color: StringConstructor;
     readonly badgeStyle: {

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

@@ -10,7 +10,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly max: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
     readonly isDot: BooleanConstructor;
     readonly hidden: BooleanConstructor;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown, "danger", boolean>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "danger", boolean>;
     readonly showZero: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly color: StringConstructor;
     readonly badgeStyle: {
@@ -34,7 +34,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly max: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
     readonly isDot: BooleanConstructor;
     readonly hidden: BooleanConstructor;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown, "danger", boolean>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "danger", boolean>;
     readonly showZero: import("@element-plus/nightly/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly color: StringConstructor;
     readonly badgeStyle: {
@@ -54,7 +54,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly hidden: boolean;
     readonly offset: [number, number];
     readonly value: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "success" | "primary" | "warning" | "info" | "danger", unknown>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
     readonly max: number;
     readonly showZero: import("@element-plus/nightly/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly isDot: boolean;

package/lib/components/button/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var button$1 = require('./src/button.js');
+var button$1 = require('./src/button2.js');
 var buttonGroup = require('./src/button-group2.js');
-var button = require('./src/button2.js');
+var button = require('./src/button.js');
 var constants = require('./src/constants.js');
 var install = require('../../utils/vue/install.js');
 

package/lib/components/button/src/button-group.d.ts

@@ -12,6 +12,6 @@ export declare const buttonGroupProps: {
     /**
      * @description control the type of buttons in this button-group
      */
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "success" | "primary" | "warning" | "info" | "danger", unknown, "", boolean>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
 };
 export type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>;

package/lib/components/button/src/button-group.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var button = require('./button2.js');
+var button = require('./button.js');
 
 const buttonGroupProps = {
   size: button.buttonProps.size,

package/lib/components/button/src/button-group.vue.d.ts

@@ -8,7 +8,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "success" | "primary" | "warning" | "info" | "danger", unknown, "", boolean>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly size: {
         readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
@@ -16,9 +16,9 @@ declare const __VLS_component: import("vue").DefineComponent<{
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "success" | "primary" | "warning" | "info" | "danger", unknown, "", boolean>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
 }>>, {
-    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "success" | "primary" | "warning" | "info" | "danger", unknown>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
 }>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -9,7 +9,7 @@ export declare const buttonProps: {
         __epPropKey: true;
     };
     readonly disabled: BooleanConstructor;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "success" | "primary" | "warning" | "info" | "danger", unknown, "", 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 | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;

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

@@ -2,95 +2,73 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../icon/index.js');
-var useButton = require('./use-button.js');
-var button = require('./button2.js');
-var buttonCustom = require('./button-custom.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
+var icon = require('../../../utils/vue/icon.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElButton"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: button.buttonProps,
-  emits: button.buttonEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const buttonStyle = buttonCustom.useButtonCustomStyle(props);
-    const ns = index.useNamespace("button");
-    const {
-      _ref,
-      _size,
-      _type,
-      _disabled,
-      _props,
-      _plain,
-      _round,
-      shouldAddSpace,
-      handleClick
-    } = useButton.useButton(props, emit);
-    const buttonKls = vue.computed(() => [
-      ns.b(),
-      ns.m(_type.value),
-      ns.m(_size.value),
-      ns.is("disabled", _disabled.value),
-      ns.is("loading", props.loading),
-      ns.is("plain", _plain.value),
-      ns.is("round", _round.value),
-      ns.is("circle", props.circle),
-      ns.is("text", props.text),
-      ns.is("link", props.link),
-      ns.is("has-bg", props.bg)
-    ]);
-    expose({
-      ref: _ref,
-      size: _size,
-      type: _type,
-      disabled: _disabled,
-      shouldAddSpace
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), vue.mergeProps({
-        ref_key: "_ref",
-        ref: _ref
-      }, vue.unref(_props), {
-        class: vue.unref(buttonKls),
-        style: vue.unref(buttonStyle),
-        onClick: vue.unref(handleClick)
-      }), {
-        default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            _ctx.$slots.loading ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).is("loading"))
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.loadingIcon)))
-              ]),
-              _: 1
-            }, 8, ["class"]))
-          ], 64)) : _ctx.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 })
-            ]),
-            _: 3
-          })) : vue.createCommentVNode("v-if", true),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("span", {
-            key: 2,
-            class: vue.normalizeClass({ [vue.unref(ns).em("text", "expand")]: vue.unref(shouldAddSpace) })
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 2)) : vue.createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 16, ["class", "style", "onClick"]);
-    };
+const buttonTypes = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+];
+const buttonNativeTypes = ["button", "submit", "reset"];
+const buttonProps = runtime.buildProps({
+  size: index.useSizeProp,
+  disabled: Boolean,
+  type: {
+    type: String,
+    values: buttonTypes,
+    default: ""
+  },
+  icon: {
+    type: icon.iconPropType
+  },
+  nativeType: {
+    type: String,
+    values: buttonNativeTypes,
+    default: "button"
+  },
+  loading: Boolean,
+  loadingIcon: {
+    type: icon.iconPropType,
+    default: () => iconsVue.Loading
+  },
+  plain: {
+    type: Boolean,
+    default: void 0
+  },
+  text: Boolean,
+  link: Boolean,
+  bg: Boolean,
+  autofocus: Boolean,
+  round: {
+    type: Boolean,
+    default: void 0
+  },
+  circle: Boolean,
+  color: String,
+  dark: Boolean,
+  autoInsertSpace: {
+    type: Boolean,
+    default: void 0
+  },
+  tag: {
+    type: runtime.definePropType([String, Object]),
+    default: "button"
   }
 });
-var Button = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "button.vue"]]);
+const buttonEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-exports["default"] = Button;
+exports.buttonEmits = buttonEmits;
+exports.buttonNativeTypes = buttonNativeTypes;
+exports.buttonProps = buttonProps;
+exports.buttonTypes = buttonTypes;
 //# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.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  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', props.text),\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","_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_unref"],"mappings":";;;;;;;;;;;;uCAoCc,CAAA;AAAA,EACZ,IAAM,EAAA,UAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAKA,IAAM,MAAA,WAAA,GAAcA,kCAAqB,KAAK,CAAA,CAAA;AAC9C,IAAM,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;AAChC,IAAM,MAAA;AAAA,MACJ,IAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,KACF,GAAIC,mBAAU,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AACzB,IAAM,MAAA,SAAA,GAAYC,aAAS,MAAM;AAAA,MAC/B,GAAG,CAAE,EAAA;AAAA,MACL,EAAA,CAAG,CAAE,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAChB,EAAA,CAAG,CAAE,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAChB,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MACjC,EAAG,CAAA,EAAA,CAAG,SAAW,EAAA,KAAA,CAAM,OAAO,CAAA;AAAA,MAC9B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC3B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC3B,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,KAAA,CAAM,MAAM,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,MAAQ,EAAA,KAAA,CAAM,IAAI,CAAA;AAAA,MACxB,EAAG,CAAA,EAAA,CAAG,MAAQ,EAAA,KAAA,CAAM,IAAI,CAAA;AAAA,MACxB,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,KAAA,CAAM,EAAE,CAAA;AAAA,KACzB,CAAA,CAAA;AAED,IAAa,MAAA,CAAA;AAAA,MAAA,GAAA,EAAA,IAAA;AAAA,MAEX,IAAK,EAAA,KAAA;AAAA,MAAA,IAAA,EAAA,KAAA;AAAA,MAEL,QAAM,EAAA,SAAA;AAAA,MAAA,cAAA;AAAA,KAAA,CAEN,CAAM;AAAA,IAAA,OAAA,CAAA,IAAA,EAAA,MAAA,KAAA;AAAA,MAEN,OAAUC,aAAA,EAAA,EAAAC,eAAA,CAAAC,2BAAA,CAAA,IAAA,CAAA,GAAA,CAAA,EAAAC,cAAA,CAAA;AAAA,QAAA,OAAA,EAAA,MAAA;AAAA,QAEV,GAAA,EAAA,IAAA;AAAA,OACD,EAAAC,SAAA,CAAA,MAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 } 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: Boolean,\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: 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: {\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 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  round?: boolean\n  autoInsertSpace?: boolean\n}\n"],"names":["buildProps","useSizeProp","iconPropType","Loading","definePropType"],"mappings":";;;;;;;;;AAGY,MAAC,WAAW,GAAG;AAC3B,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,SAAS;AACX,EAAE,MAAM;AACR,EAAE,QAAQ;AACV,EAAE,MAAM;AACR,EAAE,EAAE;AACJ,EAAE;AACU,MAAC,iBAAiB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE;AACnD,MAAC,WAAW,GAAGA,kBAAU,CAAC;AACtC,EAAE,IAAI,EAAEC,iBAAW;AACnB,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,WAAW;AACvB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,GAAG;AACH,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,iBAAiB;AAC7B,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAEA,iBAAY;AACtB,IAAI,OAAO,EAAE,MAAMC,gBAAO;AAC1B,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,EAAE,EAAE,OAAO;AACb,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,eAAe,EAAE;AACnB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK,CAAC;AACnB,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAEC,sBAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,QAAQ;AACrB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,WAAW,GAAG;AAC3B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;;;"}

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

@@ -11,7 +11,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly disabled: BooleanConstructor;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "success" | "primary" | "warning" | "info" | "danger", unknown, "", 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;
@@ -53,7 +53,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     readonly disabled: BooleanConstructor;
-    readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "text" | "default" | "success" | "primary" | "warning" | "info" | "danger", unknown, "", 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;
@@ -83,7 +83,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     readonly disabled: boolean;
     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" | "success" | "primary" | "warning" | "info" | "danger", unknown>;
+    readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
     readonly bg: boolean;
     readonly loading: boolean;
     readonly autofocus: boolean;