@eturnity/eturnity_reusable_components 7.24.3-EPDM-11320.2 → 7.24.3-qa-elisee-7.32.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.
Files changed (83) hide show
  1. package/.prettierrc +6 -8
  2. package/package.json +21 -9
  3. package/public/favicon.ico +0 -0
  4. package/public/index.html +17 -0
  5. package/src/App.vue +78 -79
  6. package/src/assets/svgIcons/adjust_roof.svg +6 -0
  7. package/src/assets/svgIcons/copy.svg +10 -0
  8. package/src/assets/theme.js +3 -3
  9. package/src/components/addNewButton/AddNewButton.stories.js +2 -2
  10. package/src/components/addNewButton/index.vue +51 -48
  11. package/src/components/banner/actionBanner/index.vue +55 -54
  12. package/src/components/banner/banner/banner.stories.js +5 -5
  13. package/src/components/banner/banner/index.vue +159 -159
  14. package/src/components/banner/infoBanner/index.vue +53 -41
  15. package/src/components/buttons/buttonIcon/index.vue +122 -125
  16. package/src/components/buttons/closeButton/CloseButton.stories.js +3 -3
  17. package/src/components/buttons/closeButton/index.vue +49 -49
  18. package/src/components/buttons/mainButton/index.vue +119 -119
  19. package/src/components/card/index.vue +70 -70
  20. package/src/components/collapsableInfoText/index.vue +94 -96
  21. package/src/components/deleteIcon/DeleteIcon.stories.js +4 -4
  22. package/src/components/deleteIcon/index.vue +54 -54
  23. package/src/components/draggableInputHandle/index.vue +37 -37
  24. package/src/components/dropdown/Dropdown.stories.js +10 -9
  25. package/src/components/dropdown/index.vue +106 -106
  26. package/src/components/errorMessage/index.vue +52 -52
  27. package/src/components/filter/filterSettings.vue +433 -439
  28. package/src/components/filter/index.vue +135 -135
  29. package/src/components/filter/parentDropdown.vue +73 -73
  30. package/src/components/icon/Icons.stories.js +7 -7
  31. package/src/components/icon/iconCollection.vue +53 -53
  32. package/src/components/icon/index.vue +121 -121
  33. package/src/components/iconWrapper/index.vue +156 -156
  34. package/src/components/infoCard/index.vue +26 -26
  35. package/src/components/infoText/index.vue +132 -133
  36. package/src/components/inputs/checkbox/Checkbox.stories.js +8 -8
  37. package/src/components/inputs/checkbox/index.vue +180 -190
  38. package/src/components/inputs/inputNumber/InputNumber.stories.js +41 -41
  39. package/src/components/inputs/inputNumber/index.vue +644 -647
  40. package/src/components/inputs/inputNumberQuestion/index.vue +182 -185
  41. package/src/components/inputs/inputText/InputText.stories.js +22 -22
  42. package/src/components/inputs/inputText/index.vue +336 -337
  43. package/src/components/inputs/radioButton/RadioButton.stories.js +16 -16
  44. package/src/components/inputs/radioButton/index.vue +219 -221
  45. package/src/components/inputs/searchInput/SearchInput.stories.js +8 -8
  46. package/src/components/inputs/searchInput/index.vue +126 -126
  47. package/src/components/inputs/select/index.vue +776 -778
  48. package/src/components/inputs/select/option/index.vue +124 -124
  49. package/src/components/inputs/select/select.stories.js +32 -31
  50. package/src/components/inputs/slider/index.vue +99 -99
  51. package/src/components/inputs/switchField/index.vue +222 -220
  52. package/src/components/inputs/textAreaInput/TextAreaInput.stories.js +57 -57
  53. package/src/components/inputs/textAreaInput/index.vue +173 -171
  54. package/src/components/inputs/toggle/Toggle.stories.js +14 -14
  55. package/src/components/inputs/toggle/index.vue +217 -214
  56. package/src/components/label/index.vue +82 -82
  57. package/src/components/markerItem/index.vue +66 -68
  58. package/src/components/modals/actionModal/index.vue +54 -54
  59. package/src/components/modals/infoModal/index.vue +36 -39
  60. package/src/components/modals/modal/index.vue +134 -134
  61. package/src/components/modals/modal/modal.stories.js +5 -5
  62. package/src/components/navigationTabs/index.vue +94 -96
  63. package/src/components/pageSubtitle/index.vue +49 -55
  64. package/src/components/pageTitle/index.vue +56 -56
  65. package/src/components/pagination/index.vue +89 -92
  66. package/src/components/progressBar/index.vue +107 -107
  67. package/src/components/projectMarker/index.vue +244 -246
  68. package/src/components/rangeSlider/Slider.vue +465 -491
  69. package/src/components/rangeSlider/index.vue +410 -410
  70. package/src/components/rangeSlider/utils/dom.js +5 -5
  71. package/src/components/selectedOptions/index.vue +119 -119
  72. package/src/components/sideMenu/index.vue +199 -199
  73. package/src/components/spinner/index.vue +57 -57
  74. package/src/components/tableDropdown/index.vue +520 -520
  75. package/src/components/tables/mainTable/index.vue +362 -366
  76. package/src/components/tables/viewTable/index.vue +171 -171
  77. package/src/components/threeDots/index.vue +334 -340
  78. package/src/components/videoThumbnail/index.vue +86 -86
  79. package/src/components/videoThumbnail/videoThumbnail.stories.js +16 -14
  80. package/src/helpers/numberConverter.js +2 -2
  81. package/src/helpers/translateLang.js +9 -9
  82. package/src/mixins/inputValidations.js +5 -5
  83. package/.eslintrc.js +0 -184
