element-plus 1.2.0-beta.5 → 1.2.0-beta.6

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

@@ -1,7 +0,0 @@
-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_819aa44a_lang.mjs';
-
-script.render = render;
-script.__file = "packages/components/calendar/src/index.vue";
-//# sourceMappingURL=index.mjs.map

package/es/components/calendar/src/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/components/calendar/src/index.vue.d.ts

@@ -1,33 +0,0 @@
-import dayjs from 'dayjs';
-import type { PropType, ComputedRef } from 'vue';
-import type { Dayjs } from 'dayjs';
-declare type DateType = 'prev-month' | 'next-month' | 'prev-year' | 'next-year' | 'today';
-declare const _default: import("vue").DefineComponent<{
-    modelValue: {
-        type: DateConstructor;
-    };
-    range: {
-        type: PropType<Date[]>;
-        validator: (range: Date) => boolean;
-    };
-}, {
-    selectedDay: import("vue").Ref<null>;
-    curMonthDatePrefix: ComputedRef<string>;
-    i18nDate: ComputedRef<string>;
-    realSelectedDay: ComputedRef<unknown>;
-    date: ComputedRef<dayjs.Dayjs>;
-    validatedRange: ComputedRef<dayjs.Dayjs[][]>;
-    pickDay: (day: Dayjs) => void;
-    selectDate: (type: DateType) => void;
-    t: import("element-plus/es/hooks").Translator;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "update:modelValue")[], "input" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    range?: unknown;
-} & {} & {
-    modelValue?: Date | undefined;
-    range?: Date[] | undefined;
-}> & {
-    onInput?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}>;
-export default _default;

package/es/components/calendar/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/calendar/src/index.vue"],"sourcesContent":["<template>\n  <div class=\"el-calendar\">\n    <div class=\"el-calendar__header\">\n      <slot name=\"header\" :date=\"i18nDate\">\n        <div class=\"el-calendar__title\">{{ i18nDate }}</div>\n        <div\n          v-if=\"validatedRange.length === 0\"\n          class=\"el-calendar__button-group\"\n        >\n          <el-button-group>\n            <el-button size=\"mini\" @click=\"selectDate('prev-month')\">\n              {{ t('el.datepicker.prevMonth') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('today')\">\n              {{ t('el.datepicker.today') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('next-month')\">\n              {{ t('el.datepicker.nextMonth') }}\n            </el-button>\n          </el-button-group>\n        </div>\n      </slot>\n    </div>\n    <div v-if=\"validatedRange.length === 0\" class=\"el-calendar__body\">\n      <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n    <div v-else class=\"el-calendar__body\">\n      <date-table\n        v-for=\"(range_, index) in validatedRange\"\n        :key=\"index\"\n        :date=\"range_[0]\"\n        :selected-day=\"realSelectedDay\"\n        :range=\"range_\"\n        :hide-header=\"index !== 0\"\n        @pick=\"pickDay\"\n      >\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\n\nimport ElButton from '@element-plus/components/button'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport type { PropType, ComputedRef } from 'vue'\n\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\nexport default defineComponent({\n  name: 'ElCalendar',\n\n  components: {\n    DateTable,\n    ElButton,\n    ElButtonGroup,\n  },\n\n  props: {\n    modelValue: {\n      type: Date,\n    },\n    range: {\n      type: Array as PropType<Array<Date>>,\n      validator: (range: Date): boolean => {\n        if (Array.isArray(range)) {\n          return (\n            range.length === 2 && range.every((item) => item instanceof Date)\n          )\n        }\n        return false\n      },\n    },\n  },\n\n  emits: ['input', 'update:modelValue'],\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const selectedDay = ref(null)\n    const now = dayjs().locale(lang.value)\n\n    const prevMonthDayjs = computed(() => {\n      return date.value.subtract(1, 'month')\n    })\n    const curMonthDatePrefix = computed(() => {\n      return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n    })\n\n    const nextMonthDayjs = computed(() => {\n      return date.value.add(1, 'month')\n    })\n\n    const prevYearDayjs = computed(() => {\n      return date.value.subtract(1, 'year')\n    })\n\n    const nextYearDayjs = computed(() => {\n      return date.value.add(1, 'year')\n    })\n\n    const i18nDate = computed(() => {\n      const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n      return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n    })\n\n    const realSelectedDay = computed({\n      get() {\n        if (!props.modelValue) return selectedDay.value\n        return date.value\n      },\n      set(val: Dayjs) {\n        selectedDay.value = val\n        const result = val.toDate()\n\n        ctx.emit('input', result)\n        ctx.emit('update:modelValue', result)\n      },\n    })\n\n    const date: ComputedRef<Dayjs> = computed(() => {\n      if (!props.modelValue) {\n        if (realSelectedDay.value) {\n          return realSelectedDay.value\n        } else if (validatedRange.value.length) {\n          return validatedRange.value[0][0]\n        }\n        return now\n      } else {\n        return dayjs(props.modelValue).locale(lang.value)\n      }\n    })\n\n    // https://github.com/element-plus/element-plus/issues/3155\n    // Calculate the validate date range according to the start and end dates\n    const calculateValidatedDateRange = (\n      startDayjs: dayjs.Dayjs,\n      endDayjs: dayjs.Dayjs\n    ) => {\n      const firstDay = startDayjs.startOf('week')\n      const lastDay = endDayjs.endOf('week')\n      const firstMonth = firstDay.get('month')\n      const lastMonth = lastDay.get('month')\n\n      // Current mouth\n      if (firstMonth === lastMonth) {\n        return [[firstDay, lastDay]]\n      }\n      // Two adjacent months\n      else if (firstMonth + 1 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the first month and the first day of the last month is in the same week\n        const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n        const lastMonthStartDay = isSameWeek\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n      else if (firstMonth + 2 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n        // Whether the last day of the first month and the second month is in the same week\n        const secondMonthStartDay = firstMonthLastDay.isSame(\n          secondMonthFirstDay,\n          'week'\n        )\n          ? secondMonthFirstDay.add(1, 'week')\n          : secondMonthFirstDay\n\n        const secondMonthLastDay = secondMonthStartDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the second month and the last day of the last month is in the same week\n        const lastMonthStartDay = secondMonthLastDay.isSame(\n          lastMonthFirstDay,\n          'week'\n        )\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Other cases\n      else {\n        debugWarn(\n          'ElCalendar',\n          'start time and end time interval must not exceed two months'\n        )\n        return []\n      }\n    }\n\n    // if range is valid, we get a two-digit array\n    const validatedRange = computed(() => {\n      if (!props.range) return []\n      const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n      const [startDayjs, endDayjs] = rangeArrDayjs\n      if (startDayjs.isAfter(endDayjs)) {\n        debugWarn('ElCalendar', 'end time should be greater than start time')\n        return []\n      }\n      if (startDayjs.isSame(endDayjs, 'month')) {\n        // same month\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      } else {\n        // two months\n        if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n          debugWarn(\n            'ElCalendar',\n            'start time and end time interval must not exceed two months'\n          )\n          return []\n        }\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      }\n    })\n\n    const pickDay = (day: Dayjs) => {\n      realSelectedDay.value = day\n    }\n\n    const selectDate = (type: DateType) => {\n      let day: Dayjs\n      if (type === 'prev-month') {\n        day = prevMonthDayjs.value\n      } else if (type === 'next-month') {\n        day = nextMonthDayjs.value\n      } else if (type === 'prev-year') {\n        day = prevYearDayjs.value\n      } else if (type === 'next-year') {\n        day = nextYearDayjs.value\n      } else {\n        day = now\n      }\n\n      if (day.isSame(date.value, 'day')) return\n      pickDay(day)\n    }\n\n    return {\n      selectedDay,\n      curMonthDatePrefix,\n      i18nDate,\n      realSelectedDay,\n      date,\n      validatedRange,\n      pickDay,\n      selectDate,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["DateTable"],"mappings":"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"}

