yc-design-vue 1.7.9 → 1.8.0

package/es/Calendar/Calendar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, ref, watch, computed, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, isRef, createBlock, createSlots, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, toRefs, ref, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, isRef, createBlock, createSlots, normalizeProps, guardReactiveProps } from "vue";
 import dayjs from "../node_modules/dayjs/dayjs.min.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
@@ -16,6 +16,7 @@ import _sfc_main$4 from "./CalendarMonth.vue.js";
 /* empty css                   */
 import _sfc_main$5 from "./CalendarYear.vue.js";
 /* empty css                  */
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 import _sfc_main$3 from "../Radio/RadioGroup.vue.js";
 /* empty css                       */
 const _hoisted_1 = { class: "yc-calendar-header" };
@@ -46,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       defaultMode,
       modes: _modes
     } = toRefs(props);
+    const { t } = useI18n();
     const computedValue = useControlValue(
       modelValue,
       defaultValue.value,
@@ -55,6 +57,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     const recordDate = ref({});
+    const recordDateFormat = computed(() => {
+      const { year, month } = recordDate.value;
+      return dayjs().set("year", year).set("month", month).format(t("calendar.formatMonth"));
+    });
     watch(
       () => computedValue.value,
       (val) => {
@@ -78,14 +84,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     const modes = computed(() => {
-      const map = {
-        month: "月",
-        year: "年"
-      };
-      return _modes.value.map((item) => {
+      return _modes.value.map((v) => {
         return {
-          label: map[item],
-          value: item
+          label: t(`calendar.view.${v}`),
+          value: v
         };
       });
     });
@@ -136,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 year: recordDate.value.year,
                 month: recordDate.value.month
               }, () => [
-                createTextVNode(toDisplayString(recordDate.value.year) + " 年 " + toDisplayString(recordDate.value.month) + " 月 ", 1)
+                createTextVNode(toDisplayString(recordDateFormat.value), 1)
               ])
             ]),
             createVNode(unref(_sfc_main$1), {
@@ -156,11 +158,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: _cache[2] || (_cache[2] = ($event) => handleDateChange("today")),
               size: "small"
             }, {
-              default: withCtx(() => _cache[4] || (_cache[4] = [
-                createTextVNode(" 今天 ", -1)
-              ])),
-              _: 1,
-              __: [4]
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(t)("calendar.today")), 1)
+              ]),
+              _: 1
             })
           ]),
           createElementVNode("div", _hoisted_4, [

package/es/Calendar/CalendarMonth.vue.js

@@ -6,6 +6,7 @@ import { generateMonthCalendar } from "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
 import useControlValue from "../_shared/utils/control.js";
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = { class: "yc-calendar-week-list" };
 const _hoisted_2 = { class: "yc-calendar-month-cell-body" };
 const _hoisted_3 = ["onClick"];
@@ -24,8 +25,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { computedValue, calendar: _calendar, small, recordDate } = toRefs(props);
+    const { t } = useI18n();
     const weekList = computed(() => {
-      return small.value ? ["日", "一", "二", "三", "四", "五", "六"] : ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
+      return [
+        "sunday",
+        "monday",
+        "tuesday",
+        "wednesday",
+        "thursday",
+        "friday",
+        "saturday"
+      ].map((v) => t(`calendar.week.${small.value ? "short" : "long"}.${v}`));
     });
     const calendar = useControlValue(_calendar, []);
     watch(

package/es/Calendar/CalendarYear.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, ref, watch, createElementBlock, openBlock, Fragment, renderList, createElementVNode, createVNode, toDisplayString, unref, createSlots, withCtx, renderSlot } from "vue";
+import { defineComponent, toRefs, ref, computed, watch, createElementBlock, openBlock, Fragment, renderList, createElementVNode, createVNode, toDisplayString, unref, createSlots, withCtx, renderSlot } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import { generateMonthCalendar } from "../_shared/utils/time.js";
@@ -6,6 +6,7 @@ import "../Empty/index.js";
 /* empty css                             */
 import _sfc_main$1 from "./CalendarMonth.vue.js";
 /* empty css                   */
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = { class: "yc-calendar-year" };
 const _hoisted_2 = { class: "yc-calendar-year-cell-title" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -18,21 +19,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { computedValue, recordDate } = toRefs(props);
+    const { t } = useI18n();
     const calendar = ref([]);
-    const monthList = [
-      "一月",
-      "二月",
-      "三月",
-      "四月",
-      "五月",
-      "六月",
-      "七月",
-      "八月",
-      "九月",
-      "十月",
-      "十一月",
-      "十二月"
-    ];
+    const monthList = computed(() => {
+      return [
+        "January",
+        "February",
+        "March",
+        "April",
+        "May",
+        "June",
+        "July",
+        "August",
+        "September",
+        "October",
+        "November",
+        "December"
+      ].map((v) => t(`calendar.month.short.${v}`));
+    });
     watch(
       () => recordDate.value.year,
       () => {
@@ -63,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: i1,
                 class: "yc-calendar-year-cell"
               }, [
-                createElementVNode("div", _hoisted_2, toDisplayString(monthList[i * 4 + i1]), 1),
+                createElementVNode("div", _hoisted_2, toDisplayString(monthList.value[i * 4 + i1]), 1),
                 createVNode(_sfc_main$1, {
                   "computed-value": unref(computedValue),
                   calendar: col,

package/es/ColorPicker/ColorList.vue.js

@@ -1,4 +1,5 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, Fragment, renderList, normalizeStyle } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, unref, Fragment, renderList, normalizeStyle } from "vue";
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = { class: "yc-color-picker-colors-section" };
 const _hoisted_2 = { class: "yc-color-picker-colors-text" };
 const _hoisted_3 = {
@@ -15,10 +16,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["colorClick"],
   setup(__props) {
+    const { t } = useI18n();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, toDisplayString(_ctx.label), 1),
-        !_ctx.colors.length ? (openBlock(), createElementBlock("div", _hoisted_3, "暂无")) : createCommentVNode("", true),
+        !_ctx.colors.length ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(t)("colorPicker.empty")), 1)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_4, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.colors, (color, index) => {
             return openBlock(), createElementBlock("div", {

package/es/ColorPicker/ColorPanel.vue.js

@@ -8,6 +8,7 @@ import _sfc_main$4 from "./ColorList.vue.js";
 /* empty css               */
 import _sfc_main$2 from "./ColorControl.vue.js";
 /* empty css                  */
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = { class: "yc-color-picker-panel-control" };
 const _hoisted_2 = { class: "yc-color-picker-control-wrapper" };
 const _hoisted_3 = { class: "yc-color-picker-control-bar-bg" };
@@ -31,6 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       presetColors,
       historyColors
     } = useContext().inject();
+    const { t } = useI18n();
     const colorBarRef = ref();
     const alphaBarRef = ref();
     const paletteRef = ref();
@@ -128,16 +130,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         unref(showHistory) || unref(showPreset) ? (openBlock(), createElementBlock("div", _hoisted_4, [
           unref(showHistory) ? (openBlock(), createBlock(_sfc_main$4, {
             key: 0,
-            label: "最近使用的颜色",
+            label: unref(t)("colorPicker.history"),
             colors: unref(historyColors),
             onColorClick: handleColorClick
-          }, null, 8, ["colors"])) : createCommentVNode("", true),
+          }, null, 8, ["label", "colors"])) : createCommentVNode("", true),
           unref(showPreset) ? (openBlock(), createBlock(_sfc_main$4, {
             key: 1,
-            label: "系统预设的颜色",
+            label: unref(t)("colorPicker.preset"),
             colors: unref(presetColors),
             onColorClick: handleColorClick
-          }, null, 8, ["colors"])) : createCommentVNode("", true)
+          }, null, 8, ["label", "colors"])) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ], 2);
     };

