@element-plus/nightly 0.0.20251220 → 0.0.20251221

package/es/components/alert/src/alert.mjs

@@ -1,140 +1,44 @@
-import { defineComponent, useSlots, ref, computed, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, resolveDynamicComponent, createCommentVNode, createElementBlock, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
-import { ElIcon } from '../../icon/index.mjs';
-import { alertProps, alertEmits } from './alert2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { TypeComponentsMap, TypeComponents } from '../../../utils/vue/icon.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { debugWarn } from '../../../utils/error.mjs';
+import { TypeComponentsMap } from '../../../utils/vue/icon.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { keysOf } from '../../../utils/objects.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElAlert"
+const alertEffects = ["light", "dark"];
+const alertProps = buildProps({
+  title: {
+    type: String,
+    default: ""
   },
-  __name: "alert",
-  props: alertProps,
-  emits: alertEmits,
-  setup(__props, { emit: __emit }) {
-    const { Close } = TypeComponents;
-    const props = __props;
-    const emit = __emit;
-    const slots = useSlots();
-    const ns = useNamespace("alert");
-    const visible = ref(true);
-    const iconComponent = computed(() => TypeComponentsMap[props.type]);
-    const hasDesc = computed(() => !!(props.description || slots.default));
-    const close = (evt) => {
-      visible.value = false;
-      emit("close", evt);
-    };
-    if (props.showAfter || props.hideAfter || props.autoClose) {
-      debugWarn(
-        "el-alert",
-        "The `show-after`, `hide-after`, and `auto-close` attributes were removed after 2.11.8. Please use `v-if` and `v-show` to manually replace them, visit: https://github.com/element-plus/element-plus/pull/22560"
-      );
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: unref(ns).b("fade"),
-        persisted: ""
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode(
-            "div",
-            {
-              class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
-              role: "alert"
-            },
-            [
-              _ctx.showIcon && (_ctx.$slots.icon || iconComponent.value) ? (openBlock(), createBlock(unref(ElIcon), {
-                key: 0,
-                class: normalizeClass([unref(ns).e("icon"), unref(ns).is("big", hasDesc.value)])
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "icon", {}, () => [
-                    (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value)))
-                  ])
-                ]),
-                _: 3
-              }, 8, ["class"])) : createCommentVNode("v-if", true),
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(unref(ns).e("content"))
-                },
-                [
-                  _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock(
-                    "span",
-                    {
-                      key: 0,
-                      class: normalizeClass([unref(ns).e("title"), { "with-description": hasDesc.value }])
-                    },
-                    [
-                      renderSlot(_ctx.$slots, "title", {}, () => [
-                        createTextVNode(
-                          toDisplayString(_ctx.title),
-                          1
-                        )
-                      ])
-                    ],
-                    2
-                  )) : createCommentVNode("v-if", true),
-                  hasDesc.value ? (openBlock(), createElementBlock(
-                    "p",
-                    {
-                      key: 1,
-                      class: normalizeClass(unref(ns).e("description"))
-                    },
-                    [
-                      renderSlot(_ctx.$slots, "default", {}, () => [
-                        createTextVNode(
-                          toDisplayString(_ctx.description),
-                          1
-                        )
-                      ])
-                    ],
-                    2
-                  )) : createCommentVNode("v-if", true),
-                  _ctx.closable ? (openBlock(), createElementBlock(
-                    Fragment,
-                    { key: 2 },
-                    [
-                      _ctx.closeText ? (openBlock(), createElementBlock(
-                        "div",
-                        {
-                          key: 0,
-                          class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")]),
-                          onClick: close
-                        },
-                        toDisplayString(_ctx.closeText),
-                        3
-                      )) : (openBlock(), createBlock(unref(ElIcon), {
-                        key: 1,
-                        class: normalizeClass(unref(ns).e("close-btn")),
-                        onClick: close
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(unref(Close))
-                        ]),
-                        _: 1
-                      }, 8, ["class"]))
-                    ],
-                    64
-                  )) : createCommentVNode("v-if", true)
-                ],
-                2
-              )
-            ],
-            2
-          ), [
-            [vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
-  }
+  description: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    values: keysOf(TypeComponentsMap),
+    default: "info"
+  },
+  closable: {
+    type: Boolean,
+    default: true
+  },
+  closeText: {
+    type: String,
+    default: ""
+  },
+  showIcon: Boolean,
+  center: Boolean,
+  effect: {
+    type: String,
+    values: alertEffects,
+    default: "light"
+  },
+  showAfter: Number,
+  hideAfter: Number,
+  autoClose: Number
 });