package/es/components/calendar/src/index.vue_vue_type_template_id_819aa44a_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_template_id_819aa44a_lang.mjs","sources":["../../../../../../packages/components/calendar/src/index.vue?vue&type=template&id=819aa44a&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-calendar\">\n    <div class=\"el-calendar__header\">\n      <slot name=\"header\" :date=\"i18nDate\">\n        <div class=\"el-calendar__title\">{{ i18nDate }}</div>\n        <div\n          v-if=\"validatedRange.length === 0\"\n          class=\"el-calendar__button-group\"\n        >\n          <el-button-group>\n            <el-button size=\"mini\" @click=\"selectDate('prev-month')\">\n              {{ t('el.datepicker.prevMonth') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('today')\">\n              {{ t('el.datepicker.today') }}\n            </el-button>\n            <el-button size=\"mini\" @click=\"selectDate('next-month')\">\n              {{ t('el.datepicker.nextMonth') }}\n            </el-button>\n          </el-button-group>\n        </div>\n      </slot>\n    </div>\n    <div v-if=\"validatedRange.length === 0\" class=\"el-calendar__body\">\n      <date-table :date=\"date\" :selected-day=\"realSelectedDay\" @pick=\"pickDay\">\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n    <div v-else class=\"el-calendar__body\">\n      <date-table\n        v-for=\"(range_, index) in validatedRange\"\n        :key=\"index\"\n        :date=\"range_[0]\"\n        :selected-day=\"realSelectedDay\"\n        :range=\"range_\"\n        :hide-header=\"index !== 0\"\n        @pick=\"pickDay\"\n      >\n        <template v-if=\"$slots.dateCell\" #dateCell=\"data\">\n          <slot name=\"dateCell\" v-bind=\"data\"></slot>\n        </template>\n      </date-table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ref, computed, defineComponent } from 'vue'\nimport dayjs from 'dayjs'\n\nimport ElButton from '@element-plus/components/button'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport DateTable from './date-table.vue'\nimport type { PropType, ComputedRef } from 'vue'\n\nimport type { Dayjs } from 'dayjs'\n\ntype DateType =\n  | 'prev-month'\n  | 'next-month'\n  | 'prev-year'\n  | 'next-year'\n  | 'today'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\nexport default defineComponent({\n  name: 'ElCalendar',\n\n  components: {\n    DateTable,\n    ElButton,\n    ElButtonGroup,\n  },\n\n  props: {\n    modelValue: {\n      type: Date,\n    },\n    range: {\n      type: Array as PropType<Array<Date>>,\n      validator: (range: Date): boolean => {\n        if (Array.isArray(range)) {\n          return (\n            range.length === 2 && range.every((item) => item instanceof Date)\n          )\n        }\n        return false\n      },\n    },\n  },\n\n  emits: ['input', 'update:modelValue'],\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const selectedDay = ref(null)\n    const now = dayjs().locale(lang.value)\n\n    const prevMonthDayjs = computed(() => {\n      return date.value.subtract(1, 'month')\n    })\n    const curMonthDatePrefix = computed(() => {\n      return dayjs(date.value).locale(lang.value).format('YYYY-MM')\n    })\n\n    const nextMonthDayjs = computed(() => {\n      return date.value.add(1, 'month')\n    })\n\n    const prevYearDayjs = computed(() => {\n      return date.value.subtract(1, 'year')\n    })\n\n    const nextYearDayjs = computed(() => {\n      return date.value.add(1, 'year')\n    })\n\n    const i18nDate = computed(() => {\n      const pickedMonth = `el.datepicker.month${date.value.format('M')}`\n      return `${date.value.year()} ${t('el.datepicker.year')} ${t(pickedMonth)}`\n    })\n\n    const realSelectedDay = computed({\n      get() {\n        if (!props.modelValue) return selectedDay.value\n        return date.value\n      },\n      set(val: Dayjs) {\n        selectedDay.value = val\n        const result = val.toDate()\n\n        ctx.emit('input', result)\n        ctx.emit('update:modelValue', result)\n      },\n    })\n\n    const date: ComputedRef<Dayjs> = computed(() => {\n      if (!props.modelValue) {\n        if (realSelectedDay.value) {\n          return realSelectedDay.value\n        } else if (validatedRange.value.length) {\n          return validatedRange.value[0][0]\n        }\n        return now\n      } else {\n        return dayjs(props.modelValue).locale(lang.value)\n      }\n    })\n\n    // https://github.com/element-plus/element-plus/issues/3155\n    // Calculate the validate date range according to the start and end dates\n    const calculateValidatedDateRange = (\n      startDayjs: dayjs.Dayjs,\n      endDayjs: dayjs.Dayjs\n    ) => {\n      const firstDay = startDayjs.startOf('week')\n      const lastDay = endDayjs.endOf('week')\n      const firstMonth = firstDay.get('month')\n      const lastMonth = lastDay.get('month')\n\n      // Current mouth\n      if (firstMonth === lastMonth) {\n        return [[firstDay, lastDay]]\n      }\n      // Two adjacent months\n      else if (firstMonth + 1 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the first month and the first day of the last month is in the same week\n        const isSameWeek = firstMonthLastDay.isSame(lastMonthFirstDay, 'week')\n        const lastMonthStartDay = isSameWeek\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Three consecutive months (compatible: 2021-01-30 to 2021-02-28)\n      else if (firstMonth + 2 === lastMonth) {\n        const firstMonthLastDay = firstDay.endOf('month')\n        const secondMonthFirstDay = firstDay.add(1, 'month').startOf('month')\n\n        // Whether the last day of the first month and the second month is in the same week\n        const secondMonthStartDay = firstMonthLastDay.isSame(\n          secondMonthFirstDay,\n          'week'\n        )\n          ? secondMonthFirstDay.add(1, 'week')\n          : secondMonthFirstDay\n\n        const secondMonthLastDay = secondMonthStartDay.endOf('month')\n        const lastMonthFirstDay = lastDay.startOf('month')\n\n        // Whether the last day of the second month and the last day of the last month is in the same week\n        const lastMonthStartDay = secondMonthLastDay.isSame(\n          lastMonthFirstDay,\n          'week'\n        )\n          ? lastMonthFirstDay.add(1, 'week')\n          : lastMonthFirstDay\n\n        return [\n          [firstDay, firstMonthLastDay],\n          [secondMonthStartDay.startOf('week'), secondMonthLastDay],\n          [lastMonthStartDay.startOf('week'), lastDay],\n        ]\n      }\n      // Other cases\n      else {\n        debugWarn(\n          'ElCalendar',\n          'start time and end time interval must not exceed two months'\n        )\n        return []\n      }\n    }\n\n    // if range is valid, we get a two-digit array\n    const validatedRange = computed(() => {\n      if (!props.range) return []\n      const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value))\n      const [startDayjs, endDayjs] = rangeArrDayjs\n      if (startDayjs.isAfter(endDayjs)) {\n        debugWarn('ElCalendar', 'end time should be greater than start time')\n        return []\n      }\n      if (startDayjs.isSame(endDayjs, 'month')) {\n        // same month\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      } else {\n        // two months\n        if (startDayjs.add(1, 'month').month() !== endDayjs.month()) {\n          debugWarn(\n            'ElCalendar',\n            'start time and end time interval must not exceed two months'\n          )\n          return []\n        }\n        return calculateValidatedDateRange(startDayjs, endDayjs)\n      }\n    })\n\n    const pickDay = (day: Dayjs) => {\n      realSelectedDay.value = day\n    }\n\n    const selectDate = (type: DateType) => {\n      let day: Dayjs\n      if (type === 'prev-month') {\n        day = prevMonthDayjs.value\n      } else if (type === 'next-month') {\n        day = nextMonthDayjs.value\n      } else if (type === 'prev-year') {\n        day = prevYearDayjs.value\n      } else if (type === 'next-year') {\n        day = nextYearDayjs.value\n      } else {\n        day = now\n      }\n\n      if (day.isSame(date.value, 'day')) return\n      pickDay(day)\n    }\n\n    return {\n      selectedDay,\n      curMonthDatePrefix,\n      i18nDate,\n      realSelectedDay,\n      date,\n      validatedRange,\n      pickDay,\n      selectDate,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createVNode","_createBlock"],"mappings":";;qBACO,OAAM;qBACJ,OAAM;qBAEF,OAAM;;;EAGT,OAAM;AAAA;;;EAgB4B,OAAM;AAAA;;;EAOlC,OAAM;AAAA;;;;;sBA7BpBA,0BAAA;IACEC,0BAAA;MACEC,oCAAqB,MAAM,iBAA3B;QACED,0BAAA,4BAAmC;QAE3B,oBAAe,6BADvBD,0BAAA;UAIEG;6BACE;cAAAA;gBAAW,MAAK;AAAA,gBAAQ,+CAAO;;iCAC7B;kDAAG;;;;cAELA;gBAAW,MAAK;AAAA,gBAAQ,+CAAO;;iCAC7B;kDAAG;;;;cAELA;gBAAW,MAAK;AAAA,gBAAQ,+CAAO;;iCAC7B;kDAAG;;;;;;;;;;IAMF,oBAAe,6BAA1BH,0BAAA;MACEG;QAAa,MAAM;QAAO,gBAAc;QAAkB,QAAM;;QAC9C,YAAO;gBAAW;AAAA,sBAChC,CAD0C;YAC1CD,sEAA8B;AAAA;AAAA;;wBAIpCF,0BAAA;wBACEA,8CAC4B,sBAAlB,QAAQ;4BADlBI;UAEG,KAAK;AAAA,UACL,MAAM;UACN,gBAAc;UACd,OAAO;AAAA,UACP,eAAa;UACb,QAAM;;UAES,YAAO;kBAAW;AAAA,wBAChC,CAD0C;cAC1CF,sEAA8B;AAAA;AAAA;;;;;;;;;"}

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