package/es/ConfigProvider/index.d.ts

@@ -9,6 +9,7 @@ declare const ConfigProvider: {
         updateAtScroll: boolean;
         scrollToClose: boolean;
         zIndex: number;
+        locale: "ar-EG" | "de-DE" | "en-US" | "es-ES" | "fr-FR" | "id-ID" | "it-it" | "ja-JP" | "km-KH" | "ko-KR" | "ms-MY" | "nl-NL" | "pt-PT" | "ru-RU" | "th-TH" | "vi-VN" | "zh-CN" | "zh-TW";
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
@@ -22,6 +23,7 @@ declare const ConfigProvider: {
         updateAtScroll: boolean;
         scrollToClose: boolean;
         zIndex: number;
+        locale: "ar-EG" | "de-DE" | "en-US" | "es-ES" | "fr-FR" | "id-ID" | "it-it" | "ja-JP" | "km-KH" | "ko-KR" | "ms-MY" | "nl-NL" | "pt-PT" | "ru-RU" | "th-TH" | "vi-VN" | "zh-CN" | "zh-TW";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -32,6 +34,7 @@ declare const ConfigProvider: {
     updateAtScroll: boolean;
     scrollToClose: boolean;
     zIndex: number;
+    locale: "ar-EG" | "de-DE" | "en-US" | "es-ES" | "fr-FR" | "id-ID" | "it-it" | "ja-JP" | "km-KH" | "ko-KR" | "ms-MY" | "nl-NL" | "pt-PT" | "ru-RU" | "th-TH" | "vi-VN" | "zh-CN" | "zh-TW";
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Readonly<import('./type').ConfigconfigSlots> & import('./type').ConfigconfigSlots;
 }) & {

package/es/ConfigProvider/index.vue.d.ts

@@ -12,6 +12,7 @@ declare const __VLS_component: import('vue').DefineComponent<ConfigProviderProps
     updateAtScroll: boolean;
     scrollToClose: boolean;
     zIndex: number;
+    locale: "ar-EG" | "de-DE" | "en-US" | "es-ES" | "fr-FR" | "id-ID" | "it-it" | "ja-JP" | "km-KH" | "ko-KR" | "ms-MY" | "nl-NL" | "pt-PT" | "ru-RU" | "th-TH" | "vi-VN" | "zh-CN" | "zh-TW";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/ConfigProvider/index.vue.js

@@ -1,14 +1,16 @@
-import { defineComponent, useSlots, toRefs, provide, renderSlot } from "vue";
+import { defineComponent, useSlots, toRefs, provide, watch, renderSlot } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import { CONFIG_PROVIDER_PROVIDE_KEY } from "../_shared/utils/global-config.js";
+import { loadLanguageAsync } from "../_shared/locale/i18n.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "ConfigProvider"
   },
   __name: "index",
   props: {
+    locale: { default: "zh-CN" },
     zIndex: { default: 1001 },
     size: { default: "medium" },
     popupContainer: { default: "body" },
@@ -18,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const slots = useSlots();
     const props = __props;
-    const { zIndex, size, updateAtScroll, scrollToClose, popupContainer } = toRefs(props);
+    const { locale, zIndex, size, updateAtScroll, scrollToClose, popupContainer } = toRefs(props);
     provide(CONFIG_PROVIDER_PROVIDE_KEY, {
       slots,
       zIndex,
@@ -27,6 +29,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       scrollToClose,
       popupContainer
     });
+    watch(
+      () => locale.value,
+      (v) => {
+        loadLanguageAsync(v);
+      },
+      {
+        immediate: true
+      }
+    );
     return (_ctx, _cache) => {
       return renderSlot(_ctx.$slots, "default");
     };

package/es/ConfigProvider/type.d.ts

@@ -1,6 +1,7 @@
 import { Size, PopupContainer } from '../_shared/type';
 import { VNode } from 'vue';
 export interface ConfigProviderProps {
+    locale?: 'ar-EG' | 'de-DE' | 'en-US' | 'es-ES' | 'fr-FR' | 'id-ID' | 'it-it' | 'ja-JP' | 'km-KH' | 'ko-KR' | 'ms-MY' | 'nl-NL' | 'pt-PT' | 'ru-RU' | 'th-TH' | 'vi-VN' | 'zh-CN' | 'zh-TW';
     zIndex?: number;
     size?: Size;
     popupContainer?: PopupContainer;

package/es/Drawer/Drawer.vue.js

@@ -9,6 +9,7 @@ import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
 /* empty css                                         */
 /* empty css                             */
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-drawer-header"
@@ -33,8 +34,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     mask: { type: Boolean, default: true },
     maskClosable: { type: Boolean, default: true },
     closable: { type: Boolean, default: true },
-    okText: { default: "确认" },
-    cancelText: { default: "取消" },
+    okText: { default: "" },
+    cancelText: { default: "" },
     okLoading: { type: Boolean, default: false },
     okButtonProps: { default: () => {
       return {};
@@ -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), 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), 1)
+                        createTextVNode(toDisplayString(_ctx.okText || unref(t)("drawer.okText")), 1)
                       ]),
                       _: 1
                     }, 16, ["loading"])

