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

package/es/components/affix/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
 import './src/affix2.mjs';
 export { affixEmits, affixProps } from './src/affix.mjs';
-import script from './src/affix.vue_vue&type=script&lang.mjs';
+import script from './src/affix.vue_vue_type_script_lang.mjs';
 
 const ElAffix = withInstall(script);
 

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

@@ -0,0 +1,105 @@
+import { defineComponent, shallowRef, reactive, computed, watch, onMounted } from 'vue';
+import { useEventListener, useResizeObserver } from '@vueuse/core';
+import { getScrollContainer } from '../../../utils/dom.mjs';
+import { affixProps, affixEmits } from './affix.mjs';
+
+var script = defineComponent({
+  name: "ElAffix",
+  props: affixProps,
+  emits: affixEmits,
+  setup(props, { emit }) {
+    const target = shallowRef();
+    const root = shallowRef();
+    const scrollContainer = shallowRef();
+    const state = reactive({
+      fixed: false,
+      height: 0,
+      width: 0,
+      scrollTop: 0,
+      clientHeight: 0,
+      transform: 0
+    });
+    const rootStyle = computed(() => {
+      return {
+        height: state.fixed ? `${state.height}px` : "",
+        width: state.fixed ? `${state.width}px` : ""
+      };
+    });
+    const affixStyle = computed(() => {
+      if (!state.fixed)
+        return;
+      const offset = props.offset ? `${props.offset}px` : 0;
+      const transform = state.transform ? `translateY(${state.transform}px)` : "";
+      return {
+        height: `${state.height}px`,
+        width: `${state.width}px`,
+        top: props.position === "top" ? offset : "",
+        bottom: props.position === "bottom" ? offset : "",
+        transform,
+        zIndex: props.zIndex
+      };
+    });
+    const update = () => {
+      if (!root.value || !target.value || !scrollContainer.value)
+        return;
+      const rootRect = root.value.getBoundingClientRect();
+      const targetRect = target.value.getBoundingClientRect();
+      state.height = rootRect.height;
+      state.width = rootRect.width;
+      state.scrollTop = scrollContainer.value instanceof Window ? document.documentElement.scrollTop : scrollContainer.value.scrollTop;
+      state.clientHeight = document.documentElement.clientHeight;
+      if (props.position === "top") {
+        if (props.target) {
+          const difference = targetRect.bottom - props.offset - state.height;
+          state.fixed = props.offset > rootRect.top && targetRect.bottom > 0;
+          state.transform = difference < 0 ? difference : 0;
+        } else {
+          state.fixed = props.offset > rootRect.top;
+        }
+      } else {
+        if (props.target) {
+          const difference = state.clientHeight - targetRect.top - props.offset - state.height;
+          state.fixed = state.clientHeight - props.offset < rootRect.bottom && state.clientHeight > targetRect.top;
+          state.transform = difference < 0 ? -difference : 0;
+        } else {
+          state.fixed = state.clientHeight - props.offset < rootRect.bottom;
+        }
+      }
+    };
+    const onScroll = () => {
+      update();
+      emit("scroll", {
+        scrollTop: state.scrollTop,
+        fixed: state.fixed
+      });
+    };
+    watch(() => state.fixed, () => {
+      emit("change", state.fixed);
+    });
+    onMounted(() => {
+      var _a;
+      if (props.target) {
+        target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
+        if (!target.value) {
+          throw new Error(`Target is not existed: ${props.target}`);
+        }
+      } else {
+        target.value = document.documentElement;
+      }
+      scrollContainer.value = getScrollContainer(root.value, true);
+    });
+    useEventListener(scrollContainer, "scroll", onScroll);
+    useResizeObserver(root, () => update());
+    useResizeObserver(target, () => update());
+    return {
+      root,
+      state,
+      rootStyle,
+      affixStyle,
+      update
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=affix.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"affix.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n  <div ref=\"root\" class=\"el-affix\" :style=\"rootStyle\">\n    <div :class=\"{ 'el-affix--fixed': state.fixed }\" :style=\"affixStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  onMounted,\n  reactive,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { getScrollContainer } from '@element-plus/utils/dom'\nimport { affixEmits, affixProps } from './affix'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAffix',\n\n  props: affixProps,\n  emits: affixEmits,\n\n  setup(props, { emit }) {\n    const target = shallowRef<HTMLElement>()\n    const root = shallowRef<HTMLDivElement>()\n    const scrollContainer = shallowRef<HTMLElement | Window>()\n\n    const state = reactive({\n      fixed: false,\n      height: 0, // height of root\n      width: 0, // width of root\n      scrollTop: 0, // scrollTop of documentElement\n      clientHeight: 0, // clientHeight of documentElement\n      transform: 0,\n    })\n\n    const rootStyle = computed<CSSProperties>(() => {\n      return {\n        height: state.fixed ? `${state.height}px` : '',\n        width: state.fixed ? `${state.width}px` : '',\n      }\n    })\n\n    const affixStyle = computed<CSSProperties | undefined>(() => {\n      if (!state.fixed) return\n\n      const offset = props.offset ? `${props.offset}px` : 0\n      const transform = state.transform\n        ? `translateY(${state.transform}px)`\n        : ''\n\n      return {\n        height: `${state.height}px`,\n        width: `${state.width}px`,\n        top: props.position === 'top' ? offset : '',\n        bottom: props.position === 'bottom' ? offset : '',\n        transform,\n        zIndex: props.zIndex,\n      }\n    })\n\n    const update = () => {\n      if (!root.value || !target.value || !scrollContainer.value) return\n\n      const rootRect = root.value.getBoundingClientRect()\n      const targetRect = target.value.getBoundingClientRect()\n      state.height = rootRect.height\n      state.width = rootRect.width\n      state.scrollTop =\n        scrollContainer.value instanceof Window\n          ? document.documentElement.scrollTop\n          : scrollContainer.value.scrollTop\n      state.clientHeight = document.documentElement.clientHeight\n\n      if (props.position === 'top') {\n        if (props.target) {\n          const difference = targetRect.bottom - props.offset - state.height\n          state.fixed = props.offset > rootRect.top && targetRect.bottom > 0\n          state.transform = difference < 0 ? difference : 0\n        } else {\n          state.fixed = props.offset > rootRect.top\n        }\n      } else {\n        if (props.target) {\n          const difference =\n            state.clientHeight - targetRect.top - props.offset - state.height\n          state.fixed =\n            state.clientHeight - props.offset < rootRect.bottom &&\n            state.clientHeight > targetRect.top\n          state.transform = difference < 0 ? -difference : 0\n        } else {\n          state.fixed = state.clientHeight - props.offset < rootRect.bottom\n        }\n      }\n    }\n\n    const onScroll = () => {\n      update()\n\n      emit('scroll', {\n        scrollTop: state.scrollTop,\n        fixed: state.fixed,\n      })\n    }\n\n    watch(\n      () => state.fixed,\n      () => {\n        emit('change', state.fixed)\n      }\n    )\n\n    onMounted(() => {\n      if (props.target) {\n        target.value =\n          document.querySelector<HTMLElement>(props.target) ?? undefined\n        if (!target.value) {\n          throw new Error(`Target is not existed: ${props.target}`)\n        }\n      } else {\n        target.value = document.documentElement\n      }\n      scrollContainer.value = getScrollContainer(root.value!, true)\n    })\n\n    useEventListener(scrollContainer, 'scroll', onScroll)\n    useResizeObserver(root, () => update())\n    useResizeObserver(target, () => update())\n\n    return {\n      root,\n      state,\n      rootStyle,\n      affixStyle,\n      update,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAsBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,SAAS;AACf,UAAM,OAAO;AACb,UAAM,kBAAkB;AAExB,UAAM,QAAQ,SAAS;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,MACX,cAAc;AAAA,MACd,WAAW;AAAA;AAGb,UAAM,YAAY,SAAwB,MAAM;AAC9C,aAAO;AAAA,QACL,QAAQ,MAAM,QAAQ,GAAG,MAAM,aAAa;AAAA,QAC5C,OAAO,MAAM,QAAQ,GAAG,MAAM,YAAY;AAAA;AAAA;AAI9C,UAAM,aAAa,SAAoC,MAAM;AAC3D,UAAI,CAAC,MAAM;AAAO;AAElB,YAAM,SAAS,MAAM,SAAS,GAAG,MAAM,aAAa;AACpD,YAAM,YAAY,MAAM,YACpB,cAAc,MAAM,iBACpB;AAEJ,aAAO;AAAA,QACL,QAAQ,GAAG,MAAM;AAAA,QACjB,OAAO,GAAG,MAAM;AAAA,QAChB,KAAK,MAAM,aAAa,QAAQ,SAAS;AAAA,QACzC,QAAQ,MAAM,aAAa,WAAW,SAAS;AAAA,QAC/C;AAAA,QACA,QAAQ,MAAM;AAAA;AAAA;AAIlB,UAAM,SAAS,MAAM;AACnB,UAAI,CAAC,KAAK,SAAS,CAAC,OAAO,SAAS,CAAC,gBAAgB;AAAO;AAE5D,YAAM,WAAW,KAAK,MAAM;AAC5B,YAAM,aAAa,OAAO,MAAM;AAChC,YAAM,SAAS,SAAS;AACxB,YAAM,QAAQ,SAAS;AACvB,YAAM,YACJ,gBAAgB,iBAAiB,SAC7B,SAAS,gBAAgB,YACzB,gBAAgB,MAAM;AAC5B,YAAM,eAAe,SAAS,gBAAgB;AAE9C,UAAI,MAAM,aAAa,OAAO;AAC5B,YAAI,MAAM,QAAQ;AAChB,gBAAM,aAAa,WAAW,SAAS,MAAM,SAAS,MAAM;AAC5D,gBAAM,QAAQ,MAAM,SAAS,SAAS,OAAO,WAAW,SAAS;AACjE,gBAAM,YAAY,aAAa,IAAI,aAAa;AAAA,eAC3C;AACL,gBAAM,QAAQ,MAAM,SAAS,SAAS;AAAA;AAAA,aAEnC;AACL,YAAI,MAAM,QAAQ;AAChB,gBAAM,aACJ,MAAM,eAAe,WAAW,MAAM,MAAM,SAAS,MAAM;AAC7D,gBAAM,QACJ,MAAM,eAAe,MAAM,SAAS,SAAS,UAC7C,MAAM,eAAe,WAAW;AAClC,gBAAM,YAAY,aAAa,IAAI,CAAC,aAAa;AAAA,eAC5C;AACL,gBAAM,QAAQ,MAAM,eAAe,MAAM,SAAS,SAAS;AAAA;AAAA;AAAA;AAKjE,UAAM,WAAW,MAAM;AACrB;AAEA,WAAK,UAAU;AAAA,QACb,WAAW,MAAM;AAAA,QACjB,OAAO,MAAM;AAAA;AAAA;AAIjB,UACE,MAAM,MAAM,OACZ,MAAM;AACJ,WAAK,UAAU,MAAM;AAAA;AAIzB,cAAU,MAAM;;AACd,UAAI,MAAM,QAAQ;AAChB,eAAO,QACL,eAAS,cAA2B,MAAM,YAA1C,YAAqD;AACvD,YAAI,CAAC,OAAO,OAAO;AACjB,gBAAM,IAAI,MAAM,0BAA0B,MAAM;AAAA;AAAA,aAE7C;AACL,eAAO,QAAQ,SAAS;AAAA;AAE1B,sBAAgB,QAAQ,mBAAmB,KAAK,OAAQ;AAAA;AAG1D,qBAAiB,iBAAiB,UAAU;AAC5C,sBAAkB,MAAM,MAAM;AAC9B,sBAAkB,QAAQ,MAAM;AAEhC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/affix/src/affix.vue_vue_type_template_id_0745df9e_lang.mjs

@@ -0,0 +1,19 @@
+import { openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    ref: "root",
+    class: "el-affix",
+    style: normalizeStyle(_ctx.rootStyle)
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass({ "el-affix--fixed": _ctx.state.fixed }),
+      style: normalizeStyle(_ctx.affixStyle)
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ], 6)
+  ], 4);
+}
+
+export { render };
+//# sourceMappingURL=affix.vue_vue_type_template_id_0745df9e_lang.mjs.map