@@ -1,7 +0,0 @@
-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_052d0d8e_lang.mjs';
-
-script.render = render;
-script.__file = "packages/components/drawer/src/index.vue";
-//# sourceMappingURL=index.mjs.map

package/es/components/drawer/src/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/es/components/drawer/src/index.vue.d.ts

@@ -1,138 +0,0 @@
-import type { PropType } from 'vue';
-declare type DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt';
-declare const _default: import("vue").DefineComponent<{
-    direction: {
-        type: PropType<DrawerDirection>;
-        default: string;
-        validator: (val: DrawerDirection) => boolean;
-    };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    withHeader: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    modalFade: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    appendToBody: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    beforeClose: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<(...args: any[]) => void>, unknown, unknown, unknown, unknown>;
-    destroyOnClose: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    center: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    customClass: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    closeOnClickModal: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    closeOnPressEscape: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    fullscreen: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    lockScroll: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    modal: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    showClose: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    title: import("../../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    openDelay: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    closeDelay: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    top: import("../../../utils/props").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
-    modelValue: import("../../../utils/props").BuildPropReturn<BooleanConstructor, unknown, true, unknown, unknown>;
-    modalClass: StringConstructor;
-    width: import("../../../utils/props").BuildPropReturn<readonly [StringConstructor, NumberConstructor], unknown, unknown, unknown, unknown>;
-    zIndex: import("../../../utils/props").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-}, {
-    drawerRef: import("vue").Ref<HTMLElement>;
-    isHorizontal: import("vue").ComputedRef<boolean>;
-    drawerSize: import("vue").ComputedRef<string>;
-    afterEnter: () => void;
-    afterLeave: () => void;
-    beforeLeave: () => void;
-    handleClose: () => void;
-    onModalClick: () => void;
-    closed: import("vue").Ref<boolean>;
-    style: import("vue").ComputedRef<import("vue").CSSProperties>;
-    rendered: import("vue").Ref<boolean>;
-    visible: import("vue").Ref<boolean>;
-    zIndex: import("vue").Ref<number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    open: () => boolean;
-    opened: () => boolean;
-    close: () => boolean;
-    closed: () => boolean;
-    "update:modelValue": (value: boolean) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    direction?: unknown;
-    size?: unknown;
-    withHeader?: unknown;
-    modalFade?: unknown;
-    appendToBody?: unknown;
-    beforeClose?: unknown;
-    destroyOnClose?: unknown;
-    center?: unknown;
-    customClass?: unknown;
-    closeOnClickModal?: unknown;
-    closeOnPressEscape?: unknown;
-    fullscreen?: unknown;
-    lockScroll?: unknown;
-    modal?: unknown;
-    showClose?: unknown;
-    title?: unknown;
-    openDelay?: unknown;
-    closeDelay?: unknown;
-    top?: unknown;
-    modelValue?: unknown;
-    modalClass?: unknown;
-    width?: unknown;
-    zIndex?: unknown;
-} & {
-    title: string;
-    size: string | number;
-    modelValue: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    center: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    direction: DrawerDirection;
-    showClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    destroyOnClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    customClass: string;
-    closeOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    fullscreen: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    openDelay: number;
-    closeDelay: number;
-    withHeader: boolean;
-    modalFade: boolean;
-} & {
-    top?: string | undefined;
-    zIndex?: number | undefined;
-    width?: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
-    beforeClose?: ((...args: any[]) => void) | undefined;
-    modalClass?: string | undefined;
-}> & {
-    onClose?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onOpen?: (() => any) | undefined;
-    onOpened?: (() => any) | undefined;
-    onClosed?: (() => any) | undefined;
-}, {
-    title: string;
-    size: string | number;
-    top: string;
-    zIndex: number;
-    width: import("../../../utils/props").BuildPropType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    center: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    direction: DrawerDirection;
-    showClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    beforeClose: (...args: any[]) => void;
-    destroyOnClose: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    customClass: string;
-    closeOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    closeOnPressEscape: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    fullscreen: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    lockScroll: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    modal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    openDelay: number;
-    closeDelay: number;
-    withHeader: boolean;
-    modalFade: boolean;
-}>;
-export default _default;

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

@@ -1,56 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import { ElOverlay } from '../../overlay/index.mjs';
-import '../../dialog/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import '../../../directives/index.mjs';
-import { Close } from '@element-plus/icons';
-import TrapFocus from '../../../directives/trap-focus/index.mjs';
-import { dialogProps, dialogEmits } from '../../dialog/src/dialog.mjs';
-import { useDialog } from '../../dialog/src/use-dialog.mjs';
-
-var script = defineComponent({
-  name: "ElDrawer",
-  components: {
-    ElOverlay,
-    ElIcon,
-    Close
-  },
-  directives: {
-    TrapFocus
-  },
-  props: {
-    ...dialogProps,
-    direction: {
-      type: String,
-      default: "rtl",
-      validator: (val) => {
-        return ["ltr", "rtl", "ttb", "btt"].indexOf(val) !== -1;
-      }
-    },
-    size: {
-      type: [String, Number],
-      default: "30%"
-    },
-    withHeader: {
-      type: Boolean,
-      default: true
-    },
-    modalFade: {
-      type: Boolean,
-      default: true
-    }
-  },
-  emits: dialogEmits,
-  setup(props, ctx) {
-    const drawerRef = ref(null);
-    return {
-      ...useDialog(props, ctx, drawerRef),
-      drawerRef,
-      isHorizontal: computed(() => props.direction === "rtl" || props.direction === "ltr"),
-      drawerSize: computed(() => typeof props.size === "number" ? `${props.size}px` : props.size)
-    };
-  }
-});
-
-export { script as default };
-//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map

package/es/components/drawer/src/index.vue_vue_type_script_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/drawer/src/index.vue"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      name=\"el-drawer-fade\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <div\n          ref=\"drawerRef\"\n          v-trap-focus\n          aria-modal=\"true\"\n          aria-labelledby=\"el-drawer__title\"\n          :aria-label=\"title\"\n          :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n        >\n          <header\n            v-if=\"withHeader\"\n            id=\"el-drawer__title\"\n            class=\"el-drawer__header\"\n          >\n            <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              :aria-label=\"'close ' + (title || 'drawer')\"\n              class=\"el-drawer__close-btn\"\n              type=\"button\"\n              @click=\"handleClose\"\n            >\n              <el-icon class=\"el-drawer__close\"><close /></el-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section class=\"el-drawer__body\">\n              <slot></slot>\n            </section>\n          </template>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n  dialogEmits,\n} from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { Close } from '@element-plus/icons'\n\nimport type { PropType, SetupContext } from 'vue'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'ElDrawer',\n  components: {\n    ElOverlay,\n    ElIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: {\n    ...dialogProps,\n    direction: {\n      type: String as PropType<DrawerDirection>,\n      default: 'rtl',\n      validator: (val: DrawerDirection) => {\n        return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n      },\n    },\n    size: {\n      type: [String, Number],\n      default: '30%',\n    },\n    withHeader: {\n      type: Boolean,\n      default: true,\n    },\n    modalFade: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: dialogEmits,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>(null)\n    return {\n      ...useDialog(props, ctx as SetupContext, drawerRef),\n      drawerRef,\n      isHorizontal: computed(\n        () => props.direction === 'rtl' || props.direction === 'ltr'\n      ),\n      drawerSize: computed(() =>\n        typeof props.size === 'number' ? `${props.size}px` : props.size\n      ),\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;AA2EA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,YAAY;AAAA,IACV;AAAA;AAAA,EAEF,OAAO;AAAA,OACF;AAAA,IACH,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,QAAyB;AACnC,eAAO,CAAC,OAAO,OAAO,OAAO,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,IAGzD,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAIb,OAAO;AAAA,EAEP,MAAM,OAAO,KAAK;AAChB,UAAM,YAAY,IAAiB;AACnC,WAAO;AAAA,SACF,UAAU,OAAO,KAAqB;AAAA,MACzC;AAAA,MACA,cAAc,SACZ,MAAM,MAAM,cAAc,SAAS,MAAM,cAAc;AAAA,MAEzD,YAAY,SAAS,MACnB,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,MAAM;AAAA;AAAA;AAAA;;;;"}