-var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/alert/src/alert.vue"]]);
+const alertEmits = {
+  close: (evt) => evt instanceof MouseEvent
+};
 
-export { Alert as default };
+export { alertEffects, alertEmits, alertProps };
 //# sourceMappingURL=alert.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && ($slots.icon || iconComponent)\"\n        :class=\"[ns.e('icon'), ns.is('big', hasDesc)]\"\n      >\n        <slot name=\"icon\">\n          <component :is=\"iconComponent\" />\n        </slot>\n      </el-icon>\n\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), { 'with-description': hasDesc }]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"hasDesc\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n            <Close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  debugWarn,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertEmits, alertProps } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\nconst visible = ref(true)\n\nconst iconComponent = computed(() => TypeComponentsMap[props.type])\n\nconst hasDesc = computed(() => !!(props.description || slots.default))\n\nconst close = (evt: MouseEvent) => {\n  visible.value = false\n  emit('close', evt)\n}\n\nif (props.showAfter || props.hideAfter || props.autoClose) {\n  debugWarn(\n    'el-alert',\n    'The `show-after`, `hide-after`, and `auto-close` attributes were removed after 2.11.8. Please use `v-if` and `v-show` to manually replace them, visit: https://github.com/element-plus/element-plus/pull/22560'\n  )\n}\n</script>\n"],"names":["_createBlock","_Transition","_unref","_withDirectives","_createElementVNode","_normalizeClass","type","center","effect","showIcon","$slots","_openBlock","_renderSlot","_resolveDynamicComponent","title","_createElementBlock","_createTextVNode","description","closable","_Fragment","closeText","_createVNode"],"mappings":"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"}
+{"version":3,"file":"alert.mjs","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n  /**\n   * @description alert title.\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description alert type.\n   */\n  type: {\n    type: String,\n    values: keysOf(TypeComponentsMap),\n    default: 'info',\n  },\n  /**\n   * @description whether alert can be dismissed.\n   */\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description text for replacing x button\n   */\n  closeText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether show icon\n   */\n  showIcon: Boolean,\n  /**\n   * @description should content be placed in center.\n   */\n  center: Boolean,\n  effect: {\n    type: String,\n    values: alertEffects,\n    default: 'light',\n  },\n  /**\n   * @deprecated Removed after 2.11.8.\n   * @description delay of appearance, in millisecond, not valid in controlled mode\n   */\n  showAfter: Number,\n  /**\n   * @deprecated Removed after 2.11.8.\n   * @description delay of disappear, in millisecond, not valid in controlled mode\n   */\n  hideAfter: Number,\n  /**\n   * @deprecated Removed after 2.11.8.\n   * @description disappear automatically, in millisecond, not valid in controlled mode\n   */\n  autoClose: Number,\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\nexport type AlertPropsPublic = ExtractPublicPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n  close: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":[],"mappings":";;;;AAIa,MAAA,YAAA,GAAe,CAAC,OAAA,EAAS,MAAM,EAAA;AAErC,MAAM,aAAa,UAAW,CAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,OAAO,iBAAiB,CAAA;AAAA,IAChC,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AAAA,EAIV,MAAQ,EAAA,OAAA;AAAA,EACR,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,YAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAKA,SAAW,EAAA,MAAA;AAAA,EAKX,SAAW,EAAA,MAAA;AAAA,EAKX,SAAW,EAAA,MAAA;AACb,CAAU,EAAA;AAIH,MAAM,UAAa,GAAA;AAAA,EACxB,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAC7C;;;;"}

package/es/components/alert/src/alert2.mjs

