@element-plus/nightly 0.0.20250410 → 0.0.20250411

package/es/packages/components/visual-hidden/src/visual-hidden2.mjs

@@ -1,40 +1,11 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, unref, renderSlot } from 'vue';
-import { visualHiddenProps } from './visual-hidden.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 
-const __default__ = defineComponent({
-  name: "ElVisuallyHidden"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: visualHiddenProps,
-  setup(__props) {
-    const props = __props;
-    const computedStyle = computed(() => {
-      return [
-        props.style,
-        {
-          position: "absolute",
-          border: 0,
-          width: 1,
-          height: 1,
-          padding: 0,
-          margin: -1,
-          overflow: "hidden",
-          clip: "rect(0, 0, 0, 0)",
-          whiteSpace: "nowrap",
-          wordWrap: "normal"
-        }
-      ];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: unref(computedStyle) }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
+const visualHiddenProps = buildProps({
+  style: {
+    type: definePropType([String, Object, Array]),
+    default: () => ({})
   }
 });
-var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "visual-hidden.vue"]]);
 
-export { ElVisuallyHidden as default };
+export { visualHiddenProps };
 //# sourceMappingURL=visual-hidden2.mjs.map

package/es/packages/components/visual-hidden/src/visual-hidden2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"visual-hidden2.mjs","sources":["../../../../../../../packages/components/visual-hidden/src/visual-hidden.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\" :style=\"computedStyle\">\n    <slot />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { visualHiddenProps } from './visual-hidden'\nimport type { StyleValue } from 'vue'\n\nconst props = defineProps(visualHiddenProps)\n\ndefineOptions({\n  name: 'ElVisuallyHidden',\n})\n\nconst computedStyle = computed<StyleValue>(() => {\n  return [\n    props.style,\n    {\n      position: 'absolute',\n      border: 0,\n      width: 1,\n      height: 1,\n      padding: 0,\n      margin: -1,\n      overflow: 'hidden',\n      clip: 'rect(0, 0, 0, 0)',\n      whiteSpace: 'nowrap',\n      wordWrap: 'normal',\n    },\n  ]\n})\n</script>\n"],"names":[],"mappings":";;;;mCAac,CAAA;AAAA,EACZ,IAAM,EAAA,kBAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAEA,IAAM,MAAA,aAAA,GAAgB,SAAqB,MAAM;AAC/C,MAAO,OAAA;AAAA,QACL,KAAM,CAAA,KAAA;AAAA,QACN;AAAA,UACE,QAAU,EAAA,UAAA;AAAA,UACV,MAAQ,EAAA,CAAA;AAAA,UACR,KAAO,EAAA,CAAA;AAAA,UACP,MAAQ,EAAA,CAAA;AAAA,UACR,OAAS,EAAA,CAAA;AAAA,UACT,MAAQ,EAAA,CAAA,CAAA;AAAA,UACR,QAAU,EAAA,QAAA;AAAA,UACV,IAAM,EAAA,kBAAA;AAAA,UACN,UAAY,EAAA,QAAA;AAAA,UACZ,QAAU,EAAA,QAAA;AAAA,SACZ;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;"}
+{"version":3,"file":"visual-hidden2.mjs","sources":["../../../../../../../packages/components/visual-hidden/src/visual-hidden.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport type { StyleValue } from 'vue'\n\nexport const visualHiddenProps = buildProps({\n  style: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n    default: () => ({}),\n  },\n} as const)\n"],"names":[],"mappings":";;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;AACjD,IAAI,OAAO,EAAE,OAAO,EAAE,CAAC;AACvB,GAAG;AACH,CAAC;;;;"}

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20250410";
+export declare const version = "0.0.20250411";

package/es/version.mjs

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

package/lib/index.js

@@ -7,24 +7,24 @@ var makeInstaller = require('./make-installer.js');
 var dayjs = require('dayjs');
 var affix = require('./packages/components/affix/src/affix.js');
 var index = require('./packages/components/affix/index.js');
-var alert = require('./packages/components/alert/src/alert.js');
+var alert = require('./packages/components/alert/src/alert2.js');
 var index$1 = require('./packages/components/alert/index.js');