package/es/components/drawer/src/index.vue_vue_type_template_id_052d0d8e_lang.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.vue_vue_type_template_id_052d0d8e_lang.mjs","sources":["../../../../../../packages/components/drawer/src/index.vue?vue&type=template&id=052d0d8e&lang.js"],"sourcesContent":["<template>\n  <teleport to=\"body\" :disabled=\"!appendToBody\">\n    <transition\n      name=\"el-drawer-fade\"\n      @after-enter=\"afterEnter\"\n      @after-leave=\"afterLeave\"\n      @before-leave=\"beforeLeave\"\n    >\n      <el-overlay\n        v-show=\"visible\"\n        :mask=\"modal\"\n        :overlay-class=\"modalClass\"\n        :z-index=\"zIndex\"\n        @click=\"onModalClick\"\n      >\n        <div\n          ref=\"drawerRef\"\n          v-trap-focus\n          aria-modal=\"true\"\n          aria-labelledby=\"el-drawer__title\"\n          :aria-label=\"title\"\n          :class=\"['el-drawer', direction, visible && 'open', customClass]\"\n          :style=\"\n            isHorizontal ? 'width: ' + drawerSize : 'height: ' + drawerSize\n          \"\n          role=\"dialog\"\n          @click.stop\n        >\n          <header\n            v-if=\"withHeader\"\n            id=\"el-drawer__title\"\n            class=\"el-drawer__header\"\n          >\n            <slot name=\"title\">\n              <span role=\"heading\" :title=\"title\">\n                {{ title }}\n              </span>\n            </slot>\n            <button\n              v-if=\"showClose\"\n              :aria-label=\"'close ' + (title || 'drawer')\"\n              class=\"el-drawer__close-btn\"\n              type=\"button\"\n              @click=\"handleClose\"\n            >\n              <el-icon class=\"el-drawer__close\"><close /></el-icon>\n            </button>\n          </header>\n          <template v-if=\"rendered\">\n            <section class=\"el-drawer__body\">\n              <slot></slot>\n            </section>\n          </template>\n        </div>\n      </el-overlay>\n    </transition>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref } from 'vue'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  useDialog,\n  dialogProps,\n  dialogEmits,\n} from '@element-plus/components/dialog'\nimport ElIcon from '@element-plus/components/icon'\nimport { TrapFocus } from '@element-plus/directives'\nimport { Close } from '@element-plus/icons'\n\nimport type { PropType, SetupContext } from 'vue'\n\ntype DrawerDirection = 'ltr' | 'rtl' | 'ttb' | 'btt'\n\nexport default defineComponent({\n  name: 'ElDrawer',\n  components: {\n    ElOverlay,\n    ElIcon,\n    Close,\n  },\n  directives: {\n    TrapFocus,\n  },\n  props: {\n    ...dialogProps,\n    direction: {\n      type: String as PropType<DrawerDirection>,\n      default: 'rtl',\n      validator: (val: DrawerDirection) => {\n        return ['ltr', 'rtl', 'ttb', 'btt'].indexOf(val) !== -1\n      },\n    },\n    size: {\n      type: [String, Number],\n      default: '30%',\n    },\n    withHeader: {\n      type: Boolean,\n      default: true,\n    },\n    modalFade: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: dialogEmits,\n\n  setup(props, ctx) {\n    const drawerRef = ref<HTMLElement>(null)\n    return {\n      ...useDialog(props, ctx as SetupContext, drawerRef),\n      drawerRef,\n      isHorizontal: computed(\n        () => props.direction === 'rtl' || props.direction === 'ltr'\n      ),\n      drawerSize: computed(() =>\n        typeof props.size === 'number' ? `${props.size}px` : props.size\n      ),\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_createVNode","_createElementVNode","_createElementBlock","_renderSlot"],"mappings":";;;;;EA8BY,IAAG;AAAA,EACH,OAAM;AAAA;;;;;EAkBG,OAAM;AAAA;;;;;;sBAhDzBA;IAAU,IAAG;AAAA,IAAQ,WAAW;;IAC9BC;MACE,MAAK;AAAA,MACJ,cAAa;MACb,cAAa;MACb,eAAc;;uBAEf;uBAAAA;UAEG,MAAM;UACN,iBAAe;UACf,WAAS;UACT,SAAO;;2BAER;2BAAAC;cACE,KAAI;AAAA,cAEJ,cAAW;AAAA,cACX,mBAAgB;AAAA,cACf,cAAY;cACZ,oCAAqB,gBAAW,wBAAmB;cACnD;cAGD,MAAK;AAAA,cACJ,iDAAD;;;cAGQ,gCADRC,6BAAA;gBAKEC,qCAAA;kBACEF;oBAAM,MAAK;AAAA,oBAAW,OAAO;qCACxB;;gBAIC,+BADRC;;kBAEG;kBACD,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,gDAAO;;kBAERF,kCAAS,OAAM;qCAAmB;sBAAAA,YAAS;AAAA;AAAA;;;;cAG/B,8BACdE,8BAAA;gBACEC;;;;;;;;kBAzCE;;;;;;;;;;"}