package/es/Drawer/DrawerService.vue.js

@@ -16,8 +16,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     mask: { type: Boolean, default: true },
     maskClosable: { type: Boolean, default: true },
     closable: { type: Boolean, default: true },
-    okText: { default: "确认" },
-    cancelText: { default: "取消" },
+    okText: { default: "" },
+    cancelText: { default: "" },
     okLoading: { type: Boolean, default: false },
     okButtonProps: { default: () => {
       return {};

package/es/Empty/index.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, createVNode, unref, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, createVNode, unref, createTextVNode, toDisplayString } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "./index.js";
 /* empty css                             */
 import _sfc_main$1 from "../_shared/icons/IconEmpty.vue.js";
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = { class: "yc-empty" };
 const _hoisted_2 = { class: "yc-empty-image" };
 const _hoisted_3 = ["src"];
@@ -18,10 +19,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "index",
   props: {
-    description: { default: "暂无数据" },
+    description: { default: "" },
     imgSrc: { default: "" }
   },
   setup(__props) {
+    const props = __props;
+    const { description: _description } = toRefs(props);
+    const { t } = useI18n();
+    const description = computed(
+      () => _description.value || t("empty.description")
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
@@ -34,9 +41,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(_sfc_main$1))
           ])
         ]),
-        _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        description.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.description), 1)
+            createTextVNode(toDisplayString(description.value), 1)
           ])
         ])) : createCommentVNode("", true)
       ]);

