element-plus 2.2.9 → 2.2.10

package/es/hooks/use-model-toggle/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-model-toggle/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, onMounted, watch } from 'vue'\nimport { isFunction } from '@vue/shared'\nimport { isClient } from '@vueuse/core'\nimport { buildProp, definePropType, isBoolean } from '@element-plus/utils'\nimport type { ExtractPropType } from '@element-plus/utils'\nimport type { RouteLocationNormalizedLoaded } from 'vue-router'\n\nimport type { ComponentPublicInstance, ExtractPropTypes, Ref } from 'vue'\n\nconst _prop = buildProp({\n  type: definePropType<boolean | null>(Boolean),\n  default: null,\n} as const)\nconst _event = buildProp({\n  type: definePropType<(val: boolean) => void>(Function),\n} as const)\n\nexport type UseModelTogglePropsRaw<T extends string> = {\n  [K in T]: typeof _prop\n} & {\n  [K in `onUpdate:${T}`]: typeof _event\n}\n\nexport type UseModelTogglePropsGeneric<T extends string> = {\n  [K in T]: ExtractPropType<typeof _prop>\n} & {\n  [K in `onUpdate:${T}`]: ExtractPropType<typeof _event>\n}\n\nexport const createModelToggleComposable = <T extends string>(name: T) => {\n  const updateEventKey = `update:${name}` as const\n  const updateEventKeyRaw = `onUpdate:${name}` as const\n  const useModelToggleEmits = [updateEventKey]\n\n  const useModelToggleProps = {\n    [name]: _prop,\n    [updateEventKeyRaw]: _event,\n  } as UseModelTogglePropsRaw<T>\n\n  const useModelToggle = ({\n    indicator,\n    toggleReason,\n    shouldHideWhenRouteChanges,\n    shouldProceed,\n    onShow,\n    onHide,\n  }: ModelToggleParams) => {\n    const instance = getCurrentInstance()!\n    const { emit } = instance\n    const props = instance.props as UseModelTogglePropsGeneric<T> & {\n      disabled: boolean\n    }\n    const hasUpdateHandler = computed(() =>\n      isFunction(props[updateEventKeyRaw])\n    )\n    // when it matches the default value we say this is absent\n    // though this could be mistakenly passed from the user but we need to rule out that\n    // condition\n    const isModelBindingAbsent = computed(() => props[name] === null)\n\n    const doShow = (event?: Event) => {\n      if (indicator.value === true) {\n        return\n      }\n\n      indicator.value = true\n      if (toggleReason) {\n        toggleReason.value = event\n      }\n      if (isFunction(onShow)) {\n        onShow(event)\n      }\n    }\n\n    const doHide = (event?: Event) => {\n      if (indicator.value === false) {\n        return\n      }\n\n      indicator.value = false\n      if (toggleReason) {\n        toggleReason.value = event\n      }\n      if (isFunction(onHide)) {\n        onHide(event)\n      }\n    }\n\n    const show = (event?: Event) => {\n      if (\n        props.disabled === true ||\n        (isFunction(shouldProceed) && !shouldProceed())\n      )\n        return\n\n      const shouldEmit = hasUpdateHandler.value && isClient\n\n      if (shouldEmit) {\n        emit(updateEventKey, true)\n      }\n\n      if (isModelBindingAbsent.value || !shouldEmit) {\n        doShow(event)\n      }\n    }\n\n    const hide = (event?: Event) => {\n      if (props.disabled === true || !isClient) return\n\n      const shouldEmit = hasUpdateHandler.value && isClient\n\n      if (shouldEmit) {\n        emit(updateEventKey, false)\n      }\n\n      if (isModelBindingAbsent.value || !shouldEmit) {\n        doHide(event)\n      }\n    }\n\n    const onChange = (val: boolean) => {\n      if (!isBoolean(val)) return\n      if (props.disabled && val) {\n        if (hasUpdateHandler.value) {\n          emit(updateEventKey, false)\n        }\n      } else if (indicator.value !== val) {\n        if (val) {\n          doShow()\n        } else {\n          doHide()\n        }\n      }\n    }\n\n    const toggle = () => {\n      if (indicator.value) {\n        hide()\n      } else {\n        show()\n      }\n    }\n\n    watch(() => props[name], onChange)\n\n    if (\n      shouldHideWhenRouteChanges &&\n      instance.appContext.config.globalProperties.$route !== undefined\n    ) {\n      watch(\n        () => ({\n          ...(\n            instance.proxy as ComponentPublicInstance<{\n              $route: RouteLocationNormalizedLoaded\n            }>\n          ).$route,\n        }),\n        () => {\n          if (shouldHideWhenRouteChanges.value && indicator.value) {\n            hide()\n          }\n        }\n      )\n    }\n\n    onMounted(() => {\n      onChange(props[name])\n    })\n\n    return {\n      hide,\n      show,\n      toggle,\n    }\n  }\n\n  return {\n    useModelToggle,\n    useModelToggleProps,\n    useModelToggleEmits,\n  }\n}\n\nconst { useModelToggle, useModelToggleProps, useModelToggleEmits } =\n  createModelToggleComposable('modelValue')\n\nexport { useModelToggle, useModelToggleEmits, useModelToggleProps }\n\nexport type UseModelToggleProps = ExtractPropTypes<typeof useModelToggleProps>\n\nexport type ModelToggleParams = {\n  indicator: Ref<boolean>\n  toggleReason?: Ref<Event | undefined>\n  shouldHideWhenRouteChanges?: Ref<boolean>\n  shouldProceed?: () => boolean\n  onShow?: (event?: Event) => void\n  onHide?: (event?: Event) => void\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/hooks/use-model-toggle/index.ts"],"sourcesContent":["import { computed, getCurrentInstance, onMounted, watch } from 'vue'\nimport { isFunction } from '@vue/shared'\nimport { isClient } from '@vueuse/core'\nimport { buildProp, definePropType, isBoolean } from '@element-plus/utils'\nimport type { ExtractPropType } from '@element-plus/utils'\nimport type { RouteLocationNormalizedLoaded } from 'vue-router'\n\nimport type { ComponentPublicInstance, ExtractPropTypes, Ref } from 'vue'\n\nconst _prop = buildProp({\n  type: definePropType<boolean | null>(Boolean),\n  default: null,\n} as const)\nconst _event = buildProp({\n  type: definePropType<(val: boolean) => void>(Function),\n} as const)\n\nexport type UseModelTogglePropsRaw<T extends string> = {\n  [K in T]: typeof _prop\n} & {\n  [K in `onUpdate:${T}`]: typeof _event\n}\n\nexport type UseModelTogglePropsGeneric<T extends string> = {\n  [K in T]: ExtractPropType<typeof _prop>\n} & {\n  [K in `onUpdate:${T}`]: ExtractPropType<typeof _event>\n}\n\nexport const createModelToggleComposable = <T extends string>(name: T) => {\n  const updateEventKey = `update:${name}` as const\n  const updateEventKeyRaw = `onUpdate:${name}` as const\n  const useModelToggleEmits = [updateEventKey]\n\n  const useModelToggleProps = {\n    [name]: _prop,\n    [updateEventKeyRaw]: _event,\n  } as UseModelTogglePropsRaw<T>\n\n  const useModelToggle = ({\n    indicator,\n    toggleReason,\n    shouldHideWhenRouteChanges,\n    shouldProceed,\n    onShow,\n    onHide,\n  }: ModelToggleParams) => {\n    const instance = getCurrentInstance()!\n    const { emit } = instance\n    const props = instance.props as UseModelTogglePropsGeneric<T> & {\n      disabled: boolean\n    }\n    const hasUpdateHandler = computed(() =>\n      isFunction(props[updateEventKeyRaw])\n    )\n    // when it matches the default value we say this is absent\n    // though this could be mistakenly passed from the user but we need to rule out that\n    // condition\n    const isModelBindingAbsent = computed(() => props[name] === null)\n\n    const doShow = (event?: Event) => {\n      if (indicator.value === true) {\n        return\n      }\n\n      indicator.value = true\n      if (toggleReason) {\n        toggleReason.value = event\n      }\n      if (isFunction(onShow)) {\n        onShow(event)\n      }\n    }\n\n    const doHide = (event?: Event) => {\n      if (indicator.value === false) {\n        return\n      }\n\n      indicator.value = false\n      if (toggleReason) {\n        toggleReason.value = event\n      }\n      if (isFunction(onHide)) {\n        onHide(event)\n      }\n    }\n\n    const show = (event?: Event) => {\n      if (\n        props.disabled === true ||\n        (isFunction(shouldProceed) && !shouldProceed())\n      )\n        return\n\n      const shouldEmit = hasUpdateHandler.value && isClient\n\n      if (shouldEmit) {\n        emit(updateEventKey, true)\n      }\n\n      if (isModelBindingAbsent.value || !shouldEmit) {\n        doShow(event)\n      }\n    }\n\n    const hide = (event?: Event) => {\n      if (props.disabled === true || !isClient) return\n\n      const shouldEmit = hasUpdateHandler.value && isClient\n\n      if (shouldEmit) {\n        emit(updateEventKey, false)\n      }\n\n      if (isModelBindingAbsent.value || !shouldEmit) {\n        doHide(event)\n      }\n    }\n\n    const onChange = (val: boolean) => {\n      if (!isBoolean(val)) return\n      if (props.disabled && val) {\n        if (hasUpdateHandler.value) {\n          emit(updateEventKey, false)\n        }\n      } else if (indicator.value !== val) {\n        if (val) {\n          doShow()\n        } else {\n          doHide()\n        }\n      }\n    }\n\n    const toggle = () => {\n      if (indicator.value) {\n        hide()\n      } else {\n        show()\n      }\n    }\n\n    watch(() => props[name], onChange)\n\n    if (\n      shouldHideWhenRouteChanges &&\n      instance.appContext.config.globalProperties.$route !== undefined\n    ) {\n      watch(\n        () => ({\n          ...(\n            instance.proxy as ComponentPublicInstance<{\n              $route: RouteLocationNormalizedLoaded\n            }>\n          ).$route,\n        }),\n        () => {\n          if (shouldHideWhenRouteChanges.value && indicator.value) {\n            hide()\n          }\n        }\n      )\n    }\n\n    onMounted(() => {\n      onChange(props[name])\n    })\n\n    return {\n      hide,\n      show,\n      toggle,\n      hasUpdateHandler,\n    }\n  }\n\n  return {\n    useModelToggle,\n    useModelToggleProps,\n    useModelToggleEmits,\n  }\n}\n\nconst { useModelToggle, useModelToggleProps, useModelToggleEmits } =\n  createModelToggleComposable('modelValue')\n\nexport { useModelToggle, useModelToggleEmits, useModelToggleProps }\n\nexport type UseModelToggleProps = ExtractPropTypes<typeof useModelToggleProps>\n\nexport type ModelToggleParams = {\n  indicator: Ref<boolean>\n  toggleReason?: Ref<Event | undefined>\n  shouldHideWhenRouteChanges?: Ref<boolean>\n  shouldProceed?: () => boolean\n  onShow?: (event?: Event) => void\n  onHide?: (event?: Event) => void\n}\n"],"names":[],"mappings":"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"}

package/es/index.mjs

@@ -15,7 +15,7 @@ export { autocompleteEmits, autocompleteProps } from './components/autocomplete/
 export { ElAutocomplete } from './components/autocomplete/index.mjs';
 export { avatarEmits, avatarProps } from './components/avatar/src/avatar.mjs';
 export { ElAvatar } from './components/avatar/index.mjs';
-export { backtopEmits, backtopProps } from './components/backtop/src/backtop.mjs';
+export { backtopEmits, backtopProps } from './components/backtop/src/backtop2.mjs';
 export { ElBacktop } from './components/backtop/index.mjs';
 export { badgeProps } from './components/badge/src/badge.mjs';
 export { ElBadge } from './components/badge/index.mjs';
@@ -50,6 +50,7 @@ export { configProviderProps, messageConfig } from './components/config-provider
 export { ElConfigProvider } from './components/config-provider/index.mjs';
 export { ElAside, ElContainer, ElFooter, ElHeader, ElMain } from './components/container/index.mjs';
 export { ElDatePicker } from './components/date-picker/index.mjs';
+export { descriptionProps } from './components/descriptions/src/description.mjs';
 export { ElDescriptions, ElDescriptionsItem } from './components/descriptions/index.mjs';
 export { useDialog } from './components/dialog/src/use-dialog.mjs';
 export { dialogEmits, dialogProps } from './components/dialog/src/dialog.mjs';
@@ -194,7 +195,6 @@ export { default as ClickOutside } from './directives/click-outside/index.mjs';
 export { default as RepeatClick } from './directives/repeat-click/index.mjs';
 export { default as TrapFocus } from './directives/trap-focus/index.mjs';
 export { default as Mousewheel } from './directives/mousewheel/index.mjs';
-export { default as Resize } from './directives/resize/index.mjs';
 export { useAttrs } from './hooks/use-attrs/index.mjs';
 export { useDisabled, useSize, useSizeProp } from './hooks/use-common-props/index.mjs';
 export { useDeprecated } from './hooks/use-deprecated/index.mjs';

package/es/locale/lang/ko.d.ts

@@ -4,6 +4,8 @@ declare const _default: {
         colorpicker: {
             confirm: string;
             clear: string;
+            defaultLabel: string;
+            description: string;
         };
         datepicker: {
             now: string;
@@ -11,6 +13,9 @@ declare const _default: {
             cancel: string;
             clear: string;
             confirm: string;
+            dateTablePrompt: string;
+            monthTablePrompt: string;
+            yearTablePrompt: string;
             selectDate: string;
             selectTime: string;
             startDate: string;
@@ -58,12 +63,19 @@ declare const _default: {
                 dec: string;
             };
         };
+        inputNumber: {
+            decrease: string;
+            increase: string;
+        };
         select: {
             loading: string;
             noMatch: string;
             noData: string;
             placeholder: string;
         };
+        dropdown: {
+            toggleDropdown: string;
+        };
         cascader: {
             noMatch: string;
             loading: string;
@@ -75,12 +87,20 @@ declare const _default: {
             pagesize: string;
             total: string;
             pageClassifier: string;
+            deprecationWarning: string;
+        };
+        dialog: {
+            close: string;
+        };
+        drawer: {
+            close: string;
         };
         messagebox: {
             title: string;
             confirm: string;
             cancel: string;
             error: string;
+            close: string;
         };
         upload: {
             deleteTip: string;
@@ -88,6 +108,11 @@ declare const _default: {
             preview: string;
             continue: string;
         };
+        slider: {
+            defaultLabel: string;
+            defaultRangeStartLabel: string;
+            defaultRangeEndLabel: string;
+        };
         table: {
             emptyText: string;
             confirmFilter: string;

package/es/locale/lang/ko.mjs

@@ -3,7 +3,9 @@ var ko = {
   el: {
     colorpicker: {
       confirm: "\uD655\uC778",
-      clear: "\uCD08\uAE30\uD654"
+      clear: "\uCD08\uAE30\uD654",
+      defaultLabel: "\uC0C9\uC0C1 \uC120\uD0DD\uAE30",
+      description: "\uD604\uC7AC \uC0C9\uC0C1\uC740 {color}\uC785\uB2C8\uB2E4. Enter \uD0A4\uB97C \uB20C\uB7EC \uC0C8 \uC0C9\uC0C1\uC744 \uC120\uD0DD\uD569\uB2C8\uB2E4."
     },
     datepicker: {
       now: "\uC9C0\uAE08",
@@ -11,6 +13,9 @@ var ko = {
       cancel: "\uCDE8\uC18C",
       clear: "\uCD08\uAE30\uD654",
       confirm: "\uD655\uC778",
+      dateTablePrompt: "\uD654\uC0B4\uD45C \uD0A4\uB97C \uC0AC\uC6A9\uD558\uACE0 Enter\uB97C \uB20C\uB7EC \uB0A0\uC9DC\uB97C \uC120\uD0DD\uD558\uC2ED\uC2DC\uC624.",
+      monthTablePrompt: "\uD654\uC0B4\uD45C \uD0A4\uB97C \uC0AC\uC6A9\uD558\uACE0 Enter\uB97C \uB20C\uB7EC \uC6D4\uC744 \uC120\uD0DD\uD569\uB2C8\uB2E4.",
+      yearTablePrompt: "\uD654\uC0B4\uD45C \uD0A4\uB97C \uC0AC\uC6A9\uD558\uACE0 Enter \uD0A4\uB97C \uB20C\uB7EC \uC5F0\uB3C4\uB97C \uC120\uD0DD\uD569\uB2C8\uB2E4.",
       selectDate: "\uB0A0\uC9DC \uC120\uD0DD",
       selectTime: "\uC2DC\uAC04 \uC120\uD0DD",
       startDate: "\uC2DC\uC791 \uB0A0\uC9DC",
@@ -58,12 +63,19 @@ var ko = {
         dec: "12\uC6D4"
       }
     },
+    inputNumber: {
+      decrease: "\uAC12 \uC99D\uAC00",
+      increase: "\uAC12 \uAC10\uC18C"
+    },
     select: {
       loading: "\uBD88\uB7EC\uC624\uB294 \uC911",
       noMatch: "\uAC80\uC0C9\uB41C \uB370\uC774\uD130 \uC5C6\uC74C",
       noData: "\uB370\uC774\uD130 \uC5C6\uC74C",
       placeholder: "\uC120\uD0DD"
     },
+    dropdown: {
+      toggleDropdown: "\uB4DC\uB86D\uB2E4\uC6B4 \uC804\uD658"
+    },
     cascader: {
       noMatch: "\uAC80\uC0C9\uB41C \uB370\uC774\uD130 \uC5C6\uC74C",
       loading: "\uBD88\uB7EC\uC624\uB294 \uC911",
@@ -74,13 +86,21 @@ var ko = {
       goto: "",
       pagesize: "\uAC74/\uD398\uC774\uC9C0",
       total: "\uCD1D {total} \uAC74",
-      pageClassifier: "\uD398\uC774\uC9C0\uB85C"
+      pageClassifier: "\uD398\uC774\uC9C0\uB85C",
+      deprecationWarning: "\uB354 \uC774\uC0C1 \uC0AC\uC6A9\uB418\uC9C0 \uC54A\uB294 \uB3D9\uC791\uC774 \uAC10\uC9C0\uB418\uC5C8\uC2B5\uB2C8\uB2E4. \uC790\uC138\uD55C \uB0B4\uC6A9\uC740 el-pagination \uBB38\uC11C\uB97C \uCC38\uC870\uD558\uC138\uC694."
+    },
+    dialog: {
+      close: "\uB300\uD654 \uC0C1\uC790 \uB2EB\uAE30"
+    },
+    drawer: {
+      close: "\uB300\uD654 \uC0C1\uC790 \uB2EB\uAE30"
     },
     messagebox: {
       title: "\uBA54\uC2DC\uC9C0",
       confirm: "\uD655\uC778",
       cancel: "\uCDE8\uC18C",
-      error: "\uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 \uC785\uB825"
+      error: "\uC62C\uBC14\uB974\uC9C0 \uC54A\uC740 \uC785\uB825",
+      close: "\uB300\uD654 \uC0C1\uC790 \uB2EB\uAE30"
     },
     upload: {
       deleteTip: "Delete \uD0A4\uB97C \uB20C\uB7EC \uC0AD\uC81C",
@@ -88,6 +108,11 @@ var ko = {
       preview: "\uBBF8\uB9AC\uBCF4\uAE30",
       continue: "\uACC4\uC18D\uD558\uAE30"
     },
+    slider: {
+      defaultLabel: "{min}\uACFC {max} \uC0AC\uC774\uC758 \uC2AC\uB77C\uC774\uB354",
+      defaultRangeStartLabel: "\uC2DC\uC791 \uAC12 \uC120\uD0DD",
+      defaultRangeEndLabel: "\uC885\uB8CC \uAC12 \uC120\uD0DD"
+    },
     table: {
       emptyText: "\uB370\uC774\uD130 \uC5C6\uC74C",
       confirmFilter: "\uD655\uC778",

package/es/locale/lang/ko.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ko.mjs","sources":["../../../../../packages/locale/lang/ko.ts"],"sourcesContent":["export default {\n  name: 'ko',\n  el: {\n    colorpicker: {\n      confirm: '확인',\n      clear: '초기화',\n    },\n    datepicker: {\n      now: '지금',\n      today: '오늘',\n      cancel: '취소',\n      clear: '초기화',\n      confirm: '확인',\n      selectDate: '날짜 선택',\n      selectTime: '시간 선택',\n      startDate: '시작 날짜',\n      startTime: '시작 시간',\n      endDate: '종료 날짜',\n      endTime: '종료 시간',\n      prevYear: '지난해',\n      nextYear: '다음해',\n      prevMonth: '지난달',\n      nextMonth: '다음달',\n      year: '년',\n      month1: '1월',\n      month2: '2월',\n      month3: '3월',\n      month4: '4월',\n      month5: '5월',\n      month6: '6월',\n      month7: '7월',\n      month8: '8월',\n      month9: '9월',\n      month10: '10월',\n      month11: '11월',\n      month12: '12월',\n      // week: 'week',\n      weeks: {\n        sun: '일',\n        mon: '월',\n        tue: '화',\n        wed: '수',\n        thu: '목',\n        fri: '금',\n        sat: '토',\n      },\n      months: {\n        jan: '1월',\n        feb: '2월',\n        mar: '3월',\n        apr: '4월',\n        may: '5월',\n        jun: '6월',\n        jul: '7월',\n        aug: '8월',\n        sep: '9월',\n        oct: '10월',\n        nov: '11월',\n        dec: '12월',\n      },\n    },\n    select: {\n      loading: '불러오는 중',\n      noMatch: '검색된 데이터 없음',\n      noData: '데이터 없음',\n      placeholder: '선택',\n    },\n    cascader: {\n      noMatch: '검색된 데이터 없음',\n      loading: '불러오는 중',\n      placeholder: '선택',\n      noData: '데이터 없음',\n    },\n    pagination: {\n      goto: '',\n      pagesize: '건/페이지',\n      total: '총 {total} 건',\n      pageClassifier: '페이지로',\n    },\n    messagebox: {\n      title: '메시지',\n      confirm: '확인',\n      cancel: '취소',\n      error: '올바르지 않은 입력',\n    },\n    upload: {\n      deleteTip: 'Delete 키를 눌러 삭제',\n      delete: '삭제',\n      preview: '미리보기',\n      continue: '계속하기',\n    },\n    table: {\n      emptyText: '데이터 없음',\n      confirmFilter: '확인',\n      resetFilter: '초기화',\n      clearFilter: '전체',\n      sumText: '합계',\n    },\n    tree: {\n      emptyText: '데이터 없음',\n    },\n    transfer: {\n      noMatch: '검색된 데이터 없음',\n      noData: '데이터 없음',\n      titles: ['리스트 1', '리스트 2'],\n      filterPlaceholder: '검색어를 입력하세요',\n      noCheckedFormat: '총 {total} 건',\n      hasCheckedFormat: '{checked}/{total} 선택됨',\n    },\n    image: {\n      error: '불러오기 실패',\n    },\n    pageHeader: {\n      title: '뒤로',\n    },\n    popconfirm: {\n      confirmButtonText: '예',\n      cancelButtonText: '아니오',\n    },\n  },\n}\n"],"names":[],"mappings":"AAAA,SAAe;AACf,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,EAAE,EAAE;AACN,IAAI,WAAW,EAAE;AACjB,MAAM,OAAO,EAAE,cAAc;AAC7B,MAAM,KAAK,EAAE,oBAAoB;AACjC,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,GAAG,EAAE,cAAc;AACzB,MAAM,KAAK,EAAE,cAAc;AAC3B,MAAM,MAAM,EAAE,cAAc;AAC5B,MAAM,KAAK,EAAE,oBAAoB;AACjC,MAAM,OAAO,EAAE,cAAc;AAC7B,MAAM,UAAU,EAAE,2BAA2B;AAC7C,MAAM,UAAU,EAAE,2BAA2B;AAC7C,MAAM,SAAS,EAAE,2BAA2B;AAC5C,MAAM,SAAS,EAAE,2BAA2B;AAC5C,MAAM,OAAO,EAAE,2BAA2B;AAC1C,MAAM,OAAO,EAAE,2BAA2B;AAC1C,MAAM,QAAQ,EAAE,oBAAoB;AACpC,MAAM,QAAQ,EAAE,oBAAoB;AACpC,MAAM,SAAS,EAAE,oBAAoB;AACrC,MAAM,SAAS,EAAE,oBAAoB;AACrC,MAAM,IAAI,EAAE,QAAQ;AACpB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,OAAO,EAAE,UAAU;AACzB,MAAM,OAAO,EAAE,UAAU;AACzB,MAAM,OAAO,EAAE,UAAU;AACzB,MAAM,KAAK,EAAE;AACb,QAAQ,GAAG,EAAE,QAAQ;AACrB,QAAQ,GAAG,EAAE,QAAQ;AACrB,QAAQ,GAAG,EAAE,QAAQ;AACrB,QAAQ,GAAG,EAAE,QAAQ;AACrB,QAAQ,GAAG,EAAE,QAAQ;AACrB,QAAQ,GAAG,EAAE,QAAQ;AACrB,QAAQ,GAAG,EAAE,QAAQ;AACrB,OAAO;AACP,MAAM,MAAM,EAAE;AACd,QAAQ,GAAG,EAAE,SAAS;AACtB,QAAQ,GAAG,EAAE,SAAS;AACtB,QAAQ,GAAG,EAAE,SAAS;AACtB,QAAQ,GAAG,EAAE,SAAS;AACtB,QAAQ,GAAG,EAAE,SAAS;AACtB,QAAQ,GAAG,EAAE,SAAS;AACtB,QAAQ,GAAG,EAAE,SAAS;AACtB,QAAQ,GAAG,EAAE,SAAS;AACtB,QAAQ,GAAG,EAAE,SAAS;AACtB,QAAQ,GAAG,EAAE,UAAU;AACvB,QAAQ,GAAG,EAAE,UAAU;AACvB,QAAQ,GAAG,EAAE,UAAU;AACvB,OAAO;AACP,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,MAAM,OAAO,EAAE,iCAAiC;AAChD,MAAM,OAAO,EAAE,oDAAoD;AACnE,MAAM,MAAM,EAAE,iCAAiC;AAC/C,MAAM,WAAW,EAAE,cAAc;AACjC,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,OAAO,EAAE,oDAAoD;AACnE,MAAM,OAAO,EAAE,iCAAiC;AAChD,MAAM,WAAW,EAAE,cAAc;AACjC,MAAM,MAAM,EAAE,iCAAiC;AAC/C,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,IAAI,EAAE,EAAE;AACd,MAAM,QAAQ,EAAE,2BAA2B;AAC3C,MAAM,KAAK,EAAE,uBAAuB;AACpC,MAAM,cAAc,EAAE,0BAA0B;AAChD,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,oBAAoB;AACjC,MAAM,OAAO,EAAE,cAAc;AAC7B,MAAM,MAAM,EAAE,cAAc;AAC5B,MAAM,KAAK,EAAE,oDAAoD;AACjE,KAAK;AACL,IAAI,MAAM,EAAE;AACZ,MAAM,SAAS,EAAE,+CAA+C;AAChE,MAAM,MAAM,EAAE,cAAc;AAC5B,MAAM,OAAO,EAAE,0BAA0B;AACzC,MAAM,QAAQ,EAAE,0BAA0B;AAC1C,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,SAAS,EAAE,iCAAiC;AAClD,MAAM,aAAa,EAAE,cAAc;AACnC,MAAM,WAAW,EAAE,oBAAoB;AACvC,MAAM,WAAW,EAAE,cAAc;AACjC,MAAM,OAAO,EAAE,cAAc;AAC7B,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,SAAS,EAAE,iCAAiC;AAClD,KAAK;AACL,IAAI,QAAQ,EAAE;AACd,MAAM,OAAO,EAAE,oDAAoD;AACnE,MAAM,MAAM,EAAE,iCAAiC;AAC/C,MAAM,MAAM,EAAE,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;AAC9D,MAAM,iBAAiB,EAAE,yDAAyD;AAClF,MAAM,eAAe,EAAE,uBAAuB;AAC9C,MAAM,gBAAgB,EAAE,sCAAsC;AAC9D,KAAK;AACL,IAAI,KAAK,EAAE;AACX,MAAM,KAAK,EAAE,uCAAuC;AACpD,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,KAAK,EAAE,cAAc;AAC3B,KAAK;AACL,IAAI,UAAU,EAAE;AAChB,MAAM,iBAAiB,EAAE,QAAQ;AACjC,MAAM,gBAAgB,EAAE,oBAAoB;AAC5C,KAAK;AACL,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"ko.mjs","sources":["../../../../../packages/locale/lang/ko.ts"],"sourcesContent":["export default {\n  name: 'ko',\n  el: {\n    colorpicker: {\n      confirm: '확인',\n      clear: '초기화',\n      defaultLabel: '색상 선택기',\n      description:\n        '현재 색상은 {color}입니다. Enter 키를 눌러 새 색상을 선택합니다.',\n    },\n    datepicker: {\n      now: '지금',\n      today: '오늘',\n      cancel: '취소',\n      clear: '초기화',\n      confirm: '확인',\n      dateTablePrompt: '화살표 키를 사용하고 Enter를 눌러 날짜를 선택하십시오.',\n      monthTablePrompt: '화살표 키를 사용하고 Enter를 눌러 월을 선택합니다.',\n      yearTablePrompt:\n        '화살표 키를 사용하고 Enter 키를 눌러 연도를 선택합니다.',\n      selectDate: '날짜 선택',\n      selectTime: '시간 선택',\n      startDate: '시작 날짜',\n      startTime: '시작 시간',\n      endDate: '종료 날짜',\n      endTime: '종료 시간',\n      prevYear: '지난해',\n      nextYear: '다음해',\n      prevMonth: '지난달',\n      nextMonth: '다음달',\n      year: '년',\n      month1: '1월',\n      month2: '2월',\n      month3: '3월',\n      month4: '4월',\n      month5: '5월',\n      month6: '6월',\n      month7: '7월',\n      month8: '8월',\n      month9: '9월',\n      month10: '10월',\n      month11: '11월',\n      month12: '12월',\n      // week: 'week',\n      weeks: {\n        sun: '일',\n        mon: '월',\n        tue: '화',\n        wed: '수',\n        thu: '목',\n        fri: '금',\n        sat: '토',\n      },\n      months: {\n        jan: '1월',\n        feb: '2월',\n        mar: '3월',\n        apr: '4월',\n        may: '5월',\n        jun: '6월',\n        jul: '7월',\n        aug: '8월',\n        sep: '9월',\n        oct: '10월',\n        nov: '11월',\n        dec: '12월',\n      },\n    },\n    inputNumber: {\n      decrease: '값 증가',\n      increase: '값 감소',\n    },\n    select: {\n      loading: '불러오는 중',\n      noMatch: '검색된 데이터 없음',\n      noData: '데이터 없음',\n      placeholder: '선택',\n    },\n    dropdown: {\n      toggleDropdown: '드롭다운 전환',\n    },\n    cascader: {\n      noMatch: '검색된 데이터 없음',\n      loading: '불러오는 중',\n      placeholder: '선택',\n      noData: '데이터 없음',\n    },\n    pagination: {\n      goto: '',\n      pagesize: '건/페이지',\n      total: '총 {total} 건',\n      pageClassifier: '페이지로',\n      deprecationWarning:\n        '더 이상 사용되지 않는 동작이 감지되었습니다. 자세한 내용은 el-pagination 문서를 참조하세요.',\n    },\n    dialog: {\n      close: '대화 상자 닫기',\n    },\n    drawer: {\n      close: '대화 상자 닫기',\n    },\n    messagebox: {\n      title: '메시지',\n      confirm: '확인',\n      cancel: '취소',\n      error: '올바르지 않은 입력',\n      close: '대화 상자 닫기',\n    },\n    upload: {\n      deleteTip: 'Delete 키를 눌러 삭제',\n      delete: '삭제',\n      preview: '미리보기',\n      continue: '계속하기',\n    },\n    slider: {\n      defaultLabel: '{min}과 {max} 사이의 슬라이더',\n      defaultRangeStartLabel: '시작 값 선택',\n      defaultRangeEndLabel: '종료 값 선택',\n    },\n    table: {\n      emptyText: '데이터 없음',\n      confirmFilter: '확인',\n      resetFilter: '초기화',\n      clearFilter: '전체',\n      sumText: '합계',\n    },\n    tree: {\n      emptyText: '데이터 없음',\n    },\n    transfer: {\n      noMatch: '검색된 데이터 없음',\n      noData: '데이터 없음',\n      titles: ['리스트 1', '리스트 2'],\n      filterPlaceholder: '검색어를 입력하세요',\n      noCheckedFormat: '총 {total} 건',\n      hasCheckedFormat: '{checked}/{total} 선택됨',\n    },\n    image: {\n      error: '불러오기 실패',\n    },\n    pageHeader: {\n      title: '뒤로',\n    },\n    popconfirm: {\n      confirmButtonText: '예',\n      cancelButtonText: '아니오',\n    },\n  },\n}\n"],"names":[],"mappings":"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"}

package/es/utils/dom/aria.d.ts

@@ -1,4 +1,3 @@
-import type { Nullable } from '../typescript';
 /**
  * Determine if the testing element is visible on screen no matter if its on the viewport or not
  */
@@ -27,5 +26,5 @@ export declare const attemptFocus: (element: HTMLElement) => boolean;
  */
 export declare const triggerEvent: (elm: HTMLElement, name: string, ...opts: Array<boolean>) => HTMLElement;
 export declare const isLeaf: (el: HTMLElement) => boolean;
-export declare const getSibling: (el: HTMLElement, distance: number, elClass: string) => Nullable<Element>;
-export declare const focusNode: (el: any) => void;
+export declare const getSibling: (el: HTMLElement, distance: number, elClass: string) => Element | null;
+export declare const focusNode: (el: HTMLElement) => void;

package/es/utils/dom/aria.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aria.mjs","sources":["../../../../../packages/utils/dom/aria.ts"],"sourcesContent":["// @ts-nocheck\nimport type { Nullable } from '../typescript'\n\nconst FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\n\n/**\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\n */\nexport const isVisible = (element: HTMLElement) => {\n  if (process.env.NODE_ENV === 'test') return true\n  const computed = getComputedStyle(element)\n  // element.offsetParent won't work on fix positioned\n  // WARNING: potential issue here, going to need some expert advices on this issue\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\n}\n\nexport const obtainAllFocusableElements = (\n  element: HTMLElement\n): HTMLElement[] => {\n  return Array.from(\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\n}\n\n/**\n * @desc Determine if target element is focusable\n * @param element {HTMLElement}\n * @returns {Boolean} true if it is focusable\n */\nexport const isFocusable = (element: HTMLElement): boolean => {\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\n  ) {\n    return true\n  }\n  // HTMLButtonElement has disabled\n  if ((element as HTMLButtonElement).disabled) {\n    return false\n  }\n\n  switch (element.nodeName) {\n    case 'A': {\n      // casting current element to Specific HTMLElement in order to be more type precise\n      return (\n        !!(element as HTMLAnchorElement).href &&\n        (element as HTMLAnchorElement).rel !== 'ignore'\n      )\n    }\n    case 'INPUT': {\n      return !(\n        (element as HTMLInputElement).type === 'hidden' ||\n        (element as HTMLInputElement).type === 'file'\n      )\n    }\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA': {\n      return true\n    }\n    default: {\n      return false\n    }\n  }\n}\n\n/**\n * @desc Set Attempt to set focus on the current node.\n * @param element\n *          The node to attempt to focus on.\n * @returns\n *  true if element is focused.\n */\nexport const attemptFocus = (element: HTMLElement): boolean => {\n  if (!isFocusable(element)) {\n    return false\n  }\n  // Remove the old try catch block since there will be no error to be thrown\n  element.focus?.()\n  return document.activeElement === element\n}\n\n/**\n * Trigger an event\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\n * @param  {HTMLElement} elm\n * @param  {String} name\n * @param  {*} opts\n */\nexport const triggerEvent = function (\n  elm: HTMLElement,\n  name: string,\n  ...opts: Array<boolean>\n): HTMLElement {\n  let eventName: string\n\n  if (name.includes('mouse') || name.includes('click')) {\n    eventName = 'MouseEvents'\n  } else if (name.includes('key')) {\n    eventName = 'KeyboardEvent'\n  } else {\n    eventName = 'HTMLEvents'\n  }\n  const evt = document.createEvent(eventName)\n\n  evt.initEvent(name, ...opts)\n  elm.dispatchEvent(evt)\n  return elm\n}\n\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\n\nexport const getSibling = (\n  el: HTMLElement,\n  distance: number,\n  elClass: string\n): Nullable<Element> => {\n  const { parentNode } = el\n  if (!parentNode) return null\n  const siblings = parentNode.querySelectorAll(elClass)\n  const index = Array.prototype.indexOf.call(siblings, el)\n  return siblings[index + distance] || null\n}\n\nexport const focusNode = (el) => {\n  if (!el) return\n  el.focus()\n  !isLeaf(el) && el.click()\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"aria.mjs","sources":["../../../../../packages/utils/dom/aria.ts"],"sourcesContent":["const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex=\"-1\"]),input:not([disabled]),input:not([type=\"hidden\"]),select:not([disabled]),textarea:not([disabled])`\n\n/**\n * Determine if the testing element is visible on screen no matter if its on the viewport or not\n */\nexport const isVisible = (element: HTMLElement) => {\n  if (process.env.NODE_ENV === 'test') return true\n  const computed = getComputedStyle(element)\n  // element.offsetParent won't work on fix positioned\n  // WARNING: potential issue here, going to need some expert advices on this issue\n  return computed.position === 'fixed' ? false : element.offsetParent !== null\n}\n\nexport const obtainAllFocusableElements = (\n  element: HTMLElement\n): HTMLElement[] => {\n  return Array.from(\n    element.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENT_SELECTORS)\n  ).filter((item: HTMLElement) => isFocusable(item) && isVisible(item))\n}\n\n/**\n * @desc Determine if target element is focusable\n * @param element {HTMLElement}\n * @returns {Boolean} true if it is focusable\n */\nexport const isFocusable = (element: HTMLElement): boolean => {\n  if (\n    element.tabIndex > 0 ||\n    (element.tabIndex === 0 && element.getAttribute('tabIndex') !== null)\n  ) {\n    return true\n  }\n  // HTMLButtonElement has disabled\n  if ((element as HTMLButtonElement).disabled) {\n    return false\n  }\n\n  switch (element.nodeName) {\n    case 'A': {\n      // casting current element to Specific HTMLElement in order to be more type precise\n      return (\n        !!(element as HTMLAnchorElement).href &&\n        (element as HTMLAnchorElement).rel !== 'ignore'\n      )\n    }\n    case 'INPUT': {\n      return !(\n        (element as HTMLInputElement).type === 'hidden' ||\n        (element as HTMLInputElement).type === 'file'\n      )\n    }\n    case 'BUTTON':\n    case 'SELECT':\n    case 'TEXTAREA': {\n      return true\n    }\n    default: {\n      return false\n    }\n  }\n}\n\n/**\n * @desc Set Attempt to set focus on the current node.\n * @param element\n *          The node to attempt to focus on.\n * @returns\n *  true if element is focused.\n */\nexport const attemptFocus = (element: HTMLElement): boolean => {\n  if (!isFocusable(element)) {\n    return false\n  }\n  // Remove the old try catch block since there will be no error to be thrown\n  element.focus?.()\n  return document.activeElement === element\n}\n\n/**\n * Trigger an event\n * mouseenter, mouseleave, mouseover, keyup, change, click, etc.\n * @param  {HTMLElement} elm\n * @param  {String} name\n * @param  {*} opts\n */\nexport const triggerEvent = function (\n  elm: HTMLElement,\n  name: string,\n  ...opts: Array<boolean>\n): HTMLElement {\n  let eventName: string\n\n  if (name.includes('mouse') || name.includes('click')) {\n    eventName = 'MouseEvents'\n  } else if (name.includes('key')) {\n    eventName = 'KeyboardEvent'\n  } else {\n    eventName = 'HTMLEvents'\n  }\n  const evt = document.createEvent(eventName)\n\n  evt.initEvent(name, ...opts)\n  elm.dispatchEvent(evt)\n  return elm\n}\n\nexport const isLeaf = (el: HTMLElement) => !el.getAttribute('aria-owns')\n\nexport const getSibling = (\n  el: HTMLElement,\n  distance: number,\n  elClass: string\n) => {\n  const { parentNode } = el\n  if (!parentNode) return null\n  const siblings = parentNode.querySelectorAll(elClass)\n  const index = Array.prototype.indexOf.call(siblings, el)\n  return siblings[index + distance] || null\n}\n\nexport const focusNode = (el: HTMLElement) => {\n  if (!el) return\n  el.focus()\n  !isLeaf(el) && el.click()\n}\n"],"names":[],"mappings":"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"}

package/es/version.d.ts

@@ -1 +1 @@
-export declare const version = "2.2.9";
+export declare const version = "2.2.10";

package/es/version.mjs

@@ -1,4 +1,4 @@
-const version = "2.2.9";
+const version = "2.2.10";
 
 export { version };
 //# sourceMappingURL=version.mjs.map

package/es/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '2.2.9'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.mjs","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '2.2.10'\n"],"names":[],"mappings":"AAAY,MAAC,OAAO,GAAG;;;;"}

package/lib/components/backtop/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
-var backtop$1 = require('./src/backtop2.js');
-var backtop = require('./src/backtop.js');
+var backtop$1 = require('./src/backtop.js');
+var backtop = require('./src/backtop2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElBacktop = install.withInstall(backtop$1["default"]);

package/lib/components/backtop/src/backtop.js

@@ -2,28 +2,106 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const backtopProps = {
-  visibilityHeight: {
-    type: Number,
-    default: 200
-  },
-  target: {
-    type: String,
-    default: ""
-  },
-  right: {
-    type: Number,
-    default: 40
-  },
-  bottom: {
-    type: Number,
-    default: 40
-  }
-};
-const backtopEmits = {
-  click: (evt) => evt instanceof MouseEvent
+var vue = require('vue');
+var core = require('@vueuse/core');
+var index$1 = require('../../icon/index.js');
+require('../../../utils/index.js');
+var iconsVue = require('@element-plus/icons-vue');
+require('../../../hooks/index.js');
+var backtop = require('./backtop2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var animation = require('../../../utils/animation.js');
+var error = require('../../../utils/error.js');
+
+const _hoisted_1 = ["onClick"];
+const __default__ = {
+  name: "ElBacktop"
 };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: backtop.backtopProps,
+  emits: backtop.backtopEmits,
+  setup(__props, { emit }) {
+    const props = __props;
+    const COMPONENT_NAME = "ElBacktop";
+    const ns = index.useNamespace("backtop");
+    const el = vue.shallowRef();
+    const container = vue.shallowRef();
+    const visible = vue.ref(false);
+    const backTopStyle = vue.computed(() => ({
+      right: `${props.right}px`,
+      bottom: `${props.bottom}px`
+    }));
+    const scrollToTop = () => {
+      if (!el.value)
+        return;
+      const beginTime = Date.now();
+      const beginValue = el.value.scrollTop;
+      const frameFunc = () => {
+        if (!el.value)
+          return;
+        const progress = (Date.now() - beginTime) / 500;
+        if (progress < 1) {
+          el.value.scrollTop = beginValue * (1 - animation.easeInOutCubic(progress));
+          requestAnimationFrame(frameFunc);
+        } else {
+          el.value.scrollTop = 0;
+        }
+      };
+      requestAnimationFrame(frameFunc);
+    };
+    const handleScroll = () => {
+      if (el.value)
+        visible.value = el.value.scrollTop >= props.visibilityHeight;
+    };
+    const handleClick = (event) => {
+      scrollToTop();
+      emit("click", event);
+    };
+    const handleScrollThrottled = core.useThrottleFn(handleScroll, 300);
+    core.useEventListener(container, "scroll", handleScrollThrottled);
+    vue.onMounted(() => {
+      var _a;
+      container.value = document;
+      el.value = document.documentElement;
+      if (props.target) {
+        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
+        if (!el.value) {
+          error.throwError(COMPONENT_NAME, `target is not existed: ${props.target}`);
+        }
+        container.value = el.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: `${vue.unref(ns).namespace.value}-fade-in`
+      }, {
+        default: vue.withCtx(() => [
+          visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            style: vue.normalizeStyle(vue.unref(backTopStyle)),
+            class: vue.normalizeClass(vue.unref(ns).b()),
+            onClick: vue.withModifiers(handleClick, ["stop"])
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              vue.createVNode(vue.unref(index$1.ElIcon), {
+                class: vue.normalizeClass(vue.unref(ns).e("icon"))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.CaretTop))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])
+          ], 14, _hoisted_1)) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 3
+      }, 8, ["name"]);
+    };
+  }
+});
+var Backtop = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/backtop/src/backtop.vue"]]);
 
-exports.backtopEmits = backtopEmits;
-exports.backtopProps = backtopProps;
+exports["default"] = Backtop;
 //# sourceMappingURL=backtop.js.map

package/lib/components/backtop/src/backtop.js.map

@@ -1 +1 @@
-{"version":3,"file":"backtop.js","sources":["../../../../../../packages/components/backtop/src/backtop.ts"],"sourcesContent":["import type { ExtractPropTypes } from 'vue'\nimport type Backtop from './backtop.vue'\n\nexport const backtopProps = {\n  visibilityHeight: {\n    type: Number,\n    default: 200,\n  },\n  target: {\n    type: String,\n    default: '',\n  },\n  right: {\n    type: Number,\n    default: 40,\n  },\n  bottom: {\n    type: Number,\n    default: 40,\n  },\n} as const\nexport type BacktopProps = ExtractPropTypes<typeof backtopProps>\n\nexport const backtopEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n}\nexport type BacktopEmits = typeof backtopEmits\n\nexport type BacktopInstance = InstanceType<typeof Backtop>\n"],"names":[],"mappings":";;;;AAAY,MAAC,YAAY,GAAG;AAC5B,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE;AACU,MAAC,YAAY,GAAG;AAC5B,EAAE,KAAK,EAAE,CAAC,GAAG,KAAK,GAAG,YAAY,UAAU;AAC3C;;;;;"}
+{"version":3,"file":"backtop.js","sources":["../../../../../../packages/components/backtop/src/backtop.vue"],"sourcesContent":["<template>\n  <transition :name=\"`${ns.namespace.value}-fade-in`\">\n    <div\n      v-if=\"visible\"\n      :style=\"backTopStyle\"\n      :class=\"ns.b()\"\n      @click.stop=\"handleClick\"\n    >\n      <slot>\n        <el-icon :class=\"ns.e('icon')\"><caret-top /></el-icon>\n      </slot>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref, shallowRef } from 'vue'\nimport { useEventListener, useThrottleFn } from '@vueuse/core'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { easeInOutCubic, throwError } from '@element-plus/utils'\nimport { CaretTop } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { backtopEmits, backtopProps } from './backtop'\n\nconst COMPONENT_NAME = 'ElBacktop'\n\ndefineOptions({\n  name: 'ElBacktop',\n})\n\nconst props = defineProps(backtopProps)\nconst emit = defineEmits(backtopEmits)\n\nconst ns = useNamespace('backtop')\nconst el = shallowRef<HTMLElement>()\nconst container = shallowRef<Document | HTMLElement>()\nconst visible = ref(false)\n\nconst backTopStyle = computed(() => ({\n  right: `${props.right}px`,\n  bottom: `${props.bottom}px`,\n}))\n\nconst scrollToTop = () => {\n  // TODO: use https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo, with behavior: 'smooth'\n\n  if (!el.value) return\n  const beginTime = Date.now()\n  const beginValue = el.value.scrollTop\n  const frameFunc = () => {\n    if (!el.value) return\n    const progress = (Date.now() - beginTime) / 500\n    if (progress < 1) {\n      el.value.scrollTop = beginValue * (1 - easeInOutCubic(progress))\n      requestAnimationFrame(frameFunc)\n    } else {\n      el.value.scrollTop = 0\n    }\n  }\n  requestAnimationFrame(frameFunc)\n}\nconst handleScroll = () => {\n  if (el.value) visible.value = el.value.scrollTop >= props.visibilityHeight\n}\nconst handleClick = (event: MouseEvent) => {\n  scrollToTop()\n  emit('click', event)\n}\n\nconst handleScrollThrottled = useThrottleFn(handleScroll, 300)\n\nuseEventListener(container, 'scroll', handleScrollThrottled)\nonMounted(() => {\n  container.value = document\n  el.value = document.documentElement\n\n  if (props.target) {\n    el.value = document.querySelector<HTMLElement>(props.target) ?? undefined\n    if (!el.value) {\n      throwError(COMPONENT_NAME, `target is not existed: ${props.target}`)\n    }\n    container.value = el.value\n  }\n})\n</script>\n"],"names":["useNamespace","shallowRef","ref","computed","easeInOutCubic","useThrottleFn","useEventListener","onMounted","throwError"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAA,MAAA,cAAA,GAAA,WAAA,CAAA;AASA,IAAA,MAAA,EAAA,GAAAA,mBAAA,SAAA,CAAA,CAAA;AACA,IAAA,MAAA,KAAAC,cAAA,EAAA,CAAA;AACA,IAAA,MAAA,YAAAA,cAAA,EAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAAC,QAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,YAAA,GAAAC,aAAA,OAAA;AAAA,MACA,KAAA,EAAA,GAAA,KAAA,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MACA,MAAA,EAAA,GAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,KACA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,MAAA;AAGA,MAAA,IAAA,CAAA,EAAA,CAAA,KAAA;AAAA,QAAA,OAAA;AACA,MAAA,MAAA,SAAA,GAAA,KAAA,GAAA,EAAA,CAAA;AACA,MAAA,MAAA,UAAA,GAAA,GAAA,KAAA,CAAA,SAAA,CAAA;AACA,MAAA,MAAA,YAAA,MAAA;AACA,QAAA,IAAA,CAAA,EAAA,CAAA,KAAA;AAAA,UAAA,OAAA;AACA,QAAA,MAAA,QAAA,GAAA,CAAA,IAAA,CAAA,GAAA,EAAA,GAAA,SAAA,IAAA,GAAA,CAAA;AACA,QAAA,IAAA,WAAA,CAAA,EAAA;AACA,UAAA,EAAA,CAAA,KAAA,CAAA,SAAA,GAAA,UAAA,IAAA,CAAA,GAAAC,yBAAA,QAAA,CAAA,CAAA,CAAA;AACA,UAAA,qBAAA,CAAA,SAAA,CAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,EAAA,CAAA,MAAA,SAAA,GAAA,CAAA,CAAA;AAAA,SACA;AAAA,OACA,CAAA;AACA,MAAA,qBAAA,CAAA,SAAA,CAAA,CAAA;AAAA,KACA,CAAA;AACA,IAAA,MAAA,eAAA,MAAA;AACA,MAAA,IAAA,EAAA,CAAA,KAAA;AAAA,QAAA,OAAA,CAAA,KAAA,GAAA,EAAA,CAAA,KAAA,CAAA,SAAA,IAAA,KAAA,CAAA,gBAAA,CAAA;AAAA,KACA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,CAAA,KAAA,KAAA;AACA,MAAA,WAAA,EAAA,CAAA;AACA,MAAA,IAAA,CAAA,SAAA,KAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,qBAAA,GAAAC,kBAAA,CAAA,YAAA,EAAA,GAAA,CAAA,CAAA;AAEA,IAAAC,qBAAA,CAAA,SAAA,EAAA,UAAA,qBAAA,CAAA,CAAA;AACA,IAAAC,aAAA,CAAA,MAAA;AACA,MAAA,IAAA,EAAA,CAAA;AACA,MAAA,eAAA,GAAA,QAAA,CAAA;AAEA,MAAA,EAAA,CAAA,QAAA,QAAA,CAAA,eAAA,CAAA;AACA,MAAA,IAAA,KAAA,CAAA,MAAA,EAAA;AACA,QAAA,EAAA,CAAA,KAAA,GAAA,CAAA,EAAA,GAAA,QAAA,CAAA,aAAA,CAAA,KAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAA,KAAA,CAAA,CAAA;AACA,QAAA,IAAA,CAAA,EAAA,CAAA,KAAA,EAAA;AAAA,UACAC,gBAAA,CAAA,cAAA,EAAA,CAAA,uBAAA,EAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;AACA,SAAA;AAAA,QACA,SAAA,CAAA,KAAA,GAAA,EAAA,CAAA,KAAA,CAAA;AAAA,OACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/backtop/src/backtop2.js

@@ -2,106 +2,28 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var core = require('@vueuse/core');
-var index$1 = require('../../icon/index.js');
-require('../../../utils/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-require('../../../hooks/index.js');
-var backtop = require('./backtop.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var animation = require('../../../utils/animation.js');
-var error = require('../../../utils/error.js');
-
-const _hoisted_1 = ["onClick"];
-const __default__ = {
-  name: "ElBacktop"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: backtop.backtopProps,
-  emits: backtop.backtopEmits,
-  setup(__props, { emit }) {
-    const props = __props;
-    const COMPONENT_NAME = "ElBacktop";
-    const ns = index.useNamespace("backtop");
-    const el = vue.shallowRef();
-    const container = vue.shallowRef();
-    const visible = vue.ref(false);
-    const backTopStyle = vue.computed(() => ({
-      right: `${props.right}px`,
-      bottom: `${props.bottom}px`
-    }));
-    const scrollToTop = () => {
-      if (!el.value)
-        return;
-      const beginTime = Date.now();
-      const beginValue = el.value.scrollTop;
-      const frameFunc = () => {
-        if (!el.value)
-          return;
-        const progress = (Date.now() - beginTime) / 500;
-        if (progress < 1) {
-          el.value.scrollTop = beginValue * (1 - animation.easeInOutCubic(progress));
-          requestAnimationFrame(frameFunc);
-        } else {
-          el.value.scrollTop = 0;
-        }
-      };
-      requestAnimationFrame(frameFunc);
-    };
-    const handleScroll = () => {
-      if (el.value)
-        visible.value = el.value.scrollTop >= props.visibilityHeight;
-    };
-    const handleClick = (event) => {
-      scrollToTop();
-      emit("click", event);
-    };
-    const handleScrollThrottled = core.useThrottleFn(handleScroll, 300);
-    core.useEventListener(container, "scroll", handleScrollThrottled);
-    vue.onMounted(() => {
-      var _a;
-      container.value = document;
-      el.value = document.documentElement;
-      if (props.target) {
-        el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
-        if (!el.value) {
-          error.throwError(COMPONENT_NAME, `target is not existed: ${props.target}`);
-        }
-        container.value = el.value;
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.Transition, {
-        name: `${vue.unref(ns).namespace.value}-fade-in`
-      }, {
-        default: vue.withCtx(() => [
-          visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            style: vue.normalizeStyle(vue.unref(backTopStyle)),
-            class: vue.normalizeClass(vue.unref(ns).b()),
-            onClick: vue.withModifiers(handleClick, ["stop"])
-          }, [
-            vue.renderSlot(_ctx.$slots, "default", {}, () => [
-              vue.createVNode(vue.unref(index$1.ElIcon), {
-                class: vue.normalizeClass(vue.unref(ns).e("icon"))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(iconsVue.CaretTop))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ])
-          ], 14, _hoisted_1)) : vue.createCommentVNode("v-if", true)
-        ]),
-        _: 3
-      }, 8, ["name"]);
-    };
+const backtopProps = {
+  visibilityHeight: {
+    type: Number,
+    default: 200
+  },
+  target: {
+    type: String,
+    default: ""
+  },
+  right: {
+    type: Number,
+    default: 40
+  },
+  bottom: {
+    type: Number,
+    default: 40
   }
-});
-var Backtop = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/backtop/src/backtop.vue"]]);
+};
+const backtopEmits = {
+  click: (evt) => evt instanceof MouseEvent
+};
 
-exports["default"] = Backtop;
+exports.backtopEmits = backtopEmits;
+exports.backtopProps = backtopProps;
 //# sourceMappingURL=backtop2.js.map