package/es/components/loading/src/createLoadingComponent.d.ts

@@ -1,2 +0,0 @@
-import type { ILoadingCreateComponentParams, ILoadingInstance } from './loading.type';
-export declare function createLoadingComponent({ options, globalLoadingOption, }: ILoadingCreateComponentParams): ILoadingInstance;

package/es/components/loading/src/createLoadingComponent.mjs

@@ -1,121 +0,0 @@
-import { ref, reactive, toRefs, h, Transition, withCtx, withDirectives, createVNode, vShow, render } from 'vue';
-import { removeClass } from '../../../utils/dom.mjs';
-
-function createLoadingComponent({
-  options,
-  globalLoadingOption
-}) {
-  let vm = null;
-  let afterLeaveTimer = null;
-  const afterLeaveFlag = ref(false);
-  const data = reactive({
-    ...options,
-    originalPosition: "",
-    originalOverflow: "",
-    visible: false
-  });
-  function setText(text) {
-    data.text = text;
-  }
-  function destroySelf() {
-    const target = data.parent;
-    if (!target.vLoadingAddClassList) {
-      let loadingNumber = target.getAttribute("loading-number");
-      loadingNumber = Number.parseInt(loadingNumber) - 1;
-      if (!loadingNumber) {
-        removeClass(target, "el-loading-parent--relative");
-        target.removeAttribute("loading-number");
-      } else {
-        target.setAttribute("loading-number", loadingNumber.toString());
-      }
-      removeClass(target, "el-loading-parent--hidden");
-    }
-    if (vm.el && vm.el.parentNode) {
-      vm.el.parentNode.removeChild(vm.el);
-    }
-  }
-  function close() {
-    const target = data.parent;
-    target.vLoadingAddClassList = null;
-    if (data.fullscreen) {
-      globalLoadingOption.fullscreenLoading = void 0;
-    }
-    afterLeaveFlag.value = true;
-    clearTimeout(afterLeaveTimer);
-    afterLeaveTimer = window.setTimeout(() => {
-      if (afterLeaveFlag.value) {
-        afterLeaveFlag.value = false;
-        destroySelf();
-      }
-    }, 400);
-    data.visible = false;
-  }
-  function handleAfterLeave() {
-    if (!afterLeaveFlag.value)
-      return;
-    afterLeaveFlag.value = false;
-    destroySelf();
-  }
-  const componentSetupConfig = {
-    ...toRefs(data),
-    setText,
-    close,
-    handleAfterLeave
-  };
-  const elLoadingComponent = {
-    name: "ElLoading",
-    setup() {
-      return componentSetupConfig;
-    },
-    render() {
-      const svg = this.spinner || this.svg;
-      const spinner = h("svg", {
-        class: "circular",
-        viewBox: this.svgViewBox ? this.svgViewBox : "25 25 50 50",
-        ...svg ? { innerHTML: svg } : {}
-      }, [
-        h("circle", {
-          class: "path",
-          cx: "50",
-          cy: "50",
-          r: "20",
-          fill: "none"
-        })
-      ]);
-      const spinnerText = h("p", { class: "el-loading-text" }, [this.text]);
-      return h(Transition, {
-        name: "el-loading-fade",
-        onAfterLeave: this.handleAfterLeave
-      }, {
-        default: withCtx(() => [
-          withDirectives(createVNode("div", {
-            style: {
-              backgroundColor: this.background || ""
-            },
-            class: [
-              "el-loading-mask",
-              this.customClass,
-              this.fullscreen ? "is-fullscreen" : ""
-            ]
-          }, [
-            h("div", {
-              class: "el-loading-spinner"
-            }, [spinner, this.text ? spinnerText : null])
-          ]), [[vShow, this.visible]])
-        ])
-      });
-    }
-  };
-  vm = createVNode(elLoadingComponent);
-  render(vm, document.createElement("div"));
-  return {
-    ...componentSetupConfig,
-    vm,
-    get $el() {
-      return vm.el;
-    }
-  };
-}
-
-export { createLoadingComponent };
-//# sourceMappingURL=createLoadingComponent.mjs.map

