cosey 0.10.1 → 0.10.3

package/README.md

@@ -68,7 +68,6 @@ Cosey 基于 element-plus 并补充了众多组件，意在使开发者更加专
 - 打包案例 `npm run build`
 - 打包文档 `npm run docs:build`
 - 部署案例和文档 `npm run cosey:deploy`
-- 更新 `create-cosey` 中 `cosey` 包的版本
 
 ## 推送代码流程
 

package/config/i18n.d.ts

@@ -0,0 +1,16 @@
+import type { DeepPartial } from '../types/helper';
+/**
+ * 国际化相关配置
+ */
+export declare const defaultI18nConfig: {
+    locale: string;
+    messages: {
+        value: string;
+        label: string;
+        dayjs: Record<string, any>;
+        cosey: Record<string, any>;
+        app: Record<string, any>;
+    }[];
+};
+export type I18nConfig = DeepPartial<typeof defaultI18nConfig>;
+export type RequiredI18nConfig = typeof defaultI18nConfig;

package/config/i18n.js

@@ -0,0 +1,6 @@
+const defaultI18nConfig = {
+  locale: "zh-cn",
+  messages: []
+};
+
+export { defaultI18nConfig };

package/config/index.d.ts

@@ -1,12 +1,13 @@
-import { type RequiredRouterConfig, type RouterConfig } from './router';
-import { type PersistConfig } from './persist';
+import { type App, type Component, type VNodeChild } from 'vue';
+import { type RouterConfig, type RequiredRouterConfig } from './router';
 import { type LayoutConfig, type RequiredLayoutConfig } from './layout';
 import { type SiteConfig, type RequiredSiteConfig } from './site';
-import { type RequiredHttpConfig, type HttpConfig } from './http';
-import { type RequiredApiConfig, type ApiConfig } from './api';
-import { type App, type Component, type VNodeChild } from 'vue';
-import { type CoseyRouterOptions } from '../router';
+import { type HttpConfig, type RequiredHttpConfig } from './http';
+import { type ApiConfig, type RequiredApiConfig } from './api';
+import { type PersistConfig } from './persist';
+import { I18nConfig } from './i18n';
 import { type RouteRecordRaw } from 'vue-router';