-var autocomplete = require('./packages/components/autocomplete/src/autocomplete2.js');
+var autocomplete = require('./packages/components/autocomplete/src/autocomplete.js');
 var index$2 = require('./packages/components/autocomplete/index.js');
 var avatar = require('./packages/components/avatar/src/avatar.js');
 var index$3 = require('./packages/components/avatar/index.js');
-var backtop = require('./packages/components/backtop/src/backtop.js');
+var backtop = require('./packages/components/backtop/src/backtop2.js');
 var index$4 = require('./packages/components/backtop/index.js');
 var badge = require('./packages/components/badge/src/badge.js');
 var index$5 = require('./packages/components/badge/index.js');
 var breadcrumb = require('./packages/components/breadcrumb/src/breadcrumb.js');
-var breadcrumbItem = require('./packages/components/breadcrumb/src/breadcrumb-item2.js');
+var breadcrumbItem = require('./packages/components/breadcrumb/src/breadcrumb-item.js');
 var constants = require('./packages/components/breadcrumb/src/constants.js');
 var index$6 = require('./packages/components/breadcrumb/index.js');
 var button = require('./packages/components/button/src/button.js');
 var constants$1 = require('./packages/components/button/src/constants.js');
 var index$7 = require('./packages/components/button/index.js');
-var calendar = require('./packages/components/calendar/src/calendar2.js');
+var calendar = require('./packages/components/calendar/src/calendar.js');
 var index$8 = require('./packages/components/calendar/index.js');
 var card = require('./packages/components/card/src/card.js');
 var index$9 = require('./packages/components/card/index.js');
@@ -37,7 +37,7 @@ var index$b = require('./packages/components/cascader/index.js');
 var types = require('./packages/components/cascader-panel/src/types.js');
 var config = require('./packages/components/cascader-panel/src/config.js');
 var index$c = require('./packages/components/cascader-panel/index.js');
-var checkTag = require('./packages/components/check-tag/src/check-tag2.js');
+var checkTag = require('./packages/components/check-tag/src/check-tag.js');
 var index$d = require('./packages/components/check-tag/index.js');
 var checkboxGroup = require('./packages/components/checkbox/src/checkbox-group.js');
 var checkbox = require('./packages/components/checkbox/src/checkbox.js');
@@ -46,7 +46,7 @@ var index$e = require('./packages/components/checkbox/index.js');
 var col = require('./packages/components/col/src/col.js');
 var index$f = require('./packages/components/col/index.js');
 var collapse = require('./packages/components/collapse/src/collapse.js');
-var collapseItem = require('./packages/components/collapse/src/collapse-item2.js');
+var collapseItem = require('./packages/components/collapse/src/collapse-item.js');
 var constants$4 = require('./packages/components/collapse/src/constants.js');
 var index$g = require('./packages/components/collapse/index.js');
 var index$h = require('./packages/components/collapse-transition/index.js');
@@ -72,24 +72,24 @@ var constants$7 = require('./packages/components/dialog/src/constants.js');
 var index$o = require('./packages/components/dialog/index.js');
 var divider = require('./packages/components/divider/src/divider.js');
 var index$p = require('./packages/components/divider/index.js');
-var drawer = require('./packages/components/drawer/src/drawer.js');
+var drawer = require('./packages/components/drawer/src/drawer2.js');
 var index$q = require('./packages/components/drawer/index.js');
-var dropdown = require('./packages/components/dropdown/src/dropdown2.js');
+var dropdown = require('./packages/components/dropdown/src/dropdown.js');
 var tokens = require('./packages/components/dropdown/src/tokens.js');
 var index$r = require('./packages/components/dropdown/index.js');
 var empty = require('./packages/components/empty/src/empty.js');
 var index$s = require('./packages/components/empty/index.js');
-var form = require('./packages/components/form/src/form2.js');
-var formItem = require('./packages/components/form/src/form-item2.js');
+var form = require('./packages/components/form/src/form.js');
+var formItem = require('./packages/components/form/src/form-item.js');
 var constants$8 = require('./packages/components/form/src/constants.js');
 var useFormCommonProps = require('./packages/components/form/src/hooks/use-form-common-props.js');
 var useFormItem = require('./packages/components/form/src/hooks/use-form-item.js');
 var index$t = require('./packages/components/form/index.js');
 var icon = require('./packages/components/icon/src/icon.js');
 var index$u = require('./packages/components/icon/index.js');