@@ -1,145 +1,142 @@
1
1
  <template>
2
- <PageContainer>
3
- <ButtonWrapper
4
- :custom-color="customColor"
2
+ <page-container>
3
+ <button-wrapper
4
+ :isDisabled="isDisabled"
5
+ :minWidth="minWidth"
6
+ :customColor="customColor"
5
7
  :height="height"
6
- :is-disabled="isDisabled"
7
- :min-width="minWidth"
8
8
  >
9
- <IconContainer :width="height">
10
- <Icon
11
- :color="fontColor ? fontColor : theme.colors.white"
12
- :name="iconName"
13
- size="14px"
9
+ <icon-container :width="height">
10
+ <icon
11
+ :name="iconName"
12
+ :color="fontColor ? fontColor : theme.colors.white"
13
+ size="14px"
14
14
  />
15
- </IconContainer>
16
- <ButtonContainer :font-color="fontColor" :font-size="fontSize">
17
- {{ text }}
18
- </ButtonContainer>
19
- </ButtonWrapper>
20
- </PageContainer>
15
+ </icon-container>
16
+ <button-container :fontSize="fontSize" :fontColor="fontColor">{{ text }}</button-container>
17
+ </button-wrapper>
18
+ </page-container>
21
19
  </template>
22
20
 
23
21
  <script>
24
- // import buttonIcon from "@eturnity/eturnity_reusable_components/src/components/buttons/buttonIcon"
25
- // <button-icon
26
- // :isDisabled="true"
27
- // text="Click Me"
28
- // minWidth="300px"
29
- // customColor="#000"
30
- // iconName="external_icon"
31
- // fontColor="white"
32
- // fontSize="12px"
33
- // height="24px"
34
- // />
22
+ // import buttonIcon from "@eturnity/eturnity_reusable_components/src/components/buttons/buttonIcon"
23
+ // <button-icon
24
+ // :isDisabled="true"
25
+ // text="Click Me"
26
+ // minWidth="300px"
27
+ // customColor="#000"
28
+ // iconName="external_icon"
29
+ // fontColor="white"
30
+ // fontSize="12px"
31
+ // height="24px"
32
+ // />
35
33
 
36
- import Icon from '../../icon'
37
- import styled from 'vue3-styled-components'
38
- import Theme from '@/assets/theme'
34
+ import Icon from "../../icon"
35
+ import styled from "vue3-styled-components"
36
+ import Theme from "@/assets/theme";
39
37
 
40
- const PageContainer = styled.div``
38
+ const PageContainer = styled.div``
41
39
 
