From c7c4e69930a2f4008ddb970f350ac382949bef81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 27 Mar 2022 06:03:30 +0800
Subject: [PATCH 1/7] =?UTF-8?q?perf(date-picker):=20=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/datePicker/day.ts    |  36 ++++++++
 src/component/datePicker/index.vue | 137 +++++++++--------------------
 2 files changed, 78 insertions(+), 95 deletions(-)
 create mode 100644 src/component/datePicker/day.ts

diff --git a/src/component/datePicker/day.ts b/src/component/datePicker/day.ts
new file mode 100644
index 00000000..c84f43f8
--- /dev/null
+++ b/src/component/datePicker/day.ts
@@ -0,0 +1,36 @@
+/**
+ * 获取年份列表
+ */
+const getYears = () => {
+    let years = [];
+    for (let i = 1970; i < getYear() + 100; i++) {
+        years.push(i);
+    }
+    return years;
+}
+
+/**
+ * 获取当前日期 
+ */
+const getDate = () => {
+    return new Date();
+}
+
+/**
+ * 获取当前年份 
+ */
+const getYear = () => {
+    return getDate().getFullYear();
+}
+
+/**
+ * 获取月份天数
+ * 
+ * @param year
+ * @param month
+ */
+const getDayLength = (year: number, month: number): number => {
+    return new Date(year, month + 1, 0).getDate();
+};
+
+export { getDayLength, getYears }
\ No newline at end of file
diff --git a/src/component/datePicker/index.vue b/src/component/datePicker/index.vue
index 710c2cb7..06882e9d 100644
--- a/src/component/datePicker/index.vue
+++ b/src/component/datePicker/index.vue
@@ -17,8 +17,8 @@
                 ></i
               >
               <div class="laydate-set-ym">
-                <span @click="showYearPanel">{{ curYear }} 年</span
-                ><span @click="showPanel = 'month'">{{ curMonth + 1 }} 月</span>
+                <span @click="showYearPanel">{{ currentYear }} 年</span
+                ><span @click="showPanel = 'month'">{{ currentMonth + 1 }} 月</span>
               </div>
               <i
                 class="layui-icon laydate-icon laydate-next-m"
@@ -100,9 +100,9 @@
                 <li
                   v-for="item of yearList"
                   :key="item"
-                  :class="[{ 'layui-this': curYear === item }]"
+                  :class="[{ 'layui-this': currentYear === item }]"
                   @click="
-                    curYear = item;
+                    currentYear = item;
                     showPanel = 'date';
                   "
                 >
@@ -136,8 +136,8 @@
                 ></i
               >
               <div class="laydate-set-ym">
-                <span @click="showYearPanel">{{ curYear }} 年</span
-                ><span @click="showPanel = 'month'">{{ curMonth + 1 }} 月</span>
+                <span @click="showYearPanel">{{ currentYear }} 年</span
+                ><span @click="showPanel = 'month'">{{ currentMonth + 1 }} 月</span>
               </div>
               <i
                 class="layui-icon laydate-icon laydate-next-y"
@@ -151,10 +151,10 @@
                   v-for="item of MONTH_NAME"
                   :key="item"
                   :class="[
-                    { 'layui-this': MONTH_NAME.indexOf(item) === curMonth },
+                    { 'layui-this': MONTH_NAME.indexOf(item) === currentMonth },
                   ]"
                   @click="
-                    curMonth = MONTH_NAME.indexOf(item);
+                    currentMonth = MONTH_NAME.indexOf(item);
                     showPanel = 'date';
                   "
                 >
@@ -178,7 +178,7 @@
           </div>
         </div>
 
-        <!-- 事件选择器 -->
+        <!-- 时间选择器 -->
         <div class="layui-laydate" v-if="showPanel == 'time'">
           <div class="layui-laydate-main laydate-main-list-0 laydate-time-show">
             <div class="layui-laydate-header">
@@ -190,10 +190,10 @@
               <ul class="layui-laydate-list laydate-time-list">
                 <li
                   class="num-list"
-                  v-for="item in hms.insertEls"
+                  v-for="item in els"
                   :key="item.type"
                 >
-                  <ol class="scroll" @click="chooseTime">
+                  <ol class="scroll" @click="choseTime">
                     <li
                       v-for="(it, index) in item.count"
                       :id="item.type + index.toString()"