package/es/components/affix/src/affix.vue_vue_type_template_id_0745df9e_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"affix.vue_vue_type_template_id_0745df9e_lang.mjs","sources":["../../../../../../packages/components/affix/src/affix.vue?vue&type=template&id=0745df9e&lang.js"],"sourcesContent":["<template>\n  <div ref=\"root\" class=\"el-affix\" :style=\"rootStyle\">\n    <div :class=\"{ 'el-affix--fixed': state.fixed }\" :style=\"affixStyle\">\n      <slot></slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  onMounted,\n  reactive,\n  shallowRef,\n  watch,\n} from 'vue'\nimport { useEventListener, useResizeObserver } from '@vueuse/core'\nimport { getScrollContainer } from '@element-plus/utils/dom'\nimport { affixEmits, affixProps } from './affix'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElAffix',\n\n  props: affixProps,\n  emits: affixEmits,\n\n  setup(props, { emit }) {\n    const target = shallowRef<HTMLElement>()\n    const root = shallowRef<HTMLDivElement>()\n    const scrollContainer = shallowRef<HTMLElement | Window>()\n\n    const state = reactive({\n      fixed: false,\n      height: 0, // height of root\n      width: 0, // width of root\n      scrollTop: 0, // scrollTop of documentElement\n      clientHeight: 0, // clientHeight of documentElement\n      transform: 0,\n    })\n\n    const rootStyle = computed<CSSProperties>(() => {\n      return {\n        height: state.fixed ? `${state.height}px` : '',\n        width: state.fixed ? `${state.width}px` : '',\n      }\n    })\n\n    const affixStyle = computed<CSSProperties | undefined>(() => {\n      if (!state.fixed) return\n\n      const offset = props.offset ? `${props.offset}px` : 0\n      const transform = state.transform\n        ? `translateY(${state.transform}px)`\n        : ''\n\n      return {\n        height: `${state.height}px`,\n        width: `${state.width}px`,\n        top: props.position === 'top' ? offset : '',\n        bottom: props.position === 'bottom' ? offset : '',\n        transform,\n        zIndex: props.zIndex,\n      }\n    })\n\n    const update = () => {\n      if (!root.value || !target.value || !scrollContainer.value) return\n\n      const rootRect = root.value.getBoundingClientRect()\n      const targetRect = target.value.getBoundingClientRect()\n      state.height = rootRect.height\n      state.width = rootRect.width\n      state.scrollTop =\n        scrollContainer.value instanceof Window\n          ? document.documentElement.scrollTop\n          : scrollContainer.value.scrollTop\n      state.clientHeight = document.documentElement.clientHeight\n\n      if (props.position === 'top') {\n        if (props.target) {\n          const difference = targetRect.bottom - props.offset - state.height\n          state.fixed = props.offset > rootRect.top && targetRect.bottom > 0\n          state.transform = difference < 0 ? difference : 0\n        } else {\n          state.fixed = props.offset > rootRect.top\n        }\n      } else {\n        if (props.target) {\n          const difference =\n            state.clientHeight - targetRect.top - props.offset - state.height\n          state.fixed =\n            state.clientHeight - props.offset < rootRect.bottom &&\n            state.clientHeight > targetRect.top\n          state.transform = difference < 0 ? -difference : 0\n        } else {\n          state.fixed = state.clientHeight - props.offset < rootRect.bottom\n        }\n      }\n    }\n\n    const onScroll = () => {\n      update()\n\n      emit('scroll', {\n        scrollTop: state.scrollTop,\n        fixed: state.fixed,\n      })\n    }\n\n    watch(\n      () => state.fixed,\n      () => {\n        emit('change', state.fixed)\n      }\n    )\n\n    onMounted(() => {\n      if (props.target) {\n        target.value =\n          document.querySelector<HTMLElement>(props.target) ?? undefined\n        if (!target.value) {\n          throw new Error(`Target is not existed: ${props.target}`)\n        }\n      } else {\n        target.value = document.documentElement\n      }\n      scrollContainer.value = getScrollContainer(root.value!, true)\n    })\n\n    useEventListener(scrollContainer, 'scroll', onScroll)\n    useResizeObserver(root, () => update())\n    useResizeObserver(target, () => update())\n\n    return {\n      root,\n      state,\n      rootStyle,\n      affixStyle,\n      update,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot"],"mappings":";;;sBACEA;IAAK,KAAI;AAAA,IAAO,OAAM;AAAA,IAAY,sBAAO;;IACvCC;MAAM,2CAA4B,WAAM;AAAA,MAAU,sBAAO;;MACvDC;;;;;;;"}

