@element-plus/nightly 0.0.20250623 → 0.0.20250625

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

@@ -2,50 +2,115 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../../hooks/use-delayed-toggle/index.js');
+var vue = require('vue');
+var index$2 = require('../../icon/index.js');
+var alert = require('./alert2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index$1 = require('../../../hooks/use-delayed-toggle/index.js');
 var icon = require('../../../utils/vue/icon.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var objects = require('../../../utils/objects.js');
-var types = require('../../../utils/types.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var core = require('@vueuse/core');
 
-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"
-  },
-  ...index.useDelayedToggleProps
+const __default__ = vue.defineComponent({
+  name: "ElAlert"
 });
-const alertEmits = {
-  open: () => true,
-  close: (evt) => types.isUndefined(evt) || evt instanceof Event
-};
+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(false);
+    const iconComponent = vue.computed(() => icon.TypeComponentsMap[props.type]);
+    const hasDesc = vue.computed(() => !!(props.description || slots.default));
+    const open = () => {
+      visible.value = true;
+      emit("open");
+    };
+    const close = (event) => {
+      visible.value = false;
+      emit("close", event);
+    };
+    const { onOpen, onClose } = index$1.useDelayedToggle({
+      showAfter: vue.toRef(props, "showAfter"),
+      hideAfter: vue.toRef(props, "hideAfter"),
+      autoClose: vue.toRef(props, "autoClose"),
+      open,
+      close
+    });
+    if (core.isClient) {
+      onOpen();
+    }
+    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$2.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$2.ElIcon), {
+                  key: 1,
+                  class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
+                  onClick: vue.unref(onClose)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(Close))
+                  ]),
+                  _: 1
+                }, 8, ["class", "onClick"]))
+              ], 64)) : vue.createCommentVNode("v-if", true)
+            ], 2)
+          ], 2), [
+            [vue.vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
+  }
+});
+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/components/alert/src/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { useDelayedToggleProps } from '@element-plus/hooks'\nimport {\n  TypeComponentsMap,\n  buildProps,\n  isUndefined,\n  keysOf,\n} from '@element-plus/utils'\n\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  ...useDelayedToggleProps,\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n  open: () => true,\n  close: (evt?: Event) => isUndefined(evt) || evt instanceof Event,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":["buildProps","keysOf","TypeComponentsMap","useDelayedToggleProps","isUndefined"],"mappings":";;;;;;;;;;AAOY,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,EAAE,GAAGC,2BAAqB;AAC1B,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAKC,iBAAW,CAAC,GAAG,CAAC,IAAI,GAAG,YAAY,KAAK;AAC1D;;;;;;"}
+{"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=\"onClose\">\n            <Close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, toRef, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  isClient,\n} from '@element-plus/utils'\nimport { useDelayedToggle, 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(false)\n\nconst iconComponent = computed(() => TypeComponentsMap[props.type])\n\nconst hasDesc = computed(() => !!(props.description || slots.default))\n\nconst open = () => {\n  visible.value = true\n  emit('open')\n}\n\nconst close = (event?: Event) => {\n  visible.value = false\n  emit('close', event)\n}\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  autoClose: toRef(props, 'autoClose'),\n  open,\n  close,\n})\n\nif (isClient) {\n  onOpen()\n}\n</script>\n"],"names":["TypeComponents","useSlots","useNamespace","ref","computed","TypeComponentsMap","useDelayedToggle","toRef","isClient"],"mappings":";;;;;;;;;;;;;uCA0Dc,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,KAAK,CAAA,CAAA;AAEzB,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,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAChB,MAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAM,MAAA,KAAA,GAAQ,CAAC,KAAkB,KAAA;AAC/B,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,EAAE,MAAA,EAAQ,OAAQ,EAAA,GAAIE,wBAAiB,CAAA;AAAA,MAC3C,SAAA,EAAWC,SAAM,CAAA,KAAA,EAAO,WAAW,CAAA;AAAA,MACnC,SAAA,EAAWA,SAAM,CAAA,KAAA,EAAO,WAAW,CAAA;AAAA,MACnC,SAAA,EAAWA,SAAM,CAAA,KAAA,EAAO,WAAW,CAAA;AAAA,MACnC,IAAA;AAAA,MACA,KAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,IAAIC,aAAU,EAAA;AACZ,MAAO,MAAA,EAAA,CAAA;AAAA,KACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,115 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$2 = require('../../icon/index.js');
-var alert = require('./alert.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index$1 = require('../../../hooks/use-delayed-toggle/index.js');
+var index = require('../../../hooks/use-delayed-toggle/index.js');
 var icon = require('../../../utils/vue/icon.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var core = require('@vueuse/core');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var objects = require('../../../utils/objects.js');
+var types = require('../../../utils/types.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElAlert"
+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"
+  },
+  ...index.useDelayedToggleProps
 });
