yc-design-vue 1.7.9 → 1.8.1

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.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/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/Watermark/index.d.ts

@@ -4,6 +4,7 @@ export type WatermarkInstance = InstanceType<typeof _Watermark>;
 export * from './type';
 declare const Watermark: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        image: string;
         zIndex: number;
         width: number;
         height: number;
@@ -11,7 +12,6 @@ declare const Watermark: {
         content: string | string[];
         alpha: number;
         rotate: number;
-        image: string;
         offset: number[];
         font: import('./type').WatermarkFont;
         gap: number[];
@@ -28,6 +28,7 @@ declare const Watermark: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, {
+        image: string;
         zIndex: number;
         width: number;
         height: number;
@@ -35,7 +36,6 @@ declare const Watermark: {
         content: string | string[];
         alpha: number;
         rotate: number;
-        image: string;
         offset: number[];
         font: import('./type').WatermarkFont;
         gap: number[];
@@ -47,6 +47,7 @@ declare const Watermark: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    image: string;
     zIndex: number;
     width: number;
     height: number;
@@ -54,7 +55,6 @@ declare const Watermark: {
     content: string | string[];
     alpha: number;
     rotate: number;
-    image: string;
     offset: number[];
     font: import('./type').WatermarkFont;
     gap: number[];

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

@@ -9,6 +9,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<WatermarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
+    image: string;
     zIndex: number;
     width: number;
     height: number;
@@ -16,7 +17,6 @@ declare const __VLS_component: import('vue').DefineComponent<WatermarkProps, {},
     content: string | string[];
     alpha: number;
     rotate: number;
-    image: string;
     offset: number[];
     font: import('./type').WatermarkFont;
     gap: number[];

package/es/_shared/icons/IconEyeClose.vue.js

@@ -1,4 +1,24 @@
-import _sfc_main from "./IconEyeClose.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import _sfc_main$1 from "../components/Icon.vue3.js";
+/* empty css                     */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconEyeClose",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", {
+            d: "M24 37c6.627 0 12.627-4.333 18-13-5.373-8.667-11.373-13-18-13-6.627 0-12.627 4.333-18 13 5.373 8.667 11.373 13 18 13Z",
+            "clip-rule": "evenodd"
+          }, null, -1),
+          createElementVNode("path", { d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEyeClose.vue2.js

@@ -1,24 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconEyeClose",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", {
-            d: "M24 37c6.627 0 12.627-4.333 18-13-5.373-8.667-11.373-13-18-13-6.627 0-12.627 4.333-18 13 5.373 8.667 11.373 13 18 13Z",
-            "clip-rule": "evenodd"
-          }, null, -1),
-          createElementVNode("path", { d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconEyeClose.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEyeOpen.vue.js

@@ -1,4 +1,21 @@
-import _sfc_main from "./IconEyeOpen.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import _sfc_main$1 from "../components/Icon.vue3.js";
+/* empty css                     */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconEyeOpen",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M14 14.5c-2.69 2-5.415 5.33-8 9.5 5.373 8.667 11.373 13 18 13 3.325 0 6.491-1.09 9.5-3.271M17.463 12.5C19 11 21.75 11 24 11c6.627 0 12.627 4.333 18 13-1.766 2.848-3.599 5.228-5.5 7.14" }, null, -1),
+          createElementVNode("path", { d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM6.852 7.103l34.294 34.294" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconEyeOpen.vue2.js

@@ -1,21 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../components/Icon.vue3.js";
-/* empty css                     */
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconEyeOpen",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M14 14.5c-2.69 2-5.415 5.33-8 9.5 5.373 8.667 11.373 13 18 13 3.325 0 6.491-1.09 9.5-3.271M17.463 12.5C19 11 21.75 11 24 11c6.627 0 12.627 4.333 18 13-1.766 2.848-3.599 5.228-5.5 7.14" }, null, -1),
-          createElementVNode("path", { d: "M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0ZM6.852 7.103l34.294 34.294" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconEyeOpen.vue.js";
 export {
   _sfc_main as default
 };

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,40 @@
+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;
+const langModules = /* @__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") });
+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 modulePath = `./lang/${localeName}.ts`;
+    if (langModules[modulePath]) {
+      const module = await langModules[modulePath]();
+      i18nGlobal.setLocaleMessage(locale, module.default);
+      i18nGlobal.locale.value = locale;
+      return locale;
+    } else {
+      throw new Error(`无法找到语言文件: ${localeName}.ts`);
+    }
+  } catch (error) {
+    console.error(`无法加载语言文件 ${locale}.ts:`, error);
+    return i18nGlobal.locale.value;
+  }
+}
+export {
+  i18n as default,
+  loadLanguageAsync
+};