@bryntum/grid-vue 7.1.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 (66) hide show
  1. package/README.md +51 -0
  2. package/index.d.ts +63 -0
  3. package/index.js +126 -0
  4. package/license.pdf +0 -0
  5. package/licenses.md +310 -0
  6. package/package.json +22 -0
  7. package/src/BryntumAIFilterField.vue +382 -0
  8. package/src/BryntumButton.vue +342 -0
  9. package/src/BryntumButtonGroup.vue +354 -0
  10. package/src/BryntumChatPanel.vue +406 -0
  11. package/src/BryntumCheckbox.vue +384 -0
  12. package/src/BryntumCheckboxGroup.vue +414 -0
  13. package/src/BryntumChecklistFilterCombo.vue +457 -0
  14. package/src/BryntumChipView.vue +350 -0
  15. package/src/BryntumCodeEditor.vue +400 -0
  16. package/src/BryntumColorField.vue +384 -0
  17. package/src/BryntumCombo.vue +451 -0
  18. package/src/BryntumContainer.vue +339 -0
  19. package/src/BryntumDateField.vue +402 -0
  20. package/src/BryntumDatePicker.vue +480 -0
  21. package/src/BryntumDateRangeField.vue +404 -0
  22. package/src/BryntumDateTimeField.vue +362 -0
  23. package/src/BryntumDemoCodeEditor.vue +406 -0
  24. package/src/BryntumDemoHeader.vue +145 -0
  25. package/src/BryntumDisplayField.vue +372 -0
  26. package/src/BryntumDurationField.vue +396 -0
  27. package/src/BryntumEditor.vue +385 -0
  28. package/src/BryntumFieldFilterPicker.vue +366 -0
  29. package/src/BryntumFieldFilterPickerGroup.vue +373 -0
  30. package/src/BryntumFieldSet.vue +396 -0
  31. package/src/BryntumFileField.vue +374 -0
  32. package/src/BryntumFilePicker.vue +351 -0
  33. package/src/BryntumFilterField.vue +388 -0
  34. package/src/BryntumFullscreenButton.vue +41 -0
  35. package/src/BryntumGrid.vue +819 -0
  36. package/src/BryntumGridBase.vue +816 -0
  37. package/src/BryntumGridChartDesigner.vue +295 -0
  38. package/src/BryntumGridFieldFilterPicker.vue +368 -0
  39. package/src/BryntumGridFieldFilterPickerGroup.vue +371 -0
  40. package/src/BryntumGroupBar.vue +350 -0
  41. package/src/BryntumHint.vue +417 -0
  42. package/src/BryntumLabel.vue +293 -0
  43. package/src/BryntumList.vue +344 -0
  44. package/src/BryntumMenu.vue +425 -0
  45. package/src/BryntumMonthPicker.vue +396 -0
  46. package/src/BryntumNumberField.vue +386 -0
  47. package/src/BryntumPagingToolbar.vue +358 -0
  48. package/src/BryntumPanel.vue +388 -0
  49. package/src/BryntumPasswordField.vue +370 -0
  50. package/src/BryntumRadio.vue +384 -0
  51. package/src/BryntumRadioGroup.vue +404 -0
  52. package/src/BryntumSlideToggle.vue +384 -0
  53. package/src/BryntumSlider.vue +327 -0
  54. package/src/BryntumSplitter.vue +304 -0
  55. package/src/BryntumTabPanel.vue +406 -0
  56. package/src/BryntumTextAreaField.vue +374 -0
  57. package/src/BryntumTextAreaPickerField.vue +386 -0
  58. package/src/BryntumTextField.vue +378 -0
  59. package/src/BryntumTimeField.vue +396 -0
  60. package/src/BryntumTimePicker.vue +352 -0
  61. package/src/BryntumToolbar.vue +356 -0
  62. package/src/BryntumTreeCombo.vue +451 -0
  63. package/src/BryntumTreeGrid.vue +818 -0
  64. package/src/BryntumWidget.vue +294 -0
  65. package/src/BryntumYearPicker.vue +403 -0
  66. package/src/WrapperHelper.js +487 -0