-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(false);
-    const iconComponent = vue.computed(() => icon.TypeComponentsMap[props.type]);
-    const hasDesc = vue.computed(() => !!(props.description || slots.default));
-    const open = () => {
-      visible.value = true;
-      emit("open");
-    };
-    const close = (event) => {
-      visible.value = false;
-      emit("close", event);
-    };
-    const { onOpen, onClose } = index$1.useDelayedToggle({
-      showAfter: vue.toRef(props, "showAfter"),
-      hideAfter: vue.toRef(props, "hideAfter"),
-      autoClose: vue.toRef(props, "autoClose"),
-      open,
-      close
-    });
-    if (core.isClient) {
-      onOpen();
-    }
-    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$2.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$2.ElIcon), {
-                  key: 1,
-                  class: vue.normalizeClass(vue.unref(ns).e("close-btn")),
-                  onClick: vue.unref(onClose)
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(Close))
-                  ]),
-                  _: 1
-                }, 8, ["class", "onClick"]))
-              ], 64)) : vue.createCommentVNode("v-if", true)
-            ], 2)
-          ], 2), [
-            [vue.vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
-  }
-});
-var Alert = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "alert.vue"]]);
+const alertEmits = {
+  open: () => true,
+  close: (evt) => types.isUndefined(evt) || evt instanceof Event
+};
 
-exports["default"] = Alert;
+exports.alertEffects = alertEffects;
+exports.alertEmits = alertEmits;
+exports.alertProps = alertProps;
 //# sourceMappingURL=alert2.js.map

package/lib/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=\"onClose\">\n            <Close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, ref, toRef, useSlots } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  isClient,\n} from '@element-plus/utils'\nimport { useDelayedToggle, 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(false)\n\nconst iconComponent = computed(() => TypeComponentsMap[props.type])\n\nconst hasDesc = computed(() => !!(props.description || slots.default))\n\nconst open = () => {\n  visible.value = true\n  emit('open')\n}\n\nconst close = (event?: Event) => {\n  visible.value = false\n  emit('close', event)\n}\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  autoClose: toRef(props, 'autoClose'),\n  open,\n  close,\n})\n\nif (isClient) {\n  onOpen()\n}\n</script>\n"],"names":["TypeComponents","useSlots","useNamespace","ref","computed","TypeComponentsMap","useDelayedToggle","toRef","isClient"],"mappings":";;;;;;;;;;;;;uCA0Dc,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,KAAK,CAAA,CAAA;AAEzB,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,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAChB,MAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACb,CAAA;AAEA,IAAM,MAAA,KAAA,GAAQ,CAAC,KAAkB,KAAA;AAC/B,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAChB,MAAA,IAAA,CAAK,SAAS,KAAK,CAAA,CAAA;AAAA,KACrB,CAAA;AAEA,IAAA,MAAM,EAAE,MAAA,EAAQ,OAAQ,EAAA,GAAIE,wBAAiB,CAAA;AAAA,MAC3C,SAAA,EAAWC,SAAM,CAAA,KAAA,EAAO,WAAW,CAAA;AAAA,MACnC,SAAA,EAAWA,SAAM,CAAA,KAAA,EAAO,WAAW,CAAA;AAAA,MACnC,SAAA,EAAWA,SAAM,CAAA,KAAA,EAAO,WAAW,CAAA;AAAA,MACnC,IAAA;AAAA,MACA,KAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,IAAIC,aAAU,EAAA;AACZ,MAAO,MAAA,EAAA,CAAA;AAAA,KACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"alert2.js","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { useDelayedToggleProps } from '@element-plus/hooks'\nimport {\n  TypeComponentsMap,\n  buildProps,\n  isUndefined,\n  keysOf,\n} from '@element-plus/utils'\n\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  ...useDelayedToggleProps,\n} as const)\nexport type AlertProps = ExtractPropTypes<typeof alertProps>\n\nexport const alertEmits = {\n  open: () => true,\n  close: (evt?: Event) => isUndefined(evt) || evt instanceof Event,\n}\nexport type AlertEmits = typeof alertEmits\n"],"names":["buildProps","keysOf","TypeComponentsMap","useDelayedToggleProps","isUndefined"],"mappings":";;;;;;;;;;AAOY,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,EAAE,GAAGC,2BAAqB;AAC1B,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,IAAI,EAAE,MAAM,IAAI;AAClB,EAAE,KAAK,EAAE,CAAC,GAAG,KAAKC,iBAAW,CAAC,GAAG,CAAC,IAAI,GAAG,YAAY,KAAK;AAC1D;;;;;;"}

