@antv/g6
Version:
graph visualization frame work
1 lines • 20.7 kB
JSON
{"expireTime":9007200828528711000,"key":"transformer-remark-markdown-html-c2f19d8b004ea1fe2a5fb2afb6a010fb-gatsby-remark-prettiergatsby-remark-prismjsgatsby-remark-external-linksgatsby-remark-autolink-headersgatsby-remark-reading-time-","val":"<p>通用事件、Node事件、Edge事件及Canvas事件回调的参数请参考<a href=\"./Behavior\">Behavior文档</a>。</p>\n<h2 id=\"通用事件\"><a href=\"#%E9%80%9A%E7%94%A8%E4%BA%8B%E4%BB%B6\" aria-label=\"通用事件 permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>通用事件</h2>\n<table>\n<thead>\n<tr>\n<th>事件名称</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>click</td>\n<td>单击鼠标<strong>左键</strong>或者按下回车键时触发</td>\n</tr>\n<tr>\n<td>dblclick</td>\n<td>双击鼠标<strong>左键</strong>时触发</td>\n</tr>\n<tr>\n<td>mouseenter</td>\n<td>鼠标移入元素范围内触发，<strong>该事件不冒泡</strong>，即鼠标移到其后代元素上时不会触发</td>\n</tr>\n<tr>\n<td>mousemove</td>\n<td>鼠标在元素内部移到时不断触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>mouseout</td>\n<td>鼠标移出目标元素后触发</td>\n</tr>\n<tr>\n<td>mouseover</td>\n<td>鼠标移入目标元素上方，鼠标移到其后代元素上时会触发</td>\n</tr>\n<tr>\n<td>mouseleave</td>\n<td>鼠标移出元素范围时触发，<strong>该事件不冒泡</strong>，即鼠标移到其后代元素时不会触发</td>\n</tr>\n<tr>\n<td>mousedown</td>\n<td>鼠标按钮被按下（左键或者右键）时触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>mouseup</td>\n<td>鼠标按钮被释放弹起时触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>contextmenu</td>\n<td>用户右击鼠标时触发并打开上下文菜单</td>\n</tr>\n<tr>\n<td>dragstart</td>\n<td>当拖拽元素开始被拖拽的时候触发的事件，此事件作用在被拖曳元素上</td>\n</tr>\n<tr>\n<td>drag</td>\n<td>当拖拽元素在拖动过程中时触发的事件，此事件作用于被拖拽元素上</td>\n</tr>\n<tr>\n<td>dragend</td>\n<td>当拖拽完成后触发的事件，此事件作用在被拖曳元素上</td>\n</tr>\n<tr>\n<td>dragenter</td>\n<td>当拖曳元素进入目标元素的时候触发的事件，此事件作用在目标元素上</td>\n</tr>\n<tr>\n<td>dragleave</td>\n<td>当拖曳元素离开目标元素的时候触发的事件，此事件作用在目标元素上</td>\n</tr>\n<tr>\n<td>drop</td>\n<td>被拖拽的元素在目标元素上同时鼠标放开触发的事件，此事件作用在目标元素上</td>\n</tr>\n<tr>\n<td>keydown</td>\n<td>按下键盘键触发该事件</td>\n</tr>\n<tr>\n<td>keyup</td>\n<td>释放键盘键触发该事件</td>\n</tr>\n<tr>\n<td>touchstart</td>\n<td>当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发</td>\n</tr>\n<tr>\n<td>touchmove</td>\n<td>当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。</td>\n</tr>\n<tr>\n<td>touchend</td>\n<td>当手指从屏幕上离开的时候触发</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"node事件\"><a href=\"#node%E4%BA%8B%E4%BB%B6\" aria-label=\"node事件 permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Node事件</h2>\n<table>\n<thead>\n<tr>\n<th>事件名称</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>node:click</td>\n<td>鼠标<strong>左键</strong>单击节点时触发</td>\n</tr>\n<tr>\n<td>node:dblclick</td>\n<td>鼠标双击<strong>左键</strong>节点时触发</td>\n</tr>\n<tr>\n<td>node:mouseenter</td>\n<td>鼠标移入节点时触发</td>\n</tr>\n<tr>\n<td>node:mousemove</td>\n<td>鼠标在节点内部移到时不断触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>node:mouseout</td>\n<td>鼠标移出节点后触发</td>\n</tr>\n<tr>\n<td>node:mouseover</td>\n<td>鼠标移入节点上方时触发</td>\n</tr>\n<tr>\n<td>node:mouseleave</td>\n<td>鼠标移出节点时触发</td>\n</tr>\n<tr>\n<td>node:mousedown</td>\n<td>鼠标按钮在节点上按下（左键或者右键）时触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>node:mouseup</td>\n<td>节点上按下的鼠标按钮被释放弹起时触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>node:contextmenu</td>\n<td>用户在节点上右击鼠标时触发并打开右键菜单</td>\n</tr>\n<tr>\n<td>node:dragstart</td>\n<td>当节点开始被拖拽的时候触发的事件，此事件作用在被拖曳节点上</td>\n</tr>\n<tr>\n<td>node:drag</td>\n<td>当节点在拖动过程中时触发的事件，此事件作用于被拖拽节点上</td>\n</tr>\n<tr>\n<td>node:dragend</td>\n<td>当拖拽完成后触发的事件，此事件作用在被拖曳节点上</td>\n</tr>\n<tr>\n<td>node:dragenter</td>\n<td>当拖曳节点进入目标元素的时候触发的事件，此事件作用在目标元素上</td>\n</tr>\n<tr>\n<td>node:dragleave</td>\n<td>当拖曳节点离开目标元素的时候触发的事件，此事件作用在目标元素上</td>\n</tr>\n<tr>\n<td>node:drop</td>\n<td>被拖拽的节点在目标元素上同时鼠标放开触发的事件，此事件作用在目标元素上</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"edge事件\"><a href=\"#edge%E4%BA%8B%E4%BB%B6\" aria-label=\"edge事件 permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Edge事件</h2>\n<table>\n<thead>\n<tr>\n<th>事件名称</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>edge:click</td>\n<td>鼠标<strong>左键</strong>单击边时触发</td>\n</tr>\n<tr>\n<td>edge:dblclick</td>\n<td>鼠标双击<strong>左键</strong>边时触发</td>\n</tr>\n<tr>\n<td>edge:mouseenter</td>\n<td>鼠标移入边时触发</td>\n</tr>\n<tr>\n<td>edge:mousemove</td>\n<td>鼠标在边上移到时不断触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>edge:mouseout</td>\n<td>鼠标移出边后触发</td>\n</tr>\n<tr>\n<td>edge:mouseover</td>\n<td>鼠标移入边上方时触发</td>\n</tr>\n<tr>\n<td>edge:mouseleave</td>\n<td>鼠标移出边时触发</td>\n</tr>\n<tr>\n<td>edge:mousedown</td>\n<td>鼠标按钮在边上按下（左键或者右键）时触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>edge:mouseup</td>\n<td>边上按下的鼠标按钮被释放弹起时触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>edge:contextmenu</td>\n<td>用户在边上右击鼠标时触发并打开右键菜单</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"canvas事件\"><a href=\"#canvas%E4%BA%8B%E4%BB%B6\" aria-label=\"canvas事件 permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Canvas事件</h2>\n<table>\n<thead>\n<tr>\n<th>事件名称</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>canvas:click</td>\n<td>鼠标<strong>左键</strong>单击画布时触发</td>\n</tr>\n<tr>\n<td>canvas:dblclick</td>\n<td>鼠标双击<strong>左键</strong>画布时触发</td>\n</tr>\n<tr>\n<td>canvas:mouseenter</td>\n<td>鼠标移入画布时触发</td>\n</tr>\n<tr>\n<td>canvas:mousemove</td>\n<td>鼠标在画布内部移到时不断触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>canvas:mouseout</td>\n<td>鼠标移出画布后触发</td>\n</tr>\n<tr>\n<td>canvas:mouseover</td>\n<td>鼠标移入画布上方时触发</td>\n</tr>\n<tr>\n<td>canvas:mouseleave</td>\n<td>鼠标移出画布时触发</td>\n</tr>\n<tr>\n<td>canvas:mousedown</td>\n<td>鼠标按钮在画布上按下（左键或者右键）时触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>canvas:mouseup</td>\n<td>画布上按下的鼠标按钮被释放弹起时触发，不能通过键盘触发</td>\n</tr>\n<tr>\n<td>canvas:contextmenu</td>\n<td>用户在画布上右击鼠标时触发并打开右键菜单</td>\n</tr>\n<tr>\n<td>canvas:dragstart</td>\n<td>当画布开始被拖拽的时候触发的事件，此事件作用在被拖曳画布上</td>\n</tr>\n<tr>\n<td>canvas:drag</td>\n<td>当画布在拖动过程中时触发的事件，此事件作用于被拖拽画布上</td>\n</tr>\n<tr>\n<td>canvas:dragend</td>\n<td>当拖拽完成后触发的事件，此事件作用在被拖曳画布上</td>\n</tr>\n<tr>\n<td>canvas:dragenter</td>\n<td>当拖曳画布进入目标元素的时候触发的事件，此事件作用在目标元素上</td>\n</tr>\n<tr>\n<td>canvas:dragleave</td>\n<td>当拖曳画布离开目标元素的时候触发的事件，此事件作用在目标元素上</td>\n</tr>\n</tbody>\n</table>\n<h2 id=\"时机监听\"><a href=\"#%E6%97%B6%E6%9C%BA%E7%9B%91%E5%90%AC\" aria-label=\"时机监听 permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>时机监听</h2>\n<p>用于监听图的某方法调用前后的时机。</p>\n<table>\n<thead>\n<tr>\n<th>事件名称</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>beforeadditem</td>\n<td>调用add / addItem方法之前触发</td>\n</tr>\n<tr>\n<td>afteradditem</td>\n<td>调用add / addItem方法之后触发</td>\n</tr>\n<tr>\n<td>beforeremoveitem</td>\n<td>调用remove / removeItem方法之前触发</td>\n</tr>\n<tr>\n<td>afterremoveitem</td>\n<td>调用remove / removeItem方法之后触发</td>\n</tr>\n<tr>\n<td>beforeupdateitem</td>\n<td>调用update / updateItem方法之前触发</td>\n</tr>\n<tr>\n<td>afterupdateitem</td>\n<td>调用update / updateItem方法之后触发</td>\n</tr>\n<tr>\n<td>beforeitemvisibilitychange</td>\n<td>调用showItem / hideItem方法之前触发</td>\n</tr>\n<tr>\n<td>afteritemvisibilitychange</td>\n<td>调用showItem / hideItem方法之后触发</td>\n</tr>\n<tr>\n<td>beforeitemstatechange</td>\n<td>调用setItemState方法之前触发</td>\n</tr>\n<tr>\n<td>afteritemstatechange</td>\n<td>调用setItemState方法之后触发</td>\n</tr>\n<tr>\n<td>beforeitemrefresh</td>\n<td>调用refreshItem方法之前触发</td>\n</tr>\n<tr>\n<td>afteritemrefresh</td>\n<td>调用refreshItem方法之后触发</td>\n</tr>\n<tr>\n<td>beforeitemstatesclear</td>\n<td>调用clearItemStates方法之前触发</td>\n</tr>\n<tr>\n<td>afteritemstatesclear</td>\n<td>调用clearItemStates方法之后触发</td>\n</tr>\n<tr>\n<td>beforelayout</td>\n<td>布局前触发。调用 render 时会进行布局，因此 render 时会触发。或用户主动调用图的 layout 时触发。</td>\n</tr>\n<tr>\n<td>afterlayout</td>\n<td>布局完成后触发。调用 render 时会进行布局，因此 render 时布局完成后会触发。或用户主动调用图的 layout 时布局完成后触发。</td>\n</tr>\n</tbody>\n</table>\n<p>不同自定义事件的回调参数不同，下面针对各个自定义事件的回调参数进行说明。</p>\n<h3 id=\"beforeadditem\"><a href=\"#beforeadditem\" aria-label=\"beforeadditem permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>beforeadditem</h3>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>type</td>\n<td>string</td>\n<td>当前添加的类型</td>\n</tr>\n<tr>\n<td>model</td>\n<td>object</td>\n<td>item数据模型</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"afteradditem\"><a href=\"#afteradditem\" aria-label=\"afteradditem permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>afteradditem</h3>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>item</td>\n<td>Item</td>\n<td>已经添加的Item实例</td>\n</tr>\n<tr>\n<td>model</td>\n<td>object</td>\n<td>item数据模型</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"beforeremoveitem--afterremoveitem\"><a href=\"#beforeremoveitem--afterremoveitem\" aria-label=\"beforeremoveitem afterremoveitem permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>beforeremoveitem / afterremoveitem</h3>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>item</td>\n<td>Item</td>\n<td>要删除的item实例</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"beforeupdateitem--afterupdateitem\"><a href=\"#beforeupdateitem--afterupdateitem\" aria-label=\"beforeupdateitem afterupdateitem permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>beforeupdateitem / afterupdateitem</h3>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>item</td>\n<td>Item</td>\n<td>要更新的Item实例</td>\n</tr>\n<tr>\n<td>model</td>\n<td>object</td>\n<td>item数据模型</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"beforeitemvisibilitychange--afteritemvisibilitychange\"><a href=\"#beforeitemvisibilitychange--afteritemvisibilitychange\" aria-label=\"beforeitemvisibilitychange afteritemvisibilitychange permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>beforeitemvisibilitychange / afteritemvisibilitychange</h3>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>item</td>\n<td>Item</td>\n<td>当前操作的Item实例</td>\n</tr>\n<tr>\n<td>visible</td>\n<td>boolean</td>\n<td>是否可见，true为可见，false为不可见</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"beforeitemstatechange--afteritemstatechange\"><a href=\"#beforeitemstatechange--afteritemstatechange\" aria-label=\"beforeitemstatechange afteritemstatechange permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>beforeitemstatechange / afteritemstatechange</h3>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>item</td>\n<td>Item</td>\n<td>当前操作的Item实例</td>\n</tr>\n<tr>\n<td>state</td>\n<td>string</td>\n<td>状态</td>\n</tr>\n<tr>\n<td>enalbed</td>\n<td>boolean</td>\n<td>状态是否可用，true可用，false不可用</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"beforeitemstatesclear--afteritemstatesclear\"><a href=\"#beforeitemstatesclear--afteritemstatesclear\" aria-label=\"beforeitemstatesclear afteritemstatesclear permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>beforeitemstatesclear / afteritemstatesclear</h3>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>item</td>\n<td>Item</td>\n<td>当前操作的Item实例</td>\n</tr>\n<tr>\n<td>states</td>\n<td>array</td>\n<td>string</td>\n</tr>\n</tbody>\n</table>\n<h3 id=\"beforeitemrefresh--afteritemrefresh\"><a href=\"#beforeitemrefresh--afteritemrefresh\" aria-label=\"beforeitemrefresh afteritemrefresh permalink\" class=\"anchor\"><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>beforeitemrefresh / afteritemrefresh</h3>\n<table>\n<thead>\n<tr>\n<th>名称</th>\n<th>类型</th>\n<th>描述</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>item</td>\n<td>Item</td>\n<td>当前操作的Item实例</td>\n</tr>\n</tbody>\n</table>"}