42
- const ButtonAttrs = {
43
- isDisabled: Boolean,
44
- minWidth: String,
45
- customColor: String,
46
- height: String,
47
- }
48
- const ButtonWrapper = styled('div', ButtonAttrs)`
49
- display: grid;
50
- grid-template-columns: auto 1fr;
51
- background-color: ${(props) =>
52
- props.isDisabled
53
- ? props.theme.colors.disabled
54
- : props.customColor
55
- ? props.customColor
56
- : props.theme.colors.yellow};
57
- cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
58
- user-select: none;
59
- border-radius: 4px;
60
- overflow: hidden;
61
- min-width: ${(props) => (props.minWidth ? props.minWidth : 'initial')};
62
- height: ${(props) => props.height};
63
-
64
- &:hover {
65
- opacity: ${(props) => (props.isDisabled ? '1' : '0.8')};
66
- }
40
+ const ButtonAttrs = {
41
+ isDisabled: Boolean,
42
+ minWidth: String,
43
+ customColor: String,
44
+ height: String
45
+ }
46
+ const ButtonWrapper = styled("div", ButtonAttrs)`
47
+ display: grid;
48
+ grid-template-columns: auto 1fr;
49
+ background-color: ${(props) =>
50
+ props.isDisabled
51
+ ? props.theme.colors.disabled
52
+ : props.customColor
53
+ ? props.customColor
54
+ : props.theme.colors.yellow};
55
+ cursor: ${(props) => (props.isDisabled ? "not-allowed" : "pointer")};
56
+ user-select: none;
57
+ border-radius: 4px;
58
+ overflow: hidden;
59
+ min-width: ${(props) => (props.minWidth ? props.minWidth : "initial")};
60
+ height: ${(props) => props.height};
67
61
 
68
- &:active {
69
- opacity: 1;
70
- }
71
- `
72
-
73
- const ButtonContainerAttrs = {
74
- fontSize: String,
75
- fontColor: String,
62
+ &:hover {
63
+ opacity: ${(props) => (props.isDisabled ? "1" : "0.8")};
76
64
  }
77
- const ButtonContainer = styled('div', ButtonContainerAttrs)`
78
- font-size: ${(props) => props.fontSize};
79
- color: ${(props) =>
80
- props.fontColor ? props.fontColor : props.theme.colors.white};
81
- display: flex;
82
- align-items: center;
83
- justify-content: center;
84
- padding: 0 15px;
85
- `
86
65
 
87
- const IconContainerAttrs = {
88
- width: String,
66
+ &:active {
67
+ opacity: 1;
89
68
  }
90
- const IconContainer = styled('div', IconContainerAttrs)`
91
- display: grid;
92
- align-items: center;
93
- justify-items: center;
94
- width: ${(props) => props.width};
95
- background: ${(props) => props.theme.colors.white + '1a'};
96
- `
69
+ `
70
+
71
+ const ButtonContainerAttrs = {
72
+ fontSize: String,
73
+ fontColor: String
74
+ }
75
+ const ButtonContainer = styled('div', ButtonContainerAttrs)`
76
+ font-size: ${(props) => props.fontSize};
77
+ color: ${(props) => props.fontColor ? props.fontColor : props.theme.colors.white};
78
+ display: flex;
79
+ align-items: center;
80
+ justify-content: center;
81
+ padding: 0 15px;
82
+ `
83
+
84
+ const IconContainerAttrs = {
85
+ width: String
86
+ }
87
+ const IconContainer = styled('div', IconContainerAttrs)`
88
+ display: grid;
89
+ align-items: center;
90
+ justify-items: center;
91
+ width: ${(props) => props.width};
92
+ background: ${(props) => props.theme.colors.white + '1a'};
93
+ `
97
94
 