package/es/Image/Image.vue.js

@@ -10,6 +10,7 @@ import useContext from "./hooks/useContext.js";
 import Spin from "../Spin/index.js";
 import _sfc_main$1 from "./ImagePreview.vue.js";
 /* empty css                  */
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = ["src", "title", "alt"];
 const _hoisted_2 = {
   key: 1,
@@ -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,8 +138,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "loader", {}, () => [
               createVNode(unref(Spin), {
                 size: 30,
-                tip: "加载中"
-              })
+                tip: unref(t)("image.loading")
+              }, null, 8, ["tip"])
             ])
           ])
         ])) : createCommentVNode("", true),

package/es/Image/ImagePreviewToolbar.vue.js

@@ -1,4 +1,4 @@
-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";
@@ -12,6 +12,7 @@ import _sfc_main$3 from "../_shared/icons/IconZoomIn.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconZoomOut.vue2.js";
 import _sfc_main$7 from "./ImagePreviewAction.vue.js";
 /* empty css                        */
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-image-preview-toolbar"
@@ -23,43 +24,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["click"],
   setup(__props) {
-    const actionMap = {
-      fullScreen: {
-        icon: _sfc_main$6,
-        name: "全屏"
-      },
-      rotateRight: {
-        icon: _sfc_main$5,
-        name: "向右旋转"
-      },
-      rotateLeft: {
-        icon: _sfc_main$4,
-        name: "向左旋转"
-      },
-      zoomIn: {
-        icon: _sfc_main$3,
-        name: "放大"
-      },
-      zoomOut: {
-        icon: _sfc_main$2,
-        name: "缩小"
-      },
-      originalSize: {
-        icon: _sfc_main$1,
-        name: "还原"
-      }
+    const { t } = useI18n();
+    const iconMap = {
+      fullScreen: _sfc_main$6,
+      rotateRight: _sfc_main$5,
+      rotateLeft: _sfc_main$4,
+      zoomIn: _sfc_main$3,
+      zoomOut: _sfc_main$2,
+      originalSize: _sfc_main$1
     };
     return (_ctx, _cache) => {
       return _ctx.actionsLayout.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.actionsLayout, (action) => {
           return openBlock(), createElementBlock(Fragment, { key: action }, [
-            actionMap[action] ? (openBlock(), createBlock(_sfc_main$7, {
+            iconMap[action] ? (openBlock(), createBlock(_sfc_main$7, {
               key: 0,
-              name: actionMap[action].name,
+              name: unref(t)(`imagePreview.${action}`),
               onClick: (ev) => _ctx.$emit("click", action, ev)
             }, {
               default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(actionMap[action].icon)))
+                (openBlock(), createBlock(resolveDynamicComponent(iconMap[action])))
               ]),
               _: 2
             }, 1032, ["name", "onClick"])) : createCommentVNode("", true)

package/es/Layout/hooks/useTheme.js

@@ -15,7 +15,6 @@ const useTheme = () => {
             "yc-design-theme"
           );
           theme.value = value === "dark" ? "dark" : "light";
-          console.log(theme.value, "theme");
         }
       }
     },

package/es/Modal/Modal.vue.js

@@ -10,6 +10,7 @@ import _sfc_main$1 from "../_shared/components/IconButton.vue.js";
 /* empty css                                    */
 /* empty css                                         */
 /* empty css                             */
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = {
   key: 0,
   class: "yc-modal-footer"
@@ -33,8 +34,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maskClosable: { type: Boolean, default: true },
     hideCancel: { type: Boolean, default: false },
     closable: { type: Boolean, default: true },
-    okText: { default: "确认" },
-    cancelText: { default: "取消" },
+    okText: { default: "" },
+    cancelText: { default: "" },
     okLoading: { type: Boolean, default: false },
     okButtonProps: { default: () => {
       return {};
@@ -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), 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), 1)
+                          createTextVNode(toDisplayString(_ctx.okText || unref(t)("modal.okText")), 1)
                         ]),
                         _: 1
                       }, 16, ["loading"])