package/es/components/loading/src/createLoadingComponent.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createLoadingComponent.mjs","sources":["../../../../../../packages/components/loading/src/createLoadingComponent.ts"],"sourcesContent":["import {\n  createVNode,\n  h,\n  reactive,\n  ref,\n  render,\n  toRefs,\n  Transition,\n  vShow,\n  withCtx,\n  withDirectives,\n} from 'vue'\nimport { removeClass } from '@element-plus/utils/dom'\n\nimport type { VNode } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type {\n  ILoadingCreateComponentParams,\n  ILoadingInstance,\n} from './loading.type'\n\nexport function createLoadingComponent({\n  options,\n  globalLoadingOption,\n}: ILoadingCreateComponentParams): ILoadingInstance {\n  let vm: VNode = null\n  let afterLeaveTimer: Nullable<number> = null\n\n  const afterLeaveFlag = ref(false)\n  const data = reactive({\n    ...options,\n    originalPosition: '',\n    originalOverflow: '',\n    visible: false,\n  })\n\n  function setText(text: string) {\n    data.text = text\n  }\n\n  function destroySelf() {\n    const target = data.parent\n    if (!target.vLoadingAddClassList) {\n      let loadingNumber: number | string = target.getAttribute('loading-number')\n      loadingNumber = Number.parseInt(loadingNumber) - 1\n      if (!loadingNumber) {\n        removeClass(target, 'el-loading-parent--relative')\n        target.removeAttribute('loading-number')\n      } else {\n        target.setAttribute('loading-number', loadingNumber.toString())\n      }\n      removeClass(target, 'el-loading-parent--hidden')\n    }\n    if (vm.el && vm.el.parentNode) {\n      vm.el.parentNode.removeChild(vm.el)\n    }\n  }\n\n  function close() {\n    const target = data.parent\n    target.vLoadingAddClassList = null\n    if (data.fullscreen) {\n      globalLoadingOption.fullscreenLoading = undefined\n    }\n    afterLeaveFlag.value = true\n    clearTimeout(afterLeaveTimer)\n\n    afterLeaveTimer = window.setTimeout(() => {\n      if (afterLeaveFlag.value) {\n        afterLeaveFlag.value = false\n        destroySelf()\n      }\n    }, 400)\n    data.visible = false\n  }\n\n  function handleAfterLeave() {\n    if (!afterLeaveFlag.value) return\n    afterLeaveFlag.value = false\n    destroySelf()\n  }\n\n  const componentSetupConfig = {\n    ...toRefs(data),\n    setText,\n    close,\n    handleAfterLeave,\n  }\n\n  const elLoadingComponent = {\n    name: 'ElLoading',\n    setup() {\n      return componentSetupConfig\n    },\n    render() {\n      const svg = this.spinner || this.svg\n      const spinner = h(\n        'svg',\n        {\n          class: 'circular',\n          viewBox: this.svgViewBox ? this.svgViewBox : '25 25 50 50',\n          ...(svg ? { innerHTML: svg } : {}),\n        },\n        [\n          h('circle', {\n            class: 'path',\n            cx: '50',\n            cy: '50',\n            r: '20',\n            fill: 'none',\n          }),\n        ]\n      )\n\n      const spinnerText = h('p', { class: 'el-loading-text' }, [this.text])\n\n      return h(\n        Transition,\n        {\n          name: 'el-loading-fade',\n          onAfterLeave: this.handleAfterLeave,\n        },\n        {\n          default: withCtx(() => [\n            withDirectives(\n              createVNode(\n                'div',\n                {\n                  style: {\n                    backgroundColor: this.background || '',\n                  },\n                  class: [\n                    'el-loading-mask',\n                    this.customClass,\n                    this.fullscreen ? 'is-fullscreen' : '',\n                  ],\n                },\n                [\n                  h(\n                    'div',\n                    {\n                      class: 'el-loading-spinner',\n                    },\n                    [spinner, this.text ? spinnerText : null]\n                  ),\n                ]\n              ),\n              [[vShow, this.visible]]\n            ),\n          ]),\n        }\n      )\n    },\n  }\n\n  vm = createVNode(elLoadingComponent)\n\n  render(vm, document.createElement('div'))\n\n  return {\n    ...componentSetupConfig,\n    vm,\n    get $el() {\n      return vm.el as HTMLElement\n    },\n  }\n}\n"],"names":[],"mappings":";;;gCAqBuC;AAAA,EACrC;AAAA,EACA;AAAA,GACkD;AAClD,MAAI,KAAY;AAChB,MAAI,kBAAoC;AAExC,QAAM,iBAAiB,IAAI;AAC3B,QAAM,OAAO,SAAS;AAAA,OACjB;AAAA,IACH,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,SAAS;AAAA;AAGX,mBAAiB,MAAc;AAC7B,SAAK,OAAO;AAAA;AAGd,yBAAuB;AACrB,UAAM,SAAS,KAAK;AACpB,QAAI,CAAC,OAAO,sBAAsB;AAChC,UAAI,gBAAiC,OAAO,aAAa;AACzD,sBAAgB,OAAO,SAAS,iBAAiB;AACjD,UAAI,CAAC,eAAe;AAClB,oBAAY,QAAQ;AACpB,eAAO,gBAAgB;AAAA,aAClB;AACL,eAAO,aAAa,kBAAkB,cAAc;AAAA;AAEtD,kBAAY,QAAQ;AAAA;AAEtB,QAAI,GAAG,MAAM,GAAG,GAAG,YAAY;AAC7B,SAAG,GAAG,WAAW,YAAY,GAAG;AAAA;AAAA;AAIpC,mBAAiB;AACf,UAAM,SAAS,KAAK;AACpB,WAAO,uBAAuB;AAC9B,QAAI,KAAK,YAAY;AACnB,0BAAoB,oBAAoB;AAAA;AAE1C,mBAAe,QAAQ;AACvB,iBAAa;AAEb,sBAAkB,OAAO,WAAW,MAAM;AACxC,UAAI,eAAe,OAAO;AACxB,uBAAe,QAAQ;AACvB;AAAA;AAAA,OAED;AACH,SAAK,UAAU;AAAA;AAGjB,8BAA4B;AAC1B,QAAI,CAAC,eAAe;AAAO;AAC3B,mBAAe,QAAQ;AACvB;AAAA;AAGF,QAAM,uBAAuB;AAAA,OACxB,OAAO;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA;AAGF,QAAM,qBAAqB;AAAA,IACzB,MAAM;AAAA,IACN,QAAQ;AACN,aAAO;AAAA;AAAA,IAET,SAAS;AACP,YAAM,MAAM,KAAK,WAAW,KAAK;AACjC,YAAM,UAAU,EACd,OACA;AAAA,QACE,OAAO;AAAA,QACP,SAAS,KAAK,aAAa,KAAK,aAAa;AAAA,WACzC,MAAM,EAAE,WAAW,QAAQ;AAAA,SAEjC;AAAA,QACE,EAAE,UAAU;AAAA,UACV,OAAO;AAAA,UACP,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,GAAG;AAAA,UACH,MAAM;AAAA;AAAA;AAKZ,YAAM,cAAc,EAAE,KAAK,EAAE,OAAO,qBAAqB,CAAC,KAAK;AAE/D,aAAO,EACL,YACA;AAAA,QACE,MAAM;AAAA,QACN,cAAc,KAAK;AAAA,SAErB;AAAA,QACE,SAAS,QAAQ,MAAM;AAAA,UACrB,eACE,YACE,OACA;AAAA,YACE,OAAO;AAAA,cACL,iBAAiB,KAAK,cAAc;AAAA;AAAA,YAEtC,OAAO;AAAA,cACL;AAAA,cACA,KAAK;AAAA,cACL,KAAK,aAAa,kBAAkB;AAAA;AAAA,aAGxC;AAAA,YACE,EACE,OACA;AAAA,cACE,OAAO;AAAA,eAET,CAAC,SAAS,KAAK,OAAO,cAAc;AAAA,cAI1C,CAAC,CAAC,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAQ1B,OAAK,YAAY;AAEjB,SAAO,IAAI,SAAS,cAAc;AAElC,SAAO;AAAA,OACF;AAAA,IACH;AAAA,QACI,MAAM;AACR,aAAO,GAAG;AAAA;AAAA;AAAA;;;;"}