+import { type CoseyRouterOptions } from '../router';
 export interface LayoutComponents {
     base?: string | Component;
     sidebar?: string | Component;
@@ -63,6 +64,7 @@ export type CoseyOptions = {
     } | DefineAuthorityHandler;
     components?: LayoutComponents;
     slots?: LayoutSlots;
+    i18n?: I18nConfig;
 };
 export interface GlobalConfig {
     router: RequiredRouterConfig;
@@ -75,6 +77,21 @@ export interface GlobalConfig {
     components: NonNullable<CoseyOptions['components']>;
     slots: NonNullable<CoseyOptions['slots']>;
 }
-export declare function provideGlobalConfig(app: App, options: CoseyOptions): void;
+export declare function provideGlobalConfig(app: App, options: CoseyOptions): {
+    router: any;
+    http: any;
+    layout: any;
+    site: any;
+    api: any;
+    filterRoute: FilterRouteHandler | {
+        hook: () => FilterRouteHandler;
+    };
+    defineAuthority: DefineAuthorityHandler | {
+        hook: () => DefineAuthorityHandler;
+    };
+    components: LayoutComponents;
+    slots: LayoutSlots;
+    persist: import("@gunny/persist").default;
+};
 export declare function useGlobalConfig(): GlobalConfig;
 export {};

package/config/index.js

@@ -1,12 +1,13 @@
+import { inject } from 'vue';
+import { defaultsDeep } from 'lodash-es';
 import { defaultRouterConfig } from './router.js';
-import { defaultPersistConfig } from './persist.js';
 import { defaultLayoutConfig } from './layout.js';
 import { defaultSiteConfig } from './site.js';
 import { defaultHttpConfig } from './http.js';
 import { defaultApiConfig } from './api.js';
-import { defaultsDeep } from 'lodash-es';
-import { inject } from 'vue';
-import { persistContextKey, createPersist } from '../hooks/usePersist.js';
+import { defaultPersistConfig } from './persist.js';
+import { setupLocale } from '../locale/index.js';
+import { createPersist, persistContextKey } from '../hooks/usePersist.js';
 
 const globalConfigContextKey = Symbol("globalConfigContext");
 function provideGlobalConfig(app, options) {
@@ -20,11 +21,14 @@ function provideGlobalConfig(app, options) {
     filterRoute = () => true,
     defineAuthority = () => void 0,
     components = {},
-    slots = {}
+    slots = {},
+    i18n = {}
   } = options;
   const persistConfig = defaultsDeep(persist, defaultPersistConfig);
-  app.provide(persistContextKey, createPersist(persistConfig.name, persistConfig.type));
-  app.provide(globalConfigContextKey, {
+  const persistIns = createPersist(persistConfig.name, persistConfig.type);
+  setupLocale(app, i18n, persistIns);
+  app.provide(persistContextKey, persistIns);
+  const globalConfig = {
     router: defaultsDeep({ homePath, loginPath, changePasswordPath }, defaultRouterConfig),
     http: defaultsDeep(http, defaultHttpConfig),
     layout: defaultsDeep(layout, defaultLayoutConfig),
@@ -33,8 +37,11 @@ function provideGlobalConfig(app, options) {
     filterRoute,
     defineAuthority,
     components,
-    slots
-  });
+    slots,
+    persist: persistIns
+  };
+  app.provide(globalConfigContextKey, globalConfig);
+  return globalConfig;
 }
 function useGlobalConfig() {
   return inject(globalConfigContextKey, {});

package/config/root-config-provider.js

@@ -7,6 +7,7 @@ import 'element-plus/dist/index.css';
 import 'element-plus/theme-chalk/dark/css-vars.css';
 import { ElConfigProvider } from 'element-plus';
 import { provideUploadConfig } from './upload.js';
+import { useCoseyLocale } from '../locale/index.js';
 import { useColorSchemeProvide } from '../hooks/useColorScheme.js';
 import { containerContextKey } from '../components/container/container.api.js';
 import { useStackDialogProvide } from '../components/stack-dialog/stack-dialog.api.js';
@@ -28,12 +29,7 @@ var stdin_default = defineComponent({
         algorithm: props.theme?.algorithm || getAlgorithm([... /* @__PURE__ */new Set([appliedColorScheme.value])])
       };
     });
-    const mergedConfigProviderProps = computed(() => {
-      return {
-        ...props,
-        theme: themeConfig.value
-      };
-    });
+    const coseyLocale = useCoseyLocale();
     const apiConfig = useGlobalConfig()?.api;
     if (apiConfig) {
       const uploadApi = apiConfig.upload?.();
@@ -46,6 +42,13 @@ var stdin_default = defineComponent({
       height: computed(() => `calc(100vh - ${layoutStore.headerHeight}px)`)
     }));
     useStackDialogProvide();
+    const mergedConfigProviderProps = computed(() => {
+      return {
+        ...props,
+        locale: coseyLocale.value,
+        theme: themeConfig.value
+      };
+    });
     return () => {
       return createVNode(_ConfigProvider, mergedConfigProviderProps.value, {
         default: () => [createVNode(ElConfigProvider, {

package/index.d.ts

@@ -3,6 +3,7 @@ import { type CoseyOptions } from './config';
 export * from './request';
 export * from './layout';
 export * from './router';
+export { i18n } from './locale';
 export { useUserStore, useAppearanceStore, useLayoutStore } from './store';
 export * from './config';
 export * from './config/root-config-provider.api';

package/index.js

@@ -5,6 +5,7 @@ import { provideGlobalConfig } from './config/index.js';
 export { useGlobalConfig } from './config/index.js';
 import { registerGlobalComponents } from './layout/index.js';
 import { createPiniaStore } from './store/index.js';
+export { i18n } from './locale/index.js';
 export { getAlgorithm, rootConfigProviderProps } from './config/root-config-provider.api.js';
 export { default as RootConfigProvider } from './config/root-config-provider.js';
 export { useAppearanceStore } from './store/appearance.js';
@@ -56,6 +57,7 @@ export { default as MergedLayoutForbidden } from './layout/merged/layout-forbidd
 export { default as MergedLayoutHeader } from './layout/merged/layout-header.js';
 export { default as MergedLayoutIframe } from './layout/merged/layout-iframe.js';
 export { default as MergedLayoutInternalServerError } from './layout/merged/layout-internal-server-error.js';
+export { default as MergedLayoutLocale } from './layout/merged/layout-locale.js';
 export { default as MergedLayoutLogin } from './layout/merged/layout-login.js';
 export { default as MergedLayoutMain } from './layout/merged/layout-main.js';
 export { default as MergedLayoutMask } from './layout/merged/layout-mask.js';

package/layout/index.js

@@ -43,6 +43,7 @@ export { default as MergedLayoutForbidden } from './merged/layout-forbidden.js';
 export { default as MergedLayoutHeader } from './merged/layout-header.js';
 export { default as MergedLayoutIframe } from './merged/layout-iframe.js';
 export { default as MergedLayoutInternalServerError } from './merged/layout-internal-server-error.js';
+export { default as MergedLayoutLocale } from './merged/layout-locale.js';
 export { default as MergedLayoutLogin } from './merged/layout-login.js';
 export { default as MergedLayoutMain } from './merged/layout-main.js';
 export { default as MergedLayoutMask } from './merged/layout-mask.js';

package/layout/layout-auth/layout-auth.vue.js

@@ -1,6 +1,7 @@
 import { defineComponent, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, createBlock, resolveDynamicComponent } from 'vue';
-import stdin_default$3 from '../merged/layout-color-scheme.js';
+import stdin_default$4 from '../merged/layout-color-scheme.js';
 import stdin_default$2 from '../merged/layout-brand.js';
+import stdin_default$3 from '../merged/layout-locale.js';
 import stdin_default$1 from './style/index.js';
 import { useGlobalConfig } from '../../config/index.js';
 import { useComponentConfig } from '../../components/config-provider/config-provider.api.js';
@@ -35,7 +36,7 @@ var stdin_default = /* @__PURE__ */defineComponent({
       }, [createVNode(unref(stdin_default$2))], 2
       /* CLASS */), createElementVNode("div", {
         class: normalizeClass(`${unref(prefixCls)}-widget`)
-      }, [(openBlock(), createBlock(resolveDynamicComponent(unref(AuthWidget)))), createVNode(unref(stdin_default$3))], 2
+      }, [(openBlock(), createBlock(resolveDynamicComponent(unref(AuthWidget)))), createVNode(unref(stdin_default$3)), createVNode(unref(stdin_default$4))], 2
       /* CLASS */)], 2
       /* CLASS */);
     };

package/layout/layout-base/layout-base.vue.js

@@ -1,21 +1,22 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, createVNode, withCtx, resolveDynamicComponent } from 'vue';
 import stdin_default$4 from '../merged/layout-aside.js';
-import stdin_default$c from '../merged/layout-brand.js';
-import stdin_default$e from '../merged/layout-breadcrumb.js';
+import stdin_default$d from '../merged/layout-brand.js';
+import stdin_default$f from '../merged/layout-breadcrumb.js';
 import stdin_default$6 from '../merged/layout-content.js';
 import stdin_default$7 from '../merged/layout-header.js';
-import stdin_default$i from '../merged/layout-main.js';
+import stdin_default$a from '../merged/layout-locale.js';
+import stdin_default$j from '../merged/layout-main.js';
 import stdin_default$5 from '../merged/layout-mask.js';
-import stdin_default$g from '../merged/layout-menu.js';
+import stdin_default$h from '../merged/layout-menu.js';
 import stdin_default$2 from '../merged/layout-sidebar.js';
 import stdin_default$3 from '../merged/layout-snug-aside.js';
-import stdin_default$h from '../merged/layout-tabbar.js';
-import stdin_default$d from '../merged/layout-toggle.js';
-import stdin_default$f from '../merged/layout-top-snug-menu.js';
+import stdin_default$i from '../merged/layout-tabbar.js';
+import stdin_default$e from '../merged/layout-toggle.js';
+import stdin_default$g from '../merged/layout-top-snug-menu.js';
 import stdin_default$8 from '../merged/layout-topbar.js';
-import stdin_default$a from '../merged/layout-color-scheme.js';
+import stdin_default$b from '../merged/layout-color-scheme.js';
 import stdin_default$9 from '../merged/layout-search.js';
-import stdin_default$b from '../merged/layout-user-menu.js';
+import stdin_default$c from '../merged/layout-user-menu.js';
 import stdin_default$1 from './style/index.js';
 import { useLayoutStore } from '../../store/layout.js';
 import { useGlobalConfig } from '../../config/index.js';
@@ -57,29 +58,29 @@ var stdin_default = /* @__PURE__ */defineComponent({
       })) : createCommentVNode("v-if", true), createVNode(unref(stdin_default$6), null, {
         default: withCtx(() => [createVNode(unref(stdin_default$7), null, {
           default: withCtx(() => [createVNode(unref(stdin_default$8), null, {
-            left: withCtx(() => [!unref(layoutStore).isMobile && (unref(layoutStore).isHorizontal || unref(layoutStore).isHorizontalVertical || unref(layoutStore).isHorizontalBiserial) ? (openBlock(), createBlock(unref(stdin_default$c), {
+            left: withCtx(() => [!unref(layoutStore).isMobile && (unref(layoutStore).isHorizontal || unref(layoutStore).isHorizontalVertical || unref(layoutStore).isHorizontalBiserial) ? (openBlock(), createBlock(unref(stdin_default$d), {
               key: 0,
               "is-horizontal": ""
-            })) : createCommentVNode("v-if", true), unref(layoutStore).isMobile || unref(layoutStore).isVertical || unref(layoutStore).isBiserial ? (openBlock(), createBlock(unref(stdin_default$d), {
+            })) : createCommentVNode("v-if", true), unref(layoutStore).isMobile || unref(layoutStore).isVertical || unref(layoutStore).isBiserial ? (openBlock(), createBlock(unref(stdin_default$e), {
               key: 1
-            })) : createCommentVNode("v-if", true), (openBlock(), createBlock(resolveDynamicComponent(unref(AfterToggle)))), !unref(layoutStore).isMobile && (unref(layoutStore).isVertical || unref(layoutStore).isBiserial) ? (openBlock(), createBlock(unref(stdin_default$e), {
+            })) : createCommentVNode("v-if", true), (openBlock(), createBlock(resolveDynamicComponent(unref(AfterToggle)))), !unref(layoutStore).isMobile && (unref(layoutStore).isVertical || unref(layoutStore).isBiserial) ? (openBlock(), createBlock(unref(stdin_default$f), {
               key: 2
-            })) : createCommentVNode("v-if", true), !unref(layoutStore).isMobile && (unref(layoutStore).isHorizontalVertical || unref(layoutStore).isHorizontalBiserial) ? (openBlock(), createBlock(unref(stdin_default$f), {
+            })) : createCommentVNode("v-if", true), !unref(layoutStore).isMobile && (unref(layoutStore).isHorizontalVertical || unref(layoutStore).isHorizontalBiserial) ? (openBlock(), createBlock(unref(stdin_default$g), {
               key: 3
-            })) : createCommentVNode("v-if", true), !unref(layoutStore).isMobile && unref(layoutStore).isHorizontal ? (openBlock(), createBlock(unref(stdin_default$g), {
+            })) : createCommentVNode("v-if", true), !unref(layoutStore).isMobile && unref(layoutStore).isHorizontal ? (openBlock(), createBlock(unref(stdin_default$h), {
               key: 4,
               mode: "horizontal",
               style: {
                 "flex": "1"
               }
             })) : createCommentVNode("v-if", true)]),
-            right: withCtx(() => [createVNode(unref(stdin_default$9)), (openBlock(), createBlock(resolveDynamicComponent(unref(TopbarWidget)))), createVNode(unref(stdin_default$a)), createVNode(unref(stdin_default$b)), (openBlock(), createBlock(resolveDynamicComponent(unref(TopbarRight))))]),
+            right: withCtx(() => [createVNode(unref(stdin_default$9)), (openBlock(), createBlock(resolveDynamicComponent(unref(TopbarWidget)))), createVNode(unref(stdin_default$a)), createVNode(unref(stdin_default$b)), createVNode(unref(stdin_default$c)), (openBlock(), createBlock(resolveDynamicComponent(unref(TopbarRight))))]),
             _: 1
             /* STABLE */
-          }), createVNode(unref(stdin_default$h))]),
+          }), createVNode(unref(stdin_default$i))]),
           _: 1
           /* STABLE */
-        }), createVNode(unref(stdin_default$i))]),
+        }), createVNode(unref(stdin_default$j))]),
         _: 1
         /* STABLE */
       })], 2

