@bryntum/scheduler-vue 7.1.1 → 7.1.3
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.
- package/README.md +206 -22
- package/Version.md +8 -0
- package/package.json +1 -1
- package/src/BryntumGrid.vue +6 -0
- package/src/BryntumGridBase.vue +6 -0
- package/src/BryntumScheduler.vue +10 -4
- package/src/BryntumSchedulerBase.vue +10 -4
- package/src/BryntumTimelineHistogram.vue +10 -4
- package/src/BryntumTreeGrid.vue +6 -0
package/README.md
CHANGED
|
@@ -1,51 +1,235 @@
|
|
|
1
|
-
|
|
1
|
+
<br>
|
|
2
|
+
<br>
|
|
2
3
|
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
<p align="center">
|
|
5
|
+
<a href="https://bryntum.com/" rel="noopener" target="_blank">
|
|
6
|
+
<img width="350" src="https://bryntum.com/resources/bryntum_logo_blue.svg" alt="Bryntum logo">
|
|
7
|
+
</a>
|
|
8
|
+
     
|
|
9
|
+
<img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="100">
|
|
10
|
+
</p>
|
|
5
11
|
|
|
6
|
-
|
|
12
|
+
<br>
|
|
7
13
|
|
|
8
|
-
|
|
9
|
-
You must be logged in to this repository as a licensed or trial user to access it.
|
|
10
|
-
Please check the [Online npm repository guide](https://bryntum.com/products/scheduler/docs/guide/Scheduler/npm-repository) for detailed information on the sign-up/login
|
|
11
|
-
process.
|
|
14
|
+
# Vue 2 wrapper for Bryntum Scheduler
|
|
12
15
|
|
|
13
|
-
|
|
16
|
+
This package provides a wrapper that turns Bryntum Scheduler into a Vue 2 component, exposing configuration options,
|
|
17
|
+
properties, features, and events.
|
|
14
18
|
|
|
15
|
-
|
|
16
|
-
command depends on the package manager used by the application.
|
|
19
|
+
## Version Requirement
|
|
17
20
|
|
|
18
|
-
|
|
21
|
+
* Vue: `2.6` or higher
|
|
22
|
+
* TypeScript: `4.2` or higher (optional)
|
|
19
23
|
|
|
20
|
-
|
|
24
|
+
### Vue 3 version compatibility
|
|
21
25
|
|
|
22
|
-
|
|
23
|
-
|
|
26
|
+
For Vue 3+, use [`@bryntum/scheduler-vue-3`](https://www.npmjs.com/package/@bryntum/scheduler-vue-3) instead.
|
|
27
|
+
|
|
28
|
+
## Package Contents
|
|
29
|
+
|
|
30
|
+
| Path | Description |
|
|
31
|
+
|----------|---------------------------------------------------|
|
|
32
|
+
| `src/` | Original Vue source files (BryntumScheduler etc.) |
|
|
33
|
+
| `*.d.ts` | TypeScript type definitions |
|
|
34
|
+
|
|
35
|
+
**Note:** This is a wrapper package. The core `@bryntum/scheduler` package must be installed separately.
|
|
36
|
+
|
|
37
|
+
## Installation
|
|
38
|
+
|
|
39
|
+
### Vue 2 Wrapper
|
|
40
|
+
|
|
41
|
+
```bash
|
|
42
|
+
npm install @bryntum/scheduler-vue@latest
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
### Component Package (Required)
|
|
46
|
+
|
|
47
|
+
```bash
|
|
48
|
+
npm install @bryntum/scheduler@latest
|
|
24
49
|
```
|
|
25
50
|
|
|
26
|
-
|
|
51
|
+
## Try Bryntum Online Demos
|
|
52
|
+
|
|
53
|
+
* [View Online Vue Demos](https://bryntum.com/products/scheduler/examples/?framework=vue)
|
|
54
|
+
|
|
55
|
+
## Quick Start
|
|
56
|
+
|
|
57
|
+
Edit the `src/App.vue` file and replace the content with the following:
|
|
58
|
+
|
|
59
|
+
```javascript
|
|
60
|
+
<template>
|
|
61
|
+
<bryntum-scheduler
|
|
62
|
+
:start-date="startDate"
|
|
63
|
+
:end-date="endDate"
|
|
64
|
+
:columns="columns"
|
|
65
|
+
:resources="resources"
|
|
66
|
+
:events="events"
|
|
67
|
+
/>
|
|
68
|
+
</template>
|
|
69
|
+
|
|
70
|
+
<script>
|
|
71
|
+
import { BryntumScheduler } from '@bryntum/scheduler-vue';
|
|
72
|
+
import '@bryntum/scheduler/scheduler.stockholm.css';
|
|
73
|
+
export default {
|
|
74
|
+
components : {
|
|
75
|
+
BryntumScheduler
|
|
76
|
+
},
|
|
77
|
+
data() {
|
|
78
|
+
return {
|
|
79
|
+
startDate : new Date(2026, 0, 1),
|
|
80
|
+
endDate : new Date(2026, 0, 31),
|
|
81
|
+
columns : [{ field : 'name', text : 'Resource', width : 150 }],
|
|
82
|
+
resources : [
|
|
83
|
+
{ id : 1, name : 'Resource 1' },
|
|
84
|
+
{ id : 2, name : 'Resource 2' }
|
|
85
|
+
],
|
|
86
|
+
events : [
|
|
87
|
+
{ id : 1, resourceId : 1, name : 'Event 1', startDate : '2026-01-05', endDate : '2026-01-10' }
|
|
88
|
+
]
|
|
89
|
+
};
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
</script>
|
|
93
|
+
|
|
94
|
+
<template>
|
|
95
|
+
<bryntum-scheduler
|
|
96
|
+
:start-date="startDate"
|
|
97
|
+
:end-date="endDate"
|
|
98
|
+
:columns="columns"
|
|
99
|
+
:project="project"
|
|
100
|
+
/>
|
|
101
|
+
</template>
|
|
102
|
+
```
|
|
27
103
|
|
|
28
|
-
|
|
29
|
-
|
|
104
|
+
<details>
|
|
105
|
+
<summary>Create sample data (click to expand)</summary>
|
|
106
|
+
|
|
107
|
+
Create a `public/data/data.json` file for example data and add the following JSON data to it:
|
|
108
|
+
|
|
109
|
+
```json
|
|
110
|
+
{
|
|
111
|
+
"success": true,
|
|
112
|
+
"resources": {
|
|
113
|
+
"rows": [
|
|
114
|
+
{ "id": 1, "name": "Dan Stevenson" },
|
|
115
|
+
{ "id": 2, "name": "Talisha Babin" },
|
|
116
|
+
{ "id": 3, "name": "Ravi Kumar" },
|
|
117
|
+
{ "id": 4, "name": "Aisha Khan" },
|
|
118
|
+
{ "id": 5, "name": "Michael Chen" },
|
|
119
|
+
{ "id": 6, "name": "Sofia Lopez" },
|
|
120
|
+
{ "id": 7, "name": "James Anderson" },
|
|
121
|
+
{ "id": 8, "name": "Eddie Johnson" },
|
|
122
|
+
{ "id": 9, "name": "Ethan Wright" },
|
|
123
|
+
{ "id": 10, "name": "Liu Wei" }
|
|
124
|
+
]
|
|
125
|
+
},
|
|
126
|
+
"events": {
|
|
127
|
+
"rows": [
|
|
128
|
+
{ "resourceId": 1, "startDate": "2026-01-01", "endDate": "2026-01-05", "name": "Kickoff Meeting" },
|
|
129
|
+
{ "resourceId": 1, "startDate": "2026-01-06", "endDate": "2026-01-10", "name": "Scope Definition" },
|
|
130
|
+
{ "resourceId": 1, "startDate": "2026-01-12", "endDate": "2026-01-29", "name": "Project Plan Review" },
|
|
131
|
+
{ "resourceId": 2, "startDate": "2026-01-02", "endDate": "2026-01-06", "name": "Requirement Gathering" },
|
|
132
|
+
{ "resourceId": 2, "startDate": "2026-01-07", "endDate": "2026-01-21", "name": "Stakeholder Interviews" },
|
|
133
|
+
{ "resourceId": 2, "startDate": "2026-01-22", "endDate": "2026-01-27", "name": "Requirement Signoff" },
|
|
134
|
+
{ "resourceId": 3, "startDate": "2026-01-05", "endDate": "2026-01-14", "name": "System Design" },
|
|
135
|
+
{ "resourceId": 3, "startDate": "2026-01-10", "endDate": "2026-01-20", "name": "Database Modeling" },
|
|
136
|
+
{ "resourceId": 3, "startDate": "2026-01-23", "endDate": "2026-01-28", "name": "API Design" },
|
|
137
|
+
{ "resourceId": 4, "startDate": "2026-01-08", "endDate": "2026-01-15", "name": "Backend Setup" },
|
|
138
|
+
{ "resourceId": 4, "startDate": "2026-01-15", "endDate": "2026-01-22", "name": "Authentication Module" },
|
|
139
|
+
{ "resourceId": 4, "startDate": "2026-01-21", "endDate": "2026-01-27", "name": "Data Services" },
|
|
140
|
+
{ "resourceId": 5, "startDate": "2026-01-02", "endDate": "2026-01-14", "name": "UI Wireframes" },
|
|
141
|
+
{ "resourceId": 5, "startDate": "2026-01-15", "endDate": "2026-01-19", "name": "Frontend Components" },
|
|
142
|
+
{ "resourceId": 5, "startDate": "2026-01-20", "endDate": "2026-01-27", "name": "Styling & Theme" },
|
|
143
|
+
{ "resourceId": 6, "startDate": "2026-01-12", "endDate": "2026-01-16", "name": "API Integration" },
|
|
144
|
+
{ "resourceId": 6, "startDate": "2026-01-17", "endDate": "2026-01-21", "name": "GraphQL Setup" },
|
|
145
|
+
{ "resourceId": 6, "startDate": "2026-01-22", "endDate": "2026-01-25", "name": "Integration Testing" },
|
|
146
|
+
{ "resourceId": 7, "startDate": "2026-01-05", "endDate": "2026-01-10", "name": "Unit Testing" },
|
|
147
|
+
{ "resourceId": 7, "startDate": "2026-01-12", "endDate": "2026-01-19", "name": "Automation Scripts" },
|
|
148
|
+
{ "resourceId": 7, "startDate": "2026-01-18", "endDate": "2026-01-27", "name": "Performance Testing" },
|
|
149
|
+
{ "resourceId": 8, "startDate": "2026-01-10", "endDate": "2026-01-22", "name": "Bug Fix Round 1" },
|
|
150
|
+
{ "resourceId": 8, "startDate": "2026-01-23", "endDate": "2026-01-26", "name": "UI Fixes" },
|
|
151
|
+
{ "resourceId": 8, "startDate": "2026-01-27", "endDate": "2026-01-30", "name": "Regression Testing" },
|
|
152
|
+
{ "resourceId": 9, "startDate": "2026-01-03", "endDate": "2026-01-14", "name": "Client Demo Prep" },
|
|
153
|
+
{ "resourceId": 9, "startDate": "2026-01-15", "endDate": "2026-01-19", "name": "Client Review" },
|
|
154
|
+
{ "resourceId": 9, "startDate": "2026-01-20", "endDate": "2026-01-24", "name": "Feedback Implementation" },
|
|
155
|
+
{ "resourceId": 10, "startDate": "2026-01-02", "endDate": "2026-01-16", "name": "Deployment Setup" },
|
|
156
|
+
{ "resourceId": 10, "startDate": "2026-01-19", "endDate": "2026-01-22", "name": "Go-Live" },
|
|
157
|
+
{ "resourceId": 10, "startDate": "2026-01-23", "endDate": "2026-01-27", "name": "Post-Deployment Support" }
|
|
158
|
+
]
|
|
159
|
+
}
|
|
160
|
+
}
|
|
30
161
|
```
|
|
31
162
|
|
|
32
|
-
|
|
163
|
+
This is the data the Bryntum Scheduler will use.
|
|
164
|
+
|
|
165
|
+
</details>
|
|
166
|
+
|
|
167
|
+
Lastly, add some styling to your `src/main.js` or CSS file:
|
|
168
|
+
|
|
169
|
+
```css
|
|
170
|
+
/* FontAwesome is used for icons */
|
|
171
|
+
@import '@bryntum/scheduler/fontawesome/css/fontawesome.css';
|
|
172
|
+
@import '@bryntum/scheduler/fontawesome/css/solid.css';
|
|
173
|
+
/* Structural CSS */
|
|
174
|
+
@import "@bryntum/scheduler/scheduler.css";
|
|
175
|
+
/* Bryntum theme of your choice */
|
|
176
|
+
@import "@bryntum/scheduler/svalbard-light.css";
|
|
177
|
+
```
|
|
178
|
+
|
|
179
|
+
## Integration Guide
|
|
33
180
|
|
|
34
181
|
For details on installing and using this package, see the
|
|
35
182
|
[Vue Integration Guide](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/vue/guide).
|
|
36
183
|
|
|
37
|
-
|
|
184
|
+
## Wrappers
|
|
185
|
+
|
|
186
|
+
Vue wrappers encapsulate Bryntum components as native Vue components, exposing all configuration options,
|
|
187
|
+
properties, features, and events through Vue-familiar patterns like props, events, and slots.
|
|
188
|
+
|
|
189
|
+
Visit [Wrappers documentation](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/vue/guide#wrappers) for the complete list of available
|
|
190
|
+
wrapper components.
|
|
191
|
+
|
|
192
|
+
## Features
|
|
193
|
+
|
|
194
|
+
Features are optional modules that extend Bryntum Scheduler functionality. Each feature is suffixed with `Feature` and
|
|
195
|
+
can be enabled and configured through standard Vue props.
|
|
196
|
+
|
|
197
|
+
Visit [Features documentation](https://bryntum.com/products/scheduler/docs/guide/Scheduler/integration/vue/guide#features) for the complete list of available
|
|
198
|
+
features and their configuration options.
|
|
199
|
+
|
|
200
|
+
## Explore All Bryntum Products
|
|
201
|
+
|
|
202
|
+
* [Bryntum Grid](https://bryntum.com/products/grid/) - High-performance data grid
|
|
203
|
+
* [Bryntum Scheduler](https://bryntum.com/products/scheduler/) - Resource scheduling component
|
|
204
|
+
* [Bryntum Scheduler Pro](https://bryntum.com/products/schedulerpro/) - Advanced scheduling with dependencies
|
|
205
|
+
* [Bryntum Gantt](https://bryntum.com/products/gantt/) - Project planning and management
|
|
206
|
+
* [Bryntum Calendar](https://bryntum.com/products/calendar/) - Full-featured calendar component
|
|
207
|
+
* [Bryntum TaskBoard](https://bryntum.com/products/taskboard/) - Kanban-style task management
|
|
208
|
+
|
|
209
|
+
Explore our comprehensive collection of demos:
|
|
210
|
+
|
|
211
|
+
| Product | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/js.svg" alt="JavaScript" width="30"><br>JavaScript | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/react.svg" alt="React" width="30"><br>React | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/vue.svg" alt="Vue" width="30"><br>Vue | <img src="https://bryntum.com/products/grid/docs/data/Core/images/logo/angular.svg" alt="Angular" width="30"><br>Angular |
|
|
212
|
+
|-------------------|:------------------------------------------------------------------------------------:|:--------------------------------------------------------------------------:|:----------------------------------------------------------------------:|:------------------------------------------------------------------------------:|
|
|
213
|
+
| **Grid** | [Grid JavaScript demos](https://bryntum.com/products/grid/examples/?framework=javascript) | [Grid React demos](https://bryntum.com/products/grid/examples/?framework=react) | [Grid Vue demos](https://bryntum.com/products/grid/examples/?framework=vue) | [Grid Angular demos](https://bryntum.com/products/grid/examples/?framework=angular) |
|
|
214
|
+
| **Scheduler** | [Scheduler JavaScript demos](https://bryntum.com/products/scheduler/examples/?framework=javascript) | [Scheduler React demos](https://bryntum.com/products/scheduler/examples/?framework=react) | [Scheduler Vue demos](https://bryntum.com/products/scheduler/examples/?framework=vue) | [Scheduler Angular demos](https://bryntum.com/products/scheduler/examples/?framework=angular) |
|
|
215
|
+
| **Scheduler Pro** | [Scheduler Pro JavaScript demos](https://bryntum.com/products/schedulerpro/examples/?framework=javascript) | [Scheduler Pro React demos](https://bryntum.com/products/schedulerpro/examples/?framework=react) | [Scheduler Pro Vue demos](https://bryntum.com/products/schedulerpro/examples/?framework=vue) | [Scheduler Pro Angular demos](https://bryntum.com/products/schedulerpro/examples/?framework=angular) |
|
|
216
|
+
| **Gantt** | [Gantt JavaScript demos](https://bryntum.com/products/gantt/examples/?framework=javascript) | [Gantt React demos](https://bryntum.com/products/gantt/examples/?framework=react) | [Gantt Vue demos](https://bryntum.com/products/gantt/examples/?framework=vue) | [Gantt Angular demos](https://bryntum.com/products/gantt/examples/?framework=angular) |
|
|
217
|
+
| **Calendar** | [Calendar JavaScript demos](https://bryntum.com/products/calendar/examples/?framework=javascript) | [Calendar React demos](https://bryntum.com/products/calendar/examples/?framework=react) | [Calendar Vue demos](https://bryntum.com/products/calendar/examples/?framework=vue) | [Calendar Angular demos](https://bryntum.com/products/calendar/examples/?framework=angular) |
|
|
218
|
+
| **TaskBoard** | [TaskBoard JavaScript demos](https://bryntum.com/products/taskboard/examples/?framework=javascript) | [TaskBoard React demos](https://bryntum.com/products/taskboard/examples/?framework=react) | [TaskBoard Vue demos](https://bryntum.com/products/taskboard/examples/?framework=vue) | [TaskBoard Angular demos](https://bryntum.com/products/taskboard/examples/?framework=angular) |
|
|
219
|
+
|
|
220
|
+
## Online references
|
|
38
221
|
|
|
39
|
-
* [Bryntum npm repository guide](https://bryntum.com/products/scheduler/docs/guide/Scheduler/npm-repository)
|
|
40
222
|
* [Bryntum Scheduler documentation](https://bryntum.com/products/scheduler/docs/)
|
|
41
223
|
* [Bryntum Scheduler examples](https://bryntum.com/products/scheduler/examples/)
|
|
224
|
+
|
|
42
225
|
* [Bryntum Support Forum](https://forum.bryntum.com/)
|
|
43
226
|
* [Contact us](https://bryntum.com/contact/)
|
|
44
227
|
|
|
45
|
-
|
|
228
|
+
## License and copyright
|
|
46
229
|
|
|
47
230
|
This wrapper depends on Bryntum Scheduler, which is commercial software and requires a paid license.
|
|
48
231
|
Please visit the [Bryntum Scheduler End User License](https://bryntum.com/products/scheduler/license/) for the full text of the license.
|
|
49
232
|
|
|
50
233
|
Copyright © 2009-2026, Bryntum
|
|
51
234
|
All rights reserved.
|
|
235
|
+
|
package/Version.md
ADDED
package/package.json
CHANGED
package/src/BryntumGrid.vue
CHANGED
|
@@ -178,6 +178,7 @@ export default {
|
|
|
178
178
|
onBeforeCellEditStart : { type : Function },
|
|
179
179
|
onBeforeCellRangeDelete : { type : Function },
|
|
180
180
|
onBeforeCellRangeEdit : { type : Function },
|
|
181
|
+
onBeforeColumnCollapseToggle : { type : Function },
|
|
181
182
|
onBeforeColumnDragStart : { type : Function },
|
|
182
183
|
onBeforeColumnDropFinalize : { type : Function },
|
|
183
184
|
onBeforeColumnResize : { type : Function },
|
|
@@ -218,6 +219,7 @@ export default {
|
|
|
218
219
|
onCellMouseOver : { type : Function },
|
|
219
220
|
onCollapse : { type : Function },
|
|
220
221
|
onCollapseNode : { type : Function },
|
|
222
|
+
onColumnCollapseToggle : { type : Function },
|
|
221
223
|
onColumnDrag : { type : Function },
|
|
222
224
|
onColumnDragStart : { type : Function },
|
|
223
225
|
onColumnDrop : { type : Function },
|
|
@@ -507,6 +509,7 @@ export default {
|
|
|
507
509
|
'onBeforeCellEditStart',
|
|
508
510
|
'onBeforeCellRangeDelete',
|
|
509
511
|
'onBeforeCellRangeEdit',
|
|
512
|
+
'onBeforeColumnCollapseToggle',
|
|
510
513
|
'onBeforeColumnDragStart',
|
|
511
514
|
'onBeforeColumnDropFinalize',
|
|
512
515
|
'onBeforeColumnResize',
|
|
@@ -547,6 +550,7 @@ export default {
|
|
|
547
550
|
'onCellMouseOver',
|
|
548
551
|
'onCollapse',
|
|
549
552
|
'onCollapseNode',
|
|
553
|
+
'onColumnCollapseToggle',
|
|
550
554
|
'onColumnDrag',
|
|
551
555
|
'onColumnDragStart',
|
|
552
556
|
'onColumnDrop',
|
|
@@ -656,6 +660,7 @@ export default {
|
|
|
656
660
|
'beforeCellEditStart',
|
|
657
661
|
'beforeCellRangeDelete',
|
|
658
662
|
'beforeCellRangeEdit',
|
|
663
|
+
'beforeColumnCollapseToggle',
|
|
659
664
|
'beforeColumnDragStart',
|
|
660
665
|
'beforeColumnDropFinalize',
|
|
661
666
|
'beforeColumnResize',
|
|
@@ -696,6 +701,7 @@ export default {
|
|
|
696
701
|
'cellMouseOver',
|
|
697
702
|
'collapse',
|
|
698
703
|
'collapseNode',
|
|
704
|
+
'columnCollapseToggle',
|
|
699
705
|
'columnDrag',
|
|
700
706
|
'columnDragStart',
|
|
701
707
|
'columnDrop',
|
package/src/BryntumGridBase.vue
CHANGED
|
@@ -177,6 +177,7 @@ export default {
|
|
|
177
177
|
onBeforeCellEditStart : { type : Function },
|
|
178
178
|
onBeforeCellRangeDelete : { type : Function },
|
|
179
179
|
onBeforeCellRangeEdit : { type : Function },
|
|
180
|
+
onBeforeColumnCollapseToggle : { type : Function },
|
|
180
181
|
onBeforeColumnDragStart : { type : Function },
|
|
181
182
|
onBeforeColumnDropFinalize : { type : Function },
|
|
182
183
|
onBeforeColumnResize : { type : Function },
|
|
@@ -217,6 +218,7 @@ export default {
|
|
|
217
218
|
onCellMouseOver : { type : Function },
|
|
218
219
|
onCollapse : { type : Function },
|
|
219
220
|
onCollapseNode : { type : Function },
|
|
221
|
+
onColumnCollapseToggle : { type : Function },
|
|
220
222
|
onColumnDrag : { type : Function },
|
|
221
223
|
onColumnDragStart : { type : Function },
|
|
222
224
|
onColumnDrop : { type : Function },
|
|
@@ -504,6 +506,7 @@ export default {
|
|
|
504
506
|
'onBeforeCellEditStart',
|
|
505
507
|
'onBeforeCellRangeDelete',
|
|
506
508
|
'onBeforeCellRangeEdit',
|
|
509
|
+
'onBeforeColumnCollapseToggle',
|
|
507
510
|
'onBeforeColumnDragStart',
|
|
508
511
|
'onBeforeColumnDropFinalize',
|
|
509
512
|
'onBeforeColumnResize',
|
|
@@ -544,6 +547,7 @@ export default {
|
|
|
544
547
|
'onCellMouseOver',
|
|
545
548
|
'onCollapse',
|
|
546
549
|
'onCollapseNode',
|
|
550
|
+
'onColumnCollapseToggle',
|
|
547
551
|
'onColumnDrag',
|
|
548
552
|
'onColumnDragStart',
|
|
549
553
|
'onColumnDrop',
|
|
@@ -653,6 +657,7 @@ export default {
|
|
|
653
657
|
'beforeCellEditStart',
|
|
654
658
|
'beforeCellRangeDelete',
|
|
655
659
|
'beforeCellRangeEdit',
|
|
660
|
+
'beforeColumnCollapseToggle',
|
|
656
661
|
'beforeColumnDragStart',
|
|
657
662
|
'beforeColumnDropFinalize',
|
|
658
663
|
'beforeColumnResize',
|
|
@@ -693,6 +698,7 @@ export default {
|
|
|
693
698
|
'cellMouseOver',
|
|
694
699
|
'collapse',
|
|
695
700
|
'collapseNode',
|
|
701
|
+
'columnCollapseToggle',
|
|
696
702
|
'columnDrag',
|
|
697
703
|
'columnDragStart',
|
|
698
704
|
'columnDrop',
|
package/src/BryntumScheduler.vue
CHANGED
|
@@ -106,9 +106,7 @@ export default {
|
|
|
106
106
|
managedEventSizing : { type : Boolean, default : undefined },
|
|
107
107
|
maskDefaults : { type : Object, default : undefined },
|
|
108
108
|
masked : { type : [Boolean, String, Object], default : undefined },
|
|
109
|
-
maxDate : { type : [Date, String], default : undefined },
|
|
110
109
|
maxTimeAxisUnit : { type : String, default : undefined },
|
|
111
|
-
minDate : { type : [Date, String], default : undefined },
|
|
112
110
|
mode : { type : String, default : undefined },
|
|
113
111
|
monitorResize : { type : Boolean, default : undefined },
|
|
114
112
|
multiEventSelect : { type : [Boolean, Object], default : undefined },
|
|
@@ -228,6 +226,7 @@ export default {
|
|
|
228
226
|
lazyLoadingIndicator : { type : Boolean, default : undefined },
|
|
229
227
|
longPressTime : { type : Number, default : undefined },
|
|
230
228
|
margin : { type : [Number, String], default : undefined },
|
|
229
|
+
maxDate : { type : [Date, String], default : undefined },
|
|
231
230
|
maxHeight : { type : [String, Number], default : undefined },
|
|
232
231
|
maxWidth : { type : [String, Number], default : undefined },
|
|
233
232
|
maxZoomLevel : { type : Number, default : undefined },
|
|
@@ -235,6 +234,7 @@ export default {
|
|
|
235
234
|
milestoneCharWidth : { type : Number, default : undefined },
|
|
236
235
|
milestoneLayoutMode : { type : String, default : undefined },
|
|
237
236
|
milestoneTextPosition : { type : String, default : undefined },
|
|
237
|
+
minDate : { type : [Date, String], default : undefined },
|
|
238
238
|
minHeight : { type : [String, Number], default : undefined },
|
|
239
239
|
minPackSize : { type : Number, default : undefined },
|
|
240
240
|
minWidth : { type : [String, Number], default : undefined },
|
|
@@ -328,6 +328,7 @@ export default {
|
|
|
328
328
|
onBeforeCellEditStart : { type : Function },
|
|
329
329
|
onBeforeCellRangeDelete : { type : Function },
|
|
330
330
|
onBeforeCellRangeEdit : { type : Function },
|
|
331
|
+
onBeforeColumnCollapseToggle : { type : Function },
|
|
331
332
|
onBeforeColumnDragStart : { type : Function },
|
|
332
333
|
onBeforeColumnDropFinalize : { type : Function },
|
|
333
334
|
onBeforeColumnResize : { type : Function },
|
|
@@ -393,6 +394,7 @@ export default {
|
|
|
393
394
|
onCellMouseOver : { type : Function },
|
|
394
395
|
onCollapse : { type : Function },
|
|
395
396
|
onCollapseNode : { type : Function },
|
|
397
|
+
onColumnCollapseToggle : { type : Function },
|
|
396
398
|
onColumnDrag : { type : Function },
|
|
397
399
|
onColumnDragStart : { type : Function },
|
|
398
400
|
onColumnDrop : { type : Function },
|
|
@@ -802,9 +804,7 @@ export default {
|
|
|
802
804
|
'managedEventSizing',
|
|
803
805
|
'maskDefaults',
|
|
804
806
|
'masked',
|
|
805
|
-
'maxDate',
|
|
806
807
|
'maxTimeAxisUnit',
|
|
807
|
-
'minDate',
|
|
808
808
|
'mode',
|
|
809
809
|
'monitorResize',
|
|
810
810
|
'multiEventSelect',
|
|
@@ -925,6 +925,7 @@ export default {
|
|
|
925
925
|
'lazyLoadingIndicator',
|
|
926
926
|
'longPressTime',
|
|
927
927
|
'margin',
|
|
928
|
+
'maxDate',
|
|
928
929
|
'maxHeight',
|
|
929
930
|
'maxWidth',
|
|
930
931
|
'maxZoomLevel',
|
|
@@ -932,6 +933,7 @@ export default {
|
|
|
932
933
|
'milestoneCharWidth',
|
|
933
934
|
'milestoneLayoutMode',
|
|
934
935
|
'milestoneTextPosition',
|
|
936
|
+
'minDate',
|
|
935
937
|
'minHeight',
|
|
936
938
|
'minPackSize',
|
|
937
939
|
'minWidth',
|
|
@@ -952,6 +954,7 @@ export default {
|
|
|
952
954
|
'onBeforeCellEditStart',
|
|
953
955
|
'onBeforeCellRangeDelete',
|
|
954
956
|
'onBeforeCellRangeEdit',
|
|
957
|
+
'onBeforeColumnCollapseToggle',
|
|
955
958
|
'onBeforeColumnDragStart',
|
|
956
959
|
'onBeforeColumnDropFinalize',
|
|
957
960
|
'onBeforeColumnResize',
|
|
@@ -1017,6 +1020,7 @@ export default {
|
|
|
1017
1020
|
'onCellMouseOver',
|
|
1018
1021
|
'onCollapse',
|
|
1019
1022
|
'onCollapseNode',
|
|
1023
|
+
'onColumnCollapseToggle',
|
|
1020
1024
|
'onColumnDrag',
|
|
1021
1025
|
'onColumnDragStart',
|
|
1022
1026
|
'onColumnDrop',
|
|
@@ -1277,6 +1281,7 @@ export default {
|
|
|
1277
1281
|
'beforeCellEditStart',
|
|
1278
1282
|
'beforeCellRangeDelete',
|
|
1279
1283
|
'beforeCellRangeEdit',
|
|
1284
|
+
'beforeColumnCollapseToggle',
|
|
1280
1285
|
'beforeColumnDragStart',
|
|
1281
1286
|
'beforeColumnDropFinalize',
|
|
1282
1287
|
'beforeColumnResize',
|
|
@@ -1342,6 +1347,7 @@ export default {
|
|
|
1342
1347
|
'cellMouseOver',
|
|
1343
1348
|
'collapse',
|
|
1344
1349
|
'collapseNode',
|
|
1350
|
+
'columnCollapseToggle',
|
|
1345
1351
|
'columnDrag',
|
|
1346
1352
|
'columnDragStart',
|
|
1347
1353
|
'columnDrop',
|
|
@@ -106,9 +106,7 @@ export default {
|
|
|
106
106
|
managedEventSizing : { type : Boolean, default : undefined },
|
|
107
107
|
maskDefaults : { type : Object, default : undefined },
|
|
108
108
|
masked : { type : [Boolean, String, Object], default : undefined },
|
|
109
|
-
maxDate : { type : [Date, String], default : undefined },
|
|
110
109
|
maxTimeAxisUnit : { type : String, default : undefined },
|
|
111
|
-
minDate : { type : [Date, String], default : undefined },
|
|
112
110
|
mode : { type : String, default : undefined },
|
|
113
111
|
monitorResize : { type : Boolean, default : undefined },
|
|
114
112
|
multiEventSelect : { type : [Boolean, Object], default : undefined },
|
|
@@ -227,6 +225,7 @@ export default {
|
|
|
227
225
|
lazyLoadingIndicator : { type : Boolean, default : undefined },
|
|
228
226
|
longPressTime : { type : Number, default : undefined },
|
|
229
227
|
margin : { type : [Number, String], default : undefined },
|
|
228
|
+
maxDate : { type : [Date, String], default : undefined },
|
|
230
229
|
maxHeight : { type : [String, Number], default : undefined },
|
|
231
230
|
maxWidth : { type : [String, Number], default : undefined },
|
|
232
231
|
maxZoomLevel : { type : Number, default : undefined },
|
|
@@ -234,6 +233,7 @@ export default {
|
|
|
234
233
|
milestoneCharWidth : { type : Number, default : undefined },
|
|
235
234
|
milestoneLayoutMode : { type : String, default : undefined },
|
|
236
235
|
milestoneTextPosition : { type : String, default : undefined },
|
|
236
|
+
minDate : { type : [Date, String], default : undefined },
|
|
237
237
|
minHeight : { type : [String, Number], default : undefined },
|
|
238
238
|
minPackSize : { type : Number, default : undefined },
|
|
239
239
|
minWidth : { type : [String, Number], default : undefined },
|
|
@@ -327,6 +327,7 @@ export default {
|
|
|
327
327
|
onBeforeCellEditStart : { type : Function },
|
|
328
328
|
onBeforeCellRangeDelete : { type : Function },
|
|
329
329
|
onBeforeCellRangeEdit : { type : Function },
|
|
330
|
+
onBeforeColumnCollapseToggle : { type : Function },
|
|
330
331
|
onBeforeColumnDragStart : { type : Function },
|
|
331
332
|
onBeforeColumnDropFinalize : { type : Function },
|
|
332
333
|
onBeforeColumnResize : { type : Function },
|
|
@@ -392,6 +393,7 @@ export default {
|
|
|
392
393
|
onCellMouseOver : { type : Function },
|
|
393
394
|
onCollapse : { type : Function },
|
|
394
395
|
onCollapseNode : { type : Function },
|
|
396
|
+
onColumnCollapseToggle : { type : Function },
|
|
395
397
|
onColumnDrag : { type : Function },
|
|
396
398
|
onColumnDragStart : { type : Function },
|
|
397
399
|
onColumnDrop : { type : Function },
|
|
@@ -801,9 +803,7 @@ export default {
|
|
|
801
803
|
'managedEventSizing',
|
|
802
804
|
'maskDefaults',
|
|
803
805
|
'masked',
|
|
804
|
-
'maxDate',
|
|
805
806
|
'maxTimeAxisUnit',
|
|
806
|
-
'minDate',
|
|
807
807
|
'mode',
|
|
808
808
|
'monitorResize',
|
|
809
809
|
'multiEventSelect',
|
|
@@ -923,6 +923,7 @@ export default {
|
|
|
923
923
|
'lazyLoadingIndicator',
|
|
924
924
|
'longPressTime',
|
|
925
925
|
'margin',
|
|
926
|
+
'maxDate',
|
|
926
927
|
'maxHeight',
|
|
927
928
|
'maxWidth',
|
|
928
929
|
'maxZoomLevel',
|
|
@@ -930,6 +931,7 @@ export default {
|
|
|
930
931
|
'milestoneCharWidth',
|
|
931
932
|
'milestoneLayoutMode',
|
|
932
933
|
'milestoneTextPosition',
|
|
934
|
+
'minDate',
|
|
933
935
|
'minHeight',
|
|
934
936
|
'minPackSize',
|
|
935
937
|
'minWidth',
|
|
@@ -950,6 +952,7 @@ export default {
|
|
|
950
952
|
'onBeforeCellEditStart',
|
|
951
953
|
'onBeforeCellRangeDelete',
|
|
952
954
|
'onBeforeCellRangeEdit',
|
|
955
|
+
'onBeforeColumnCollapseToggle',
|
|
953
956
|
'onBeforeColumnDragStart',
|
|
954
957
|
'onBeforeColumnDropFinalize',
|
|
955
958
|
'onBeforeColumnResize',
|
|
@@ -1015,6 +1018,7 @@ export default {
|
|
|
1015
1018
|
'onCellMouseOver',
|
|
1016
1019
|
'onCollapse',
|
|
1017
1020
|
'onCollapseNode',
|
|
1021
|
+
'onColumnCollapseToggle',
|
|
1018
1022
|
'onColumnDrag',
|
|
1019
1023
|
'onColumnDragStart',
|
|
1020
1024
|
'onColumnDrop',
|
|
@@ -1275,6 +1279,7 @@ export default {
|
|
|
1275
1279
|
'beforeCellEditStart',
|
|
1276
1280
|
'beforeCellRangeDelete',
|
|
1277
1281
|
'beforeCellRangeEdit',
|
|
1282
|
+
'beforeColumnCollapseToggle',
|
|
1278
1283
|
'beforeColumnDragStart',
|
|
1279
1284
|
'beforeColumnDropFinalize',
|
|
1280
1285
|
'beforeColumnResize',
|
|
@@ -1340,6 +1345,7 @@ export default {
|
|
|
1340
1345
|
'cellMouseOver',
|
|
1341
1346
|
'collapse',
|
|
1342
1347
|
'collapseNode',
|
|
1348
|
+
'columnCollapseToggle',
|
|
1343
1349
|
'columnDrag',
|
|
1344
1350
|
'columnDragStart',
|
|
1345
1351
|
'columnDrop',
|
|
@@ -100,9 +100,7 @@ export default {
|
|
|
100
100
|
managedEventSizing : { type : Boolean, default : undefined },
|
|
101
101
|
maskDefaults : { type : Object, default : undefined },
|
|
102
102
|
masked : { type : [Boolean, String, Object], default : undefined },
|
|
103
|
-
maxDate : { type : [Date, String], default : undefined },
|
|
104
103
|
maxTimeAxisUnit : { type : String, default : undefined },
|
|
105
|
-
minDate : { type : [Date, String], default : undefined },
|
|
106
104
|
monitorResize : { type : Boolean, default : undefined },
|
|
107
105
|
owner : { type : [Widget, Object], default : undefined },
|
|
108
106
|
partner : { type : TimelineBase, default : undefined },
|
|
@@ -187,9 +185,11 @@ export default {
|
|
|
187
185
|
labelPosition : { type : [String, null], default : undefined },
|
|
188
186
|
longPressTime : { type : Number, default : undefined },
|
|
189
187
|
margin : { type : [Number, String], default : undefined },
|
|
188
|
+
maxDate : { type : [Date, String], default : undefined },
|
|
190
189
|
maxHeight : { type : [String, Number], default : undefined },
|
|
191
190
|
maxWidth : { type : [String, Number], default : undefined },
|
|
192
191
|
maxZoomLevel : { type : Number, default : undefined },
|
|
192
|
+
minDate : { type : [Date, String], default : undefined },
|
|
193
193
|
minHeight : { type : [String, Number], default : undefined },
|
|
194
194
|
minWidth : { type : [String, Number], default : undefined },
|
|
195
195
|
minZoomLevel : { type : Number, default : undefined },
|
|
@@ -247,6 +247,7 @@ export default {
|
|
|
247
247
|
onBeforeCellEditStart : { type : Function },
|
|
248
248
|
onBeforeCellRangeDelete : { type : Function },
|
|
249
249
|
onBeforeCellRangeEdit : { type : Function },
|
|
250
|
+
onBeforeColumnCollapseToggle : { type : Function },
|
|
250
251
|
onBeforeColumnDragStart : { type : Function },
|
|
251
252
|
onBeforeColumnDropFinalize : { type : Function },
|
|
252
253
|
onBeforeColumnResize : { type : Function },
|
|
@@ -293,6 +294,7 @@ export default {
|
|
|
293
294
|
onCellMouseOver : { type : Function },
|
|
294
295
|
onCollapse : { type : Function },
|
|
295
296
|
onCollapseNode : { type : Function },
|
|
297
|
+
onColumnCollapseToggle : { type : Function },
|
|
296
298
|
onColumnDrag : { type : Function },
|
|
297
299
|
onColumnDragStart : { type : Function },
|
|
298
300
|
onColumnDrop : { type : Function },
|
|
@@ -581,9 +583,7 @@ export default {
|
|
|
581
583
|
'managedEventSizing',
|
|
582
584
|
'maskDefaults',
|
|
583
585
|
'masked',
|
|
584
|
-
'maxDate',
|
|
585
586
|
'maxTimeAxisUnit',
|
|
586
|
-
'minDate',
|
|
587
587
|
'monitorResize',
|
|
588
588
|
'owner',
|
|
589
589
|
'partner',
|
|
@@ -669,9 +669,11 @@ export default {
|
|
|
669
669
|
'labelPosition',
|
|
670
670
|
'longPressTime',
|
|
671
671
|
'margin',
|
|
672
|
+
'maxDate',
|
|
672
673
|
'maxHeight',
|
|
673
674
|
'maxWidth',
|
|
674
675
|
'maxZoomLevel',
|
|
676
|
+
'minDate',
|
|
675
677
|
'minHeight',
|
|
676
678
|
'minWidth',
|
|
677
679
|
'minZoomLevel',
|
|
@@ -681,6 +683,7 @@ export default {
|
|
|
681
683
|
'onBeforeCellEditStart',
|
|
682
684
|
'onBeforeCellRangeDelete',
|
|
683
685
|
'onBeforeCellRangeEdit',
|
|
686
|
+
'onBeforeColumnCollapseToggle',
|
|
684
687
|
'onBeforeColumnDragStart',
|
|
685
688
|
'onBeforeColumnDropFinalize',
|
|
686
689
|
'onBeforeColumnResize',
|
|
@@ -727,6 +730,7 @@ export default {
|
|
|
727
730
|
'onCellMouseOver',
|
|
728
731
|
'onCollapse',
|
|
729
732
|
'onCollapseNode',
|
|
733
|
+
'onColumnCollapseToggle',
|
|
730
734
|
'onColumnDrag',
|
|
731
735
|
'onColumnDragStart',
|
|
732
736
|
'onColumnDrop',
|
|
@@ -884,6 +888,7 @@ export default {
|
|
|
884
888
|
'beforeCellEditStart',
|
|
885
889
|
'beforeCellRangeDelete',
|
|
886
890
|
'beforeCellRangeEdit',
|
|
891
|
+
'beforeColumnCollapseToggle',
|
|
887
892
|
'beforeColumnDragStart',
|
|
888
893
|
'beforeColumnDropFinalize',
|
|
889
894
|
'beforeColumnResize',
|
|
@@ -930,6 +935,7 @@ export default {
|
|
|
930
935
|
'cellMouseOver',
|
|
931
936
|
'collapse',
|
|
932
937
|
'collapseNode',
|
|
938
|
+
'columnCollapseToggle',
|
|
933
939
|
'columnDrag',
|
|
934
940
|
'columnDragStart',
|
|
935
941
|
'columnDrop',
|
package/src/BryntumTreeGrid.vue
CHANGED
|
@@ -178,6 +178,7 @@ export default {
|
|
|
178
178
|
onBeforeCellEditStart : { type : Function },
|
|
179
179
|
onBeforeCellRangeDelete : { type : Function },
|
|
180
180
|
onBeforeCellRangeEdit : { type : Function },
|
|
181
|
+
onBeforeColumnCollapseToggle : { type : Function },
|
|
181
182
|
onBeforeColumnDragStart : { type : Function },
|
|
182
183
|
onBeforeColumnDropFinalize : { type : Function },
|
|
183
184
|
onBeforeColumnResize : { type : Function },
|
|
@@ -218,6 +219,7 @@ export default {
|
|
|
218
219
|
onCellMouseOver : { type : Function },
|
|
219
220
|
onCollapse : { type : Function },
|
|
220
221
|
onCollapseNode : { type : Function },
|
|
222
|
+
onColumnCollapseToggle : { type : Function },
|
|
221
223
|
onColumnDrag : { type : Function },
|
|
222
224
|
onColumnDragStart : { type : Function },
|
|
223
225
|
onColumnDrop : { type : Function },
|
|
@@ -506,6 +508,7 @@ export default {
|
|
|
506
508
|
'onBeforeCellEditStart',
|
|
507
509
|
'onBeforeCellRangeDelete',
|
|
508
510
|
'onBeforeCellRangeEdit',
|
|
511
|
+
'onBeforeColumnCollapseToggle',
|
|
509
512
|
'onBeforeColumnDragStart',
|
|
510
513
|
'onBeforeColumnDropFinalize',
|
|
511
514
|
'onBeforeColumnResize',
|
|
@@ -546,6 +549,7 @@ export default {
|
|
|
546
549
|
'onCellMouseOver',
|
|
547
550
|
'onCollapse',
|
|
548
551
|
'onCollapseNode',
|
|
552
|
+
'onColumnCollapseToggle',
|
|
549
553
|
'onColumnDrag',
|
|
550
554
|
'onColumnDragStart',
|
|
551
555
|
'onColumnDrop',
|
|
@@ -655,6 +659,7 @@ export default {
|
|
|
655
659
|
'beforeCellEditStart',
|
|
656
660
|
'beforeCellRangeDelete',
|
|
657
661
|
'beforeCellRangeEdit',
|
|
662
|
+
'beforeColumnCollapseToggle',
|
|
658
663
|
'beforeColumnDragStart',
|
|
659
664
|
'beforeColumnDropFinalize',
|
|
660
665
|
'beforeColumnResize',
|
|
@@ -695,6 +700,7 @@ export default {
|
|
|
695
700
|
'cellMouseOver',
|
|
696
701
|
'collapse',
|
|
697
702
|
'collapseNode',
|
|
703
|
+
'columnCollapseToggle',
|
|
698
704
|
'columnDrag',
|
|
699
705
|
'columnDragStart',
|
|
700
706
|
'columnDrop',
|