yc-design-vue 1.8.7 → 1.8.8

package/es/Typography/TypographyBase.vue.js

@@ -1,6 +1,5 @@
 import { defineComponent, toRefs, ref, computed, createBlock, openBlock, resolveDynamicComponent, normalizeClass, unref, withCtx, createElementBlock, createCommentVNode, isRef, renderSlot, createVNode, mergeProps, createElementVNode, createTextVNode, toDisplayString, h } from "vue";
 import { useClipboard } from "../node_modules/@vueuse/core/index.js";
-import { t } from "../_shared/locale/i18n.js";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { getDomText, sleep } from "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
@@ -9,6 +8,7 @@ import "../Empty/index.js";
 import _sfc_main$3 from "../_shared/icons/IconCopy.vue2.js";
 import _sfc_main$1 from "../_shared/icons/IconEdit.vue2.js";
 import _sfc_main$2 from "../_shared/icons/IconInfo.vue.js";
+import { useI18n } from "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import Input from "../Input/index.js";
 import Tooltip from "../Tooltip/index.js";
@@ -58,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();

package/es/VerificationCode/index.d.ts

@@ -14,10 +14,10 @@ declare const VerificationCode: {
         "update:modelValue": (value: string) => any;
         finish: (value: string) => any;
     }, import('vue').PublicProps, {
-        error: boolean;
-        length: number;
         size: import('..').Size;
+        length: number;
         disabled: boolean;
+        error: boolean;
         modelValue: string;
         defaultValue: string;
         readonly: boolean;
@@ -34,10 +34,10 @@ declare const VerificationCode: {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onFinish?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
-        error: boolean;
-        length: number;
         size: import('..').Size;
+        length: number;
         disabled: boolean;
+        error: boolean;
         modelValue: string;
         defaultValue: string;
         readonly: boolean;
@@ -56,10 +56,10 @@ declare const VerificationCode: {
     "update:modelValue": (value: string) => any;
     finish: (value: string) => any;
 }, string, {
-    error: boolean;
-    length: number;
     size: import('..').Size;
+    length: number;
     disabled: boolean;
+    error: boolean;
     modelValue: string;
     defaultValue: string;
     readonly: boolean;

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

@@ -10,10 +10,10 @@ declare const _default: import('vue').DefineComponent<VerificationCodeProps, {},
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onFinish?: ((value: string) => any) | undefined;
 }>, {
-    error: boolean;
-    length: number;
     size: import('..').Size;
+    length: number;
     disabled: boolean;
+    error: boolean;
     modelValue: string;
     defaultValue: string;
     readonly: boolean;

package/es/VerificationCode/index.vue.js

@@ -5,6 +5,7 @@ import { isNumber, isString, isFunction } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import { getSlotFunction } from "../_shared/utils/vue-utils.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
+import "../_shared/utils/locale.js";
 import useControlValue from "../_shared/utils/control.js";
 import { nanoid } from "../node_modules/nanoid/index.browser.js";
 import Input from "../Input/index.js";

package/es/Watermark/index.d.ts

@@ -4,7 +4,6 @@ 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;
@@ -12,6 +11,7 @@ declare const Watermark: {
         content: string | string[];
         alpha: number;
         rotate: number;
+        image: string;
         offset: number[];
         font: import('./type').WatermarkFont;
         gap: number[];
@@ -28,7 +28,6 @@ declare const Watermark: {
         M: {};
         Defaults: {};
     }, Readonly<import('./type').WatermarkProps> & Readonly<{}>, {}, {}, {}, {}, {
-        image: string;
         zIndex: number;
         width: number;
         height: number;
@@ -36,6 +35,7 @@ declare const Watermark: {
         content: string | string[];
         alpha: number;
         rotate: number;
+        image: string;
         offset: number[];
         font: import('./type').WatermarkFont;
         gap: number[];
@@ -47,7 +47,6 @@ 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;
@@ -55,6 +54,7 @@ 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,7 +9,6 @@ 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;
@@ -17,6 +16,7 @@ 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/Watermark/index.vue.js

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

package/es/_shared/components/ExpandTransition.vue2.js

@@ -4,6 +4,7 @@ import { valueToPx } from "../utils/dom.js";
 import "../utils/time.js";
 import "../../Empty/index.js";
 /* empty css         */
+import "../utils/locale.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ExpandTransition",
   setup(__props) {

package/es/_shared/components/Icon.vue3.js

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

package/es/_shared/components/IconButton.vue.js

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

package/es/_shared/constants/index.js

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

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

@@ -1,20 +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: "IconFullScreen",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconFullScreen.vue2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,20 @@
-import _sfc_main from "./IconFullScreen.vue.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: "IconFullScreen",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M42 17V9a1 1 0 0 0-1-1h-8M6 17V9a1 1 0 0 1 1-1h8m27 23v8a1 1 0 0 1-1 1h-8M6 31v8a1 1 0 0 0 1 1h8" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1,26 +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: "IconOriginSize",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "m5.5 11.5 5-2.5h1v32M34 11.5 39 9h1v32" }, null, -1),
-          createElementVNode("path", {
-            d: "M24 17h1v1h-1v-1ZM24 30h1v1h-1v-1Z",
-            fill: "currentColor",
-            stroke: "none"
-          }, null, -1),
-          createElementVNode("path", { d: "M24 17h1v1h-1v-1ZM24 30h1v1h-1v-1Z" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconOriginSize.vue2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,26 @@
-import _sfc_main from "./IconOriginSize.vue.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: "IconOriginSize",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "m5.5 11.5 5-2.5h1v32M34 11.5 39 9h1v32" }, null, -1),
+          createElementVNode("path", {
+            d: "M24 17h1v1h-1v-1ZM24 30h1v1h-1v-1Z",
+            fill: "currentColor",
+            stroke: "none"
+          }, null, -1),
+          createElementVNode("path", { d: "M24 17h1v1h-1v-1ZM24 30h1v1h-1v-1Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1,20 +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: "IconRotateLeft",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M10 22a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V22ZM23 11h11a6 6 0 0 1 6 6v6M22.5 12.893 19.587 11 22.5 9.107v3.786Z" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconRotateLeft.vue2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,20 @@
-import _sfc_main from "./IconRotateLeft.vue.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: "IconRotateLeft",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M10 22a1 1 0 0 1 1-1h20a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1V22ZM23 11h11a6 6 0 0 1 6 6v6M22.5 12.893 19.587 11 22.5 9.107v3.786Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1,20 +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: "IconRotateRight",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M38 22a1 1 0 0 0-1-1H17a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V22ZM25 11H14a6 6 0 0 0-6 6v6M25.5 12.893 28.413 11 25.5 9.107v3.786Z" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconRotateRight.vue2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,20 @@
-import _sfc_main from "./IconRotateRight.vue.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: "IconRotateRight",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M38 22a1 1 0 0 0-1-1H17a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V22ZM25 11H14a6 6 0 0 0-6 6v6M25.5 12.893 28.413 11 25.5 9.107v3.786Z" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,20 @@
-import _sfc_main from "./IconSeparator.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: "IconSeparator",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1,20 +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: "IconSeparator",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSeparator.vue.js";
 export {
   _sfc_main as default
 };

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

@@ -1,20 +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: "IconZoomIn",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconZoomIn.vue2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,20 @@
-import _sfc_main from "./IconZoomIn.vue.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: "IconZoomIn",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15m7 7V15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

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

@@ -1,20 +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: "IconZoomOut",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconZoomOut.vue2.js";
 export {
   _sfc_main as default
 };

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

@@ -1,4 +1,20 @@
-import _sfc_main from "./IconZoomOut.vue.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: "IconZoomOut",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M32.607 32.607A14.953 14.953 0 0 0 37 22c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15 4.142 0 7.892-1.679 10.607-4.393Zm0 0L41.5 41.5M29 22H15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/utils/control.js

@@ -5,6 +5,7 @@ import { isUndefined } from "./is.js";
 import "./time.js";
 import "../../Empty/index.js";
 /* empty css                     */
+import "./locale.js";
 const useControlValue = (modelValue, defaultValue, onSet = (data) => data, onGet = (data) => data) => {
   const controlValue = ref(defaultValue);
   return computed({

package/es/_shared/utils/global-config.d.ts

@@ -1,10 +1,11 @@
 import { Ref, VNode } from 'vue';
 import { ConfigconfigSlots, EmptyComponent } from '../../ConfigProvider';
-import { PopupContainer, Props, Size } from '../type';
+import { ObjectData, PopupContainer, Props, Size } from '../type';
 export declare const CONFIG_PROVIDER_PROVIDE_KEY = "config-props";
 export interface ConfigProviderProvide {
     zIndex: Ref<number>;
     size: Ref<Size>;
+    locale: Ref<ObjectData | undefined>;
     popupContainer: Ref<PopupContainer>;
     updateAtScroll: Ref<boolean>;
     scrollToClose: Ref<boolean>;
@@ -13,6 +14,7 @@ export interface ConfigProviderProvide {
 export declare const getGlobalConfig: (props?: Props) => {
     slots: Partial<ConfigconfigSlots>;
     zIndex: Ref<number, number>;
+    locale: Ref<ObjectData | undefined, ObjectData | undefined>;
     size: import('vue').ComputedRef<any>;
     updateAtScroll: import('vue').ComputedRef<any>;
     scrollToClose: import('vue').ComputedRef<any>;

package/es/_shared/utils/global-config.js

@@ -6,6 +6,7 @@ import "./time.js";
 import Empty from "../../Empty/index.js";
 /* empty css                     */
 import _sfc_main from "../icons/IconLoading.vue.js";
+import "./locale.js";
 const CONFIG_PROVIDER_PROVIDE_KEY = "config-props";
 const getVar = (value, _value) => {
   return computed(() => {
@@ -16,11 +17,13 @@ const getGlobalConfig = (props = {}) => {
   const {
     slots,
     zIndex,
+    locale,
     size: _size,
     updateAtScroll: _updateAtScroll,
     scrollToClose: _scrollToClose,
     popupContainer: _popupContainer
   } = inject(CONFIG_PROVIDER_PROVIDE_KEY, {
+    locale: ref(),
     zIndex: ref(1001),
     size: ref("medium"),
     updateAtScroll: ref(true),
@@ -43,6 +46,7 @@ const getGlobalConfig = (props = {}) => {
   return {
     slots,
     zIndex,
+    locale,
     size: getVar(size, _size),
     updateAtScroll: getVar(updateAtScroll, _updateAtScroll),
     scrollToClose: getVar(scrollToClose, _scrollToClose),

package/es/_shared/utils/index.d.ts

@@ -4,4 +4,5 @@ export * from './is';
 export * from './time';
 export * from './vue-utils';
 export * from './global-config';
+export * from './locale';
 export { default as useControlValue } from './control';

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

@@ -0,0 +1,22 @@
+/**
+ * 添加地区语言包。添加过后的语言包可以通过 `useLocale` 使用
+ * @param messages 需要添加的地区语言数据
+ * @param options
+ */
+export declare const addI18nMessages: (messages: Record<string, any>, options?: {
+    overwrite?: boolean;
+}) => void;
+/**
+ * 切换地区语言。仅在未提供ConfigProvider时生效。
+ * @param locale
+ */
+export declare const useLocale: (locale: string) => void;
+/**
+ * 获取当前的地区语言
+ */
+export declare const getLocale: () => string;
+export declare const useI18n: () => {
+    i18nMessage: import('vue').ComputedRef<Record<string, any>>;
+    locale: import('vue').ComputedRef<any>;
+    t: (key: string, ...args: any[]) => string;
+};

package/es/_shared/utils/locale.js

@@ -0,0 +1,39 @@
+import { computed, reactive, ref } from "vue";
+import { isString } from "./is.js";
+import { getGlobalConfig } from "./global-config.js";
+import lang from "../../public/lang/zh-cn.js";
+const LOCALE = ref("zh-CN");
+const I18N_MESSAGES = reactive({
+  "zh-CN": lang
+});
+const useI18n = () => {
+  const { locale } = getGlobalConfig();
+  const i18nMessage = computed(
+    () => locale.value ?? I18N_MESSAGES[LOCALE.value]
+  );
+  const transform = (key, ...args) => {
+    const keyArray = key.split(".");
+    let temp = i18nMessage.value;
+    for (const keyItem of keyArray) {
+      if (!temp[keyItem]) {
+        return key;
+      }
+      temp = temp[keyItem];
+    }
+    if (isString(temp)) {
+      if (args.length > 0) {
+        return temp.replace(/{(\d+)}/g, (sub, index) => args[index] ?? sub);
+      }
+      return temp;
+    }
+    return temp;
+  };
+  return {
+    i18nMessage,
+    locale: computed(() => i18nMessage.value.locale),
+    t: transform
+  };
+};
+export {
+  useI18n
+};