yc-design-vue 1.7.8 → 1.8.0

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

package/es/Pagination/hooks/useContext.js

@@ -4,6 +4,7 @@ import "../../_shared/utils/dom.js";
 import "../../_shared/utils/time.js";
 import { getGlobalConfig } from "../../_shared/utils/global-config.js";
 import useControlValue from "../../_shared/utils/control.js";
+import { useI18n } from "../../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const PAGINATION_CONTEXT_KEY = "pagination-context";
 const useContext = () => {
   const provide$1 = (props, emits) => {
@@ -22,6 +23,7 @@ const useContext = () => {
       total: _total
     } = toRefs(props);
     const { size } = getGlobalConfig(props);
+    const { t } = useI18n();
     const total = useControlValue(
       autoAdjust.value ? _total : ref(),
       autoAdjust.value ? 0 : _total.value
@@ -82,7 +84,7 @@ const useContext = () => {
     const sizeOptions = computed(() => {
       return pageSizeOptions.value.map((item) => {
         return {
-          label: `${item}条/页`,
+          label: `${item}${t("pagination.countPerPage")}`,
           value: item
         };
       });
@@ -104,7 +106,8 @@ const useContext = () => {
       pagesArray,
       computedCurrent,
       computedPageSize,
-      sizeOptions
+      sizeOptions,
+      t
     };
   };
   const inject$1 = () => {

package/es/Popconfirm/index.css

@@ -1 +1 @@
-.yc-trigger.yc-popconfirm .yc-popconfirm-popup-content{padding:16px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.1);color:var(--color-text-2);font-size:14px;line-height:1.5715;display:flex;flex-direction:column;gap:16px}.yc-trigger.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body{display:flex;align-items:center;gap:8px}.yc-trigger.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body .yc-popconfirm-icon{font-size:18px;height:22px;width:18px;display:flex;justify-content:center;align-items:center}.yc-trigger.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body .yc-popconfirm-content{text-align:left;word-wrap:break-word}.yc-trigger.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px}.yc-trigger.yc-popconfirm .yc-popconfirm-popup-arrow{z-index:1;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3)}.yc-trigger.yc-popconfirm-info .yc-popconfirm-icon{color:rgb(var(--primary-6))}.yc-trigger.yc-popconfirm-success .yc-popconfirm-icon{color:rgb(var(--success-6))}.yc-trigger.yc-popconfirm-warning .yc-popconfirm-icon{color:rgb(var(--warning-6))}.yc-trigger.yc-popconfirm-error .yc-popconfirm-icon{color:rgb(var(--danger-6))}
+.yc-popconfirm .yc-popconfirm-popup-content{padding:16px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.1);color:var(--color-text-2);font-size:14px;line-height:1.5715;display:flex;flex-direction:column;gap:16px}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body{display:flex;align-items:center;gap:8px}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body .yc-popconfirm-icon{font-size:18px;height:22px;width:18px;display:flex;justify-content:center;align-items:center}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-body .yc-popconfirm-content{text-align:left;word-wrap:break-word}.yc-popconfirm .yc-popconfirm-popup-content .yc-popconfirm-footer{display:flex;justify-content:flex-end;align-items:center;gap:8px}.yc-popconfirm .yc-popconfirm-popup-arrow{z-index:1;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3)}.yc-popconfirm-info .yc-popconfirm-icon{color:rgb(var(--primary-6))}.yc-popconfirm-success .yc-popconfirm-icon{color:rgb(var(--success-6))}.yc-popconfirm-warning .yc-popconfirm-icon{color:rgb(var(--warning-6))}.yc-popconfirm-error .yc-popconfirm-icon{color:rgb(var(--danger-6))}

package/es/Popconfirm/index.vue.js

@@ -9,6 +9,7 @@ import useControlValue from "../_shared/utils/control.js";
 import useOnBeforeClose from "../Modal/hooks/useOnBeforeClose.js";
 import Trigger from "../Trigger/index.js";
 import Button from "../Button/index.js";
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _hoisted_1 = { class: "yc-popconfirm-body" };
 const _hoisted_2 = { class: "yc-popconfirm-icon" };
 const _hoisted_3 = { class: "yc-popconfirm-content" };
@@ -24,8 +25,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     popupVisible: { type: Boolean, default: void 0 },
     defaultPopupVisible: { type: Boolean, default: false },
     type: { default: "info" },
-    okText: { default: "确定" },
-    cancelText: { default: "取消" },
+    okText: { default: "" },
+    cancelText: { default: "" },
     okLoading: { type: Boolean, default: false },
     okButtonProps: { default: () => {
       return {};
@@ -54,6 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emits = __emit;
     const { popupVisible, defaultPopupVisible, type } = toRefs(props);
     const { onBeforeOk, onBeforeCancel } = props;
+    const { t } = useI18n();
     const asyncLoading = ref(false);
     const triggerRef = ref();
     const computedVisible = useControlValue(
@@ -132,7 +134,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_4, [
             createVNode(unref(Button), mergeProps({ size: "mini" }, _ctx.cancelButtonProps, { onClick: handleCancel }), {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                createTextVNode(toDisplayString(_ctx.cancelText || unref(t)("popconfirm.cancelText")), 1)
               ]),
               _: 1
             }, 16),
@@ -142,7 +144,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               loading: _ctx.okLoading || asyncLoading.value
             }, _ctx.okButtonProps, { onClick: handleOk }), {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.okText), 1)