@@ -1,44 +1,140 @@
-import { TypeComponentsMap } from '../../../utils/vue/icon.mjs';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { keysOf } from '../../../utils/objects.mjs';
+import { defineComponent, useSlots, ref, computed, openBlock, createBlock, Transition, unref, withCtx, withDirectives, createElementVNode, normalizeClass, renderSlot, resolveDynamicComponent, createCommentVNode, createElementBlock, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { alertProps, alertEmits } from './alert.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { TypeComponentsMap, TypeComponents } from '../../../utils/vue/icon.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { debugWarn } from '../../../utils/error.mjs';
 
-const alertEffects = ["light", "dark"];
-const alertProps = buildProps({
-  title: {
-    type: String,
-    default: ""
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElAlert"
   },
-  description: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    values: keysOf(TypeComponentsMap),
-    default: "info"
-  },
-  closable: {
-    type: Boolean,
-    default: true
-  },
-  closeText: {
-    type: String,
-    default: ""
-  },
-  showIcon: Boolean,
-  center: Boolean,
-  effect: {
-    type: String,
-    values: alertEffects,
-    default: "light"
-  },
-  showAfter: Number,
-  hideAfter: Number,
-  autoClose: Number
+  __name: "alert",
+  props: alertProps,
+  emits: alertEmits,
+  setup(__props, { emit: __emit }) {
+    const { Close } = TypeComponents;
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const ns = useNamespace("alert");
+    const visible = ref(true);
+    const iconComponent = computed(() => TypeComponentsMap[props.type]);
+    const hasDesc = computed(() => !!(props.description || slots.default));
+    const close = (evt) => {
+      visible.value = false;
+      emit("close", evt);
+    };
+    if (props.showAfter || props.hideAfter || props.autoClose) {
+      debugWarn(
+        "el-alert",
+        "The `show-after`, `hide-after`, and `auto-close` attributes were removed after 2.11.8. Please use `v-if` and `v-show` to manually replace them, visit: https://github.com/element-plus/element-plus/pull/22560"
+      );
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: unref(ns).b("fade"),
+        persisted: ""
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode(
+            "div",
+            {
+              class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.type), unref(ns).is("center", _ctx.center), unref(ns).is(_ctx.effect)]),
+              role: "alert"
+            },
+            [
+              _ctx.showIcon && (_ctx.$slots.icon || iconComponent.value) ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass([unref(ns).e("icon"), unref(ns).is("big", hasDesc.value)])
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "icon", {}, () => [
+                    (openBlock(), createBlock(resolveDynamicComponent(iconComponent.value)))
+                  ])
+                ]),
+                _: 3
+              }, 8, ["class"])) : createCommentVNode("v-if", true),
+              createElementVNode(
+                "div",
+                {
+                  class: normalizeClass(unref(ns).e("content"))
+                },
+                [
+                  _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock(
+                    "span",
+                    {
+                      key: 0,
+                      class: normalizeClass([unref(ns).e("title"), { "with-description": hasDesc.value }])
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "title", {}, () => [
+                        createTextVNode(
+                          toDisplayString(_ctx.title),
+                          1
+                        )
+                      ])
+                    ],
+                    2
+                  )) : createCommentVNode("v-if", true),
+                  hasDesc.value ? (openBlock(), createElementBlock(
+                    "p",
+                    {
+                      key: 1,
+                      class: normalizeClass(unref(ns).e("description"))
+                    },
+                    [
+                      renderSlot(_ctx.$slots, "default", {}, () => [
+                        createTextVNode(
+                          toDisplayString(_ctx.description),
+                          1
+                        )
+                      ])
+                    ],
+                    2
+                  )) : createCommentVNode("v-if", true),
+                  _ctx.closable ? (openBlock(), createElementBlock(
+                    Fragment,
+                    { key: 2 },
+                    [
+                      _ctx.closeText ? (openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: normalizeClass([unref(ns).e("close-btn"), unref(ns).is("customed")]),
+                          onClick: close
+                        },
+                        toDisplayString(_ctx.closeText),
+                        3
+                      )) : (openBlock(), createBlock(unref(ElIcon), {
+                        key: 1,
+                        class: normalizeClass(unref(ns).e("close-btn")),
+                        onClick: close
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Close))
+                        ]),
+                        _: 1
+                      }, 8, ["class"]))
+                    ],
+                    64
+                  )) : createCommentVNode("v-if", true)
+                ],
+                2
+              )
+            ],
+            2
+          ), [
+            [vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
+  }
 });
-const alertEmits = {
-  close: (evt) => evt instanceof MouseEvent
-};
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/alert/src/alert.vue"]]);
 
