@element-plus/nightly 0.0.20250523 → 0.0.20250525

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20250523 */
+/*! Element Plus v0.0.20250525 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11728,7 +11728,7 @@
 
   const ElConfigProvider = withInstall(ConfigProvider);
 
-  const version$1 = "0.0.20250523";
+  const version$1 = "0.0.20250525";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -11963,10 +11963,12 @@
       type: String,
       values: alertEffects,
       default: "light"
-    }
+    },
+    ...useDelayedToggleProps
   });
   const alertEmits = {
-    close: (evt) => evt instanceof MouseEvent
+    open: () => true,
+    close: (evt) => isUndefined(evt) || evt instanceof Event
   };
 
   const __default__$1S = vue.defineComponent({
@@ -11981,13 +11983,27 @@
       const { Close } = TypeComponents;
       const slots = vue.useSlots();
       const ns = useNamespace("alert");
-      const visible = vue.ref(true);
+      const visible = vue.ref(false);
       const iconComponent = vue.computed(() => TypeComponentsMap[props.type]);
       const hasDesc = vue.computed(() => !!(props.description || slots.default));
-      const close = (evt) => {
+      const open = () => {
+        visible.value = true;
+        emit("open");
+      };
+      const close = (event) => {
         visible.value = false;
-        emit("close", evt);
+        emit("close", event);
       };
+      const { onOpen, onClose } = useDelayedToggle({
+        showAfter: vue.toRef(props, "showAfter"),
+        hideAfter: vue.toRef(props, "hideAfter"),
+        autoClose: vue.toRef(props, "autoClose"),
+        open,
+        close
+      });
+      if (isClient) {
+        onOpen();
+      }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Transition, {
           name: vue.unref(ns).b("fade"),
@@ -12036,13 +12052,13 @@
                   }, vue.toDisplayString(_ctx.closeText), 3)) : (vue.openBlock(), vue.createBlock(vue.unref(ElIcon), {
                     key: 1,
                     class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
-                    onClick: close
+                    onClick: vue.unref(onClose)
                   }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(Close))
                     ]),
                     _: 1
-                  }, 8, ["class"]))
+                  }, 8, ["class", "onClick"]))
                 ], 64)) : vue.createCommentVNode("v-if", true)
               ], 2)
             ], 2), [
@@ -26456,6 +26472,9 @@
             color.fromString(props.modelValue);
           } else {
             color.value = "";
+            if (!currentColor.value && customInput.value) {
+              customInput.value = "";
+            }
             vue.nextTick(() => {
               showPanelColor.value = false;
             });
@@ -26472,6 +26491,9 @@
       }
       function handleConfirm() {
         color.fromString(customInput.value);
+        if (color.value !== customInput.value) {
+          customInput.value = color.value;
+        }
       }
       function confirmValue() {
         const value = color.value;