package/src/BryntumDatePicker.vue ADDED
@@ -0,0 +1,480 @@
1
+ <!--
2
+ Vue wrapper for Bryntum DatePicker
3
+ -->
4
+
5
+ <template>
6
+
7
+ </template>
8
+
9
+ <script>
10
+
11
+ import { Base, CalendarPanel, Container, DatePicker, Layout, Model, Month, Panel, Rectangle, Scroller, StateProvider, Tool, Widget } from '@bryntum/grid';
12
+
13
+ import { StringHelper } from '@bryntum/grid';
14
+ import WrapperHelper from './WrapperHelper.js';
15
+
16
+ export default {
17
+
18
+ // eslint-disable-next-line vue/multi-word-component-names
19
+ name : 'BryntumDatePicker',
20
+
21
+ props : {
22
+
23
+ // Configs only
24
+ activeDate : { type : [Date, String], default : undefined },
25
+ adopt : { type : [HTMLElement, String], default : undefined },
26
+ align : { type : [Object, String], default : undefined },
27
+ anchor : { type : Boolean, default : undefined },
28
+ ariaDescription : { type : String, default : undefined },
29
+ ariaLabel : { type : String, default : undefined },
30
+ autoUpdateRecord : { type : Boolean, default : undefined },
31
+ bbar : { type : [Array, Object, null], default : undefined },
32
+ bodyCls : { type : [String, Object], default : undefined },
33
+ bubbleEvents : { type : Object, default : undefined },
34
+ cellRenderer : { type : Function, default : undefined },
35
+ centered : { type : Boolean, default : undefined },
36
+ collapsible : { type : [Boolean, Object], default : undefined },
37
+ color : { type : String, default : undefined },
38
+ config : { type : Object, default : undefined },
39
+ constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
40
+ contentElementCls : { type : [String, Object], default : undefined },
41
+ dataField : { type : String, default : undefined },
42
+ dayNameFormat : { type : String, default : undefined },
43
+ defaultBindProperty : { type : String, default : undefined },
44
+ defaultFocus : { type : Function, default : undefined },
45
+ defaults : { type : Object, default : undefined },
46
+ detectCSSCompatibilityIssues : { type : Boolean, default : undefined },
47
+ disabledCls : { type : String, default : undefined },
48
+ disabledDates : { type : Function, default : undefined },
49
+ disableNonWorkingDays : { type : Boolean, default : undefined },
50
+ disableOtherMonthCells : { type : Boolean, default : undefined },
51
+ disableWeekends : { type : Boolean, default : undefined },
52
+ dock : { type : [String, Object], default : undefined },
53
+ draggable : { type : [Boolean, Object], default : undefined },
54
+ drawer : { type : [Boolean, String], default : undefined },
55
+ editMonth : { type : Boolean, default : undefined },
56
+ elementAttributes : { type : Object, default : undefined },
57
+ floating : { type : Boolean, default : undefined },
58
+ focusDisabledDates : { type : Boolean, default : undefined },
59
+ footer : { type : [Object, String], default : undefined },
60
+ header : { type : [String, Boolean, Object], default : undefined },
61
+ headerRenderer : { type : Function, default : undefined },
62
+ hideAnimation : { type : [Boolean, Object], default : undefined },
63
+ hideOtherMonthCells : { type : Boolean, default : undefined },
64
+ hideWhenEmpty : { type : Boolean, default : undefined },
65
+ htmlCls : { type : [String, Object], default : undefined },
66
+ icon : { type : [String, Object], default : undefined },
67
+ ignoreParentReadOnly : { type : Boolean, default : undefined },
68
+ includeYear : { type : Boolean, default : undefined },
69
+ itemCls : { type : String, default : undefined },
70
+ lazyItems : { type : [Object, Array], default : undefined },
71
+ listeners : { type : Object, default : undefined },
72
+ localeClass : { type : Function, default : undefined },
73
+ localizable : { type : Boolean, default : undefined },
74
+ localizableProperties : { type : Array, default : undefined },
75
+ maskDefaults : { type : Object, default : undefined },
76
+ masked : { type : [Boolean, String, Object], default : undefined },
77
+ maxDate : { type : Date, default : undefined },
78
+ minColumnWidth : { type : Number, default : undefined },
79
+ minDate : { type : Date, default : undefined },
80
+ minRowHeight : { type : [Number, String], default : undefined },
81
+ monitorResize : { type : [Boolean, Object], default : undefined },
82
+ month : { type : [Month, Object], default : undefined },
83
+ monthButtonFormat : { type : String, default : undefined },
84
+ multiSelect : { type : [Boolean, String], default : undefined },
85
+ namedItems : { type : Object, default : undefined },
86
+ nonWorkingDayCls : { type : String, default : undefined },
87
+ nonWorkingDays : { type : Object, default : undefined },
88
+ otherMonthCls : { type : String, default : undefined },
89
+ owner : { type : [Widget, Object], default : undefined },
90
+ positioned : { type : Boolean, default : undefined },
91
+ preventTooltipOnTouch : { type : Boolean, default : undefined },
92
+ relayStoreEvents : { type : Boolean, default : undefined },
93
+ ripple : { type : [Boolean, Object], default : undefined },
94
+ rootElement : { type : [ShadowRoot, HTMLElement], default : undefined },
95
+ scrollAction : { type : [String, null], default : undefined },
96
+ showAnimation : { type : [Boolean, Object], default : undefined },
97
+ showTooltipWhenDisabled : { type : Boolean, default : undefined },
98
+ showWeekColumn : { type : Boolean, default : undefined },
99
+ sixWeeks : { type : Boolean, default : undefined },
100
+ stateful : { type : [Boolean, Object, Array], default : undefined },
101
+ statefulEvents : { type : [Object, Array], default : undefined },
102
+ stateId : { type : String, default : undefined },
103
+ stateProvider : { type : StateProvider, default : undefined },
104
+ strips : { type : Object, default : undefined },
105
+ tab : { type : [Boolean, Object], default : undefined },
106
+ tabBarItems : { type : Array, default : undefined },
107
+ tag : { type : String, default : undefined },
108
+ tbar : { type : [Array, Object, null], default : undefined },
109
+ textAlign : { type : String, default : undefined },
110
+ textContent : { type : Boolean, default : undefined },
111
+ tip : { type : Object, default : undefined },
112
+ todayCls : { type : String, default : undefined },
113
+ trapFocus : { type : Boolean, default : undefined },
114
+ type : { type : String, default : undefined },
115
+ ui : { type : [String, Object], default : undefined },
116
+ weekendCls : { type : String, default : undefined },
117
+ weekRenderer : { type : Function, default : undefined },
118
+ weekStartDay : { type : Number, default : undefined },
119
+ weight : { type : Number, default : undefined },
120
+
121
+ // Configs and properties
122
+ alignSelf : { type : String, default : undefined },
123
+ animateTimeShift : { type : Boolean, default : undefined },
124
+ appendTo : { type : [HTMLElement, String], default : undefined },
125
+ callOnFunctions : { type : Boolean, default : undefined },
126
+ catchEventHandlerExceptions : { type : Boolean, default : undefined },
127
+ cls : { type : [String, Object], default : undefined },
128
+ collapsed : { type : Boolean, default : undefined },
129
+ column : { type : Number, default : undefined },
130
+ content : { type : String, default : undefined },
131
+ dataset : { type : Object, default : undefined },
132
+ date : { type : [Date, String], default : undefined },
133
+ disabled : { type : [Boolean, String], default : undefined },
134
+ dragSelect : { type : Boolean, default : undefined },
135
+ extraData : { type : Object, default : undefined },
136
+ flex : { type : [Number, String], default : undefined },
137
+ height : { type : [Number, String], default : undefined },
138
+ hidden : { type : Boolean, default : undefined },
139
+ highlightSelectedWeek : { type : Boolean, default : undefined },
140
+ html : { type : Function, default : undefined },
141
+ id : { type : String, default : undefined },
142
+ inputFieldAlign : { type : String, default : undefined },
143
+ insertBefore : { type : [HTMLElement, String], default : undefined },
144
+ insertFirst : { type : [HTMLElement, String], default : undefined },
145
+ items : { type : [Array, Object], default : undefined },
146
+ keyMap : { type : Object, default : undefined },
147
+ labelPosition : { type : [String, null], default : undefined },
148
+ layout : { type : [Layout, String, Object], default : undefined },
149
+ layoutStyle : { type : Object, default : undefined },
150
+ margin : { type : [Number, String], default : undefined },
151
+ maxHeight : { type : [String, Number], default : undefined },
152
+ maximizeOnMobile : { type : [Number, String], default : undefined },
153
+ maxWidth : { type : [String, Number], default : undefined },
154
+ minHeight : { type : [String, Number], default : undefined },
155
+ minWidth : { type : [String, Number], default : undefined },
156
+ readOnly : { type : Boolean, default : undefined },
157
+ record : { type : Model, default : undefined },
158
+ rendition : { type : [String, Object, null], default : undefined },
159
+ rtl : { type : Boolean, default : undefined },
160
+ scrollable : { type : [Scroller, Boolean, Object], default : undefined },
161
+ selection : { type : Array, default : undefined },
162
+ shadePastDates : { type : Boolean, default : undefined },
163
+ span : { type : Number, default : undefined },
164
+ strictRecordMapping : { type : Boolean, default : undefined },
165
+ title : { type : String, default : undefined },
166
+ tools : { type : [Object, null], default : undefined },
167
+ tooltip : { type : [String, Object, null], default : undefined },
168
+ weekColumnHeader : { type : String, default : undefined },
169
+ width : { type : [Number, String], default : undefined },
170
+ x : { type : Number, default : undefined },
171
+ y : { type : Number, default : undefined },
172
+
173
+ // Properties only
174
+ anchorSize : { type : Array, default : undefined },
175
+ focusVisible : { type : Boolean, default : undefined },
176
+ hasChanges : { type : Boolean, default : undefined },
177
+ isSettingValues : { type : Boolean, default : undefined },
178
+ isValid : { type : Boolean, default : undefined },
179
+ parent : { type : Widget, default : undefined },
180
+ state : { type : Object, default : undefined },
181
+ values : { type : Object, default : undefined },
182
+
183
+ // Events
184
+ onBeforeDestroy : { type : Function },
185
+ onBeforeHide : { type : Function },
186
+ onBeforeRefresh : { type : Function },
187
+ onBeforeSetRecord : { type : Function },
188
+ onBeforeShow : { type : Function },
189
+ onBeforeStateApply : { type : Function },
190
+ onBeforeStateSave : { type : Function },
191
+ onCatchAll : { type : Function },
192
+ onCellClick : { type : Function },
193
+ onCollapse : { type : Function },
194
+ onDateChange : { type : Function },
195
+ onDestroy : { type : Function },
196
+ onDirtyStateChange : { type : Function },
197
+ onElementCreated : { type : Function },
198
+ onExpand : { type : Function },
199
+ onFocusIn : { type : Function },
200
+ onFocusOut : { type : Function },
201
+ onHide : { type : Function },
202
+ onPaint : { type : Function },
203
+ onReadOnly : { type : Function },
204
+ onRecompose : { type : Function },
205
+ onRefresh : { type : Function },
206
+ onResize : { type : Function },
207
+ onSelectionChange : { type : Function },
208
+ onShow : { type : Function },
209
+ onToolClick : { type : Function },
210
+ onWeekCellClick : { type : Function },
211
+
212
+ },
213
+
214
+ data : () => {
215
+ return {
216
+ instanceClass : DatePicker,
217
+ instanceName : 'DatePicker',
218
+
219
+ configNames : [
220
+ 'activeDate',
221
+ 'adopt',
222
+ 'align',
223
+ 'anchor',
224
+ 'ariaDescription',
225
+ 'ariaLabel',
226
+ 'autoUpdateRecord',
227
+ 'bbar',
228
+ 'bodyCls',
229
+ 'bubbleEvents',
230
+ 'cellRenderer',
231
+ 'centered',
232
+ 'collapsible',
233
+ 'color',
234
+ 'config',
235
+ 'constrainTo',
236
+ 'contentElementCls',
237
+ 'dataField',
238
+ 'dayNameFormat',
239
+ 'defaultBindProperty',
240
+ 'defaultFocus',
241
+ 'defaults',
242
+ 'detectCSSCompatibilityIssues',
243
+ 'disabledCls',
244
+ 'disabledDates',
245
+ 'disableNonWorkingDays',
246
+ 'disableOtherMonthCells',
247
+ 'disableWeekends',
248
+ 'dock',
249
+ 'draggable',
250
+ 'drawer',
251
+ 'editMonth',
252
+ 'elementAttributes',
253
+ 'floating',
254
+ 'focusDisabledDates',
255
+ 'footer',
256
+ 'header',
257
+ 'headerRenderer',
258
+ 'hideAnimation',
259
+ 'hideOtherMonthCells',
260
+ 'hideWhenEmpty',
261
+ 'htmlCls',
262
+ 'icon',
263
+ 'ignoreParentReadOnly',
264
+ 'includeYear',
265
+ 'itemCls',
266
+ 'lazyItems',
267
+ 'listeners',
268
+ 'localeClass',
269
+ 'localizable',
270
+ 'localizableProperties',
271
+ 'maskDefaults',
272
+ 'masked',
273
+ 'maxDate',
274
+ 'minColumnWidth',
275
+ 'minDate',
276
+ 'minRowHeight',
277
+ 'monitorResize',
278
+ 'month',
279
+ 'monthButtonFormat',
280
+ 'multiSelect',
281
+ 'namedItems',
282
+ 'nonWorkingDayCls',
283
+ 'nonWorkingDays',
284
+ 'otherMonthCls',
285
+ 'owner',
286
+ 'positioned',
287
+ 'preventTooltipOnTouch',
288
+ 'relayStoreEvents',
289
+ 'ripple',
290
+ 'rootElement',
291
+ 'scrollAction',
292
+ 'showAnimation',
293
+ 'showTooltipWhenDisabled',
294
+ 'showWeekColumn',
295
+ 'sixWeeks',
296
+ 'stateful',
297
+ 'statefulEvents',
298
+ 'stateId',
299
+ 'stateProvider',
300
+ 'strips',
301
+ 'tab',
302
+ 'tabBarItems',
303
+ 'tag',
304
+ 'tbar',
305
+ 'textAlign',
306
+ 'textContent',
307
+ 'tip',
308
+ 'todayCls',
309
+ 'trapFocus',
310
+ 'type',
311
+ 'ui',
312
+ 'weekendCls',
313
+ 'weekRenderer',
314
+ 'weekStartDay',
315
+ 'weight'
316
+ ],
317
+
318
+ propertyConfigNames : [
319
+ 'alignSelf',
320
+ 'animateTimeShift',
321
+ 'appendTo',
322
+ 'callOnFunctions',
323
+ 'catchEventHandlerExceptions',
324
+ 'cls',
325
+ 'collapsed',
326
+ 'column',
327
+ 'content',
328
+ 'dataset',
329
+ 'date',
330
+ 'disabled',
331
+ 'dragSelect',
332
+ 'extraData',
333
+ 'flex',
334
+ 'height',
335
+ 'hidden',
336
+ 'highlightSelectedWeek',
337
+ 'html',
338
+ 'id',
339
+ 'inputFieldAlign',
340
+ 'insertBefore',
341
+ 'insertFirst',
342
+ 'items',
343
+ 'keyMap',
344
+ 'labelPosition',
345
+ 'layout',
346
+ 'layoutStyle',
347
+ 'margin',
348
+ 'maxHeight',
349
+ 'maximizeOnMobile',
350
+ 'maxWidth',
351
+ 'minHeight',
352
+ 'minWidth',
353
+ 'onBeforeDestroy',
354
+ 'onBeforeHide',
355
+ 'onBeforeRefresh',
356
+ 'onBeforeSetRecord',
357
+ 'onBeforeShow',
358
+ 'onBeforeStateApply',
359
+ 'onBeforeStateSave',
360
+ 'onCatchAll',
361
+ 'onCellClick',
362
+ 'onCollapse',
363
+ 'onDateChange',
364
+ 'onDestroy',
365
+ 'onDirtyStateChange',
366
+ 'onElementCreated',
367
+ 'onExpand',
368
+ 'onFocusIn',
369
+ 'onFocusOut',
370
+ 'onHide',
371
+ 'onPaint',
372
+ 'onReadOnly',
373
+ 'onRecompose',
374
+ 'onRefresh',
375
+ 'onResize',
376
+ 'onSelectionChange',
377
+ 'onShow',
378
+ 'onToolClick',
379
+ 'onWeekCellClick',
380
+ 'readOnly',
381
+ 'record',
382
+ 'rendition',
383
+ 'rtl',
384
+ 'scrollable',
385
+ 'selection',
386
+ 'shadePastDates',
387
+ 'span',
388
+ 'strictRecordMapping',
389
+ 'title',
390
+ 'tools',
391
+ 'tooltip',
392
+ 'weekColumnHeader',
393
+ 'width',
394
+ 'x',
395
+ 'y'
396
+ ],
397
+
398
+ propertyNames : [
399
+ 'anchorSize',
400
+ 'focusVisible',
401
+ 'hasChanges',
402
+ 'isSettingValues',
403
+ 'isValid',
404
+ 'parent',
405
+ 'state',
406
+ 'values'
407
+ ],
408
+
409
+ eventNames : [
410
+ 'beforeDestroy',
411
+ 'beforeHide',
412
+ 'beforeRefresh',
413
+ 'beforeSetRecord',
414
+ 'beforeShow',
415
+ 'beforeStateApply',
416
+ 'beforeStateSave',
417
+ 'catchAll',
418
+ 'cellClick',
419
+ 'collapse',
420
+ 'dateChange',
421
+ 'destroy',
422
+ 'dirtyStateChange',
423
+ 'elementCreated',
424
+ 'expand',
425
+ 'focusIn',
426
+ 'focusOut',
427
+ 'hide',
428
+ 'paint',
429
+ 'readOnly',
430
+ 'recompose',
431
+ 'refresh',
432
+ 'resize',
433
+ 'selectionChange',
434
+ 'show',
435
+ 'toolClick',
436
+ 'weekCellClick'
437
+ ]
438
+ };
439
+ },
440
+
441
+ /**
442
+ * Called after the instance has been mounted
443
+ */
444
+ mounted() {
445
+ const
446
+ me = this,
447
+ {
448
+ createWidget,
449
+ relayStores,
450
+ watchProps,
451
+ processCellContent,
452
+ processEventContent,
453
+ hasFrameworkRenderer
454
+ } = WrapperHelper();
455
+
456
+ me.instance = createWidget({
457
+ me,
458
+ props : me.$props,
459
+ data : me.$data,
460
+ listeners : me.$listeners,
461
+ emit : me.$emit.bind(me),
462
+ element : me.$el
463
+ });
464
+
465
+ const watcher = me.$watch.bind(me);
466
+ watchProps(me, me.instance, me.$props, me.$data, watcher);
467
+ },
468
+
469
+ /**
470
+ * Called right before a Vue instance is destroyed. At this stage the instance is still fully functional.
471
+ */
472
+ beforeDestroy() {
473
+ if (this.instance) {
474
+ this.instance.destroy();
475
+ }
476
+ }
477
+
478
+ };
479
+
480
+ </script>