cosey 0.10.0 → 0.10.2

package/README.md

@@ -68,7 +68,6 @@ Cosey 基于 element-plus 并补充了众多组件，意在使开发者更加专
 - 打包案例 `npm run build`
 - 打包文档 `npm run docs:build`
 - 部署案例和文档 `npm run cosey:deploy`
-- 更新 `create-cosey` 中 `cosey` 包的版本
 
 ## 推送代码流程
 
@@ -76,4 +75,4 @@ Cosey 基于 element-plus 并补充了众多组件，意在使开发者更加专
 - 打标签 `npm run tag`
 - 生成更新日志 `npm run changelog`
 - 暂存、提交 changelog `git commit -a -m 'chore: changelog'`
-- 推送
+- 推送 `npm run push`

package/components/editor/contents/content-code-block.d.ts

@@ -1,18 +1,18 @@
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {
+    language: {
         type: StringConstructor;
         default: string;
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:value': (value: string) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    value: {
+    language: {
         type: StringConstructor;
         default: string;
     };
 }>> & Readonly<{
     "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
-    value: string;
+    language: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/editor/contents/content-code-block.js

@@ -2,12 +2,13 @@ import { defineComponent, useModel, createVNode } from 'vue';
 import { useEditor, useElement } from 'slate-vue3';
 import { DOMEditor } from 'slate-vue3/dom';
 import { languageOptions } from '../plugins/code-block.js';
+import { useGlobalHighlightStyle } from '../../highlight/highlight.style.js';
 import { isString } from '../../../utils/is.js';
 
 var stdin_default = defineComponent({
   name: "CoEditorContentCodeBlock",
   props: {
-    value: {
+    language: {
       type: String,
       default: "text"
     }
@@ -18,28 +19,31 @@ var stdin_default = defineComponent({
   setup(props, {
     slots
   }) {
-    const innerValue = useModel(props, "value");
+    useGlobalHighlightStyle();
+    const language = useModel(props, "language");
     const editor = useEditor();
     const element = useElement();
     const onChange = e => {
-      innerValue.value = e.target.value;
+      language.value = e.target.value;
       const path = DOMEditor.findPath(editor, element.value);
       editor.setNodes({
-        language: innerValue.value
+        language: language.value
       }, {
         at: path
       });
     };
     return () => {
       return createVNode("pre", {
-        "class": `language-${innerValue.value}`
+        "class": `language-${language.value}`
+      }, [createVNode("code", {
+        "class": `language-${language.value}`
       }, [createVNode("select", {
-        "value": innerValue.value,
+        "value": language.value,
         "contenteditable": false,
         "onChange": onChange
       }, [languageOptions.map(option => createVNode("option", {
         "value": option.value
-      }, [option.label]))]), createVNode("div", null, [slots.default?.()])]);
+      }, [option.label]))]), createVNode("div", null, [slots.default?.()])])]);
     };
   }
 });

package/components/editor/editor.style.js

