yc-design-vue 1.7.8 → 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/ColorPicker/index.css

@@ -1 +1 @@
-.yc-color-picker-panel{overflow:hidden;width:260px;background-color:var(--color-bg-1);border-radius:2px;box-shadow:0 8px 20px 0 rgba(0,0,0,0.1)}.yc-color-picker-panel .yc-color-picker-palette{overflow:hidden;position:relative;cursor:pointer;width:100%;height:178px;background-image:linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, rgba(255,255,255,0));border:1px solid var(--color-border-2);border-bottom:0}.yc-color-picker-panel .yc-color-picker-palette .yc-color-picker-handler{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background-color:transparent;transform:translate(-50%, -50%)}.yc-color-picker-panel .yc-color-picker-panel-control{padding:12px;display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper{display:flex;justify-content:space-between;align-items:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper:not(.yc-color-picker-preview)>div{display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar{cursor:pointer;position:relative;width:182px;height:14px;border-radius:10px;border:1px solid var(--color-border-2);background-image:linear-gradient(90deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler{user-select:none;position:absolute;top:50%;transform:translate(-50%, -50%);width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border-2)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler::before{display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;background:currentColor;border-radius:50%}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler::after{display:block;content:'';width:100%;height:100%;background:var(--color-bg-white);border-radius:50%}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar-bg{width:fit-content;height:fit-content;background-image:conic-gradient(rgba(0,0,0,0.06) 0 25%, transparent 0 50%, rgba(0,0,0,0.06) 0 75%, transparent 0);background-size:8px 8px;border-radius:10px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-preview{width:40px;height:40px;border:1px solid var(--color-border-2);border-radius:4px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper{display:flex;align-items:center;gap:20px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-input-outer .yc-input-wrapper{padding:0 6px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-input-outer .yc-input-wrapper .yc-input-suffix{padding-left:0}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-format .yc-select{width:58px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color{flex:1;overflow:hidden;display:flex;align-items:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper{border-radius:0;border-right-color:var(--color-border-2);border-color:var(--color-border-2)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper .yc-input-prefix{padding-right:6px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper:first-child{border-top-left-radius:2px;border-bottom-left-radius:2px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px;border-right-color:transparent}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper:focus-within:not(.yc-input-disabled){border-radius:2px;border-right-color:var(--primary-6);border-color:var(--primary-6)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer.yc-input-number .yc-input{text-align:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .rgb-input,.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .hex-input{flex:1}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .alpha-input{width:52px}.yc-color-picker-panel .yc-color-picker-panel-colors{padding:12px;border-top:1px solid var(--color-border-2);display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section{display:flex;flex-direction:column;gap:6px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-text{color:var(--color-text-1);font-weight:400;font-size:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-empty{margin:6px 0 0 0;color:var(--color-text-3);font-size:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list{display:flex;flex-wrap:wrap;gap:6px 4px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block{cursor:pointer;width:16px;height:16px;overflow:hidden;background-image:conic-gradient(rgba(0,0,0,0.06) 0 25%, transparent 0 50%, rgba(0,0,0,0.06) 0 75%, transparent 0);background-size:8px 8px;border-radius:2px;transition:transform ease-out 60ms}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block:hover{transform:scale(1.1)}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block .yc-color-picker-block{height:100%;width:100%}.yc-color-picker-panel-disabled{cursor:not-allowed}.yc-color-picker-panel-disabled .yc-color-picker-palette{cursor:not-allowed}.yc-color-picker-panel-disabled .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar{cursor:not-allowed}.yc-color-picker{cursor:pointer;background-color:var(--color-fill-2);border-radius:2px;display:inline-flex;align-items:center;gap:4px}.yc-color-picker:not(.yc-color-picker-disabled):hover{background-color:var(--color-fill-3)}.yc-color-picker .yc-color-picker-value{color:var(--color-text-1);font-weight:400}.yc-color-picker.yc-color-picker-disabled{cursor:not-allowed;background-color:var(--color-fill-2)}.yc-color-picker.yc-color-picker-disabled .yc-color-picker-value{color:var(--color-text-4)}.yc-color-picker-size-mini{height:24px;padding:4px;font-size:12px}.yc-color-picker-size-mini .yc-color-picker-preview{height:100%;width:calc(24px - 8px)}.yc-color-picker-size-small{height:28px;padding:3px 4px;font-size:14px}.yc-color-picker-size-small .yc-color-picker-preview{height:100%;width:calc(28px - 8px)}.yc-color-picker-size-medium{height:32px;padding:4px;font-size:14px}.yc-color-picker-size-medium .yc-color-picker-preview{height:100%;width:calc(32px - 8px)}.yc-color-picker-size-large{height:36px;padding:5px;font-size:14px}.yc-color-picker-size-large .yc-color-picker-preview{height:100%;width:calc(36px - 10px)}.yc-color-picker-format-popup-content .yc-select-option{font-size:12px;line-height:24px}
+.yc-color-picker-panel{overflow:hidden;width:260px;background-color:var(--color-bg-1);border-radius:2px;box-shadow:0 8px 20px 0 rgba(0,0,0,0.1)}.yc-color-picker-panel .yc-color-picker-palette{overflow:hidden;position:relative;cursor:pointer;width:100%;height:178px;background-image:linear-gradient(0deg, #000, transparent),linear-gradient(90deg, #fff, rgba(255,255,255,0));border:1px solid var(--color-border-2);border-bottom:0}.yc-color-picker-panel .yc-color-picker-palette .yc-color-picker-handler{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background-color:transparent;transform:translate(-50%, -50%)}.yc-color-picker-panel .yc-color-picker-panel-control{padding:12px;display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper{display:flex;justify-content:space-between;align-items:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper:not(.yc-color-picker-preview)>div{display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar{cursor:pointer;position:relative;width:182px;height:14px;border-radius:10px;border:1px solid var(--color-border-2);background-image:linear-gradient(90deg, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler{user-select:none;position:absolute;top:50%;transform:translate(-50%, -50%);width:16px;height:16px;border-radius:50%;border:1px solid var(--color-border-2)}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler::before{display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:8px;height:8px;background:currentColor;border-radius:50%}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar .yc-color-picker-control-bar-handler::after{display:block;content:'';width:100%;height:100%;background:var(--color-bg-white);border-radius:50%}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar-bg{width:fit-content;height:fit-content;background-image:conic-gradient(rgba(0,0,0,0.06) 0 25%, transparent 0 50%, rgba(0,0,0,0.06) 0 75%, transparent 0);background-size:8px 8px;border-radius:10px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-preview{width:40px;height:40px;border:1px solid var(--color-border-2);border-radius:4px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper{display:flex;align-items:center;gap:20px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-input-outer .yc-input-wrapper{padding:0 6px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-input-outer .yc-input-wrapper .yc-input-suffix{padding-left:0}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-format .yc-select{width:58px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color{flex:1;overflow:hidden;display:flex;align-items:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer:first-child .yc-input-wrapper{border-top-left-radius:2px;border-bottom-left-radius:2px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer:last-child .yc-input-wrapper{border-right-color:var(--color-border-2);border-top-right-radius:2px;border-bottom-right-radius:2px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper{border-radius:0;border-color:var(--color-border-2);border-right-color:transparent}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper:not(.yc-input-disabled):focus-within{border-radius:2px;border-color:rgb(var(--primary-6))}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-outer .yc-input-wrapper .yc-input-prefix{padding-right:6px}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .yc-input-number .yc-input{text-align:center}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .rgb-input,.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .hex-input{flex:1}.yc-color-picker-panel .yc-color-picker-panel-control .yc-color-picker-input-wrapper .yc-color-picker-color .alpha-input{width:52px}.yc-color-picker-panel .yc-color-picker-panel-colors{padding:12px;border-top:1px solid var(--color-border-2);display:flex;flex-direction:column;gap:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section{display:flex;flex-direction:column;gap:6px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-text{color:var(--color-text-1);font-weight:400;font-size:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-empty{margin:6px 0 0 0;color:var(--color-text-3);font-size:12px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list{display:flex;flex-wrap:wrap;gap:6px 4px}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block{cursor:pointer;width:16px;height:16px;overflow:hidden;background-image:conic-gradient(rgba(0,0,0,0.06) 0 25%, transparent 0 50%, rgba(0,0,0,0.06) 0 75%, transparent 0);background-size:8px 8px;border-radius:2px;transition:transform ease-out 60ms}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block:hover{transform:scale(1.1)}.yc-color-picker-panel .yc-color-picker-panel-colors .yc-color-picker-colors-section .yc-color-picker-colors-list .yc-color-picker-color-block .yc-color-picker-block{height:100%;width:100%}.yc-color-picker-panel-disabled{cursor:not-allowed}.yc-color-picker-panel-disabled .yc-color-picker-palette{cursor:not-allowed}.yc-color-picker-panel-disabled .yc-color-picker-panel-control .yc-color-picker-control-wrapper .yc-color-picker-control-bar{cursor:not-allowed}.yc-color-picker{cursor:pointer;background-color:var(--color-fill-2);border-radius:2px;display:inline-flex;align-items:center;gap:4px}.yc-color-picker:not(.yc-color-picker-disabled):hover{background-color:var(--color-fill-3)}.yc-color-picker .yc-color-picker-value{color:var(--color-text-1);font-weight:400}.yc-color-picker.yc-color-picker-disabled{cursor:not-allowed;background-color:var(--color-fill-2)}.yc-color-picker.yc-color-picker-disabled .yc-color-picker-value{color:var(--color-text-4)}.yc-color-picker-size-mini{height:24px;padding:4px;font-size:12px}.yc-color-picker-size-mini .yc-color-picker-preview{height:100%;width:calc(24px - 8px)}.yc-color-picker-size-small{height:28px;padding:3px 4px;font-size:14px}.yc-color-picker-size-small .yc-color-picker-preview{height:100%;width:calc(28px - 8px)}.yc-color-picker-size-medium{height:32px;padding:4px;font-size:14px}.yc-color-picker-size-medium .yc-color-picker-preview{height:100%;width:calc(32px - 8px)}.yc-color-picker-size-large{height:36px;padding:5px;font-size:14px}.yc-color-picker-size-large .yc-color-picker-preview{height:100%;width:calc(36px - 10px)}.yc-color-picker-format-popup-content .yc-select-option{font-size:12px;line-height:24px}

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/Drawer/index.css

@@ -1 +1 @@
-.yc-drawer-wrapper{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0}.yc-drawer-wrapper .yc-drawer-mask{position:absolute;height:100%;width:100%;background-color:var(--color-mask-bg)}.yc-drawer-wrapper .yc-drawer-container{position:absolute;height:100%;background-color:var(--color-bg-3);display:flex;flex-direction:column}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-footer,.yc-drawer-wrapper .yc-drawer-container .yc-drawer-body,.yc-drawer-wrapper .yc-drawer-container .yc-drawer-header,.yc-drawer-wrapper .yc-drawer-container .yc-drawer-title,.yc-drawer-wrapper .yc-drawer-container .yc-drawer-close-button{flex-shrink:0}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-header{height:48px;width:100%;padding:0 16px;border-bottom:1px solid var(--color-neutral-3);display:flex;align-items:center}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-header .yc-drawer-title{flex:1}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-header .yc-drawer-title span{font-size:16px;font-weight:500;color:var(--color-text-1)}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-header .yc-drawer-close-button{margin-left:-12px}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-body{flex:1;line-height:1.5715;padding:12px 16px;color:var(--color-text-1);font-size:14px}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-footer{height:64px;width:100%;padding:0 16px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:flex-end;align-items:center;gap:12px}.yc-drawer-position-absolute{position:absolute}.yc-drawer-placement-left .yc-drawer-container{left:0;top:0;bottom:0}.yc-drawer-placement-right .yc-drawer-container{right:0;top:0;bottom:0}.yc-drawer-placement-bottom .yc-drawer-container{left:0;bottom:0;right:0}.yc-drawer-placement-top .yc-drawer-container{left:0;top:0;right:0}
+.yc-drawer-wrapper{overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0}.yc-drawer-wrapper .yc-drawer-mask{position:absolute;height:100%;width:100%;background-color:var(--color-mask-bg)}.yc-drawer-wrapper .yc-drawer-container{position:absolute;height:100%;background-color:var(--color-bg-3);display:flex;flex-direction:column}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-footer,.yc-drawer-wrapper .yc-drawer-container .yc-drawer-body,.yc-drawer-wrapper .yc-drawer-container .yc-drawer-header,.yc-drawer-wrapper .yc-drawer-container .yc-drawer-title,.yc-drawer-wrapper .yc-drawer-container .yc-drawer-close-button{flex-shrink:0}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-header{height:48px;width:100%;padding:0 16px;border-bottom:1px solid var(--color-neutral-3);display:flex;align-items:center}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-header .yc-drawer-title{flex:1;font-size:16px;font-weight:500;color:var(--color-text-1)}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-header .yc-drawer-close-button{margin-left:-12px}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-body{flex:1;line-height:1.5715;padding:12px 16px;color:var(--color-text-1);font-size:14px}.yc-drawer-wrapper .yc-drawer-container .yc-drawer-footer{height:64px;width:100%;padding:0 16px;border-top:1px solid var(--color-neutral-3);display:flex;justify-content:flex-end;align-items:center;gap:12px}.yc-drawer-position-absolute{position:absolute}.yc-drawer-placement-left .yc-drawer-container{left:0;top:0;bottom:0}.yc-drawer-placement-right .yc-drawer-container{right:0;top:0;bottom:0}.yc-drawer-placement-bottom .yc-drawer-container{left:0;bottom:0;right:0}.yc-drawer-placement-top .yc-drawer-container{left:0;top:0;right:0}

package/es/Dropdown/index.css

@@ -1 +1 @@
-.yc-dropdown{padding:4px 0;border-radius:4px;box-shadow:0 4px 10px #0000001a}.yc-dropdown .yc-dropdown-list{display:flex;flex-direction:column}.yc-dropdown .yc-dropdown-footer{border-top:1px solid #e5e6eb}.yc-trigger-content .yc-dropdown-light{background-color:#fff;border:1px solid #e5e6eb}.yc-trigger-content .yc-trigger-arrow{background-color:#fff;border:1px solid #e5e6eb}.yc-trigger-content .yc-dropdown-dark{background-color:#232324;border:1px solid #232324}.yc-trigger-content .yc-trigger-arrow{background-color:#232324;border:1px solid #232324}.yc-dropdown-option{position:relative;z-index:1;padding:0 12px;line-height:36px;font-size:14px;text-align:left;display:flex;align-items:center;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-dropdown-option.yc-dropdown-option-disabled{cursor:not-allowed}.yc-dropdown-option .yc-dropdown-option-icon,.yc-dropdown-option .yc-dropdown-option-content,.yc-dropdown-option .yc-dropdown-option-suffix{flex-shrink:0;display:flex;align-items:center}.yc-dropdown-option .yc-dropdown-option-icon{margin-right:8px;color:inherit}.yc-dropdown-option .yc-dropdown-option-suffix{color:inherit;margin-left:12px}.yc-dropdown-option .yc-dropdown-option-content{flex:1;overflow:hidden}.yc-dropdown-option-theme-light{color:#1d2129}.yc-dropdown-option-theme-light:not(.yc-dropdown-option-disabled):hover{background-color:#f2f3f5}.yc-dropdown-option-theme-light.yc-dropdown-option-active{color:#165dff;background-color:#f2f3f5}.yc-dropdown-option-theme-light.yc-dropdown-optiond-disabled{color:#c9cdd4;background:transparent;cursor:not-allowed}.yc-dropdown-option-theme-dark{color:#c9cdd4}.yc-dropdown-option-theme-dark:not(.yc-dropdown-option-disabled):hover{background-color:rgba(255,255,255,0.04)}.yc-dropdown-option-theme-dark.yc-dropdown-option-active{color:#fff;background-color:rgba(255,255,255,0.04)}.yc-dropdown-option-theme-dark.yc-dropdown-optiond-disabled{color:#4e5969;background:transparent;cursor:not-allowed}.yc-dropdown-group-title{margin-top:8px;padding:0 12px;color:var(--color-text-3);font-size:12px;line-height:20px}
+.yc-dropdown{padding:4px 0;border-radius:4px;box-shadow:0 4px 10px #0000001a}.yc-dropdown .yc-dropdown-list{display:flex;flex-direction:column}.yc-dropdown .yc-dropdown-footer{border-top:1px solid #e5e6eb}.yc-dropdown-light .yc-trigger-content .yc-dropdown{background-color:#fff;border:1px solid #e5e6eb}.yc-dropdown-light .yc-trigger-arrow{background-color:#fff;border:1px solid #e5e6eb}.yc-dropdown-dark .yc-trigger-content .yc-dropdown{background-color:#232324;border:1px solid #232324}.yc-dropdown-dark .yc-trigger-arrow{background-color:#232324;border:1px solid #232324}.yc-dropdown-option{position:relative;z-index:1;padding:0 12px;line-height:36px;font-size:14px;text-align:left;display:flex;align-items:center;transition:all .1s cubic-bezier(0, 0, 1, 1)}.yc-dropdown-option.yc-dropdown-option-disabled{cursor:not-allowed}.yc-dropdown-option .yc-dropdown-option-icon,.yc-dropdown-option .yc-dropdown-option-content,.yc-dropdown-option .yc-dropdown-option-suffix{flex-shrink:0;display:flex;align-items:center}.yc-dropdown-option .yc-dropdown-option-icon{margin-right:8px;color:inherit}.yc-dropdown-option .yc-dropdown-option-suffix{color:inherit;margin-left:12px}.yc-dropdown-option .yc-dropdown-option-content{flex:1;overflow:hidden}.yc-dropdown-option-theme-light{color:#1d2129}.yc-dropdown-option-theme-light:not(.yc-dropdown-option-disabled):hover{background-color:#f2f3f5}.yc-dropdown-option-theme-light.yc-dropdown-option-active{color:#165dff;background-color:#f2f3f5}.yc-dropdown-option-theme-light.yc-dropdown-optiond-disabled{color:#c9cdd4;background:transparent;cursor:not-allowed}.yc-dropdown-option-theme-dark{color:#c9cdd4}.yc-dropdown-option-theme-dark:not(.yc-dropdown-option-disabled):hover{background-color:rgba(255,255,255,0.04)}.yc-dropdown-option-theme-dark.yc-dropdown-option-active{color:#fff;background-color:rgba(255,255,255,0.04)}.yc-dropdown-option-theme-dark.yc-dropdown-optiond-disabled{color:#4e5969;background:transparent;cursor:not-allowed}.yc-dropdown-group-title{margin-top:8px;padding:0 12px;color:var(--color-text-3);font-size:12px;line-height:20px}

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 {};