✨(all): update

package/component/src/component/dropdown/index.vue

@@ -19,18 +19,18 @@ const props = withDefaults(defineProps<LayDropdownProps>(), {
   trigger: "click",
   disabled: false,
 });
-const emit = defineEmits(["open", "hide"]);
+
 const openState = ref(false);
 const dropdownRef = ref<null | HTMLElement>(null);
 const dropdownX = ref<number | string>(0);
 const dropdownY = ref<number | string>("auto");
-
+const emit = defineEmits(["open", "hide"]);
 // @ts-ignore
 onClickOutside(dropdownRef, (event) => {
   openState.value = false;
 });
 
-const open = function (event?: Event) {
+const open = function (event?: Event) : void {
   if (props.disabled === false) {
     if (event) {
       const el = event.currentTarget;
@@ -47,12 +47,12 @@ const open = function (event?: Event) {
   }
 };
 
-const hide = function () {
+const hide = function () : void {
   openState.value = false;
   emit("hide");
 };
 
-const toggle = function (event?: Event) {
+const toggle = function (event?: Event) : void {
   if (props.disabled === false)
     if (openState.value) {
       hide();

package/component/src/component/dropdownMenu/index.vue

@@ -8,4 +8,4 @@
 export default {
   name: "LayDropdownMenu",
 };
-</script>
+</script>

package/component/src/component/footer/index.ts

@@ -2,4 +2,4 @@ import { withInstall, WithInstallType } from "../../utils";
 import Component from "./index.vue";
 
 const component: WithInstallType<typeof Component> = withInstall(Component);
-export default component;
+export default component;

package/component/src/component/formItem/index.vue

@@ -24,9 +24,7 @@ import Schema, {
   Rule,
   RuleItem,
   Rules,
-  ValidateCallback,
+  ValidateCallback
-  ValidateError,
-  ValidateMessages,
 } from "async-validator";
 import cnValidateMessage from "./cnValidateMessage";
 

package/component/src/component/fullscreen/index.ts

@@ -2,4 +2,4 @@ import { withInstall, WithInstallType } from "../../utils";
 import Component from "./index.vue";
 
 const component: WithInstallType<typeof Component> = withInstall(Component);
-export default component;
+export default component;

package/component/src/component/header/index.ts

@@ -2,4 +2,4 @@ import { withInstall, WithInstallType } from "../../utils";
 import Component from "./index.vue";
 
 const component: WithInstallType<typeof Component> = withInstall(Component);
-export default component;
+export default component;

package/component/src/component/header/index.vue

@@ -12,4 +12,4 @@ import "./index.less";
   <div class="layui-header">
     <slot></slot>
   </div>
-</template>
+</template>

package/component/src/component/iconPicker/index.less

@@ -59,10 +59,6 @@
   transform: rotate(180deg);
 }
 
-.layui-iconpicker-none {
-  color: rgba(0, 0, 0, 0.5);
-}
-
 .layui-iconpicker-search {
   padding: 10px;
   box-shadow: 0 2px 8px #f0f1f2;

package/component/src/component/iconPicker/index.ts

@@ -2,4 +2,4 @@ import { withInstall, WithInstallType } from "../../utils";
 import Component from "./index.vue";
 
 const component: WithInstallType<typeof Component> = withInstall(Component);
-export default component;
+export default component;

package/component/src/component/iconPicker/index.vue

@@ -9,6 +9,7 @@ import "./index.less";
 import { Ref, ref } from "vue";
 import { LayIconList as icons } from "@layui/icons-vue";
 import LayDropdown from "../dropdown/index.vue";
+import layInput from "../input/index.vue";
 
 export interface LayIconPickerProps {
   page?: boolean;
@@ -21,21 +22,22 @@ const props = withDefaults(defineProps<LayIconPickerProps>(), {
   page: false,
 });
 
-const emit = defineEmits(["update:modelValue"]);
+const emit = defineEmits(["update:modelValue", "change"]);
-const dropdownRef = ref<null | HTMLElement>(null);
 const selectedIcon: Ref<string> = ref(props.modelValue as string);
+const dropdownRef = ref<any>(null);
 
 const selectIcon = function (icon: string) {
   emit("update:modelValue", icon);
+  emit("change", icon);
   selectedIcon.value = icon;
-  // @ts-ignore
+  dropdownRef.value?.hide();
-  dropdownRef.value.hide();
 };
 
 const icones: Ref = ref([]);
 const total = ref(icons.length);
 const totalPage = ref(total.value / 12);
 const currentPage: Ref = ref(1);
+const searchValue = ref();
 
 if (props.page) {
   icones.value = icons.slice(0, 12);
@@ -63,20 +65,24 @@ const prev = function () {
   icones.value = icons.slice(start, end);
 };
 
+const clear = () => {
+  const start = (currentPage.value - 1) * 12;
+  const end = start + 12;
+  if (props.page) {
+    icones.value = icons.slice(start, end);
+    total.value = icons.length;
+    totalPage.value = Math.ceil(icons.length / 12);
+  } else {
+    icones.value = icons;
+  }
+};
+
 const search = function (e: any) {
-  var text = e.target.value;
   currentPage.value = 1;
   const start = (currentPage.value - 1) * 12;
   const end = start + 12;
-  if (text === "") {
+  const text = e.target.value;
-    if (props.page) {
+  if (text) {
-      icones.value = icons.slice(start, end);
-      total.value = icons.length;
-      totalPage.value = Math.ceil(icons.length / 12);
-    } else {
-      icones.value = icons;
-    }
-  } else {
     if (props.page) {
       icones.value = searchList(text, icons).slice(start, end);
       total.value = searchList(text, icons).length;
@@ -84,6 +90,14 @@ const search = function (e: any) {
     } else {
       icones.value = searchList(text, icons);
     }
+  } else {
+    if (props.page) {
+      icones.value = icons.slice(start, end);
+      total.value = icons.length;
+      totalPage.value = Math.ceil(icons.length / 12);
+    } else {
+      icones.value = icons;
+    }
   }
 };
 
@@ -135,23 +149,17 @@ const searchList = function (str: string, container: any) {
     <template #content>
       <div class="layui-iconpicker-view layui-iconpicker-scroll">
         <div v-if="showSearch" class="layui-iconpicker-search">
-          <div class="layui-form layui-input-wrap layui-input-wrap-prefix">
+          <lay-input
-            <div class="layui-input-prefix">
+            @input="search"
+            @clear="clear"
+            v-model="searchValue"
+            :autocomplete="true"
+            :allow-clear="true"
+          >
+            <template #prefix>
               <i class="layui-icon layui-icon-search"></i>
-            </div>
+            </template>
-            <input
+          </lay-input>
-              type="text"
-              value=""
-              placeholder="search"
-              autocomplete="off"
-              class="layui-input"
-              lay-affix="clear"
-              @input="search"
-            />
-            <div class="layui-input-suffix layui-input-affix-event layui-hide">
-              <i class="layui-icon layui-icon-clear"></i>
-            </div>
-          </div>
         </div>
         <div class="layui-iconpicker-list">
           <ul>

package/component/src/component/input/index.less

@@ -39,10 +39,11 @@
 }
 
 .layui-input-clear {
-  display: flex;
   flex: none;
+  display: flex;
   align-items: center;
   padding-right: 10px;
+  color: rgba(0, 0, 0, 0.45)
 }
 
 .layui-input:hover {
@@ -55,4 +56,4 @@
 
 .layui-input::-webkit-input-placeholder {
   line-height: 1.3;
-}
+}

package/component/src/component/input/index.ts

@@ -2,4 +2,4 @@ import { withInstall, WithInstallType } from "../../utils";
 import Component from "./index.vue";
 
 const component: WithInstallType<typeof Component> = withInstall(Component);
-export default component;
+export default component;

package/component/src/component/input/index.vue

@@ -7,11 +7,12 @@ export default {
 <script setup lang="ts">
 import "./index.less";
 import { LayIcon } from "@layui/icons-vue";
-import { useSlots } from "vue";
+import { computed, useSlots } from "vue";
 import { useI18n } from "../../language";
 
 const { t } = useI18n();
 const slots = useSlots();
+const hasContent = computed(() => props.modelValue?.length > 0);
 
 export interface LayInputProps {
   name?: string;
@@ -36,9 +37,10 @@ const props = withDefaults(defineProps<LayInputProps>(), {
 
 const emit = defineEmits([
   "update:modelValue",
-  "input",
   "change",
+  "input",
   "focus",
+  "clear",
   "blur",
 ]);
 
@@ -50,7 +52,8 @@ const onInput = function (event: Event) {
 };
 
 const onClear = () => {
-  emit("update:modelValue", "");
+  emit("update:modelValue");
+  emit("clear");
 };
 
 const onFocus = (event: Event) => {
@@ -64,6 +67,10 @@ const onChange = (event: Event) => {
 const onBlur = (event: Event) => {
   emit("blur", event);
 };
+
+const classes = computed(() => {
+  return { "layui-disabled": props.disabled };
+});
 </script>
 
 <template>
@@ -80,7 +87,7 @@ const onBlur = (event: Event) => {
       :autofocus="autofocus"
       :autocomplete="autocomplete"
       :readonly="readonly"
-      :class="{ 'layui-disabled': disabled }"
+      :class="classes"
       class="layui-input"
       @input="onInput"
       @focus="onFocus"
@@ -90,8 +97,8 @@ const onBlur = (event: Event) => {
     <span class="layui-input-suffix" v-if="slots.suffix">
       <slot name="suffix"></slot>
     </span>
-    <span class="layui-input-clear" v-if="allowClear">
+    <span class="layui-input-clear" v-if="allowClear && hasContent">
       <lay-icon type="layui-icon-close-fill" @click="onClear"></lay-icon>
     </span>
   </div>
-</template>
+</template>

package/component/src/component/inputNumber/index.vue

@@ -33,8 +33,8 @@ const props = withDefaults(defineProps<LayInputNumberProps>(), {
 });
 
 const emit = defineEmits(["update:modelValue", "change"]);
-
 let num = ref(props.modelValue);
+
 watch(num, (val) => {
   if (props.max !== Infinity && val > props.max) {
     num.value = props.max;

package/component/src/component/layout/index.vue

@@ -38,4 +38,4 @@ const classes = computed(() => {
   <section :class="classes">
     <slot></slot>
   </section>
-</template>
+</template>

package/component/tsconfig.json

@@ -11,6 +11,7 @@
       "emitDeclarationOnly": true,
       "esModuleInterop": true,
       "declarationDir": "types",
+      "jsx": "preserve",
       "lib": ["ESNext","DOM"]
     },
     "include": ["src/**/*","shims-vue.d.ts"],

package/document/src/components/LayCode.vue

@@ -66,8 +66,7 @@ const copy = function () {
     navigator.clipboard.writeText(text);
     successful = true;
   } else if (window.getSelection()) {
-    // 使用document.execCommand
+    // 使用 document.execCommand
-    // 代码div显示状态直接使用，隐藏状态则创建一个div
     var range = document.createRange();
     let copyDiv;
     if (show.value) {
@@ -103,8 +102,7 @@ onMounted(() => {
   const foundCodes = meta.value.getElementsByClassName("language-html");
 
   if (foundDescs.length) {
-    codeAreaHeight.value =
+    codeAreaHeight.value = foundDescs[0].clientHeight + foundCodes[0].clientHeight + 30;
-      foundDescs[0].clientHeight + foundCodes[0].clientHeight + 30;
   } else {
     codeAreaHeight.value = foundCodes[0].clientHeight + 20;
   }

package/document/src/components/LayTableBox.vue

@@ -3,6 +3,7 @@
     <slot></slot>
   </div>
 </template>
+
 <style>
 .lay-table-box table {
   width: 100%;

package/document/src/document/zh-CN/guide/changelog.md

@@ -8,484 +8,11 @@
 </lay-timeline>
 
 ::: demo
+
 <template>
-<lay-timeline>
+  <lay-timeline>
-  <lay-timeline-item title="1.1.x">
+    <a href>前往查看</a>
-    <ul> 
+  </lay-timeline>
-      <a name="1-1-1"></a> 
-      <li> 
-        <h3>1.1.1 <span class="layui-badge-rim">2022-05-21</span></h3> 
-        <ul>
-          <li>[新增] rate 组件 has-clear 属性。</li>
-          <li>[新增] table 组件 minWidth 属性, 自适应最小列宽。</li>
-          <li>[新增] table 组件 ellipsisTooltip 属性, 缩略长文本并提供 tooltip 提示。</li>
-          <li>[修复] table 组件 size 属性 sm 与 lg 样式。</li>
-          <li>[升级] async-validator 4.1.1。</li>
-          <li>[升级] vueuse/core 8.5.0。</li>
-          <li>[升级] vue-i18n 9.1.10。</li>
-          <li>[升级] vue 3.2.35。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="1-1-0"></a> 
-      <li> 
-        <h3>1.1.0 <span class="layui-badge-rim">2022-05-15</span></h3> 
-        <ul>
-          <li>[新增] resolver 按需解析器。</li>
-          <li>[新增] sub-menu 组件 expandIcon 插槽。</li>
-          <li>[修复] table 组件 datasource 缺失属性 column 错位。</li>
-          <li>[修复] fullscreen 组件按 F11 进入全屏, 退出全屏不生效。</li>
-          <li>[重构] table 组件 columns 渲染。</li>
-        </ul> 
-      </li>
-    </ul>
-  </lay-timeline-item>
-  <lay-timeline-item title="1.0.x">
-    <ul> 
-      <a name="1-0-7"></a> 
-      <li> 
-        <h3>1.0.7 <span class="layui-badge-rim">2022-05-09</span></h3> 
-        <ul>
-          <li>[新增] menu 组件 changeOpenKeys 事件。</li>
-          <li>[新增] menu 组件 changeSelectedKey 事件。</li>
-          <li>[新增] menu 组件 childSpacing 属性, 开启菜单层级缩进。</li>
-          <li>[新增] slider 组件 showDots 属性, 显示步长断点。</li>
-          <li>[新增] input 组件 autocomplete 原生属性。</li>
-          <li>[新增] input 组件 autofocus 原生属性。</li>
-          <li>[修复] side 组件 width 属性无效。</li>
-          <li>[优化] checkbox 组件 css 样式。</li>
-          <li>[优化] radio 组件 css 样式。</li>
-          <li>[升级] vueuse/core 8.4.2。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="1-0-6"></a> 
-      <li> 
-        <h3>1.0.6 <span class="layui-badge-rim">2022-05-02</span></h3> 
-        <ul>
-          <li>[修复] scroll 组件 height 属性必填警告。</li>
-          <li>[修复] scroll 组件 slotColor 属性必填警告。</li>
-          <li>[修复] scroll 组件 scrollColor 属性必填警告。</li>
-          <li>[修复] scroll 组件 scrollWidth 属性必填警告。</li>
-          <li>[修正] scroll 组件 slotColor 属性为 thackColor。</li>
-          <li>[修正] scroll 组件 scrollColor 属性为 thumbColor。</li>
-          <li>[修正] scroll 组件 scrollWidth 属性为 thumbWidth。</li>
-          <li>[升级] vueuse/core 8.3.1。</li>
-          <li>[升级] vue-i18n 9.1.9。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="1-0-5"></a> 
-      <li> 
-        <h3>1.0.5 <span class="layui-badge-rim">2022-05-01</span></h3> 
-        <ul>
-          <li>[新增] dropdown 组件 context-menu 属性。</li>
-          <li>[修复] layer 组件 tooltip 组件 index 层级冲突。</li>
-          <li>[修复] table 组件 columns 宽度超出 table-box 错位。</li>
-          <li>[修复] table 组件 selected-keys 属性 deep 监听。</li>
-          <li>[修复] slider 组件 btn 背景色。</li>
-          <li>[修复] upload 组件 url 失效。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="1-0-4"></a> 
-      <li> 
-        <h3>1.0.4 <span class="layui-badge-rim">2022-04-21</span></h3> 
-        <ul>
-          <li>[新增] line 组件 direction 属性, 支持垂直分割。</li>
-          <li>[新增] line 组件 offset 属性, 设置内容的偏移量。</li>
-          <li>[新增] notice-bar 组件 scrollable 属性, 支持垂直滚动。</li>
-          <li>[新增] line 组件 border-style 属性, 设置分割线的样式。</li>
-          <li>[新增] line 组件 border-wdith 属性, 设置分割线的宽度。</li>
-          <li>[新增] line 组件 content-position 属性, 设置内容的对齐方式。</li>
-          <li>[修复] table 组件 columns 配置 width 属性不生效。</li>
-          <li>[修复] checkbox 组件夜间模式下边框颜色不兼容。</li>
-          <li>[修复] carousel 组件 index 索引下标越界。</li>
-          <li>[优化] layer 方法 option 参数为可选。</li>
-          <li>[升级] vueuse/core 8.3.0 版本。</li>
-          <li>[升级] vue 3.2.33 版本。</li>
-          <li>[升级] vite 2.9.2 版本。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="1-0-3"></a> 
-      <li> 
-        <h3>1.0.3 <span class="layui-badge-rim">2022-04-17</span></h3> 
-        <ul>
-          <li>[新增] ripple 组件, 提供 水波纹 效果。</li>
-          <li>[新增] empty 组件 image 插槽, 支持自定义 image。</li>
-          <li>[新增] badge 组件 ripple 属性, 开启水波纹动画, 仅适用于 type 为 dot 时。</li>
-          <li>[新增] table 组件 column 配置 align 属性, 支持 left center right 对齐方式。</li>
-          <li>[新增] upload 组件 disabled-preview 属性, 上传预览区域添加禁用状态。</li>
-          <li>[修复] upload 组件 cut 属性, 开启时丢失图片信息。</li>
-          <li>[修复] table 组件 column 存在 1px 宽度误差。</li>
-          <li>[优化] date-picker 组件 monent 为 day.js。</li>
-          <li>[优化] table 组件 html document 结构。</li>
-          <li>[移除] xlsx 依赖, 减少打包体积。</li> 
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="1-0-2"> </a> 
-      <li> 
-        <h3>1.0.2 <span class="layui-badge-rim">2022-04-09</span></h3> 
-        <ul>
-          <li>[新增] button 组件 border-style 属性, 自定义边框样式。</li>
-          <li>[新增] carousel 组件 interval 属性, 用于控制轮播间隔。</li>
-          <li>[新增] config-provider 组件 dark-partial 属性, 夜间主题偏好配置。</li>
-          <li>[新增] carousel 组件 autoplay 属性, 开启自动轮播, 默认为 true。</li>
-          <li>[修复] page 组件 pages 属性为单数时, 页码计算错误。</li>
-          <li>[修复] panel 组件 background-color 为透明的问题。</li>
-          <li>[修复] tab 组件 layui-tab-head 默认存在背景色。</li>
-          <li>[修复] button-group 组件 first-child 样式。</li>
-          <li>[修复] dark 模式 step 组件线条不显示。</li>
-          <li>[修复] scroll 组件屏幕缩放时样式异常。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="1-0-1"></a> 
-      <li> 
-        <h3>1.0.1 <span class="layui-badge-rim">2022-04-06</span></h3> 
-        <ul>
-          <li>[新增] select 组件 search 事件, 搜索回调。</li>
-          <li>[新增] select 组件 keyword 属性, 提供关键词检索。</li>
-          <li>[新增] upload 组件 cut cutOptions 属性, 支持上传裁剪。</li>
-          <li>[新增] timeline 组件 direction 属性, 支持垂直与水平布局。</li>
-          <li>[新增] dropdown 组件 open 与 hide 事件,于打开与关闭后的逻辑处理。</li>
-          <li>[新增] dropdown 组件 disabled 属性, 禁止下拉框展示。</li>
-          <li>[新增] date-picker 组件 disabled 属性, 禁止修改。</li>
-          <li>[修复] date-picker 组件右下角实时数据无法联动。</li>
-          <li>[修复] table 组件 datasource 属性丢失响应。 </li>
-          <li>[修复] input 组件 readonly 属性不生效。</li> 
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="1-0-0"> </a> 
-      <li> 
-        <h3>1.0.0 <span class="layui-badge-rim">2022-04-02</span></h3> 
-        <ul>
-          <li>[重要] 修订 version 为 1.0.0。</li>
-          <li>[新增] empty 组件 extra 插槽, 支持扩展内容。</li>
-          <li>[新增] result 组件 extra 插槽, 支持扩展内容。</li>
-          <li>[新增] exception 组件 extra 插槽, 支持扩展内容。</li>
-          <li>[新增] switch 组件 onswitch-value 属性, 默认为 true。</li>
-          <li>[新增] switch 组件 unswitch-value 属性, 默认为 false。</li>
-          <li>[新增] date-picker 组件 time 属性, 支持 时 分 秒 选择。</li>
-          <li>[新增] date-picker 组件 yearmonth 属性, 支持 年 月 选择。</li>
-          <li>[新增] tab 组件 position 属性, 用于支持不同方向的选项卡标题。</li>
-          <li>[修复] date-picker 组件 type 属性为 time 时, v-model 默认不生效。</li>
-          <li>[修复] date-picker 组件 12 小时制为 24 小时制。</li>
-          <li>[修复] transfer 组件 showSearch 属性类型警告。</li>              
-          <li>[修复] upload 组件 number 属性必填警告。</li>
-          <li>[修复] variable 全局变量重复导入的问题。</li>
-          <li>[修复] menu 组件 openKeys 属性失效。</li>
-          <li>[支持] animation 点击演示。</li>
-          <li>[支持] icon 列表复制。</li>
-          <li>[支持] 夜间模式。</li>
-        </ul> 
-      </li>
-    </ul>
-  </lay-timeline-item>
-  <lay-timeline-item title="0.4.x">
-    <ul> 
-      <a name="0-4-4"> </a> 
-      <li> 
-        <h3>0.4.4 <span class="layui-badge-rim">2022-03-29</span></h3> 
-        <ul>
-          <li>[新增] button 组件 prefix-icon 属性。</li>
-          <li>[新增] button 组件 suffix-icon 属性。</li>
-          <li>[新增] date-picker 组件 清空 操作, 清空选择日期。</li>
-          <li>[新增] date-picker 组件 确认 操作, 关闭选择面板。</li>
-          <li>[新增] date-picker 组件 type 属性 year 值, 支持 年份 选择。</li>
-          <li>[新增] date-picker 组件 type 属性 month 值, 支持 月份 选择。</li>
-          <li>[修复] date-picker 组件 type 属性为 datetime 时候面板不显示。</li>
-          <li>[新增] card 组件 shadow 属性, 可选值 hover, always, never。</li>
-          <li>[新增] table 组件 row 和 row-double 时间的 event 参数。</li>
-          <li>[新增] table 组件 contextmenu 行右键事件。</li>
-          <li>[支持] cdn 直接导入使用。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-4-3"> </a> 
-      <li> 
-        <h3>0.4.3 <span class="layui-badge-rim">2022-03-27</span></h3> 
-        <ul>
-          <li>[新增] upload 文件上传组件。</li>
-          <li>[新增] date-picker 组件 name 属性, 等同原生 name 属性。</li>
-          <li>[新增] date-picker 组件 type 属性 date 值, 支持日期选择。 </li>
-          <li>[新增] date-picker 组件 type 属性 datetime 值, 支持日期时间选择。</li>
-          <li>[新增] date-picker 组件 now 操作, 将 年 月 日 重置为当前日期。</li>
-          <li>[新增] table 组件 data 属性 titleSlot 选项, 自定义标题插槽。</li>
-          <li>[修复] menu 组件 level 属性的语义与实际功能相悖。</li>
-          <li>[修复] input 组件 height 高度固定 38 px。</li>
-          <li>[修复] step 组件 line 样式。</li>
-          <li>[依赖] monent 日期 js 框架。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-4-2"> </a> 
-      <li> 
-        <h3>0.4.2 <span class="layui-badge-rim">2022-03-26</span></h3> 
-        <ul>
-          <li>[新增] card 组件 extra 插槽。</li>
-          <li>[新增] switch 组件 onswitch-color 属性。</li>
-          <li>[新增] switch 组件 unswitch-color 属性。</li>
-          <li>[修复] docsearch peer dependencies 警告。</li>
-          <li>[修复] select 组件 input border 显示问题。</li>
-          <li>[优化] card 组件 header 插槽为 title 插槽。</li>
-          <li>[优化] switch 组件 in-active-text 为 unswitch-text 属性, 默认不显示。</li>
-          <li>[优化] switch 组件 active-text 为 onswitch-text 属性, 默认不显示。</li>
-          <li>[优化] switch 组件样式。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-4-1"> </a> 
-      <li> 
-        <h3>0.4.1 <span class="layui-badge-rim">2022-03-25</span></h3> 
-        <ul>
-          <li>[新增] switch 组件 onswitch-icon 插槽。</li>
-          <li>[新增] switch 组件 unswitch-icon 插槽。</li>
-          <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>
-          <li>[新增] input 组件 prefix 插槽, 提供前缀设置。</li>
-          <li>[新增] input 组件 suffix 插槽, 提供后缀设置。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-4-0"> </a> 
-      <li> 
-        <h3>0.4.0 <span class="layui-badge-rim">2022-03-17</span></h3> 
-        <ul>
-          <li>[新增] notice-bar 通告栏。</li>
-          <li>[新增] scroll 虚拟滚动组件。</li> 
-          <li>[新增] transition 过渡动画组件。</li>
-          <li>[新增] collapse 折叠面板过渡动画。</li>
-          <li>[新增] table 表格组件 excel 导出工具栏。</li>
-          <li>[新增] table column 选项 sort 属性, 开启字段排序。</li>
-          <li>[新增] page 分页组件 v-model 属性, 支持默认页设置。</li>
-          <li>[新增] dropdown-menu 与 dropdown-menu-item 下拉菜单组件。</li>
-          <li>[新增] date-picker 日期选择组件, 支持年月, 日期, 时间。</li>
-          <li>[新增] transfer 穿梭框组件 showSearch 开启搜索属性。</li>
-          <li>[修复] carousel-item 轮播项使用 v-for 无法渲染。</li>
-          <li>[修复] checkbox 复选框组件, 选中颜色丢失。</li>
-          <li>[修复] slider 滑块组件, 默认 step 值异常。</li>
-          <li>[修复] form 表单错误提示没有间距的问题。</li>
-          <li>[升级] layer-vue 1.3.10 版本。</li>
-        </ul> 
-      </li>
-    </ul>
-  </lay-timeline-item>
-  <lay-timeline-item title="0.3.x">
-    <ul> 
-      <a name="0-3-9"></a> 
-      <li> 
-        <h3>0.3.9 <span class="layui-badge-rim">2022-03-08</span></h3> 
-        <ul> 
-          <li>[重构] count-up 组件。</li>
-          <li>[新增] algolia 文档搜索引擎。</li>
-          <li>[新增] theme 主题 neutral 辅色配置。</li>
-          <li>[新增] menuItem 与 subMenu 组件 title 与 icon 插槽。</li>
-          <li>[新增] menu 菜单 collapse 属性, 支持折叠。</li>
-          <li>[修复] menu 菜单 inverted 跟随主题配置。</li>
-          <li>[删除] menuItem 菜单项 title 属性。</li>
-          <li>[删除] subMenu 菜单集 title 属性。</li>
-          <li>[升级] layer-vue 1.3.8 版本。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-3-8"> </a> 
-      <li> 
-        <h3>0.3.8 <span class="layui-badge-rim">2022-02-21</span></h3> 
-        <ul> 
-          <li>[新增] fullscreen 全屏组件。</li>
-          <li>[新增] icon-picker 颜色选择器。</li>
-          <li>[新增] config-provider 全局配置, 用于主题与国际化切换。</li>
-          <li>[修复] container 容器在不同的分辨率无法自适应的问题</li>
-          <li>[修复] dropdown 组件无法嵌套使用的问题。</li>
-          <li>[修复] menu 组件导航模式菜单错位问题。 </li>
-          <li>[修复] quote 引用的 nm 灰色主题失效。</li>
-          <li>[升级] icons-vue 1.0.7 版本。</li>
-          <li>[升级] layer-vue 1.3.5 版本。</li>
-        </ul> 
-      </li>
-    </ul>
-     <ul> 
-      <a name="0-3-7"> </a> 
-      <li> 
-        <h3>0.3.7 <span class="layui-badge-rim">2022-02-07</span></h3> 
-        <ul> 
-          <li>[新增] slider 滑块组件 setp 属性, 支持设置步长。</li>
-          <li>[新增] index.less 样式文件, 支持一定程度的主题定制。</li>
-          <li>[移除] `defineProps`,`defineEmits` 两个全局宏命令引入，消除控制台警告。</li>
-          <li>[修复] menu 组件 inverted 属性不兼容 string 类型。</li>
-          <li>[修复] menu 组件 level 属性不兼容 string 类型。</li>
-          <li>[升级] icons-vue 1.0.4 版本。</li>
-          <li>[升级] layer-vue 1.3.3 版本。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-3-6"> </a> 
-      <li> 
-        <h3>0.3.6 <span class="layui-badge-rim">2022-02-02</span></h3> 
-        <ul> 
-          <li>[新增] result 结果组件, 提供 success error 通用状态页。</li>
-          <li>[新增] exception 异常组件, 提供 403, 404, 500 通用异常页。</li>
-          <li>[新增] menu 组件 level 属性, 控制菜单层级之间的背景色差异。</li>
-          <li>[新增] menu 组件 inverted 属性, 提供另一种树形菜单选中效果。</li>
-          <li>[新增] menu 组件 theme 属性, 可选值 light 和 dark。</li>
-          <li>[修复] table 组件 header 不随 body 滚动。</li>
-          <li>[升级] vue 3.2.29 版本。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-3-5"> </a> 
-      <li> 
-        <h3>0.3.5 <span class="layui-badge-rim">2022-01-24</span></h3> 
-        <ul> 
-          <li>[新增] split-panel 分割面板, 高度灵活的布局组件。</li>
-          <li>[新增] layer 弹层 type 属性 drawer 可选值, 提供抽屉模式。</li>
-          <li>[修复] tab-item 组件 closable 属性警告, 兼容 string 类型。</li>
-          <li>[修复] dropdown 下拉菜单 content 显示位置问题。</li>
-          <li>[升级] icons-vue 1.0.3 版本。</li>
-          <li>[升级] layer-vue 1.3.1 版本。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-3-4"> </a> 
-      <li> 
-        <h3>0.3.4 <span class="layui-badge-rim">2022-01-19</span></h3> 
-        <ul> 
-          <li>[新增] avatar-list 头像列表组件。</li>
-          <li>[新增] tab-item 选项卡组件 closable 属性, 控制当前选项卡 close 支持。</li>
-          <li>[修复] button 按钮 disabled 为 true 时, 触发 click 事件。</li>
-          <li>[修复] menu-item 与 sub-menu 组件的 title 属性必填警告。</li> 
-          <li>[修复] layout 组件 side 因 flex 布局宽度不固定。</li>
-          <li>[优化] layer 的 children slot 渲染机制。</li>
-          <li>[升级] layer-vue 1.2.5 版本。</li>
-          <li>[升级] vue 3.2.27 版本。</li>   
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-3-3"> </a> 
-      <li> 
-        <h3>0.3.3 <span class="layui-badge-rim">2022-01-09</span></h3> 
-        <ul> 
-          <li>[新增] setup 步骤条组件。</li>
-          <li>[新增] slider 滑块组件 vertical 属性, 支持垂直布局。</li>
-          <li>[新增] timeline-item 时间线组件 dot 插槽, 支持自定义节点内容。</li>
-          <li>[新增] sub-menu 目录组件, 与 menu-item 组合使用。</li>
-          <li>[修复] menu 菜单组件 layui-nav-more 切换动画。</li>
-          <li>[修复] select 下拉选择组件外部参数变更组件内的数值不生效的问题</li>
-          <li>[修复] page 分页组件 limit 数量过多时, 展示部分页数。</li>
-          <li>[推出] layui-vue-admin 后台模板 </li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-3-2"> </a> 
-      <li> 
-        <h3>0.3.2 <span class="layui-badge-rim">2022-01-03</span></h3> 
-        <ul> 
-          <li>[新增] skeleton 骨架屏组件。</li>
-          <li>[重构] tooltip 内部 popper 组件，支持移动到 tooltip 内部。</li>
-          <li>[增强] layer 部分函数 msg open confirm 等, content 支持 VNode 类型。</li>
-          <li>[增强] menu 菜单组件, 初步支持无限级嵌套。</li>
-          <li>[修复] layer.close layer.closeAll 函数无法触发 OutAnim 过度动画问题。</li>
-          <li>[废弃] menu-child-item 组件, 使用 menu-item 替代。</li>
-          <li>[升级] layer-vue 1.2.4 版本。</li>
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-3-1"> </a> 
-      <li> 
-        <h3>0.3.1 <span class="layui-badge-rim">2021-12-28</span></h3> 
-        <ul> 
-          <li>[新增] count-up 数字滚动组件。</li>
-          <li>[新增] slider 滑块 range 属性, 支持区间取值。</li>
-          <li>[新增] button 按钮 disabled 属性, 删除 type 属性 disabled 值。</li>  
-          <li>[修复] 演示站点剪贴板功能，http下不能使用的问题。</li>  
-          <li>[修复] checkbox 复选框 modelValue 属性必填警告。</li>  
-          <li>[修复] formItem 内下拉框组件校验不通过边框未标红问题。</li>  
-          <li>[修复] rate 评分 mouseleave 事件绑定警告。</li>
-          <li>[修复] npm 安装 layui-vue 不必要的依赖警告。</li>  
-          <li>[集成] eslint, prettier 规范插件 。</li>  
-          <li>[升级] icons-vue 1.0.2 版本。</li>  
-        </ul> 
-      </li>
-    </ul>
-  </lay-timeline-item>
-  <lay-timeline-item title="0.2.x">
-  <ul> 
-      <a name="0-2-9"> </a> 
-      <li> 
-        <h3>0.2.9 <span class="layui-badge-rim">2021-12-21</span></h3> 
-        <ul> 
-          <li>[新增] backtop 返回顶部组件, 支持自定义功能。</li> 
-          <li>[新增] slider 滑动型输入器，展示当前值和可选范围。</li> 
-          <li>[新增] select 下拉选择组件 multiple 属性, 支持多选策略。</li> 
-          <li>[新增] form 表单组件内置验证, 提供 rules 配置自定义验证规则。</li>
-          <li>[新增] layer 组件 resize 方法, 重置 area 与 offset 状态。</li>
-          <li>[修复] layer 弹层 v-model 切换状态后, 让其保持 area 与 offset 状态。</li>
-          <li>[修复] transfer 穿梭框组件按钮样式, 使其增加减少操作按钮对齐。</li>
-          <li>[修复] tree 树开启 checkbox 时, 无法选中的问题。</li>
-          <li>[升级] layer-vue 1.2.2 版本。</li>      
-        </ul> 
-      </li>
-    </ul>
-    <ul> 
-      <a name="0-2-8"> </a> 
-      <li> 
-        <h3>0.2.8 <span class="layui-badge-rim">2021-12-15</span></h3> 
-        <ul> 
-          <li>[新增] tooltip 警告提示，展现需要关注的信息。</li> 
-          <li>[新增] input-number 数字输入框, 通过鼠标或键盘，输入范围内的数值。</li> 
-          <li>[新增] layer 组件 isHtmlFangement 属性，函数调用时，用于解析 html 片段。</li>
-          <li>[新增] layer 组件 resize 属性, 开启弹层尺寸拉伸, 常用于 页面层 与 Iframe 层。</li>
-          <li>[加强] layer 组件 area 属性, 支持 字符串 与 数组 类型, 默认 auto 宽高根据内容自适应。</li>
-          <li>[修复] layer 组件 body 禁用拖动, 仅支持标题拖动窗体。</li>
-          <li>[修复] icon-picker 组件 select 图标时, 自动隐藏选择内容。</li>
-          <li>[修复] dropdown 组件触发方式为 hover 时，移动不到菜单子项的问题</li>
-          <li>[集成] utteranc.es 插件, 基于 issues 提供为文档提供留言能力。</li>
-          <li>[升级] layer-vue 1.2.0, 更稳定的 layer 版本。</li>
-          <li>[升级] vue 3.2.26 版本。</li>
-        </ul> 
-      </li>
-    </ul>
-  </lay-timeline-item>
-  <lay-timeline-item title="0.1.x">
-    <ul> 
-      <a name="0-2-7"> </a> 
-      <li> 
-        <h3>0.1.0 <span class="layui-badge-rim">2021-12-10</span></h3> 
-        <ul> 
-          <li>孵化。</li>
-        </ul> 
-      </li>
-    </ul>
-  </lay-timeline-item>
-</lay-timeline>
 </template>
 
 <script>