@xpyjs/gantt-react 0.0.1-rc.4 → 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +5 -0
  2. package/dist/index.d.ts +11 -0
  3. package/dist/index.js +5 -0
  4. package/dist/style.css +1 -1
  5. package/package.json +2 -2
package/dist/index.cjs CHANGED
@@ -31,6 +31,7 @@ const XGanttReact = react.forwardRef(
31
31
  onEnterBaseline,
32
32
  onHoverBaseline,
33
33
  onLeaveBaseline,
34
+ onDragRow,
34
35
  ...restProps
35
36
  } = props;
36
37
  const containerRef = react.useRef(null);
@@ -68,6 +69,9 @@ const XGanttReact = react.forwardRef(
68
69
  if (onContextMenuRow) {
69
70
  instance.on("contextmenu:row", onContextMenuRow);
70
71
  }
72
+ if (onDragRow) {
73
+ instance.on("drag:row", onDragRow);
74
+ }
71
75
  if (onClickSlider) {
72
76
  instance.on("click:slider", onClickSlider);
73
77
  }
@@ -115,6 +119,7 @@ const XGanttReact = react.forwardRef(
115
119
  onClickRow,
116
120
  onDoubleClickRow,
117
121
  onContextMenuRow,
122
+ onDragRow,
118
123
  onClickSlider,
119
124
  onDoubleClickSlider,
120
125
  onContextMenuSlider,
package/dist/index.d.ts CHANGED
@@ -218,6 +218,7 @@ export declare interface XGanttReactProps extends Omit<React.HTMLAttributes<HTML
218
218
  * @description 当点击表格行时触发
219
219
  * @param e 鼠标事件对象
220
220
  * @param data 点击行对应的任务数据
221
+ * @param time 点击时对应的时间点。左侧表格点击时时间为 undefined
221
222
  */
222
223
  onClickRow?: EventMap["click:row"];
223
224
  /**
@@ -226,6 +227,7 @@ export declare interface XGanttReactProps extends Omit<React.HTMLAttributes<HTML
226
227
  * @description 当双击表格行时触发
227
228
  * @param e 鼠标事件对象
228
229
  * @param data 双击行对应的任务数据
230
+ * @param time 双击时对应的时间点。左侧表格点击时时间为 undefined
229
231
  */
230
232
  onDoubleClickRow?: EventMap["dblclick:row"];
231
233
  /**
@@ -234,8 +236,17 @@ export declare interface XGanttReactProps extends Omit<React.HTMLAttributes<HTML
234
236
  * @description 当在表格行上右键点击时触发
235
237
  * @param e 鼠标事件对象
236
238
  * @param data 右键行对应的任务数据
239
+ * @param time 右键时对应的时间点。左侧表格点击时时间为 undefined
237
240
  */
238
241
  onContextMenuRow?: EventMap["contextmenu:row"];
242
+ /**
243
+ * 拖拽事件回调
244
+ *
245
+ * @description 当任务被拖拽时触发
246
+ * @param target 拖拽落下的目标任务数据
247
+ * @param source 被拖拽的任务数据
248
+ */
249
+ onDragRow?: EventMap["drag:row"];
239
250
  /**
240
251
  * 任务条点击事件回调
241
252
  *
package/dist/index.js CHANGED
@@ -30,6 +30,7 @@ const XGanttReact = forwardRef(
30
30
  onEnterBaseline,
31
31
  onHoverBaseline,
32
32
  onLeaveBaseline,
33
+ onDragRow,
33
34
  ...restProps
34
35
  } = props;
35
36
  const containerRef = useRef(null);
@@ -67,6 +68,9 @@ const XGanttReact = forwardRef(
67
68
  if (onContextMenuRow) {
68
69
  instance.on("contextmenu:row", onContextMenuRow);
69
70
  }
71
+ if (onDragRow) {
72
+ instance.on("drag:row", onDragRow);
73
+ }
70
74
  if (onClickSlider) {
71
75
  instance.on("click:slider", onClickSlider);
72
76
  }
@@ -114,6 +118,7 @@ const XGanttReact = forwardRef(
114
118
  onClickRow,
115
119
  onDoubleClickRow,
116
120
  onContextMenuRow,
121
+ onDragRow,
117
122
  onClickSlider,
118
123
  onDoubleClickSlider,
119
124
  onContextMenuSlider,
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .x-gantt{--x-gantt-border-color: #e5e5e5}.x-gantt-table-container{flex-shrink:0;box-sizing:border-box;height:100%;overflow:hidden;display:flex;flex-direction:column;width:100%}.x-gantt-table-header{flex-shrink:0;box-sizing:border-box;border-bottom:1px solid var(--x-gantt-border-color)!important;display:flex;flex-direction:row;overflow:hidden;position:relative;flex-wrap:nowrap}.x-gantt-table-header .x-gantt-table-header-cell{position:relative;box-sizing:border-box;overflow:hidden;font-weight:var(--x-gantt-header-font-weight);flex-shrink:0;padding:0 8px}.x-gantt-table-header .x-gantt-table-header-cell.border{border-right:1px solid var(--x-gantt-border-color)!important}.x-gantt-table-header .x-gantt-table-header-cell .x-gantt-column-resize-handle{transition:background-color .2s ease}.x-gantt-table-header .x-gantt-table-header-cell .x-gantt-column-resize-handle:hover{background-color:#0000001a!important}.x-gantt-table-header>div:last-child.x-gantt-table-header-group.border>.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header>div:last-child .x-gantt-table-header-group.border>.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header>div:last-child.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header-group{display:flex;flex-direction:column;box-sizing:border-box}.x-gantt-table-header-group>.x-gantt-table-header-cell{border-bottom:1px solid var(--x-gantt-border-color)!important}.x-gantt-table-header-group>.x-gantt-table-header-cell>.x-gantt-table-header-title{text-align:center}.x-gantt-table-header-children{display:flex;flex-direction:row}.x-gantt-table-body{flex:1;overflow:hidden;box-sizing:border-box;position:relative;width:100%;height:100%}.x-gantt-table-row{box-sizing:border-box}.x-gantt-table-row.hover>.x-gantt-table-cell{background-color:var(--x-gantt-row-hover-color, rgba(0, 0, 0, .05))!important}.x-gantt-table-row.selected>.x-gantt-table-cell{background-color:var(--x-gantt-row-selected-color, rgba(0, 0, 0, .1))!important}.x-gantt-table-cell{box-sizing:border-box;display:inline-block;border-bottom:1px solid var(--x-gantt-border-color)!important;padding:var(--x-gantt-cell-padding, 4px 8px)}.x-gantt-table-cell .x-gantt-table-cell__content{box-sizing:border-box}.x-gantt-table-cell.border{border-right:1px solid var(--x-gantt-border-color)!important}.x-gantt-content-wrapper{width:100%;height:100%;scrollbar-width:none}.x-gantt-content-wrapper::-webkit-scrollbar{display:none}.gantt-scrollbar{position:absolute;z-index:10;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.gantt-scrollbar.visible{opacity:1;pointer-events:auto}.gantt-scrollbar-thumb{position:absolute;cursor:pointer;transition:background-color .2s ease-in-out,height .1s ease-out,width .1s ease-out,transform .05s linear}.gantt-scrollbar-vertical{top:0;right:0;bottom:0}.gantt-scrollbar-vertical .gantt-scrollbar-thumb-vertical{top:0;left:0;right:0}.gantt-scrollbar-horizontal{left:0;bottom:0;right:0}.gantt-scrollbar-horizontal .gantt-scrollbar-thumb-horizontal{left:0;top:0;bottom:0}.x-gantt-checkbox{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--x-gantt-border-color);border-radius:3px;cursor:pointer;transition:all .15s ease-in-out;box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.x-gantt-checkbox:focus{outline:none}.x-gantt-checkbox:focus-visible{outline:none}.x-gantt-checkbox__icon svg{transition:all .15s ease-in-out}.x-gantt-checkbox:hover{border-color:var(--x-gantt-primary-color)}.x-gantt{width:100%;height:100%;display:flex;box-sizing:border-box;flex-wrap:nowrap;padding:0;margin:0;overflow:hidden;position:relative}.x-gantt.border{border:1px solid var(--x-gantt-border-color)}.x-gantt-container{position:relative;height:100%;overflow:hidden}
1
+ .x-gantt{--x-gantt-border-color: #e5e5e5}.x-gantt-table-container{flex-shrink:0;box-sizing:border-box;height:100%;overflow:hidden;display:flex;flex-direction:column;width:100%}.x-gantt-table-header{flex-shrink:0;box-sizing:border-box;border-bottom:1px solid var(--x-gantt-border-color)!important;display:flex;flex-direction:row;overflow:hidden;position:relative;flex-wrap:nowrap}.x-gantt-table-header .x-gantt-table-header-cell{position:relative;box-sizing:border-box;overflow:hidden;font-weight:var(--x-gantt-header-font-weight);flex-shrink:0;padding:0 8px}.x-gantt-table-header .x-gantt-table-header-cell.border{border-right:1px solid var(--x-gantt-border-color)!important}.x-gantt-table-header .x-gantt-table-header-cell .x-gantt-column-resize-handle{transition:background-color .2s ease}.x-gantt-table-header .x-gantt-table-header-cell .x-gantt-column-resize-handle:hover{background-color:#0000001a!important}.x-gantt-table-header>div:last-child.x-gantt-table-header-group.border>.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header>div:last-child .x-gantt-table-header-group.border>.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header>div:last-child.x-gantt-table-header-cell.border{border-right:none}.x-gantt-table-header-group{display:flex;flex-direction:column;box-sizing:border-box}.x-gantt-table-header-group>.x-gantt-table-header-cell{border-bottom:1px solid var(--x-gantt-border-color)!important}.x-gantt-table-header-group>.x-gantt-table-header-cell>.x-gantt-table-header-title{text-align:center}.x-gantt-table-header-children{display:flex;flex-direction:row}.x-gantt-table-body{flex:1;overflow:hidden;box-sizing:border-box;position:relative;width:100%;height:100%}.x-gantt-table-row{box-sizing:border-box}.x-gantt-table-row.hover>.x-gantt-table-cell{background-color:var(--x-gantt-row-hover-color, rgba(0, 0, 0, .05))!important}.x-gantt-table-row.selected>.x-gantt-table-cell{background-color:var(--x-gantt-row-selected-color, rgba(0, 0, 0, .1))!important}.x-gantt-table-cell{box-sizing:border-box;display:inline-block;border-bottom:1px solid var(--x-gantt-border-color)!important;padding:var(--x-gantt-cell-padding, 4px 8px)}.x-gantt-table-cell .x-gantt-table-cell__content{box-sizing:border-box}.x-gantt-table-cell.border{border-right:1px solid var(--x-gantt-border-color)!important}.x-gantt-content-wrapper{width:100%;height:100%;scrollbar-width:none}.x-gantt-content-wrapper::-webkit-scrollbar{display:none}.gantt-scrollbar{position:absolute;z-index:10;opacity:0;transition:opacity .2s ease-in-out;pointer-events:none}.gantt-scrollbar.visible{opacity:1;pointer-events:auto}.gantt-scrollbar-thumb{position:absolute;cursor:pointer;transition:background-color .2s ease-in-out,height .1s ease-out,width .1s ease-out,transform .05s linear}.gantt-scrollbar-vertical{top:0;right:0;bottom:0}.gantt-scrollbar-vertical .gantt-scrollbar-thumb-vertical{top:0;left:0;right:0}.gantt-scrollbar-horizontal{left:0;bottom:0;right:0}.gantt-scrollbar-horizontal .gantt-scrollbar-thumb-horizontal{left:0;top:0;bottom:0}.x-gantt-checkbox{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--x-gantt-border-color);border-radius:3px;cursor:pointer;transition:all .15s ease-in-out;box-sizing:border-box;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.x-gantt-checkbox:focus{outline:none}.x-gantt-checkbox:focus-visible{outline:none}.x-gantt-checkbox__icon svg{transition:all .15s ease-in-out}.x-gantt-checkbox:hover{border-color:var(--x-gantt-primary-color)}.x-gantt-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none}.x-gantt-drag-source{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#e0e0e0}.x-gantt{width:100%;height:100%;display:flex;box-sizing:border-box;flex-wrap:nowrap;padding:0;margin:0;overflow:hidden;position:relative}.x-gantt.border{border:1px solid var(--x-gantt-border-color)}.x-gantt-container{position:relative;height:100%;overflow:hidden}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xpyjs/gantt-react",
3
- "version": "0.0.1-rc.4",
3
+ "version": "0.0.1",
4
4
  "private": false,
5
5
  "description": "React wrapper for x-gantt",
6
6
  "author": "JeremyJone",
@@ -23,7 +23,7 @@
23
23
  "README.md"
24
24
  ],
25
25
  "dependencies": {
26
- "@xpyjs/gantt-core": "0.0.1-rc.4"
26
+ "@xpyjs/gantt-core": "0.0.1"
27
27
  },
28
28
  "peerDependencies": {
29
29
  "react": ">=16.8.0",