-var image = require('./packages/components/image/src/image2.js');
+var image = require('./packages/components/image/src/image.js');
 var index$v = require('./packages/components/image/index.js');
-var imageViewer = require('./packages/components/image-viewer/src/image-viewer2.js');
+var imageViewer = require('./packages/components/image-viewer/src/image-viewer.js');
 var index$w = require('./packages/components/image-viewer/index.js');
 var input = require('./packages/components/input/src/input.js');
 var index$x = require('./packages/components/input/index.js');
@@ -113,32 +113,32 @@ var constants$9 = require('./packages/components/pagination/src/constants.js');
 var index$E = require('./packages/components/pagination/index.js');
 var popconfirm = require('./packages/components/popconfirm/src/popconfirm.js');
 var index$F = require('./packages/components/popconfirm/index.js');
-var popper = require('./packages/components/popper/src/popper.js');
+var popper = require('./packages/components/popper/src/popper2.js');
 var trigger$1 = require('./packages/components/popper/src/trigger.js');
 var content$1 = require('./packages/components/popper/src/content.js');
-var arrow$1 = require('./packages/components/popper/src/arrow2.js');
+var arrow$1 = require('./packages/components/popper/src/arrow.js');
 var constants$a = require('./packages/components/popper/src/constants.js');
-var arrow = require('./packages/components/popper/src/arrow.js');
+var arrow = require('./packages/components/popper/src/arrow2.js');
 var trigger = require('./packages/components/popper/src/trigger2.js');
 var content = require('./packages/components/popper/src/content2.js');
 var index$G = require('./packages/components/popper/index.js');
 var progress = require('./packages/components/progress/src/progress.js');
 var index$H = require('./packages/components/progress/index.js');
-var radio = require('./packages/components/radio/src/radio2.js');
+var radio = require('./packages/components/radio/src/radio.js');
 var radioGroup = require('./packages/components/radio/src/radio-group.js');
-var radioButton = require('./packages/components/radio/src/radio-button2.js');
+var radioButton = require('./packages/components/radio/src/radio-button.js');
 var constants$b = require('./packages/components/radio/src/constants.js');
 var index$I = require('./packages/components/radio/index.js');
 var rate = require('./packages/components/rate/src/rate.js');
 var index$J = require('./packages/components/rate/index.js');
 var result = require('./packages/components/result/src/result.js');
 var index$K = require('./packages/components/result/index.js');
-var row = require('./packages/components/row/src/row.js');
+var row = require('./packages/components/row/src/row2.js');
 var constants$c = require('./packages/components/row/src/constants.js');
 var index$L = require('./packages/components/row/index.js');
 var util = require('./packages/components/scrollbar/src/util.js');
-var scrollbar = require('./packages/components/scrollbar/src/scrollbar.js');
-var thumb = require('./packages/components/scrollbar/src/thumb.js');
+var scrollbar = require('./packages/components/scrollbar/src/scrollbar2.js');
+var thumb = require('./packages/components/scrollbar/src/thumb2.js');
 var constants$d = require('./packages/components/scrollbar/src/constants.js');
 var index$M = require('./packages/components/scrollbar/index.js');
 var token = require('./packages/components/select/src/token.js');
@@ -146,7 +146,7 @@ var select = require('./packages/components/select/src/select.js');
 var index$N = require('./packages/components/select/index.js');
 var token$1 = require('./packages/components/select-v2/src/token.js');
 var index$O = require('./packages/components/select-v2/index.js');
-var skeleton = require('./packages/components/skeleton/src/skeleton.js');
+var skeleton = require('./packages/components/skeleton/src/skeleton2.js');
 var skeletonItem = require('./packages/components/skeleton/src/skeleton-item.js');
 var index$P = require('./packages/components/skeleton/index.js');
 var slider = require('./packages/components/slider/src/slider.js');
@@ -177,9 +177,9 @@ var tabNav = require('./packages/components/tabs/src/tab-nav.js');
 var tabPane = require('./packages/components/tabs/src/tab-pane.js');
 var constants$g = require('./packages/components/tabs/src/constants.js');
 var index$X = require('./packages/components/tabs/index.js');