-export { alertEffects, alertEmits, alertProps };
+export { Alert as default };
 //# sourceMappingURL=alert2.mjs.map

package/es/components/alert/src/alert2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n  /**\n   * @description alert title.\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description alert type.\n   */\n  type: {\n    type: String,\n    values: keysOf(TypeComponentsMap),\n    default: 'info',\n  },\n  /**\n   * @description whether alert can be dismissed.\n   */\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description text for replacing x button\n   */\n  closeText: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether show icon\n   */\n  showIcon: Boolean,\n  /**\n   * @description should content be placed in center.\n   */\n  center: Boolean,\n  effect: {\n    type: String,\n    values: alertEffects,\n    default: 'light',\n  },\n  /**\n   * @deprecated Removed after 2.11.8.\n   * @description delay of appearance, in millisecond, not valid in controlled mode\n   */\n  showAfter: Number,\n  /**\n   * @deprecated Removed after 2.11.8.\n   * @description delay of disappear, in millisecond, not valid in controlled mode\n   */\n  hideAfter: Number,\n  /**\n   * @deprecated Removed after 2.11.8.\n   * @description disappear automatically, in millisecond, not valid in controlled mode\n   */\n  autoClose: Number,\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\nexport type AlertPropsPublic = ExtractPublicPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n  close: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":[],"mappings":";;;;AAIa,MAAA,YAAA,GAAe,CAAC,OAAA,EAAS,MAAM,EAAA;AAErC,MAAM,aAAa,UAAW,CAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,OAAO,iBAAiB,CAAA;AAAA,IAChC,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AAAA,EAIV,MAAQ,EAAA,OAAA;AAAA,EACR,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,YAAA;AAAA,IACR,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAKA,SAAW,EAAA,MAAA;AAAA,EAKX,SAAW,EAAA,MAAA;AAAA,EAKX,SAAW,EAAA,MAAA;AACb,CAAU,EAAA;AAIH,MAAM,UAAa,GAAA;AAAA,EACxB,KAAA,EAAO,CAAC,GAAA,KAAoB,GAAe,YAAA,UAAA;AAC7C;;;;"}
+{"version":3,"file":"alert2.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition :name=\"ns.b('fade')\">\n    <div\n      v-show=\"visible\"\n      :class=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && ($slots.icon || iconComponent)\"\n        :class=\"[ns.e('icon'), ns.is('big', hasDesc)]\"\n      >\n        <slot name=\"icon\">\n          <component :is=\"iconComponent\" />\n        </slot>\n      </el-icon>\n\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), { 'with-description': hasDesc }]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"hasDesc\" :class=\"ns.e('description')\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            :class=\"[ns.e('close-btn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('close-btn')\" @click=\"close\">\n            <Close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  debugWarn,\n} from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { alertEmits, alertProps } from './alert'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElAlert',\n})\n\nconst props = defineProps(alertProps)\nconst emit = defineEmits(alertEmits)\nconst slots = useSlots()\n\nconst ns = useNamespace('alert')\n\nconst visible = ref(true)\n\nconst iconComponent = computed(() => TypeComponentsMap[props.type])\n\nconst hasDesc = computed(() => !!(props.description || slots.default))\n\nconst close = (evt: MouseEvent) => {\n  visible.value = false\n  emit('close', evt)\n}\n\nif (props.showAfter || props.hideAfter || props.autoClose) {\n  debugWarn(\n    'el-alert',\n    'The `show-after`, `hide-after`, and `auto-close` attributes were removed after 2.11.8. Please use `v-if` and `v-show` to manually replace them, visit: https://github.com/element-plus/element-plus/pull/22560'\n  )\n}\n</script>\n"],"names":["_createBlock","_Transition","_unref","_withDirectives","_createElementVNode","_normalizeClass","type","center","effect","showIcon","$slots","_openBlock","_renderSlot","_resolveDynamicComponent","title","_createElementBlock","_createTextVNode","description","closable","_Fragment","closeText","_createVNode"],"mappings":";;;;;;;;;;;;;;;;AAwDM,IAAA,MAAA,EAAE,OAAU,GAAA,cAAA,CAAA;AAMlB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AACb,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEjB,IAAA,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAEzB,IAAA,MAAA,OAAA,GAAU,IAAI,IAAI,CAAA,CAAA;AAExB,IAAA,MAAM,aAAgB,GAAA,QAAA,CAAS,MAAM,iBAAA,CAAkB,MAAM,IAAK,CAAA,CAAA,CAAA;AAE5D,IAAA,MAAA,OAAA,GAAU,SAAS,MAAM,CAAC,EAAE,KAAM,CAAA,WAAA,IAAe,MAAM,OAAQ,CAAA,CAAA,CAAA;AAE/D,IAAA,MAAA,KAAA,GAAQ,CAAC,GAAoB,KAAA;AACjC,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAA,IAAI,KAAM,CAAA,SAAA,IAAa,KAAM,CAAA,SAAA,IAAa,MAAM,SAAW,EAAA;AACzD,MAAA,SAAA;AAAA,QACE,UAAA;AAAA,QACA,gNAAA;AAAA,OACF,CAAA;AAAA,KACF;;wBAnFE,EAAAA,WAAA,CAyCaC,UAAA,EAAA;AAAA,QAzCA,IAAM,EAAAC,KAAA,KAAG,EAAC,MAAA,CAAA;AAAA,QAAvB,SAAA,EAAA,EAAA;AAAA,OAAA,EAAA;AAAA,yBACE,MAuCM;AAAA,UAvCNC,cAAA,CAAAC,kBAAA;AAAA,YAuCM,KAAA;AAAA,YAAA;AAAA,cArCH,KAAK,EAAAC,cAAA,CAAG,CAAAH,KAAA,CAAA,EAAA,CAAA,CAAG,CAAC,EAAA,EAAIA,SAAG,CAAA,CAAA,CAAEI,KAAAA,IAAI,CAAA,EAAGJ,KAAA,CAAA,EAAA,CAAG,CAAA,EAAA,CAAE,QAAWK,EAAAA,IAAAA,CAAAA,MAAM,CAAA,EAAGL,KAAA,CAAA,EAAA,CAAG,CAAA,EAAA,CAAGM,IAAM,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA,cAClE,IAAK,EAAA,OAAA;AAAA,aAAA;AAAA;cAGGC,IAAaC,CAAAA,QAAAA,KAAAA,IAAAA,CAAAA,MAAAA,CAAO,IAAQ,IAAA,aAAA,CAAA,KAAA,CAAA,IAAAC,SAAA,EADpC,EAAAX,WAAA,CAOUE,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;AAAA,gBALP,OAAKG,gBAAGH,KAAG,CAAA,EAAA,EAAA,CAAC,CAAA,OAAU,EAAAA,KAAA,CAAG,EAAA,CAAA,CAAA,EAAA,CAAE,OAAQ,OAAO,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,eAAA,EAAA;AAAA,iCAE3C,MAEO;AAAA,kBAFPU,WAEO,yBAFP,MAEO;AAAA,qBADLD,WAAA,EAAAX,WAAA,CAAiCa,uBAAjB,CAAA,aAAA,CAAa,KAAA,CAAA,CAAA;AAAA,mBAAA,CAAA;AAAA;;;cAIjCT,kBAAA;AAAA,gBAwBM,KAAA;AAAA,gBAAA;AAAA,kBAxBA,OAAKC,cAAE,CAAAH,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,iBAAA;AAAA;kBAEPY,KAAAA,KAASJ,IAAAA,IAAAA,OAAO,CAAA,KAAA,IADxBC,WAAA,EAAAI,kBAAA;AAAA,oBAKO,MAAA;AAAA,oBAAA;AAAA,sBAAA,GAAA,EAAA,CAAA;AAAA,sBAHJ,KAAK,EAAAV,cAAA,CAAG,CAAAH,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,EAAA,EAAA,kBAAA,EAAiC,OAAO,CAAA,KAAA,EAAA,CAAA,CAAA;AAAA,qBAAA;AAAA;sBAErDU,WAAqC,0BAArC,MAAqC;AAAA,wBAAAI,eAAA;AAAA,0CAAfF,KAAK,KAAA,CAAA;AAAA,0BAAA,CAAA;AAAA,yBAAA;AAAA,uBAAA,CAAA;AAAA;;;kBAEpB,OAAA,CAAT,KAAA,IAAAH,SAAA,EAAA,EAAAI,kBAAA;AAAA,oBAII,GAAA;AAAA,oBAAA;AAAA,sBAAA,GAAA,EAAA,CAAA;AAAA,sBAJe,OAAKV,cAAE,CAAAH,KAAA,IAAG,CAAA,CAAA,CAAC,aAAA,CAAA,CAAA;AAAA,qBAAA;AAAA;sBAC5BU,WAEO,4BAFP,MAEO;AAAA,wBAAAI,eAAA;AAAA,0CADFC,KAAW,WAAA,CAAA;AAAA,0BAAA,CAAA;AAAA,yBAAA;AAAA,uBAAA,CAAA;AAAA;;;kBAGFC,IAAAA,CAAhB,QAAA,IAAAP,SAAA,EAAA,EAAAI,kBAAA;AAAA,oBAWWI,QAAA;AAAA,oBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,oBAAA;AAAA,sBATDC,IAAAA,CADR,SAAA,IAAAT,SAAA,EAAA,EAAAI,kBAAA;AAAA,wBAMM,KAAA;AAAA,wBAAA;AAAA,0BAAA,GAAA,EAAA,CAAA;AAAA,0BAJH,KAAK,EAAAV,cAAA,CAAG,CAAAH,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,WAAA,CAAA,EAAeA,UAAG,EAAE,CAAA,UAAA,CAAA,CAAA,CAAA;AAAA,0BAChC,OAAO,EAAA,KAAA;AAAA,yBAAA;AAAA,wCAELkB,KAAS,SAAA,CAAA;AAAA,wBAAA,CAAA;AAAA,4BAAAT,SAAA,EAAA,EAEdX,WAEU,CAAAE,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,wBAAA,GAAA,EAAA,CAAA;AAAA,wBAFO,OAAKG,cAAE,CAAAH,KAAA,IAAG,CAAA,CAAA,CAAC,WAAA,CAAA,CAAA;AAAA,wBAAgB,OAAO,EAAA,KAAA;AAAA,uBAAA,EAAA;AAAA,yCACjD,MAAS;AAAA,0BAATmB,WAAA,CAASnB,KAAA,CAAA,KAAA,CAAA,CAAA;AAAA,yBAAA,CAAA;AAAA;;;;;;;;;;;kBAlCP,EAAA,OAAA,CAAO,KAAA,CAAA;AAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}