package/es/Modal/ModalService.vue.js

@@ -27,8 +27,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     maskClosable: { type: Boolean, default: true },
     hideCancel: { type: Boolean, default: false },
     closable: { type: Boolean, default: true },
-    okText: { default: "确认" },
-    cancelText: { default: "取消" },
+    okText: { default: "" },
+    cancelText: { default: "" },
     okLoading: { type: Boolean, default: false },
     okButtonProps: { default: () => {
       return {};

package/es/Pagination/Pagination.vue.js

@@ -27,6 +27,7 @@ const _hoisted_5 = {
   key: 2,
   class: "yc-pagination-jumper"
 };
+const _hoisted_6 = { class: "yc-pagination-jumper-text-goto" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Pagination"
@@ -71,7 +72,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       computedPageSize,
       size,
       total,
-      sizeOptions
+      sizeOptions,
+      t
     } = useContext().provide(props, emits);
     const tempCurrent = ref(computedCurrent.value);
     watch(
@@ -98,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         _ctx.showTotal ? (openBlock(), createElementBlock("span", _hoisted_1, [
           renderSlot(_ctx.$slots, "total", { total: unref(total) }, () => [
-            createTextVNode(" 共 " + toDisplayString(unref(total)) + " 条 ", 1)
+            createTextVNode(toDisplayString(unref(t)("pagination.total", [unref(total)])), 1)
           ])
         ])) : createCommentVNode("", true),
         createElementVNode("ul", {
@@ -170,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, _ctx.pageSizeProps, { disabled: _ctx.disabled }), null, 16, ["modelValue", "options", "size", "disabled"])
         ])) : createCommentVNode("", true),
         _ctx.showJumper ? (openBlock(), createElementBlock("span", _hoisted_5, [
-          _cache[5] || (_cache[5] = createElementVNode("span", { class: "yc-pagination-jumper-text-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/hooks/useContext.d.ts

@@ -23,6 +23,11 @@ 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>;
     };
     inject: () => PaginationContext;
 };