-var tag = require('./packages/components/tag/src/tag2.js');
+var tag = require('./packages/components/tag/src/tag.js');
 var index$Y = require('./packages/components/tag/index.js');
-var text = require('./packages/components/text/src/text2.js');
+var text = require('./packages/components/text/src/text.js');
 var index$Z = require('./packages/components/text/index.js');
 var utils = require('./packages/components/time-picker/src/utils.js');
 var constants$h = require('./packages/components/time-picker/src/constants.js');
@@ -203,7 +203,7 @@ var index$14 = require('./packages/components/tree-select/index.js');
 var index$15 = require('./packages/components/tree-v2/index.js');
 var upload = require('./packages/components/upload/src/upload.js');
 var uploadContent = require('./packages/components/upload/src/upload-content.js');
-var uploadList = require('./packages/components/upload/src/upload-list2.js');
+var uploadList = require('./packages/components/upload/src/upload-list.js');
 var uploadDragger = require('./packages/components/upload/src/upload-dragger.js');
 var constants$j = require('./packages/components/upload/src/constants.js');
 var index$16 = require('./packages/components/upload/index.js');
@@ -216,11 +216,11 @@ var watermark = require('./packages/components/watermark/src/watermark.js');
 var index$17 = require('./packages/components/watermark/index.js');
 var tour = require('./packages/components/tour/src/tour.js');
 var step = require('./packages/components/tour/src/step.js');
-var content$3 = require('./packages/components/tour/src/content2.js');
+var content$3 = require('./packages/components/tour/src/content.js');
 var index$18 = require('./packages/components/tour/index.js');
 var anchor = require('./packages/components/anchor/src/anchor.js');
 var index$19 = require('./packages/components/anchor/index.js');
-var segmented = require('./packages/components/segmented/src/segmented2.js');
+var segmented = require('./packages/components/segmented/src/segmented.js');
 var index$1a = require('./packages/components/segmented/index.js');
 var mention = require('./packages/components/mention/src/mention.js');
 var index$1b = require('./packages/components/mention/index.js');
@@ -231,7 +231,7 @@ var service = require('./packages/components/loading/src/service.js');
 var message = require('./packages/components/message/src/message.js');
 var index$1e = require('./packages/components/message/index.js');
 var index$1f = require('./packages/components/message-box/index.js');
-var notification = require('./packages/components/notification/src/notification2.js');
+var notification = require('./packages/components/notification/src/notification.js');
 var index$1g = require('./packages/components/notification/index.js');
 var popover = require('./packages/components/popover/src/popover.js');
 var index$1h = require('./packages/components/popover/index.js');

