@element-plus/nightly 0.0.20220115 → 0.0.20220119

package/dist/locale/zh-tw.mjs

@@ -0,0 +1,124 @@
+/*! Element Plus v0.0.20220119 */
+
+var zhTw = {
+  name: "zh-tw",
+  el: {
+    colorpicker: {
+      confirm: "\u78BA\u8A8D",
+      clear: "\u6E05\u7A7A"
+    },
+    datepicker: {
+      now: "\u73FE\u5728",
+      today: "\u4ECA\u5929",
+      cancel: "\u53D6\u6D88",
+      clear: "\u6E05\u7A7A",
+      confirm: "\u78BA\u8A8D",
+      selectDate: "\u9078\u64C7\u65E5\u671F",
+      selectTime: "\u9078\u64C7\u6642\u9593",
+      startDate: "\u958B\u59CB\u65E5\u671F",
+      startTime: "\u958B\u59CB\u6642\u9593",
+      endDate: "\u7D50\u675F\u65E5\u671F",
+      endTime: "\u7D50\u675F\u6642\u9593",
+      prevYear: "\u524D\u4E00\u5E74",
+      nextYear: "\u5F8C\u4E00\u5E74",
+      prevMonth: "\u4E0A\u500B\u6708",
+      nextMonth: "\u4E0B\u500B\u6708",
+      year: "\u5E74",
+      month1: "1 \u6708",
+      month2: "2 \u6708",
+      month3: "3 \u6708",
+      month4: "4 \u6708",
+      month5: "5 \u6708",
+      month6: "6 \u6708",
+      month7: "7 \u6708",
+      month8: "8 \u6708",
+      month9: "9 \u6708",
+      month10: "10 \u6708",
+      month11: "11 \u6708",
+      month12: "12 \u6708",
+      weeks: {
+        sun: "\u65E5",
+        mon: "\u4E00",
+        tue: "\u4E8C",
+        wed: "\u4E09",
+        thu: "\u56DB",
+        fri: "\u4E94",
+        sat: "\u516D"
+      },
+      months: {
+        jan: "\u4E00\u6708",
+        feb: "\u4E8C\u6708",
+        mar: "\u4E09\u6708",
+        apr: "\u56DB\u6708",
+        may: "\u4E94\u6708",
+        jun: "\u516D\u6708",
+        jul: "\u4E03\u6708",
+        aug: "\u516B\u6708",
+        sep: "\u4E5D\u6708",
+        oct: "\u5341\u6708",
+        nov: "\u5341\u4E00\u6708",
+        dec: "\u5341\u4E8C\u6708"
+      }
+    },
+    select: {
+      loading: "\u52A0\u8F09\u4E2D",
+      noMatch: "\u7121\u5339\u914D\u8CC7\u6599",
+      noData: "\u7121\u8CC7\u6599",
+      placeholder: "\u8ACB\u9078\u64C7"
+    },
+    cascader: {
+      noMatch: "\u7121\u5339\u914D\u8CC7\u6599",
+      loading: "\u52A0\u8F09\u4E2D",
+      placeholder: "\u8ACB\u9078\u64C7",
+      noData: "\u7121\u8CC7\u6599"
+    },
+    pagination: {
+      goto: "\u524D\u5F80",
+      pagesize: "\u9805/\u9801",
+      total: "\u5171 {total} \u9805",
+      pageClassifier: "\u9801"
+    },
+    messagebox: {
+      title: "\u63D0\u793A",
+      confirm: "\u78BA\u5B9A",
+      cancel: "\u53D6\u6D88",
+      error: "\u8F38\u5165\u7684\u8CC7\u6599\u4E0D\u7B26\u898F\u5B9A!"
+    },
+    upload: {
+      deleteTip: "\u6309 delete \u9375\u53EF\u522A\u9664",
+      delete: "\u522A\u9664",
+      preview: "\u67E5\u770B\u5716\u7247",
+      continue: "\u7E7C\u7E8C\u4E0A\u50B3"
+    },
+    table: {
+      emptyText: "\u66AB\u7121\u8CC7\u6599",
+      confirmFilter: "\u7BE9\u9078",
+      resetFilter: "\u91CD\u7F6E",
+      clearFilter: "\u5168\u90E8",
+      sumText: "\u5408\u8A08"
+    },
+    tree: {
+      emptyText: "\u66AB\u7121\u8CC7\u6599"
+    },
+    transfer: {
+      noMatch: "\u7121\u5339\u914D\u8CC7\u6599",
+      noData: "\u7121\u8CC7\u6599",
+      titles: ["\u5217\u8868 1", "\u5217\u8868 2"],
+      filterPlaceholder: "\u8ACB\u8F38\u5165\u641C\u7D22\u5167\u5BB9",
+      noCheckedFormat: "\u5171 {total} \u9805",
+      hasCheckedFormat: "\u5DF2\u9078 {checked}/{total} \u9805"
+    },
+    image: {
+      error: "\u52A0\u8F09\u5931\u6557"
+    },
+    pageHeader: {
+      title: "\u8FD4\u56DE"
+    },
+    popconfirm: {
+      confirmButtonText: "\u78BA\u8A8D",
+      cancelButtonText: "\u53D6\u6D88"
+    }
+  }
+};
+
+export { zhTw as default };

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

