@bryntum/grid-vue-3-thin 7.2.4 → 7.3.0
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 +4 -4
- package/lib/chunks/{B5DiBj1m.js → BGeNcVH6.js} +5 -5
- package/lib/chunks/BGeNcVH6.js.map +1 -0
- package/lib/chunks/{v3MxzI7J.js → Ba35uKyP.js} +3 -3
- package/lib/chunks/Ba35uKyP.js.map +1 -0
- package/lib/chunks/{MAev_NTD.js → Bc2x_WPR.js} +8 -6
- package/lib/chunks/Bc2x_WPR.js.map +1 -0
- package/lib/chunks/{C3MmNeeF.js → Be7ZZzGW.js} +14 -12
- package/lib/chunks/Be7ZZzGW.js.map +1 -0
- package/lib/chunks/{CnbA4JoC.js → BeyOFZne.js} +6 -6
- package/lib/chunks/BeyOFZne.js.map +1 -0
- package/lib/chunks/{BQkqLHa6.js → BpNo5v3W.js} +9 -10
- package/lib/chunks/BpNo5v3W.js.map +1 -0
- package/lib/chunks/{Da4PP6A-.js → CAlh-Y8B.js} +3 -3
- package/lib/chunks/CAlh-Y8B.js.map +1 -0
- package/lib/chunks/{DkzTNiUv.js → CWYhi4DG.js} +8 -9
- package/lib/chunks/CWYhi4DG.js.map +1 -0
- package/lib/chunks/{D639wy1k.js → CcfDAcJD.js} +9 -9
- package/lib/chunks/CcfDAcJD.js.map +1 -0
- package/lib/chunks/{C8vFKx3Q.js → w2GDktIt.js} +8 -6
- package/lib/chunks/w2GDktIt.js.map +1 -0
- package/lib/components/BryntumAIFilterField.js +1 -1
- package/lib/components/BryntumChecklistFilterCombo.js +1 -1
- package/lib/components/BryntumGrid.js +1 -1
- package/lib/components/BryntumGridBase.js +1 -1
- package/lib/components/BryntumGridChartDesigner.js +1 -1
- package/lib/components/BryntumGridFieldFilterPicker.js +1 -1
- package/lib/components/BryntumGridFieldFilterPickerGroup.js +1 -1
- package/lib/components/BryntumGroupBar.js +1 -1
- package/lib/components/BryntumThemeCombo.js +57 -0
- package/lib/components/BryntumThemeCombo.js.map +1 -0
- package/lib/components/BryntumTreeCombo.js +1 -1
- package/lib/components/BryntumTreeGrid.js +1 -1
- package/lib/index.js +10 -10
- package/package.json +1 -1
- package/src/components/BryntumAIFilterField.vue +73 -118
- package/src/components/BryntumAIFilterFieldProps.ts +69 -110
- package/src/components/BryntumChecklistFilterCombo.vue +90 -149
- package/src/components/BryntumChecklistFilterComboProps.ts +86 -141
- package/src/components/BryntumGrid.vue +203 -290
- package/src/components/BryntumGridBase.vue +203 -290
- package/src/components/BryntumGridBaseProps.ts +186 -261
- package/src/components/BryntumGridChartDesigner.vue +58 -94
- package/src/components/BryntumGridChartDesignerProps.ts +55 -88
- package/src/components/BryntumGridFieldFilterPicker.vue +81 -131
- package/src/components/BryntumGridFieldFilterPickerGroup.vue +80 -129
- package/src/components/BryntumGridFieldFilterPickerGroupProps.ts +76 -120
- package/src/components/BryntumGridFieldFilterPickerProps.ts +77 -122
- package/src/components/BryntumGridProps.ts +186 -261
- package/src/components/BryntumGroupBar.vue +64 -104
- package/src/components/BryntumGroupBarProps.ts +61 -98
- package/src/components/BryntumThemeCombo.vue +60 -0
- package/src/components/BryntumTreeCombo.vue +91 -151
- package/src/components/BryntumTreeComboProps.ts +87 -143
- package/src/components/BryntumTreeGrid.vue +203 -290
- package/src/components/BryntumTreeGridProps.ts +186 -261
- package/lib/chunks/B5DiBj1m.js.map +0 -1
- package/lib/chunks/BQkqLHa6.js.map +0 -1
- package/lib/chunks/C3MmNeeF.js.map +0 -1
- package/lib/chunks/C8vFKx3Q.js.map +0 -1
- package/lib/chunks/CnbA4JoC.js.map +0 -1
- package/lib/chunks/D639wy1k.js.map +0 -1
- package/lib/chunks/Da4PP6A-.js.map +0 -1
- package/lib/chunks/DkzTNiUv.js.map +0 -1
- package/lib/chunks/MAev_NTD.js.map +0 -1
- package/lib/chunks/v3MxzI7J.js.map +0 -1
package/lib/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { _ as o } from "./chunks/
|
|
2
|
-
import { _ as m } from "./chunks/
|
|
3
|
-
import { _ as a } from "./chunks/
|
|
4
|
-
import { _ as p } from "./chunks/
|
|
5
|
-
import { _ as B } from "./chunks/
|
|
6
|
-
import { _ as f } from "./chunks/
|
|
7
|
-
import { _ as y } from "./chunks/
|
|
8
|
-
import { _ as d } from "./chunks/
|
|
9
|
-
import { _ as G } from "./chunks/
|
|
10
|
-
import { _ as C } from "./chunks/
|
|
1
|
+
import { _ as o } from "./chunks/BGeNcVH6.js";
|
|
2
|
+
import { _ as m } from "./chunks/Ba35uKyP.js";
|
|
3
|
+
import { _ as a } from "./chunks/Be7ZZzGW.js";
|
|
4
|
+
import { _ as p } from "./chunks/Bc2x_WPR.js";
|
|
5
|
+
import { _ as B } from "./chunks/CAlh-Y8B.js";
|
|
6
|
+
import { _ as f } from "./chunks/BpNo5v3W.js";
|
|
7
|
+
import { _ as y } from "./chunks/CWYhi4DG.js";
|
|
8
|
+
import { _ as d } from "./chunks/CcfDAcJD.js";
|
|
9
|
+
import { _ as G } from "./chunks/BeyOFZne.js";
|
|
10
|
+
import { _ as C } from "./chunks/w2GDktIt.js";
|
|
11
11
|
export {
|
|
12
12
|
o as BryntumAIFilterField,
|
|
13
13
|
m as BryntumChecklistFilterCombo,
|
package/package.json
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
import { getCurrentInstance, onBeforeUnmount, onMounted, provide, ref, watch, toRaw } from 'vue';
|
|
12
12
|
|
|
13
|
-
import type { AlignSpec, Base, Color, Field,
|
|
13
|
+
import type { AlignSpec, Base, Color, Field, FieldContainerConfig, FieldTriggerConfig, KeyMapConfig, MaskConfig, Model, Rectangle, TabConfig, TooltipConfig, Widget } from '@bryntum/core-thin';
|
|
14
14
|
import type { AIFilterFieldListeners, GridContainerItemConfig, Grid } from '@bryntum/grid-thin';
|
|
15
15
|
import { AIFilterField } from '@bryntum/grid-thin';
|
|
16
16
|
|
|
@@ -21,14 +21,12 @@ defineProps<{
|
|
|
21
21
|
/**
|
|
22
22
|
* Element (or element id) to adopt as this Widget's encapsulating element. The widget's
|
|
23
23
|
* content will be placed inside this element.
|
|
24
|
-
* ...
|
|
25
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-adopt)
|
|
24
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-adopt)
|
|
26
25
|
*/
|
|
27
26
|
adopt ? : HTMLElement|string
|
|
28
27
|
/**
|
|
29
28
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
30
|
-
* ...
|
|
31
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-align)
|
|
29
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-align)
|
|
32
30
|
*/
|
|
33
31
|
align ? : AlignSpec|string
|
|
34
32
|
/**
|
|
@@ -50,15 +48,13 @@ defineProps<{
|
|
|
50
48
|
/**
|
|
51
49
|
* A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject
|
|
52
50
|
* into an element which will be linked using the `aria-describedby` attribute.
|
|
53
|
-
* ...
|
|
54
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ariaDescription)
|
|
51
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ariaDescription)
|
|
55
52
|
*/
|
|
56
53
|
ariaDescription ? : string
|
|
57
54
|
/**
|
|
58
55
|
* A localizable string (May contain `'L{}'` tokens which resolve in the locale file) to inject as
|
|
59
56
|
* the `aria-label` attribute.
|
|
60
|
-
* ...
|
|
61
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ariaLabel)
|
|
57
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ariaLabel)
|
|
62
58
|
*/
|
|
63
59
|
ariaLabel ? : string
|
|
64
60
|
/**
|
|
@@ -77,21 +73,18 @@ defineProps<{
|
|
|
77
73
|
/**
|
|
78
74
|
* An object where property names with a truthy value indicate which events should bubble up the ownership
|
|
79
75
|
* hierarchy when triggered.
|
|
80
|
-
* ...
|
|
81
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-bubbleEvents)
|
|
76
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-bubbleEvents)
|
|
82
77
|
*/
|
|
83
78
|
bubbleEvents ? : object
|
|
84
79
|
/**
|
|
85
80
|
* Set to `false` to not call onXXX method names (e.g. `onShow`, `onClick`), as an easy way to listen for events.
|
|
86
|
-
* ...
|
|
87
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-callOnFunctions)
|
|
81
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-callOnFunctions)
|
|
88
82
|
*/
|
|
89
83
|
callOnFunctions ? : Boolean
|
|
90
84
|
/**
|
|
91
85
|
* By default, if an event handler throws an exception, the error propagates up the stack and the
|
|
92
86
|
* application state is undefined. Code which follows the event handler will *not* be executed.
|
|
93
|
-
* ...
|
|
94
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-catchEventHandlerExceptions)
|
|
87
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-catchEventHandlerExceptions)
|
|
95
88
|
*/
|
|
96
89
|
catchEventHandlerExceptions ? : Boolean
|
|
97
90
|
/**
|
|
@@ -114,15 +107,13 @@ defineProps<{
|
|
|
114
107
|
* Custom CSS classes to add to element.
|
|
115
108
|
* May be specified as a space separated string, or as an object in which property names
|
|
116
109
|
* with truthy values are used as the class names:
|
|
117
|
-
* ...
|
|
118
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-cls)
|
|
110
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-cls)
|
|
119
111
|
*/
|
|
120
112
|
cls ? : string|object
|
|
121
113
|
/**
|
|
122
114
|
* Applies the specified color to the widget, by setting the `--b-primary` CSS variable in the widgets
|
|
123
115
|
* `style` block.
|
|
124
|
-
* ...
|
|
125
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-color)
|
|
116
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-color)
|
|
126
117
|
*/
|
|
127
118
|
color ? : Color
|
|
128
119
|
/**
|
|
@@ -139,15 +130,13 @@ defineProps<{
|
|
|
139
130
|
* The configuration for additional items associated to this field. This is typically used to add contextual
|
|
140
131
|
* fields related to a [checkbox](https://bryntum.com/products/grid/docs/api/Core/widget/Checkbox) or [radio button](#Core/widget/Radio). See
|
|
141
132
|
* these classes for examples of nested fields.
|
|
142
|
-
* ...
|
|
143
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-container)
|
|
133
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-container)
|
|
144
134
|
*/
|
|
145
|
-
container ? : Record<string, GridContainerItemConfig>|GridContainerItemConfig[]|FieldContainerConfig
|
|
135
|
+
container ? : Record<string, GridContainerItemConfig>|GridContainerItemConfig[]|FieldContainerConfig
|
|
146
136
|
/**
|
|
147
137
|
* The config controls how the value of nested items are handled when a parent container gets or sets its
|
|
148
138
|
* [values](https://bryntum.com/products/grid/docs/api/Core/widget/Container#property-values).
|
|
149
|
-
* ...
|
|
150
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-containValues)
|
|
139
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-containValues)
|
|
151
140
|
* @param {Core.widget.Field} field Field instance
|
|
152
141
|
* @returns {boolean}
|
|
153
142
|
*/
|
|
@@ -156,8 +145,7 @@ defineProps<{
|
|
|
156
145
|
* Custom CSS classes to add to the [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).
|
|
157
146
|
* May be specified as a space separated string, or as an object in which property names
|
|
158
147
|
* with truthy values are used as the class names:
|
|
159
|
-
* ...
|
|
160
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-contentElementCls)
|
|
148
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-contentElementCls)
|
|
161
149
|
*/
|
|
162
150
|
contentElementCls ? : string|object
|
|
163
151
|
/**
|
|
@@ -175,16 +163,15 @@ defineProps<{
|
|
|
175
163
|
*/
|
|
176
164
|
defaultBindProperty ? : string
|
|
177
165
|
/**
|
|
178
|
-
* Check for CSS compatibility issues
|
|
179
|
-
*
|
|
180
|
-
* [
|
|
166
|
+
* Check for CSS compatibility and inclusion related issues and try to auto fix them. Performs the following
|
|
167
|
+
* checks:
|
|
168
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-detectCSSCompatibilityIssues)
|
|
181
169
|
*/
|
|
182
170
|
detectCSSCompatibilityIssues ? : Boolean
|
|
183
171
|
/**
|
|
184
172
|
* Disable or enable the widget. It is similar to [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-readOnly) except a disabled widget
|
|
185
173
|
* cannot be focused, uses a different rendition (usually greyish) and does not allow selecting its value.
|
|
186
|
-
* ...
|
|
187
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-disabled)
|
|
174
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-disabled)
|
|
188
175
|
*/
|
|
189
176
|
disabled ? : Boolean|'inert'
|
|
190
177
|
/**
|
|
@@ -192,33 +179,28 @@ defineProps<{
|
|
|
192
179
|
* [strips collection](https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-strips). Typical values for this config are `'top'`,
|
|
193
180
|
* `'bottom'`, `'left'`, or `'right'`, which cause the widget to be placed on that side of the panel's
|
|
194
181
|
* body. Such widgets are called "edge strips".
|
|
195
|
-
* ...
|
|
196
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-dock)
|
|
182
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-dock)
|
|
197
183
|
*/
|
|
198
184
|
dock ? : 'top'|'bottom'|'left'|'right'|'start'|'end'|'header'|'pre-header'|object
|
|
199
185
|
/**
|
|
200
186
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
201
187
|
* Set to `true` to be able to drag a widget freely on the page. Or set to an object with a ´handleSelector´
|
|
202
188
|
* property which controls when a drag should start.
|
|
203
|
-
* ...
|
|
204
|
-
*
|
|
189
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-draggable)
|
|
190
|
+
* @property {string} handleSelector CSS selector used to determine if drag can be started from a mouse-downed element inside the widget
|
|
205
191
|
*/
|
|
206
|
-
draggable ? : Boolean|
|
|
207
|
-
handleSelector?: string
|
|
208
|
-
}
|
|
192
|
+
draggable ? : Boolean|object
|
|
209
193
|
/**
|
|
210
194
|
* Set to `false` to prevent user from editing the field. For TextFields it is basically the same as setting
|
|
211
195
|
* [readOnly](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-readOnly), but for PickerFields there is a distinction where it allows you to pick a value
|
|
212
196
|
* but not to type one in the field.
|
|
213
|
-
* ...
|
|
214
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-editable)
|
|
197
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-editable)
|
|
215
198
|
*/
|
|
216
199
|
editable ? : Boolean
|
|
217
200
|
/**
|
|
218
201
|
* An object specifying attributes to assign to the root element of this widget.
|
|
219
202
|
* Set `null` value to attribute to remove it.
|
|
220
|
-
* ...
|
|
221
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-elementAttributes)
|
|
203
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-elementAttributes)
|
|
222
204
|
*/
|
|
223
205
|
elementAttributes ? : Record<string, string|null>
|
|
224
206
|
extraData ? : any
|
|
@@ -247,8 +229,7 @@ defineProps<{
|
|
|
247
229
|
hidden ? : Boolean
|
|
248
230
|
/**
|
|
249
231
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
250
|
-
* ...
|
|
251
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hideAnimation)
|
|
232
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hideAnimation)
|
|
252
233
|
*/
|
|
253
234
|
hideAnimation ? : Boolean|object
|
|
254
235
|
/**
|
|
@@ -258,8 +239,7 @@ defineProps<{
|
|
|
258
239
|
/**
|
|
259
240
|
* An optional string to display inside the input field as an overlay. This can be useful for displaying
|
|
260
241
|
* a field's units.
|
|
261
|
-
* ...
|
|
262
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hint)
|
|
242
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hint)
|
|
263
243
|
* @param {object} data A data object
|
|
264
244
|
* @param {Core.widget.Field} data.source A reference to the field instance
|
|
265
245
|
* @param {any} data.value The current value of the field
|
|
@@ -270,8 +250,7 @@ defineProps<{
|
|
|
270
250
|
* This config is similar to [hint](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-hint) except that this config is used to display HTML content.
|
|
271
251
|
* Since this can allow malicious content to be executed, be sure not to include user-entered data or to
|
|
272
252
|
* encode such data (see [encodeHtml](https://bryntum.com/products/grid/docs/api/Core/helper/StringHelper#function-encodeHtml-static)).
|
|
273
|
-
* ...
|
|
274
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hintHtml)
|
|
253
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-hintHtml)
|
|
275
254
|
* @param {object} data A data object
|
|
276
255
|
* @param {Core.widget.Field} data.source A reference to the field instance
|
|
277
256
|
* @param {any} data.value The current value of the field
|
|
@@ -284,16 +263,14 @@ defineProps<{
|
|
|
284
263
|
id ? : string
|
|
285
264
|
/**
|
|
286
265
|
* Determines if the widgets read-only state should be controlled by its parent.
|
|
287
|
-
* ...
|
|
288
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ignoreParentReadOnly)
|
|
266
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ignoreParentReadOnly)
|
|
289
267
|
*/
|
|
290
268
|
ignoreParentReadOnly ? : Boolean
|
|
291
269
|
/**
|
|
292
270
|
* Set this config to `true` to always display items horizontally along with this field. This assigns an
|
|
293
271
|
* [hbox](https://bryntum.com/products/grid/docs/api/Core/widget/layout/Box) as the [layout](#Core/widget/Container#config-layout) to the
|
|
294
272
|
* [container](https://bryntum.com/products/grid/docs/api/Core/widget/Field#config-container).
|
|
295
|
-
* ...
|
|
296
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-inline)
|
|
273
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-inline)
|
|
297
274
|
*/
|
|
298
275
|
inline ? : Boolean
|
|
299
276
|
/**
|
|
@@ -333,16 +310,14 @@ defineProps<{
|
|
|
333
310
|
* An object whose keys are the [key](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key) name
|
|
334
311
|
* and optional modifier prefixes: `'Ctrl+'`, `'Alt+'`, `'Meta+'`, and `'Shift+'` (case-insensitive). The values
|
|
335
312
|
* are the name of the instance method to call when the keystroke is received.
|
|
336
|
-
* ...
|
|
337
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-keyMap)
|
|
313
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-keyMap)
|
|
338
314
|
*/
|
|
339
315
|
keyMap ? : Record<string, KeyMapConfig>
|
|
340
316
|
/**
|
|
341
317
|
* The delay in milliseconds to wait after the last keystroke before triggering a change event.
|
|
342
318
|
* Set to 0 to not trigger change events from keystrokes (listen for input event instead to have
|
|
343
319
|
* immediate feedback, change will still be triggered on blur).
|
|
344
|
-
* ...
|
|
345
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-keyStrokeChangeDelay)
|
|
320
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-keyStrokeChangeDelay)
|
|
346
321
|
*/
|
|
347
322
|
keyStrokeChangeDelay ? : number
|
|
348
323
|
/**
|
|
@@ -355,15 +330,15 @@ defineProps<{
|
|
|
355
330
|
labelCls ? : string|object
|
|
356
331
|
/**
|
|
357
332
|
* Label position, either 'before' the field or 'above' the field
|
|
358
|
-
* ...
|
|
359
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-labelPosition)
|
|
333
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-labelPosition)
|
|
360
334
|
*/
|
|
361
335
|
labelPosition ? : 'before'|'above'|null
|
|
362
336
|
/**
|
|
363
337
|
* The labels to add either before or after the input field.
|
|
364
338
|
* Each label may have the following properties:
|
|
365
|
-
* ...
|
|
366
|
-
*
|
|
339
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-labels)
|
|
340
|
+
* @property {string} html Label text
|
|
341
|
+
* @property {'start','end'} align Which end of the file the label should go
|
|
367
342
|
*/
|
|
368
343
|
labels ? : object[]
|
|
369
344
|
/**
|
|
@@ -372,16 +347,14 @@ defineProps<{
|
|
|
372
347
|
labelWidth ? : string|number
|
|
373
348
|
/**
|
|
374
349
|
* The listener set for this object.
|
|
375
|
-
* ...
|
|
376
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-listeners)
|
|
350
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-listeners)
|
|
377
351
|
*/
|
|
378
352
|
listeners ? : AIFilterFieldListeners
|
|
379
353
|
/**
|
|
380
354
|
* A class translations of which are used for translating this entity.
|
|
381
355
|
* This is often used when translations of an item are defined on its container class.
|
|
382
356
|
* For example:
|
|
383
|
-
* ...
|
|
384
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-localeClass)
|
|
357
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-localeClass)
|
|
385
358
|
*/
|
|
386
359
|
localeClass ? : typeof Base
|
|
387
360
|
/**
|
|
@@ -393,8 +366,7 @@ defineProps<{
|
|
|
393
366
|
* In case there is a need to localize not typical value (not a String value or a field with re-defined setter/getter),
|
|
394
367
|
* you could use 'localeKey' meta configuration.
|
|
395
368
|
* Example:
|
|
396
|
-
* ...
|
|
397
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-localizableProperties)
|
|
369
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-localizableProperties)
|
|
398
370
|
*/
|
|
399
371
|
localizableProperties ? : string[]
|
|
400
372
|
/**
|
|
@@ -420,8 +392,7 @@ defineProps<{
|
|
|
420
392
|
maxHeight ? : string|number
|
|
421
393
|
/**
|
|
422
394
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
423
|
-
* ...
|
|
424
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-maximizeOnMobile)
|
|
395
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-maximizeOnMobile)
|
|
425
396
|
*/
|
|
426
397
|
maximizeOnMobile ? : number|string
|
|
427
398
|
/**
|
|
@@ -451,18 +422,15 @@ defineProps<{
|
|
|
451
422
|
* When this is configured as `true` a [ResizeObserver](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver)
|
|
452
423
|
* is used to monitor this element for size changes caused by either style manipulation, or by CSS
|
|
453
424
|
* layout.
|
|
454
|
-
* ...
|
|
455
|
-
*
|
|
425
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-monitorResize)
|
|
426
|
+
* @property {boolean} immediate Set to `true` to receive resize notifications immediately.
|
|
456
427
|
*/
|
|
457
|
-
monitorResize ? : Boolean|
|
|
458
|
-
immediate?: Boolean
|
|
459
|
-
}
|
|
428
|
+
monitorResize ? : Boolean|object
|
|
460
429
|
/**
|
|
461
430
|
* Name of the field which is used as a key to get/set values from/to the field.
|
|
462
431
|
* Used prior to [ref](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-ref) and [id](#Core/widget/Widget#config-id) in
|
|
463
432
|
* [Container.values](https://bryntum.com/products/grid/docs/api/Core/widget/Container#property-values).
|
|
464
|
-
* ...
|
|
465
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-name)
|
|
433
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-name)
|
|
466
434
|
*/
|
|
467
435
|
name ? : string
|
|
468
436
|
/**
|
|
@@ -473,8 +441,7 @@ defineProps<{
|
|
|
473
441
|
* Set to `true` when a widget is rendered into another widget's [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement), but must
|
|
474
442
|
* not participate in the standard layout of that widget, and must be positioned relatively to that
|
|
475
443
|
* widget's [contentElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-contentElement).
|
|
476
|
-
* ...
|
|
477
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-positioned)
|
|
444
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-positioned)
|
|
478
445
|
*/
|
|
479
446
|
positioned ? : Boolean
|
|
480
447
|
/**
|
|
@@ -489,15 +456,13 @@ defineProps<{
|
|
|
489
456
|
/**
|
|
490
457
|
* Makes the field unmodifiable by user action. The input area is not editable, and triggers
|
|
491
458
|
* are unresponsive.
|
|
492
|
-
* ...
|
|
493
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-readOnly)
|
|
459
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-readOnly)
|
|
494
460
|
*/
|
|
495
461
|
readOnly ? : Boolean
|
|
496
462
|
relayStoreEvents ? : Boolean
|
|
497
463
|
/**
|
|
498
464
|
* Predefined style to use for the field. Possible values are:
|
|
499
|
-
* ...
|
|
500
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-rendition)
|
|
465
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-rendition)
|
|
501
466
|
*/
|
|
502
467
|
rendition ? : 'outlined'|'filled'|string
|
|
503
468
|
/**
|
|
@@ -516,23 +481,26 @@ defineProps<{
|
|
|
516
481
|
* Configure as `true` to have the component display a translucent ripple when its
|
|
517
482
|
* [focusElement](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#property-focusElement), or [element](#Core/widget/Widget#property-element) is tapped <em>if the
|
|
518
483
|
* current theme supports ripples</em>. Out of the box, only the Material theme supports ripples.
|
|
519
|
-
* ...
|
|
520
|
-
* [
|
|
484
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ripple)
|
|
485
|
+
* @property {string} [delegate] A CSS selector to filter which child elements trigger ripples. By default, the ripple is clipped to the triggering element.
|
|
486
|
+
* @property {string} [color] A CSS color name or specification.
|
|
487
|
+
* @property {number} [radius] The ending radius of the ripple. Note that it will be clipped by the target element by default.
|
|
488
|
+
* @property {string} [clip] A string which describes how to clip the ripple if it is not to be clipped to the default element. Either the property of the widget to use as the clipping element, or a selector to allow clipping to the closest matching ancestor to the target element.
|
|
521
489
|
*/
|
|
522
|
-
ripple ? : Boolean|
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
490
|
+
ripple ? : Boolean|object
|
|
491
|
+
/**
|
|
492
|
+
* The ARIA role to apply to this widget's element. By default, this is set to `'presentation'` to avoid
|
|
493
|
+
* accidentally applying a role which may interfere with screen readers.
|
|
494
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-role)
|
|
495
|
+
*/
|
|
496
|
+
role ? : string
|
|
528
497
|
/**
|
|
529
498
|
* If you are rendering this widget to a shadow root inside a web component, set this config to the shadowRoot. If not inside a web component, set it to `document.body`
|
|
530
499
|
*/
|
|
531
500
|
rootElement ? : ShadowRoot|HTMLElement
|
|
532
501
|
/**
|
|
533
502
|
* This may be configured as `true` to make the widget's element use the `direction:rtl` style.
|
|
534
|
-
* ...
|
|
535
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-rtl)
|
|
503
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-rtl)
|
|
536
504
|
*/
|
|
537
505
|
rtl ? : Boolean
|
|
538
506
|
/**
|
|
@@ -542,8 +510,7 @@ defineProps<{
|
|
|
542
510
|
scrollAction ? : 'hide'|'realign'|null
|
|
543
511
|
/**
|
|
544
512
|
* *Only valid if this Widget is [floating](https://bryntum.com/products/grid/docs/api/Core/widget/Widget#config-floating).*
|
|
545
|
-
* ...
|
|
546
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-showAnimation)
|
|
513
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-showAnimation)
|
|
547
514
|
*/
|
|
548
515
|
showAnimation ? : Boolean|object
|
|
549
516
|
/**
|
|
@@ -572,8 +539,7 @@ defineProps<{
|
|
|
572
539
|
* A configuration for the [tab](https://bryntum.com/products/grid/docs/api/Core/widget/Tab) created for this widget when it is placed in a
|
|
573
540
|
* [TabPanel](https://bryntum.com/products/grid/docs/api/Core/widget/TabPanel). For example, this config can be used to control the icon of the `tab` for
|
|
574
541
|
* this widget:
|
|
575
|
-
* ...
|
|
576
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tab)
|
|
542
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tab)
|
|
577
543
|
*/
|
|
578
544
|
tab ? : Boolean|TabConfig
|
|
579
545
|
/**
|
|
@@ -581,14 +547,12 @@ defineProps<{
|
|
|
581
547
|
* is equivalent to natural tab order, but is unnecessary for fields since they are naturally tabbable
|
|
582
548
|
* (i.e., accessible via the TAB key). Setting to `-1` disables tabbability but allows for focus to be set
|
|
583
549
|
* to the element programmatically.
|
|
584
|
-
* ...
|
|
585
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tabIndex)
|
|
550
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tabIndex)
|
|
586
551
|
*/
|
|
587
552
|
tabIndex ? : number
|
|
588
553
|
/**
|
|
589
554
|
* Text alignment: 'left', 'center' or 'right'. Also accepts direction neutral 'start' and 'end'.
|
|
590
|
-
* ...
|
|
591
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-textAlign)
|
|
555
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-textAlign)
|
|
592
556
|
*/
|
|
593
557
|
textAlign ? : 'left'|'center'|'right'|'start'|'end'
|
|
594
558
|
/**
|
|
@@ -597,24 +561,21 @@ defineProps<{
|
|
|
597
561
|
title ? : string
|
|
598
562
|
/**
|
|
599
563
|
* Tooltip for the widget, either as a string or as a Tooltip config object.
|
|
600
|
-
* ...
|
|
601
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tooltip)
|
|
564
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-tooltip)
|
|
602
565
|
*/
|
|
603
566
|
tooltip ? : string|TooltipConfig|null
|
|
604
567
|
/**
|
|
605
568
|
* The triggers to add either before or after the input field. Each property name is the reference by which
|
|
606
569
|
* an instantiated Trigger Widget may be retrieved from the live `triggers` property.
|
|
607
|
-
* ...
|
|
608
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-triggers)
|
|
570
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-triggers)
|
|
609
571
|
*/
|
|
610
|
-
triggers ? : Record<string, FieldTriggerConfig
|
|
572
|
+
triggers ? : Record<string, FieldTriggerConfig>
|
|
611
573
|
type ? : 'aifilterfield'
|
|
612
574
|
/**
|
|
613
575
|
* Custom CSS class name suffixes to apply to the elements rendered by this widget. This may be specified
|
|
614
576
|
* as a space separated string, an array of strings, or as an object in which property names with truthy
|
|
615
577
|
* values are used as the class names.
|
|
616
|
-
* ...
|
|
617
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ui)
|
|
578
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-ui)
|
|
618
579
|
*/
|
|
619
580
|
ui ? : string|object
|
|
620
581
|
/**
|
|
@@ -639,14 +600,12 @@ defineProps<{
|
|
|
639
600
|
width ? : string|number
|
|
640
601
|
/**
|
|
641
602
|
* The x position for the widget.
|
|
642
|
-
* ...
|
|
643
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-x)
|
|
603
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-x)
|
|
644
604
|
*/
|
|
645
605
|
x ? : number
|
|
646
606
|
/**
|
|
647
607
|
* The y position for the widget.
|
|
648
|
-
* ...
|
|
649
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-y)
|
|
608
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#config-y)
|
|
650
609
|
*/
|
|
651
610
|
y ? : number
|
|
652
611
|
|
|
@@ -703,8 +662,7 @@ const emit = defineEmits<{
|
|
|
703
662
|
(e: 'beforeShow', params: ((event: { source: Widget|any }) => Promise<boolean>|boolean|void)|string): Promise<boolean>|boolean|void
|
|
704
663
|
/**
|
|
705
664
|
* Fires when any other event is fired from the object.
|
|
706
|
-
* ...
|
|
707
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-catchAll)
|
|
665
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-catchAll)
|
|
708
666
|
* @param {string} e Event name
|
|
709
667
|
* @param {object} params Event parameters
|
|
710
668
|
* @param {string} params.e Event name
|
|
@@ -732,8 +690,7 @@ const emit = defineEmits<{
|
|
|
732
690
|
(e: 'change', params: ((event: { source: Field|any, value: string|number|boolean|any, oldValue: string|number|boolean|any, valid: boolean, event: Event, userAction: boolean, checked: boolean }) => void)|string): void
|
|
733
691
|
/**
|
|
734
692
|
* Fired when this field is [cleared](https://bryntum.com/products/grid/docs/api/Core/widget/Field#function-clear).
|
|
735
|
-
* ...
|
|
736
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-clear)
|
|
693
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-clear)
|
|
737
694
|
* @param {string} e Event name
|
|
738
695
|
* @param {object} params Event parameters
|
|
739
696
|
* @param {string} params.e Event name
|
|
@@ -819,8 +776,7 @@ const emit = defineEmits<{
|
|
|
819
776
|
/**
|
|
820
777
|
* Triggered when a widget which had been in a non-visible state for any reason
|
|
821
778
|
* achieves visibility.
|
|
822
|
-
* ...
|
|
823
|
-
* [View online docs...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-paint)
|
|
779
|
+
* [More...](https://bryntum.com/products/grid/docs/api/Grid/widget/AIFilterField#event-paint)
|
|
824
780
|
* @param {string} e Event name
|
|
825
781
|
* @param {object} params Event parameters
|
|
826
782
|
* @param {string} params.e Event name
|
|
@@ -943,6 +899,7 @@ const widgetData = {
|
|
|
943
899
|
'relayStoreEvents',
|
|
944
900
|
'revertOnEscape',
|
|
945
901
|
'ripple',
|
|
902
|
+
'role',
|
|
946
903
|
'rootElement',
|
|
947
904
|
'scrollAction',
|
|
948
905
|
'showAnimation',
|
|
@@ -1018,9 +975,7 @@ const widgetData = {
|
|
|
1018
975
|
'y'
|
|
1019
976
|
],
|
|
1020
977
|
propertyNames : [
|
|
1021
|
-
'anchorSize',
|
|
1022
978
|
'content',
|
|
1023
|
-
'focusVisible',
|
|
1024
979
|
'formula',
|
|
1025
980
|
'html',
|
|
1026
981
|
'input',
|