@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/BryntumMenu.vue ADDED
@@ -0,0 +1,425 @@
1
+ <!--
2
+ Vue wrapper for Bryntum Menu
3
+ -->
4
+
5
+ <template>
6
+
7
+ </template>
8
+
9
+ <script>
10
+
11
+ import { Base, Container, Layout, Menu, MenuItem, Model, Panel, Popup, Rectangle, 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 : 'BryntumMenu',
20
+
21
+ props : {
22
+
23
+ // Configs only
24
+ adopt : { type : [HTMLElement, String], default : undefined },
25
+ align : { type : [Object, String], default : undefined },
26
+ anchor : { type : Boolean, default : undefined },
27
+ ariaDescription : { type : String, default : undefined },
28
+ ariaLabel : { type : String, default : undefined },
29
+ autoClose : { type : Boolean, default : undefined },
30
+ autoShow : { type : Boolean, default : undefined },
31
+ autoUpdateRecord : { type : Boolean, default : undefined },
32
+ bbar : { type : [Array, Object, null], default : undefined },
33
+ bodyCls : { type : [String, Object], default : undefined },
34
+ bubbleEvents : { type : Object, default : undefined },
35
+ centered : { type : Boolean, default : undefined },
36
+ closable : { type : Boolean, default : undefined },
37
+ closeAction : { type : String, default : undefined },
38
+ closeOnEscape : { type : Boolean, default : undefined },
39
+ collapsible : { type : [Boolean, Object], default : undefined },
40
+ color : { type : String, default : undefined },
41
+ config : { type : Object, default : undefined },
42
+ constrainTo : { type : [HTMLElement, Widget, Rectangle], default : undefined },
43
+ contentElementCls : { type : [String, Object], default : undefined },
44
+ dataField : { type : String, default : undefined },
45
+ defaultBindProperty : { type : String, default : undefined },
46
+ defaultFocus : { type : Function, default : undefined },
47
+ defaults : { type : Object, default : undefined },
48
+ detectCSSCompatibilityIssues : { type : Boolean, default : undefined },
49
+ dock : { type : [String, Object], default : undefined },
50
+ draggable : { type : [Boolean, Object], default : undefined },
51
+ drawer : { type : [Boolean, String], default : undefined },
52
+ elementAttributes : { type : Object, default : undefined },
53
+ floating : { type : Boolean, default : undefined },
54
+ focusOnHover : { type : Boolean, default : undefined },
55
+ focusOnToFront : { type : Boolean, default : undefined },
56
+ footer : { type : [Object, String], default : undefined },
57
+ forElement : { type : HTMLElement, default : undefined },
58
+ header : { type : [String, Boolean, Object], default : undefined },
59
+ hideAnimation : { type : [Boolean, Object], default : undefined },
60
+ hideWhenEmpty : { type : Boolean, default : undefined },
61
+ htmlCls : { type : [String, Object], default : undefined },
62
+ icon : { type : [String, Object], default : undefined },
63
+ ignoreParentReadOnly : { type : Boolean, default : undefined },
64
+ itemCls : { type : String, default : undefined },
65
+ lazyItems : { type : [Object, Array], default : undefined },
66
+ listeners : { type : Object, default : undefined },
67
+ localeClass : { type : Function, default : undefined },
68
+ localizable : { type : Boolean, default : undefined },
69
+ localizableProperties : { type : Array, default : undefined },
70
+ maskDefaults : { type : Object, default : undefined },
71
+ masked : { type : [Boolean, String, Object], default : undefined },
72
+ maximizable : { type : Boolean, default : undefined },
73
+ modal : { type : [Boolean, Object], default : undefined },
74
+ monitorResize : { type : [Boolean, Object], default : undefined },
75
+ namedItems : { type : Object, default : undefined },
76
+ owner : { type : [Widget, Object], default : undefined },
77
+ positioned : { type : Boolean, default : undefined },
78
+ preventTooltipOnTouch : { type : Boolean, default : undefined },
79
+ relayStoreEvents : { type : Boolean, default : undefined },
80
+ ripple : { type : [Boolean, Object], default : undefined },
81
+ rootElement : { type : [ShadowRoot, HTMLElement], default : undefined },
82
+ scrollAction : { type : [String, null], default : undefined },
83
+ showAnimation : { type : [Boolean, Object], default : undefined },
84
+ showOnClick : { type : [Boolean, Number], default : undefined },
85
+ showTooltipWhenDisabled : { type : Boolean, default : undefined },
86
+ stateful : { type : [Boolean, Object, Array], default : undefined },
87
+ statefulEvents : { type : [Object, Array], default : undefined },
88
+ stateId : { type : String, default : undefined },
89
+ stateProvider : { type : StateProvider, default : undefined },
90
+ strips : { type : Object, default : undefined },
91
+ tab : { type : [Boolean, Object], default : undefined },
92
+ tabBarItems : { type : Array, default : undefined },
93
+ tag : { type : String, default : undefined },
94
+ tbar : { type : [Array, Object, null], default : undefined },
95
+ textAlign : { type : String, default : undefined },
96
+ textContent : { type : Boolean, default : undefined },
97
+ trapFocus : { type : Boolean, default : undefined },
98
+ type : { type : String, default : undefined },
99
+ ui : { type : [String, Object], default : undefined },
100
+ weight : { type : Number, default : undefined },
101
+
102
+ // Configs and properties
103
+ alignSelf : { type : String, default : undefined },
104
+ appendTo : { type : [HTMLElement, String], default : undefined },
105
+ callOnFunctions : { type : Boolean, default : undefined },
106
+ catchEventHandlerExceptions : { type : Boolean, default : undefined },
107
+ cls : { type : [String, Object], default : undefined },
108
+ collapsed : { type : Boolean, default : undefined },
109
+ column : { type : Number, default : undefined },
110
+ content : { type : String, default : undefined },
111
+ dataset : { type : Object, default : undefined },
112
+ disabled : { type : [Boolean, String], default : undefined },
113
+ extraData : { type : Object, default : undefined },
114
+ flex : { type : [Number, String], default : undefined },
115
+ height : { type : [Number, String], default : undefined },
116
+ hidden : { type : Boolean, default : undefined },
117
+ html : { type : Function, default : undefined },
118
+ id : { type : String, default : undefined },
119
+ inputFieldAlign : { type : String, default : undefined },
120
+ insertBefore : { type : [HTMLElement, String], default : undefined },
121
+ insertFirst : { type : [HTMLElement, String], default : undefined },
122
+ items : { type : [Array, Object], default : undefined },
123
+ keyMap : { type : Object, default : undefined },
124
+ labelPosition : { type : [String, null], default : undefined },
125
+ layout : { type : [Layout, String, Object], default : undefined },
126
+ layoutStyle : { type : Object, default : undefined },
127
+ margin : { type : [Number, String], default : undefined },
128
+ maxHeight : { type : [String, Number], default : undefined },
129
+ maximized : { type : Boolean, default : undefined },
130
+ maximizeOnMobile : { type : [Number, String], default : undefined },
131
+ maxWidth : { type : [String, Number], default : undefined },
132
+ minHeight : { type : [String, Number], default : undefined },
133
+ minWidth : { type : [String, Number], default : undefined },
134
+ readOnly : { type : Boolean, default : undefined },
135
+ record : { type : Model, default : undefined },
136
+ rendition : { type : [String, Object, null], default : undefined },
137
+ resizable : { type : [Boolean, Object], default : undefined },
138
+ rtl : { type : Boolean, default : undefined },
139
+ span : { type : Number, default : undefined },
140
+ strictRecordMapping : { type : Boolean, default : undefined },
141
+ title : { type : String, default : undefined },
142
+ tools : { type : [Object, null], default : undefined },
143
+ tooltip : { type : [String, Object, null], default : undefined },
144
+ width : { type : [Number, String], default : undefined },
145
+ x : { type : Number, default : undefined },
146
+ y : { type : Number, default : undefined },
147
+
148
+ // Properties only
149
+ anchorSize : { type : Array, default : undefined },
150
+ focusVisible : { type : Boolean, default : undefined },
151
+ hasChanges : { type : Boolean, default : undefined },
152
+ isSettingValues : { type : Boolean, default : undefined },
153
+ isValid : { type : Boolean, default : undefined },
154
+ parent : { type : Widget, default : undefined },
155
+ parentMenu : { type : Menu, default : undefined },
156
+ selectedElement : { type : HTMLElement, default : undefined },
157
+ state : { type : Object, default : undefined },
158
+ values : { type : Object, default : undefined },
159
+
160
+ // Events
161
+ onBeforeClose : { type : Function },
162
+ onBeforeDestroy : { type : Function },
163
+ onBeforeHide : { type : Function },
164
+ onBeforeSetRecord : { type : Function },
165
+ onBeforeShow : { type : Function },
166
+ onBeforeStateApply : { type : Function },
167
+ onBeforeStateSave : { type : Function },
168
+ onCatchAll : { type : Function },
169
+ onCollapse : { type : Function },
170
+ onDestroy : { type : Function },
171
+ onDirtyStateChange : { type : Function },
172
+ onElementCreated : { type : Function },
173
+ onExpand : { type : Function },
174
+ onFocusIn : { type : Function },
175
+ onFocusOut : { type : Function },
176
+ onHide : { type : Function },
177
+ onItem : { type : Function },
178
+ onPaint : { type : Function },
179
+ onReadOnly : { type : Function },
180
+ onRecompose : { type : Function },
181
+ onResize : { type : Function },
182
+ onShow : { type : Function },
183
+ onToggle : { type : Function },
184
+ onToolClick : { type : Function },
185
+
186
+ },
187
+
188
+ data : () => {
189
+ return {
190
+ instanceClass : Menu,
191
+ instanceName : 'Menu',
192
+
193
+ configNames : [
194
+ 'adopt',
195
+ 'align',
196
+ 'anchor',
197
+ 'ariaDescription',
198
+ 'ariaLabel',
199
+ 'autoClose',
200
+ 'autoShow',
201
+ 'autoUpdateRecord',
202
+ 'bbar',
203
+ 'bodyCls',
204
+ 'bubbleEvents',
205
+ 'centered',
206
+ 'closable',
207
+ 'closeAction',
208
+ 'closeOnEscape',
209
+ 'collapsible',
210
+ 'color',
211
+ 'config',
212
+ 'constrainTo',
213
+ 'contentElementCls',
214
+ 'dataField',
215
+ 'defaultBindProperty',
216
+ 'defaultFocus',
217
+ 'defaults',
218
+ 'detectCSSCompatibilityIssues',
219
+ 'dock',
220
+ 'draggable',
221
+ 'drawer',
222
+ 'elementAttributes',
223
+ 'floating',
224
+ 'focusOnHover',
225
+ 'focusOnToFront',
226
+ 'footer',
227
+ 'forElement',
228
+ 'header',
229
+ 'hideAnimation',
230
+ 'hideWhenEmpty',
231
+ 'htmlCls',
232
+ 'icon',
233
+ 'ignoreParentReadOnly',
234
+ 'itemCls',
235
+ 'lazyItems',
236
+ 'listeners',
237
+ 'localeClass',
238
+ 'localizable',
239
+ 'localizableProperties',
240
+ 'maskDefaults',
241
+ 'masked',
242
+ 'maximizable',
243
+ 'modal',
244
+ 'monitorResize',
245
+ 'namedItems',
246
+ 'owner',
247
+ 'positioned',
248
+ 'preventTooltipOnTouch',
249
+ 'relayStoreEvents',
250
+ 'ripple',
251
+ 'rootElement',
252
+ 'scrollAction',
253
+ 'showAnimation',
254
+ 'showOnClick',
255
+ 'showTooltipWhenDisabled',
256
+ 'stateful',
257
+ 'statefulEvents',
258
+ 'stateId',
259
+ 'stateProvider',
260
+ 'strips',
261
+ 'tab',
262
+ 'tabBarItems',
263
+ 'tag',
264
+ 'tbar',
265
+ 'textAlign',
266
+ 'textContent',
267
+ 'trapFocus',
268
+ 'type',
269
+ 'ui',
270
+ 'weight'
271
+ ],
272
+
273
+ propertyConfigNames : [
274
+ 'alignSelf',
275
+ 'appendTo',
276
+ 'callOnFunctions',
277
+ 'catchEventHandlerExceptions',
278
+ 'cls',
279
+ 'collapsed',
280
+ 'column',
281
+ 'content',
282
+ 'dataset',
283
+ 'disabled',
284
+ 'extraData',
285
+ 'flex',
286
+ 'height',
287
+ 'hidden',
288
+ 'html',
289
+ 'id',
290
+ 'inputFieldAlign',
291
+ 'insertBefore',
292
+ 'insertFirst',
293
+ 'items',
294
+ 'keyMap',
295
+ 'labelPosition',
296
+ 'layout',
297
+ 'layoutStyle',
298
+ 'margin',
299
+ 'maxHeight',
300
+ 'maximized',
301
+ 'maximizeOnMobile',
302
+ 'maxWidth',
303
+ 'minHeight',
304
+ 'minWidth',
305
+ 'onBeforeClose',
306
+ 'onBeforeDestroy',
307
+ 'onBeforeHide',
308
+ 'onBeforeSetRecord',
309
+ 'onBeforeShow',
310
+ 'onBeforeStateApply',
311
+ 'onBeforeStateSave',
312
+ 'onCatchAll',
313
+ 'onCollapse',
314
+ 'onDestroy',
315
+ 'onDirtyStateChange',
316
+ 'onElementCreated',
317
+ 'onExpand',
318
+ 'onFocusIn',
319
+ 'onFocusOut',
320
+ 'onHide',
321
+ 'onItem',
322
+ 'onPaint',
323
+ 'onReadOnly',
324
+ 'onRecompose',
325
+ 'onResize',
326
+ 'onShow',
327
+ 'onToggle',
328
+ 'onToolClick',
329
+ 'readOnly',
330
+ 'record',
331
+ 'rendition',
332
+ 'resizable',
333
+ 'rtl',
334
+ 'span',
335
+ 'strictRecordMapping',
336
+ 'title',
337
+ 'tools',
338
+ 'tooltip',
339
+ 'width',
340
+ 'x',
341
+ 'y'
342
+ ],
343
+
344
+ propertyNames : [
345
+ 'anchorSize',
346
+ 'focusVisible',
347
+ 'hasChanges',
348
+ 'isSettingValues',
349
+ 'isValid',
350
+ 'parent',
351
+ 'parentMenu',
352
+ 'selectedElement',
353
+ 'state',
354
+ 'values'
355
+ ],
356
+
357
+ eventNames : [
358
+ 'beforeClose',
359
+ 'beforeDestroy',
360
+ 'beforeHide',
361
+ 'beforeSetRecord',
362
+ 'beforeShow',
363
+ 'beforeStateApply',
364
+ 'beforeStateSave',
365
+ 'catchAll',
366
+ 'collapse',
367
+ 'destroy',
368
+ 'dirtyStateChange',
369
+ 'elementCreated',
370
+ 'expand',
371
+ 'focusIn',
372
+ 'focusOut',
373
+ 'hide',
374
+ 'item',
375
+ 'paint',
376
+ 'readOnly',
377
+ 'recompose',
378
+ 'resize',
379
+ 'show',
380
+ 'toggle',
381
+ 'toolClick'
382
+ ]
383
+ };
384
+ },
385
+
386
+ /**
387
+ * Called after the instance has been mounted
388
+ */
389
+ mounted() {
390
+ const
391
+ me = this,
392
+ {
393
+ createWidget,
394
+ relayStores,
395
+ watchProps,
396
+ processCellContent,
397
+ processEventContent,
398
+ hasFrameworkRenderer
399
+ } = WrapperHelper();
400
+
401
+ me.instance = createWidget({
402
+ me,
403
+ props : me.$props,
404
+ data : me.$data,
405
+ listeners : me.$listeners,
406
+ emit : me.$emit.bind(me),
407
+ element : me.$el
408
+ });
409
+
410
+ const watcher = me.$watch.bind(me);
411
+ watchProps(me, me.instance, me.$props, me.$data, watcher);
412
+ },
413
+
414
+ /**
415
+ * Called right before a Vue instance is destroyed. At this stage the instance is still fully functional.
416
+ */
417
+ beforeDestroy() {
418
+ if (this.instance) {
419
+ this.instance.destroy();
420
+ }
421
+ }
422
+
423
+ };
424
+
425
+ </script>