package/lib/packages/components/alert/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var alert$1 = require('./src/alert2.js');
-var alert = require('./src/alert.js');
+var alert$1 = require('./src/alert.js');
+var alert = require('./src/alert2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElAlert = install.withInstall(alert$1["default"]);

package/lib/packages/components/alert/src/alert.js

@@ -2,46 +2,99 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+var index$1 = require('../../icon/index.js');
+var alert = require('./alert2.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 var icon = require('../../../utils/vue/icon.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var objects = require('../../../utils/objects.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const alertEffects = ["light", "dark"];
-const alertProps = runtime.buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  description: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    values: objects.keysOf(icon.TypeComponentsMap),
-    default: "info"
-  },
-  closable: {
-    type: Boolean,
-    default: true
-  },
-  closeText: {
-    type: String,
-    default: ""
-  },
-  showIcon: Boolean,
-  center: Boolean,
-  effect: {
-    type: String,
-    values: alertEffects,
-    default: "light"
+const __default__ = vue.defineComponent({
+  name: "ElAlert"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: alert.alertProps,
+  emits: alert.alertEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const { Close } = icon.TypeComponents;
+    const slots = vue.useSlots();
+    const ns = index.useNamespace("alert");
+    const visible = vue.ref(true);
+    const iconComponent = vue.computed(() => icon.TypeComponentsMap[props.type]);
+    const hasDesc = vue.computed(() => !!(props.description || slots.default));
+    const close = (evt) => {
+      visible.value = false;
+      emit("close", evt);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: vue.unref(ns).b("fade"),
+        persisted: ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("div", {
+            class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.type), vue.unref(ns).is("center", _ctx.center), vue.unref(ns).is(_ctx.effect)]),
+            role: "alert"
+          }, [
+            _ctx.showIcon && (_ctx.$slots.icon || vue.unref(iconComponent)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).e("icon"), { [vue.unref(ns).is("big")]: vue.unref(hasDesc) }])
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("content"))
+            }, [
+              _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
+                key: 0,
+                class: vue.normalizeClass([vue.unref(ns).e("title"), { "with-description": vue.unref(hasDesc) }])
+              }, [
+                vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+                ])
+              ], 2)) : vue.createCommentVNode("v-if", true),
+              vue.unref(hasDesc) ? (vue.openBlock(), vue.createElementBlock("p", {
+                key: 1,
+                class: vue.normalizeClass(vue.unref(ns).e("description"))
+              }, [
+                vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                  vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
+                ])
+              ], 2)) : vue.createCommentVNode("v-if", true),
+              _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+                _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 0,
+                  class: vue.normalizeClass([vue.unref(ns).e("close-btn"), vue.unref(ns).is("customed")]),
+                  onClick: close
+                }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
+                  key: 1,
+                  class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
+                  onClick: close
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(Close))
+                  ]),
+                  _: 1
+                }, 8, ["class"]))
+              ], 64)) : vue.createCommentVNode("v-if", true)
+            ], 2)
+          ], 2), [
+            [vue.vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
   }
 });
-const alertEmits = {
-  close: (evt) => evt instanceof MouseEvent
-};
+var Alert = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "alert.vue"]]);
 
-exports.alertEffects = alertEffects;
-exports.alertEmits = alertEmits;
-exports.alertProps = alertProps;
+exports["default"] = Alert;
 //# sourceMappingURL=alert.js.map

package/lib/packages/components/alert/src/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'\nimport type { ExtractPropTypes } 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} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n  close: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":["buildProps","keysOf","TypeComponentsMap"],"mappings":";;;;;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,cAAM,CAACC,sBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;;"}
+{"version":3,"file":"alert.js","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 { TypeComponents, TypeComponentsMap } 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</script>\n"],"names":["TypeComponents","useSlots","useNamespace","ref","computed","TypeComponentsMap"],"mappings":";;;;;;;;;;;uCAsDc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAJA,IAAM,MAAA,EAAE,OAAU,GAAAA,mBAAA,CAAA;AAQlB,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAA,GAAKC,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,QAAI,IAAI,CAAA,CAAA;AAExB,IAAA,MAAM,gBAAgBC,YAAS,CAAA,MAAMC,sBAAkB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAElE,IAAM,MAAA,OAAA,GAAUD,aAAS,MAAM,CAAC,EAAE,KAAM,CAAA,WAAA,IAAe,MAAM,OAAQ,CAAA,CAAA,CAAA;AAErE,IAAM,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/packages/components/alert/src/alert2.js

