@meethive/components 0.0.8 → 0.0.9

package/es/ProLayout/SiderMenu/SiderMenu.js

@@ -157,6 +157,14 @@ const SiderMenu = defineComponent({
       [`${baseClassName}-layout-${props.layout}`]: props.layout,
       [hashId.value]: true
     }));
+    const menuLocale = computed(() => {
+      const locale = props.locale || context.locale;
+      if (typeof locale === 'function' || typeof locale === 'boolean') return locale;
+      if (locale && typeof locale === 'object') {
+        return t => locale[t] ?? t;
+      }
+      return t => t;
+    });
     const logCls = computed(() => ({
       [`${baseClassName}-logo`]: true,
       [`${baseClassName}-logo-card`]: props.layoutType === LayoutType.CARD
@@ -192,7 +200,7 @@ const SiderMenu = defineComponent({
       }
       const defaultMenuDom = _createVNode(BaseMenu, {
         "prefixCls": getPrefixCls(),
-        "locale": props.locale || context.locale,
+        "locale": menuLocale.value,
         "theme": theme,
         "mode": "inline",
         "menuData": hasSplitMenu.value ? context.flatMenuData : context.menuData,

package/es/ProLayout/TopHeader/index.js

@@ -101,6 +101,14 @@ export const TopNavHeader = defineComponent({
     const _mode = computed(() => {
       return props.layout === 'mix' && props.splitMenus ? 'horizontal' : props.mode;
     });
+    const menuLocale = computed(() => {
+      const locale = props.locale || context.locale;
+      if (typeof locale === 'function' || typeof locale === 'boolean') return locale;
+      if (locale && typeof locale === 'object') {
+        return t => locale[t] ?? t;
+      }
+      return t => t;
+    });
     const className = computed(() => ({
       [prefixCls.value]: true,
       [hashId.value]: true,
@@ -146,7 +154,7 @@ export const TopNavHeader = defineComponent({
         "class": `${prefixCls.value}-menu`
       }, [topHeaderMenuRender ? topHeaderMenuRender() : _createVNode(BaseMenu, {
         "prefixCls": propPrefixCls,
-        "locale": props.locale || context.locale,
+        "locale": menuLocale.value,
         "theme": props.theme,
         "mode": _mode.value,
         "collapsed": props.collapsed,

package/lib/ProLayout/SiderMenu/SiderMenu.js

@@ -157,6 +157,14 @@ const SiderMenu = defineComponent({
       [`${baseClassName}-layout-${props.layout}`]: props.layout,
       [hashId.value]: true
     }));
+    const menuLocale = computed(() => {
+      const locale = props.locale || context.locale;
+      if (typeof locale === 'function' || typeof locale === 'boolean') return locale;
+      if (locale && typeof locale === 'object') {
+        return t => locale[t] ?? t;
+      }
+      return t => t;
+    });
     const logCls = computed(() => ({
       [`${baseClassName}-logo`]: true,
       [`${baseClassName}-logo-card`]: props.layoutType === LayoutType.CARD
@@ -192,7 +200,7 @@ const SiderMenu = defineComponent({
       }
       const defaultMenuDom = _createVNode(BaseMenu, {
         "prefixCls": getPrefixCls(),
-        "locale": props.locale || context.locale,
+        "locale": menuLocale.value,
         "theme": theme,
         "mode": "inline",
         "menuData": hasSplitMenu.value ? context.flatMenuData : context.menuData,

package/lib/ProLayout/TopHeader/index.js

@@ -101,6 +101,14 @@ export const TopNavHeader = defineComponent({
     const _mode = computed(() => {
       return props.layout === 'mix' && props.splitMenus ? 'horizontal' : props.mode;
     });
+    const menuLocale = computed(() => {
+      const locale = props.locale || context.locale;
+      if (typeof locale === 'function' || typeof locale === 'boolean') return locale;
+      if (locale && typeof locale === 'object') {
+        return t => locale[t] ?? t;
+      }
+      return t => t;
+    });
     const className = computed(() => ({
       [prefixCls.value]: true,
       [hashId.value]: true,
@@ -146,7 +154,7 @@ export const TopNavHeader = defineComponent({
         "class": `${prefixCls.value}-menu`
       }, [topHeaderMenuRender ? topHeaderMenuRender() : _createVNode(BaseMenu, {
         "prefixCls": propPrefixCls,
-        "locale": props.locale || context.locale,
+        "locale": menuLocale.value,
         "theme": props.theme,
         "mode": _mode.value,
         "collapsed": props.collapsed,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meethive/components",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",