@element-plus/nightly 0.0.20260101 → 0.0.20260102

package/es/index.mjs

@@ -18,10 +18,10 @@ 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/calendar2.mjs';
+export { calendarEmits, calendarProps } from './components/calendar/src/calendar.mjs';
 export { ElCalendar } from './components/calendar/index.mjs';
 export { cardContextKey, cardProps } from './components/card/src/card.mjs';
 export { ElCard } from './components/card/index.mjs';
@@ -47,9 +47,9 @@ 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';
 export { ElCollapseTransition } from './components/collapse-transition/index.mjs';
-export { ROOT_COMMON_COLOR_INJECTION_KEY, colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps } from './components/color-picker-panel/src/color-picker-panel.mjs';
+export { ROOT_COMMON_COLOR_INJECTION_KEY, colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps } from './components/color-picker-panel/src/color-picker-panel2.mjs';
 export { ElColorPickerPanel } from './components/color-picker-panel/index.mjs';
-export { colorPickerEmits, colorPickerProps } from './components/color-picker/src/color-picker.mjs';
+export { colorPickerEmits, colorPickerProps } from './components/color-picker/src/color-picker2.mjs';
 export { ElColorPicker } from './components/color-picker/index.mjs';
 export { messageConfig } from './components/config-provider/src/config-provider.mjs';
 export { configProviderProps } from './components/config-provider/src/config-provider-props.mjs';
@@ -73,7 +73,7 @@ export { DEFAULT_DIALOG_TRANSITION, dialogInjectionKey } from './components/dial
 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/drawer2.mjs';
