@element-plus/nightly 0.0.20240104 → 0.0.20240105

package/es/components/tour/src/mask2.mjs

@@ -1,117 +1,24 @@
-import { createElementVNode, defineComponent, inject, toRef, openBlock, createElementBlock, mergeProps, unref, normalizeClass, createCommentVNode, Fragment } from 'vue';
-import '../../../hooks/index.mjs';
-import { maskProps } from './mask.mjs';
-import { tourKey } from './helper.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useId } from '../../../hooks/use-id/index.mjs';
-import { useLockscreen } from '../../../hooks/use-lockscreen/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = { style: {
-  width: "100%",
-  height: "100%"
-} };
-const _hoisted_2 = /* @__PURE__ */ createElementVNode("rect", {
-  x: "0",
-  y: "0",
-  width: "100vw",
-  height: "100vh",
-  fill: "white"
-}, null, -1);
-const _hoisted_3 = ["x", "y", "rx", "width", "height"];
-const _hoisted_4 = ["fill", "mask"];
-const _hoisted_5 = ["height"];
-const _hoisted_6 = ["width"];
-const _hoisted_7 = ["y", "height"];
-const _hoisted_8 = ["x", "width"];
-const __default__ = defineComponent({
-  name: "ElTourMask",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: maskProps,
-  setup(__props) {
-    const props = __props;
-    const { ns } = inject(tourKey);
-    const id = useId();
-    const maskId = `el-tour-mask-${id.value}`;
-    useLockscreen(toRef(props, "visible"), {
-      ns
-    });
-    const COVER_PROPS = {
-      fill: "transparent",
-      "pointer-events": "auto"
-    };
-    return (_ctx, _cache) => {
-      return _ctx.visible ? (openBlock(), createElementBlock("div", mergeProps({
-        key: 0,
-        class: unref(ns).e("mask"),
-        style: {
-          position: "fixed",
-          left: 0,
-          right: 0,
-          top: 0,
-          bottom: 0,
-          zIndex: _ctx.zIndex,
-          pointerEvents: _ctx.pos && _ctx.targetAreaClickable ? "none" : "auto"
-        }
-      }, _ctx.$attrs), [
-        (openBlock(), createElementBlock("svg", _hoisted_1, [
-          createElementVNode("defs", null, [
-            createElementVNode("mask", { id: maskId }, [
-              _hoisted_2,
-              _ctx.pos ? (openBlock(), createElementBlock("rect", {
-                key: 0,
-                class: normalizeClass(unref(ns).e("hollow")),
-                x: _ctx.pos.left,
-                y: _ctx.pos.top,
-                rx: _ctx.pos.radius,
-                width: _ctx.pos.width,
-                height: _ctx.pos.height,
-                fill: "black"
-              }, null, 10, _hoisted_3)) : createCommentVNode("v-if", true)
-            ])
-          ]),
-          createElementVNode("rect", {
-            x: "0",
-            y: "0",
-            width: "100%",
-            height: "100%",
-            fill: _ctx.fill,
-            mask: `url(#${maskId})`
-          }, null, 8, _hoisted_4),
-          _ctx.pos ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: "0",
-              y: "0",
-              width: "100%",
-              height: _ctx.pos.top
-            }), null, 16, _hoisted_5),
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: "0",
-              y: "0",
-              width: _ctx.pos.left,
-              height: "100%"
-            }), null, 16, _hoisted_6),
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: "0",
-              y: _ctx.pos.top + _ctx.pos.height,
-              width: "100%",
-              height: `calc(100vh - ${_ctx.pos.top + _ctx.pos.height}px)`
-            }), null, 16, _hoisted_7),
-            createElementVNode("rect", mergeProps(COVER_PROPS, {
-              x: _ctx.pos.left + _ctx.pos.width,
-              y: "0",
-              width: `calc(100vw - ${_ctx.pos.left + _ctx.pos.width}px)`,
-              height: "100%"
-            }), null, 16, _hoisted_8)
-          ], 64)) : createCommentVNode("v-if", true)
-        ]))
-      ], 16)) : createCommentVNode("v-if", true);
-    };
+const maskProps = buildProps({
+  zIndex: {
+    type: Number,
+    default: 1001
+  },
+  visible: Boolean,
+  fill: {
+    type: String,
+    default: "rgba(0,0,0,0.5)"
+  },
+  pos: {
+    type: definePropType(Object)
+  },
+  targetAreaClickable: {
+    type: Boolean,
+    default: true
   }
 });
-var ElTourMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "mask.vue"]]);
 
-export { ElTourMask as default };
+export { maskProps };
 //# sourceMappingURL=mask2.mjs.map