package/lib/components/anchor/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var anchor$1 = require('./src/anchor.js');
+var anchor$1 = require('./src/anchor2.js');
 var anchorLink = require('./src/anchor-link2.js');
-var anchor = require('./src/anchor2.js');
+var anchor = require('./src/anchor.js');
 var install = require('../../utils/vue/install.js');
 
 const ElAnchor = install.withInstall(anchor$1["default"], {

package/lib/components/anchor/src/anchor.js

@@ -2,201 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
-var anchor = require('./anchor2.js');
-var constants = require('./constants.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var element = require('../../../utils/dom/element.js');
-var throttleByRaf = require('../../../utils/throttleByRaf.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var shared = require('@vue/shared');
 var types = require('../../../utils/types.js');
-var scroll = require('../../../utils/dom/scroll.js');
-var position = require('../../../utils/dom/position.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var event = require('../../../constants/event.js');
 
-const __default__ = vue.defineComponent({
-  name: "ElAnchor"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: anchor.anchorProps,
-  emits: anchor.anchorEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const currentAnchor = vue.ref("");
-    const anchorRef = vue.ref(null);
-    const markerRef = vue.ref(null);
-    const containerEl = vue.ref();
-    const links = {};
-    let isScrolling = false;
-    let currentScrollTop = 0;
-    const ns = index.useNamespace("anchor");
-    const cls = vue.computed(() => [
-      ns.b(),
-      props.type === "underline" ? ns.m("underline") : "",
-      ns.m(props.direction)
-    ]);
-    const addLink = (state) => {
-      links[state.href] = state.el;
-    };
-    const removeLink = (href) => {
-      delete links[href];
-    };
-    const setCurrentAnchor = (href) => {
-      const activeHref = currentAnchor.value;
-      if (activeHref !== href) {
-        currentAnchor.value = href;
-        emit(event.CHANGE_EVENT, href);
-      }
-    };
-    let clearAnimate = null;
-    const scrollToAnchor = (href) => {
-      if (!containerEl.value)
-        return;
-      const target = element.getElement(href);
-      if (!target)
-        return;
-      if (clearAnimate)
-        clearAnimate();
-      isScrolling = true;
-      const scrollEle = scroll.getScrollElement(target, containerEl.value);
-      const distance = position.getOffsetTopDistance(target, scrollEle);
-      const max = scrollEle.scrollHeight - scrollEle.clientHeight;
-      const to = Math.min(distance - props.offset, max);
-      clearAnimate = scroll.animateScrollTo(containerEl.value, currentScrollTop, to, props.duration, () => {
-        setTimeout(() => {
-          isScrolling = false;
-        }, 20);
-      });
-    };
-    const scrollTo = (href) => {
-      if (href) {
-        setCurrentAnchor(href);
-        scrollToAnchor(href);
-      }
-    };
-    const handleClick = (e, href) => {
-      emit("click", e, href);
-      scrollTo(href);
-    };
-    const handleScroll = throttleByRaf.throttleByRaf(() => {
-      if (containerEl.value) {
-        currentScrollTop = scroll.getScrollTop(containerEl.value);
-      }
-      const currentHref = getCurrentHref();
-      if (isScrolling || types.isUndefined(currentHref))
-        return;
-      setCurrentAnchor(currentHref);
-    });
-    const getCurrentHref = () => {
-      if (!containerEl.value)
-        return;
-      const scrollTop = scroll.getScrollTop(containerEl.value);
-      const anchorTopList = [];
-      for (const href of Object.keys(links)) {
-        const target = element.getElement(href);
-        if (!target)
-          continue;
-        const scrollEle = scroll.getScrollElement(target, containerEl.value);
-        const distance = position.getOffsetTopDistance(target, scrollEle);
-        anchorTopList.push({
-          top: distance - props.offset - props.bound,
-          href
-        });
-      }
-      anchorTopList.sort((prev, next) => prev.top - next.top);
-      for (let i = 0; i < anchorTopList.length; i++) {
-        const item = anchorTopList[i];
-        const next = anchorTopList[i + 1];
-        if (i === 0 && scrollTop === 0) {
-          return props.selectScrollTop ? item.href : "";
-        }
-        if (item.top <= scrollTop && (!next || next.top > scrollTop)) {
-          return item.href;
-        }
-      }
-    };
-    const getContainer = () => {
-      const el = element.getElement(props.container);
-      if (!el || types.isWindow(el)) {
-        containerEl.value = window;
-      } else {
-        containerEl.value = el;
-      }
-    };
-    core.useEventListener(containerEl, "scroll", handleScroll);
-    const markerStyle = vue.computed(() => {
-      if (!anchorRef.value || !markerRef.value || !currentAnchor.value)
-        return {};
-      const currentLinkEl = links[currentAnchor.value];
-      if (!currentLinkEl)
-        return {};
-      const anchorRect = anchorRef.value.getBoundingClientRect();
-      const markerRect = markerRef.value.getBoundingClientRect();
-      const linkRect = currentLinkEl.getBoundingClientRect();
-      if (props.direction === "horizontal") {
-        const left = linkRect.left - anchorRect.left;
-        return {
-          left: `${left}px`,
-          width: `${linkRect.width}px`,
-          opacity: 1
-        };
-      } else {
-        const top = linkRect.top - anchorRect.top + (linkRect.height - markerRect.height) / 2;
-        return {
-          top: `${top}px`,
-          opacity: 1
-        };
-      }
-    });
-    vue.onMounted(() => {
-      getContainer();
-      const hash = decodeURIComponent(window.location.hash);
-      const target = element.getElement(hash);
-      if (target) {
-        scrollTo(hash);
-      } else {
-        handleScroll();
-      }
-    });
-    vue.watch(() => props.container, () => {
-      getContainer();
-    });
-    vue.provide(constants.anchorKey, {
-      ns,
-      direction: props.direction,
-      currentAnchor,
-      addLink,
-      removeLink,
-      handleClick
-    });
-    expose({
-      scrollTo
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "anchorRef",
-        ref: anchorRef,
-        class: vue.normalizeClass(vue.unref(cls))
-      }, [
-        _ctx.marker ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          ref_key: "markerRef",
-          ref: markerRef,
-          class: vue.normalizeClass(vue.unref(ns).e("marker")),
-          style: vue.normalizeStyle(vue.unref(markerStyle))
-        }, null, 6)) : vue.createCommentVNode("v-if", true),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(vue.unref(ns).e("list"))
-        }, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 2)
-      ], 2);
-    };
+const anchorProps = runtime.buildProps({
+  container: {
+    type: runtime.definePropType([
+      String,
+      Object
+    ])
+  },
+  offset: {
+    type: Number,
+    default: 0
+  },
+  bound: {
+    type: Number,
+    default: 15
+  },
+  duration: {
+    type: Number,
+    default: 300
+  },
+  marker: {
+    type: Boolean,
+    default: true
+  },
+  type: {
+    type: runtime.definePropType(String),
+    default: "default"
+  },
+  direction: {
+    type: runtime.definePropType(String),
+    default: "vertical"
+  },
+  selectScrollTop: {
+    type: Boolean,
+    default: false
   }
 });
-var Anchor = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "anchor.vue"]]);
+const anchorEmits = {
+  change: (href) => shared.isString(href),
+  click: (e, href) => e instanceof MouseEvent && (shared.isString(href) || types.isUndefined(href))
+};
 
-exports["default"] = Anchor;
+exports.anchorEmits = anchorEmits;
+exports.anchorProps = anchorProps;
 //# sourceMappingURL=anchor.js.map