package/es/components/button/index.mjs

@@ -1,5 +1,5 @@
 import Button from './src/button2.mjs';
-import ButtonGroup from './src/button-group.mjs';
+import ButtonGroup from './src/button-group2.mjs';
 export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './src/button.mjs';
 export { buttonGroupContextKey } from './src/constants.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';

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

@@ -1,40 +1,15 @@
-import { defineComponent, provide, reactive, toRef, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-import { buttonGroupProps } from './button-group2.mjs';
-import { buttonGroupContextKey } from './constants.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buttonProps } from './button.mjs';
+import { definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElButtonGroup"
-  },
-  __name: "button-group",
-  props: buttonGroupProps,
-  setup(__props) {
-    const props = __props;
-    provide(
-      buttonGroupContextKey,
-      reactive({
-        size: toRef(props, "size"),
-        type: toRef(props, "type")
-      })
-    );
-    const ns = useNamespace("button");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b("group"), unref(ns).bm("group", props.direction)])
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        2
-      );
-    };
+const buttonGroupProps = {
+  size: buttonProps.size,
+  type: buttonProps.type,
+  direction: {
+    type: definePropType(String),
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
   }
-});
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
+};
 
-export { ButtonGroup as default };
+export { buttonGroupProps };
 //# sourceMappingURL=button-group.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-group.mjs","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b('group'), ns.bm('group', props.direction)]\">\n    <slot />\n  </div>\n</template>\n\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":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,OAAA;AAAA,MACE,qBAAA;AAAA,MACA,QAAS,CAAA;AAAA,QACP,IAAA,EAAM,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,QACzB,IAAA,EAAM,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,OAC1B,CAAA;AAAA,KACH,CAAA;AACM,IAAA,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;;AAtB9B,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,gBAAGC,KAAG,CAAA,EAAA,EAAA,CAAC,CAAA,QAAW,EAAAA,KAAA,CAAG,EAAA,CAAA,CAAA,EAAA,CAAE,SAAU,KAAM,CAAA,SAAS,CAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UACzDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"button-group.mjs","sources":["../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { definePropType } from '@element-plus/utils'\nimport { buttonProps } from './button'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } 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  /**\n   * @description display direction\n   */\n  direction: {\n    type: definePropType<'horizontal' | 'vertical'>(String),\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\nexport type ButtonGroupPropsPublic = ExtractPublicPropTypes<\n  typeof buttonGroupProps\n>\n"],"names":[],"mappings":";;;AAKO,MAAM,gBAAmB,GAAA;AAAA,EAI9B,MAAM,WAAY,CAAA,IAAA;AAAA,EAIlB,MAAM,WAAY,CAAA,IAAA;AAAA,EAIlB,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA0C,MAAM,CAAA;AAAA,IACtD,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAS,EAAA,YAAA;AAAA,GACX;AACF;;;;"}

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

