theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨(document): 在线编辑

Browse Source 
更新文档
This commit is contained in:
就眠儀式 2022-06-23 22:23:41 +08:00
parent 884c2163a6
commit 3baa31a39b
2 changed files with 138 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
package/document/src/components/LayContributor.vue
View File

@ -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>

118
package/document/src/document/zh-CN/guide/changelog.md
View File

@ -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>