@@ -194,6 +194,7 @@ const getEditorStyle = (token) => {
         "&.is-focus::before": {
           content: '""',
           position: "absolute",
+          zIndex: 10,
           inset: 0,
           border: `2px solid ${token.colorPrimaryHover}`,
           borderRadius: token.borderRadius,

package/components/editor/plugins/code-block.js

@@ -19,6 +19,7 @@ const languageOptions = [
   { value: "json", label: "JSON" },
   { value: "markdown", label: "Markdown" },
   { value: "php", label: "PHP" },
+  { value: "bash", label: "Bash" },
   { value: "java", label: "Java" },
   { value: "python", label: "Python" },
   { value: "sql", label: "SQL" }
@@ -318,7 +319,14 @@ function withCodeBlock(editor) {
   editor.renderElement = (props) => {
     const { attributes, children, element } = props;
     if (element.type === "code-block") {
-      return h(stdin_default, useInheritRef(attributes), () => children);
+      return h(
+        stdin_default,
+        {
+          ...useInheritRef(attributes),
+          language: element.language
+        },
+        () => children
+      );
     }
     if (element.type === "code-line") {
       return h("div", { ...attributes, style: { position: "relative" } }, children);

package/components/highlight/highlight.api.js

@@ -6,7 +6,7 @@ const highlightProps = {
   },
   lang: {
     type: String,
-    default: "txt"
+    default: "text"
   },
   maxHeight: {
     type: String

package/components/highlight/highlight.js

@@ -1,7 +1,7 @@
 import { defineComponent, computed, createVNode } from 'vue';
 import { ElScrollbar } from 'element-plus';
 import { highlightSlots, highlightProps } from './highlight.api.js';
-import stdin_default$1 from './highlight.style.js';
+import stdin_default$1, { useGlobalHighlightStyle } from './highlight.style.js';
 import stdin_default$2 from '../copy/copy.js';
 import { useComponentConfig } from '../config-provider/config-provider.api.js';
 import Prism from 'prismjs';
@@ -17,7 +17,8 @@ var stdin_default = defineComponent({
     const {
       hashId
     } = stdin_default$1(prefixCls);
-    const highlightedCode = computed(() => Prism.highlight(props.code || "", Prism.languages[props.lang] || Prism.languages["txt"], props.lang));
+    useGlobalHighlightStyle();
+    const highlightedCode = computed(() => Prism.highlight(props.code || "", Prism.languages[props.lang] || Prism.languages["text"], props.lang));
     return () => {
       return createVNode("div", {
         "class": [hashId.value, prefixCls.value]

package/components/highlight/highlight.style.d.ts

@@ -5,3 +5,4 @@ declare const _default: (_prefixCls?: import("vue").ComputedRef<string> | string
     hashId: import("vue").Ref<string, string>;
 };
 export default _default;
+export declare const useGlobalHighlightStyle: (themeManager?: import("../theme/theme-context").ThemeManager) => void;

package/components/highlight/highlight.style.js

@@ -1,8 +1,10 @@
+import { getGlobalStyleHook } from '../theme/getGlobalStyleHook.js';
 import { getSimpleStyleHook } from '../theme/getSimpleStyleHook.js';
 
 function getHljsDark() {
   return {
     'pre[class*="language-"], code[class*="language-"]': {
+      display: "block",
       color: "#d4d4d4",
       fontSize: "13px",
       textShadow: "none",
@@ -32,12 +34,10 @@ function getHljsDark() {
     },
     'pre[class*="language-"]': {
       padding: "1em",
-      margin: ".5em 0",
       overflow: "auto",
       background: "#1e1e1e"
     },
     ':not(pre) > code[class*="language-"]': {
-      padding: ".1em .3em",
       borderRadius: ".3em",
       color: "#db4c69",
       background: "#1e1e1e"
@@ -188,6 +188,7 @@ function getHljsDark() {
 function getHljsLight() {
   return {
     'code[class*="language-"], pre[class*="language-"]': {
+      display: "block",
       background: "hsl(230, 1%, 98%)",
       color: "hsl(230, 8%, 24%)",
       fontFamily: '"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',
@@ -215,12 +216,10 @@ function getHljsLight() {
     },
     'pre[class*="language-"]': {
       padding: "1em",
-      margin: "0.5em 0",
       overflow: "auto",
       borderRadius: "0.3em"
     },
     ':not(pre) > code[class*="language-"]': {
-      padding: "0.2em 0.3em",
       borderRadius: "0.3em",
       whiteSpace: "normal"
     },
@@ -335,15 +334,15 @@ var stdin_default = getSimpleStyleHook("CoHighlight", (token) => {
         insetBlockStart: token.sizeXXS,
         insetInlineEnd: token.sizeXXS,
         zIndex: 10
-      },
-      ":root.dark &": {
-        ...getHljsDark()
-      },
-      ":root:not(.dark) &": {
-        ...getHljsLight()
       }
     }
   };
 });
+const useGlobalHighlightStyle = getGlobalStyleHook("CoGlobalHighlight", () => {
+  return {
+    ":root.dark": getHljsDark(),
+    ":root:not(.dark)": getHljsLight()
+  };
+});
 
-export { stdin_default as default, getHljsDark, getHljsLight };
+export { stdin_default as default, getHljsDark, getHljsLight, useGlobalHighlightStyle };

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.js

@@ -56,6 +56,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,12 @@ export type Language = {
     el: TranslatePair;
     co: TranslatePair;
 };
+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,58 @@
-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");
+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({});
+  const 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 { setupLocale, useCoseyLocale, useLocaleMessages };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cosey",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "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",
@@ -38,7 +38,7 @@
     "nprogress": "^0.2.0",
     "pinia": "^3.0.2",
     "prismjs": "^1.30.0",
-    "slate-vue3": "^0.8.0",
+    "slate-vue3": "^0.10.0",
     "stylis": "^4.3.6",
     "svga": "^2.1.1",
     "vue": "^3.5.21",
@@ -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",
@@ -72,7 +72,7 @@
     "nprogress": "^0.2.0",
     "pinia": "^3.0.2",
     "prismjs": "^1.30.0",
-    "slate-vue3": "^0.8.0",
+    "slate-vue3": "^0.10.0",
     "stylis": "^4.3.6",
     "svga": "^2.1.1",
     "vue": "^3.5.21",