package/es/components/loading/src/index.d.ts

@@ -1,3 +0,0 @@
-import type { ILoadingInstance, ILoadingOptions } from './loading.type';
-declare const Loading: (options?: ILoadingOptions) => ILoadingInstance;
-export default Loading;

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

@@ -1,106 +0,0 @@
-import { nextTick } from 'vue';
-import { hasOwn } from '@vue/shared';
-import { getStyle, addClass, removeClass } from '../../../utils/dom.mjs';
-import PopupManager from '../../../utils/popup-manager.mjs';
-import isServer from '../../../utils/isServer.mjs';
-import { createLoadingComponent } from './createLoadingComponent.mjs';
-
-const defaults = {
-  parent: null,
-  background: "",
-  svg: null,
-  svgViewBox: null,
-  spinner: false,
-  text: null,
-  fullscreen: true,
-  body: false,
-  lock: false,
-  customClass: ""
-};
-const globalLoadingOption = {
-  fullscreenLoading: null
-};
-const addStyle = async (options, parent, instance) => {
-  const maskStyle = {};
-  if (options.fullscreen) {
-    instance.originalPosition.value = getStyle(document.body, "position");
-    instance.originalOverflow.value = getStyle(document.body, "overflow");
-    maskStyle.zIndex = PopupManager.nextZIndex();
-  } else if (options.body) {
-    instance.originalPosition.value = getStyle(document.body, "position");
-    await nextTick();
-    ["top", "left"].forEach((property) => {
-      const scroll = property === "top" ? "scrollTop" : "scrollLeft";
-      maskStyle[property] = `${options.target.getBoundingClientRect()[property] + document.body[scroll] + document.documentElement[scroll] - parseInt(getStyle(document.body, `margin-${property}`), 10)}px`;
-    });
-    ["height", "width"].forEach((property) => {
-      maskStyle[property] = `${options.target.getBoundingClientRect()[property]}px`;
-    });
-  } else {
-    instance.originalPosition.value = getStyle(parent, "position");
-  }
-  Object.keys(maskStyle).forEach((property) => {
-    instance.$el.style[property] = maskStyle[property];
-  });
-};
-const addClassList = (options, parent, instance) => {
-  if (instance.originalPosition.value !== "absolute" && instance.originalPosition.value !== "fixed") {
-    addClass(parent, "el-loading-parent--relative");
-  } else {
-    removeClass(parent, "el-loading-parent--relative");
-  }
-  if (options.fullscreen && options.lock) {
-    addClass(parent, "el-loading-parent--hidden");
-  } else {
-    removeClass(parent, "el-loading-parent--hidden");
-  }
-};
-const Loading = function(options = {}) {
-  if (isServer)
-    return;
-  options = {
-    ...defaults,
-    ...options
-  };
-  if (typeof options.target === "string") {
-    options.target = document.querySelector(options.target);
-  }
-  options.target = options.target || document.body;
-  if (options.target !== document.body) {
-    options.fullscreen = false;
-  } else {
-    options.body = true;
-  }
-  if (options.fullscreen && globalLoadingOption.fullscreenLoading) {
-    globalLoadingOption.fullscreenLoading.close();
-  }
-  const parent = options.body ? document.body : options.target;
-  options.parent = parent;
-  const instance = createLoadingComponent({
-    options,
-    globalLoadingOption
-  });
-  addStyle(options, parent, instance);
-  addClassList(options, parent, instance);
-  options.parent.vLoadingAddClassList = () => {
-    addClassList(options, parent, instance);
-  };
-  let loadingNumber = parent.getAttribute("loading-number");
-  if (!loadingNumber) {
-    loadingNumber = 1;
-  } else {
-    loadingNumber = Number.parseInt(loadingNumber) + 1;
-  }
-  parent.setAttribute("loading-number", loadingNumber.toString());
-  parent.appendChild(instance.$el);
-  nextTick().then(() => {
-    instance.visible.value = hasOwn(options, "visible") ? options.visible : true;
-  });
-  if (options.fullscreen) {
-    globalLoadingOption.fullscreenLoading = instance;
-  }
-  return instance;
-};
-
-export { Loading as default };
-//# sourceMappingURL=index.mjs.map