@@ -4,6 +4,17 @@ export declare const ElAffix: import("../../utils/types").SFCWithInstall<import(
     readonly offset: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly position: import("../../utils/props").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     root: import("vue").ShallowRef<HTMLDivElement | undefined>;
     state: {
         fixed: boolean;
@@ -22,17 +33,12 @@ export declare const ElAffix: import("../../utils/types").SFCWithInstall<import(
         fixed: boolean;
     }) => boolean;
     change: (fixed: boolean) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly zIndex?: unknown;
-    readonly target?: unknown;
-    readonly offset?: unknown;
-    readonly position?: unknown;
-} & {
-    zIndex: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown>;
-    target: string;
-    offset: number;
-    position: import("../../utils/props").BuildPropType<StringConstructor, "top" | "bottom", unknown>;
-} & {}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly zIndex: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<import("csstype").ZIndexProperty>, 100, unknown, unknown, unknown>;
+    readonly target: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly offset: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly position: import("../../utils/props").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
+}>> & {
     onChange?: ((fixed: boolean) => any) | undefined;
     onScroll?: ((args_0: {
         scrollTop: number;

package/es/components/affix/src/affix.d.ts

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes } from 'vue';
 import type { ZIndexProperty } from 'csstype';
+import type Affix from './affix.vue';
 export declare const affixProps: {
     readonly zIndex: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<ZIndexProperty>, 100, unknown, unknown, unknown>;
     readonly target: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -15,3 +16,4 @@ export declare const affixEmits: {
     change: (fixed: boolean) => boolean;
 };
 export declare type AffixEmits = typeof affixEmits;
+export declare type AffixInstance = InstanceType<typeof Affix>;

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

@@ -1 +1 @@
-{"version":3,"file":"affix.mjs","sources":["../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\n\nexport const affixProps = buildProps({\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n\nexport const affixEmits = {\n  scroll: ({ scrollTop, fixed }: { scrollTop: number; fixed: boolean }) =>\n    typeof scrollTop === 'number' && typeof fixed === 'boolean',\n  change: (fixed: boolean) => typeof fixed === 'boolean',\n}\nexport type AffixEmits = typeof affixEmits\n"],"names":[],"mappings":";;AACY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC7B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS;AAC/F,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,SAAS;AAC/C;;;;"}
+{"version":3,"file":"affix.mjs","sources":["../../../../../../packages/components/affix/src/affix.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type { ZIndexProperty } from 'csstype'\nimport type Affix from './affix.vue'\n\nexport const affixProps = buildProps({\n  zIndex: {\n    type: definePropType<ZIndexProperty>([Number, String]),\n    default: 100,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  position: {\n    type: String,\n    values: ['top', 'bottom'],\n    default: 'top',\n  },\n} as const)\nexport type AffixProps = ExtractPropTypes<typeof affixProps>\n\nexport const affixEmits = {\n  scroll: ({ scrollTop, fixed }: { scrollTop: number; fixed: boolean }) =>\n    typeof scrollTop === 'number' && typeof fixed === 'boolean',\n  change: (fixed: boolean) => typeof fixed === 'boolean',\n}\nexport type AffixEmits = typeof affixEmits\n\nexport type AffixInstance = InstanceType<typeof Affix>\n"],"names":[],"mappings":";;AACY,MAAC,UAAU,GAAG,UAAU,CAAC;AACrC,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC7B,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,UAAU,GAAG;AAC1B,EAAE,MAAM,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,SAAS;AAC/F,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,SAAS;AAC/C;;;;"}

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

@@ -5,6 +5,17 @@ declare const _default: import("vue").DefineComponent<{
     readonly offset: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
     readonly position: import("../../../utils/props").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     root: import("vue").ShallowRef<HTMLDivElement | undefined>;
     state: {
         fixed: boolean;
@@ -23,17 +34,12 @@ declare const _default: import("vue").DefineComponent<{
         fixed: boolean;
     }) => boolean;
     change: (fixed: boolean) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly zIndex?: unknown;
-    readonly target?: unknown;
-    readonly offset?: unknown;
-    readonly position?: unknown;
-} & {
-    zIndex: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<import("csstype").ZIndexProperty>, unknown, unknown>;
-    target: string;
-    offset: number;
-    position: import("../../../utils/props").BuildPropType<StringConstructor, "top" | "bottom", unknown>;
-} & {}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly zIndex: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("csstype").ZIndexProperty>, 100, unknown, unknown, unknown>;
+    readonly target: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly offset: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly position: import("../../../utils/props").BuildPropReturn<StringConstructor, "top", unknown, "top" | "bottom", unknown>;
+}>> & {
     onChange?: ((fixed: boolean) => any) | undefined;
     onScroll?: ((args_0: {
         scrollTop: number;

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

@@ -1,13 +1,16 @@
 import { defineComponent, shallowRef, reactive, computed, watch, onMounted } from 'vue';
 import { useEventListener, useResizeObserver } from '@vueuse/core';
 import { getScrollContainer } from '../../../utils/dom.mjs';
+import '../../../hooks/index.mjs';
 import { affixProps, affixEmits } from './affix.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElAffix",
   props: affixProps,
   emits: affixEmits,
   setup(props, { emit }) {
+    const ns = useNamespace("affix");
     const target = shallowRef();
     const root = shallowRef();
     const scrollContainer = shallowRef();
@@ -92,6 +95,7 @@ var script = defineComponent({
     useResizeObserver(root, () => update());
     useResizeObserver(target, () => update());
     return {
+      ns,
       root,
       state,
       rootStyle,

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

@@ -1 +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 || 0\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":";;;;;AAkBA,aAAe,eAAe;;AAE9B,EAAE,KAAK,EAAE,UAAU;;AAEnB,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE;IACrB,MAAM,MAAM;;IAEZ,MAAM;IACN,MAAM,KAAK,GAAG;;MAEZ,MAAM,GAAG;MACT,KAAK,EAAE,CAAC;MACR,SAAS,EAAE,CAAC;MACZ,YAAY,EAAE,CAAC;;KAEhB,CAAC,CAAC;UACG;MACJ;QACE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC;QACvB,KAAK,EAAE,KAAK,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG;OAC3C,CAAC;MACF,CAAC;IACH;;QAEI,OAAO;MACT;YACM,SAAS,GAAG,MAAM,SAAS,GAAG,CAAC,WAAW;aACzC;;;;QAIL,MAAM,EAAE,KAAK,SAAS,KAAK,QAAQ,GAAG,MAAM,GAAG,EAAE;iBACxC;;OAEV,CAAC;MACF,CAAC;UACG,MAAM,GAAG,MAAM;UACf,CAAC;;MAEL;YACM,UAAU,GAAG,MAAM,CAAC;WACrB,CAAC,MAAM,GAAG,QAAQ,CAAC;WACnB,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;WACxB,CAAC,SAAS,GAAG,eAAe,CAAC,iBAAiB;WAC9C,CAAC;UACF,MAAM,QAAQ;;;;UAId,KAAK,UAAU;SAChB,MAAM;;SAEN;OACF,MAAM;QACL,IAAI,KAAK,OAAO,EAAE;UAChB,MAAM,UAAU,GAAG;UACnB,KAAK,CAAC;UACN,KAAK,CAAC,SAAS,GAAG,UAAU,GAAG,CAAC,GAAG,CAAC;eAC/B;UACL,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,GAAG;SACpC;;MAEH;kBACY,GAAG;YACT,EAAE;UACJ,CAAC,QAAQ;iBACF,EAAE,KAAK,UAAU;QAC1B,KAAK,EAAE;;;SAGN,CAAC;WACC,QAAQ,EAAE,KAAK;;aAEb,CAAC,MAAM;UACV,EAAE,CAAC;eACE,CAAC,MAAM,EAAE;cACV,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC;YAC1B,CAAC,MAAM,CAAC;UACV;;;;;;KAML,CAAC,CAAC;;;qBAGc;WACV;UACD;MACJ;;;MAGA;MACA;;;;;;"}
+{"version":3,"file":"affix.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/affix/src/affix.vue"],"sourcesContent":["<template>\n  <div ref=\"root\" :class=\"ns.b()\" :style=\"rootStyle\">\n    <div :class=\"{ [ns.m('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 { useNamespace } from '@element-plus/hooks'\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 ns = useNamespace('affix')\n\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 || 0\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      ns,\n      root,\n      state,\n      rootStyle,\n      affixStyle,\n      update,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;AAmBA,aAAe,eAAe;;AAE9B,EAAE,KAAK,EAAE,UAAU;;AAEnB,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE;IACrB,MAAM,EAAE,GAAG;;IAEX,MAAM,IAAI,GAAG;IACb,MAAM;;MAEJ,KAAK,EAAE,KAAK;MACZ,SAAS;;MAET,SAAS,EAAE;MACX,YAAY,EAAE,CAAC;MACf,SAAS,EAAE,CAAC;;IAEd,MAAM,SAAS,GAAG;MAChB,OAAO;QACL,MAAM,OAAO,CAAC,KAAK,GAAG,CAAC,EAAE;QACzB,KAAK,OAAO,CAAC,KAAK,GAAG,CAAC;OACvB,CAAC;MACF,CAAC;UACG;;;MAGJ,MAAM,MAAM,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO;MAC9C;aACO;QACL,QAAQ,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;;;;QAI3B,SAAS;cACH,EAAE,KAAK,CAAC,MAAM;;MAEtB,CAAC;UACG,MAAM,GAAG,MAAM;UACf,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;QACnC;;MAEF;WACK,CAAC,MAAM,GAAG,QAAQ,CAAC;WACnB,CAAC,KAAK,GAAG,QAAQ,CAAC;WAClB,UAAU,GAAG,gBAAgB,KAAK;WAClC,CAAC,YAAY,GAAG,QAAQ,CAAC,eAAe;UACzC,KAAK,CAAC;QACR,IAAI,KAAK,CAAC,MAAM,EAAE;;;;eAIX;UACL,KAAK,CAAC,aAAa,CAAC,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC;;OAE7C,MAAM;QACL,IAAI,KAAK,CAAC,QAAQ;UAChB,MAAM,UAAU,GAAG,KAAK,CAAC;UACzB,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;UACpB,KAAK,CAAC;SACP,MAAM;UACL,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,YAAY,GAAG;;OAEtC;;UAEG,QAAQ,GAAG,MAAM;YACf,EAAE,CAAC;UACL,CAAC,QAAQ,EAAE;iBACJ,EAAE,KAAK,CAAC,SAAS;aACrB,EAAE,KAAK,CAAC,KAAK;QAClB;;;MAGF,IAAI,CAAC;;aAEE,CAAC,MAAM;YACR,CAAC;UACH,KAAK,CAAC,MAAM;cACR,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC;YACrD,CAAC,MAAM,CAAC,KAAK,EAAE;UACjB,MAAM,IAAI,MAAM,wBAAwB,EAAE,KAAK;;aAE5C;QACL;;;;IAIJ,iBAAiB;;;WAGV;QACH;UACE;MACJ;;;MAGA;MACA;;;;;;"}

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

@@ -1,18 +1,18 @@
-import { openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot } from 'vue';
+import { openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "root",
-    class: "el-affix",
+    class: normalizeClass(_ctx.ns.b()),
     style: normalizeStyle(_ctx.rootStyle)
   }, [
     createElementVNode("div", {
-      class: normalizeClass({ "el-affix--fixed": _ctx.state.fixed }),
+      class: normalizeClass({ [_ctx.ns.m("fixed")]: _ctx.state.fixed }),
       style: normalizeStyle(_ctx.affixStyle)
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 6)
-  ], 4);
+  ], 6);
 }
 
 export { render };

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

@@ -1 +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 || 0\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":["_normalizeStyle"],"mappings":";;;;;IACO,KAAI;IAAO,KAAK,EAACA;;;;MACd,KAAK;;;;;;;;;"}
+{"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=\"ns.b()\" :style=\"rootStyle\">\n    <div :class=\"{ [ns.m('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 { useNamespace } from '@element-plus/hooks'\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 ns = useNamespace('affix')\n\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 || 0\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      ns,\n      root,\n      state,\n      rootStyle,\n      affixStyle,\n      update,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;IACO,KAAI;IAAQ,KAAK,iBAAE;;;;MAChB,KAAK;;;;;;;;;"}

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

@@ -6,45 +6,46 @@ export declare const ElAlert: import("../../utils/types").SFCWithInstall<import(
     readonly closeText: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly showIcon: BooleanConstructor;
     readonly center: BooleanConstructor;
-    readonly effect: import("../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "dark" | "light", unknown>;
+    readonly effect: import("../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     visible: import("vue").Ref<boolean>;
-    typeClass: import("vue").ComputedRef<string>;
     iconComponent: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>>;
-    isBigIcon: import("vue").ComputedRef<"" | "is-big">;
-    isBoldTitle: import("vue").ComputedRef<"" | "is-bold">;
+    isBigIcon: import("vue").ComputedRef<string>;
+    isBoldTitle: import("vue").ComputedRef<string>;
     close: (evt: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (evt: MouseEvent) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly title?: unknown;
-    readonly description?: unknown;
-    readonly type?: unknown;
-    readonly closable?: unknown;
-    readonly closeText?: unknown;
-    readonly showIcon?: unknown;
-    readonly center?: unknown;
-    readonly effect?: unknown;
-} & {
-    type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
-    closable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    title: string;
-    center: boolean;
-    description: string;
-    closeText: string;
-    effect: import("../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
-    showIcon: boolean;
-} & {}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly title: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly description: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly type: import("../../utils/props").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
+    readonly closable: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeText: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly showIcon: BooleanConstructor;
+    readonly center: BooleanConstructor;
+    readonly effect: import("../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
+}>> & {
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }, {
     type: import("../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
     closable: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     title: string;
-    center: boolean;
     description: string;
     closeText: string;
-    effect: import("../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
+    effect: import("../../utils/props").BuildPropType<StringConstructor, "light" | "dark", unknown>;
     showIcon: boolean;
+    center: boolean;
 }>> & Record<string, any>;
 export default ElAlert;
 export * from './src/alert';

package/es/components/alert/index.mjs

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

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

@@ -1,5 +1,6 @@
 import type { ExtractPropTypes } from 'vue';
-export declare type AlertEffect = 'light' | 'dark';
+import type Alert from './alert.vue';
+export declare const alertEffects: readonly ["light", "dark"];
 export declare const alertProps: {
     readonly title: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly description: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
@@ -8,10 +9,11 @@ export declare const alertProps: {
     readonly closeText: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly showIcon: BooleanConstructor;
     readonly center: BooleanConstructor;
-    readonly effect: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "light", unknown, "dark" | "light", unknown>;
+    readonly effect: import("element-plus/es/utils/props").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
 };
 export declare type AlertProps = ExtractPropTypes<typeof alertProps>;
 export declare const alertEmits: {
     close: (evt: MouseEvent) => boolean;
 };
 export declare type AlertEmits = typeof alertEmits;
+export declare type AlertInstance = InstanceType<typeof Alert>;

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

@@ -1,6 +1,7 @@
 import { TypeComponentsMap } from '../../../utils/icon.mjs';
 import { buildProps, keyOf } from '../../../utils/props.mjs';
 
+const alertEffects = ["light", "dark"];
 const alertProps = buildProps({
   title: {
     type: String,
@@ -27,7 +28,7 @@ const alertProps = buildProps({
   center: Boolean,
   effect: {
     type: String,
-    values: ["light", "dark"],
+    values: alertEffects,
     default: "light"
   }
 });
@@ -35,5 +36,5 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-export { alertEmits, alertProps };
+export { alertEffects, alertEmits, alertProps };
 //# sourceMappingURL=alert.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.mjs","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap } from '@element-plus/utils/icon'\nimport { buildProps, keyOf } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\n\nexport type AlertEffect = 'light' | 'dark'\n\nexport const alertProps = buildProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    values: keyOf(TypeComponentsMap),\n    default: 'info',\n  },\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  closeText: {\n    type: String,\n    default: '',\n  },\n  showIcon: Boolean,\n  center: Boolean,\n  effect: {\n    type: String,\n    values: ['light', 'dark'],\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":[],"mappings":";;;AAEY,MAAC,UAAU,GAAG,UAAU,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,EAAE,KAAK,CAAC,iBAAiB,CAAC;AACpC,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,CAAC,OAAO,EAAE,MAAM,CAAC;AAC7B,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.mjs","sources":["../../../../../../packages/components/alert/src/alert.ts"],"sourcesContent":["import { TypeComponentsMap } from '@element-plus/utils/icon'\nimport { buildProps, keyOf } from '@element-plus/utils/props'\nimport type { ExtractPropTypes } from 'vue'\nimport type Alert from './alert.vue'\n\nexport const alertEffects = ['light', 'dark'] as const\n\nexport const alertProps = buildProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  description: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    values: keyOf(TypeComponentsMap),\n    default: 'info',\n  },\n  closable: {\n    type: Boolean,\n    default: true,\n  },\n  closeText: {\n    type: String,\n    default: '',\n  },\n  showIcon: Boolean,\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\nexport type AlertInstance = InstanceType<typeof Alert>\n"],"names":[],"mappings":";;;AAEY,MAAC,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE;AAClC,MAAC,UAAU,GAAG,UAAU,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,EAAE,KAAK,CAAC,iBAAiB,CAAC;AACpC,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/es/components/alert/src/alert.vue.d.ts

@@ -6,44 +6,45 @@ declare const _default: import("vue").DefineComponent<{
     readonly closeText: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly showIcon: BooleanConstructor;
     readonly center: BooleanConstructor;
-    readonly effect: import("../../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "dark" | "light", unknown>;
+    readonly effect: import("../../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     visible: import("vue").Ref<boolean>;
-    typeClass: import("vue").ComputedRef<string>;
     iconComponent: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{}>, {}>>;
-    isBigIcon: import("vue").ComputedRef<"" | "is-big">;
-    isBoldTitle: import("vue").ComputedRef<"" | "is-bold">;
+    isBigIcon: import("vue").ComputedRef<string>;
+    isBoldTitle: import("vue").ComputedRef<string>;
     close: (evt: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (evt: MouseEvent) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly title?: unknown;
-    readonly description?: unknown;
-    readonly type?: unknown;
-    readonly closable?: unknown;
-    readonly closeText?: unknown;
-    readonly showIcon?: unknown;
-    readonly center?: unknown;
-    readonly effect?: unknown;
-} & {
-    type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
-    closable: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    title: string;
-    center: boolean;
-    description: string;
-    closeText: string;
-    effect: import("../../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
-    showIcon: boolean;
-} & {}> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly title: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly description: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly type: import("../../../utils/props").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
+    readonly closable: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeText: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly showIcon: BooleanConstructor;
+    readonly center: BooleanConstructor;
+    readonly effect: import("../../../utils/props").BuildPropReturn<StringConstructor, "light", unknown, "light" | "dark", unknown>;
+}>> & {
     onClose?: ((evt: MouseEvent) => any) | undefined;
 }, {
     type: import("../../../utils/props").BuildPropType<StringConstructor, "success" | "warning" | "info" | "error", unknown>;
     closable: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     title: string;
-    center: boolean;
     description: string;
     closeText: string;
-    effect: import("../../../utils/props").BuildPropType<StringConstructor, "dark" | "light", unknown>;
+    effect: import("../../../utils/props").BuildPropType<StringConstructor, "light" | "dark", unknown>;
     showIcon: boolean;
+    center: boolean;
 }>;
 export default _default;

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

@@ -1,7 +1,9 @@
 import { defineComponent, ref, computed } from 'vue';
 import { ElIcon } from '../../icon/index.mjs';
 import { TypeComponents, TypeComponentsMap } from '../../../utils/icon.mjs';
+import '../../../hooks/index.mjs';
 import { alertProps, alertEmits } from './alert.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var script = defineComponent({
   name: "ElAlert",
@@ -12,18 +14,18 @@ var script = defineComponent({
   props: alertProps,
   emits: alertEmits,
   setup(props, { emit, slots }) {
+    const ns = useNamespace("alert");
     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 isBigIcon = computed(() => props.description || slots.default ? ns.is("big") : "");
+    const isBoldTitle = computed(() => props.description || slots.default ? ns.is("bold") : "");
     const close = (evt) => {
       visible.value = false;
       emit("close", evt);
     };
     return {
+      ns,
       visible,
-      typeClass,
       iconComponent,
       isBigIcon,
       isBoldTitle,

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

@@ -1 +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":";;;;;AAgDA,aAAe,eAAe;;AAE9B,EAAE,UAAU;IACR,MAAM;;GAEP;OACI,EAAE;OACF,EAAE,UAAU;EACjB;;IAEE,MAAM,SAAS;IACf,MAAM;;IAEN,MAAM,WAAW,GAAG,QAAQ;IAC5B,MAAM;MACJ,OAAO,CAAC,QAAQ,KAAK,CAAC;;KAEvB;IACD,OAAO;MACL,OAAO;MACP,SAAS;;MAET,SAAS;MACT,WAAW;;KAEZ,CAAC;;;;;;"}
+{"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=\"[ns.b(), ns.m(type), ns.is('center', center), ns.is(effect)]\"\n      role=\"alert\"\n    >\n      <el-icon\n        v-if=\"showIcon && iconComponent\"\n        :class=\"[ns.e('icon'), isBigIcon]\"\n      >\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('content')\">\n        <span\n          v-if=\"title || $slots.title\"\n          :class=\"[ns.e('title'), isBoldTitle]\"\n        >\n          <slot name=\"title\">{{ title }}</slot>\n        </span>\n        <p v-if=\"$slots.default || description\" :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('closebtn'), ns.is('customed')]\"\n            @click=\"close\"\n          >\n            {{ closeText }}\n          </div>\n          <el-icon v-else :class=\"ns.e('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 { useNamespace } from '@element-plus/hooks'\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    const ns = useNamespace('alert')\n\n    // state\n    const visible = ref(true)\n\n    // computed\n    const iconComponent = computed(\n      () => TypeComponentsMap[props.type] || TypeComponentsMap['info']\n    )\n    const isBigIcon = computed(() =>\n      props.description || slots.default ? ns.is('big') : ''\n    )\n    const isBoldTitle = computed(() =>\n      props.description || slots.default ? ns.is('bold') : ''\n    )\n\n    // methods\n    const close = (evt: MouseEvent) => {\n      visible.value = false\n      emit('close', evt)\n    }\n\n    return {\n      ns,\n      visible,\n      iconComponent,\n      isBigIcon,\n      isBoldTitle,\n      close,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;AA8CA,aAAe,eAAe;;AAE9B,EAAE,UAAU;IACR,MAAM;;GAEP;OACI,EAAE;OACF,EAAE,UAAU;EACjB;;IAEE,MAAM,OAAO;IACb,MAAM;;IAEN,MAAM,WAAW,GAAG,QAAQ;IAC5B,MAAM,KAAK,GAAG,CAAC,GAAG,KAAK;;UAEjB,CAAC;KACN,CAAC;;QAEE;MACF,OAAO;MACP,aAAa;;MAEb,WAAW;MACX,KAAK;;;;;;;"}