98
- export default {
99
- name: 'ButtonIcon',
100
- components: {
101
- PageContainer,
102
- ButtonContainer,
103
- ButtonWrapper,
104
- IconContainer,
105
- Icon,
95
+ export default {
96
+ name: "button-icon",
97
+ components: {
98
+ PageContainer,
99
+ ButtonContainer,
100
+ ButtonWrapper,
101
+ IconContainer,
102
+ Icon
103
+ },
104
+ props: {
105
+ isDisabled: {
106
+ required: false,
107
+ default: false
106
108
  },
107
- props: {
108
- isDisabled: {
109
- required: false,
110
- default: false,
111
- },
112
- text: {
113
- required: true,
114
- },
115
- minWidth: {
116
- required: false,
117
- default: null,
118
- },
119
- customColor: {
120
- required: false,
121
- default: null,
122
- },
123
- iconName: {
124
- required: true,
125
- },
126
- fontColor: {
127
- required: false,
128
- default: null,
129
- },
130
- fontSize: {
131
- required: false,
132
- default: '13px',
133
- },
134
- height: {
135
- required: false,
136
- default: '30px',
137
- },
109
+ text: {
110
+ required: true
138
111
  },
139
- data() {
140
- return {
141
- theme: Theme,
142
- }
112
+ minWidth: {
113
+ required: false,
114
+ default: null
143
115
  },
116
+ customColor: {
117
+ required: false,
118
+ default: null
119
+ },
120
+ iconName: {
121
+ required: true
122
+ },
123
+ fontColor: {
124
+ required: false,
125
+ default: null
126
+ },
127
+ fontSize: {
128
+ required: false,
129
+ default: '13px'
130
+ },
131
+ height: {
132
+ required: false,
133
+ default: '30px'
134
+ }
135
+ },
136
+ data () {
137
+ return {
138
+ theme: Theme
139
+ }
144
140
  }
141
+ }
145
142
  </script>
@@ -1,7 +1,7 @@
1
- import CloseButton from './index.vue'
1
+ import CloseButton from "./index.vue"
2
2
 
3
3
  export default {
4
- title: 'CloseButton',
4
+ title: "CloseButton",
5
5
  component: CloseButton,
6
6
  // argTypes: {},
7
7
  }
@@ -25,5 +25,5 @@ Default.args = {}
25
25
 
26
26
  export const ColorButton = Template.bind({})
27
27
  ColorButton.args = {
28
- color: 'orange',
28
+ color: "orange",
29
29
  }
@@ -1,61 +1,61 @@
1
1
  <template>
2
- <Wrapper>
3
- <Container>
4
- <LeftLine :color="color" />
5
- <RightLine :color="color" />
6
- </Container>
7
- </Wrapper>
2
+ <wrapper>
3
+ <container>
4
+ <left-line :color="color" />
5
+ <right-line :color="color" />
6
+ </container>
7
+ </wrapper>
8
8
  </template>
9
9
 
10
10
  <script>
11
- // To use:
12
- // import CloseButton from "@eturnity/eturnity_reusable_components/src/components/buttons/closeButton"
13
- // <close-button
14
- // color="#fff"
15
- // />
16
- import styled from 'vue3-styled-components'
11
+ // To use:
12
+ // import CloseButton from "@eturnity/eturnity_reusable_components/src/components/buttons/closeButton"
13
+ // <close-button
14
+ // color="#fff"
15
+ // />
16
+ import styled from 'vue3-styled-components'
17
17
 
18
- const Container = styled.div`
19
- position: relative;
20
- width: 26px;
21
- height: 25px;
22
- `
18
+ const Container = styled.div`
19
+ position: relative;
20
+ width: 26px;
21
+ height: 25px;
22
+ `
23
23
 
24
- const Wrapper = styled.div`
25
- display: inline-block;
26
- cursor: pointer;
27
- `
24
+ const Wrapper = styled.div`
25
+ display: inline-block;
26
+ cursor: pointer;
27
+ `
28
28
 
29
- const lineAttrs = { color: String }
30
- const Line = styled('div', lineAttrs)`
31
- width: 20px;
32
- height: 2px;
33
- background-color: ${(props) =>
34
- props.color ? props.color : props.theme.colors.red};
35
- position: absolute;
36
- top: 11px; //half of the height of the parent
37
- `
29
+ const lineAttrs = { color: String }
30
+ const Line = styled('div', lineAttrs)`
31
+ width: 20px;
32
+ height: 2px;
33
+ background-color: ${(props) =>
34
+ props.color ? props.color : props.theme.colors.red};
35
+ position: absolute;
36
+ top: 11px; //half of the height of the parent
37
+ `
38
38
 
39
- const LeftLine = styled(Line)`
40
- transform: rotate(135deg);
41
- `
39
+ const LeftLine = styled(Line)`
40
+ transform: rotate(135deg);
41
+ `
42
42
 
43
- const RightLine = styled(Line)`
44
- transform: rotate(45deg);
45
- `
43
+ const RightLine = styled(Line)`
44
+ transform: rotate(45deg);
45
+ `
46
46
 
47
- export default {
48
- name: 'CloseButton',
49
- components: {
50
- Container,
51
- Wrapper,
52
- LeftLine,
53
- RightLine,
54
- },
55
- props: {
56
- color: {
57
- required: false,
58
- },
59
- },
47
+ export default {
48
+ name: 'close-button',
49
+ components: {
50
+ Container,
51
+ Wrapper,
52
+ LeftLine,
53
+ RightLine
54
+ },
55
+ props: {
56
+ color: {
57
+ required: false
58
+ }
60
59
  }
60
+ }
61
61
  </script>
@@ -1,140 +1,140 @@
1
1
  <template>
2
- <PageContainer>
3
- <ButtonContainer
2
+ <page-container>
3
+ <button-container
4
4
  :id="id"
5
- :custom-color="customColor"
6
- :data-id="dataId"
7
- :font-color="fontColor"
8
- :is-disabled="isDisabled"
9
- :min-width="minWidth"
10
- :no-wrap="noWrap"
11
5
  :type="type"
6
+ :minWidth="minWidth"
7
+ :isDisabled="isDisabled"
8
+ :customColor="customColor"
9
+ :noWrap="noWrap"
10
+ :data-id="dataId"
11
+ :fontColor="fontColor"
12
12
  >
13
- <Label :has-icon="Boolean(icon)">
14
- <Icon v-if="icon" :name="icon" size="14px" />
13
+ <Label :hasIcon="Boolean(icon)">
14
+ <icon v-if="icon" :name="icon" size="14px" />
15
15
  {{ text }}
16
16
  </Label>
17
- </ButtonContainer>
18
- </PageContainer>
17
+ </button-container>
18
+ </page-container>
19
19
  </template>
20
20
 
21
21
  <script>
22
- // To use:
23
- // import MainButton from "@eturnity/eturnity_reusable_components/src/components/buttons/mainButton"
24
- // <main-button
25
- // text="Click Me"
26
- // customColor="#ab5348"
27
- // type="secondary" // primary, secondary, cancel
28
- // icon="icon-name" // icon name from icon component
29
- // :isDisabled="true"
30
- // :minWidth="minWidth"
31
- // :data-id="test_data_id"
32
- // />
22
+ // To use:
23
+ // import MainButton from "@eturnity/eturnity_reusable_components/src/components/buttons/mainButton"
24
+ // <main-button
25
+ // text="Click Me"
26
+ // customColor="#ab5348"
27
+ // type="secondary" // primary, secondary, cancel
28
+ // icon="icon-name" // icon name from icon component
29
+ // :isDisabled="true"
30
+ // :minWidth="minWidth"
31
+ // :data-id="test_data_id"
32
+ // />
33
33
 
34
- import styled from 'vue3-styled-components'
35
- import Icon from '../../icon'
34
+ import styled from 'vue3-styled-components'
35
+ import Icon from '../../icon'
36
36
 
37
- const PageContainer = styled.div``
38
-
39
- const ButtonAttrs = {
40
- type: String,
41
- isDisabled: Boolean,
42
- minWidth: String,
43
- customColor: String,
44
- fontColor: String,
45
- noWrap: Boolean,
46
- }
47
- const ButtonContainer = styled('div', ButtonAttrs)`
48
- padding: 7px 15px;
49
- font-size: 13px;
50
- color: ${(props) =>
51
- props.fontColor ? props.fontColor : props.theme.colors.white};
52
- background-color: ${(props) =>
53
- props.isDisabled
54
- ? props.theme.colors.disabled
55
- : props.customColor
56
- ? props.customColor
57
- : props.type === 'primary'
58
- ? props.theme.colors.black
59
- : props.type === 'secondary'
60
- ? props.theme.colors.grey3
61
- : props.type === 'cancel'
62
- ? props.theme.colors.red
63
- : props.theme.colors.black};
64
- border-radius: 4px;
65
- text-align: center;
66
- cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
67
- user-select: none;
68
- ${(props) => (props.minWidth ? `min-width: ${props.minWidth};` : '')};
69
- ${(props) => (props.noWrap ? `white-space: nowrap;` : '')};
37
+ const PageContainer = styled.div``
70
38
 
71
- &:hover {
72
- opacity: ${(props) => (props.isDisabled ? '1' : '0.8')};
73
- }
39
+ const ButtonAttrs = {
40
+ type: String,
41
+ isDisabled: Boolean,
42
+ minWidth: String,
43
+ customColor: String,
44
+ fontColor: String,
45
+ noWrap: Boolean
46
+ }
47
+ const ButtonContainer = styled('div', ButtonAttrs)`
48
+ padding: 7px 15px;
49
+ font-size: 13px;
50
+ color: ${(props) =>
51
+ props.fontColor ? props.fontColor : props.theme.colors.white};
52
+ background-color: ${(props) =>
53
+ props.isDisabled
54
+ ? props.theme.colors.disabled
55
+ : props.customColor
56
+ ? props.customColor
57
+ : props.type === 'primary'
58
+ ? props.theme.colors.black
59
+ : props.type === 'secondary'
60
+ ? props.theme.colors.grey3
61
+ : props.type === 'cancel'
62
+ ? props.theme.colors.red
63
+ : props.theme.colors.black};
64
+ border-radius: 4px;
65
+ text-align: center;
66
+ cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
67
+ user-select: none;
68
+ ${(props) => (props.minWidth ? `min-width: ${props.minWidth};` : '')};
69
+ ${(props) => (props.noWrap ? `white-space: nowrap;` : '')};
74
70
 
75
- &:active {
76
- opacity: 1;
77
- }
78
- `
71
+ &:hover {
72
+ opacity: ${(props) => (props.isDisabled ? '1' : '0.8')};
73
+ }
79
74
 
80
- const LabelAttrs = {
81
- hasIcon: Boolean,
75
+ &:active {
76
+ opacity: 1;
82
77
  }
78
+ `
79
+
80
+ const LabelAttrs = {
81
+ hasIcon: Boolean
82
+ }
83
83
 
84
- const Label = styled('span', LabelAttrs)`
85
- display: flex;
86
- align-items: center;
87
- justify-content: center;
88
- gap: ${(props) => (props.hasIcon ? '5px' : '0')};
89
- `
84
+ const Label = styled('span', LabelAttrs)`
85
+ display: flex;
86
+ align-items: center;
87
+ justify-content: center;
88
+ gap: ${(props) => (props.hasIcon ? '5px' : '0')};
89
+ `
90
90
 
91
- export default {
92
- name: 'MainButton',
93
- components: {
94
- Icon,
95
- Label,
96
- PageContainer,
97
- ButtonContainer,
91
+ export default {
92
+ name: 'main-button',
93
+ components: {
94
+ Icon,
95
+ Label,
96
+ PageContainer,
97
+ ButtonContainer
98
+ },
99
+ props: {
100
+ type: {
101
+ required: false,
102
+ default: 'primary'
98
103
  },
99
- props: {
100
- type: {
101
- required: false,
102
- default: 'primary',
103
- },
104
- isDisabled: {
105
- required: false,
106
- default: false,
107
- },
108
- icon: {
109
- required: false,
110
- default: null,
111
- },
112
- text: {
113
- required: true,
114
- },
115
- customColor: {
116
- required: false,
117
- default: null,
118
- },
119
- fontColor: {
120
- required: false,
121
- },
122
- noWrap: {
123
- required: false,
124
- default: false,
125
- },
126
- minWidth: {
127
- required: false,
128
- default: null,
129
- },
130
- id: {
131
- required: false,
132
- default: null,
133
- },
134
- dataId: {
135
- type: String,
136
- default: '',
137
- },
104
+ isDisabled: {
105
+ required: false,
106
+ default: false
138
107
  },
108
+ icon: {
109
+ required: false,
110
+ default: null
111
+ },
112
+ text: {
113
+ required: true
114
+ },
115
+ customColor: {
116
+ required: false,
117
+ default: null
118
+ },
119
+ fontColor: {
120
+ required: false
121
+ },
122
+ noWrap: {
123
+ required: false,
124
+ default: false
125
+ },
126
+ minWidth: {
127
+ required: false,
128
+ default: null
129
+ },
130
+ id: {
131
+ required: false,
132
+ default: null
133
+ },
134
+ dataId: {
135
+ type: String,
136
+ default: ''
137
+ }
139
138
  }
139
+ }
140
140
  </script>