element-plus 1.2.0-beta.3 → 1.2.0-beta.4

package/es/components/breadcrumb/src/breadcrumb-item.vue_vue_type_script_lang.mjs

@@ -0,0 +1,36 @@
+import { defineComponent, getCurrentInstance, inject, ref, onMounted } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../tokens/index.mjs';
+import { breadcrumbItemProps } from './breadcrumb-item.mjs';
+import { elBreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
+
+const COMPONENT_NAME = "ElBreadcrumbItem";
+var script = defineComponent({
+  name: COMPONENT_NAME,
+  components: {
+    ElIcon
+  },
+  props: breadcrumbItemProps,
+  setup(props) {
+    const instance = getCurrentInstance();
+    const router = instance.appContext.config.globalProperties.$router;
+    const parent = inject(elBreadcrumbKey, void 0);
+    const link = ref();
+    onMounted(() => {
+      link.value.setAttribute("role", "link");
+      link.value.addEventListener("click", () => {
+        if (!props.to || !router)
+          return;
+        props.replace ? router.replace(props.to) : router.push(props.to);
+      });
+    });
+    return {
+      link,
+      separator: parent == null ? void 0 : parent.separator,
+      separatorIcon: parent == null ? void 0 : parent.separatorIcon
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=breadcrumb-item.vue_vue_type_script_lang.mjs.map

package/es/components/breadcrumb/src/breadcrumb-item.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue"],"sourcesContent":["<template>\n  <span class=\"el-breadcrumb__item\">\n    <span\n      ref=\"link\"\n      :class=\"['el-breadcrumb__inner', to ? 'is-link' : '']\"\n      role=\"link\"\n    >\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" class=\"el-breadcrumb__separator\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else class=\"el-breadcrumb__separator\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;AAgCA,MAAM,iBAAiB;AAEvB,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA;AAAA,EAGF,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,WAAW;AACjB,UAAM,SAAS,SAAS,WAAW,OAAO,iBAAiB;AAC3D,UAAM,SAAS,OAAO,iBAAiB;AAEvC,UAAM,OAAO;AAEb,cAAU,MAAM;AACd,WAAK,MAAO,aAAa,QAAQ;AACjC,WAAK,MAAO,iBAAiB,SAAS,MAAM;AAC1C,YAAI,CAAC,MAAM,MAAM,CAAC;AAAQ;AAC1B,cAAM,UAAU,OAAO,QAAQ,MAAM,MAAM,OAAO,KAAK,MAAM;AAAA;AAAA;AAIjE,WAAO;AAAA,MACL;AAAA,MACA,WAAW,iCAAQ;AAAA,MACnB,eAAe,iCAAQ;AAAA;AAAA;AAAA;;;;"}

package/es/components/breadcrumb/src/breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.mjs

@@ -0,0 +1,32 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, renderSlot, createBlock, withCtx, resolveDynamicComponent, toDisplayString } from 'vue';
+
+const _hoisted_1 = { class: "el-breadcrumb__item" };
+const _hoisted_2 = {
+  key: 1,
+  class: "el-breadcrumb__separator",
+  role: "presentation"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("span", _hoisted_1, [
+    createElementVNode("span", {
+      ref: "link",
+      class: normalizeClass(["el-breadcrumb__inner", _ctx.to ? "is-link" : ""]),
+      role: "link"
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2),
+    _ctx.separatorIcon ? (openBlock(), createBlock(_component_el_icon, {
+      key: 0,
+      class: "el-breadcrumb__separator"
+    }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.separatorIcon)))
+      ]),
+      _: 1
+    })) : (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(_ctx.separator), 1))
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.mjs.map

package/es/components/breadcrumb/src/breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb-item.vue?vue&type=template&id=2f37792a&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-breadcrumb__item\">\n    <span\n      ref=\"link\"\n      :class=\"['el-breadcrumb__inner', to ? 'is-link' : '']\"\n      role=\"link\"\n    >\n      <slot></slot>\n    </span>\n    <el-icon v-if=\"separatorIcon\" class=\"el-breadcrumb__separator\">\n      <component :is=\"separatorIcon\" />\n    </el-icon>\n    <span v-else class=\"el-breadcrumb__separator\" role=\"presentation\">\n      {{ separator }}\n    </span>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  inject,\n  ref,\n  onMounted,\n  getCurrentInstance,\n} from 'vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\nimport { breadcrumbItemProps } from './breadcrumb-item'\n\nimport type { Router } from 'vue-router'\n\nconst COMPONENT_NAME = 'ElBreadcrumbItem'\n\nexport default defineComponent({\n  name: COMPONENT_NAME,\n\n  components: {\n    ElIcon,\n  },\n\n  props: breadcrumbItemProps,\n\n  setup(props) {\n    const instance = getCurrentInstance()!\n    const router = instance.appContext.config.globalProperties.$router as Router\n    const parent = inject(elBreadcrumbKey, undefined)\n\n    const link = ref<HTMLSpanElement>()\n\n    onMounted(() => {\n      link.value!.setAttribute('role', 'link')\n      link.value!.addEventListener('click', () => {\n        if (!props.to || !router) return\n        props.replace ? router.replace(props.to) : router.push(props.to)\n      })\n    })\n\n    return {\n      link,\n      separator: parent?.separator,\n      separatorIcon: parent?.separatorIcon,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock"],"mappings":";;qBACQ,OAAM;;;EAWG,OAAM;AAAA,EAA2B,MAAK;AAAA;;;sBAXrDA,2BAAA;IACEC;MACE,KAAI;AAAA,MACH,+CAAgC;MACjC,MAAK;AAAA;MAELC;;IAEa,mCAAfC;;MAA8B,OAAM;AAAA;uBAClC;sBAAAA,oCAAgB;;;wBAElBH,2BAAA,4BACK;;;;;;"}

