yc-design-vue 1.8.6 → 1.8.8

package/es/Divider/index.vue.js

@@ -5,6 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Divider"

package/es/Drawer/Drawer.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import { useI18n } from "../_shared/utils/locale.js";
 import useModalClose from "../Modal/hooks/useModalClose.js";
 import Button from "../Button/index.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
@@ -79,6 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = toRefs(props);
     const { onBeforeOk, onBeforeCancel } = props;
     const { zIndex, popupContainer } = getGlobalConfig(props);
+    const { t } = useI18n();
     const drawerStyle = computed(() => {
       return {
         height: placement.value == "left" || placement.value == "right" ? "" : valueToPx(height.value),
@@ -169,7 +171,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: _cache[2] || (_cache[2] = ($event) => unref(handleClose)("cancelBtn", $event))
                     }), {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.cancelText || _ctx.$t("drawer.cancelText")), 1)
+                        createTextVNode(toDisplayString(_ctx.cancelText || unref(t)("drawer.cancelText")), 1)
                       ]),
                       _: 1
                     }, 16)) : createCommentVNode("", true),
@@ -180,7 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: _cache[3] || (_cache[3] = ($event) => unref(handleClose)("confirmBtn", $event))
                     }), {
                       default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.okText || _ctx.$t("drawer.okText")), 1)
+                        createTextVNode(toDisplayString(_ctx.okText || unref(t)("drawer.okText")), 1)
                       ]),
                       _: 1
                     }, 16, ["loading"])

package/es/Drawer/DrawerService.vue.js

@@ -5,6 +5,7 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import _sfc_main$1 from "./Drawer.vue.js";
 /* empty css            */
 const _hoisted_1 = { class: "yc-drawer-body-content" };

package/es/Dropdown/Dropdown.vue.js

@@ -5,6 +5,7 @@ import { isBoolean, isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import useMenuContext from "../Menu/hooks/useContext.js";
 import Trigger from "../Trigger/index.js";

package/es/Dropdown/DropdownButton.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconMore.vue.js";
 import _sfc_main$2 from "./Dropdown.vue.js";

package/es/Dropdown/Dsubmenu.vue.js

@@ -7,6 +7,7 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import useMenuContext from "../Menu/hooks/useContext.js";
 import "./index.js";

package/es/Dropdown/hooks/useContext.js

@@ -4,6 +4,7 @@ import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const DROPDOWN_CONTEXT_KEY = "dropdown-context";
 const useContext = () => {

package/es/Empty/index.vue.js

@@ -5,6 +5,7 @@ import "../_shared/utils/time.js";
 import "./index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconEmpty.vue.js";
+import { useI18n } from "../_shared/utils/locale.js";
 const _hoisted_1 = { class: "yc-empty" };
 const _hoisted_2 = { class: "yc-empty-image" };
 const _hoisted_3 = ["src"];
@@ -21,6 +22,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { description: _description } = toRefs(props);
+    const { t } = useI18n();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
@@ -35,7 +37,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("div", _hoisted_4, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.description || _ctx.$t("empty.description")), 1)
+            createTextVNode(toDisplayString(_ctx.description || unref(t)("empty.description")), 1)
           ])
         ])
       ]);

package/es/Grid/Grid.vue.js

@@ -4,6 +4,7 @@ import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridCol.vue.js

@@ -5,6 +5,7 @@ import { isString } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridItem.vue.js

@@ -4,6 +4,7 @@ import { getBreakpointValue, valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/GridRow.vue.js

@@ -4,6 +4,7 @@ import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/Grid/hooks/useContext.js

@@ -5,6 +5,7 @@ import { isArray } from "../../_shared/utils/is.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
 const GRID_CONTEXT_KEY = "grid-context";
 const useContext = () => {

package/es/Image/Image.vue.js

@@ -5,6 +5,7 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconImageClose.vue.js";
+import { useI18n } from "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import useContext from "./hooks/useContext.js";
 import Spin from "../Spin/index.js";
@@ -60,6 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const { src, preview, previewVisible, defaultPreviewVisible } = toRefs(props);
     const { hasGroupFather, handleClick: previewImage } = useContext().inject();
+    const { t } = useI18n();
     const computedVisible = useControlValue(
       previewVisible,
       defaultPreviewVisible.value,
@@ -136,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "loader", {}, () => [
               createVNode(unref(Spin), {
                 size: 30,
-                tip: _ctx.$t("image.loading")
+                tip: unref(t)("image.loading")
               }, null, 8, ["tip"])
             ])
           ])