@@ -1,15 +1,40 @@
-import { buttonProps } from './button.mjs';
-import { definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, provide, reactive, toRef, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
+import { buttonGroupProps } from './button-group.mjs';
+import { buttonGroupContextKey } from './constants.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const buttonGroupProps = {
-  size: buttonProps.size,
-  type: buttonProps.type,
-  direction: {
-    type: definePropType(String),
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElButtonGroup"
+  },
+  __name: "button-group",
+  props: buttonGroupProps,
+  setup(__props) {
+    const props = __props;
+    provide(
+      buttonGroupContextKey,
+      reactive({
+        size: toRef(props, "size"),
+        type: toRef(props, "type")
+      })
+    );
+    const ns = useNamespace("button");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b("group"), unref(ns).bm("group", props.direction)])
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+      );
+    };
   }
-};
+});
+var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/button/src/button-group.vue"]]);
 
-export { buttonGroupProps };
+export { ButtonGroup as default };
 //# sourceMappingURL=button-group2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"button-group2.mjs","sources":["../../../../../../packages/components/button/src/button-group.ts"],"sourcesContent":["import { definePropType } from '@element-plus/utils'\nimport { buttonProps } from './button'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } 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  /**\n   * @description display direction\n   */\n  direction: {\n    type: definePropType<'horizontal' | 'vertical'>(String),\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n} as const\nexport type ButtonGroupProps = ExtractPropTypes<typeof buttonGroupProps>\nexport type ButtonGroupPropsPublic = ExtractPublicPropTypes<\n  typeof buttonGroupProps\n>\n"],"names":[],"mappings":";;;AAKO,MAAM,gBAAmB,GAAA;AAAA,EAI9B,MAAM,WAAY,CAAA,IAAA;AAAA,EAIlB,MAAM,WAAY,CAAA,IAAA;AAAA,EAIlB,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,eAA0C,MAAM,CAAA;AAAA,IACtD,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAS,EAAA,YAAA;AAAA,GACX;AACF;;;;"}