package/es/components/tour/src/mask2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mask2.mjs","sources":["../../../../../../packages/components/tour/src/mask.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"visible\"\n    :class=\"ns.e('mask')\"\n    :style=\"({\n      position: 'fixed',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      zIndex,\n      pointerEvents: pos && targetAreaClickable ? 'none' : 'auto',\n    } as any)\"\n    v-bind=\"$attrs\"\n  >\n    <svg\n      :style=\"{\n        width: '100%',\n        height: '100%',\n      }\"\n    >\n      <defs>\n        <mask :id=\"maskId\">\n          <rect x=\"0\" y=\"0\" width=\"100vw\" height=\"100vh\" fill=\"white\" />\n          <rect\n            v-if=\"pos\"\n            :class=\"ns.e('hollow')\"\n            :x=\"pos.left\"\n            :y=\"pos.top\"\n            :rx=\"pos.radius\"\n            :width=\"pos.width\"\n            :height=\"pos.height\"\n            fill=\"black\"\n          />\n        </mask>\n      </defs>\n      <rect\n        x=\"0\"\n        y=\"0\"\n        width=\"100%\"\n        height=\"100%\"\n        :fill=\"fill\"\n        :mask=\"`url(#${maskId})`\"\n      />\n      <template v-if=\"pos\">\n        <rect v-bind=\"COVER_PROPS\" x=\"0\" y=\"0\" width=\"100%\" :height=\"pos.top\" />\n        <rect\n          v-bind=\"COVER_PROPS\"\n          x=\"0\"\n          y=\"0\"\n          :width=\"pos.left\"\n          height=\"100%\"\n        />\n        <rect\n          v-bind=\"COVER_PROPS\"\n          x=\"0\"\n          :y=\"pos.top + pos.height\"\n          width=\"100%\"\n          :height=\"`calc(100vh - ${pos.top + pos.height}px)`\"\n        />\n        <rect\n          v-bind=\"COVER_PROPS\"\n          :x=\"pos.left + pos.width\"\n          y=\"0\"\n          :width=\"`calc(100vw - ${pos.left + pos.width}px)`\"\n          height=\"100%\"\n        />\n      </template>\n    </svg>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, toRef } from 'vue'\nimport { useId, useLockscreen } from '@element-plus/hooks'\nimport { maskProps } from './mask'\nimport { tourKey } from './helper'\n\ndefineOptions({\n  name: 'ElTourMask',\n  inheritAttrs: false,\n})\n\nconst props = defineProps(maskProps)\n\nconst { ns } = inject(tourKey)!\n\nconst id = useId()\nconst maskId = `el-tour-mask-${id.value}`\n\nuseLockscreen(toRef(props, 'visible'), {\n  ns,\n})\n\nconst COVER_PROPS = {\n  fill: 'transparent',\n  'pointer-events': 'auto',\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;mCA8Ec,CAAA;AAAA,EACZ,IAAM,EAAA,YAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;AAIA,IAAM,MAAA,EAAE,EAAO,EAAA,GAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AAE7B,IAAA,MAAM,KAAK,KAAM,EAAA,CAAA;AACjB,IAAM,MAAA,MAAA,GAAS,gBAAgB,EAAG,CAAA,KAAA,CAAA,CAAA,CAAA;AAElC,IAAc,aAAA,CAAA,KAAA,CAAM,KAAO,EAAA,SAAS,CAAG,EAAA;AAAA,MACrC,EAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,WAAc,GAAA;AAAA,MAClB,IAAM,EAAA,aAAA;AAAA,MACN,gBAAkB,EAAA,MAAA;AAAA,KACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"mask2.mjs","sources":["../../../../../../packages/components/tour/src/mask.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { PosInfo } from './types'\n\nexport const maskProps = buildProps({\n  /**\n   * @description mask's zIndex\n   */\n  zIndex: {\n    type: Number,\n    default: 1001,\n  },\n  /**\n   * @description whether to show the mask\n   */\n  visible: Boolean,\n  /**\n   * @description mask's fill\n   */\n  fill: {\n    type: String,\n    default: 'rgba(0,0,0,0.5)',\n  },\n  /***\n   * @description mask's transparent space position\n   */\n  pos: {\n    type: definePropType<PosInfo | null>(Object),\n  },\n  /**\n   * @description whether the target element can be clickable, when using mask\n   */\n  targetAreaClickable: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport type MaskProps = ExtractPropTypes<typeof maskProps>\n"],"names":[],"mappings":";;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,OAAO,EAAE,OAAO;AAClB,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,iBAAiB;AAC9B,GAAG;AACH,EAAE,GAAG,EAAE;AACP,IAAI,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,mBAAmB,EAAE;AACvB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC;;;;"}

package/es/components/tour/src/tour2.mjs

@@ -2,7 +2,7 @@ import { defineComponent, ref, computed, toRef, watch, useSlots, provide, openBl
 import { useVModel } from '@vueuse/core';
 import '../../../hooks/index.mjs';
 import '../../../utils/index.mjs';
-import ElTourMask from './mask2.mjs';
+import ElTourMask from './mask.mjs';
 import ElTourContent from './content2.mjs';
 import ElTourSteps from './steps.mjs';
 import { tourProps, tourEmits } from './tour.mjs';

package/es/index.mjs

@@ -22,10 +22,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/button.mjs';
+export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './components/button/src/button2.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 { cardProps } from './components/card/src/card.mjs';
 export { ElCard } from './components/card/index.mjs';

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20240104";
+export declare const version = "0.0.20240105";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "0.0.20240104";
+const version = "0.0.20240105";
 
 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.20240104'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20240105'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/button/index.js

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

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

@@ -2,12 +2,36 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var button = require('./button.js');
+var vue = require('vue');
+require('../../../hooks/index.js');
+var buttonGroup = require('./button-group2.js');
+var constants = require('./constants.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const buttonGroupProps = {
-  size: button.buttonProps.size,
-  type: button.buttonProps.type
-};
+const __default__ = vue.defineComponent({
+  name: "ElButtonGroup"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: buttonGroup.buttonGroupProps,
+  setup(__props) {
+    const props = __props;
+    vue.provide(constants.buttonGroupContextKey, vue.reactive({
+      size: vue.toRef(props, "size"),
+      type: vue.toRef(props, "type")
+    }));
+    const ns = index.useNamespace("button");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(`${vue.unref(ns).b("group")}`)
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var ButtonGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "button-group.vue"]]);
 
-exports.buttonGroupProps = buttonGroupProps;
+exports["default"] = ButtonGroup;
 //# sourceMappingURL=button-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","sources":["../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { buttonProps } from './button'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const buttonGroupProps = {\n  /**\n   * @description control the size of buttons in this button-group\n   */\n  size: buttonProps.size,\n  /**\n   * @description control the type of buttons in this button-group\n   */\n  type: buttonProps.type,\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\n"],"names":["buttonProps"],"mappings":";;;;;;AACY,MAAC,gBAAgB,GAAG;AAChC,EAAE,IAAI,EAAEA,kBAAW,CAAC,IAAI;AACxB,EAAE,IAAI,EAAEA,kBAAW,CAAC,IAAI;AACxB;;;;"}
+{"version":3,"file":"button-group.js","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div :class=\"`${ns.b('group')}`\">\n    <slot />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { provide, reactive, toRef } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { buttonGroupProps } from './button-group'\nimport { buttonGroupContextKey } from './constants'\n\ndefineOptions({\n  name: 'ElButtonGroup',\n})\nconst props = defineProps(buttonGroupProps)\nprovide(\n  buttonGroupContextKey,\n  reactive({\n    size: toRef(props, 'size'),\n    type: toRef(props, 'type'),\n  })\n)\nconst ns = useNamespace('button')\n</script>\n"],"names":["provide","buttonGroupContextKey","reactive","toRef","useNamespace"],"mappings":";;;;;;;;;;;uCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAAA,WAAA,CACEC,iCACAC,YAAS,CAAA;AAAA,MACP,IAAA,EAAMC,SAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,MACzB,IAAA,EAAMA,SAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KAC1B,CACH,CAAA,CAAA;AACA,IAAM,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;;;;;;;;;;;;;;"}

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

@@ -2,36 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../hooks/index.js');
-var buttonGroup = require('./button-group.js');
-var constants = require('./constants.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var button = require('./button2.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElButtonGroup"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: buttonGroup.buttonGroupProps,
-  setup(__props) {
-    const props = __props;
-    vue.provide(constants.buttonGroupContextKey, vue.reactive({
-      size: vue.toRef(props, "size"),
-      type: vue.toRef(props, "type")
-    }));
-    const ns = index.useNamespace("button");
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(`${vue.unref(ns).b("group")}`)
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-var ButtonGroup = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "button-group.vue"]]);
+const buttonGroupProps = {
+  size: button.buttonProps.size,
+  type: button.buttonProps.type
+};
 
-exports["default"] = ButtonGroup;
+exports.buttonGroupProps = buttonGroupProps;
 //# sourceMappingURL=button-group2.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-group2.js","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div :class=\"`${ns.b('group')}`\">\n    <slot />\n  </div>\n</template>\n<script lang=\"ts\" setup>\nimport { provide, reactive, toRef } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { buttonGroupProps } from './button-group'\nimport { buttonGroupContextKey } from './constants'\n\ndefineOptions({\n  name: 'ElButtonGroup',\n})\nconst props = defineProps(buttonGroupProps)\nprovide(\n  buttonGroupContextKey,\n  reactive({\n    size: toRef(props, 'size'),\n    type: toRef(props, 'type'),\n  })\n)\nconst ns = useNamespace('button')\n</script>\n"],"names":["provide","buttonGroupContextKey","reactive","toRef","useNamespace"],"mappings":";;;;;;;;;;;uCAWc,CAAA;AAAA,EACZ,IAAM,EAAA,eAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAAA,WAAA,CACEC,iCACAC,YAAS,CAAA;AAAA,MACP,IAAA,EAAMC,SAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,MACzB,IAAA,EAAMA,SAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,KAC1B,CACH,CAAA,CAAA;AACA,IAAM,MAAA,EAAA,GAAKC,mBAAa,QAAQ,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"button-group2.js","sources":["../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { buttonProps } from './button'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const buttonGroupProps = {\n  /**\n   * @description control the size of buttons in this button-group\n   */\n  size: buttonProps.size,\n  /**\n   * @description control the type of buttons in this button-group\n   */\n  type: buttonProps.type,\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\n"],"names":["buttonProps"],"mappings":";;;;;;AACY,MAAC,gBAAgB,GAAG;AAChC,EAAE,IAAI,EAAEA,kBAAW,CAAC,IAAI;AACxB,EAAE,IAAI,EAAEA,kBAAW,CAAC,IAAI;AACxB;;;;"}

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

@@ -2,69 +2,85 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
 require('../../../hooks/index.js');
-require('../../../utils/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');
+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');
 
-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: Boolean,
-  text: Boolean,
-  link: Boolean,
-  bg: Boolean,
-  autofocus: Boolean,
-  round: Boolean,
-  circle: Boolean,
-  color: String,
-  dark: Boolean,
-  autoInsertSpace: {
-    type: Boolean,
-    default: void 0
-  },
-  tag: {
-    type: runtime.definePropType([String, Object]),
-    default: "button"
+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, shouldAddSpace, handleClick } = useButton.useButton(props, emit);
+    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(ns).b(),
+          vue.unref(ns).m(vue.unref(_type)),
+          vue.unref(ns).m(vue.unref(_size)),
+          vue.unref(ns).is("disabled", vue.unref(_disabled)),
+          vue.unref(ns).is("loading", _ctx.loading),
+          vue.unref(ns).is("plain", _ctx.plain),
+          vue.unref(ns).is("round", _ctx.round),
+          vue.unref(ns).is("circle", _ctx.circle),
+          vue.unref(ns).is("text", _ctx.text),
+          vue.unref(ns).is("link", _ctx.link),
+          vue.unref(ns).is("has-bg", _ctx.bg)
+        ],
+        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", "button.vue"]]);
 