package/es/Image/ImagePreview.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconClose.vue.js";

package/es/Image/ImagePreviewArrow.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Image/ImagePreviewToolbar.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent, createElementBlock, createCommentVNode, openBlock, renderSlot, Fragment, renderList, createBlock, withCtx, resolveDynamicComponent } from "vue";
+import { defineComponent, createElementBlock, createCommentVNode, openBlock, renderSlot, Fragment, renderList, createBlock, unref, withCtx, resolveDynamicComponent } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import { useI18n } from "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$6 from "../_shared/icons/IconFullScreen.vue2.js";
 import _sfc_main$1 from "../_shared/icons/IconOriginSize.vue2.js";
@@ -23,6 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["click"],
   setup(__props) {
+    const { t } = useI18n();
     const iconMap = {
       fullScreen: _sfc_main$6,
       rotateRight: _sfc_main$5,
@@ -37,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment, { key: action }, [
             iconMap[action] ? (openBlock(), createBlock(_sfc_main$7, {
               key: 0,
-              name: _ctx.$t(`imagePreview.${action}`),
+              name: unref(t)(`imagePreview.${action}`),
               onClick: (ev) => _ctx.$emit("click", action, ev)
             }, {
               default: withCtx(() => [

package/es/Image/hooks/useContext.js

@@ -5,6 +5,7 @@ import "../../_shared/utils/time.js";
 import { findComponentsFromVnodes } from "../../_shared/utils/vue-utils.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 import _sfc_main from "../Image.vue.js";
 /* empty css            */

package/es/Input/Input.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import useLimitedInput from "./hooks/useLimitedInput.js";
 import _sfc_main$2 from "../_shared/components/IconButton.vue.js";

package/es/Input/InputSuffix.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$4 from "../_shared/icons/IconEyeClose.vue2.js";
 import _sfc_main$3 from "../_shared/icons/IconEyeOpen.vue2.js";

package/es/Input/hooks/useLimitedInput.js

@@ -5,6 +5,7 @@ import { isNumber, isFunction, isUndefined } from "../../_shared/utils/is.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 import useCursor from "./useCursor.js";
 const useLimitedInput = (params) => {

package/es/InputNumber/InputNumber.vue.js

@@ -5,6 +5,7 @@ import { isString, isFunction, isNumber } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import _sfc_main$1 from "./InputOperaBtn.vue.js";
 /* empty css                   */

package/es/InputNumber/InputOperaBtn.vue.js

@@ -4,6 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconMinus.vue2.js";
 import _sfc_main$3 from "../_shared/icons/IconPlus.vue.js";

package/es/InputTag/index.vue.js

@@ -6,6 +6,7 @@ import { valueToPx } from "../_shared/utils/dom.js";
 import { isObject, isBoolean } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import Tag from "../Tag/index.js";
 import _sfc_main$2 from "../_shared/components/IconButton.vue.js";

package/es/Layout/Layout.vue.js

@@ -5,6 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import _sfc_main$1 from "./LayoutSider.vue.js";
 /* empty css                 */
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Layout/LayoutSider.vue.js

@@ -5,6 +5,7 @@ import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
+import "../_shared/utils/locale.js";
 import useSiderContext from "./hooks/useSiderContext.js";
 import ResizeBox from "../ResizeBox/index.js";
 const _hoisted_1 = { class: "yc-layout-sider-children" };

package/es/Layout/hooks/useSiderContext.js

@@ -4,6 +4,7 @@ import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 const LAYOUT_CONTEXT_KEY = "LAYOUT-CONTEXT";
 const useSiderContext = () => {

package/es/Link/index.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconLink.vue.js";
 import Spin from "../Spin/index.js";

package/es/List/List.vue.js

@@ -4,6 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import useScrollReach from "./hooks/useScrollReach.js";
 import Spin from "../Spin/index.js";

package/es/List/hooks/useScrollReach.js

@@ -5,6 +5,7 @@ import "../../_shared/utils/time.js";
 import "vue";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 const useScrollReach = (options) => {
   const {
     scrollRef,

package/es/Mention/index.vue.js

@@ -5,6 +5,7 @@ import { isArray, isNull } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import useCursor from "../Input/hooks/useCursor.js";
 import AutoComplete from "../AutoComplete/index.js";

package/es/Menu/Menu.vue.js

@@ -6,6 +6,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconMenuFold.vue.js";
 import _sfc_main$3 from "../_shared/icons/IconMenuUnfold.vue.js";
+import "../_shared/utils/locale.js";
 import useMenuContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./MenuEllipsis.vue.js";
 /* empty css                  */

package/es/Menu/MenuEllipsis.vue.js

@@ -4,6 +4,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconMore.vue.js";
 import useMenuContext, { isMenuItemActive } from "./hooks/useContext.js";

package/es/Menu/MenuItem.vue.js

@@ -6,6 +6,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useMenuContext, { isMenuItemActive, getPopupMaxHeight } from "./hooks/useContext.js";
 import _sfc_main$1 from "./MenuPopOption.vue.js";
 import Dropdown from "../Dropdown/index.js";

package/es/Menu/MenuItemGroup.vue.js

@@ -4,6 +4,7 @@ import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import useMenuContext from "./hooks/useContext.js";
 const _hoisted_1 = { class: "yc-menu-group-title text-ellipsis" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Menu/SubMenu.vue.js

@@ -5,6 +5,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 /* empty css                                    */
 import _sfc_main$3 from "../_shared/components/ExpandTransition.vue2.js";

package/es/Menu/hooks/useContext.js

@@ -5,6 +5,7 @@ import { isUndefined, isBoolean, isNumber, isObject, isFunction } from "../../_s
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 import "../index.js";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";

package/es/Message/Message.vue.js

@@ -5,6 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */

package/es/Message/index.js

@@ -9,6 +9,7 @@ import { isString } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 const container = /* @__PURE__ */ new Map();
 const messageList = reactive({
   top: [],

package/es/Modal/Modal.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import { useI18n } from "../_shared/utils/locale.js";
 import useModalClose from "./hooks/useModalClose.js";
 import useModalDraggable from "./hooks/useModalDraggable.js";
 import Button from "../Button/index.js";
@@ -90,6 +91,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } = toRefs(props);
     const { onBeforeOk, onBeforeCancel } = props;
     const { popupContainer, zIndex } = getGlobalConfig(props);
+    const { t } = useI18n();
     const {
       outerVisible,
       innerVisible,
@@ -221,7 +223,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         onClick: _cache[1] || (_cache[1] = ($event) => unref(handleClose)("cancelBtn", $event))
                       }), {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.cancelText || _ctx.$t("modal.cancelText")), 1)
+                          createTextVNode(toDisplayString(_ctx.cancelText || unref(t)("modal.cancelText")), 1)
                         ]),
                         _: 1
                       }, 16)) : createCommentVNode("", true),
@@ -232,7 +234,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         onClick: _cache[2] || (_cache[2] = ($event) => unref(handleClose)("confirmBtn", $event))
                       }), {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.okText || _ctx.$t("modal.okText")), 1)
+                          createTextVNode(toDisplayString(_ctx.okText || unref(t)("modal.okText")), 1)
                         ]),
                         _: 1
                       }, 16, ["loading"])

