@farm-investimentos/front-mfe-components-vue3 0.5.1 → 0.5.2
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 +1 -1
- package/package.json +13 -11
- package/src/examples/Table.stories.js +15 -3
- package/src/scss/Sticky-table.scss +7 -4
- package/src/scss/utils.scss +4 -4
package/README.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@farm-investimentos/front-mfe-components-vue3",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"private": false,
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -35,20 +35,22 @@
|
|
|
35
35
|
"text-mask-addons": "^3.8.0",
|
|
36
36
|
"v-mask": "2.3.0",
|
|
37
37
|
"v-money3": "^3.24.0",
|
|
38
|
-
"vuetify": "3.
|
|
38
|
+
"vuetify": "3.5.7",
|
|
39
39
|
"webpack": "5.89.0"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@babel/core": "7.17.9",
|
|
43
43
|
"@babel/generator": "7.17.9",
|
|
44
44
|
"@farm-investimentos/front-mfe-libs-ts": "3.0.5",
|
|
45
|
-
"@storybook/addon-essentials": "7.6.
|
|
46
|
-
"@storybook/addon-interactions": "7.6.
|
|
47
|
-
"@storybook/addon-links": "7.6.
|
|
48
|
-
"@storybook/blocks": "7.6.
|
|
45
|
+
"@storybook/addon-essentials": "7.6.17",
|
|
46
|
+
"@storybook/addon-interactions": "7.6.17",
|
|
47
|
+
"@storybook/addon-links": "7.6.17",
|
|
48
|
+
"@storybook/blocks": "7.6.17",
|
|
49
|
+
"@storybook/manager-api": "^7.6.17",
|
|
49
50
|
"@storybook/testing-library": "^0.2.2",
|
|
50
|
-
"@storybook/
|
|
51
|
-
"@storybook/vue3
|
|
51
|
+
"@storybook/theming": "^7.6.17",
|
|
52
|
+
"@storybook/vue3": "7.6.17",
|
|
53
|
+
"@storybook/vue3-vite": "7.6.17",
|
|
52
54
|
"@tsconfig/node18": "^18.2.2",
|
|
53
55
|
"@types/jest": "^29.0.0",
|
|
54
56
|
"@types/node": "^18.17.17",
|
|
@@ -78,18 +80,18 @@
|
|
|
78
80
|
"react-dom": "^18.2.0",
|
|
79
81
|
"sass": "~1.32.0",
|
|
80
82
|
"sass-loader": "10.4.1",
|
|
81
|
-
"storybook": "^7.6.
|
|
83
|
+
"storybook": "^7.6.17",
|
|
82
84
|
"style-loader": "^3.3.3",
|
|
83
85
|
"ts-jest": "^29.0.0",
|
|
84
86
|
"typescript": "~4.1.5",
|
|
85
87
|
"vite": "^4.4.9",
|
|
86
|
-
"vue": "3.4.
|
|
88
|
+
"vue": "3.4.21",
|
|
87
89
|
"vue-loader": "^16.8.3",
|
|
88
90
|
"vue-tsc": "^1.8.11",
|
|
89
91
|
"webpack-cli": "^5.1.4"
|
|
90
92
|
},
|
|
91
93
|
"engines": {
|
|
92
|
-
"node": "
|
|
94
|
+
"node": "~20"
|
|
93
95
|
},
|
|
94
96
|
"publishConfig": {
|
|
95
97
|
"@farm-investimentos:registry": "https://registry.npmjs.org"
|
|
@@ -162,7 +162,21 @@ export const TableSampleDataWithFarmCheckbox = () => ({
|
|
|
162
162
|
components: { 'v-data-table': VDataTable },
|
|
163
163
|
data() {
|
|
164
164
|
return {
|
|
165
|
-
headers
|
|
165
|
+
headers: [
|
|
166
|
+
{
|
|
167
|
+
title: 'ID',
|
|
168
|
+
sortable: false,
|
|
169
|
+
key: 'id',
|
|
170
|
+
width: 80,
|
|
171
|
+
align: 'center',
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
title: 'Name',
|
|
175
|
+
sortable: false,
|
|
176
|
+
key: 'name',
|
|
177
|
+
align: 'end',
|
|
178
|
+
},
|
|
179
|
+
],
|
|
166
180
|
items: [
|
|
167
181
|
{ id: 1, name: 'name 1' },
|
|
168
182
|
{ id: 2, name: 'name 2' },
|
|
@@ -173,7 +187,6 @@ export const TableSampleDataWithFarmCheckbox = () => ({
|
|
|
173
187
|
},
|
|
174
188
|
methods: {
|
|
175
189
|
onSelect({ item }) {
|
|
176
|
-
console.log(item);
|
|
177
190
|
if (item.id === 2)
|
|
178
191
|
this.selectedItems = [...this.selectedItems].filter(
|
|
179
192
|
innerItem => innerItem.id !== 2
|
|
@@ -197,7 +210,6 @@ export const TableSampleDataWithFarmCheckbox = () => ({
|
|
|
197
210
|
show-select
|
|
198
211
|
id="v-data-table--default"
|
|
199
212
|
v-model="selectedItems"
|
|
200
|
-
|
|
201
213
|
:headers="headers"
|
|
202
214
|
:items="items"
|
|
203
215
|
@item-selected="onSelect"
|
|
@@ -84,10 +84,13 @@ $defaultLefts: 0, 4rem, 4rem;
|
|
|
84
84
|
thead {
|
|
85
85
|
height: 51px;
|
|
86
86
|
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
&.v-data-table--show-select {
|
|
88
|
+
th:first-child, td:first-child {
|
|
89
|
+
padding-left: 0;
|
|
90
|
+
}
|
|
91
|
+
td:first-child .farm-checkbox__container {
|
|
92
|
+
margin-left: 12px;
|
|
93
|
+
}
|
|
91
94
|
}
|
|
92
95
|
|
|
93
96
|
.v-data-table-header__icon {
|
package/src/scss/utils.scss
CHANGED
|
@@ -33,11 +33,11 @@ body.body--has-footer {
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
//temporary solution for v-data-table checkboxes
|
|
36
|
-
.v-
|
|
36
|
+
.v-selection-control.v-checkbox-btn {
|
|
37
37
|
.v-icon.v-icon {
|
|
38
38
|
font-size: 22px;
|
|
39
|
-
color: var(--farm-neutral-
|
|
40
|
-
;
|
|
39
|
+
color: var(--farm-neutral-darken);
|
|
40
|
+
opacity: 1;
|
|
41
41
|
|
|
42
42
|
&.mdi-checkbox-marked,
|
|
43
43
|
&.mdi-minus-box {
|
|
@@ -45,7 +45,7 @@ body.body--has-footer {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
.v-
|
|
48
|
+
.v-ripple__container {
|
|
49
49
|
display: none;
|
|
50
50
|
}
|
|
51
51
|
}
|