chore: 升级 vue-i18n 依赖

example/docs/zh-CN/guide/changelog.md

@@ -21,6 +21,7 @@
           <li>[新增] transition 组件 type 属性, 默认为 collapse 过渡。</li>
           <li>[新增] transition 组件 enable 属性, 默认为 true 启用动画。</li>
           <li>[新增] transition 组件 type 属性 fade 值, 提供淡出淡入效果。</li>
+          <li>[新增] menu 组件 collapseTransition 属性, 是否启用折叠动画, 默认为 true。</li>
           <li>[新增] collapse 组件 collapseTransition 属性, 是否启用折叠动画, 默认为 true。</li>
           <li>[新增] tree 组件 collapseTransition 属性, 是否启用折叠动画, 默认为 true。</li>
           <li>[新增] input 组件 allow-clear 属性, 提供输入清空。</li>

example/src/layouts/Layout.vue

@@ -143,24 +143,6 @@
               >
             </a>
           </li>
-          <li class="layui-nav-item">
-            <a href="javascript:void(0)">
-              <lay-badge
-                type="rim"
-                class="layui-local-badge"
-                v-if="isDark"
-                @click="toggleDark"
-                >白天</lay-badge
-              >
-              <lay-badge
-                type="rim"
-                class="layui-local-badge"
-                v-else
-                @click="toggleDark"
-                >黑夜</lay-badge
-              >
-            </a>
-          </li>
           <li class="layui-nav-item">
             <a href="https://gitee.com/layui-vue/layui-vue/issues">
               <lay-icon type="layui-icon-chat" size="15px"></lay-icon>
@@ -182,7 +164,6 @@ import menu from "../view/utils/menus";
 import { useI18n } from "vue-i18n";
 import zh_CN from "../locales/zh_CN.ts";
 import en_US from "../locales/en_US.ts";
-import { useDark, useToggle } from "@vueuse/core";
 
 export default {
   setup() {
@@ -221,9 +202,6 @@ export default {
       });
     });
 
-    const isDark = useDark();
-    const toggleDark = useToggle(isDark);
-
     watch(
       () => route.path,
       (val) => {
@@ -246,8 +224,6 @@ export default {
       theme,
       locale,
       locales,
-      isDark,
-      toggleDark,
       currentPath,
       handleClick,
       changeLocale,

package.json

@@ -43,7 +43,7 @@
     "async-validator": "^4.0.7",
     "evtd": "^0.2.3",
     "vue": "^3.2.31",
-    "vue-i18n": "^9.1.9",
+    "vue-i18n": "^9.2.0-beta.33",
     "vue-router": "^4.0.12",
     "xlsx": "^0.18.4"
   },

src/component/subMenu/index.vue

@@ -102,7 +102,7 @@ onBeforeUnmount(() => window.removeEventListener("resize", setPosition));
     <template v-if="isTree">
       <lay-transition :enable="isCollapseTransition">
         <div v-if="isOpen">
-          <dl class="layui-nav-child" v-if="isOpen">
+          <dl class="layui-nav-child">
             <slot></slot>
           </dl>
         </div>
@@ -112,7 +112,7 @@ onBeforeUnmount(() => window.removeEventListener("resize", setPosition));
       <dl
         ref="subMenuRef"
         class="layui-nav-child layui-anim layui-anim-upbit"
-        :class="{ 'layui-show': isOpen, position }"
+        :class="[{ 'layui-show': isOpen }, position ]"
       >
         <slot></slot>
       </dl>

src/language/index.ts

@@ -3,6 +3,7 @@ import zh_CN from "./locales/zh_CN";
 import en_US from "./locales/en_US";
 
 const i18n = createI18n({
+  legacy: false,
   locale: "en_US",
   messages: {
     zh_CN: zh_CN,