@@ -2,99 +2,46 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../icon/index.js');
-var alert = require('./alert.js');
-var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 var icon = require('../../../utils/vue/icon.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var objects = require('../../../utils/objects.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElAlert"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: alert.alertProps,
-  emits: alert.alertEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const { Close } = icon.TypeComponents;
-    const slots = vue.useSlots();
-    const ns = index.useNamespace("alert");
-    const visible = vue.ref(true);
-    const iconComponent = vue.computed(() => icon.TypeComponentsMap[props.type]);
-    const hasDesc = vue.computed(() => !!(props.description || slots.default));
-    const close = (evt) => {
-      visible.value = false;
-      emit("close", evt);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, {
-        name: vue.unref(ns).b("fade"),
-        persisted: ""
-      }, {
-        default: vue.withCtx(() => [
-          vue.withDirectives(vue.createElementVNode("div", {
-            class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).m(_ctx.type), vue.unref(ns).is("center", _ctx.center), vue.unref(ns).is(_ctx.effect)]),
-            role: "alert"
-          }, [
-            _ctx.showIcon && (_ctx.$slots.icon || vue.unref(iconComponent)) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-              key: 0,
-              class: vue.normalizeClass([vue.unref(ns).e("icon"), { [vue.unref(ns).is("big")]: vue.unref(hasDesc) }])
-            }, {
-              default: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
-                ])
-              ]),
-              _: 3
-            }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("content"))
-            }, [
-              _ctx.title || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                class: vue.normalizeClass([vue.unref(ns).e("title"), { "with-description": vue.unref(hasDesc) }])
-              }, [
-                vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-                ])
-              ], 2)) : vue.createCommentVNode("v-if", true),
-              vue.unref(hasDesc) ? (vue.openBlock(), vue.createElementBlock("p", {
-                key: 1,
-                class: vue.normalizeClass(vue.unref(ns).e("description"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                  vue.createTextVNode(vue.toDisplayString(_ctx.description), 1)
-                ])
-              ], 2)) : vue.createCommentVNode("v-if", true),
-              _ctx.closable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-                _ctx.closeText ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 0,
-                  class: vue.normalizeClass([vue.unref(ns).e("close-btn"), vue.unref(ns).is("customed")]),
-                  onClick: close
-                }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElIcon), {
-                  key: 1,
-                  class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
-                  onClick: close
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(Close))
-                  ]),
-                  _: 1
-                }, 8, ["class"]))
-              ], 64)) : vue.createCommentVNode("v-if", true)
-            ], 2)
-          ], 2), [
-            [vue.vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
+const alertEffects = ["light", "dark"];
+const alertProps = runtime.buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
+  type: {
+    type: String,
+    values: objects.keysOf(icon.TypeComponentsMap),
+    default: "info"
+  },
+  closable: {
+    type: Boolean,
+    default: true
+  },
+  closeText: {
+    type: String,
+    default: ""
+  },
+  showIcon: Boolean,
+  center: Boolean,
+  effect: {
+    type: String,
+    values: alertEffects,
+    default: "light"
   }
 });
-var Alert = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "alert.vue"]]);
+const alertEmits = {
+  close: (evt) => evt instanceof MouseEvent
+};
 
-exports["default"] = Alert;
+exports.alertEffects = alertEffects;
+exports.alertEmits = alertEmits;
+exports.alertProps = alertProps;
 //# sourceMappingURL=alert2.js.map

package/lib/packages/components/alert/src/alert2.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert2.js","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 { TypeComponents, TypeComponentsMap } 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</script>\n"],"names":["TypeComponents","useSlots","useNamespace","ref","computed","TypeComponentsMap"],"mappings":";;;;;;;;;;;uCAsDc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAJA,IAAM,MAAA,EAAE,OAAU,GAAAA,mBAAA,CAAA;AAQlB,IAAA,MAAM,QAAQC,YAAS,EAAA,CAAA;AAEvB,IAAM,MAAA,EAAA,GAAKC,mBAAa,OAAO,CAAA,CAAA;AAE/B,IAAM,MAAA,OAAA,GAAUC,QAAI,IAAI,CAAA,CAAA;AAExB,IAAA,MAAM,gBAAgBC,YAAS,CAAA,MAAMC,sBAAkB,CAAA,KAAA,CAAM,IAAI,CAAC,CAAA,CAAA;AAElE,IAAM,MAAA,OAAA,GAAUD,aAAS,MAAM,CAAC,EAAE,KAAM,CAAA,WAAA,IAAe,MAAM,OAAQ,CAAA,CAAA,CAAA;AAErE,IAAM,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alert2.js","sources":["../../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap, buildProps, keysOf } from '@element-plus/utils'\nimport type { ExtractPropTypes } 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} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n  close: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":["buildProps","keysOf","TypeComponentsMap"],"mappings":";;;;;;;;AACY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAGA,kBAAU,CAAC;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,cAAM,CAACC,sBAAiB,CAAC;AACrC,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;;"}

package/lib/packages/components/autocomplete/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocomplete$1 = require('./src/autocomplete.js');
-var autocomplete = require('./src/autocomplete2.js');
+var autocomplete$1 = require('./src/autocomplete2.js');
+var autocomplete = require('./src/autocomplete.js');
 var install = require('../../utils/vue/install.js');
 
 const ElAutocomplete = install.withInstall(autocomplete$1["default"]);