@@ -90,7 +90,7 @@ Drag DOM Events 详情: [DragEvent](https://developer.mozilla.org/en-US/docs/Web
9090
9191``` typescript
9292type DropEvent = {
93- nativeEvent: any ; // 原生的drop事件
93+ nativeEvent: any ; // 原生的drop事件,
9494 dragData: any ; // drag元素的dragData数据
9595 dropSubject: Subject <any >; // drop事件的Subject
9696 dropIndex? : number ; // drop的位置在列表的index
@@ -115,13 +115,13 @@ type DropEvent = {
115115
116116| 名字 | 类型 | 默认值 |描述 |
117117|:-------|:------------|:-----------|:-----------|
118- | direction| ` DropScrollSpeed ` 即 ` ' v' | ' h' ` | 'v' | 滚动方向,垂直滚动 ` ' v' ` , 水平滚动 ` ' h' ` |
118+ | direction| ` DropScrollSpeed ` 即 ` ' v' \ | ' h' ` | 'v' | 滚动方向,垂直滚动 ` ' v' ` , 水平滚动 ` ' h' ` |
119119| responseEdgeWidth | ` string \| ((total : number ) => string )` | '100px' | 响应自动滚动边缘宽度, 函数的情况传入的为列表容器同个方向相对宽度 |
120120| speedFn | ` DropScrollSpeedFunction ` | 内置函数 | 速率函数,见备注 |
121121| minSpeed | ` DropScrollSpeed ` 即` number ` | 50 | 响应最小速度 ,函数计算小于这个速度的时候,以最小速度为准 |
122122| maxSpeed | ` DropScrollSpeed ` 即` number ` | 1000 | 响应最大速度 ,函数计算大于这个速度的时候,以最大速度为准 |
123123| viewOffset | {forward? : ` DropScrollAreaOffset ` ; backward? : ` DropScrollAreaOffset ` ;} | -- | 设置拖拽区域的偏移,用于某些位置修正|
124- | dropScrollScope | ` string| Array<string> ` | --| 允许触发滚动scope ,不配置为默认接收所有scope ,配置情况下,draggable 的` dragScope ` 和` dropScrollScope ` 匹配得上才能触发滚动|
124+ | dropScrollScope | ` string\ | Array<string> ` | --| 允许触发滚动scope ,不配置为默认接收所有scope ,配置情况下,draggable 的` dragScope ` 和` dropScrollScope ` 匹配得上才能触发滚动|
125125| backSpaceDroppable | ` boolean ` | true | 是否允许在滚动面板上同时触发放置到滚动面板的下边的具体可以放置元素,默认为true ,设置为false 则不能边滚动边放置|
126126
127127备注: speedFn 默认函数为` (x: number) => Math.ceil((1 - x) * 18) * 100 ` ,传入数字` x ` 是 鼠标位置距离边缘的距离占全响应宽度的百分比,
@@ -160,6 +160,17 @@ export type DropScrollTriggerEdge = 'left' | 'right' | 'top' | 'bottom';
160160
161161如果需要同时两个方向都有滚动条,则需要使用dDropScrollEnhanced 的同时使用dDropScrollEnhancedSide ,参数列表同dDropScrollEnhanced 指令,唯一不同是direction ,如果为` 'v' ` 则side 附属指令的实际方向为` 'h' ` 。
162162
163+ | 名字 | 类型 | 默认值 | 描述 |
164+ | : -------| : ------------| : -----------| : -----------|
165+ | direction | ` DropScrollSpeed ` 即` 'v'\| 'h' ` | ' v' | 滚动方向,垂直滚动` 'v' ` , 水平滚动 ` 'h' ` |
166+ | responseEdgeWidth | ` string \| ((total: number) => string) ` | ' 100px' | 响应自动滚动边缘宽度, 函数的情况传入的为列表容器同个方向相对宽度 |
167+ | speedFn | ` DropScrollSpeedFunction ` | 内置函数 | 速率函数,见备注 |
168+ | minSpeed | ` DropScrollSpeed ` 即` number ` | 50 | 响应最小速度 ,函数计算小于这个速度的时候,以最小速度为准 |
169+ | maxSpeed | ` DropScrollSpeed ` 即` number ` | 1000 | 响应最大速度 ,函数计算大于这个速度的时候,以最大速度为准 |
170+ | viewOffset | {forward? : ` DropScrollAreaOffset ` ; backward? : ` DropScrollAreaOffset ` ;} | -- | 设置拖拽区域的偏移,用于某些位置修正|
171+ | dropScrollScope | ` string\| Array<string> ` | --| 允许触发滚动scope ,不配置为默认接收所有scope ,配置情况下,draggable 的` dragScope ` 和` dropScrollScope ` 匹配得上才能触发滚动|
172+ | backSpaceDroppable | ` boolean ` | true | 是否允许在滚动面板上同时触发放置到滚动面板的下边的具体可以放置元素,默认为true ,设置为false 则不能边滚动边放置|
173+
163174## 使用 ` dDraggable ` & ` dDroppable ` 指令
164175
165176` ` ` html
0 commit comments