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

package/lib/components/page-header/index.d.ts

@@ -10,7 +10,7 @@ export declare const ElPageHeader: import("../../utils/types").SFCWithInstall<im
     };
 }, {
     handleClick: () => void;
-    t: (...args: any[]) => string;
+    t: import("../..").Translator;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     back: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

package/lib/components/page-header/src/page-header.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     handleClick: () => void;
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     back: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

package/lib/components/page-header/src/page-header.vue_vue_type_script_lang.js

@@ -16,7 +16,7 @@ var script = vue.defineComponent({
   props: pageHeader.pageHeaderProps,
   emits: pageHeader.pageHeaderEmits,
   setup(_, { emit }) {
-    const { t } = index$1.useLocaleInject();
+    const { t } = index$1.useLocale();
     function handleClick() {
       emit("back");
     }

package/lib/components/page-header/src/page-header.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n  <div class=\"el-page-header\">\n    <div class=\"el-page-header__left\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" class=\"el-page-header__icon\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n        </slot>\n      </div>\n      <div class=\"el-page-header__title\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div class=\"el-page-header__content\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\nexport default defineComponent({\n  name: 'ElPageHeader',\n\n  components: {\n    ElIcon,\n  },\n\n  props: pageHeaderProps,\n  emits: pageHeaderEmits,\n\n  setup(_, { emit }) {\n    const { t } = useLocaleInject()\n\n    function handleClick() {\n      emit('back')\n    }\n\n    return {\n      handleClick,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","pageHeaderProps","pageHeaderEmits","useLocaleInject"],"mappings":";;;;;;;;;;AAwBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,YACVC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,GAAG,EAAE,QAAQ;AACjB,UAAM,EAAE,MAAMC;AAEd,2BAAuB;AACrB,WAAK;AAAA;AAGP,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"page-header.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/page-header/src/page-header.vue"],"sourcesContent":["<template>\n  <div class=\"el-page-header\">\n    <div class=\"el-page-header__left\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" class=\"el-page-header__icon\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n        </slot>\n      </div>\n      <div class=\"el-page-header__title\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div class=\"el-page-header__content\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocale } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\nexport default defineComponent({\n  name: 'ElPageHeader',\n\n  components: {\n    ElIcon,\n  },\n\n  props: pageHeaderProps,\n  emits: pageHeaderEmits,\n\n  setup(_, { emit }) {\n    const { t } = useLocale()\n\n    function handleClick() {\n      emit('back')\n    }\n\n    return {\n      handleClick,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","pageHeaderProps","pageHeaderEmits","useLocale"],"mappings":";;;;;;;;;;AAwBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,YACVC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,GAAG,EAAE,QAAQ;AACjB,UAAM,EAAE,MAAMC;AAEd,2BAAuB;AACrB,WAAK;AAAA;AAGP,WAAO;AAAA,MACL;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/page-header/src/page-header.vue_vue_type_template_id_d12fb4b2_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.vue_vue_type_template_id_d12fb4b2_lang.js","sources":["../../../../../../packages/components/page-header/src/page-header.vue?vue&type=template&id=d12fb4b2&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-page-header\">\n    <div class=\"el-page-header__left\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" class=\"el-page-header__icon\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n        </slot>\n      </div>\n      <div class=\"el-page-header__title\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div class=\"el-page-header__content\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\nexport default defineComponent({\n  name: 'ElPageHeader',\n\n  components: {\n    ElIcon,\n  },\n\n  props: pageHeaderProps,\n  emits: pageHeaderEmits,\n\n  setup(_, { emit }) {\n    const { t } = useLocaleInject()\n\n    function handleClick() {\n      emit('back')\n    }\n\n    return {\n      handleClick,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;qBACO,OAAM;;;EAEyB,OAAM;AAAA;qBAKjC,OAAM;qBAIR,OAAM;;;0BAXbA,8BAAA;IACEC;MAAK,OAAM;AAAA,MAAwB,gDAAO;;MAC7B,aAAQ,YAAO,yBAA1BD,8BAAA;QACEE,wCAAA;UACiB,8BAAfC;iCAAqB;gCAAAA,gBAAwBC,4BAAR;;;;;;MAGzCH,8BAAA;QACEC,yCAAA;kDAAsB,cAAS;;;;IAGnCD,8BAAA;MACEC,2CAAA;gDAAwB;;;;;;;;"}
+{"version":3,"file":"page-header.vue_vue_type_template_id_d12fb4b2_lang.js","sources":["../../../../../../packages/components/page-header/src/page-header.vue?vue&type=template&id=d12fb4b2&lang.js"],"sourcesContent":["<template>\n  <div class=\"el-page-header\">\n    <div class=\"el-page-header__left\" @click=\"handleClick\">\n      <div v-if=\"icon || $slots.icon\" class=\"el-page-header__icon\">\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\"><component :is=\"icon\" /></el-icon>\n        </slot>\n      </div>\n      <div class=\"el-page-header__title\">\n        <slot name=\"title\">{{ title || t('el.pageHeader.title') }}</slot>\n      </div>\n    </div>\n    <div class=\"el-page-header__content\">\n      <slot name=\"content\">{{ content }}</slot>\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useLocale } from '@element-plus/hooks'\nimport { pageHeaderEmits, pageHeaderProps } from './page-header'\n\nexport default defineComponent({\n  name: 'ElPageHeader',\n\n  components: {\n    ElIcon,\n  },\n\n  props: pageHeaderProps,\n  emits: pageHeaderEmits,\n\n  setup(_, { emit }) {\n    const { t } = useLocale()\n\n    function handleClick() {\n      emit('back')\n    }\n\n    return {\n      handleClick,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_renderSlot","_createBlock","_resolveDynamicComponent"],"mappings":";;;;;;qBACO,OAAM;;;EAEyB,OAAM;AAAA;qBAKjC,OAAM;qBAIR,OAAM;;;0BAXbA,8BAAA;IACEC;MAAK,OAAM;AAAA,MAAwB,gDAAO;;MAC7B,aAAQ,YAAO,yBAA1BD,8BAAA;QACEE,wCAAA;UACiB,8BAAfC;iCAAqB;gCAAAA,gBAAwBC,4BAAR;;;;;;MAGzCH,8BAAA;QACEC,yCAAA;kDAAsB,cAAS;;;;IAGnCD,8BAAA;MACEC,2CAAA;gDAAwB;;;;;;;;"}

package/lib/components/pagination/src/components/jumper.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     pageCount: import("vue").ComputedRef<number> | undefined;
     disabled: import("vue").ComputedRef<boolean> | undefined;
     innerValue: import("vue").ComputedRef<number | undefined>;
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
     handleInput: (val: number | string) => void;
     handleChange: (val: number | string) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{} & {} & {}>, {}>;

package/lib/components/pagination/src/components/jumper.vue_vue_type_script_lang.js

@@ -14,7 +14,7 @@ var script = vue.defineComponent({
     ElInput: index.ElInput
   },
   setup() {
-    const { t } = index$1.useLocaleInject();
+    const { t } = index$1.useLocale();
     const { pageCount, disabled, currentPage, changeEvent } = usePagination.usePagination();
     const userInput = vue.ref();
     const innerValue = vue.computed(() => {

package/lib/components/pagination/src/components/jumper.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"jumper.vue_vue_type_script_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocaleInject()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElInput","useLocaleInject","usePagination","ref","computed"],"mappings":";;;;;;;;;;AAwBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,aACVC;AAAA;AAAA,EAGF,QAAQ;AACN,UAAM,EAAE,MAAMC;AACd,UAAM,EAAE,WAAW,UAAU,aAAa,gBAAgBC;AAC1D,UAAM,YAAYC;AAClB,UAAM,aAAaC,aAAS,MAAG;;AAAG,6BAAU,UAAV,YAAmB,2CAAa;AAAA;AAElE,yBAAqB,KAAsB;AACzC,gBAAU,QAAQ,CAAC;AAAA;AAGrB,0BAAsB,KAAsB;AAC1C,iDAAc,CAAC;AACf,gBAAU,QAAQ;AAAA;AAGpB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"jumper.vue_vue_type_script_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocale()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElInput","useLocale","usePagination","ref","computed"],"mappings":";;;;;;;;;;AAwBA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,aACVC;AAAA;AAAA,EAGF,QAAQ;AACN,UAAM,EAAE,MAAMC;AACd,UAAM,EAAE,WAAW,UAAU,aAAa,gBAAgBC;AAC1D,UAAM,YAAYC;AAClB,UAAM,aAAaC,aAAS,MAAG;;AAAG,6BAAU,UAAV,YAAmB,2CAAa;AAAA;AAElE,yBAAqB,KAAsB;AACzC,gBAAU,QAAQ,CAAC;AAAA;AAGrB,0BAAsB,KAAsB;AAC1C,iDAAc,CAAC;AACf,gBAAU,QAAQ;AAAA;AAGpB,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/pagination/src/components/jumper.vue_vue_type_template_id_772239ce_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"jumper.vue_vue_type_template_id_772239ce_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue?vue&type=template&id=772239ce&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocaleInject()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode"],"mappings":";;;;;;qBACQ,OAAM;;;0BAAZA,+BAAA;4CACK;IACHC;MACE,MAAK;AAAA,MACL,OAAM;AAAA,MACL,KAAK;AAAA,MACL,KAAK;MACL,UAAU;MACV,eAAa;MACd,MAAK;AAAA,MACJ,uBAAoB;MACpB,UAAQ;;kDAER;;;;;;"}
+{"version":3,"file":"jumper.vue_vue_type_template_id_772239ce_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/jumper.vue?vue&type=template&id=772239ce&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__jump\">\n    {{ t('el.pagination.goto') }}\n    <el-input\n      size=\"mini\"\n      class=\"el-pagination__editor is-in-pagination\"\n      :min=\"1\"\n      :max=\"pageCount\"\n      :disabled=\"disabled\"\n      :model-value=\"innerValue\"\n      type=\"number\"\n      @update:model-value=\"handleInput\"\n      @change=\"handleChange\"\n    />\n    {{ t('el.pagination.pageClassifier') }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { usePagination } from '../usePagination'\n\nexport default defineComponent({\n  name: 'ElPaginationJumper',\n  components: {\n    ElInput,\n  },\n\n  setup() {\n    const { t } = useLocale()\n    const { pageCount, disabled, currentPage, changeEvent } = usePagination()\n    const userInput = ref<number>()\n    const innerValue = computed(() => userInput.value ?? currentPage?.value)\n\n    function handleInput(val: number | string) {\n      userInput.value = +val\n    }\n\n    function handleChange(val: number | string) {\n      changeEvent?.(+val)\n      userInput.value = undefined\n    }\n\n    return {\n      pageCount,\n      disabled,\n      innerValue,\n\n      t,\n      handleInput,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode"],"mappings":";;;;;;qBACQ,OAAM;;;0BAAZA,+BAAA;4CACK;IACHC;MACE,MAAK;AAAA,MACL,OAAM;AAAA,MACL,KAAK;AAAA,MACL,KAAK;MACL,UAAU;MACV,eAAa;MACd,MAAK;AAAA,MACJ,uBAAoB;MACpB,UAAQ;;kDAER;;;;;;"}

package/lib/components/pagination/src/components/sizes.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     innerPagesizes: import("vue").ComputedRef<number[]>;
     innerPageSize: import("vue").Ref<Nullable<number>>;
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
     handleChange: (val: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "page-size-change"[], "page-size-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly pageSize?: unknown;

package/lib/components/pagination/src/components/sizes.vue_vue_type_script_lang.js

@@ -38,7 +38,7 @@ var script = vue.defineComponent({
   props: paginationSizesProps,
   emits: ["page-size-change"],
   setup(props, { emit }) {
-    const { t } = index$1.useLocaleInject();
+    const { t } = index$1.useLocale();
     const pagination = usePagination.usePagination();
     const innerPageSize = vue.ref(props.pageSize);
     vue.watch(() => props.pageSizes, (newVal, oldVal) => {

package/lib/components/pagination/src/components/sizes.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.vue_vue_type_script_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__sizes\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      size=\"mini\"\n      @change=\"handleChange\"\n    >\n      <el-option\n        v-for=\"item in innerPagesizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </el-select>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, ref } from 'vue'\nimport isEqual from 'lodash/isEqual'\nimport { ElSelect, ElOption } from '@element-plus/components/select'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport { usePagination } from '../usePagination'\n\nimport type { Nullable } from '@element-plus/utils/types'\n\nconst paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\n\nexport default defineComponent({\n  name: 'ElPaginationSizes',\n\n  components: {\n    ElSelect,\n    ElOption,\n  },\n\n  props: paginationSizesProps,\n  emits: ['page-size-change'],\n\n  setup(props, { emit }) {\n    const { t } = useLocaleInject()\n    const pagination = usePagination()\n    const innerPageSize = ref<Nullable<number>>(props.pageSize)\n\n    watch(\n      () => props.pageSizes,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n        if (Array.isArray(newVal)) {\n          const pageSize =\n            newVal.indexOf(props.pageSize) > -1\n              ? props.pageSize\n              : props.pageSizes[0]\n          emit('page-size-change', pageSize)\n        }\n      }\n    )\n\n    watch(\n      () => props.pageSize,\n      (newVal) => {\n        innerPageSize.value = newVal\n      }\n    )\n\n    const innerPagesizes = computed(() => props.pageSizes)\n\n    function handleChange(val: number) {\n      if (val !== innerPageSize.value) {\n        innerPageSize.value = val\n        pagination.handleSizeChange?.(Number(val))\n      }\n    }\n\n    return {\n      innerPagesizes,\n      innerPageSize,\n\n      t,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["buildProps","definePropType","mutable","defineComponent","ElSelect","ElOption","useLocaleInject","usePagination","ref","isEqual","computed"],"mappings":";;;;;;;;;;;;;;;;AA6BA,MAAM,uBAAuBA,iBAAW;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,WAAW;AAAA,IACT,MAAMC,qBAAyB;AAAA,IAC/B,SAAS,MAAMC,cAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI;AAAA;AAAA,EAE9C,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA;AAGZ,aAAeC,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,cACVC;AAAA,cACAC;AAAA;AAAA,EAGF,OAAO;AAAA,EACP,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,MAAMC;AACd,UAAM,aAAaC;AACnB,UAAM,gBAAgBC,QAAsB,MAAM;AAElD,cACE,MAAM,MAAM,WACZ,CAAC,QAAQ,WAAW;AAClB,UAAIC,4BAAQ,QAAQ;AAAS;AAC7B,UAAI,MAAM,QAAQ,SAAS;AACzB,cAAM,WACJ,OAAO,QAAQ,MAAM,YAAY,KAC7B,MAAM,WACN,MAAM,UAAU;AACtB,aAAK,oBAAoB;AAAA;AAAA;AAK/B,cACE,MAAM,MAAM,UACZ,CAAC,WAAW;AACV,oBAAc,QAAQ;AAAA;AAI1B,UAAM,iBAAiBC,aAAS,MAAM,MAAM;AAE5C,0BAAsB,KAAa;;AACjC,UAAI,QAAQ,cAAc,OAAO;AAC/B,sBAAc,QAAQ;AACtB,yBAAW,qBAAX,oCAA8B,OAAO;AAAA;AAAA;AAIzC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"sizes.vue_vue_type_script_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__sizes\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      size=\"mini\"\n      @change=\"handleChange\"\n    >\n      <el-option\n        v-for=\"item in innerPagesizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </el-select>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, ref } from 'vue'\nimport isEqual from 'lodash/isEqual'\nimport { ElSelect, ElOption } from '@element-plus/components/select'\nimport { useLocale } from '@element-plus/hooks'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport { usePagination } from '../usePagination'\n\nimport type { Nullable } from '@element-plus/utils/types'\n\nconst paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\n\nexport default defineComponent({\n  name: 'ElPaginationSizes',\n\n  components: {\n    ElSelect,\n    ElOption,\n  },\n\n  props: paginationSizesProps,\n  emits: ['page-size-change'],\n\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const pagination = usePagination()\n    const innerPageSize = ref<Nullable<number>>(props.pageSize)\n\n    watch(\n      () => props.pageSizes,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n        if (Array.isArray(newVal)) {\n          const pageSize =\n            newVal.indexOf(props.pageSize) > -1\n              ? props.pageSize\n              : props.pageSizes[0]\n          emit('page-size-change', pageSize)\n        }\n      }\n    )\n\n    watch(\n      () => props.pageSize,\n      (newVal) => {\n        innerPageSize.value = newVal\n      }\n    )\n\n    const innerPagesizes = computed(() => props.pageSizes)\n\n    function handleChange(val: number) {\n      if (val !== innerPageSize.value) {\n        innerPageSize.value = val\n        pagination.handleSizeChange?.(Number(val))\n      }\n    }\n\n    return {\n      innerPagesizes,\n      innerPageSize,\n\n      t,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["buildProps","definePropType","mutable","defineComponent","ElSelect","ElOption","useLocale","usePagination","ref","isEqual","computed"],"mappings":";;;;;;;;;;;;;;;;AA6BA,MAAM,uBAAuBA,iBAAW;AAAA,EACtC,UAAU;AAAA,IACR,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,WAAW;AAAA,IACT,MAAMC,qBAAyB;AAAA,IAC/B,SAAS,MAAMC,cAAQ,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI;AAAA;AAAA,EAE9C,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAAA,EAEX,UAAU;AAAA;AAGZ,aAAeC,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,cACVC;AAAA,cACAC;AAAA;AAAA,EAGF,OAAO;AAAA,EACP,OAAO,CAAC;AAAA,EAER,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,MAAMC;AACd,UAAM,aAAaC;AACnB,UAAM,gBAAgBC,QAAsB,MAAM;AAElD,cACE,MAAM,MAAM,WACZ,CAAC,QAAQ,WAAW;AAClB,UAAIC,4BAAQ,QAAQ;AAAS;AAC7B,UAAI,MAAM,QAAQ,SAAS;AACzB,cAAM,WACJ,OAAO,QAAQ,MAAM,YAAY,KAC7B,MAAM,WACN,MAAM,UAAU;AACtB,aAAK,oBAAoB;AAAA;AAAA;AAK/B,cACE,MAAM,MAAM,UACZ,CAAC,WAAW;AACV,oBAAc,QAAQ;AAAA;AAI1B,UAAM,iBAAiBC,aAAS,MAAM,MAAM;AAE5C,0BAAsB,KAAa;;AACjC,UAAI,QAAQ,cAAc,OAAO;AAC/B,sBAAc,QAAQ;AACtB,yBAAW,qBAAX,oCAA8B,OAAO;AAAA;AAAA;AAIzC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/pagination/src/components/sizes.vue_vue_type_template_id_3a063678_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.vue_vue_type_template_id_3a063678_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue?vue&type=template&id=3a063678&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__sizes\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      size=\"mini\"\n      @change=\"handleChange\"\n    >\n      <el-option\n        v-for=\"item in innerPagesizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </el-select>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, ref } from 'vue'\nimport isEqual from 'lodash/isEqual'\nimport { ElSelect, ElOption } from '@element-plus/components/select'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport { usePagination } from '../usePagination'\n\nimport type { Nullable } from '@element-plus/utils/types'\n\nconst paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\n\nexport default defineComponent({\n  name: 'ElPaginationSizes',\n\n  components: {\n    ElSelect,\n    ElOption,\n  },\n\n  props: paginationSizesProps,\n  emits: ['page-size-change'],\n\n  setup(props, { emit }) {\n    const { t } = useLocaleInject()\n    const pagination = usePagination()\n    const innerPageSize = ref<Nullable<number>>(props.pageSize)\n\n    watch(\n      () => props.pageSizes,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n        if (Array.isArray(newVal)) {\n          const pageSize =\n            newVal.indexOf(props.pageSize) > -1\n              ? props.pageSize\n              : props.pageSizes[0]\n          emit('page-size-change', pageSize)\n        }\n      }\n    )\n\n    watch(\n      () => props.pageSize,\n      (newVal) => {\n        innerPageSize.value = newVal\n      }\n    )\n\n    const innerPagesizes = computed(() => props.pageSizes)\n\n    function handleChange(val: number) {\n      if (val !== innerPageSize.value) {\n        innerPageSize.value = val\n        pagination.handleSizeChange?.(Number(val))\n      }\n    }\n\n    return {\n      innerPagesizes,\n      innerPageSize,\n\n      t,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock"],"mappings":";;;;;;qBACQ,OAAM;;;;0BAAZA,+BAAA;IACEC;MACG,eAAa;MACb,UAAU;MACV,gBAAc;MACf,MAAK;AAAA,MACJ,UAAQ;;2BAGP;8BADFD,0DACiB,sBAAR;kCADTE;YAEG,KAAK;AAAA,YACL,OAAO;AAAA,YACP,OAAO,OAAO;;;;;;;;;;;"}
+{"version":3,"file":"sizes.vue_vue_type_template_id_3a063678_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/sizes.vue?vue&type=template&id=3a063678&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__sizes\">\n    <el-select\n      :model-value=\"innerPageSize\"\n      :disabled=\"disabled\"\n      :popper-class=\"popperClass\"\n      size=\"mini\"\n      @change=\"handleChange\"\n    >\n      <el-option\n        v-for=\"item in innerPagesizes\"\n        :key=\"item\"\n        :value=\"item\"\n        :label=\"item + t('el.pagination.pagesize')\"\n      />\n    </el-select>\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch, computed, ref } from 'vue'\nimport isEqual from 'lodash/isEqual'\nimport { ElSelect, ElOption } from '@element-plus/components/select'\nimport { useLocale } from '@element-plus/hooks'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport { usePagination } from '../usePagination'\n\nimport type { Nullable } from '@element-plus/utils/types'\n\nconst paginationSizesProps = buildProps({\n  pageSize: {\n    type: Number,\n    required: true,\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  disabled: Boolean,\n} as const)\n\nexport default defineComponent({\n  name: 'ElPaginationSizes',\n\n  components: {\n    ElSelect,\n    ElOption,\n  },\n\n  props: paginationSizesProps,\n  emits: ['page-size-change'],\n\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const pagination = usePagination()\n    const innerPageSize = ref<Nullable<number>>(props.pageSize)\n\n    watch(\n      () => props.pageSizes,\n      (newVal, oldVal) => {\n        if (isEqual(newVal, oldVal)) return\n        if (Array.isArray(newVal)) {\n          const pageSize =\n            newVal.indexOf(props.pageSize) > -1\n              ? props.pageSize\n              : props.pageSizes[0]\n          emit('page-size-change', pageSize)\n        }\n      }\n    )\n\n    watch(\n      () => props.pageSize,\n      (newVal) => {\n        innerPageSize.value = newVal\n      }\n    )\n\n    const innerPagesizes = computed(() => props.pageSizes)\n\n    function handleChange(val: number) {\n      if (val !== innerPageSize.value) {\n        innerPageSize.value = val\n        pagination.handleSizeChange?.(Number(val))\n      }\n    }\n\n    return {\n      innerPagesizes,\n      innerPageSize,\n\n      t,\n      handleChange,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createVNode","_createBlock"],"mappings":";;;;;;qBACQ,OAAM;;;;0BAAZA,+BAAA;IACEC;MACG,eAAa;MACb,UAAU;MACV,gBAAc;MACf,MAAK;AAAA,MACJ,UAAQ;;2BAGP;8BADFD,0DACiB,sBAAR;kCADTE;YAEG,KAAK;AAAA,YACL,OAAO;AAAA,YACP,OAAO,OAAO;;;;;;;;;;;"}

package/lib/components/pagination/src/components/total.vue.d.ts

@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: 1000;
     };
 }, {
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly total?: unknown;
 } & {

package/lib/components/pagination/src/components/total.vue_vue_type_script_lang.js

@@ -16,7 +16,7 @@ var script = vue.defineComponent({
   name: "ElPaginationTotal",
   props: paginationTotalProps,
   setup() {
-    const { t } = index.useLocaleInject();
+    const { t } = index.useLocale();
     return {
       t
     };

package/lib/components/pagination/src/components/total.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"total.vue_vue_type_script_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__total\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst paginationTotalProps = {\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport default defineComponent({\n  name: 'ElPaginationTotal',\n\n  props: paginationTotalProps,\n\n  setup() {\n    const { t } = useLocaleInject()\n    return {\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useLocaleInject"],"mappings":";;;;;;;;AAgBA,MAAM,uBAAuB;AAAA,EAC3B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAKb,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,EAEP,QAAQ;AACN,UAAM,EAAE,MAAMC;AACd,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"total.vue_vue_type_script_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/total.vue"],"sourcesContent":["<template>\n  <span class=\"el-pagination__total\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst paginationTotalProps = {\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport default defineComponent({\n  name: 'ElPaginationTotal',\n\n  props: paginationTotalProps,\n\n  setup() {\n    const { t } = useLocale()\n    return {\n      t,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","useLocale"],"mappings":";;;;;;;;AAgBA,MAAM,uBAAuB;AAAA,EAC3B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AAAA;AAKb,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,EAEP,QAAQ;AACN,UAAM,EAAE,MAAMC;AACd,WAAO;AAAA,MACL;AAAA;AAAA;AAAA;;;;"}

package/lib/components/pagination/src/components/total.vue_vue_type_template_id_bc261314_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"total.vue_vue_type_template_id_bc261314_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/total.vue?vue&type=template&id=bc261314&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__total\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst paginationTotalProps = {\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport default defineComponent({\n  name: 'ElPaginationTotal',\n\n  props: paginationTotalProps,\n\n  setup() {\n    const { t } = useLocaleInject()\n    return {\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock"],"mappings":";;;;;;qBACQ,OAAM;;0BAAZA,+BAAA,gCAEI;;;;;;;"}
+{"version":3,"file":"total.vue_vue_type_template_id_bc261314_lang.js","sources":["../../../../../../../packages/components/pagination/src/components/total.vue?vue&type=template&id=bc261314&lang.js"],"sourcesContent":["<template>\n  <span class=\"el-pagination__total\">\n    {{\n      t('el.pagination.total', {\n        total,\n      })\n    }}\n  </span>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes } from 'vue'\n\nconst paginationTotalProps = {\n  total: {\n    type: Number,\n    default: 1000,\n  },\n} as const\nexport type PaginationTotalProps = ExtractPropTypes<typeof paginationTotalProps>\n\nexport default defineComponent({\n  name: 'ElPaginationTotal',\n\n  props: paginationTotalProps,\n\n  setup() {\n    const { t } = useLocale()\n    return {\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock"],"mappings":";;;;;;qBACQ,OAAM;;0BAAZA,+BAAA,gCAEI;;;;;;;"}

package/lib/components/pagination/src/pagination.js

@@ -76,7 +76,7 @@ var Pagination = vue.defineComponent({
   props: paginationProps,
   emits: paginationEmits,
   setup(props, { emit, slots }) {
-    const { t } = index.useLocaleInject();
+    const { t } = index.useLocale();
     const vnodeProps = vue.getCurrentInstance().vnode.props || {};
     const hasCurrentPageListener = "onUpdate:currentPage" in vnodeProps || "onUpdate:current-page" in vnodeProps || "onCurrentChange" in vnodeProps;
     const hasPageSizeListener = "onUpdate:pageSize" in vnodeProps || "onUpdate:page-size" in vnodeProps || "onSizeChange" in vnodeProps;

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../../../../packages/components/pagination/src/pagination.ts"],"sourcesContent":["import {\n  h,\n  ref,\n  provide,\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  watch,\n} from 'vue'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport { elPaginationKey } from '@element-plus/tokens'\n\nimport Prev from './components/prev.vue'\nimport Next from './components/next.vue'\nimport Sizes from './components/sizes.vue'\nimport Jumper from './components/jumper.vue'\nimport Total from './components/total.vue'\nimport Pager from './components/pager.vue'\n\nimport type { VNode, ExtractPropTypes } from 'vue'\n\n/**\n * It it user's responsibility to guarantee that the value of props.total... is number\n * (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)\n * Otherwise we can reasonable infer that the corresponding field is absent\n */\nconst isAbsent = (v: unknown): v is undefined => typeof v !== 'number'\n\ntype LayoutKey =\n  | 'prev'\n  | 'pager'\n  | 'next'\n  | 'jumper'\n  | '->'\n  | 'total'\n  | 'sizes'\n  | 'slot'\n\nexport const paginationProps = buildProps({\n  total: Number,\n  pageSize: Number,\n  defaultPageSize: Number,\n  currentPage: Number,\n  defaultCurrentPage: Number,\n  pageCount: Number,\n  pagerCount: {\n    type: Number,\n    validator: (value: unknown) => {\n      return (\n        typeof value === 'number' &&\n        (value | 0) === value &&\n        value > 4 &&\n        value < 22 &&\n        value % 2 === 1\n      )\n    },\n    default: 7,\n  },\n  layout: {\n    type: String,\n    default: (\n      ['prev', 'pager', 'next', 'jumper', '->', 'total'] as LayoutKey[]\n    ).join(', '),\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  prevText: {\n    type: String,\n    default: '',\n  },\n  nextText: {\n    type: String,\n    default: '',\n  },\n  small: Boolean,\n  background: Boolean,\n  disabled: Boolean,\n  hideOnSinglePage: Boolean,\n} as const)\nexport type PaginationProps = ExtractPropTypes<typeof paginationProps>\n\nexport const paginationEmits = {\n  'update:current-page': (val: number) => typeof val === 'number',\n  'update:page-size': (val: number) => typeof val === 'number',\n  'size-change': (val: number) => typeof val === 'number',\n  'current-change': (val: number) => typeof val === 'number',\n  'prev-click': (val: number) => typeof val === 'number',\n  'next-click': (val: number) => typeof val === 'number',\n}\nexport type PaginationEmits = typeof paginationEmits\n\nconst componentName = 'ElPagination'\nexport default defineComponent({\n  name: componentName,\n\n  props: paginationProps,\n  emits: paginationEmits,\n\n  setup(props, { emit, slots }) {\n    const { t } = useLocaleInject()\n    const vnodeProps = getCurrentInstance()!.vnode.props || {}\n    // we can find @xxx=\"xxx\" props on `vnodeProps` to check if user bind corresponding events\n    const hasCurrentPageListener =\n      'onUpdate:currentPage' in vnodeProps ||\n      'onUpdate:current-page' in vnodeProps ||\n      'onCurrentChange' in vnodeProps\n    const hasPageSizeListener =\n      'onUpdate:pageSize' in vnodeProps ||\n      'onUpdate:page-size' in vnodeProps ||\n      'onSizeChange' in vnodeProps\n    const assertValidUsage = computed(() => {\n      // Users have to set either one, otherwise count of pages cannot be determined\n      if (isAbsent(props.total) && isAbsent(props.pageCount)) return false\n      // <el-pagination ...otherProps :current-page=\"xxx\" /> without corresponding listener is forbidden now\n      // Users have to use two way binding of `currentPage`\n      // If users just want to provide a default value, `defaultCurrentPage` is here for you\n      if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false\n      // When you want to change sizes, things get more complex, detailed below\n      // Basically the most important value we need is page count\n      // either directly from props.pageCount\n      // or calculated from props.total\n      // we will take props.pageCount precedence over props.total\n      if (props.layout.includes('sizes')) {\n        if (!isAbsent(props.pageCount)) {\n          // if props.pageCount is assign by user, then user have to watch pageSize change\n          // and recalculate pageCount\n          if (!hasPageSizeListener) return false\n        } else if (!isAbsent(props.total)) {\n          // Otherwise, we will see if user have props.pageSize defined\n          // If so, meaning user want to have pageSize controlled himself/herself from component\n          // Thus page size listener is required\n          // users are account for page size change\n          if (!isAbsent(props.pageSize)) {\n            if (!hasPageSizeListener) {\n              return false\n            }\n          } else {\n            // (else block just for explaination)\n            // else page size is controlled by el-pagination internally\n          }\n        }\n      }\n      return true\n    })\n\n    const innerPageSize = ref(\n      isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize\n    )\n    const innerCurrentPage = ref(\n      isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage\n    )\n\n    const pageSizeBridge = computed({\n      get() {\n        return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize\n      },\n      set(v: number) {\n        if (isAbsent(props.pageSize)) {\n          innerPageSize.value = v\n        }\n        if (hasPageSizeListener) {\n          emit('update:page-size', v)\n          emit('size-change', v)\n        }\n      },\n    })\n\n    const pageCountBridge = computed<number>(() => {\n      let pageCount = 0\n      if (!isAbsent(props.pageCount)) {\n        pageCount = props.pageCount\n      } else if (!isAbsent(props.total)) {\n        pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value))\n      }\n      return pageCount\n    })\n\n    const currentPageBridge = computed<number>({\n      get() {\n        return isAbsent(props.currentPage)\n          ? innerCurrentPage.value\n          : props.currentPage\n      },\n      set(v) {\n        let newCurrentPage = v\n        if (v < 1) {\n          newCurrentPage = 1\n        } else if (v > pageCountBridge.value) {\n          newCurrentPage = pageCountBridge.value\n        }\n        if (isAbsent(props.currentPage)) {\n          innerCurrentPage.value = newCurrentPage\n        }\n        if (hasCurrentPageListener) {\n          emit('update:current-page', newCurrentPage)\n          emit('current-change', newCurrentPage)\n        }\n      },\n    })\n\n    watch(pageCountBridge, (val) => {\n      if (currentPageBridge.value > val) currentPageBridge.value = val\n    })\n\n    function handleCurrentChange(val: number) {\n      currentPageBridge.value = val\n    }\n\n    function handleSizeChange(val: number) {\n      pageSizeBridge.value = val\n      const newPageCount = pageCountBridge.value\n      if (currentPageBridge.value > newPageCount) {\n        currentPageBridge.value = newPageCount\n      }\n    }\n\n    function prev() {\n      if (props.disabled) return\n      currentPageBridge.value -= 1\n      emit('prev-click', currentPageBridge.value)\n    }\n\n    function next() {\n      if (props.disabled) return\n      currentPageBridge.value += 1\n      emit('next-click', currentPageBridge.value)\n    }\n\n    provide(elPaginationKey, {\n      pageCount: pageCountBridge,\n      disabled: computed(() => props.disabled),\n      currentPage: currentPageBridge,\n      changeEvent: handleCurrentChange,\n      handleSizeChange,\n    })\n\n    return () => {\n      if (!assertValidUsage.value) {\n        debugWarn(componentName, t('el.pagination.deprecationWarning'))\n        return null\n      }\n      if (!props.layout) return null\n      if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null\n      const rootChildren: Array<VNode | VNode[] | null> = []\n      const rightWrapperChildren: Array<VNode | VNode[] | null> = []\n      const rightWrapperRoot = h(\n        'div',\n        { class: 'el-pagination__rightwrapper' },\n        rightWrapperChildren\n      )\n      const TEMPLATE_MAP: Record<\n        Exclude<LayoutKey, '->'>,\n        VNode | VNode[] | null\n      > = {\n        prev: h(Prev, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          prevText: props.prevText,\n          onClick: prev,\n        }),\n        jumper: h(Jumper),\n        pager: h(Pager, {\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          pagerCount: props.pagerCount,\n          onChange: handleCurrentChange,\n          disabled: props.disabled,\n        }),\n        next: h(Next, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          nextText: props.nextText,\n          onClick: next,\n        }),\n        sizes: h(Sizes, {\n          pageSize: pageSizeBridge.value,\n          pageSizes: props.pageSizes,\n          popperClass: props.popperClass,\n          disabled: props.disabled,\n        }),\n        slot: slots?.default?.() ?? null,\n        total: h(Total, { total: isAbsent(props.total) ? 0 : props.total }),\n      }\n\n      const components = props.layout\n        .split(',')\n        .map((item: string) => item.trim()) as LayoutKey[]\n\n      let haveRightWrapper = false\n\n      components.forEach((c) => {\n        if (c === '->') {\n          haveRightWrapper = true\n          return\n        }\n        if (!haveRightWrapper) {\n          rootChildren.push(TEMPLATE_MAP[c])\n        } else {\n          rightWrapperChildren.push(TEMPLATE_MAP[c])\n        }\n      })\n\n      if (haveRightWrapper && rightWrapperChildren.length > 0) {\n        rootChildren.unshift(rightWrapperRoot)\n      }\n\n      return h(\n        'div',\n        {\n          role: 'pagination',\n          'aria-label': 'pagination',\n          class: [\n            'el-pagination',\n            {\n              'is-background': props.background,\n              'el-pagination--small': props.small,\n            },\n          ],\n        },\n        rootChildren\n      )\n    }\n  },\n})\n"],"names":["buildProps","definePropType","mutable","defineComponent","useLocaleInject","getCurrentInstance","computed","ref","elPaginationKey","h","Prev","Jumper","Pager","Next","Sizes","Total"],"mappings":"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"}
+{"version":3,"file":"pagination.js","sources":["../../../../../../packages/components/pagination/src/pagination.ts"],"sourcesContent":["import {\n  h,\n  ref,\n  provide,\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  watch,\n} from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { debugWarn } from '@element-plus/utils/error'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport { elPaginationKey } from '@element-plus/tokens'\n\nimport Prev from './components/prev.vue'\nimport Next from './components/next.vue'\nimport Sizes from './components/sizes.vue'\nimport Jumper from './components/jumper.vue'\nimport Total from './components/total.vue'\nimport Pager from './components/pager.vue'\n\nimport type { VNode, ExtractPropTypes } from 'vue'\n\n/**\n * It it user's responsibility to guarantee that the value of props.total... is number\n * (same as pageSize, defaultPageSize, currentPage, defaultCurrentPage, pageCount)\n * Otherwise we can reasonable infer that the corresponding field is absent\n */\nconst isAbsent = (v: unknown): v is undefined => typeof v !== 'number'\n\ntype LayoutKey =\n  | 'prev'\n  | 'pager'\n  | 'next'\n  | 'jumper'\n  | '->'\n  | 'total'\n  | 'sizes'\n  | 'slot'\n\nexport const paginationProps = buildProps({\n  total: Number,\n  pageSize: Number,\n  defaultPageSize: Number,\n  currentPage: Number,\n  defaultCurrentPage: Number,\n  pageCount: Number,\n  pagerCount: {\n    type: Number,\n    validator: (value: unknown) => {\n      return (\n        typeof value === 'number' &&\n        (value | 0) === value &&\n        value > 4 &&\n        value < 22 &&\n        value % 2 === 1\n      )\n    },\n    default: 7,\n  },\n  layout: {\n    type: String,\n    default: (\n      ['prev', 'pager', 'next', 'jumper', '->', 'total'] as LayoutKey[]\n    ).join(', '),\n  },\n  pageSizes: {\n    type: definePropType<number[]>(Array),\n    default: () => mutable([10, 20, 30, 40, 50, 100] as const),\n  },\n  popperClass: {\n    type: String,\n    default: '',\n  },\n  prevText: {\n    type: String,\n    default: '',\n  },\n  nextText: {\n    type: String,\n    default: '',\n  },\n  small: Boolean,\n  background: Boolean,\n  disabled: Boolean,\n  hideOnSinglePage: Boolean,\n} as const)\nexport type PaginationProps = ExtractPropTypes<typeof paginationProps>\n\nexport const paginationEmits = {\n  'update:current-page': (val: number) => typeof val === 'number',\n  'update:page-size': (val: number) => typeof val === 'number',\n  'size-change': (val: number) => typeof val === 'number',\n  'current-change': (val: number) => typeof val === 'number',\n  'prev-click': (val: number) => typeof val === 'number',\n  'next-click': (val: number) => typeof val === 'number',\n}\nexport type PaginationEmits = typeof paginationEmits\n\nconst componentName = 'ElPagination'\nexport default defineComponent({\n  name: componentName,\n\n  props: paginationProps,\n  emits: paginationEmits,\n\n  setup(props, { emit, slots }) {\n    const { t } = useLocale()\n    const vnodeProps = getCurrentInstance()!.vnode.props || {}\n    // we can find @xxx=\"xxx\" props on `vnodeProps` to check if user bind corresponding events\n    const hasCurrentPageListener =\n      'onUpdate:currentPage' in vnodeProps ||\n      'onUpdate:current-page' in vnodeProps ||\n      'onCurrentChange' in vnodeProps\n    const hasPageSizeListener =\n      'onUpdate:pageSize' in vnodeProps ||\n      'onUpdate:page-size' in vnodeProps ||\n      'onSizeChange' in vnodeProps\n    const assertValidUsage = computed(() => {\n      // Users have to set either one, otherwise count of pages cannot be determined\n      if (isAbsent(props.total) && isAbsent(props.pageCount)) return false\n      // <el-pagination ...otherProps :current-page=\"xxx\" /> without corresponding listener is forbidden now\n      // Users have to use two way binding of `currentPage`\n      // If users just want to provide a default value, `defaultCurrentPage` is here for you\n      if (!isAbsent(props.currentPage) && !hasCurrentPageListener) return false\n      // When you want to change sizes, things get more complex, detailed below\n      // Basically the most important value we need is page count\n      // either directly from props.pageCount\n      // or calculated from props.total\n      // we will take props.pageCount precedence over props.total\n      if (props.layout.includes('sizes')) {\n        if (!isAbsent(props.pageCount)) {\n          // if props.pageCount is assign by user, then user have to watch pageSize change\n          // and recalculate pageCount\n          if (!hasPageSizeListener) return false\n        } else if (!isAbsent(props.total)) {\n          // Otherwise, we will see if user have props.pageSize defined\n          // If so, meaning user want to have pageSize controlled himself/herself from component\n          // Thus page size listener is required\n          // users are account for page size change\n          if (!isAbsent(props.pageSize)) {\n            if (!hasPageSizeListener) {\n              return false\n            }\n          } else {\n            // (else block just for explaination)\n            // else page size is controlled by el-pagination internally\n          }\n        }\n      }\n      return true\n    })\n\n    const innerPageSize = ref(\n      isAbsent(props.defaultPageSize) ? 10 : props.defaultPageSize\n    )\n    const innerCurrentPage = ref(\n      isAbsent(props.defaultCurrentPage) ? 1 : props.defaultCurrentPage\n    )\n\n    const pageSizeBridge = computed({\n      get() {\n        return isAbsent(props.pageSize) ? innerPageSize.value : props.pageSize\n      },\n      set(v: number) {\n        if (isAbsent(props.pageSize)) {\n          innerPageSize.value = v\n        }\n        if (hasPageSizeListener) {\n          emit('update:page-size', v)\n          emit('size-change', v)\n        }\n      },\n    })\n\n    const pageCountBridge = computed<number>(() => {\n      let pageCount = 0\n      if (!isAbsent(props.pageCount)) {\n        pageCount = props.pageCount\n      } else if (!isAbsent(props.total)) {\n        pageCount = Math.max(1, Math.ceil(props.total / pageSizeBridge.value))\n      }\n      return pageCount\n    })\n\n    const currentPageBridge = computed<number>({\n      get() {\n        return isAbsent(props.currentPage)\n          ? innerCurrentPage.value\n          : props.currentPage\n      },\n      set(v) {\n        let newCurrentPage = v\n        if (v < 1) {\n          newCurrentPage = 1\n        } else if (v > pageCountBridge.value) {\n          newCurrentPage = pageCountBridge.value\n        }\n        if (isAbsent(props.currentPage)) {\n          innerCurrentPage.value = newCurrentPage\n        }\n        if (hasCurrentPageListener) {\n          emit('update:current-page', newCurrentPage)\n          emit('current-change', newCurrentPage)\n        }\n      },\n    })\n\n    watch(pageCountBridge, (val) => {\n      if (currentPageBridge.value > val) currentPageBridge.value = val\n    })\n\n    function handleCurrentChange(val: number) {\n      currentPageBridge.value = val\n    }\n\n    function handleSizeChange(val: number) {\n      pageSizeBridge.value = val\n      const newPageCount = pageCountBridge.value\n      if (currentPageBridge.value > newPageCount) {\n        currentPageBridge.value = newPageCount\n      }\n    }\n\n    function prev() {\n      if (props.disabled) return\n      currentPageBridge.value -= 1\n      emit('prev-click', currentPageBridge.value)\n    }\n\n    function next() {\n      if (props.disabled) return\n      currentPageBridge.value += 1\n      emit('next-click', currentPageBridge.value)\n    }\n\n    provide(elPaginationKey, {\n      pageCount: pageCountBridge,\n      disabled: computed(() => props.disabled),\n      currentPage: currentPageBridge,\n      changeEvent: handleCurrentChange,\n      handleSizeChange,\n    })\n\n    return () => {\n      if (!assertValidUsage.value) {\n        debugWarn(componentName, t('el.pagination.deprecationWarning'))\n        return null\n      }\n      if (!props.layout) return null\n      if (props.hideOnSinglePage && pageCountBridge.value <= 1) return null\n      const rootChildren: Array<VNode | VNode[] | null> = []\n      const rightWrapperChildren: Array<VNode | VNode[] | null> = []\n      const rightWrapperRoot = h(\n        'div',\n        { class: 'el-pagination__rightwrapper' },\n        rightWrapperChildren\n      )\n      const TEMPLATE_MAP: Record<\n        Exclude<LayoutKey, '->'>,\n        VNode | VNode[] | null\n      > = {\n        prev: h(Prev, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          prevText: props.prevText,\n          onClick: prev,\n        }),\n        jumper: h(Jumper),\n        pager: h(Pager, {\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          pagerCount: props.pagerCount,\n          onChange: handleCurrentChange,\n          disabled: props.disabled,\n        }),\n        next: h(Next, {\n          disabled: props.disabled,\n          currentPage: currentPageBridge.value,\n          pageCount: pageCountBridge.value,\n          nextText: props.nextText,\n          onClick: next,\n        }),\n        sizes: h(Sizes, {\n          pageSize: pageSizeBridge.value,\n          pageSizes: props.pageSizes,\n          popperClass: props.popperClass,\n          disabled: props.disabled,\n        }),\n        slot: slots?.default?.() ?? null,\n        total: h(Total, { total: isAbsent(props.total) ? 0 : props.total }),\n      }\n\n      const components = props.layout\n        .split(',')\n        .map((item: string) => item.trim()) as LayoutKey[]\n\n      let haveRightWrapper = false\n\n      components.forEach((c) => {\n        if (c === '->') {\n          haveRightWrapper = true\n          return\n        }\n        if (!haveRightWrapper) {\n          rootChildren.push(TEMPLATE_MAP[c])\n        } else {\n          rightWrapperChildren.push(TEMPLATE_MAP[c])\n        }\n      })\n\n      if (haveRightWrapper && rightWrapperChildren.length > 0) {\n        rootChildren.unshift(rightWrapperRoot)\n      }\n\n      return h(\n        'div',\n        {\n          role: 'pagination',\n          'aria-label': 'pagination',\n          class: [\n            'el-pagination',\n            {\n              'is-background': props.background,\n              'el-pagination--small': props.small,\n            },\n          ],\n        },\n        rootChildren\n      )\n    }\n  },\n})\n"],"names":["buildProps","definePropType","mutable","defineComponent","useLocale","getCurrentInstance","computed","ref","elPaginationKey","h","Prev","Jumper","Pager","Next","Sizes","Total"],"mappings":"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"}

package/lib/components/popconfirm/src/popconfirm.vue_vue_type_script_lang.js

@@ -21,7 +21,7 @@ var script = vue.defineComponent({
   props: popconfirm.popconfirmProps,
   emits: popconfirm.popconfirmEmits,
   setup(props, { emit }) {
-    const { t } = index$3.useLocaleInject();
+    const { t } = index$3.useLocale();
     const visible = vue.ref(false);
     const confirm = () => {
       visible.value = false;

package/lib/components/popconfirm/src/popconfirm.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-popper\n    v-model:visible=\"visible\"\n    trigger=\"click\"\n    :effect=\"Effect.LIGHT\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n  >\n    <div class=\"el-popconfirm\">\n      <div class=\"el-popconfirm__main\">\n        <el-icon\n          v-if=\"!hideIcon && icon\"\n          class=\"el-popconfirm__icon\"\n          :style=\"{ color: iconColor }\"\n        >\n          <component :is=\"icon\" />\n        </el-icon>\n        {{ title }}\n      </div>\n      <div class=\"el-popconfirm__action\">\n        <el-button size=\"mini\" :type=\"cancelButtonType\" @click=\"cancel\">\n          {{ finalCancelButtonText }}\n        </el-button>\n        <el-button size=\"mini\" :type=\"confirmButtonType\" @click=\"confirm\">\n          {{ finalConfirmButtonText }}\n        </el-button>\n      </div>\n    </div>\n    <template #trigger>\n      <slot name=\"reference\"></slot>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { popconfirmProps, popconfirmEmits } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElPopper,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n  emits: popconfirmEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocaleInject()\n    const visible = ref(false)\n    const confirm = () => {\n      visible.value = false\n      emit('confirm')\n    }\n    const cancel = () => {\n      visible.value = false\n      emit('cancel')\n    }\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      Effect,\n      visible,\n\n      finalConfirmButtonText,\n      finalCancelButtonText,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElPopper","ElIcon","popconfirmProps","popconfirmEmits","useLocaleInject","ref","computed","Effect"],"mappings":";;;;;;;;;;;;;AA2CA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,cACVC;AAAA,cACAC;AAAA,YACAC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,MAAMC;AACd,UAAM,UAAUC,QAAI;AACpB,UAAM,UAAU,MAAM;AACpB,cAAQ,QAAQ;AAChB,WAAK;AAAA;AAEP,UAAM,SAAS,MAAM;AACnB,cAAQ,QAAQ;AAChB,WAAK;AAAA;AAEP,UAAM,yBAAyBC,aAC7B,MAAM,MAAM,qBAAqB,EAAE;AAErC,UAAM,wBAAwBA,aAC5B,MAAM,MAAM,oBAAoB,EAAE;AAGpC,WAAO;AAAA,cACLC;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}
+{"version":3,"file":"popconfirm.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue"],"sourcesContent":["<template>\n  <el-popper\n    v-model:visible=\"visible\"\n    trigger=\"click\"\n    :effect=\"Effect.LIGHT\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n  >\n    <div class=\"el-popconfirm\">\n      <div class=\"el-popconfirm__main\">\n        <el-icon\n          v-if=\"!hideIcon && icon\"\n          class=\"el-popconfirm__icon\"\n          :style=\"{ color: iconColor }\"\n        >\n          <component :is=\"icon\" />\n        </el-icon>\n        {{ title }}\n      </div>\n      <div class=\"el-popconfirm__action\">\n        <el-button size=\"mini\" :type=\"cancelButtonType\" @click=\"cancel\">\n          {{ finalCancelButtonText }}\n        </el-button>\n        <el-button size=\"mini\" :type=\"confirmButtonType\" @click=\"confirm\">\n          {{ finalConfirmButtonText }}\n        </el-button>\n      </div>\n    </div>\n    <template #trigger>\n      <slot name=\"reference\"></slot>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport { useLocale } from '@element-plus/hooks'\nimport { popconfirmProps, popconfirmEmits } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElPopper,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n  emits: popconfirmEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const visible = ref(false)\n    const confirm = () => {\n      visible.value = false\n      emit('confirm')\n    }\n    const cancel = () => {\n      visible.value = false\n      emit('cancel')\n    }\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      Effect,\n      visible,\n\n      finalConfirmButtonText,\n      finalCancelButtonText,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElButton","ElPopper","ElIcon","popconfirmProps","popconfirmEmits","useLocale","ref","computed","Effect"],"mappings":";;;;;;;;;;;;;AA2CA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,cACVC;AAAA,cACAC;AAAA,YACAC;AAAA;AAAA,EAGF,OAAOC;AAAA,EACP,OAAOC;AAAA,EAEP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,MAAMC;AACd,UAAM,UAAUC,QAAI;AACpB,UAAM,UAAU,MAAM;AACpB,cAAQ,QAAQ;AAChB,WAAK;AAAA;AAEP,UAAM,SAAS,MAAM;AACnB,cAAQ,QAAQ;AAChB,WAAK;AAAA;AAEP,UAAM,yBAAyBC,aAC7B,MAAM,MAAM,qBAAqB,EAAE;AAErC,UAAM,wBAAwBA,aAC5B,MAAM,MAAM,oBAAoB,EAAE;AAGpC,WAAO;AAAA,cACLC;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/lib/components/popconfirm/src/popconfirm.vue_vue_type_template_id_16409d25_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"popconfirm.vue_vue_type_template_id_16409d25_lang.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue?vue&type=template&id=16409d25&lang.js"],"sourcesContent":["<template>\n  <el-popper\n    v-model:visible=\"visible\"\n    trigger=\"click\"\n    :effect=\"Effect.LIGHT\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n  >\n    <div class=\"el-popconfirm\">\n      <div class=\"el-popconfirm__main\">\n        <el-icon\n          v-if=\"!hideIcon && icon\"\n          class=\"el-popconfirm__icon\"\n          :style=\"{ color: iconColor }\"\n        >\n          <component :is=\"icon\" />\n        </el-icon>\n        {{ title }}\n      </div>\n      <div class=\"el-popconfirm__action\">\n        <el-button size=\"mini\" :type=\"cancelButtonType\" @click=\"cancel\">\n          {{ finalCancelButtonText }}\n        </el-button>\n        <el-button size=\"mini\" :type=\"confirmButtonType\" @click=\"confirm\">\n          {{ finalConfirmButtonText }}\n        </el-button>\n      </div>\n    </div>\n    <template #trigger>\n      <slot name=\"reference\"></slot>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport { useLocaleInject } from '@element-plus/hooks'\nimport { popconfirmProps, popconfirmEmits } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElPopper,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n  emits: popconfirmEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocaleInject()\n    const visible = ref(false)\n    const confirm = () => {\n      visible.value = false\n      emit('confirm')\n    }\n    const cancel = () => {\n      visible.value = false\n      emit('cancel')\n    }\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      Effect,\n      visible,\n\n      finalConfirmButtonText,\n      finalCancelButtonText,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_renderSlot","_createElementVNode","_createVNode"],"mappings":";;;;;;qBASS,OAAM;qBACJ,OAAM;qBAUN,OAAM;;;;;0BAnBfA;IACU,SAAS;8DAAA;IACjB,SAAQ;AAAA,IACP,QAAQ,YAAO;AAAA,IAChB,gBAAa;AAAA,IACb,kBAAA;AAAA,IACC,uBAAqB;;IAsBX,qBACT;MAAAC;;yBArBF;MAAAC,8BAAA;QACEA,8BAAA;WAEW,iBAAY,8BADrBF;;YAEE,OAAM;AAAA,YACL,mCAAgB;;iCAEjB;gCAAAA,4CAAgB;;;;wDAEf;;QAELE,8BAAA;UACEC;YAAW,MAAK;AAAA,YAAQ,MAAM;YAAmB,SAAO;;iCACtD;sDAAG;;;;UAELA;YAAW,MAAK;AAAA,YAAQ,MAAM;YAAoB,SAAO;;iCACvD;sDAAG;;;;;;;;;;;;;"}
+{"version":3,"file":"popconfirm.vue_vue_type_template_id_16409d25_lang.js","sources":["../../../../../../packages/components/popconfirm/src/popconfirm.vue?vue&type=template&id=16409d25&lang.js"],"sourcesContent":["<template>\n  <el-popper\n    v-model:visible=\"visible\"\n    trigger=\"click\"\n    :effect=\"Effect.LIGHT\"\n    popper-class=\"el-popover\"\n    append-to-body\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n  >\n    <div class=\"el-popconfirm\">\n      <div class=\"el-popconfirm__main\">\n        <el-icon\n          v-if=\"!hideIcon && icon\"\n          class=\"el-popconfirm__icon\"\n          :style=\"{ color: iconColor }\"\n        >\n          <component :is=\"icon\" />\n        </el-icon>\n        {{ title }}\n      </div>\n      <div class=\"el-popconfirm__action\">\n        <el-button size=\"mini\" :type=\"cancelButtonType\" @click=\"cancel\">\n          {{ finalCancelButtonText }}\n        </el-button>\n        <el-button size=\"mini\" :type=\"confirmButtonType\" @click=\"confirm\">\n          {{ finalConfirmButtonText }}\n        </el-button>\n      </div>\n    </div>\n    <template #trigger>\n      <slot name=\"reference\"></slot>\n    </template>\n  </el-popper>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed } from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElIcon from '@element-plus/components/icon'\nimport ElPopper, { Effect } from '@element-plus/components/popper'\nimport { useLocale } from '@element-plus/hooks'\nimport { popconfirmProps, popconfirmEmits } from './popconfirm'\n\nexport default defineComponent({\n  name: 'ElPopconfirm',\n\n  components: {\n    ElButton,\n    ElPopper,\n    ElIcon,\n  },\n\n  props: popconfirmProps,\n  emits: popconfirmEmits,\n\n  setup(props, { emit }) {\n    const { t } = useLocale()\n    const visible = ref(false)\n    const confirm = () => {\n      visible.value = false\n      emit('confirm')\n    }\n    const cancel = () => {\n      visible.value = false\n      emit('cancel')\n    }\n    const finalConfirmButtonText = computed(\n      () => props.confirmButtonText || t('el.popconfirm.confirmButtonText')\n    )\n    const finalCancelButtonText = computed(\n      () => props.cancelButtonText || t('el.popconfirm.cancelButtonText')\n    )\n\n    return {\n      Effect,\n      visible,\n\n      finalConfirmButtonText,\n      finalCancelButtonText,\n\n      confirm,\n      cancel,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_renderSlot","_createElementVNode","_createVNode"],"mappings":";;;;;;qBASS,OAAM;qBACJ,OAAM;qBAUN,OAAM;;;;;0BAnBfA;IACU,SAAS;8DAAA;IACjB,SAAQ;AAAA,IACP,QAAQ,YAAO;AAAA,IAChB,gBAAa;AAAA,IACb,kBAAA;AAAA,IACC,uBAAqB;;IAsBX,qBACT;MAAAC;;yBArBF;MAAAC,8BAAA;QACEA,8BAAA;WAEW,iBAAY,8BADrBF;;YAEE,OAAM;AAAA,YACL,mCAAgB;;iCAEjB;gCAAAA,4CAAgB;;;;wDAEf;;QAELE,8BAAA;UACEC;YAAW,MAAK;AAAA,YAAQ,MAAM;YAAmB,SAAO;;iCACtD;sDAAG;;;;UAELA;YAAW,MAAK;AAAA,YAAQ,MAAM;YAAoB,SAAO;;iCACvD;sDAAG;;;;;;;;;;;;;"}

package/lib/components/popper/src/use-popper/defaults.js

@@ -48,7 +48,7 @@ var popperDefaultProps = {
   },
   effect: {
     type: String,
-    default: "dark"
+    default: "dark" /* DARK */
   },
   enterable: {
     type: Boolean,