diff --git a/package/document/src/components/LayContributor.vue b/package/document/src/components/LayContributor.vue
index ee039e43..4f8aa7cd 100644
--- a/package/document/src/components/LayContributor.vue
+++ b/package/document/src/components/LayContributor.vue
@@ -1,16 +1,19 @@
 <template>
   <div class="contributor">
-    <lay-tooltip
-      :content="contributor.login"
-      v-for="contributor in contributors"
-      :key="contributor.id"
-      :is-dark="false"
-    >
+    <lay-tooltip :content="contributor.login" v-for="contributor in contributors" :key="contributor.id"
+      :is-dark="false">
       <a :href="contributor.htmlUrl" target="_blank">
         <lay-avatar :src="contributor.avatarUrl" radius></lay-avatar>
       </a>
     </lay-tooltip>
   </div>
+  <lay-tooltip content="在线编辑" :is-dark="false">
+    <a class="online-edit"
+      :href="'https://github.com/layui/layui-vue/edit/next/package/document/src/document/zh-CN/components/' + filePath + '.md'"
+      target="_blank">
+      <lay-icon type="layui-icon-edit"></lay-icon>
+    </a>
+  </lay-tooltip>
 </template>
 
 <script lang="ts" setup>
@@ -26,7 +29,8 @@ const props = withDefaults(defineProps<LayContributor>(), {
 });
 
 const suffix = ".md";