package/es/components/affix/src/affix2.mjs

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

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

@@ -28,9 +28,9 @@ export declare const ElAlert: import("../../utils/types").SFCWithInstall<import(
 } & {
     title: string;
     type: import("../../utils/props").BuildPropType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
-    description: string;
-    center: boolean;
     closable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    center: boolean;
+    description: string;
     closeText: string;
     effect: import("../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
     showIcon: boolean;
@@ -39,9 +39,9 @@ export declare const ElAlert: import("../../utils/types").SFCWithInstall<import(
 }, {
     title: string;
     type: import("../../utils/props").BuildPropType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
-    description: string;
-    center: boolean;
     closable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    center: boolean;
+    description: string;
     closeText: string;
     effect: import("../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
     showIcon: boolean;

package/es/components/alert/index.mjs

@@ -1,7 +1,7 @@
 import { withInstall } from '../../utils/with-install.mjs';
 import './src/alert2.mjs';
 export { alertEmits, alertProps } from './src/alert.mjs';
-import script from './src/alert.vue_vue&type=script&lang.mjs';
+import script from './src/alert.vue_vue_type_script_lang.mjs';
 
 const ElAlert = withInstall(script);
 

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

@@ -28,9 +28,9 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     title: string;
     type: import("../../../utils/props").BuildPropType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
-    description: string;
-    center: boolean;
     closable: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    center: boolean;
+    description: string;
     closeText: string;
     effect: import("../../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
     showIcon: boolean;
@@ -39,9 +39,9 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     type: import("../../../utils/props").BuildPropType<StringConstructor, "error" | "success" | "warning" | "info", unknown>;
-    description: string;
-    center: boolean;
     closable: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    center: boolean;
+    description: string;
     closeText: string;
     effect: import("../../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
     showIcon: boolean;

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

@@ -0,0 +1,36 @@
+import { defineComponent, ref, computed } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { TypeComponents, TypeComponentsMap } from '../../../utils/icon.mjs';
+import { alertProps, alertEmits } from './alert.mjs';
+
+var script = defineComponent({
+  name: "ElAlert",
+  components: {
+    ElIcon,
+    ...TypeComponents
+  },
+  props: alertProps,
+  emits: alertEmits,
+  setup(props, { emit, slots }) {
+    const visible = ref(true);
+    const typeClass = computed(() => `el-alert--${props.type}`);
+    const iconComponent = computed(() => TypeComponentsMap[props.type] || TypeComponentsMap["info"]);
+    const isBigIcon = computed(() => props.description || slots.default ? "is-big" : "");
+    const isBoldTitle = computed(() => props.description || slots.default ? "is-bold" : "");
+    const close = (evt) => {
+      visible.value = false;
+      emit("close", evt);
+    };
+    return {
+      visible,
+      typeClass,
+      iconComponent,
+      isBigIcon,
+      isBoldTitle,
+      close
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=alert.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue"],"sourcesContent":["<template>\n  <transition name=\"el-alert-fade\">\n    <div\n      v-show=\"visible\"\n      class=\"el-alert\"\n      :class=\"[typeClass, center ? 'is-center' : '', 'is-' + effect]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && iconComponent\"\n        class=\"el-alert__icon\"\n        :class=\"isBigIcon\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div class=\"el-alert__content\">\n        <span\n          v-if=\"title || $slots.title\"\n          class=\"el-alert__title\"\n          :class=\"[isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" class=\"el-alert__description\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            class=\"el-alert__closebtn is-customed\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else class=\"el-alert__closebtn\" @click=\"close\">\n            <close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { alertProps, alertEmits } from './alert'\n\nexport default defineComponent({\n  name: 'ElAlert',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: alertProps,\n  emits: alertEmits,\n\n  setup(props, { emit, slots }) {\n    // state\n    const visible = ref(true)\n\n    // computed\n    const typeClass = computed(() => `el-alert--${props.type}`)\n    const iconComponent = computed(\n      () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n    )\n    const isBigIcon = computed(() =>\n      props.description || slots.default ? 'is-big' : ''\n    )\n    const isBoldTitle = computed(() =>\n      props.description || slots.default ? 'is-bold' : ''\n    )\n\n    // methods\n    const close = (evt: MouseEvent) => {\n      visible.value = false\n      emit('close', evt)\n    }\n\n    return {\n      visible,\n      typeClass,\n      iconComponent,\n      isBigIcon,\n      isBoldTitle,\n      close,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;AAkDA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,OACG;AAAA;AAAA,EAGL,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO,EAAE,MAAM,SAAS;AAE5B,UAAM,UAAU,IAAI;AAGpB,UAAM,YAAY,SAAS,MAAM,aAAa,MAAM;AACpD,UAAM,gBAAgB,SACpB,MAAM,kBAAkB,MAAM,SAAS,kBAAkB;AAE3D,UAAM,YAAY,SAAS,MACzB,MAAM,eAAe,MAAM,UAAU,WAAW;AAElD,UAAM,cAAc,SAAS,MAC3B,MAAM,eAAe,MAAM,UAAU,YAAY;AAInD,UAAM,QAAQ,CAAC,QAAoB;AACjC,cAAQ,QAAQ;AAChB,WAAK,SAAS;AAAA;AAGhB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

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

@@ -0,0 +1,66 @@
+import { resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, resolveDynamicComponent, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString, Fragment, createVNode, vShow } from 'vue';
+
+const _hoisted_1 = { class: "el-alert__content" };
+const _hoisted_2 = {
+  key: 1,
+  class: "el-alert__description"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_close = resolveComponent("close");
+  return openBlock(), createBlock(Transition, { name: "el-alert-fade" }, {
+    default: withCtx(() => [
+      withDirectives(createElementVNode("div", {
+        class: normalizeClass(["el-alert", [_ctx.typeClass, _ctx.center ? "is-center" : "", "is-" + _ctx.effect]]),
+        role: "alert"
+      }, [
+        _ctx.showIcon && _ctx.iconComponent ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
+          class: normalizeClass(["el-alert__icon", _ctx.isBigIcon])
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconComponent)))
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("v-if", true),
+        createElementVNode("div", _hoisted_1, [
+          _ctx.title || _ctx.$slots.title ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(["el-alert__title", [_ctx.isBoldTitle]])
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ], 2)) : createCommentVNode("v-if", true),
+          _ctx.$slots.default || _ctx.description ? (openBlock(), createElementBlock("p", _hoisted_2, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ])
+          ])) : createCommentVNode("v-if", true),
+          _ctx.closable ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+            _ctx.closeText ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "el-alert__closebtn is-customed",
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.close && _ctx.close(...args))
+            }, toDisplayString(_ctx.closeText), 1)) : (openBlock(), createBlock(_component_el_icon, {
+              key: 1,
+              class: "el-alert__closebtn",
+              onClick: _ctx.close
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_close)
+              ]),
+              _: 1
+            }, 8, ["onClick"]))
+          ], 2112)) : createCommentVNode("v-if", true)
+        ])
+      ], 2), [
+        [vShow, _ctx.visible]
+      ])
+    ]),
+    _: 3
+  });
+}
+
+export { render };
+//# sourceMappingURL=alert.vue_vue_type_template_id_1755b449_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.vue_vue_type_template_id_1755b449_lang.mjs","sources":["../../../../../../packages/components/alert/src/alert.vue?vue&type=template&id=1755b449&lang.js"],"sourcesContent":["<template>\n  <transition name=\"el-alert-fade\">\n    <div\n      v-show=\"visible\"\n      class=\"el-alert\"\n      :class=\"[typeClass, center ? 'is-center' : '', 'is-' + effect]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && iconComponent\"\n        class=\"el-alert__icon\"\n        :class=\"isBigIcon\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div class=\"el-alert__content\">\n        <span\n          v-if=\"title || $slots.title\"\n          class=\"el-alert__title\"\n          :class=\"[isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" class=\"el-alert__description\">\n          <slot>\n            {{ description }}\n          </slot>\n        </p>\n        <template v-if=\"closable\">\n          <div\n            v-if=\"closeText\"\n            class=\"el-alert__closebtn is-customed\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else class=\"el-alert__closebtn\" @click=\"close\">\n            <close />\n          </el-icon>\n        </template>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils/icon'\nimport { alertProps, alertEmits } from './alert'\n\nexport default defineComponent({\n  name: 'ElAlert',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: alertProps,\n  emits: alertEmits,\n\n  setup(props, { emit, slots }) {\n    // state\n    const visible = ref(true)\n\n    // computed\n    const typeClass = computed(() => `el-alert--${props.type}`)\n    const iconComponent = computed(\n      () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n    )\n    const isBigIcon = computed(() =>\n      props.description || slots.default ? 'is-big' : ''\n    )\n    const isBoldTitle = computed(() =>\n      props.description || slots.default ? 'is-bold' : ''\n    )\n\n    // methods\n    const close = (evt: MouseEvent) => {\n      visible.value = false\n      emit('close', evt)\n    }\n\n    return {\n      visible,\n      typeClass,\n      iconComponent,\n      isBigIcon,\n      isBoldTitle,\n      close,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createElementVNode","_createElementBlock","_renderSlot","_createVNode"],"mappings":";;qBAeW,OAAM;;;EAQ+B,OAAM;AAAA;;;;sBAtBpDA,0BAAY,MAAK;qBACf;qBAAAC;QAEE,uBAAM,aACG,gBAAW,wCAAmC;QACvD,MAAK;AAAA;QAGG,iBAAY,mCADpBD;;UAEE,uBAAM,kBACE;;2BAER;0BAAAA,oCAAgB;;;;QAElBC,0BAAA;UAEU,cAAS,YAAO,sBADxBC;;YAEE,uBAAM,oBACG;;YAETC,qCAAA;8CAAsB;;;UAEf,YAAO,WAAW,iCAA3BD,wBAAA;YACEC,uCAAA;8CACK;;;UAGS,8BAAhBD;YAEU,+BADRA;;cAEE,OAAM;AAAA,cACL,gDAAO;+BAEL,qCAELF;;cAAgB,OAAM;AAAA,cAAsB,SAAO;;+BACjD;gBAAAI;;;;;;;gBAlCE;;;;;;;;;"}

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

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