+                createTextVNode(toDisplayString(_ctx.okText || unref(t)("popconfirm.okText")), 1)
               ]),
               _: 1
             }, 16, ["loading"])

package/es/Popover/index.css

@@ -1 +1 @@
-.yc-trigger.yc-popover .yc-popover-popup-content{padding:12px 16px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.1);color:var(--color-text-2);font-size:14px;line-height:1.5715}.yc-trigger.yc-popover .yc-popover-popup-content .yc-popover-title{margin-bottom:4px;color:var(--color-text-1);font-weight:500;font-size:16px}.yc-trigger.yc-popover .yc-popover-popup-arrow{z-index:1;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3)}
+.yc-popover .yc-popover-popup-content{padding:12px 16px;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3);border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,0.1);color:var(--color-text-2);font-size:14px;line-height:1.5715}.yc-popover .yc-popover-popup-content .yc-popover-title{margin-bottom:4px;color:var(--color-text-1);font-weight:500;font-size:16px}.yc-popover .yc-popover-popup-arrow{z-index:1;background-color:var(--color-bg-popup);border:1px solid var(--color-neutral-3)}

package/es/Tooltip/index.css

@@ -1 +1 @@
-.yc-trigger.yc-tooltip .yc-tooltip-popup-content{max-width:350px;padding:8px 12px;border-radius:2px;color:var(--color-white);background-color:var(--color-tooltip-bg);font-size:14px;line-height:1.5715;text-align:left;word-wrap:break-word}.yc-trigger.yc-tooltip .yc-tooltip-popup-content.yc-tooltip-mini{padding:4px 12px;font-size:14px}
+.yc-tooltip .yc-tooltip-popup-content{max-width:350px;padding:8px 12px;border-radius:2px;color:var(--color-white);background-color:var(--color-tooltip-bg);font-size:14px;line-height:1.5715;text-align:left;word-wrap:break-word}.yc-tooltip .yc-tooltip-popup-content.yc-tooltip-mini{padding:4px 12px;font-size:14px}

package/es/Typography/TypographyBase.vue.js

@@ -11,6 +11,7 @@ import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
 import useControlValue from "../_shared/utils/control.js";
 import Input from "../Input/index.js";
 import Tooltip from "../Tooltip/index.js";
+import { useI18n } from "../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "TypographyBase"
@@ -57,6 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       underline,
       bold
     } = toRefs(props);
+    const { t } = useI18n();
     const { isSupported, copy } = useClipboard();
     const isCopied = ref(false);
     const contentRef = ref();
@@ -72,7 +74,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("update:editText", val);
       emits("change", val);
     });