package/es/components/breadcrumb/src/breadcrumb-item2.mjs

@@ -1,6 +1,6 @@
-import script from './breadcrumb-item.vue_vue&type=script&lang.mjs';
-export { default } from './breadcrumb-item.vue_vue&type=script&lang.mjs';
-import { render } from './breadcrumb-item.vue_vue&type=template&id=2f37792a&lang.mjs';
+import script from './breadcrumb-item.vue_vue_type_script_lang.mjs';
+export { default } from './breadcrumb-item.vue_vue_type_script_lang.mjs';
+import { render } from './breadcrumb-item.vue_vue_type_template_id_2f37792a_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/breadcrumb/src/breadcrumb-item.vue";

package/es/components/breadcrumb/src/breadcrumb.vue_vue_type_script_lang.mjs

@@ -0,0 +1,25 @@
+import { defineComponent, ref, provide, onMounted } from 'vue';
+import '../../../tokens/index.mjs';
+import { breadcrumbProps } from './breadcrumb.mjs';
+import { elBreadcrumbKey } from '../../../tokens/breadcrumb.mjs';
+
+var script = defineComponent({
+  name: "ElBreadcrumb",
+  props: breadcrumbProps,
+  setup(props) {
+    const breadcrumb = ref();
+    provide(elBreadcrumbKey, props);
+    onMounted(() => {
+      const items = breadcrumb.value.querySelectorAll(".el-breadcrumb__item");
+      if (items.length) {
+        items[items.length - 1].setAttribute("aria-current", "page");
+      }
+    });
+    return {
+      breadcrumb
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=breadcrumb.vue_vue_type_script_lang.mjs.map

package/es/components/breadcrumb/src/breadcrumb.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    class=\"el-breadcrumb\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll('.el-breadcrumb__item')\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAiBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,aAAa;AAEnB,YAAQ,iBAAiB;AAEzB,cAAU,MAAM;AACd,YAAM,QAAQ,WAAW,MAAO,iBAAiB;AACjD,UAAI,MAAM,QAAQ;AAChB,cAAM,MAAM,SAAS,GAAG,aAAa,gBAAgB;AAAA;AAAA;AAIzD,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/es/components/breadcrumb/src/breadcrumb.vue_vue_type_template_id_b67a42b6_lang.mjs

@@ -0,0 +1,16 @@
+import { openBlock, createElementBlock, renderSlot } from 'vue';
+
+const _hoisted_1 = {
+  ref: "breadcrumb",
+  class: "el-breadcrumb",
+  "aria-label": "Breadcrumb",
+  role: "navigation"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ], 512);
+}
+
+export { render };
+//# sourceMappingURL=breadcrumb.vue_vue_type_template_id_b67a42b6_lang.mjs.map

package/es/components/breadcrumb/src/breadcrumb.vue_vue_type_template_id_b67a42b6_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.vue_vue_type_template_id_b67a42b6_lang.mjs","sources":["../../../../../../packages/components/breadcrumb/src/breadcrumb.vue?vue&type=template&id=b67a42b6&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"breadcrumb\"\n    class=\"el-breadcrumb\"\n    aria-label=\"Breadcrumb\"\n    role=\"navigation\"\n  >\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, provide, ref, onMounted } from 'vue'\nimport { elBreadcrumbKey } from '@element-plus/tokens'\n\nimport { breadcrumbProps } from './breadcrumb'\n\nexport default defineComponent({\n  name: 'ElBreadcrumb',\n  props: breadcrumbProps,\n\n  setup(props) {\n    const breadcrumb = ref<HTMLDivElement>()\n\n    provide(elBreadcrumbKey, props)\n\n    onMounted(() => {\n      const items = breadcrumb.value!.querySelectorAll('.el-breadcrumb__item')\n      if (items.length) {\n        items[items.length - 1].setAttribute('aria-current', 'page')\n      }\n    })\n\n    return {\n      breadcrumb,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;;EAEI,KAAI;AAAA,EACJ,OAAM;AAAA,EACN,cAAW;AAAA,EACX,MAAK;AAAA;;sBAJPA,0BAAA;IAMEC;;;;;;"}

package/es/components/breadcrumb/src/breadcrumb2.mjs

@@ -1,6 +1,6 @@
-import script from './breadcrumb.vue_vue&type=script&lang.mjs';
-export { default } from './breadcrumb.vue_vue&type=script&lang.mjs';
-import { render } from './breadcrumb.vue_vue&type=template&id=b67a42b6&lang.mjs';
+import script from './breadcrumb.vue_vue_type_script_lang.mjs';
+export { default } from './breadcrumb.vue_vue_type_script_lang.mjs';
+import { render } from './breadcrumb.vue_vue_type_template_id_b67a42b6_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/breadcrumb/src/breadcrumb.vue";

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

@@ -7,10 +7,13 @@ export declare const ElButton: import("../../utils/types").SFCWithInstall<import
     readonly autofocus: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly circle: BooleanConstructor;
+    readonly color: StringConstructor;
     readonly autoInsertSpace: import("../../utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
     readonly size: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
     readonly disabled: BooleanConstructor;
 }, {
+    buttonRef: import("vue").Ref<any>;
+    buttonStyle: import("vue").ComputedRef<{}>;
     buttonSize: import("vue").ComputedRef<any>;
     buttonType: import("vue").ComputedRef<"default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
     buttonDisabled: import("vue").ComputedRef<boolean>;
@@ -27,6 +30,7 @@ export declare const ElButton: import("../../utils/types").SFCWithInstall<import
     readonly autofocus?: unknown;
     readonly round?: unknown;
     readonly circle?: unknown;
+    readonly color?: unknown;
     readonly autoInsertSpace?: unknown;
     readonly size?: unknown;
     readonly disabled?: unknown;
@@ -43,6 +47,7 @@ export declare const ElButton: import("../../utils/types").SFCWithInstall<import
     circle: boolean;
 } & {
     autoInsertSpace?: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
+    color?: string | undefined;
 }> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {

package/es/components/button/index.mjs

@@ -2,8 +2,8 @@ import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
 import './src/button2.mjs';
 import './src/button-group2.mjs';
 export { buttonEmits, buttonNativeType, buttonProps, buttonSize, buttonType } from './src/button.mjs';
-import script from './src/button.vue_vue&type=script&lang.mjs';
-import script$1 from './src/button-group.vue_vue&type=script&lang.mjs';
+import script from './src/button.vue_vue_type_script_lang.mjs';
+import script$1 from './src/button-group.vue_vue_type_script_lang.mjs';
 
 const ElButton = withInstall(script, {
   ButtonGroup: script$1

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

@@ -1,6 +1,8 @@
 import type { ExtractPropTypes } from 'vue';
+import type buttonGroup from './button-group.vue';
 export declare const buttonGroupProps: {
     readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
     readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "default" | "primary" | "success" | "warning" | "info" | "danger" | "text", unknown>;
 };
 export declare type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>;
+export declare type ButtonGroupInstance = InstanceType<typeof buttonGroup>;

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.mjs","sources":["../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { buttonProps } from './button'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const buttonGroupProps = {\n  size: buttonProps.size,\n  type: buttonProps.type,\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\n"],"names":[],"mappings":";;MAIa,mBAAmB;AAAA,EAC9B,MAAM,YAAY;AAAA,EAClB,MAAM,YAAY;AAAA;;;;"}
+{"version":3,"file":"button-group.mjs","sources":["../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { buttonProps } from './button'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type buttonGroup from './button-group.vue'\n\nexport const buttonGroupProps = {\n  size: buttonProps.size,\n  type: buttonProps.type,\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\n\nexport type ButtonGroupInstance = InstanceType<typeof buttonGroup>\n"],"names":[],"mappings":";;MAKa,mBAAmB;AAAA,EAC9B,MAAM,YAAY;AAAA,EAClB,MAAM,YAAY;AAAA;;;;"}

package/es/components/button/src/button-group.vue_vue_type_script_lang.mjs

@@ -0,0 +1,18 @@
+import { defineComponent, provide, reactive, toRef } from 'vue';
+import '../../../tokens/index.mjs';
+import { buttonGroupProps } from './button-group.mjs';
+import { buttonGroupContextKey } from '../../../tokens/button.mjs';
+
+var script = defineComponent({
+  name: "ElButtonGroup",
+  props: buttonGroupProps,
+  setup(props) {
+    provide(buttonGroupContextKey, reactive({
+      size: toRef(props, "size"),
+      type: toRef(props, "type")
+    }));
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=button-group.vue_vue_type_script_lang.mjs.map

package/es/components/button/src/button-group.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div class=\"el-button-group\">\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, provide, reactive, toRef } from 'vue'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { buttonGroupProps } from './button-group'\n\nexport default defineComponent({\n  name: 'ElButtonGroup',\n  props: buttonGroupProps,\n\n  setup(props) {\n    provide(\n      buttonGroupContextKey,\n      reactive({\n        size: toRef(props, 'size'),\n        type: toRef(props, 'type'),\n      })\n    )\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAUA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,YACE,uBACA,SAAS;AAAA,MACP,MAAM,MAAM,OAAO;AAAA,MACnB,MAAM,MAAM,OAAO;AAAA;AAAA;AAAA;;;;"}

package/es/components/button/src/button-group.vue_vue_type_template_id_1bab7d77_lang.mjs

@@ -0,0 +1,11 @@
+import { openBlock, createElementBlock, renderSlot } from 'vue';
+
+const _hoisted_1 = { class: "el-button-group" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+
+export { render };
+//# sourceMappingURL=button-group.vue_vue_type_template_id_1bab7d77_lang.mjs.map

package/es/components/button/src/button-group.vue_vue_type_template_id_1bab7d77_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.vue_vue_type_template_id_1bab7d77_lang.mjs","sources":["../../../../../../packages/components/button/src/button-group.vue?vue&type=template&id=1bab7d77&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-button-group\">\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, provide, reactive, toRef } from 'vue'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { buttonGroupProps } from './button-group'\n\nexport default defineComponent({\n  name: 'ElButtonGroup',\n  props: buttonGroupProps,\n\n  setup(props) {\n    provide(\n      buttonGroupContextKey,\n      reactive({\n        size: toRef(props, 'size'),\n        type: toRef(props, 'type'),\n      })\n    )\n  },\n})\n</script>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;qBACO,OAAM;;sBAAXA,0BAAA;IACEC;;;;;;"}

package/es/components/button/src/button-group2.mjs

@@ -1,6 +1,6 @@
-import script from './button-group.vue_vue&type=script&lang.mjs';
-export { default } from './button-group.vue_vue&type=script&lang.mjs';
-import { render } from './button-group.vue_vue&type=template&id=1bab7d77&lang.mjs';
+import script from './button-group.vue_vue_type_script_lang.mjs';
+export { default } from './button-group.vue_vue_type_script_lang.mjs';
+import { render } from './button-group.vue_vue_type_template_id_1bab7d77_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/button/src/button-group.vue";

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

@@ -1,4 +1,5 @@
 import type { ExtractPropTypes, Component } from 'vue';
+import type button from './button.vue';
 export declare const buttonType: readonly ["default", "primary", "success", "warning", "info", "danger", "text", ""];
 export declare const buttonSize: readonly ["", "large", "medium", "small", "mini"];
 export declare const buttonNativeType: readonly ["button", "submit", "reset"];
@@ -11,6 +12,7 @@ export declare const buttonProps: {
     readonly autofocus: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly circle: BooleanConstructor;
+    readonly color: StringConstructor;
     readonly autoInsertSpace: import("element-plus/es/utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
     readonly size: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
     readonly disabled: BooleanConstructor;
@@ -25,3 +27,4 @@ export declare type ButtonProps = ExtractPropTypes<typeof buttonProps>;
 export declare type ButtonEmits = typeof buttonEmits;
 export declare type ButtonType = ButtonProps['type'];
 export declare type ButtonNativeType = ButtonProps['nativeType'];
+export declare type ButtonInstance = InstanceType<typeof button>;

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

@@ -35,6 +35,7 @@ const buttonProps = buildProps({
   autofocus: Boolean,
   round: Boolean,
   circle: Boolean,
+  color: String,
   autoInsertSpace: {
     type: Boolean
   }

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

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useFormItemProps } from '@element-plus/hooks'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonSize = ['', 'large', 'medium', 'small', 'mini'] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  ...useFormItemProps,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  autoInsertSpace: {\n    type: Boolean,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\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"],"names":[],"mappings":";;;;MAIa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAEW,aAAa,CAAC,IAAI,SAAS,UAAU,SAAS;MAC9C,mBAAmB,CAAC,UAAU,UAAU;MAExC,cAAc,WAAW;AAAA,KACjC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,IACf,MAAM;AAAA;AAAA;MAQG,cAAc;AAAA,EACzB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}
+{"version":3,"file":"button.mjs","sources":["../../../../../../packages/components/button/src/button.ts"],"sourcesContent":["import { useFormItemProps } from '@element-plus/hooks'\nimport { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes, Component } from 'vue'\nimport type button from './button.vue'\n\nexport const buttonType = [\n  'default',\n  'primary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'text',\n  '',\n] as const\nexport const buttonSize = ['', 'large', 'medium', 'small', 'mini'] as const\nexport const buttonNativeType = ['button', 'submit', 'reset'] as const\n\nexport const buttonProps = buildProps({\n  ...useFormItemProps,\n  type: {\n    type: String,\n    values: buttonType,\n    default: '',\n  },\n  icon: {\n    type: definePropType<string | Component>([String, Object]),\n    default: '',\n  },\n  nativeType: {\n    type: String,\n    values: buttonNativeType,\n    default: 'button',\n  },\n  loading: Boolean,\n  plain: Boolean,\n  autofocus: Boolean,\n  round: Boolean,\n  circle: Boolean,\n  color: String,\n  autoInsertSpace: {\n    type: Boolean,\n  },\n} as const)\n\nexport interface ButtonConfigContext {\n  autoInsertSpace?: boolean\n}\n\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 type ButtonInstance = InstanceType<typeof button>\n"],"names":[],"mappings":";;;;MAKa,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;MAEW,aAAa,CAAC,IAAI,SAAS,UAAU,SAAS;MAC9C,mBAAmB,CAAC,UAAU,UAAU;MAExC,cAAc,WAAW;AAAA,KACjC;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,MAAM;AAAA,IACJ,MAAM,eAAmC,CAAC,QAAQ;AAAA,IAClD,SAAS;AAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,EAEX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,iBAAiB;AAAA,IACf,MAAM;AAAA;AAAA;MAQG,cAAc;AAAA,EACzB,OAAO,CAAC,QAAoB,eAAe;AAAA;;;;"}

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

@@ -7,10 +7,13 @@ declare const _default: import("vue").DefineComponent<{
     readonly autofocus: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly circle: BooleanConstructor;
+    readonly color: StringConstructor;
     readonly autoInsertSpace: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, unknown, unknown, unknown>;
     readonly size: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "small" | "large" | "medium" | "mini", unknown>;
     readonly disabled: BooleanConstructor;
 }, {
+    buttonRef: import("vue").Ref<any>;
+    buttonStyle: import("vue").ComputedRef<{}>;
     buttonSize: import("vue").ComputedRef<any>;
     buttonType: import("vue").ComputedRef<"default" | "primary" | "success" | "warning" | "info" | "danger" | "text">;
     buttonDisabled: import("vue").ComputedRef<boolean>;
@@ -27,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly autofocus?: unknown;
     readonly round?: unknown;
     readonly circle?: unknown;
+    readonly color?: unknown;
     readonly autoInsertSpace?: unknown;
     readonly size?: unknown;
     readonly disabled?: unknown;
@@ -43,6 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     circle: boolean;
 } & {
     autoInsertSpace?: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown> | undefined;
+    color?: string | undefined;
 }> & {
     onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {

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

@@ -0,0 +1,104 @@
+import { defineComponent, ref, inject, computed, Text } from 'vue';
+import { useCssVar } from '@vueuse/core';
+import { ElIcon } from '../../icon/index.mjs';
+import '../../../hooks/index.mjs';
+import '../../../tokens/index.mjs';
+import { Loading } from '@element-plus/icons';
+import { darken, lighten } from '../../../utils/color.mjs';
+import { buttonProps, buttonEmits } from './button.mjs';
+import { buttonGroupContextKey } from '../../../tokens/button.mjs';
+import { useGlobalConfig } from '../../../hooks/use-global-config/index.mjs';
+import { useFormItem } from '../../../hooks/use-form-item/index.mjs';
+
+var script = defineComponent({
+  name: "ElButton",
+  components: {
+    ElIcon,
+    Loading
+  },
+  props: buttonProps,
+  emits: buttonEmits,
+  setup(props, { emit, slots }) {
+    const buttonRef = ref();
+    const buttonGroupContext = inject(buttonGroupContextKey, void 0);
+    const globalConfig = useGlobalConfig();
+    const autoInsertSpace = computed(() => {
+      var _a;
+      return (_a = props.autoInsertSpace) != null ? _a : globalConfig == null ? void 0 : globalConfig.button.autoInsertSpace;
+    });
+    const shouldAddSpace = computed(() => {
+      var _a;
+      const defaultSlot = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      if (autoInsertSpace.value && (defaultSlot == null ? void 0 : defaultSlot.length) === 1) {
+        const slot = defaultSlot[0];
+        if ((slot == null ? void 0 : slot.type) === Text) {
+          const text = slot.children;
+          return /^\p{Unified_Ideograph}{2}$/u.test(text);
+        }
+      }
+      return false;
+    });
+    const {
+      form,
+      size: buttonSize,
+      disabled: buttonDisabled
+    } = useFormItem({
+      size: computed(() => buttonGroupContext == null ? void 0 : buttonGroupContext.size)
+    });
+    const buttonType = computed(() => props.type || (buttonGroupContext == null ? void 0 : buttonGroupContext.type) || "default");
+    const typeColor = useCssVar(`--el-color-${props.type}`);
+    const buttonStyle = computed(() => {
+      let styles = {};
+      const buttonColor = props.color || typeColor.value;
+      if (buttonColor) {
+        const darkenBgColor = darken(buttonColor, 0.1);
+        if (props.plain) {
+          styles = {
+            "--el-button-bg-color": lighten(buttonColor, 0.9),
+            "--el-button-text-color": buttonColor,
+            "--el-button-hover-text-color": "var(--el-color-white)",
+            "--el-button-hover-bg-color": buttonColor,
+            "--el-button-hover-border-color": buttonColor,
+            "--el-button-active-bg-color": darkenBgColor,
+            "--el-button-active-text-color": "var(--el-color-white)",
+            "--el-button-active-border-color": darkenBgColor
+          };
+        } else {
+          const lightenBgColor = lighten(buttonColor);
+          styles = {
+            "--el-button-bg-color": buttonColor,
+            "--el-button-border-color": buttonColor,
+            "--el-button-hover-bg-color": lightenBgColor,
+            "--el-button-hover-border-color": lightenBgColor,
+            "--el-button-active-bg-color": darkenBgColor,
+            "--el-button-active-border-color": darkenBgColor
+          };
+        }
+        if (buttonDisabled.value) {
+          const disabledButtonColor = lighten(buttonColor, 0.5);
+          styles["--el-button-disabled-bg-color"] = disabledButtonColor;
+          styles["--el-button-disabled-border-color"] = disabledButtonColor;
+        }
+      }
+      return styles;
+    });
+    const handleClick = (evt) => {
+      if (props.nativeType === "reset") {
+        form == null ? void 0 : form.resetFields();
+      }
+      emit("click", evt);
+    };
+    return {
+      buttonRef,
+      buttonStyle,
+      buttonSize,
+      buttonType,
+      buttonDisabled,
+      shouldAddSpace,
+      handleClick
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=button.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/button/src/button.vue"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"loading\" class=\"is-loading\">\n      <loading />\n    </el-icon>\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent, Text, ref } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useFormItem, useGlobalConfig } from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons'\n\nimport { lighten, darken } from '@element-plus/utils/color'\n\nimport { buttonEmits, buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'ElButton',\n\n  components: {\n    ElIcon,\n    Loading,\n  },\n\n  props: buttonProps,\n  emits: buttonEmits,\n\n  setup(props, { emit, slots }) {\n    const buttonRef = ref()\n    const buttonGroupContext = inject(buttonGroupContextKey, undefined)\n    const globalConfig = useGlobalConfig()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n    })\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n\n    const {\n      form,\n      size: buttonSize,\n      disabled: buttonDisabled,\n    } = useFormItem({\n      size: computed(() => buttonGroupContext?.size),\n    })\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || 'default'\n    )\n\n    // calculate hover & active color by color\n    const typeColor = useCssVar(`--el-color-${props.type}`)\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const darkenBgColor = darken(buttonColor, 0.1)\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': lighten(buttonColor, 0.9),\n            '--el-button-text-color': buttonColor,\n            '--el-button-hover-text-color': 'var(--el-color-white)',\n            '--el-button-hover-bg-color': buttonColor,\n            '--el-button-hover-border-color': buttonColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        } else {\n          const lightenBgColor = lighten(buttonColor)\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': lightenBgColor,\n            '--el-button-hover-border-color': lightenBgColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = lighten(buttonColor, 0.5)\n          styles['--el-button-disabled-bg-color'] = disabledButtonColor\n          styles['--el-button-disabled-border-color'] = disabledButtonColor\n        }\n      }\n\n      return styles\n    })\n\n    const handleClick = (evt: MouseEvent) => {\n      if (props.nativeType === 'reset') {\n        form?.resetFields()\n      }\n      emit('click', evt)\n    }\n\n    return {\n      buttonRef,\n      buttonStyle,\n\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;AAgDA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA;AAAA,EAGF,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,MAAM,SAAS;AAC5B,UAAM,YAAY;AAClB,UAAM,qBAAqB,OAAO,uBAAuB;AACzD,UAAM,eAAe;AACrB,UAAM,kBAAkB,SAAS,MAAM;;AACrC,aAAO,YAAM,oBAAN,YAAyB,6CAAc,OAAO;AAAA;AAIvD,UAAM,iBAAiB,SAAS,MAAM;;AACpC,YAAM,cAAc,YAAM,YAAN;AACpB,UAAI,gBAAgB,SAAS,4CAAa,YAAW,GAAG;AACtD,cAAM,OAAO,YAAY;AACzB,YAAI,8BAAM,UAAS,MAAM;AACvB,gBAAM,OAAO,KAAK;AAClB,iBAAO,8BAA8B,KAAK;AAAA;AAAA;AAG9C,aAAO;AAAA;AAGT,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,UAAU;AAAA,QACR,YAAY;AAAA,MACd,MAAM,SAAS,MAAM,yDAAoB;AAAA;AAE3C,UAAM,aAAa,SACjB,MAAM,MAAM,kEAA4B,SAAQ;AAIlD,UAAM,YAAY,UAAU,cAAc,MAAM;AAChD,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,SAAS;AAEb,YAAM,cAAc,MAAM,SAAS,UAAU;AAE7C,UAAI,aAAa;AACf,cAAM,gBAAgB,OAAO,aAAa;AAC1C,YAAI,MAAM,OAAO;AACf,mBAAS;AAAA,YACP,wBAAwB,QAAQ,aAAa;AAAA,YAC7C,0BAA0B;AAAA,YAC1B,gCAAgC;AAAA,YAChC,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,iCAAiC;AAAA,YACjC,mCAAmC;AAAA;AAAA,eAEhC;AACL,gBAAM,iBAAiB,QAAQ;AAC/B,mBAAS;AAAA,YACP,wBAAwB;AAAA,YACxB,4BAA4B;AAAA,YAC5B,8BAA8B;AAAA,YAC9B,kCAAkC;AAAA,YAClC,+BAA+B;AAAA,YAC/B,mCAAmC;AAAA;AAAA;AAIvC,YAAI,eAAe,OAAO;AACxB,gBAAM,sBAAsB,QAAQ,aAAa;AACjD,iBAAO,mCAAmC;AAC1C,iBAAO,uCAAuC;AAAA;AAAA;AAIlD,aAAO;AAAA;AAGT,UAAM,cAAc,CAAC,QAAoB;AACvC,UAAI,MAAM,eAAe,SAAS;AAChC,qCAAM;AAAA;AAER,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MAEA;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,51 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createBlock, withCtx, createVNode, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
+
+const _hoisted_1 = ["disabled", "autofocus", "type"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_loading = resolveComponent("loading");
+  const _component_el_icon = resolveComponent("el-icon");
+  return openBlock(), createElementBlock("button", {
+    ref: "buttonRef",
+    class: normalizeClass([
+      "el-button",
+      _ctx.buttonType ? "el-button--" + _ctx.buttonType : "",
+      _ctx.buttonSize ? "el-button--" + _ctx.buttonSize : "",
+      {
+        "is-disabled": _ctx.buttonDisabled,
+        "is-loading": _ctx.loading,
+        "is-plain": _ctx.plain,
+        "is-round": _ctx.round,
+        "is-circle": _ctx.circle
+      }
+    ]),
+    disabled: _ctx.buttonDisabled || _ctx.loading,
+    autofocus: _ctx.autofocus,
+    type: _ctx.nativeType,
+    style: normalizeStyle(_ctx.buttonStyle),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.loading ? (openBlock(), createBlock(_component_el_icon, {
+      key: 0,
+      class: "is-loading"
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_loading)
+      ]),
+      _: 1
+    })) : _ctx.icon ? (openBlock(), createBlock(_component_el_icon, { key: 1 }, {
+      default: withCtx(() => [
+        (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+      ]),
+      _: 1
+    })) : createCommentVNode("v-if", true),
+    _ctx.$slots.default ? (openBlock(), createElementBlock("span", {
+      key: 2,
+      class: normalizeClass({ "el-button__text--expand": _ctx.shouldAddSpace })
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 2)) : createCommentVNode("v-if", true)
+  ], 14, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=button.vue_vue_type_template_id_802c5c76_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.vue_vue_type_template_id_802c5c76_lang.mjs","sources":["../../../../../../packages/components/button/src/button.vue?vue&type=template&id=802c5c76&lang.js"],"sourcesContent":["<template>\n  <button\n    ref=\"buttonRef\"\n    :class=\"[\n      'el-button',\n      buttonType ? 'el-button--' + buttonType : '',\n      buttonSize ? 'el-button--' + buttonSize : '',\n      {\n        'is-disabled': buttonDisabled,\n        'is-loading': loading,\n        'is-plain': plain,\n        'is-round': round,\n        'is-circle': circle,\n      },\n    ]\"\n    :disabled=\"buttonDisabled || loading\"\n    :autofocus=\"autofocus\"\n    :type=\"nativeType\"\n    :style=\"buttonStyle\"\n    @click=\"handleClick\"\n  >\n    <el-icon v-if=\"loading\" class=\"is-loading\">\n      <loading />\n    </el-icon>\n    <el-icon v-else-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <span\n      v-if=\"$slots.default\"\n      :class=\"{ 'el-button__text--expand': shouldAddSpace }\"\n    >\n      <slot></slot>\n    </span>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { computed, inject, defineComponent, Text, ref } from 'vue'\nimport { useCssVar } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useFormItem, useGlobalConfig } from '@element-plus/hooks'\nimport { buttonGroupContextKey } from '@element-plus/tokens'\nimport { Loading } from '@element-plus/icons'\n\nimport { lighten, darken } from '@element-plus/utils/color'\n\nimport { buttonEmits, buttonProps } from './button'\n\nexport default defineComponent({\n  name: 'ElButton',\n\n  components: {\n    ElIcon,\n    Loading,\n  },\n\n  props: buttonProps,\n  emits: buttonEmits,\n\n  setup(props, { emit, slots }) {\n    const buttonRef = ref()\n    const buttonGroupContext = inject(buttonGroupContextKey, undefined)\n    const globalConfig = useGlobalConfig()\n    const autoInsertSpace = computed(() => {\n      return props.autoInsertSpace ?? globalConfig?.button.autoInsertSpace\n    })\n\n    // add space between two characters in Chinese\n    const shouldAddSpace = computed(() => {\n      const defaultSlot = slots.default?.()\n      if (autoInsertSpace.value && defaultSlot?.length === 1) {\n        const slot = defaultSlot[0]\n        if (slot?.type === Text) {\n          const text = slot.children\n          return /^\\p{Unified_Ideograph}{2}$/u.test(text as string)\n        }\n      }\n      return false\n    })\n\n    const {\n      form,\n      size: buttonSize,\n      disabled: buttonDisabled,\n    } = useFormItem({\n      size: computed(() => buttonGroupContext?.size),\n    })\n    const buttonType = computed(\n      () => props.type || buttonGroupContext?.type || 'default'\n    )\n\n    // calculate hover & active color by color\n    const typeColor = useCssVar(`--el-color-${props.type}`)\n    const buttonStyle = computed(() => {\n      let styles = {}\n\n      const buttonColor = props.color || typeColor.value\n\n      if (buttonColor) {\n        const darkenBgColor = darken(buttonColor, 0.1)\n        if (props.plain) {\n          styles = {\n            '--el-button-bg-color': lighten(buttonColor, 0.9),\n            '--el-button-text-color': buttonColor,\n            '--el-button-hover-text-color': 'var(--el-color-white)',\n            '--el-button-hover-bg-color': buttonColor,\n            '--el-button-hover-border-color': buttonColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-text-color': 'var(--el-color-white)',\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        } else {\n          const lightenBgColor = lighten(buttonColor)\n          styles = {\n            '--el-button-bg-color': buttonColor,\n            '--el-button-border-color': buttonColor,\n            '--el-button-hover-bg-color': lightenBgColor,\n            '--el-button-hover-border-color': lightenBgColor,\n            '--el-button-active-bg-color': darkenBgColor,\n            '--el-button-active-border-color': darkenBgColor,\n          }\n        }\n\n        if (buttonDisabled.value) {\n          const disabledButtonColor = lighten(buttonColor, 0.5)\n          styles['--el-button-disabled-bg-color'] = disabledButtonColor\n          styles['--el-button-disabled-border-color'] = disabledButtonColor\n        }\n      }\n\n      return styles\n    })\n\n    const handleClick = (evt: MouseEvent) => {\n      if (props.nativeType === 'reset') {\n        form?.resetFields()\n      }\n      emit('click', evt)\n    }\n\n    return {\n      buttonRef,\n      buttonStyle,\n\n      buttonSize,\n      buttonType,\n      buttonDisabled,\n\n      shouldAddSpace,\n\n      handleClick,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode","_renderSlot"],"mappings":";;;;;;sBACEA;IACE,KAAI;AAAA,IACH;;;;;;;;;;;;IAYA,UAAU,uBAAkB;IAC5B,WAAW;IACX,MAAM;IACN,sBAAO;IACP,gDAAO;;IAEO,6BAAfC;;MAAwB,OAAM;AAAA;uBAC5B;QAAAC;;;UAEkB,0BAApBD;uBACE;sBAAAA,oCAAgB;;;;IAGV,YAAO,wBADfD;;MAEG,mDAAoC;;MAErCG;;;;;;;"}

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

@@ -1,6 +1,6 @@
-import script from './button.vue_vue&type=script&lang.mjs';
-export { default } from './button.vue_vue&type=script&lang.mjs';
-import { render } from './button.vue_vue&type=template&id=802c5c76&lang.mjs';
+import script from './button.vue_vue_type_script_lang.mjs';
+export { default } from './button.vue_vue_type_script_lang.mjs';
+import { render } from './button.vue_vue_type_template_id_802c5c76_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/button/src/button.vue";

package/es/components/calendar/index.mjs

@@ -1,5 +1,5 @@
 import './src/index.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import script from './src/index.vue_vue_type_script_lang.mjs';
 
 script.install = (app) => {
   app.component(script.name, script);

package/es/components/calendar/src/date-table.mjs

@@ -1,6 +1,6 @@
-import script from './date-table.vue_vue&type=script&lang.mjs';
-export { default, getMonthDays, getPrevMonthLastDays } from './date-table.vue_vue&type=script&lang.mjs';
-import { render } from './date-table.vue_vue&type=template&id=297fdb36&lang.mjs';
+import script from './date-table.vue_vue_type_script_lang.mjs';
+export { default, getMonthDays, getPrevMonthLastDays } from './date-table.vue_vue_type_script_lang.mjs';
+import { render } from './date-table.vue_vue_type_template_id_297fdb36_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/calendar/src/date-table.vue";