package/layout/layout-locale/index.d.ts

@@ -0,0 +1 @@
+export { default } from './layout-locale.vue';

package/layout/layout-locale/index.js

@@ -0,0 +1 @@
+export { default } from './layout-locale.vue.js';

package/layout/layout-locale/layout-locale.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/layout/layout-locale/layout-locale.vue.js

@@ -0,0 +1,73 @@
+import { defineComponent, resolveComponent, createBlock, createCommentVNode, unref, openBlock, withCtx, createVNode, createElementBlock, Fragment, renderList, createElementVNode, createTextVNode, toDisplayString } from 'vue';
+import { Icon } from 'cosey/components';
+import { useLocaleMessages } from '../../locale/index.js';
+import { useI18n } from 'vue-i18n';
+
+const _hoisted_1 = {
+  style: {
+    "width": "24px"
+  }
+};
+var stdin_default = /* @__PURE__ */defineComponent({
+  ...{
+    name: "CoLayoutLocale"
+  },
+  __name: "layout-locale",
+  setup(__props) {
+    const messages = useLocaleMessages();
+    const {
+      locale
+    } = useI18n();
+    const onCommand = lang => {
+      locale.value = lang;
+    };
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      return unref(messages).length > 1 ? (openBlock(), createBlock(_component_el_dropdown, {
+        key: 0,
+        placement: "bottom",
+        trigger: "click",
+        onCommand
+      }, {
+        dropdown: withCtx(() => [createVNode(_component_el_dropdown_menu, null, {
+          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(messages), option => {
+            return openBlock(), createBlock(_component_el_dropdown_item, {
+              key: option.value,
+              command: option.value
+            }, {
+              default: withCtx(() => [createElementVNode("div", _hoisted_1, [option.value === unref(locale) ? (openBlock(), createBlock(unref(Icon), {
+                key: 0,
+                name: "co:checkmark",
+                size: "lg"
+              })) : createCommentVNode("v-if", true)]), createTextVNode(" " + toDisplayString(option.label), 1
+              /* TEXT */)]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["command"]);
+          }), 128
+          /* KEYED_FRAGMENT */))]),
+          _: 1
+          /* STABLE */
+        })]),
+        default: withCtx(() => [createVNode(_component_el_button, {
+          link: "",
+          size: "large"
+        }, {
+          default: withCtx(() => [createVNode(unref(Icon), {
+            name: "co:ibm-watson-language-translator",
+            size: "lg"
+          })]),
+          _: 1
+          /* STABLE */
+        })]),
+        _: 1
+        /* STABLE */
+      })) : createCommentVNode("v-if", true);
+    };
+  }
+});
+
+export { stdin_default as default };