package/es/components/loading/src/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/loading/src/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\nimport { hasOwn } from '@vue/shared'\nimport { addClass, getStyle, removeClass } from '@element-plus/utils/dom'\nimport PopupManager from '@element-plus/utils/popup-manager'\nimport isServer from '@element-plus/utils/isServer'\nimport { createLoadingComponent } from './createLoadingComponent'\n\nimport type { CSSProperties } from 'vue'\n\nimport type {\n  ILoadingGlobalConfig,\n  ILoadingInstance,\n  ILoadingOptions,\n} from './loading.type'\n\nconst defaults: ILoadingOptions = {\n  parent: null,\n  background: '',\n  svg: null,\n  svgViewBox: null,\n  spinner: false,\n  text: null,\n  fullscreen: true,\n  body: false,\n  lock: false,\n  customClass: '',\n}\n\nconst globalLoadingOption: ILoadingGlobalConfig = {\n  fullscreenLoading: null,\n}\n\nconst addStyle = async (\n  options: ILoadingOptions,\n  parent: HTMLElement,\n  instance: ILoadingInstance\n) => {\n  const maskStyle: Partial<CSSProperties> = {}\n  if (options.fullscreen) {\n    instance.originalPosition.value = getStyle(document.body, 'position')\n    instance.originalOverflow.value = getStyle(document.body, 'overflow')\n    maskStyle.zIndex = PopupManager.nextZIndex()\n  } else if (options.body) {\n    instance.originalPosition.value = getStyle(document.body, 'position')\n    /**\n     * await dom render when visible is true in init,\n     * because some component's height maybe 0.\n     * e.g. el-table.\n     */\n    await nextTick()\n    ;['top', 'left'].forEach((property) => {\n      const scroll = property === 'top' ? 'scrollTop' : 'scrollLeft'\n      maskStyle[property] = `${\n        (options.target as HTMLElement).getBoundingClientRect()[property] +\n        document.body[scroll] +\n        document.documentElement[scroll] -\n        parseInt(getStyle(document.body, `margin-${property}`), 10)\n      }px`\n    })\n    ;['height', 'width'].forEach((property) => {\n      maskStyle[property] = `${\n        (options.target as HTMLElement).getBoundingClientRect()[property]\n      }px`\n    })\n  } else {\n    instance.originalPosition.value = getStyle(parent, 'position')\n  }\n  Object.keys(maskStyle).forEach((property) => {\n    instance.$el.style[property] = maskStyle[property]\n  })\n}\n\nconst addClassList = (\n  options: ILoadingOptions,\n  parent: HTMLElement,\n  instance: ILoadingInstance\n) => {\n  if (\n    instance.originalPosition.value !== 'absolute' &&\n    instance.originalPosition.value !== 'fixed'\n  ) {\n    addClass(parent, 'el-loading-parent--relative')\n  } else {\n    removeClass(parent, 'el-loading-parent--relative')\n  }\n  if (options.fullscreen && options.lock) {\n    addClass(parent, 'el-loading-parent--hidden')\n  } else {\n    removeClass(parent, 'el-loading-parent--hidden')\n  }\n}\n\nconst Loading = function (options: ILoadingOptions = {}): ILoadingInstance {\n  if (isServer) return\n  options = {\n    ...defaults,\n    ...options,\n  }\n\n  if (typeof options.target === 'string') {\n    options.target = document.querySelector(options.target) as HTMLElement\n  }\n  options.target = options.target || document.body\n  if (options.target !== document.body) {\n    options.fullscreen = false\n  } else {\n    options.body = true\n  }\n\n  if (options.fullscreen && globalLoadingOption.fullscreenLoading) {\n    globalLoadingOption.fullscreenLoading.close()\n  }\n\n  const parent = options.body ? document.body : options.target\n  options.parent = parent\n\n  const instance = createLoadingComponent({\n    options,\n    globalLoadingOption,\n  })\n\n  addStyle(options, parent, instance)\n  addClassList(options, parent, instance)\n\n  options.parent.vLoadingAddClassList = () => {\n    addClassList(options, parent, instance)\n  }\n\n  /**\n   * add loading-number to parent.\n   * because if a fullscreen loading is triggered when somewhere\n   * a v-loading.body was triggered before and it's parent is\n   * document.body which with a margin , the fullscreen loading's\n   * destroySelf function will remove 'el-loading-parent--relative',\n   * and then the position of v-loading.body will be error.\n   */\n  let loadingNumber: number | string = parent.getAttribute('loading-number')\n  if (!loadingNumber) {\n    loadingNumber = 1\n  } else {\n    loadingNumber = Number.parseInt(loadingNumber) + 1\n  }\n  parent.setAttribute('loading-number', loadingNumber.toString())\n\n  parent.appendChild(instance.$el)\n\n  // after instance render, then modify visible to trigger transition\n  nextTick().then(() => {\n    instance.visible.value = hasOwn(options, 'visible') ? options.visible : true\n  })\n\n  if (options.fullscreen) {\n    globalLoadingOption.fullscreenLoading = instance\n  }\n  return instance\n}\n\nexport default Loading\n"],"names":[],"mappings":";;;;;;;AAeA,MAAM,WAA4B;AAAA,EAChC,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,KAAK;AAAA,EACL,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,aAAa;AAAA;AAGf,MAAM,sBAA4C;AAAA,EAChD,mBAAmB;AAAA;AAGrB,MAAM,WAAW,OACf,SACA,QACA,aACG;AACH,QAAM,YAAoC;AAC1C,MAAI,QAAQ,YAAY;AACtB,aAAS,iBAAiB,QAAQ,SAAS,SAAS,MAAM;AAC1D,aAAS,iBAAiB,QAAQ,SAAS,SAAS,MAAM;AAC1D,cAAU,SAAS,aAAa;AAAA,aACvB,QAAQ,MAAM;AACvB,aAAS,iBAAiB,QAAQ,SAAS,SAAS,MAAM;AAM1D,UAAM;AACL,KAAC,OAAO,QAAQ,QAAQ,CAAC,aAAa;AACrC,YAAM,SAAS,aAAa,QAAQ,cAAc;AAClD,gBAAU,YAAY,GACnB,QAAQ,OAAuB,wBAAwB,YACxD,SAAS,KAAK,UACd,SAAS,gBAAgB,UACzB,SAAS,SAAS,SAAS,MAAM,UAAU,aAAa;AAAA;AAG3D,KAAC,UAAU,SAAS,QAAQ,CAAC,aAAa;AACzC,gBAAU,YAAY,GACnB,QAAQ,OAAuB,wBAAwB;AAAA;AAAA,SAGvD;AACL,aAAS,iBAAiB,QAAQ,SAAS,QAAQ;AAAA;AAErD,SAAO,KAAK,WAAW,QAAQ,CAAC,aAAa;AAC3C,aAAS,IAAI,MAAM,YAAY,UAAU;AAAA;AAAA;AAI7C,MAAM,eAAe,CACnB,SACA,QACA,aACG;AACH,MACE,SAAS,iBAAiB,UAAU,cACpC,SAAS,iBAAiB,UAAU,SACpC;AACA,aAAS,QAAQ;AAAA,SACZ;AACL,gBAAY,QAAQ;AAAA;AAEtB,MAAI,QAAQ,cAAc,QAAQ,MAAM;AACtC,aAAS,QAAQ;AAAA,SACZ;AACL,gBAAY,QAAQ;AAAA;AAAA;MAIlB,UAAU,SAAU,UAA2B,IAAsB;AACzE,MAAI;AAAU;AACd,YAAU;AAAA,OACL;AAAA,OACA;AAAA;AAGL,MAAI,OAAO,QAAQ,WAAW,UAAU;AACtC,YAAQ,SAAS,SAAS,cAAc,QAAQ;AAAA;AAElD,UAAQ,SAAS,QAAQ,UAAU,SAAS;AAC5C,MAAI,QAAQ,WAAW,SAAS,MAAM;AACpC,YAAQ,aAAa;AAAA,SAChB;AACL,YAAQ,OAAO;AAAA;AAGjB,MAAI,QAAQ,cAAc,oBAAoB,mBAAmB;AAC/D,wBAAoB,kBAAkB;AAAA;AAGxC,QAAM,SAAS,QAAQ,OAAO,SAAS,OAAO,QAAQ;AACtD,UAAQ,SAAS;AAEjB,QAAM,WAAW,uBAAuB;AAAA,IACtC;AAAA,IACA;AAAA;AAGF,WAAS,SAAS,QAAQ;AAC1B,eAAa,SAAS,QAAQ;AAE9B,UAAQ,OAAO,uBAAuB,MAAM;AAC1C,iBAAa,SAAS,QAAQ;AAAA;AAWhC,MAAI,gBAAiC,OAAO,aAAa;AACzD,MAAI,CAAC,eAAe;AAClB,oBAAgB;AAAA,SACX;AACL,oBAAgB,OAAO,SAAS,iBAAiB;AAAA;AAEnD,SAAO,aAAa,kBAAkB,cAAc;AAEpD,SAAO,YAAY,SAAS;AAG5B,aAAW,KAAK,MAAM;AACpB,aAAS,QAAQ,QAAQ,OAAO,SAAS,aAAa,QAAQ,UAAU;AAAA;AAG1E,MAAI,QAAQ,YAAY;AACtB,wBAAoB,oBAAoB;AAAA;AAE1C,SAAO;AAAA;;;;"}