优化 docs 中 options 的锚点影响其他元素及目录无法匹配选中的问题

This commit is contained in:
贤心 2023-05-10 12:13:03 +08:00
parent a331be5f25
commit 8dab770269
13 changed files with 67 additions and 67 deletions

View File

@ -187,7 +187,7 @@
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" class="ws-anchor">
[回调函数](#options.callback)
@ -199,7 +199,7 @@
<td>change <sup>2.7+</sup></td>
<td colspan="3">
<div id="options.change", class="ws-anchor">
<div id="options.change" lay-pid="options" class="ws-anchor">
轮播切换后的回调函数,返回一个对象参数。
</div>

View File

@ -266,7 +266,7 @@ Code 容器的风格,可选值有:
</td>
<td colspan="3">
<div id="options.done" class="ws-anchor">
<div id="options.done" lay-pid="options" class="ws-anchor">
组件渲染完毕的回调函数,函数返回一个 object 类型参数
</div>
@ -287,7 +287,7 @@ done: function(obj){
</td>
<td colspan="3">
<div id="options.onCopy" class="ws-anchor">
<div id="options.onCopy" lay-pid="options" class="ws-anchor">
点击复制图标时的回调函数。 该回调一旦设定,则不再执行内置的复制操作。
</div>

View File

@ -105,7 +105,7 @@
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" lay-pid="options" class="ws-anchor">
[回调函数](#options.callback)

View File

@ -211,7 +211,7 @@ templet: function(d){
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" lay-pid="options" class="ws-anchor">
[回调函数](#options.callback)
@ -242,7 +242,7 @@ ready: function(elemPanel, elem){
</td>
<td colspan="3">
<div id="options.click" class="ws-anchor">
<div id="options.click" lay-pid="options" class="ws-anchor">
菜单项被点击时的回调函数。返回的参数如下:
</div>

View File

@ -106,7 +106,7 @@ layui.each(data, function(index, item){
<td>done</td>
<td colspan="3">
<div id="options.done" class="ws-anchor">
<div id="options.done" lay-pid="options" class="ws-anchor">
滚动条到达临界点触发加载的回调函数。函数返回的参数如下:
</div>

View File

@ -32,7 +32,7 @@
</td>
<td>
<div id="options.type" class="ws-anchor">
<div id="options.type" lay-pid="options" class="ws-anchor">
组件面板选择类型。支持以下可选值:
</div>
@ -60,7 +60,7 @@
</td>
<td>
<div id="options.range" class="ws-anchor">
<div id="options.range" lay-pid="options" class="ws-anchor">
开启左右面板的范围选择,将会根据 `type` 类型呈现对应的范围选择面板。该属性值支持以下类型:
@ -123,7 +123,7 @@ range: ['#start', '#end']
</td>
<td colspan="3">
<div id="options.format" class="ws-anchor">
<div id="options.format" lay-pid="options" class="ws-anchor">
自定义日期和时间值的返回格式,默认值: `yyyy-MM-dd`。 其格式符规则如下:
@ -167,7 +167,7 @@ format: '北京时间 H 点 m 分'
</td>
<td>
<div id="options.value" class="ws-anchor">
<div id="options.value" lay-pid="options" class="ws-anchor">
初始值。值支持以下类型:
</div>
@ -213,7 +213,7 @@ value: new Date(1534766888000) // 参数即为2018-08-20 20:08:08 的毫秒
</td>
<td>
<div id="options.shortcuts" class="ws-anchor">
<div id="options.shortcuts" lay-pid="options" class="ws-anchor">
用于开启面板左侧的快捷选择栏。其值配置规则如下:
</div>
@ -279,7 +279,7 @@ weekStart: 1 // 设置周一为起始周
</td>
<td colspan="3">
<div id="options.min" class="ws-anchor">
<div id="options.min" lay-pid="options" class="ws-anchor">
限制可供选择的最小或最大日期时间值。默认值:
@ -373,7 +373,7 @@ max: 7 // 最大日期为 7 天后
<td>
<div id="options.shade" class="ws-anchor">
<div id="options.shade" lay-pid="options" class="ws-anchor">
用于开启弹出日期面板时的遮罩。值支持以下可选类型:
</div>
@ -463,7 +463,7 @@ btns: ['clear', 'confirm']
</td>
<td>
<div id="options.theme" class="ws-anchor">
<div id="options.theme" lay-pid="options" class="ws-anchor">
设置组件面板主题。除了默认主题,还内置主题: `molv` `grid` `circle`<sup>2.8+</sup> ,且支持直接传入自定义的主题色。
@ -507,7 +507,7 @@ theme: ['grid', '#FF5722']
</td>
<td>
<div id="options.mark" class="ws-anchor">
<div id="options.mark" lay-pid="options" class="ws-anchor">
自定义日期标记。该属性是对 `calendar` 属性的进一步延伸,灵活度更高。属性可批量设置多个日期标记,如:
@ -563,7 +563,7 @@ holidays: [
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" lay-pid="options" class="ws-anchor">
[回调函数](#options.callback)
@ -579,7 +579,7 @@ holidays: [
</td>
<td colspan="3">
<div id="options.ready" class="ws-anchor">
<div id="options.ready" lay-pid="options" class="ws-anchor">
组件面板初始打开的回调函数。返回的参数如下:
</div>
@ -609,7 +609,7 @@ ready: function(date){
</td>
<td colspan="3">
<div id="options.change" class="ws-anchor">
<div id="options.change" lay-pid="options" class="ws-anchor">
日期时间被切换后的回调函数。返回的参数如下:
</div>
@ -631,7 +631,7 @@ change: function(value, date, endDate){
</td>
<td colspan="3">
<div id="options.done" class="ws-anchor">
<div id="options.done" lay-pid="options" class="ws-anchor">
日期时间选择完毕的回调函数,点击清空、现在、确定也均会触发。返回的参数如下:
</div>

View File

@ -76,7 +76,7 @@ title: false // 不显示标题栏
</td>
<td colspan="3">
<div id="options.content" class="ws-anchor">
<div id="options.content" lay-pid="options" class="ws-anchor">
弹层内容。 可传入的值比较灵活,支持以下使用场景:
@ -129,7 +129,7 @@ layer.open({
</td>
<td>
<div id="options.area" class="ws-anchor">
<div id="options.area" lay-pid="options" class="ws-anchor">
设置弹层的宽高,其值支持以下可选类型:
</div>
@ -181,7 +181,7 @@ layer.open({
</td>
<td>
<div id="options.offset" class="ws-anchor">
<div id="options.offset" lay-pid="options" class="ws-anchor">
弹层的偏移坐标。 支持以下可选值:
</div>
@ -215,7 +215,7 @@ layer.open({
</td>
<td>
<div id="options.anim" class="ws-anchor">
<div id="options.anim" lay-pid="options" class="ws-anchor">
弹层的出场动画。支持以下可选值:
</div>
@ -281,7 +281,7 @@ layer.open({
</td>
<td>
<div id="options.closeBtn" class="ws-anchor">
<div id="options.closeBtn" lay-pid="options" class="ws-anchor">
是否开启标题栏的关闭图标,或设置关闭图标风格。
</div>
@ -305,7 +305,7 @@ layer.open({
</td>
<td>
<div id="options.icon" class="ws-anchor">
<div id="options.icon" lay-pid="options" class="ws-anchor">
提示图标。 信息框和加载层的私有参数。
</div>
@ -339,7 +339,7 @@ layer.load(1); // 加载层风格一
</td>
<td>
<div id="options.btn" class="ws-anchor">
<div id="options.btn" lay-pid="options" class="ws-anchor">
自定义按钮。 页面层默认不开启。 按钮可无限数量,每一个按钮均会按照数组顺序生成对应的回调函数,如:
</div>
@ -377,7 +377,7 @@ layer.open({
</td>
<td>
<div id="options.btnAlign" class="ws-anchor">
<div id="options.btnAlign" lay-pid="options" class="ws-anchor">
按钮水平对其方式。支持以下可选值:
</div>
@ -402,7 +402,7 @@ layer.open({
</td>
<td>
<div id="options.skin" class="ws-anchor">
<div id="options.skin" lay-pid="options" class="ws-anchor">
弹层的主题风格。通过赋值对应的 className实现对主题样式的定制。除了默认主题风格还支持以下可选主题
</div>
@ -425,7 +425,7 @@ layer.open({
</td>
<td>
<div id="options.shade" class="ws-anchor">
<div id="options.shade" lay-pid="options" class="ws-anchor">
弹层的遮罩。 支持以下写法:
</div>
@ -627,7 +627,7 @@ tips: [1, '#000'] // 吸附在上的深色贴士层
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" lay-pid="options" class="ws-anchor">
[回调函数](#options.callback)
@ -672,7 +672,7 @@ layer.open({
</td>
<td colspan="3">
<div id="options.yes" class="ws-anchor">
<div id="options.yes" lay-pid="options" class="ws-anchor">
点击「确定」按钮的回调函数。返回的参数同 `success`
@ -698,7 +698,7 @@ layer.open({
</td>
<td colspan="3">
<div id="options.cancel" class="ws-anchor">
<div id="options.cancel" lay-pid="options" class="ws-anchor">
点击标题栏关闭按钮的回调函数。返回的参数同 `success`
</div>
@ -724,7 +724,7 @@ layer.open({
</td>
<td colspan="3">
<div id="options.end" class="ws-anchor">
<div id="options.end" lay-pid="options" class="ws-anchor">
弹层被关闭且销毁后的回调函数。
</div>
@ -747,7 +747,7 @@ layer.open({
</td>
<td colspan="3">
<div id="options.moveEnd" class="ws-anchor">
<div id="options.moveEnd" lay-pid="options" class="ws-anchor">
弹层拖拽完毕后的回调函数。
</div>
@ -771,7 +771,7 @@ layer.open({
</td>
<td colspan="3">
<div id="options.resizing" class="ws-anchor">
<div id="options.resizing" lay-pid="options" class="ws-anchor">
弹层拉伸过程中的回调函数
</div>
@ -795,7 +795,7 @@ layer.open({
</td>
<td colspan="3">
<div id="options.full" class="ws-anchor">
<div id="options.full" lay-pid="options" class="ws-anchor">
弹层最大化后的回调函数。返回的参数同 `success`
@ -821,7 +821,7 @@ layer.open({
</td>
<td colspan="3">
<div id="options.min" class="ws-anchor">
<div id="options.min" lay-pid="options" class="ws-anchor">
弹层最小化后的回调函数。返回的参数同 `success`
@ -848,7 +848,7 @@ layer.open({
</td>
<td colspan="3">
<div id="options.restore" class="ws-anchor">
<div id="options.restore" lay-pid="options" class="ws-anchor">
弹层被还原后的回调函数。返回的参数同 `success`
</div>

View File

@ -201,7 +201,7 @@
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" lay-pid="options" class="ws-anchor">
[回调函数](#options.callback)
@ -217,7 +217,7 @@
</td>
<td colspan="3">
<div id="options.jump" class="ws-anchor">分页跳转后的回调函数。函数返回两个参数:</div>
<div id="options.jump" lay-pid="options" class="ws-anchor">分页跳转后的回调函数。函数返回两个参数:</div>
- 参数 `obj` : 当前分页相关的所有选项值
- 参数 `first` : 是否首次渲染,一般用于初始加载的判断

View File

@ -201,7 +201,7 @@
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" lay-pid="options" class="ws-anchor">
[回调函数](#options.callback)

View File

@ -136,7 +136,7 @@ text: {
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" lay-pid="options" class="ws-anchor">
[回调函数](#options.callback)
@ -173,8 +173,8 @@ onchange: function(data, index){
</td>
<td colspan="3">
<div id="options.parseData" class="ws-anchor">
数据格式解析的回调函数,用于将返回的任意数据格式解析成 transfer 组件规定的 <a href="#options.data" style="pointer-events: auto;">data 格式</a>
<div id="options.parseData" lay-pid="options" class="ws-anchor">
数据格式解析的回调函数,用于将返回的任意数据格式解析成 transfer 组件规定的 <a href="#options.data">data 格式</a>
</div>
```

View File

@ -153,7 +153,7 @@ text: {
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" lay-pid="options" class="ws-anchor">
[回调函数](#options.callback)
@ -165,7 +165,7 @@ text: {
<td>click</td>
<td colspan="3">
<div id="options.click" class="ws-anchor">
<div id="options.click" lay-pid="options" class="ws-anchor">
节点被点击的回调函数。返回的参数如下:
</div>
@ -185,7 +185,7 @@ click: function(obj){
<td>oncheck</td>
<td colspan="3">
<div id="options.oncheck" class="ws-anchor">
<div id="options.oncheck" lay-pid="options" class="ws-anchor">
点击复选框时的回调函数,返回的参数如下:
</div>
@ -203,7 +203,7 @@ oncheck: function(obj){
<td>operate</td>
<td colspan="3">
<div id="options.operate" class="ws-anchor">
<div id="options.operate" lay-pid="options" class="ws-anchor">
点击节点的右侧操作图标的回调函数,返回的参数如下:
</div>

View File

@ -46,7 +46,7 @@ treeTable.render({
<td>tree.customName</td>
<td>
<div id="options.tree.customName" class="ws-anchor">
<div id="options.tree.customName" lay-pid="options" class="ws-anchor">
自定义属性名的集合,包含以下成员:
@ -66,7 +66,7 @@ treeTable.render({
<td>tree.view</td>
<td>
<div id="options.tree.view" class="ws-anchor">
<div id="options.tree.view" lay-pid="options" class="ws-anchor">
视图相关的属性集合,包含以下成员:
@ -91,7 +91,7 @@ treeTable.render({
<td>tree.data</td>
<td>
<div id="options.tree.data" class="ws-anchor">
<div id="options.tree.data" lay-pid="options" class="ws-anchor">
数据相关的属性集合,包含以下成员:
@ -108,7 +108,7 @@ treeTable.render({
<td>tree.async</td>
<td>
<div id="options.tree.async" class="ws-anchor">
<div id="options.tree.async" lay-pid="options" class="ws-anchor">
异步相关的属性集合,包含以下成员:
@ -130,7 +130,7 @@ treeTable.render({
<td>tree.callback</td>
<td>
<div id="options.tree.callback" class="ws-anchor">
<div id="options.tree.callback" lay-pid="options" class="ws-anchor">
事件回调相关的属性集合,包含以下成员:

View File

@ -56,7 +56,7 @@
</td>
<td>
<div id="options.data" class="ws-anchor">
<div id="options.data" lay-pid="options" class="ws-anchor">
传递给上传接口的额外参数,支持静态赋值和动态赋值两种写法。
</div>
@ -100,7 +100,7 @@ data: {
</td>
<td>
<div id="options.accept" class="ws-anchor">
<div id="options.accept" lay-pid="options" class="ws-anchor">
指定允许上传时校验的文件类型。可选值有:
</div>
@ -142,7 +142,7 @@ acceptMime: 'image/jpeg, image/png` // 只筛选 jpg,png 格式图片
</td>
<td>
<div id="options.exts" class="ws-anchor">
<div id="options.exts" lay-pid="options" class="ws-anchor">
允许上传的文件后缀。一般结合 `accept` 属性来设定。
@ -257,7 +257,7 @@ acceptMime: 'image/jpeg, image/png` // 只筛选 jpg,png 格式图片
<td colspan="4" style="text-align: center">
<div id="options.callback" class="ws-anchor" style="pointer-events: auto;">
<div id="options.callback" lay-pid="options" class="ws-anchor">
[回调函数](#options.callback)
@ -273,7 +273,7 @@ acceptMime: 'image/jpeg, image/png` // 只筛选 jpg,png 格式图片
</td>
<td colspan="3">
<div id="option.choose" class="ws-anchor">
<div id="options.choose" lay-pid="options" class="ws-anchor">
选择文件后的回调函数。返回的参数如下
</div>
@ -310,7 +310,7 @@ choose: function(obj){
</td>
<td colspan="3">
<div id="option.before" class="ws-anchor">
<div id="options.before" lay-pid="options" class="ws-anchor">
文件提交上传前的回调函数。返回的参数同 choose
</div>
@ -332,12 +332,12 @@ before: function(obj){ // obj 参数同 choose
<tr>
<td>
[progress](#option.progress)
[progress](#options.progress)
</td>
<td colspan="3">
<div id="option.progress" class="ws-anchor">
<div id="options.progress" lay-pid="options" class="ws-anchor">
执行上传请求后的回调函数。返回的参数如下:
</div>
@ -361,12 +361,12 @@ progress: progress: function(n, elem, res, index){
<tr>
<td>
[done](#option.done)
[done](#options.done)
</td>
<td colspan="3">
<div id="option.done" class="ws-anchor">
<div id="options.done" lay-pid="options" class="ws-anchor">
执行单次文件上传请求后的回调函数。返回的参数如下:
</div>
@ -392,12 +392,12 @@ done: function(res, index, upload){
<tr>
<td>
[allDone](#option.allDone)
[allDone](#options.allDone)
</td>
<td colspan="3">
<div id="option.allDone" class="ws-anchor">
<div id="options.allDone" lay-pid="options" class="ws-anchor">
当开启多文件 (`multiple: true` ) 且所有文件均上传完毕后的状态回调函数。