package/layout/merged/index.d.ts

@@ -12,6 +12,7 @@ export { default as MergedLayoutForbidden } from './layout-forbidden';
 export { default as MergedLayoutHeader } from './layout-header';
 export { default as MergedLayoutIframe } from './layout-iframe';
 export { default as MergedLayoutInternalServerError } from './layout-internal-server-error';
+export { default as MergedLayoutLocale } from './layout-locale';
 export { default as MergedLayoutLogin } from './layout-login';
 export { default as MergedLayoutMain } from './layout-main';
 export { default as MergedLayoutMask } from './layout-mask';

package/layout/merged/index.js

@@ -12,6 +12,7 @@ export { default as MergedLayoutForbidden } from './layout-forbidden.js';
 export { default as MergedLayoutHeader } from './layout-header.js';
 export { default as MergedLayoutIframe } from './layout-iframe.js';
 export { default as MergedLayoutInternalServerError } from './layout-internal-server-error.js';
+export { default as MergedLayoutLocale } from './layout-locale.js';
 export { default as MergedLayoutLogin } from './layout-login.js';
 export { default as MergedLayoutMain } from './layout-main.js';
 export { default as MergedLayoutMask } from './layout-mask.js';

package/layout/merged/layout-locale.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/layout/merged/layout-locale.js

