feat: 新增 transition 组件

example/docs/zh-CN/components/transition.md

@@ -0,0 +1,46 @@
+::: anchor
+:::
+
+::: title 基础使用
+:::
+
+::: describe 过渡效果的使用将大幅提升用户的使用体验。
+:::
+
+::: title 基础使用
+:::
+
+::: demo 使用 `lay-transition` 标签, 为元素提供过渡动画
+
+<template>
+  <lay-button @click="changeVisible">开始</lay-button>
+  <br/>
+  <br/>
+  <lay-transition>
+    <div v-show="visible">
+        <ul style="width:300px;background: #79C48C;border-radius: 4px;height:200px;">
+        </ul>
+    </div>
+  </lay-transition>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    const visible = ref(true);
+
+    const changeVisible = () => {
+        visible.value = !visible.value;
+    }
+
+    return {
+        changeVisible
+    }
+  }
+}
+</script>
+
+:::

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

@@ -18,6 +18,7 @@
         <ul>
           <li>[新增] notice-bar 通告栏。</li>
           <li>[新增] scroll 虚拟滚动组件。</li> 
+          <li>[新增] transition 过渡动画组件。</li>
           <li>[新增] table 表格组件 excel 导出工具栏。</li>
           <li>[新增] table column 选项 sort 属性, 开启字段排序。</li>
           <li>[新增] page 分页组件 v-model 属性, 支持默认页设置。</li>