@gitlab/ui 132.1.0 → 132.2.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/dist/components/base/accordion/accordion_item.js +1 -3
- package/dist/components/base/avatar/avatar.js +76 -5
- package/dist/components/base/badge/badge.js +5 -7
- package/dist/components/base/button/button.js +1 -3
- package/dist/components/base/collapse/collapse.js +2 -6
- package/dist/components/base/datepicker/datepicker.js +4 -5
- package/dist/components/base/daterange_picker/daterange_picker.js +2 -4
- package/dist/components/base/dropdown/dropdown_item.js +3 -4
- package/dist/components/base/filtered_search/filtered_search.js +55 -7
- package/dist/components/base/filtered_search/filtered_search_token.js +6 -14
- package/dist/components/base/filtered_search/filtered_search_token_segment.js +39 -19
- package/dist/components/base/filtered_search/filtered_search_utils.js +57 -7
- package/dist/components/base/form/form_checkbox/form_checkbox.js +13 -26
- package/dist/components/base/form/form_checkbox/form_checkbox_group.js +1 -3
- package/dist/components/base/form/form_fields/form_fields_loop.js +57 -6
- package/dist/components/base/form/form_group/form_group.js +1 -3
- package/dist/components/base/form/form_input/form_input.js +95 -41
- package/dist/components/base/form/form_input_group/form_input_group.js +2 -4
- package/dist/components/base/form/form_radio/form_radio.js +5 -9
- package/dist/components/base/form/form_radio_group/form_radio_group.js +1 -3
- package/dist/components/base/form/form_select/form_select.js +76 -5
- package/dist/components/base/infinite_scroll/infinite_scroll.js +7 -14
- package/dist/components/base/link/link.js +26 -7
- package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +93 -32
- package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js +2 -6
- package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js +2 -6
- package/dist/components/base/new_dropdowns/listbox/listbox.js +5 -13
- package/dist/components/base/new_dropdowns/listbox/listbox_item.js +1 -3
- package/dist/components/base/new_dropdowns/listbox/mock_data.js +2 -6
- package/dist/components/base/new_dropdowns/listbox/utils.js +6 -11
- package/dist/components/base/path/path.js +1 -5
- package/dist/components/base/search_box_by_type/search_box_by_type.js +2 -6
- package/dist/components/base/skeleton_loader/skeleton_loader.js +3 -5
- package/dist/components/base/table/table.js +32 -21
- package/dist/components/base/table_lite/table_lite.js +1 -3
- package/dist/components/base/tabs/tab/tab.js +1 -3
- package/dist/components/base/tabs/tabs/scrollable_tabs.js +1 -5
- package/dist/components/base/token_selector/token_selector.js +2 -6
- package/dist/components/charts/area/area.js +6 -7
- package/dist/components/charts/column/column.js +11 -15
- package/dist/components/charts/discrete_scatter/discrete_scatter.js +57 -5
- package/dist/components/charts/gauge/gauge.js +13 -21
- package/dist/components/charts/heatmap/heatmap.js +66 -18
- package/dist/components/charts/legend/legend.js +59 -13
- package/dist/components/charts/line/line.js +6 -7
- package/dist/components/charts/shared/tooltip/tooltip.js +11 -18
- package/dist/components/charts/sparkline/sparkline.js +72 -19
- package/dist/components/charts/stacked_column/stacked_column.js +18 -31
- package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +37 -21
- package/dist/components/utilities/friendly_wrap/friendly_wrap.js +3 -7
- package/dist/components/utilities/intersperse/intersperse.js +6 -11
- package/dist/components/utilities/sprintf/sprintf.js +58 -7
- package/dist/components/utilities/truncate/truncate.js +2 -4
- package/dist/components/utilities/truncate_text/truncate_text.js +1 -3
- package/dist/config.js +3 -4
- package/dist/directives/hover_load/hover_load.js +1 -3
- package/dist/directives/outside/outside.js +9 -16
- package/dist/directives/resize_observer/resize_observer.js +6 -8
- package/dist/directives/safe_html/safe_html.js +1 -3
- package/dist/directives/safe_link/safe_link.js +11 -14
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +95 -95
- package/dist/tokens/build/js/tokens.js +74 -74
- package/dist/tokens/common_story_options.js +7 -8
- package/dist/utils/charts/config.js +122 -90
- package/dist/utils/constants.js +26 -1
- package/dist/utils/data_utils.js +28 -1
- package/dist/utils/form_options_utils.js +4 -6
- package/dist/utils/is_slot_empty.js +3 -5
- package/dist/utils/stories_utils.js +8 -8
- package/dist/utils/use_mock_intersection_observer.js +63 -12
- package/dist/utils/utils.js +76 -19
- package/dist/vendor/bootstrap-vue/src/components/button/button-close.js +8 -11
- package/dist/vendor/bootstrap-vue/src/components/button/button.js +12 -17
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +3 -6
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +6 -9
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +14 -19
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +8 -13
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +9 -12
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +8 -11
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +9 -14
- package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +34 -43
- package/dist/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.js +5 -9
- package/dist/vendor/bootstrap-vue/src/components/form/form-text.js +7 -10
- package/dist/vendor/bootstrap-vue/src/components/form/form-valid-feedback.js +5 -9
- package/dist/vendor/bootstrap-vue/src/components/form/form.js +7 -10
- package/dist/vendor/bootstrap-vue/src/components/form-group/form-group.js +25 -33
- package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +6 -11
- package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +6 -12
- package/dist/vendor/bootstrap-vue/src/components/form-select/form-select.js +28 -29
- package/dist/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +7 -10
- package/dist/vendor/bootstrap-vue/src/components/layout/col.js +7 -11
- package/dist/vendor/bootstrap-vue/src/components/layout/form-row.js +3 -5
- package/dist/vendor/bootstrap-vue/src/components/link/link.js +19 -31
- package/dist/vendor/bootstrap-vue/src/components/modal/helpers/modal-manager.js +3 -4
- package/dist/vendor/bootstrap-vue/src/components/modal/modal.js +59 -68
- package/dist/vendor/bootstrap-vue/src/components/popover/helpers/bv-popover-template.js +2 -4
- package/dist/vendor/bootstrap-vue/src/components/popover/popover.js +4 -5
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/default-sort-compare.js +11 -7
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-bottom-row.js +4 -6
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-busy.js +3 -6
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-caption.js +4 -7
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-colgroup.js +1 -3
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-empty.js +16 -20
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-filtering.js +14 -25
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-items.js +23 -35
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-pagination.js +6 -8
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-provider.js +8 -10
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-selectable.js +8 -15
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js +33 -41
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-stacked.js +3 -8
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-table-renderer.js +38 -50
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js +19 -31
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js +13 -23
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tfoot.js +5 -6
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-thead.js +17 -21
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-top-row.js +4 -6
- package/dist/vendor/bootstrap-vue/src/components/table/helpers/sanitize-row.js +1 -3
- package/dist/vendor/bootstrap-vue/src/components/table/tbody.js +3 -6
- package/dist/vendor/bootstrap-vue/src/components/table/td.js +9 -14
- package/dist/vendor/bootstrap-vue/src/components/table/tfoot.js +1 -2
- package/dist/vendor/bootstrap-vue/src/components/table/thead.js +1 -2
- package/dist/vendor/bootstrap-vue/src/components/table/tr.js +2 -5
- package/dist/vendor/bootstrap-vue/src/components/tabs/tab.js +19 -36
- package/dist/vendor/bootstrap-vue/src/components/tabs/tabs.js +66 -81
- package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-popper.js +2 -6
- package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js +5 -11
- package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js +8 -14
- package/dist/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +19 -22
- package/dist/vendor/bootstrap-vue/src/components/transition/bv-transition.js +7 -10
- package/dist/vendor/bootstrap-vue/src/components/transporter/transporter.js +7 -14
- package/dist/vendor/bootstrap-vue/src/directives/modal/modal.js +4 -5
- package/dist/vendor/bootstrap-vue/src/directives/visible/visible.js +5 -9
- package/dist/vendor/bootstrap-vue/src/mixins/dropdown.js +17 -29
- package/dist/vendor/bootstrap-vue/src/mixins/form-control.js +6 -7
- package/dist/vendor/bootstrap-vue/src/mixins/form-custom.js +1 -2
- package/dist/vendor/bootstrap-vue/src/mixins/form-options.js +5 -6
- package/dist/vendor/bootstrap-vue/src/mixins/form-size.js +1 -2
- package/dist/vendor/bootstrap-vue/src/mixins/form-state.js +1 -2
- package/dist/vendor/bootstrap-vue/src/mixins/form-text.js +29 -43
- package/dist/vendor/bootstrap-vue/src/mixins/id.js +1 -2
- package/dist/vendor/bootstrap-vue/src/utils/create-new-child-component.js +62 -15
- package/dist/vendor/bootstrap-vue/src/utils/dom.js +3 -9
- package/dist/vendor/bootstrap-vue/src/utils/events.js +7 -5
- package/dist/vendor/bootstrap-vue/src/utils/plugins.js +4 -5
- package/dist/vendor/bootstrap-vue/src/utils/router.js +9 -13
- package/package.json +9 -7
- package/src/scss/gitlab_ui.scss +3 -0
- package/src/scss/storybook.scss +3 -0
- package/src/scss/themes.scss +84 -0
- package/src/tokens/build/css/tokens.css +142 -142
- package/src/tokens/build/css/tokens.dark.css +138 -138
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +580 -580
- package/src/tokens/build/docs/tokens-tailwind-docs.json +495 -495
- package/src/tokens/build/figma/constants.dark.json +799 -799
- package/src/tokens/build/figma/constants.json +799 -799
- package/src/tokens/build/js/tokens.dark.js +95 -95
- package/src/tokens/build/js/tokens.js +74 -74
- package/src/tokens/build/json/tokens.dark.json +1668 -1668
- package/src/tokens/build/json/tokens.json +1647 -1647
- package/src/tokens/build/scss/_tokens.dark.scss +138 -138
- package/src/tokens/build/scss/_tokens.scss +142 -142
- package/src/tokens/build/scss/_tokens_custom_properties.scss +73 -73
- package/src/tokens/constant/color.blue.tokens.json +182 -0
- package/src/tokens/constant/color.brand.tokens.json +252 -0
- package/src/tokens/constant/color.data.tokens.json +894 -0
- package/src/tokens/constant/color.green.tokens.json +182 -0
- package/src/tokens/constant/color.neutral.tokens.json +230 -0
- package/src/tokens/constant/color.orange.tokens.json +182 -0
- package/src/tokens/constant/color.purple.tokens.json +182 -0
- package/src/tokens/constant/color.red.tokens.json +182 -0
- package/src/tokens/constant/color.theme.tokens.json +1168 -0
- package/src/tokens/deprecated/deprecated.color.tokens.json +134 -1340
- package/src/utils/constants.js +9 -0
- package/src/vendor/bootstrap-vue/src/components/button/button-close.js +4 -5
- package/src/vendor/bootstrap-vue/src/components/button/button.js +7 -8
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +2 -8
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +6 -7
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +3 -4
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +6 -12
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +2 -3
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +3 -4
- package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +19 -26
- package/src/vendor/bootstrap-vue/src/components/form/form-text.js +4 -6
- package/src/vendor/bootstrap-vue/src/components/form/form.js +4 -6
- package/src/vendor/bootstrap-vue/src/components/form-group/form-group.js +14 -20
- package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +1 -4
- package/src/vendor/bootstrap-vue/src/components/form-select/form-select.js +13 -14
- package/src/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +5 -6
- package/src/vendor/bootstrap-vue/src/components/modal/modal.js +53 -62
- package/src/vendor/bootstrap-vue/src/components/popover/popover.js +4 -10
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-busy.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-caption.js +2 -3
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-empty.js +5 -6
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-filtering.js +5 -13
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-items.js +12 -21
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-pagination.js +2 -3
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-provider.js +5 -11
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-selectable.js +4 -5
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js +14 -21
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-stacked.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-table-renderer.js +14 -20
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js +3 -9
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tfoot.js +5 -11
- package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-thead.js +4 -5
- package/src/vendor/bootstrap-vue/src/components/table/tbody.js +2 -3
- package/src/vendor/bootstrap-vue/src/components/table/td.js +5 -6
- package/src/vendor/bootstrap-vue/src/components/table/tfoot.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/thead.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/table/tr.js +1 -2
- package/src/vendor/bootstrap-vue/src/components/tabs/tab.js +10 -16
- package/src/vendor/bootstrap-vue/src/components/tabs/tabs.js +33 -39
- package/src/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +17 -25
- package/src/vendor/bootstrap-vue/src/components/transition/bv-transition.js +4 -5
- package/src/vendor/bootstrap-vue/src/components/transporter/transporter.js +4 -10
- package/src/vendor/bootstrap-vue/src/mixins/dropdown.js +9 -15
- package/src/vendor/bootstrap-vue/src/mixins/form-control.js +6 -7
- package/src/vendor/bootstrap-vue/src/mixins/form-custom.js +1 -2
- package/src/vendor/bootstrap-vue/src/mixins/form-options.js +5 -6
- package/src/vendor/bootstrap-vue/src/mixins/form-size.js +1 -2
- package/src/vendor/bootstrap-vue/src/mixins/form-state.js +1 -2
- package/src/vendor/bootstrap-vue/src/mixins/form-text.js +21 -33
- package/src/vendor/bootstrap-vue/src/mixins/id.js +1 -2
- package/dist/vendor/bootstrap-vue/src/mixins/model.js +0 -10
- package/dist/vendor/bootstrap-vue/src/utils/model.js +0 -33
- package/src/tokens/constant/color.tokens.json +0 -3422
- package/src/vendor/bootstrap-vue/src/mixins/model.js +0 -5
- package/src/vendor/bootstrap-vue/src/utils/model.js +0 -29
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
* - null for no contextual state
|
|
8
8
|
*/
|
|
9
9
|
import { extend } from '../vue'
|
|
10
|
-
import { PROP_TYPE_BOOLEAN } from '../constants/props'
|
|
11
10
|
import { isBoolean } from '../utils/inspect'
|
|
12
11
|
import { safeVueInstance } from '../utils/safe-vue-instance'
|
|
13
12
|
|
|
@@ -16,7 +15,7 @@ import { safeVueInstance } from '../utils/safe-vue-instance'
|
|
|
16
15
|
export const props = {
|
|
17
16
|
// Tri-state prop: true, false, null (or undefined)
|
|
18
17
|
state: {
|
|
19
|
-
type:
|
|
18
|
+
type: Boolean,
|
|
20
19
|
required: false,
|
|
21
20
|
default: null
|
|
22
21
|
}
|
|
@@ -5,17 +5,9 @@ import {
|
|
|
5
5
|
EVENT_NAME_INPUT,
|
|
6
6
|
EVENT_NAME_UPDATE
|
|
7
7
|
} from '../constants/events'
|
|
8
|
-
import {
|
|
9
|
-
PROP_TYPE_BOOLEAN,
|
|
10
|
-
PROP_TYPE_FUNCTION,
|
|
11
|
-
PROP_TYPE_NUMBER,
|
|
12
|
-
PROP_TYPE_NUMBER_STRING,
|
|
13
|
-
PROP_TYPE_STRING
|
|
14
|
-
} from '../constants/props'
|
|
15
8
|
import { attemptBlur, attemptFocus } from '../utils/dom'
|
|
16
9
|
import { stopEvent } from '../utils/events'
|
|
17
10
|
import { mathMax } from '../utils/math'
|
|
18
|
-
import { makeModelMixin } from '../utils/model'
|
|
19
11
|
import { toInteger, toFloat } from '../utils/number'
|
|
20
12
|
import { sortKeys } from '../utils/object'
|
|
21
13
|
import { isFunction } from '../utils/inspect'
|
|
@@ -23,77 +15,70 @@ import { toString } from '../utils/string'
|
|
|
23
15
|
|
|
24
16
|
// --- Constants ---
|
|
25
17
|
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
props: modelProps,
|
|
29
|
-
prop: MODEL_PROP_NAME,
|
|
30
|
-
event: MODEL_EVENT_NAME
|
|
31
|
-
} = makeModelMixin('value', {
|
|
32
|
-
type: PROP_TYPE_NUMBER_STRING,
|
|
33
|
-
defaultValue: '',
|
|
34
|
-
event: EVENT_NAME_UPDATE
|
|
35
|
-
})
|
|
36
|
-
|
|
37
|
-
export { MODEL_PROP_NAME, MODEL_EVENT_NAME }
|
|
18
|
+
const MODEL_PROP_NAME = 'value'
|
|
19
|
+
const MODEL_EVENT_NAME = EVENT_NAME_UPDATE
|
|
38
20
|
|
|
39
21
|
// --- Props ---
|
|
40
22
|
|
|
41
23
|
export const props = sortKeys({
|
|
42
|
-
|
|
24
|
+
[MODEL_PROP_NAME]: {
|
|
25
|
+
type: [Number, String],
|
|
26
|
+
default: ''
|
|
27
|
+
},
|
|
43
28
|
ariaInvalid: {
|
|
44
|
-
type: [
|
|
29
|
+
type: [Boolean, String],
|
|
45
30
|
required: false,
|
|
46
31
|
default: false
|
|
47
32
|
},
|
|
48
33
|
autocomplete: {
|
|
49
|
-
type:
|
|
34
|
+
type: String,
|
|
50
35
|
required: false,
|
|
51
36
|
default: undefined
|
|
52
37
|
},
|
|
53
38
|
// Debounce timeout (in ms). Not applicable with `lazy` prop
|
|
54
39
|
debounce: {
|
|
55
|
-
type: [
|
|
40
|
+
type: [Number, String],
|
|
56
41
|
required: false,
|
|
57
42
|
default: 0
|
|
58
43
|
},
|
|
59
44
|
formatter: {
|
|
60
|
-
type:
|
|
45
|
+
type: Function,
|
|
61
46
|
required: false,
|
|
62
47
|
default: undefined
|
|
63
48
|
},
|
|
64
49
|
// Only update the `v-model` on blur/change events
|
|
65
50
|
lazy: {
|
|
66
|
-
type:
|
|
51
|
+
type: Boolean,
|
|
67
52
|
required: false,
|
|
68
53
|
default: false
|
|
69
54
|
},
|
|
70
55
|
lazyFormatter: {
|
|
71
|
-
type:
|
|
56
|
+
type: Boolean,
|
|
72
57
|
required: false,
|
|
73
58
|
default: false
|
|
74
59
|
},
|
|
75
60
|
number: {
|
|
76
|
-
type:
|
|
61
|
+
type: Boolean,
|
|
77
62
|
required: false,
|
|
78
63
|
default: false
|
|
79
64
|
},
|
|
80
65
|
placeholder: {
|
|
81
|
-
type:
|
|
66
|
+
type: String,
|
|
82
67
|
required: false,
|
|
83
68
|
default: undefined
|
|
84
69
|
},
|
|
85
70
|
plaintext: {
|
|
86
|
-
type:
|
|
71
|
+
type: Boolean,
|
|
87
72
|
required: false,
|
|
88
73
|
default: false
|
|
89
74
|
},
|
|
90
75
|
readonly: {
|
|
91
|
-
type:
|
|
76
|
+
type: Boolean,
|
|
92
77
|
required: false,
|
|
93
78
|
default: false
|
|
94
79
|
},
|
|
95
80
|
trim: {
|
|
96
|
-
type:
|
|
81
|
+
type: Boolean,
|
|
97
82
|
required: false,
|
|
98
83
|
default: false
|
|
99
84
|
}
|
|
@@ -103,7 +88,10 @@ export const props = sortKeys({
|
|
|
103
88
|
|
|
104
89
|
// @vue/component
|
|
105
90
|
export const formTextMixin = extend({
|
|
106
|
-
|
|
91
|
+
model: {
|
|
92
|
+
prop: MODEL_PROP_NAME,
|
|
93
|
+
event: MODEL_EVENT_NAME
|
|
94
|
+
},
|
|
107
95
|
props,
|
|
108
96
|
data() {
|
|
109
97
|
const value = this[MODEL_PROP_NAME]
|
|
@@ -2,13 +2,12 @@
|
|
|
2
2
|
// ID's can only be generated client-side, after mount
|
|
3
3
|
// `this._uid` is not synched between server and client
|
|
4
4
|
import { COMPONENT_UID_KEY, extend } from '../vue'
|
|
5
|
-
import { PROP_TYPE_STRING } from '../constants/props'
|
|
6
5
|
|
|
7
6
|
// --- Props ---
|
|
8
7
|
|
|
9
8
|
export const props = {
|
|
10
9
|
id: {
|
|
11
|
-
type:
|
|
10
|
+
type: String,
|
|
12
11
|
required: false,
|
|
13
12
|
default: undefined
|
|
14
13
|
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { extend } from '../vue';
|
|
2
|
-
import { EVENT_NAME_INPUT } from '../constants/events';
|
|
3
|
-
import { PROP_TYPE_ANY } from '../constants/props';
|
|
4
|
-
import { makeProp } from './props';
|
|
5
|
-
|
|
6
|
-
const makeModelMixin = function (prop) {
|
|
7
|
-
let {
|
|
8
|
-
type = PROP_TYPE_ANY,
|
|
9
|
-
defaultValue = undefined,
|
|
10
|
-
validator = undefined,
|
|
11
|
-
event = EVENT_NAME_INPUT
|
|
12
|
-
} = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
13
|
-
const props = {
|
|
14
|
-
[prop]: makeProp(type, defaultValue, validator)
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
// @vue/component
|
|
18
|
-
const mixin = extend({
|
|
19
|
-
model: {
|
|
20
|
-
prop,
|
|
21
|
-
event
|
|
22
|
-
},
|
|
23
|
-
props
|
|
24
|
-
});
|
|
25
|
-
return {
|
|
26
|
-
mixin,
|
|
27
|
-
props,
|
|
28
|
-
prop,
|
|
29
|
-
event
|
|
30
|
-
};
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export { makeModelMixin };
|