+export { drawerEmits, drawerProps } from './components/drawer/src/drawer.mjs';
 export { ElDrawer } from './components/drawer/index.mjs';
 export { 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';
@@ -88,7 +88,7 @@ export { useFormItem, useFormItemInputId } from './components/form/src/hooks/use
 export { ElForm, ElFormItem } from './components/form/index.mjs';
 export { iconProps } from './components/icon/src/icon.mjs';
 export { ElIcon } from './components/icon/index.mjs';
-export { imageEmits, imageProps } from './components/image/src/image.mjs';
+export { imageEmits, imageProps } from './components/image/src/image2.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';
@@ -96,13 +96,13 @@ 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-number.mjs';
 export { ElInputNumber } from './components/input-number/index.mjs';
-export { inputTagEmits, inputTagProps } from './components/input-tag/src/input-tag.mjs';
+export { inputTagEmits, inputTagProps } from './components/input-tag/src/input-tag2.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';
 export { menuEmits, menuProps } from './components/menu/src/menu.mjs';
 export { menuItemEmits, menuItemProps } from './components/menu/src/menu-item.mjs';
-export { menuItemGroupProps } from './components/menu/src/menu-item-group.mjs';
+export { menuItemGroupProps } from './components/menu/src/menu-item-group2.mjs';
 export { subMenuProps } from './components/menu/src/sub-menu.mjs';
 export { MENU_INJECTION_KEY, SUB_MENU_INJECTION_KEY } from './components/menu/src/tokens.mjs';
 export { ElMenu, ElMenuItem, ElMenuItemGroup, ElSubMenu } from './components/menu/index.mjs';
@@ -113,16 +113,16 @@ 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 { popconfirmEmits, popconfirmProps } from './components/popconfirm/src/popconfirm2.mjs';
 export { ElPopconfirm } from './components/popconfirm/index.mjs';
 export { Effect, popperProps, roleTypes, usePopperProps } from './components/popper/src/popper.mjs';
 export { popperTriggerProps, usePopperTriggerProps } from './components/popper/src/trigger.mjs';
-export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content.mjs';
+export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './components/popper/src/content2.mjs';
 export { popperArrowProps, usePopperArrowProps } from './components/popper/src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './components/popper/src/constants.mjs';
 export { default as ElPopperArrow } from './components/popper/src/arrow2.mjs';
 export { default as ElPopperTrigger } from './components/popper/src/trigger2.mjs';
-export { default as ElPopperContent } from './components/popper/src/content2.mjs';
+export { default as ElPopperContent } from './components/popper/src/content.mjs';
 export { ElPopper } from './components/popper/index.mjs';
 export { progressProps } from './components/progress/src/progress.mjs';
 export { ElProgress } from './components/progress/index.mjs';
@@ -135,7 +135,7 @@ export { rateEmits, rateProps } from './components/rate/src/rate.mjs';
 export { ElRate } from './components/rate/index.mjs';
 export { IconComponentMap, IconMap, resultProps } from './components/result/src/result.mjs';
 export { ElResult } from './components/result/index.mjs';
-export { RowAlign, RowJustify, rowProps } from './components/row/src/row2.mjs';
+export { RowAlign, RowJustify, rowProps } from './components/row/src/row.mjs';
 export { rowContextKey } from './components/row/src/constants.mjs';
 export { ElRow } from './components/row/index.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './components/scrollbar/src/util.mjs';
@@ -161,7 +161,7 @@ export { ElSpace } from './components/space/index.mjs';
 export { statisticProps } from './components/statistic/src/statistic.mjs';
 export { ElStatistic } from './components/statistic/index.mjs';
 export { stepProps } from './components/steps/src/item.mjs';
-export { stepsEmits, stepsProps } from './components/steps/src/steps.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/switch.mjs';
@@ -196,11 +196,11 @@ export { timelineItemProps } from './components/timeline/src/timeline-item.mjs';
 export { TIMELINE_INJECTION_KEY } from './components/timeline/src/tokens.mjs';
 export { ElTimeline, ElTimelineItem } from './components/timeline/index.mjs';
 export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './components/tooltip/src/tooltip.mjs';
-export { useTooltipTriggerProps } from './components/tooltip/src/trigger2.mjs';
+export { useTooltipTriggerProps } from './components/tooltip/src/trigger.mjs';
 export { useTooltipContentProps } from './components/tooltip/src/content.mjs';
 export { TOOLTIP_INJECTION_KEY } from './components/tooltip/src/constants.mjs';
 export { ElTooltip } from './components/tooltip/index.mjs';
-export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './components/transfer/src/transfer2.mjs';
+export { LEFT_CHECK_CHANGE_EVENT, RIGHT_CHECK_CHANGE_EVENT, transferCheckedChangeFn, transferEmits, transferProps } from './components/transfer/src/transfer.mjs';
 export { ElTransfer } from './components/transfer/index.mjs';
 export { NODE_INSTANCE_INJECTION_KEY, ROOT_TREE_INJECTION_KEY, TREE_NODE_MAP_INJECTION_KEY } from './components/tree/src/tokens.mjs';
 export { treeEmits, treeProps } from './components/tree/src/tree.mjs';
@@ -208,7 +208,7 @@ export { ElTree } from './components/tree/index.mjs';
 export { ElTreeSelect } from './components/tree-select/index.mjs';
 export { ElTreeV2 } from './components/tree-v2/index.mjs';
 export { genFileId, uploadBaseProps, uploadListTypes, uploadProps } from './components/upload/src/upload.mjs';
-export { uploadContentProps } from './components/upload/src/upload-content2.mjs';
+export { uploadContentProps } from './components/upload/src/upload-content.mjs';
 export { uploadListEmits, uploadListProps } from './components/upload/src/upload-list.mjs';
 export { uploadDraggerEmits, uploadDraggerProps } from './components/upload/src/upload-dragger.mjs';
 export { uploadContextKey } from './components/upload/src/constants.mjs';
@@ -222,7 +222,7 @@ export { watermarkProps } from './components/watermark/src/watermark.mjs';
 export { ElWatermark } from './components/watermark/index.mjs';
 export { tourEmits, tourProps } from './components/tour/src/tour.mjs';
 export { tourStepEmits, tourStepProps } from './components/tour/src/step.mjs';
-export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './components/tour/src/content2.mjs';
+export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './components/tour/src/content.mjs';
 export { ElTour, ElTourStep } from './components/tour/index.mjs';
 export { anchorEmits, anchorProps } from './components/anchor/src/anchor.mjs';
 export { ElAnchor, ElAnchorLink } from './components/anchor/index.mjs';
@@ -230,8 +230,8 @@ export { defaultProps, segmentedEmits, segmentedProps } from './components/segme
 export { ElSegmented } from './components/segmented/index.mjs';
 export { mentionDefaultProps, mentionEmits, mentionProps } from './components/mention/src/mention.mjs';
 export { ElMention } from './components/mention/index.mjs';
-export { splitterEmits, splitterProps } from './components/splitter/src/splitter.mjs';
-export { splitterPanelEmits, splitterPanelProps } from './components/splitter/src/split-panel2.mjs';
+export { splitterEmits, splitterProps } from './components/splitter/src/splitter2.mjs';
+export { splitterPanelEmits, 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.20260101";
+export declare const version = "0.0.20260102";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20260101";
+const version = "0.0.20260102";
 
 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.20260101'\n"],"names":[],"mappings":"AAAO,MAAM,OAAU,GAAA;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20260102'\n"],"names":[],"mappings":"AAAO,MAAM,OAAU,GAAA;;;;"}

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.js

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

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

@@ -2,107 +2,79 @@
 
 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 _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElButton"
+const buttonTypes = [
+  "default",
+  "primary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "text",
+  ""
+];
+const buttonNativeTypes = ["button", "submit", "reset"];
+const buttonProps = runtime.buildProps({
+  size: index.useSizeProp,
+  disabled: {
+    type: Boolean,
+    default: void 0
   },
-  __name: "button",
-  props: button.buttonProps,
-  emits: button.buttonEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const buttonStyle = buttonCustom.useButtonCustomStyle(props);
-    const ns = index.useNamespace("button");
-    const {
-      _ref,
-      _size,
-      _type,
-      _disabled,
-      _props,
-      _plain,
-      _round,
-      _text,
-      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", _text.value),
-      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: buttonKls.value,
-        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"]);
-    };
+  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: {
+    type: Boolean,
+    default: void 0
+  },
+  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", "/home/runner/work/element-plus/element-plus/packages/components/button/src/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  _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","_openBlock","_createElementBlock","_Fragment","$slots","_renderSlot","ElIcon","_normalizeClass","loadingIcon","icon","_withCtx"],"mappings":"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"}
+{"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,WAAc,GAAA;AAAA,EACzB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EAKA,MAAA;AAAA,EACA,EAAA;AACF,EAAA;AACO,MAAM,iBAAoB,GAAA,CAAC,QAAU,EAAA,QAAA,EAAU,OAAO,EAAA;AAEtD,MAAM,cAAcA,kBAAW,CAAA;AAAA,EAIpC,IAAM,EAAAC,iBAAA;AAAA,EAIN,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,WAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,iBAAA;AAAA,IACR,OAAS,EAAA,QAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AAAA,EAIT,WAAa,EAAA;AAAA,IACX,IAAM,EAAAA,iBAAA;AAAA,IACN,SAAS,MAAMC,gBAAA;AAAA,GACjB;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA,OAAA;AAAA,EAIN,EAAI,EAAA,OAAA;AAAA,EAIJ,SAAW,EAAA,OAAA;AAAA,EAIX,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA,OAAA;AAAA,EAIR,KAAO,EAAA,MAAA;AAAA,EAIP,IAAM,EAAA,OAAA;AAAA,EAIN,eAAiB,EAAA;AAAA,IACf,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAAC,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAS,EAAA,QAAA;AAAA,GACX;AACF,CAAU,EAAA;AACH,MAAM,WAAc,GAAA;AAAA,EACzB,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAC7C;;;;;;;"}

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

@@ -2,79 +2,107 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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');
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+var useButton = require('./use-button.js');
+var button = require('./button.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');
 
-const buttonTypes = [
-  "default",
-  "primary",
-  "success",
-  "warning",
-  "info",
-  "danger",
-  "text",
-  ""
-];
-const buttonNativeTypes = ["button", "submit", "reset"];
-const buttonProps = runtime.buildProps({
-  size: index.useSizeProp,
-  disabled: {
-    type: Boolean,
-    default: void 0
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElButton"
   },
-  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: {
-    type: Boolean,
-    default: void 0
-  },
-  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"
+  __name: "button",
+  props: button.buttonProps,
+  emits: button.buttonEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const buttonStyle = buttonCustom.useButtonCustomStyle(props);
+    const ns = index.useNamespace("button");
+    const {
+      _ref,
+      _size,
+      _type,
+      _disabled,
+      _props,
+      _plain,
+      _round,
+      _text,
+      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", _text.value),
+      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: buttonKls.value,
+        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 buttonEmits = {
-  click: (evt) => evt instanceof MouseEvent
-};
+var Button = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button.vue"]]);
 
-exports.buttonEmits = buttonEmits;
-exports.buttonNativeTypes = buttonNativeTypes;
-exports.buttonProps = buttonProps;
-exports.buttonTypes = buttonTypes;
+exports["default"] = Button;
 //# sourceMappingURL=button2.js.map