@@ -0,0 +1,6 @@
+import stdin_default$1 from '../layout-locale/layout-locale.vue.js';
+import { mergedLayout } from '../utils.js';
+
+var stdin_default = mergedLayout("locale", stdin_default$1);
+
+export { stdin_default as default };

package/locale/index.d.ts

@@ -1,5 +1,6 @@
-export { default as zhCn } from './lang/zh-cn';
-export { default as en } from './lang/en';
+import { type App } from 'vue';
+import { type I18nConfig } from '../config/i18n';
+import Persist from '@gunny/persist';
 export type TranslatePair = {
     [key: string]: string | string[] | TranslatePair;
 };
@@ -8,3 +9,13 @@ export type Language = {
     el: TranslatePair;
     co: TranslatePair;
 };
+export declare let i18n: import("vue-i18n").I18n<{}, {}, {}, string, false>;
+export declare function setupLocale(app: App, config: I18nConfig | undefined, persist: Persist): void;
+export declare function useCoseyLocale(): Record<string, any>;
+export declare function useLocaleMessages(): {
+    value: string;
+    label: string;
+    dayjs: Record<string, any>;
+    cosey: Record<string, any>;
+    app: Record<string, any>;
+}[];

package/locale/index.js

@@ -1,2 +1,61 @@
-export { default as zhCn } from './lang/zh-cn.js';
-export { default as en } from './lang/en.js';
+import { inject, shallowRef, watch } from 'vue';
+import { createI18n } from 'vue-i18n';
+import { defaultsDeep } from 'lodash-es';
+import dayjs from 'dayjs';
+import { defaultI18nConfig } from '../config/i18n.js';
+
+const langKey = "Cosey:lang";
+const rtlLangs = ["ar"];
+function getMessages(config, type) {
+  const langs = {};
+  config.messages.forEach((item) => {
+    langs[item.value] = item[type];
+  });
+  return langs;
+}
+const coseyLocaleKey = Symbol("coseyLocale");
+const localeMessagesKey = Symbol("localeMessages");
+let i18n = createI18n({
+  legacy: false
+});
+function setupLocale(app, config = {}, persist) {
+  const mergedConfig = defaultsDeep(config, defaultI18nConfig);
+  const appMessages = getMessages(mergedConfig, "app");
+  const coesyMessages = getMessages(mergedConfig, "cosey");
+  const dayjsMessages = getMessages(mergedConfig, "dayjs");
+  const locale = persist.get(langKey) || mergedConfig.locale;
+  const coseyLocale = shallowRef({});
+  i18n = createI18n({
+    legacy: false,
+    locale,
+    fallbackLocale: locale,
+    messages: appMessages,
+    silentTranslationWarn: true,
+    silentFallbackWarn: true,
+    missingWarn: false,
+    fallbackWarn: false
+  });
+  watch(
+    i18n.global.locale,
+    (locale2) => {
+      coseyLocale.value = coesyMessages[locale2];
+      dayjs.locale(dayjsMessages[locale2]);
+      persist.set(langKey, locale2);
+      document.documentElement.setAttribute("dir", rtlLangs.includes(locale2) ? "rtl" : "ltr");
+    },
+    {
+      immediate: true
+    }
+  );
+  app.use(i18n);
+  app.provide(coseyLocaleKey, coseyLocale);
+  app.provide(localeMessagesKey, mergedConfig.messages);
+}
+function useCoseyLocale() {
+  return inject(coseyLocaleKey, {});
+}
+function useLocaleMessages() {
+  return inject(localeMessagesKey, []);
+}
+
+export { i18n, setupLocale, useCoseyLocale, useLocaleMessages };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.10.1",
+  "version": "0.10.3",
   "description": "基于 Vue3 + vite 的后台管理系统框架",
   "type": "module",
   "main": "index.js",
@@ -10,7 +10,7 @@
   },
   "devDependencies": {
     "@casl/ability": "^6.7.3",
-    "@cosey/icons": "^0.1.7",
+    "@cosey/icons": "^0.1.8",
     "@ctrl/tinycolor": "^4.1.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@emotion/hash": "^0.9.2",
@@ -47,7 +47,7 @@
   },
   "peerDependencies": {
     "@casl/ability": "^6.7.3",
-    "@cosey/icons": "^0.1.7",
+    "@cosey/icons": "^0.1.8",
     "@ctrl/tinycolor": "^4.1.0",
     "@element-plus/icons-vue": "^2.3.1",
     "@emotion/hash": "^0.9.2",