@@ -231,9 +231,21 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, nextTick, ref, watch, defineProps, defineEmits } from "vue";
+import { computed, nextTick, ref, watch, defineProps, defineEmits, onMounted } from "vue";
 import LayInput from "../input/index.vue";
 import LayDropdown from "../dropdown/index.vue";
+import { getDayLength, getYears } from "./day";
+
+const $emits = defineEmits(["update:modelValue"]);
+
+const WEEK_NAME = ["日", "一", "二", "三", "四", "五", "六"];
+const MONTH_NAME = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];
+const hms = ref({hh: "00",mm: "00",ss: "00"});
+const els = [
+  {count: 24, type: "hh"},
+  {count: 60, type: "mm"},
+  {count: 60, type: "ss"},
+];
 
 export interface LayDatePickerProps {
   modelValue?: string;
@@ -245,51 +257,16 @@ const props = withDefaults(defineProps<LayDatePickerProps>(), {
   type: "date",
 });
 
-const $emits = defineEmits(["update:modelValue"]);
 const currentDate = new Date();
-const yearList = ref<number[]>([]);
+const currentYear = ref(currentDate.getFullYear());
+const currentMonth = ref(currentDate.getMonth());
+
+const yearList = ref<number[]>(getYears());
 const dateList = ref<any[]>([]);
-const curYear = ref(currentDate.getFullYear());
-const curMonth = ref(currentDate.getMonth());
 const showPanel = ref("date");
 const selectedDay = ref<number>();
 
-const WEEK_NAME = ["日", "一", "二", "三", "四", "五", "六"];
-const MONTH_NAME = [
-  "1月",
-  "2月",
-  "3月",
-  "4月",
-  "5月",
-  "6月",
-  "7月",
-  "8月",
-  "9月",
-  "10月",
-  "11月",
-  "12月",
-];
-
-const hms = ref({
-  hh: "00",
-  mm: "00",
-  ss: "00",
-  insertEls: [
-    {
-      count: 24,
-      type: "hh",
-    },
-    {
-      count: 60,
-      type: "mm",
-    },
-    {
-      count: 60,
-      type: "ss",
-    },
-  ],
-});
-
+// 最终结果
 const dateValue = computed<string>(() => {
   if (!selectedDay.value) return "";
   const d = new Date(selectedDay.value);
@@ -301,18 +278,6 @@ const dateValue = computed<string>(() => {
   return currentValue;
 });
 
-// 生成近100年的年份列表
-(() => {
-  for (let i = 1970; i < curYear.value + 100; i++) {
-    yearList.value.push(i);
-  }
-})();
-
-// 获取传入的月份有多少天
-const getDayLength = (year: number, month: number): number => {
-  return new Date(year, month + 1, 0).getDate();
-};
-
 // 设置日期列表
 const setDateList = (year: number, month: number) => {
   const curDays = getDayLength(year, month); // 当月天数
@@ -345,7 +310,7 @@ const setDateList = (year: number, month: number) => {
     for (let i = 1; i <= nextDays; i++) {
       list.push({
         day: i,
-        value: +new Date(year, month + 1, i),
+        value: + new Date(year, month + 1, i),
         isRange: false,
         isSelected: false,
         type: "next",
@@ -355,10 +320,11 @@ const setDateList = (year: number, month: number) => {
   dateList.value = list;
 };
 
+// 监听年月, 刷新日期
 watch(
-  [curYear, curMonth],
+  [currentYear, currentMonth],
   () => {
-    setDateList(curYear.value, curMonth.value);
+    setDateList(currentYear.value, currentMonth.value);
   },
   { immediate: true }
 );
@@ -367,8 +333,7 @@ watch(
 const handleDayClick = (item: any) => {
   selectedDay.value = item.value;
   if (item.type !== "current") {
-    curMonth.value =
-      item.type === "prev" ? curMonth.value - 1 : curMonth.value + 1;
+    currentMonth.value = item.type === "prev" ? currentMonth.value - 1 : currentMonth.value + 1;
   }
 };
 
@@ -378,18 +343,17 @@ const ok = () => {};
 // 切换年月
 const changeYearOrMonth = (type: "year" | "month", num: number) => {
   if (type === "year") {
-    curYear.value += num;
+    currentYear.value += num;
   } else {
-    let month = curMonth.value + num;
-
+    let month = currentMonth.value + num;
     if (month > 11) {
       month = 0;
-      curYear.value++;
+      currentYear.value++;
     } else if (month < 0) {
       month = 11;
-      curYear.value--;
+      currentYear.value--;
     }
-    curMonth.value = month;
+    currentMonth.value = month;
   }
 };
 
@@ -397,29 +361,12 @@ const changeYearOrMonth = (type: "year" | "month", num: number) => {
 const showYearPanel = () => {
   showPanel.value = "year";
   nextTick(() => {
-    (
-      document.querySelector(".year-panel-item.active") as HTMLElement
-    ).scrollIntoView({ block: "center" });
+    (document.querySelector(".year-panel-item.active") as HTMLElement).scrollIntoView({ block: "center" });
   });
 };
 
-const showHmPanel = ref(false);
-
-const openHmPanel = () => {
-  let activeEl = document.querySelectorAll(".hms-change .isactive") as any;
-  let count = 0;
-  const initScrollIntoView = () => {
-    if (count > activeEl.length) return;
-    activeEl[count].scrollIntoView({ behavior: "smooth" });
-    count++;
-    setTimeout(initScrollIntoView, Number(activeEl[count].dataset.value) * 16);
-  };
-
-  initScrollIntoView();
-  showHmPanel.value = !showHmPanel.value;
-};
-
-const chooseTime = (e: any) => {
+// 点击时间 - hms
+const choseTime = (e: any) => {
   if (e.target.nodeName == "LI") {
     let { value, type } = e.target.dataset;
     hms.value[type as keyof typeof hms.value] = value;

From 8169e54846e76c0e4bfb7680eb1f007d49c3f934 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 27 Mar 2022 06:04:53 +0800
Subject: [PATCH 2/7] =?UTF-8?q?perf(date-picker):=20=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/datePicker/day.ts    |  30 ++++----
 src/component/datePicker/index.vue |  56 ++++++++++-----
 src/component/upload/index.vue     | 106 +++++++++++++++--------------
 3 files changed, 111 insertions(+), 81 deletions(-)

diff --git a/src/component/datePicker/day.ts b/src/component/datePicker/day.ts
index c84f43f8..fed8a56c 100644
--- a/src/component/datePicker/day.ts
+++ b/src/component/datePicker/day.ts
@@ -2,35 +2,35 @@
  * 获取年份列表
  */
 const getYears = () => {
-    let years = [];
-    for (let i = 1970; i < getYear() + 100; i++) {
-        years.push(i);
-    }
-    return years;
-}
+  let years = [];
+  for (let i = 1970; i < getYear() + 100; i++) {
+    years.push(i);
+  }
+  return years;
+};
 
 /**
- * 获取当前日期 
+ * 获取当前日期
  */
 const getDate = () => {
-    return new Date();
-}
+  return new Date();
+};
 
 /**
- * 获取当前年份 
+ * 获取当前年份
  */
 const getYear = () => {
-    return getDate().getFullYear();
-}
+  return getDate().getFullYear();
+};
 
 /**
  * 获取月份天数
- * 
+ *
  * @param year
  * @param month
  */
 const getDayLength = (year: number, month: number): number => {
-    return new Date(year, month + 1, 0).getDate();
+  return new Date(year, month + 1, 0).getDate();
 };
 
-export { getDayLength, getYears }
\ No newline at end of file
+export { getDayLength, getYears };
diff --git a/src/component/datePicker/index.vue b/src/component/datePicker/index.vue
index 06882e9d..e01312ae 100644
--- a/src/component/datePicker/index.vue
+++ b/src/component/datePicker/index.vue
@@ -18,7 +18,9 @@
               >
               <div class="laydate-set-ym">
                 <span @click="showYearPanel">{{ currentYear }} 年</span
-                ><span @click="showPanel = 'month'">{{ currentMonth + 1 }} 月</span>
+                ><span @click="showPanel = 'month'"
+                  >{{ currentMonth + 1 }} 月</span
+                >
               </div>
               <i
                 class="layui-icon laydate-icon laydate-next-m"
@@ -137,7 +139,9 @@
               >
               <div class="laydate-set-ym">
                 <span @click="showYearPanel">{{ currentYear }} 年</span
-                ><span @click="showPanel = 'month'">{{ currentMonth + 1 }} 月</span>
+                ><span @click="showPanel = 'month'"
+                  >{{ currentMonth + 1 }} 月</span
+                >
               </div>
               <i
                 class="layui-icon laydate-icon laydate-next-y"
@@ -188,11 +192,7 @@
             </div>
             <div class="layui-laydate-content" style="height: 210px">
               <ul class="layui-laydate-list laydate-time-list">
-                <li
-                  class="num-list"
-                  v-for="item in els"
-                  :key="item.type"
-                >
+                <li class="num-list" v-for="item in els" :key="item.type">
                   <ol class="scroll" @click="choseTime">
                     <li
                       v-for="(it, index) in item.count"
@@ -231,7 +231,15 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, nextTick, ref, watch, defineProps, defineEmits, onMounted } from "vue";
+import {
+  computed,
+  nextTick,
+  ref,
+  watch,
+  defineProps,
+  defineEmits,
+  onMounted,
+} from "vue";
 import LayInput from "../input/index.vue";
 import LayDropdown from "../dropdown/index.vue";
 import { getDayLength, getYears } from "./day";
@@ -239,12 +247,25 @@ import { getDayLength, getYears } from "./day";
 const $emits = defineEmits(["update:modelValue"]);
 
 const WEEK_NAME = ["日", "一", "二", "三", "四", "五", "六"];
-const MONTH_NAME = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];
-const hms = ref({hh: "00",mm: "00",ss: "00"});
+const MONTH_NAME = [
+  "1月",
+  "2月",
+  "3月",
+  "4月",
+  "5月",
+  "6月",
+  "7月",
+  "8月",
+  "9月",
+  "10月",
+  "11月",
+  "12月",
+];
+const hms = ref({ hh: "00", mm: "00", ss: "00" });
 const els = [
-  {count: 24, type: "hh"},
-  {count: 60, type: "mm"},
-  {count: 60, type: "ss"},
+  { count: 24, type: "hh" },
+  { count: 60, type: "mm" },
+  { count: 60, type: "ss" },
 ];
 
 export interface LayDatePickerProps {
@@ -310,7 +331,7 @@ const setDateList = (year: number, month: number) => {
     for (let i = 1; i <= nextDays; i++) {
       list.push({
         day: i,
-        value: + new Date(year, month + 1, i),
+        value: +new Date(year, month + 1, i),
         isRange: false,
         isSelected: false,
         type: "next",
@@ -333,7 +354,8 @@ watch(
 const handleDayClick = (item: any) => {
   selectedDay.value = item.value;
   if (item.type !== "current") {
-    currentMonth.value = item.type === "prev" ? currentMonth.value - 1 : currentMonth.value + 1;
+    currentMonth.value =
+      item.type === "prev" ? currentMonth.value - 1 : currentMonth.value + 1;
   }
 };
 
@@ -361,7 +383,9 @@ const changeYearOrMonth = (type: "year" | "month", num: number) => {
 const showYearPanel = () => {
   showPanel.value = "year";
   nextTick(() => {
-    (document.querySelector(".year-panel-item.active") as HTMLElement).scrollIntoView({ block: "center" });
+    (
+      document.querySelector(".year-panel-item.active") as HTMLElement
+    ).scrollIntoView({ block: "center" });
   });
 };
 
diff --git a/src/component/upload/index.vue b/src/component/upload/index.vue
index 7eeb8a24..cff148a5 100644
--- a/src/component/upload/index.vue
+++ b/src/component/upload/index.vue
@@ -41,58 +41,65 @@ const slot = useSlots();
 const slots = slot.default && slot.default();
 const isDragEnter = ref(false);
 
-interface localUploadOption{
-    url:string,
-    file?:unknown,
-    otherRequestData?:any
+interface localUploadOption {
+  url: string;
+  file?: unknown;
+  otherRequestData?: any;
 }
 
-const localUpload = (option:any) => {
-    let file, formData, xhr: XMLHttpRequest, loadedevt, total, per: number, url, uploading;
-    formData = new FormData();
-    xhr = new XMLHttpRequest();
-    url = option.url;
-    file = option.file;
-    formData.append("files", file);
-    //append 其他数据
-    if (option.otherRequestData instanceof Object) {
-      var _requestDate = option.otherRequestData;
-      for (var key in _requestDate) {
-        formData.append(key, _requestDate[key]);
-      }
+const localUpload = (option: any) => {
+  let file,
+    formData,
+    xhr: XMLHttpRequest,
+    loadedevt,
+    total,
+    per: number,
+    url,
+    uploading;
+  formData = new FormData();
+  xhr = new XMLHttpRequest();
+  url = option.url;
+  file = option.file;
+  formData.append("files", file);
+  //append 其他数据
+  if (option.otherRequestData instanceof Object) {
+    var _requestDate = option.otherRequestData;
+    for (var key in _requestDate) {
+      formData.append(key, _requestDate[key]);
     }
-    //事件回调
-    // event callbacks
-    xhr.onreadystatechange = function () {
-      if (xhr.readyState === 4) {
-        if ((xhr.status >= 200 && xhr.status <= 300) || xhr.status === 304) {
-          option.successF instanceof Function &&
-            option.successF(xhr.responseText);
-        } else {
-          option.errorF instanceof Function && option.errorF(xhr.responseText);
-        }
+  }
+  //事件回调
+  // event callbacks
+  xhr.onreadystatechange = function () {
+    if (xhr.readyState === 4) {
+      if ((xhr.status >= 200 && xhr.status <= 300) || xhr.status === 304) {
+        option.successF instanceof Function &&
+          option.successF(xhr.responseText);
       } else {
-        option.errorF instanceof Function && option.errorF();
+        option.errorF instanceof Function && option.errorF(xhr.responseText);
       }
-    };
-    //侦查当前附件上传情况
-    /**
-     * 附件的上传进度条方法在xhr.upload.onprogeress上，
-     * 还有一个xhr.onprogress,是下载时候的进度条,***
-     * */
-    xhr.upload.onprogress = function (event) {
-      // event.total是需要传输的总字节，event.loaded是已经传输的字节。如果event.lengthComputable不为真，则event.total等于0
-      if (event.lengthComputable) {
-        loadedevt = event.loaded;
-        total = event.total;
-        per = Math.floor((100 * loadedevt) / total);
-      }
-      //执行回调
-      option.uploadProgress instanceof Function && option.uploadProgress(per);
-    };
-    xhr.open("post", url, true); //不能是GET, get请求数据发送只能拼接在URL后面
-    xhr.setRequestHeader("Accept", "application/json, text/javascript");
-    xhr.send(formData);
+    } else {
+      option.errorF instanceof Function && option.errorF();
+    }
+  };
+  //侦查当前附件上传情况
+  /**
+   * 附件的上传进度条方法在xhr.upload.onprogeress上，
+   * 还有一个xhr.onprogress,是下载时候的进度条,***
+   * */
+  xhr.upload.onprogress = function (event) {
+    // event.total是需要传输的总字节，event.loaded是已经传输的字节。如果event.lengthComputable不为真，则event.total等于0
+    if (event.lengthComputable) {
+      loadedevt = event.loaded;
+      total = event.total;
+      per = Math.floor((100 * loadedevt) / total);
+    }
+    //执行回调
+    option.uploadProgress instanceof Function && option.uploadProgress(per);
+  };
+  xhr.open("post", url, true); //不能是GET, get请求数据发送只能拼接在URL后面
+  xhr.setRequestHeader("Accept", "application/json, text/javascript");
+  xhr.send(formData);
 };
 
 const getUploadChange = (e: any) => {
@@ -102,12 +109,11 @@ const getUploadChange = (e: any) => {
   if (props.url) {
     // 表单提交
     localUpload({
-        url:props.url,
-        file:file
+      url: props.url,
+      file: file,
     });
   } else {
     //
-    
   }
 };
 const uploadDragOver = (e: any) => {

From 7411fdca768b8675f1c27cf74ccb9c1b73e0277b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 27 Mar 2022 06:26:08 +0800
Subject: [PATCH 3/7] =?UTF-8?q?fix:=20menu=20=E7=BB=84=E4=BB=B6=20level=20?=
 =?UTF-8?q?=E5=B1=9E=E6=80=A7=E4=B8=8D=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/menu.md | 8 +++++---
 example/docs/zh-CN/guide/changelog.md | 9 +++++++++
 src/component/menu/index.less         | 4 ++--
 src/component/menu/index.vue          | 4 ++--
 4 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/example/docs/zh-CN/components/menu.md b/example/docs/zh-CN/components/menu.md
index f29a11ce..57059716 100644
--- a/example/docs/zh-CN/components/menu.md
+++ b/example/docs/zh-CN/components/menu.md
@@ -106,7 +106,7 @@ export default {
 ::: demo
 
 <template>
-  <lay-menu level="true" v-model:selectedKey="selectedKey" inverted="true" v-model:openKeys="openKeys3" :tree="true">
+  <lay-menu :level="isLevel" v-model:selectedKey="selectedKey" inverted="true" v-model:openKeys="openKeys3" :tree="true">
     <lay-menu-item id="1">首页</lay-menu-item>
     <lay-menu-item id="2">首页</lay-menu-item>
     <lay-menu-item id="3">首页</lay-menu-item> 
@@ -134,10 +134,12 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const openKeys3 = ref(["7"])
-    const selectedKey = ref("5")
+    const isLevel = ref(false);
+    const openKeys3 = ref(["7"]);
+    const selectedKey = ref("5");
 
     return {
+      isLevel,
       openKeys3,
       selectedKey
     }
diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 0f563f08..ab9545d5 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -11,6 +11,15 @@
 <template>
 <lay-timeline>
   <lay-timeline-item title="0.4.0">
+    <ul> 
+      <a name="0-4-3"> </a> 
+      <li> 
+        <h3>0.4.3 <span class="layui-badge-rim">2022-03-27</span></h3> 
+        <ul>
+          <li>[修复] menu 组件 level 属性不生效。</li>
+        </ul> 
+      </li>
+    </ul>
     <ul> 
       <a name="0-4-2"> </a> 
       <li> 
diff --git a/src/component/menu/index.less b/src/component/menu/index.less
index 20be7725..931217d6 100644
--- a/src/component/menu/index.less
+++ b/src/component/menu/index.less
@@ -327,8 +327,8 @@
   padding: 5px 17px 5px 17px;
 }
 
-.layui-nav-tree.level {
-  .layui-nav-itemed > .layui-nav-child {
+.layui-nav-tree.not-level {
+  .layui-nav-child {
     background-color: transparent;
   }
 }
diff --git a/src/component/menu/index.vue b/src/component/menu/index.vue
index 2182809b..d40c8745 100644
--- a/src/component/menu/index.vue
+++ b/src/component/menu/index.vue
@@ -27,7 +27,7 @@ const props = withDefaults(defineProps<LayMenuProps>(), {
   tree: false,
   theme: "dark",
   inverted: false,
-  level: false,
+  level: true,
   collapse: false,
   collapseTransition: true,
 });
@@ -82,7 +82,7 @@ provide("isCollapseTransition", isCollapseTransition);
   <ul
     class="layui-nav"
     :class="[
-      level ? 'level' : '',
+      level ? '' : 'not-level',
       inverted ? 'inverted' : '',
       tree ? 'layui-nav-tree' : '',
       theme === 'dark' ? 'layui-nav-dark' : 'layui-nav-light',

From 0e4bc9dbb3fd41ade6ba4fe5b51df81a797b3c5e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 27 Mar 2022 07:36:50 +0800
Subject: [PATCH 4/7] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=20side=20=E4=B8=8D=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md | 1 +
 example/src/layouts/Layout.vue        | 1 +
 2 files changed, 2 insertions(+)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index ab9545d5..04d42a79 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -17,6 +17,7 @@
         <h3>0.4.3 <span class="layui-badge-rim">2022-03-27</span></h3> 
         <ul>
           <li>[修复] menu 组件 level 属性不生效。</li>
+          <li>[修复] step 组件 line 连线不显示。
         </ul> 
       </li>
     </ul>
diff --git a/example/src/layouts/Layout.vue b/example/src/layouts/Layout.vue
index 999570ba..1c7f426d 100644
--- a/example/src/layouts/Layout.vue
+++ b/example/src/layouts/Layout.vue
@@ -319,6 +319,7 @@ export default {
   overflow-x: hidden;
   position: fixed;
   margin-top: 60px;
+  z-index: 999;
   height: calc(100% - 60px);
   box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
 }

From d33042eade239cd58f6c3d1f6c7be77e137c7b22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 27 Mar 2022 08:35:54 +0800
Subject: [PATCH 5/7] =?UTF-8?q?docs:=20=E6=A2=B3=E7=90=86=20transition=20?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/components/transition.md | 25 ++++++++++++++++++++-
 example/docs/zh-CN/guide/changelog.md       |  2 +-
 src/component/datePicker/day.ts             |  9 +++++++-
 src/component/datePicker/index.vue          | 24 +++++---------------
 4 files changed, 39 insertions(+), 21 deletions(-)

diff --git a/example/docs/zh-CN/components/transition.md b/example/docs/zh-CN/components/transition.md
index 551c07c0..8e55504a 100644
--- a/example/docs/zh-CN/components/transition.md
+++ b/example/docs/zh-CN/components/transition.md
@@ -42,7 +42,7 @@ export default {
 
 :::
 
-::: title 基础使用
+::: title 淡入淡出
 :::
 
 ::: demo 使用 `lay-transition` 标签, 为元素提供过渡动画
@@ -75,4 +75,27 @@ export default {
 }
 </script>
 
+:::
+
+::: title Transition 属性
+:::
+
+::: table
+
+| 属性         | 描述               | 类型                     |默认值    | 可选值   |
+| ------------ | ---------------- | ------------- | ---- | ----   |
+| enable       | 启用               | `boolean`   | `true` | `true` `false`   |
+| type         | 类型               | `string`   |  `collapse` | --   |
+
+:::
+
+::: title Transition 属性值
+:::
+
+::: table
+
+| 属性值         | 描述               | 
+| ------------ | ---------------- | 
+| collapse       | 折叠动画               |
+| fade           | 淡入淡出               |
 :::
\ No newline at end of file
diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 04d42a79..9e734bd3 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -17,7 +17,7 @@
         <h3>0.4.3 <span class="layui-badge-rim">2022-03-27</span></h3> 
         <ul>
           <li>[修复] menu 组件 level 属性不生效。</li>
-          <li>[修复] step 组件 line 连线不显示。
+          <li>[修复] step 组件 line 连线不显示。</li>
         </ul> 
       </li>
     </ul>
diff --git a/src/component/datePicker/day.ts b/src/component/datePicker/day.ts
index fed8a56c..f90add57 100644
--- a/src/component/datePicker/day.ts
+++ b/src/component/datePicker/day.ts
@@ -23,6 +23,13 @@ const getYear = () => {
   return getDate().getFullYear();
 };
 
+/**
+ * 获取当前月份 
+ */
+const getMonth = () => {
+  return getDate().getMonth();
+}
+
 /**
  * 获取月份天数
  *
@@ -33,4 +40,4 @@ const getDayLength = (year: number, month: number): number => {
   return new Date(year, month + 1, 0).getDate();
 };
 
-export { getDayLength, getYears };
+export { getDayLength, getYears, getDate, getMonth, getYear };
diff --git a/src/component/datePicker/index.vue b/src/component/datePicker/index.vue
index e01312ae..8ca615a2 100644
--- a/src/component/datePicker/index.vue
+++ b/src/component/datePicker/index.vue
@@ -242,25 +242,13 @@ import {
 } from "vue";
 import LayInput from "../input/index.vue";
 import LayDropdown from "../dropdown/index.vue";
-import { getDayLength, getYears } from "./day";
+import { getDayLength, getYears, getDate, getMonth, getYear } from "./day";
 
 const $emits = defineEmits(["update:modelValue"]);
 
 const WEEK_NAME = ["日", "一", "二", "三", "四", "五", "六"];
-const MONTH_NAME = [
-  "1月",
-  "2月",
-  "3月",
-  "4月",
-  "5月",
-  "6月",
-  "7月",
-  "8月",
-  "9月",
-  "10月",
-  "11月",
-  "12月",
-];
+const MONTH_NAME = ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"];
+
 const hms = ref({ hh: "00", mm: "00", ss: "00" });
 const els = [
   { count: 24, type: "hh" },
@@ -278,9 +266,9 @@ const props = withDefaults(defineProps<LayDatePickerProps>(), {
   type: "date",
 });
 
-const currentDate = new Date();
-const currentYear = ref(currentDate.getFullYear());
-const currentMonth = ref(currentDate.getMonth());
+const currentDate = getDate();
+const currentYear = ref(getYear());
+const currentMonth = ref(getMonth());
 
 const yearList = ref<number[]>(getYears());
 const dateList = ref<any[]>([]);

From 4169967a0447e3882783330657a98de8c0157a64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 27 Mar 2022 09:13:26 +0800
Subject: [PATCH 6/7] =?UTF-8?q?fix:=20input=20=E7=BB=84=E4=BB=B6=20height?=
 =?UTF-8?q?=20=E9=AB=98=E5=BA=A6=E5=9B=BA=E5=AE=9A=2038=20px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/docs/zh-CN/guide/changelog.md |  5 +++--
 src/component/datePicker/day.ts       |  4 ++--
 src/component/datePicker/index.vue    | 15 ++++++++++++++-
 src/component/input/index.less        |  2 ++
 4 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/example/docs/zh-CN/guide/changelog.md b/example/docs/zh-CN/guide/changelog.md
index 9e734bd3..87d12988 100644
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -16,8 +16,9 @@
       <li> 
         <h3>0.4.3 <span class="layui-badge-rim">2022-03-27</span></h3> 
         <ul>
-          <li>[修复] menu 组件 level 属性不生效。</li>
-          <li>[修复] step 组件 line 连线不显示。</li>
+          <li>[修复] menu 组件 level 属性的语义与实际功能相悖。</li>
+          <li>[修复] input 组件 height 高度固定 38 px。</li>
+          <li>[修复] step 组件 line 样式。</li>
         </ul> 
       </li>
     </ul>
diff --git a/src/component/datePicker/day.ts b/src/component/datePicker/day.ts
index f90add57..ac142fd6 100644
--- a/src/component/datePicker/day.ts
+++ b/src/component/datePicker/day.ts
@@ -24,11 +24,11 @@ const getYear = () => {
 };
 
 /**
- * 获取当前月份 
+ * 获取当前月份
  */
 const getMonth = () => {
   return getDate().getMonth();
-}
+};
 
 /**
  * 获取月份天数
diff --git a/src/component/datePicker/index.vue b/src/component/datePicker/index.vue
index 8ca615a2..fd4944bd 100644
--- a/src/component/datePicker/index.vue
+++ b/src/component/datePicker/index.vue
@@ -247,7 +247,20 @@ import { getDayLength, getYears, getDate, getMonth, getYear } from "./day";
 const $emits = defineEmits(["update:modelValue"]);
 
 const WEEK_NAME = ["日", "一", "二", "三", "四", "五", "六"];
-const MONTH_NAME = ["1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月"];
+const MONTH_NAME = [
+  "1月",
+  "2月",
+  "3月",
+  "4月",
+  "5月",
+  "6月",
+  "7月",
+  "8月",
+  "9月",
+  "10月",
+  "11月",
+  "12月",
+];
 
 const hms = ref({ hh: "00", mm: "00", ss: "00" });
 const els = [
diff --git a/src/component/input/index.less b/src/component/input/index.less
index 5c14b242..a988a0b4 100644
--- a/src/component/input/index.less
+++ b/src/component/input/index.less
@@ -21,6 +21,8 @@
 
 .layui-input-wrapper {
   width: 100%;
+  height: 38px;
+  line-height: 38px;
   border-width: 1px;
   border-style: solid;
   display: inline-flex;

From 0df980800c3006dbd1847bdfd77daa3f17b82bc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=B1=E7=9C=A0=E5=84=80=E5=BC=8F?= <854085467@qq.com>
Date: Sun, 27 Mar 2022 09:37:47 +0800
Subject: [PATCH 7/7] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3=E5=B1=82=E7=BA=A7=20=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/src/layouts/Layout.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/example/src/layouts/Layout.vue b/example/src/layouts/Layout.vue
index 1c7f426d..42fe9eba 100644
--- a/example/src/layouts/Layout.vue
+++ b/example/src/layouts/Layout.vue
@@ -308,7 +308,7 @@ export default {
 
 <style>
 .layui-layout-document > .layui-header {
-  z-index: 9999;
+  z-index: 99;
   width: 100%;
   position: fixed;
   background: #393d49;
@@ -319,7 +319,7 @@ export default {
   overflow-x: hidden;
   position: fixed;
   margin-top: 60px;
-  z-index: 999;
+  z-index: 99;
   height: calc(100% - 60px);
   box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
 }