+{"version":3,"file":"button-group2.mjs","sources":["../../../../../../packages/components/button/src/button-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b('group'), ns.bm('group', props.direction)]\">\n    <slot />\n  </div>\n</template>\n\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":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,OAAA;AAAA,MACE,qBAAA;AAAA,MACA,QAAS,CAAA;AAAA,QACP,IAAA,EAAM,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,QACzB,IAAA,EAAM,KAAM,CAAA,KAAA,EAAO,MAAM,CAAA;AAAA,OAC1B,CAAA;AAAA,KACH,CAAA;AACM,IAAA,MAAA,EAAA,GAAK,aAAa,QAAQ,CAAA,CAAA;;AAtB9B,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,gBAAGC,KAAG,CAAA,EAAA,EAAA,CAAC,CAAA,QAAW,EAAAA,KAAA,CAAG,EAAA,CAAA,CAAA,EAAA,CAAE,SAAU,KAAM,CAAA,SAAS,CAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UACzDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}

package/es/components/card/index.mjs

@@ -1,5 +1,5 @@
-import Card from './src/card.mjs';
-export { cardContextKey, cardProps } from './src/card2.mjs';
+import Card from './src/card2.mjs';
+export { cardContextKey, cardProps } from './src/card.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElCard = withInstall(Card);