-    ref({});
     const tags = computed(() => {
       const tags2 = ["mark", "code", "del", "u", "b"];
       const attrs = [
@@ -158,7 +159,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: handleEdit
           }, [
             createVNode(unref(Tooltip), mergeProps({
-              content: "编辑",
+              content: unref(t)("typography.edit"),
               position: "top"
             }, _ctx.editTooltiProps), {
               default: withCtx(() => [
@@ -167,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               _: 1
-            }, 16)
+            }, 16, ["content"])
           ])) : createCommentVNode("", true),
           unref(copyable) ? (openBlock(), createElementBlock("span", {
             key: 3,
@@ -177,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(Tooltip), mergeProps({ position: "top" }, _ctx.copyTooltiProps), {
               content: withCtx(() => [
                 renderSlot(_ctx.$slots, "copy-tooltip", { copied: isCopied.value }, () => [
-                  createTextVNode(toDisplayString(`${isCopied.value ? "已复制" : "复制"}`), 1)
+                  createTextVNode(toDisplayString(unref(t)(`typography.${isCopied.value ? "copied" : "copy"}`)), 1)
                 ])
               ]),
               default: withCtx(() => [

package/es/_shared/locale/i18n.d.ts

@@ -0,0 +1,256 @@
+declare const i18n: import('vue-i18n').I18n<{
+    'zh-CN': {
+        empty: {
+            description: string;
+        };
+        drawer: {
+            okText: string;
+            cancelText: string;
+        };
+        popconfirm: {
+            okText: string;
+            cancelText: string;
+        };
+        modal: {
+            okText: string;
+            cancelText: string;
+        };
+        pagination: {
+            goto: string;
+            page: string;
+            countPerPage: string;
+            total: string;
+        };
+        calendar: {
+            formatYear: string;
+            formatMonth: string;
+            today: string;
+            view: {
+                month: string;
+                year: string;
+                week: string;
+                day: string;
+            };
+            month: {
+                long: {
+                    January: string;
+                    February: string;
+                    March: string;
+                    April: string;
+                    May: string;
+                    June: string;
+                    July: string;
+                    August: string;
+                    September: string;
+                    October: string;
+                    November: string;
+                    December: string;
+                };
+                short: {
+                    January: string;
+                    February: string;
+                    March: string;
+                    April: string;
+                    May: string;
+                    June: string;
+                    July: string;
+                    August: string;
+                    September: string;
+                    October: string;
+                    November: string;
+                    December: string;
+                };
+            };
+            week: {
+                long: {
+                    self: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                    sunday: string;
+                };
+                short: {
+                    self: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                    sunday: string;
+                };
+            };
+        };
+        image: {
+            loading: string;
+        };
+        imagePreview: {
+            fullScreen: string;
+            rotateRight: string;
+            rotateLeft: string;
+            zoomIn: string;
+            zoomOut: string;
+            originalSize: string;
+        };
+        typography: {
+            copied: string;
+            copy: string;
+            expand: string;
+            collapse: string;
+            edit: string;
+        };
+        colorPicker: {
+            history: string;
+            preset: string;
+            empty: string;
+        };
+        table: {
+            okText: string;
+            resetText: string;
+        };
+        upload: {
+            start: string;
+            cancel: string;
+            delete: string;
+            retry: string;
+            buttonText: string;
+            preview: string;
+            drag: string;
+            dragHover: string;
+            error: string;
+        };
+        datePicker: {
+            view: {
+                month: string;
+                year: string;
+                week: string;
+                day: string;
+            };
+            month: {
+                long: {
+                    January: string;
+                    February: string;
+                    March: string;
+                    April: string;
+                    May: string;
+                    June: string;
+                    July: string;
+                    August: string;
+                    September: string;
+                    October: string;
+                    November: string;
+                    December: string;
+                };
+                short: {
+                    January: string;
+                    February: string;
+                    March: string;
+                    April: string;
+                    May: string;
+                    June: string;
+                    July: string;
+                    August: string;
+                    September: string;
+                    October: string;
+                    November: string;
+                    December: string;
+                };
+            };
+            week: {
+                long: {
+                    self: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                    sunday: string;
+                };
+                short: {
+                    self: string;
+                    monday: string;
+                    tuesday: string;
+                    wednesday: string;
+                    thursday: string;
+                    friday: string;
+                    saturday: string;
+                    sunday: string;
+                };
+            };
+            placeholder: {
+                date: string;
+                week: string;
+                month: string;
+                year: string;
+                quarter: string;
+                time: string;
+            };
+            rangePlaceholder: {
+                date: string[];
+                week: string[];
+                month: string[];
+                year: string[];
+                quarter: string[];
+                time: string[];
+            };
+            selectTime: string;
+            today: string;
+            now: string;
+            ok: string;
+        };
+        form: {
+            validateMessages: {
+                required: string;
+                type: {
+                    string: string;
+                    number: string;
+                    boolean: string;
+                    array: string;
+                    object: string;
+                    url: string;
+                    email: string;
+                    ip: string;
+                };
+                number: {
+                    min: string;
+                    max: string;
+                    equal: string;
+                    range: string;
+                    positive: string;
+                    negative: string;
+                };
+                array: {
+                    length: string;
+                    minLength: string;
+                    maxLength: string;
+                    includes: string;
+                    deepEqual: string;
+                    empty: string;
+                };
+                string: {
+                    minLength: string;
+                    maxLength: string;
+                    length: string;
+                    match: string;
+                    uppercase: string;
+                    lowercase: string;
+                };
+                object: {
+                    deepEqual: string;
+                    hasKeys: string;
+                    empty: string;
+                };
+                boolean: {
+                    true: string;
+                    false: string;
+                };
+            };
+        };
+    };
+}, {}, {}, string>;
+export declare function loadLanguageAsync(locale: string): Promise<string>;
+export default i18n;

package/es/_shared/locale/i18n.js

@@ -0,0 +1,35 @@
+import __variableDynamicImportRuntimeHelper from "../../_virtual/dynamic-import-helper.js";
+import lang from "./lang/zh-cn.js";
+import { createI18n } from "../../node_modules/@intlify/vue-i18n-core/dist/vue-i18n-core.js";
+const i18n = createI18n({
+  locale: "zh-CN",
+  fallbackLocale: "zh-CN",
+  messages: {
+    "zh-CN": lang
+  },
+  globalInjection: true,
+  missingWarn: false,
+  fallbackWarn: false
+});
+const i18nGlobal = i18n.global;
+async function loadLanguageAsync(locale) {
+  const loadedLanguages = Object.keys(i18nGlobal.messages.value);
+  if (i18nGlobal.locale.value === locale || loadedLanguages.includes(locale)) {
+    i18nGlobal.locale.value = locale;
+    return locale;
+  }
+  try {
+    const localeName = locale.split("-").map((v) => v.toLocaleLowerCase()).join("-");
+    const messages = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./lang/ar-eg.ts": () => import("./lang/ar-eg.js"), "./lang/de-de.ts": () => import("./lang/de-de.js"), "./lang/en-us.ts": () => import("./lang/en-us.js"), "./lang/es-es.ts": () => import("./lang/es-es.js"), "./lang/fr-fr.ts": () => import("./lang/fr-fr.js"), "./lang/id-id.ts": () => import("./lang/id-id.js"), "./lang/it-it.ts": () => import("./lang/it-it.js"), "./lang/ja-jp.ts": () => import("./lang/ja-jp.js"), "./lang/km-kh.ts": () => import("./lang/km-kh.js"), "./lang/ko-kr.ts": () => import("./lang/ko-kr.js"), "./lang/ms-my.ts": () => import("./lang/ms-my.js"), "./lang/nl-nl.ts": () => import("./lang/nl-nl.js"), "./lang/pt-pt.ts": () => import("./lang/pt-pt.js"), "./lang/ru-ru.ts": () => import("./lang/ru-ru.js"), "./lang/th-th.ts": () => import("./lang/th-th.js"), "./lang/vi-vn.ts": () => import("./lang/vi-vn.js"), "./lang/zh-cn.ts": () => import("./lang/zh-cn.js"), "./lang/zh-tw.ts": () => import("./lang/zh-tw.js") }), `./lang/${localeName}.ts`, 3);
+    i18nGlobal.setLocaleMessage(locale, messages.default);
+    i18nGlobal.locale.value = locale;
+    return locale;
+  } catch (error) {
+    console.error(`无法加载语言文件 ${locale}.ts:`, error);
+    return i18nGlobal.locale.value;
+  }
+}
+export {
+  i18n as default,
+  loadLanguageAsync
+};