Skip to content

Commit 4dd319e

Browse files
webdevnerdstuffwebdevnerdstuff
committed
Updating props
1 parent 2b17772 commit 4dd319e

File tree

1 file changed

+64
-64
lines changed

1 file changed

+64
-64
lines changed

‎src/stores/props.ts

Lines changed: 64 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -52,43 +52,43 @@ const sharedProps = [
5252
{
5353
default: 'default',
5454
desc: `${colorDesc} cancel button`,
55-
name: 'cancelButtonColor',
55+
name: 'cancel-button-color',
5656
type: "VBtn['$props']['color']",
5757
},
5858
{
5959
default: 'x-small',
6060
desc: 'Sets the height and width of the cancel button',
61-
name: 'cancelButtonSize',
61+
name: 'cancel-button-size',
6262
type: "VBtn['$props']['size']",
6363
},
6464
{
6565
default: 'Cancel',
6666
desc: 'The title of the cancel button',
67-
name: 'cancelButtonTitle',
67+
name: 'cancel-button-title',
6868
type: 'string | undefined',
6969
},
7070
{
7171
default: 'tonal',
7272
desc: `${variantDesc} cancel button`,
73-
name: 'cancelButtonVariant',
73+
name: 'cancel-button-variant',
7474
type: "VBtn['$props']['variant']",
7575
},
7676
{
77-
default: 'mdi:mdi-close',
77+
default: undefined,
7878
desc: 'The icon to use to cancel',
79-
name: 'cancelIcon',
80-
type: 'string',
79+
name: 'cancel-icon',
80+
type: 'string | undefined',
8181
},
8282
{
8383
default: 'default',
8484
desc: `${colorDesc} cancel icon`,
85-
name: 'cancelIconColor',
85+
name: 'cancel-icon-color',
8686
type: 'string',
8787
},
8888
{
8989
default: false,
9090
desc: 'If <code>true</code>, the field will close when the user opens another inline form element',
91-
name: 'closeSiblings',
91+
name: 'close-siblings',
9292
type: 'boolean',
9393
},
9494
{
@@ -112,19 +112,19 @@ const sharedProps = [
112112
{
113113
default: 'empty',
114114
desc: 'Text to display when the field is empty',
115-
name: 'emptyText',
115+
name: 'empty-text',
116116
type: 'string',
117117
},
118118
{
119119
default: false,
120120
desc: 'If set to <code>true</code> will only show the field',
121-
name: 'fieldOnly',
121+
name: 'field-only',
122122
type: 'boolean',
123123
},
124124
{
125125
default: true,
126126
desc: 'Hides hint and validation errors. When set to auto messages will be rendered only if there\'s a message (hint, error message, counter value etc) to display',
127-
name: 'hideDetails',
127+
name: 'hide-details',
128128
type: 'boolean'
129129
},
130130
{
@@ -134,45 +134,45 @@ const sharedProps = [
134134
type: 'Record<string, unknown>',
135135
},
136136
{
137-
default: 'undefined',
137+
default: undefined,
138138
desc: 'Sets the text of the <code>v-label</code> or <code>v-field-label</code> component',
139139
name: 'label',
140140
type: 'string',
141141
},
142142
{
143-
default: 'PUT',
144-
desc: 'The http method to use when saving the text field',
145-
name: 'method',
146-
type: 'string',
143+
default: 'true',
144+
desc: 'Sets the text of the field cursor to <code>wait</code> and prevents the field from opening until <code>loading</code> has returned to false',
145+
name: 'loading-wait',
146+
type: 'boolean',
147147
},
148148
{
149-
default: 'undefined',
149+
default: undefined,
150150
desc: "Sets the component's name attribute",
151151
name: 'name',
152152
type: 'string',
153153
},
154154
{
155155
default: true,
156156
desc: 'Adjusts padding to help the field to be vertically centered in the table cell',
157-
name: 'tableField',
157+
name: 'table-field',
158158
type: 'boolean',
159159
},
160160
{
161161
default: 'primary',
162162
desc: `${colorDesc} display value underline`,
163-
name: 'underlineColor',
163+
name: 'underline-color',
164164
type: 'string',
165165
},
166166
{
167167
default: 'dotted',
168168
desc: 'The style of the display value underline',
169-
name: 'underlineStyle',
169+
name: 'underline-style',
170170
type: 'string',
171171
},
172172
{
173173
default: '1px',
174174
desc: 'The width of the display value underline',
175-
name: 'underlineWidth',
175+
name: 'underline-width',
176176
type: 'string',
177177
},
178178
{
@@ -184,7 +184,7 @@ const sharedProps = [
184184
{
185185
default: 'default',
186186
desc: `${colorDesc} value`,
187-
name: 'valueColor',
187+
name: 'value-color',
188188
type: 'string',
189189
},
190190
];
@@ -193,7 +193,7 @@ const autofocusProp = [
193193
{
194194
default: false,
195195
desc: 'If <code>true</code>, the field will autofocus',
196-
name: 'autofocus',
196+
name: 'auto-focus',
197197
type: 'boolean',
198198
},
199199
];
@@ -202,55 +202,55 @@ const saveAndLoadingIconProps = [
202202
{
203203
default: false,
204204
desc: 'Displays/Hides the save icon',
205-
name: 'hideSaveIcon',
205+
name: 'hide-save-icon',
206206
type: 'boolean',
207207
},
208208
{
209-
default: 'mdi:mdi-loading mdi:mdi-spin',
209+
default: undefined,
210210
desc: 'The icon to use when loading',
211-
name: 'loadingIcon',
212-
type: 'string',
211+
name: 'loading-icon',
212+
type: 'string | undefined',
213213
},
214214
{
215215
default: 'primary',
216216
desc: `${colorDesc} loading icon`,
217-
name: 'loadingIconColor',
217+
name: 'loading-icon-color',
218218
type: 'string',
219219
},
220220
{
221221
default: 'primary',
222222
desc: `${colorDesc} save button`,
223-
name: 'saveButtonColor',
223+
name: 'save-button-color',
224224
type: "VBtn['$props']['color']",
225225
},
226226
{
227227
default: 'x-small',
228228
desc: 'Sets the height and width of the save button',
229-
name: 'saveButtonSize',
229+
name: 'save-button-size',
230230
type: "VBtn['$props']['size']",
231231
},
232232
{
233233
default: 'Save',
234234
desc: 'The title of the save button',
235-
name: 'saveButtonTitle',
235+
name: 'save-button-title',
236236
type: 'string | undefined',
237237
},
238238
{
239239
default: 'text',
240240
desc: `${variantDesc} save button`,
241-
name: 'saveButtonVariant',
241+
name: 'save-button-variant',
242242
type: "VBtn['$props']['variant']",
243243
},
244244
{
245-
default: 'mdi:mdi-content-save',
245+
default: undefined,
246246
desc: 'The icon to use to save',
247-
name: 'saveIcon',
248-
type: 'string',
247+
name: 'save-icon',
248+
type: 'string | undefined',
249249
},
250250
{
251251
default: 'primary',
252252
desc: `${colorDesc} save icon`,
253-
name: 'saveIconColor',
253+
name: 'save-icon-color',
254254
type: 'string',
255255
},
256256
];
@@ -259,43 +259,43 @@ const trueFalseIconProps = [
259259
{
260260
default: false,
261261
desc: 'Sets value for falsy state',
262-
name: 'falseValue',
262+
name: 'false-value',
263263
type: 'boolean | string',
264264
},
265265
{
266-
default: 'mdi:mdi-close',
266+
default: undefined,
267267
desc: 'The <code>false</code> icon',
268-
name: 'iconFalse',
269-
type: 'string',
268+
name: 'icon-false',
269+
type: 'string | undefined',
270270
},
271271
{
272272
default: 'danger',
273273
desc: `${colorDesc} icon when <code>false</code>`,
274-
name: 'iconFalseColor',
274+
name: 'icon-false-color',
275275
type: 'string',
276276
},
277277
{
278278
default: 'No',
279279
desc: 'The title of the <code>false</code> icon',
280-
name: 'iconFalseTitle',
280+
name: 'icon-false-title',
281281
type: 'string | undefined',
282282
},
283283
{
284-
default: 'mdi:mdi-check',
284+
default: undefined,
285285
desc: 'The <code>true</code> icon',
286-
name: 'iconTrue',
287-
type: 'string',
286+
name: 'icon-true',
287+
type: 'string | undefined',
288288
},
289289
{
290290
default: 'success',
291291
desc: `${colorDesc} icon when <code>true</code>`,
292-
name: 'iconTrueColor',
292+
name: 'icon-true-color',
293293
type: 'string',
294294
},
295295
{
296296
default: 'Yes',
297297
desc: 'The title of the <code>true</code> icon',
298-
name: 'iconTrueTitle',
298+
name: 'icon-true-title',
299299
type: 'string | undefined',
300300
},
301301
{
@@ -307,7 +307,7 @@ const trueFalseIconProps = [
307307
{
308308
default: true,
309309
desc: 'Sets value for truthy state',
310-
name: 'trueValue',
310+
name: 'true-value',
311311
type: 'boolean | string',
312312
},
313313
];
@@ -316,13 +316,13 @@ const truncateProps = [
316316
{
317317
default: 0,
318318
desc: 'The number of characters to truncate the displayed value',
319-
name: 'truncateLength',
319+
name: 'truncate-length',
320320
type: 'number | undefined',
321321
},
322322
{
323323
default: '...',
324324
desc: 'The suffix to use when truncating the displayed value',
325-
name: 'truncateSuffix',
325+
name: 'truncate-suffix',
326326
type: 'string | undefined',
327327
},
328328
];
@@ -338,15 +338,15 @@ const vInlineCheckboxProps = [
338338
type: "VCheckbox['$props']['density']",
339339
},
340340
{
341-
default: 'mdi:mdi-checkbox-blank-outline',
341+
default: undefined,
342342
desc: 'The icon of the field when <code>false</code>',
343-
name: 'falseIcon',
343+
name: 'false-icon',
344344
type: "VCheckbox['$props']['falseIcon']",
345345
},
346346
{
347-
default: 'mdi:mdi-checkbox-outline',
347+
default: undefined,
348348
desc: 'The icon of the field when <code>true</code>',
349-
name: 'trueIcon',
349+
name: 'true-icon',
350350
type: "VCheckbox['$props']['trueIcon']",
351351
},
352352
{
@@ -364,9 +364,9 @@ const vInlineSelectProps = [
364364
...saveAndLoadingIconProps,
365365
...[
366366
{
367-
default: 'mdi:mdi-close-circle-outline',
367+
default: undefined,
368368
desc: 'The icon to use to clear the field',
369-
name: 'clearIcon',
369+
name: 'clear-icon',
370370
type: "VSelect['$props']['clearIcon']",
371371
},
372372
{
@@ -384,19 +384,19 @@ const vInlineSelectProps = [
384384
{
385385
default: true,
386386
desc: 'Hides the selected items',
387-
name: 'hideSelected',
387+
name: 'hide-selected',
388388
type: "VSelect['$props']['hideSelected']",
389389
},
390390
{
391391
default: 'title',
392392
desc: 'The item title',
393-
name: 'itemTitle',
393+
name: 'item-title',
394394
type: "VSelect['$props']['itemTitle']",
395395
},
396396
{
397397
default: 'value',
398398
desc: 'The item value',
399-
name: 'itemValue',
399+
name: 'item-value',
400400
type: "VSelect['$props']['itemValue']",
401401
},
402402
{
@@ -425,10 +425,10 @@ const vInlineSwitchProps = [
425425
type: "VSwitch['$props']['density']",
426426
},
427427
{
428-
default: 'mdi:mdi-checkbox-blank-outline',
428+
default: undefined,
429429
desc: 'The icon of the field when <code>false</code>',
430-
name: 'falseIcon',
431-
type: "falseIcon['$props']['falseIcon']",
430+
name: 'false-icon',
431+
type: "VSwitch['$props']['falseIcon']",
432432
},
433433
{
434434
default: true,
@@ -448,7 +448,7 @@ const vInlineTextareaProps = [
448448
{
449449
default: true,
450450
desc: 'Automatically grow the textarea depending on amount of text',
451-
name: 'autoGrow',
451+
name: 'auto-grow',
452452
type: "VTextarea['$props']['autoGrow']",
453453
},
454454
{

0 commit comments

Comments
 (0)