-const githubAPI = "https://api.github.com/repos/layui/layui-vue/commits?path=/package/document/src/document/zh-CN/components/";
+const githubAPI =
+  "https://api.github.com/repos/layui/layui-vue/commits?path=/package/document/src/document/zh-CN/components/";
 const contributors: Ref<any> = ref([]);
 
 var compare = function (x: any, y: any) {
@@ -72,9 +76,20 @@ fetchContributors();
 <style>
 .contributor {
   text-align: left;
-  margin: 30px 20px;
+  margin: 30px 15px 30px 20px;
+  display: inline-block;
 }
+
+.contributor a {
+  height: 40px;
+  display: inline-block;
+}
+
 .contributor img {
   margin: 5px;
 }
+
+.online-edit {
+  display: inline-block;
+}
 </style>
diff --git a/package/document/src/document/zh-CN/guide/changelog.md b/package/document/src/document/zh-CN/guide/changelog.md
index b0be322a..fb3a2837 100644
--- a/package/document/src/document/zh-CN/guide/changelog.md
+++ b/package/document/src/document/zh-CN/guide/changelog.md
@@ -2,9 +2,9 @@
 :::
 
 <lay-timeline style="padding-left:30px;padding-top:30px;">
-  <lay-timeline-item title="尾版本号：日常问题更新。" simple></lay-timeline-item>
-  <lay-timeline-item title="次版本号：带有新特性的向下兼容的版本。" simple></lay-timeline-item>
-  <lay-timeline-item title="主版本号：含有破坏性更新和新特性，不在发布周期内。" simple></lay-timeline-item>
+  <lay-timeline-item title="🐛 尾版本号：日常问题更新。" simple></lay-timeline-item>
+  <lay-timeline-item title="🌟 次版本号：带有新特性的向下兼容的版本。" simple></lay-timeline-item>
+  <lay-timeline-item title="♻️ 主版本号：含有破坏性更新和新特性，不在发布周期内。" simple></lay-timeline-item>
 </lay-timeline>
 
 ::: demo
@@ -32,6 +32,118 @@
       </li>
     </ul>
   </lay-timeline-item>
+  <lay-timeline-item title="1.1.x">
+      <ul> 
+      <a name="1-1-9"></a> 
+      <li> 
+        <h3>1.1.10 <span class="layui-badge-rim">2022-06-21</span></h3> 
+        <ul>
+          <li>[修复] darkreader 依赖不存在的问题</li>
+          <li>[修复] cascader 组件的样式文件污染</li>
+        </ul>
+      </li>
+    </ul>
+      <ul> 
+      <a name="1-1-9"></a> 
+      <li> 
+        <h3>1.1.9 <span class="layui-badge-rim">2022-06-21</span></h3> 
+        <ul>
+          <li>[新增] progress 组件 circle 属性, 支持环形进度条</li>
+          <li>[新增] cascader 组件, 将数据按照指定的格式传入后分层分级，通过此组件逐级查看并选择</li>
+          <li>[新增] page-header 组件,页面的路径比较简单,则使用页头组件要,比面包屑更直观一点</li>
+          <li>[修复] layer 组件 btn 属性 callback 回调参数 id 为空的问题</li>
+          <li>[优化] layer 组件 callback 回调 id 参数, 配合 layer.close() 关闭当前弹层</li>
+          <li>[优化] layui-vue 在 nuxt3 中的使用, 将 darkreader 替换为 ssr-darkreader</li>
+        </ul>
+      </li>
+    </ul>
+    <ul> 
+      <a name="1-1-8"></a> 
+      <li> 
+        <h3>1.1.8 <span class="layui-badge-rim">2022-06-20</span></h3> 
+        <ul>
+          <li>[新增] provider 组件 theme 属性 auto 值, 自动跟随系统主题</li>
+          <li>[新增] checkbox 组件 is-indeterminate 属性, 用于展示半选状态</li>
+          <li>[新增] layui-vue-helper 插件, 用于 Visual Studio Code 辅助开发</li>
+          <li>[新增] textarea 组件 show-count 属性, 用于展示输入长度与 max-length</li>
+          <li>[修复] carousel 组件加载时无法获取 carousel-item 轮播项</li>
+          <li>[修复] input-number 组件 modelValue 属性类型错误</li>
+          <li>[修复] checkbox 组件 夜间模式 选中状态异常</li>
+          <li>[优化] table 组件 checkedKeys 属性, 加入半选状态</li>
+        </ul>
+      </li>
+    </ul>
+    <ul> 
+      <a name="1-1-7"></a> 
+      <li> 
+        <h3>1.1.7 <span class="layui-badge-rim">2022-06-13</span></h3> 
+        <ul>
+          <li>[新增] upload 组件 default 插槽, 允许自定义上传入口</li>
+          <li>[新增] transfer 组件 width 与 height 属性, 允许自定义盒子尺寸</li>
+          <li>[新增] table 组件 max-height 与 height 属性, 超出指定高度标题固定</li>
+          <li>[修复] transfer 组件 input 样式, 由原生 input 修改为 lay-input 组件</li>
+          <li>[修复] transfer 组件 transfer-data 高度超出 transfer-box 的问题</li>  
+          <li>[修复] table 组件 按需加载 时, 内置 checkbox 无法正常显示的问题</li>
+          <li>[优化] input 组件 modelValue 属性非必填, 使用 @input 回调取值</li>
+        </ul>
+      </li>
+    </ul>
+    <ul> 
+      <a name="1-1-6"></a> 
+      <li> 
+        <h3>1.1.6 <span class="layui-badge-rim">2022-06-11</span></h3> 
+        <ul>
+          <li>[新增] input 组件 prefix-icon 属性, 用于设置输入框前置图标</li>
+          <li>[新增] input 组件 suffix-icon 属性, 用于设置输入框后置图标</li>
+          <li>[修复] date-picker 组件 v-model 无法解析 yy-mm-dd 年月日, 会显示现在日期的问题</li>
+          <li>[优化] dropdown 组件 trigger 属性为 context-menu 值, 不再根据鼠标位置展示内容</li>
+          <li>[优化] input-number 组件 v-model 内容默认对齐方式为 center, 更符合普遍的审美</li>
+          <li>[升级] vue, vueuse, vue-i18n, darkreader, rollup 等核心依赖 </li>
+        </ul>
+      </li>
+    </ul>
+    <ul> 
+      <a name="1-1-5"></a> 
+      <li> 
+        <h3>1.1.5 <span class="layui-badge-rim">2022-06-04</span></h3> 
+        <ul>
+          <li>[新增] input 组件 label-position 属性, 通过设置改变表单域标签的位置, top、left 为可选值</li>
+          <li>[修复] tab 组件 brief 风格 position 为 bottom 时 active-bar 的位置</li>
+          <li>[修复] tab 组件 brief 风格 background-color 为 transparent 透明色</li>
+          <li>[优化] tab 组件 tab-panel 宽度超出当前组件宽度时, 增加左右滑动的能力</li>
+          <li>[优化] input 组件 foucs 状态, 新增 global-checked-color 选中色</li>
+          <li>[优化] layer 组件 夜间模式 样式, 新增 border 边框样式</li>
+        </ul>
+      </li>
+    </ul>
+    <ul> 
+      <a name="1-1-4"></a> 
+      <li> 
+        <h3>1.1.4 <span class="layui-badge-rim">2022-05-29</span></h3> 
+        <ul>
+          <li>[新增] table 组件 childrenColumnName 属性, 配置 children 子节点为其他字段</li>
+          <li>[新增] table 组件 indent-size 属性, 用于 tree-table 模式控制每一层的缩进宽度</li>
+          <li>[新增] table 组件 expand 插槽, 内容较多不能一次性完全展示时使用, 参数 data 为当前行数据</li>
+          <li>[新增] table 组件 children 字段解析, 当字段中存在 children 时会自动转化为树表</li>
+          <li>[新增] tree 组件 title 插槽, 参数 data 为当前行数据, 用于自定义节点标题</li>
+        </ul> 
+      </li>
+    </ul>
+    <ul> 
+      <a name="1-1-3"></a> 
+      <li> 
+        <h3>1.1.3 <span class="layui-badge-rim">2022-05-27</span></h3> 
+        <ul>
+          <li>[新增] input 组件 clear 事件, 清空内容时触发的无参事件</li>
+          <li>[新增] avatar 组件 alt 属性, 用于设置描述图像无法正常显示时的替换文本</li>
+          <li>[新增] radio-group 组件, 公用 name change v-model 属性, 简化多 radio 使用</li>
+          <li>[修复] tab 组件初始化时, 因无法监听到 slots 变化, 而导致 layui-tab-title 无法正常显示的问题</li>
+          <li>[优化] input 组件 allow-clear 触发策略, 由始终显示调整为 v-model 不为空显示</li>
+          <li>[优化] icon-picker 组件 search 功能, 为 input 输入框增加清空操作</li>
+        </ul> 
+      </li>
+    </ul>
+  </lay-timeline-item>
 </lay-timeline>
 </template>