package/es/Modal/ModalService.vue.js

@@ -5,6 +5,7 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
 import _sfc_main$1 from "./Modal.vue.js";
 /* empty css           */

package/es/Modal/hooks/useModalClose.js

@@ -5,6 +5,7 @@ import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 import useControlValue from "../../_shared/utils/control.js";
 import useOnBeforeClose from "./useOnBeforeClose.js";
 const useModalClose = (params) => {

package/es/Modal/hooks/useModalDraggable.js

@@ -5,6 +5,7 @@ import { valueToPx, sleep } from "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 const useModalDraggable = (params) => {
   const {
     visible,

package/es/Modal/hooks/useOnBeforeClose.js

@@ -5,6 +5,7 @@ import "../../_shared/utils/time.js";
 import "vue";
 import "../../Empty/index.js";
 /* empty css                                */
+import "../../_shared/utils/locale.js";
 const useOnBeforeClose = async (type, asyncLoading, onBeforeOk, onBeforeCancel) => {
   const handleBeforeOk = () => {
     return new Promise(async (resolve) => {

package/es/Notification/Notification.vue.js

@@ -7,6 +7,7 @@ import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
 /* empty css                                         */

package/es/Notification/index.js

@@ -9,6 +9,7 @@ import { isString } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 const container = /* @__PURE__ */ new Map();
 const notificationList = reactive({
   topLeft: [],

package/es/OverflowList/index.vue.js

@@ -6,6 +6,7 @@ import "../_shared/utils/time.js";
 import { findComponentsFromVnodes } from "../_shared/utils/vue-utils.js";
 import "../Empty/index.js";
 /* empty css                             */
+import "../_shared/utils/locale.js";
 import Tag from "../Tag/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{

package/es/PageHeader/index.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
 import Divider from "../Divider/index.js";

package/es/Pagination/Pagination.vue.js

@@ -5,6 +5,7 @@ import { isNumber } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
+import { useI18n } from "../_shared/utils/locale.js";
 import useContext from "./hooks/useContext.js";
 import _sfc_main$1 from "./PaginationItem.vue.js";
 /* empty css                    */
@@ -74,6 +75,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       total,
       sizeOptions
     } = useContext().provide(props, emits);
+    const { t } = useI18n();
     const tempCurrent = ref(computedCurrent.value);
     watch(
       () => computedCurrent.value,
@@ -99,7 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.showTotal ? (openBlock(), createElementBlock("span", _hoisted_1, [
           renderSlot(_ctx.$slots, "total", { total: unref(total) }, () => [
-            createTextVNode(toDisplayString(_ctx.$t("pagination.total", [unref(total)])), 1)
+            createTextVNode(toDisplayString(unref(t)("pagination.total", [unref(total)])), 1)
           ])
         ])) : createCommentVNode("", true),
         createElementVNode("ul", {
@@ -168,10 +170,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(computedPageSize) ? computedPageSize.value = $event : null),
             options: unref(sizeOptions),
             size: unref(size)
-          }, _ctx.pageSizeProps, { disabled: _ctx.disabled }), null, 16, ["modelValue", "options", "size", "disabled"])
+          }, _ctx.pageSizeProps, {
+            "format-label": (option) => `${option.value}${unref(t)("pagination.countPerPage")}`,
+            disabled: _ctx.disabled
+          }), null, 16, ["modelValue", "options", "size", "format-label", "disabled"])
         ])) : createCommentVNode("", true),
         _ctx.showJumper ? (openBlock(), createElementBlock("span", _hoisted_5, [
-          createElementVNode("span", _hoisted_6, toDisplayString(_ctx.$t("pagination.goto")), 1),
+          createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("pagination.goto")), 1),
           createVNode(unref(InputNumber), {
             modelValue: tempCurrent.value,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => tempCurrent.value = $event),

package/es/Pagination/PaginationItem.vue.js

@@ -3,6 +3,7 @@ import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
+import "../_shared/utils/locale.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconArrowRight.vue.js";
 import _sfc_main$2 from "../_shared/icons/IconMore.vue.js";

package/es/Pagination/hooks/useContext.d.ts

@@ -23,11 +23,7 @@ declare const _default: () => {
             label: string;
             value: number;
         }[]>;
-        t: import('vue-i18n').ComposerTranslation<{
-            [x: string]: import('@intlify/core-base').LocaleMessage<import('vue-i18n').VueMessageType>;
-        }, string, import('@intlify/core-base').RemoveIndexSignature<{
-            [x: string]: import('vue-i18n').LocaleMessageValue<import('vue-i18n').VueMessageType>;
-        }>, never, never, never>;
+        t: (key: string, ...args: any[]) => string;
     };
     inject: () => PaginationContext;
 };