package/es/components/autocomplete/index.mjs

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

package/es/components/autocomplete/src/index.mjs

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

package/es/components/autocomplete/src/index.vue_vue_type_script_lang.mjs

@@ -0,0 +1,264 @@
+import { defineComponent, ref, computed, nextTick, watch, onMounted, onUpdated } from 'vue';
+import { NOOP, isArray } from '@vue/shared';
+import debounce from 'lodash/debounce';
+import '../../../hooks/index.mjs';
+import '../../../directives/index.mjs';
+import { generateId } from '../../../utils/util.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
+import { throwError } from '../../../utils/error.mjs';
+import { ElInput } from '../../input/index.mjs';
+import { ElScrollbar } from '../../scrollbar/index.mjs';
+import _Popper from '../../popper/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { Loading } from '@element-plus/icons';
+import ClickOutside from '../../../directives/click-outside/index.mjs';
+import useAttrs from '../../../hooks/use-attrs/index.mjs';
+import { Effect } from '../../popper/src/use-popper/defaults.mjs';
+
+var script = defineComponent({
+  name: "ElAutocomplete",
+  components: {
+    ElPopper: _Popper,
+    ElInput,
+    ElScrollbar,
+    ElIcon,
+    Loading
+  },
+  directives: {
+    clickoutside: ClickOutside
+  },
+  inheritAttrs: false,
+  props: {
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    debounce: {
+      type: Number,
+      default: 300
+    },
+    placement: {
+      type: String,
+      validator: (val) => {
+        return [
+          "top",
+          "top-start",
+          "top-end",
+          "bottom",
+          "bottom-start",
+          "bottom-end"
+        ].includes(val);
+      },
+      default: "bottom-start"
+    },
+    fetchSuggestions: {
+      type: Function,
+      default: NOOP
+    },
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    triggerOnFocus: {
+      type: Boolean,
+      default: true
+    },
+    selectWhenUnmatched: {
+      type: Boolean,
+      default: false
+    },
+    hideLoading: {
+      type: Boolean,
+      default: false
+    },
+    popperAppendToBody: {
+      type: Boolean,
+      default: true
+    },
+    highlightFirstItem: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [
+    UPDATE_MODEL_EVENT,
+    "input",
+    "change",
+    "focus",
+    "blur",
+    "clear",
+    "select"
+  ],
+  setup(props, ctx) {
+    const attrs = useAttrs();
+    const suggestions = ref([]);
+    const highlightedIndex = ref(-1);
+    const dropdownWidth = ref("");
+    const activated = ref(false);
+    const suggestionDisabled = ref(false);
+    const loading = ref(false);
+    const inputRef = ref(null);
+    const regionRef = ref(null);
+    const popper = ref(null);
+    const id = computed(() => {
+      return `el-autocomplete-${generateId()}`;
+    });
+    const suggestionVisible = computed(() => {
+      const isValidData = isArray(suggestions.value) && suggestions.value.length > 0;
+      return (isValidData || loading.value) && activated.value;
+    });
+    const suggestionLoading = computed(() => {
+      return !props.hideLoading && loading.value;
+    });
+    const updatePopperPosition = () => {
+      nextTick(popper.value.update);
+    };
+    watch(suggestionVisible, () => {
+      dropdownWidth.value = `${inputRef.value.$el.offsetWidth}px`;
+    });
+    onMounted(() => {
+      inputRef.value.inputOrTextarea.setAttribute("role", "textbox");
+      inputRef.value.inputOrTextarea.setAttribute("aria-autocomplete", "list");
+      inputRef.value.inputOrTextarea.setAttribute("aria-controls", "id");
+      inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
+      const $ul = regionRef.value.querySelector(".el-autocomplete-suggestion__list");
+      $ul.setAttribute("role", "listbox");
+      $ul.setAttribute("id", id.value);
+    });
+    onUpdated(updatePopperPosition);
+    const getData = (queryString) => {
+      if (suggestionDisabled.value) {
+        return;
+      }
+      loading.value = true;
+      updatePopperPosition();
+      props.fetchSuggestions(queryString, (suggestionsArg) => {
+        loading.value = false;
+        if (suggestionDisabled.value) {
+          return;
+        }
+        if (isArray(suggestionsArg)) {
+          suggestions.value = suggestionsArg;
+          highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
+        } else {
+          throwError("ElAutocomplete", "autocomplete suggestions must be an array");
+        }
+      });
+    };
+    const debouncedGetData = debounce(getData, props.debounce);
+    const handleInput = (value) => {
+      ctx.emit("input", value);
+      ctx.emit(UPDATE_MODEL_EVENT, value);
+      suggestionDisabled.value = false;
+      if (!props.triggerOnFocus && !value) {
+        suggestionDisabled.value = true;
+        suggestions.value = [];
+        return;
+      }
+      debouncedGetData(value);
+    };
+    const handleChange = (value) => {
+      ctx.emit("change", value);
+    };
+    const handleFocus = (e) => {
+      activated.value = true;
+      ctx.emit("focus", e);
+      if (props.triggerOnFocus) {
+        debouncedGetData(props.modelValue);
+      }
+    };
+    const handleBlur = (e) => {
+      ctx.emit("blur", e);
+    };
+    const handleClear = () => {
+      activated.value = false;
+      ctx.emit(UPDATE_MODEL_EVENT, "");
+      ctx.emit("clear");
+    };
+    const handleKeyEnter = () => {
+      if (suggestionVisible.value && highlightedIndex.value >= 0 && highlightedIndex.value < suggestions.value.length) {
+        select(suggestions.value[highlightedIndex.value]);
+      } else if (props.selectWhenUnmatched) {
+        ctx.emit("select", { value: props.modelValue });
+        nextTick(() => {
+          suggestions.value = [];
+          highlightedIndex.value = -1;
+        });
+      }
+    };
+    const close = () => {
+      activated.value = false;
+    };
+    const focus = () => {
+      inputRef.value.focus();
+    };
+    const select = (item) => {
+      ctx.emit("input", item[props.valueKey]);
+      ctx.emit(UPDATE_MODEL_EVENT, item[props.valueKey]);
+      ctx.emit("select", item);
+      nextTick(() => {
+        suggestions.value = [];
+        highlightedIndex.value = -1;
+      });
+    };
+    const highlight = (index) => {
+      if (!suggestionVisible.value || loading.value) {
+        return;
+      }
+      if (index < 0) {
+        highlightedIndex.value = -1;
+        return;
+      }
+      if (index >= suggestions.value.length) {
+        index = suggestions.value.length - 1;
+      }
+      const suggestion = regionRef.value.querySelector(".el-autocomplete-suggestion__wrap");
+      const suggestionList = suggestion.querySelectorAll(".el-autocomplete-suggestion__list li");
+      const highlightItem = suggestionList[index];
+      const scrollTop = suggestion.scrollTop;
+      const { offsetTop, scrollHeight } = highlightItem;
+      if (offsetTop + scrollHeight > scrollTop + suggestion.clientHeight) {
+        suggestion.scrollTop += scrollHeight;
+      }
+      if (offsetTop < scrollTop) {
+        suggestion.scrollTop -= scrollHeight;
+      }
+      highlightedIndex.value = index;
+      inputRef.value.inputOrTextarea.setAttribute("aria-activedescendant", `${id.value}-item-${highlightedIndex.value}`);
+    };
+    return {
+      Effect,
+      attrs,
+      suggestions,
+      highlightedIndex,
+      dropdownWidth,
+      activated,
+      suggestionDisabled,
+      loading,
+      inputRef,
+      regionRef,
+      popper,
+      id,
+      suggestionVisible,
+      suggestionLoading,
+      getData,
+      handleInput,
+      handleChange,
+      handleFocus,
+      handleBlur,
+      handleClear,
+      handleKeyEnter,
+      close,
+      focus,
+      select,
+      highlight
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map