-exports.buttonEmits = buttonEmits;
-exports.buttonNativeTypes = buttonNativeTypes;
-exports.buttonProps = buttonProps;
-exports.buttonTypes = buttonTypes;
+exports["default"] = Button;
 //# 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.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { Loading } from '@element-plus/icons-vue'\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: 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: {\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  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,OAAO;AAChB,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,IAAI,EAAE,OAAO;AACf,EAAE,EAAE,EAAE,OAAO;AACb,EAAE,SAAS,EAAE,OAAO;AACpB,EAAE,KAAK,EAAE,OAAO;AAChB,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;;;;;;;"}
+{"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=\"[\n      ns.b(),\n      ns.m(_type),\n      ns.m(_size),\n      ns.is('disabled', _disabled),\n      ns.is('loading', loading),\n      ns.is('plain', plain),\n      ns.is('round', round),\n      ns.is('circle', circle),\n      ns.is('text', text),\n      ns.is('link', link),\n      ns.is('has-bg', bg),\n    ]\"\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 { 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 { _ref, _size, _type, _disabled, _props, shouldAddSpace, handleClick } =\n  useButton(props, emit)\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"],"mappings":";;;;;;;;;;;;;uCA+Cc,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,EAAE,IAAM,EAAA,KAAA,EAAO,KAAO,EAAA,SAAA,EAAW,QAAQ,cAAgB,EAAA,WAAA,EAAA,GAC7DC,mBAAU,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAEvB,IAAa,MAAA,CAAA;AAAA,MAEX,GAAK,EAAA,IAAA;AAAA,MAEL,IAAM,EAAA,KAAA;AAAA,MAEN,IAAM,EAAA,KAAA;AAAA,MAEN,QAAU,EAAA,SAAA;AAAA,MAEV,cAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}