Buefy 0.8.2 and breaking changes. Removal of VueCustomElement and unused mainjs. Debounce only import from lodash to reduce package size.

This commit is contained in:
Mateus Machado Luna 2019-08-09 13:44:32 -03:00
parent 6c20e80da7
commit a0969a97b7
31 changed files with 69 additions and 148 deletions

Binary file not shown.

12
package-lock.json generated
View File

@ -1951,9 +1951,9 @@
}
},
"buefy": {
"version": "0.7.10",
"resolved": "https://registry.npmjs.org/buefy/-/buefy-0.7.10.tgz",
"integrity": "sha512-jU9CTEQR1rozxagwEPB69qObBDwWl+4uCa6TjiPkqcqOb/uxq1uvyvCsVinADzjNjzOTFhUOuuSPQk8gsVEOzA==",
"version": "0.8.2",
"resolved": "https://registry.npmjs.org/buefy/-/buefy-0.8.2.tgz",
"integrity": "sha512-fS4sXYE0ge7fN5tP9k67j1fSCS/yxbTrnEhJ5MBt89gcbmVe5x8/SAXdADjx5W4SdERtjKjE9mzoIoRb+ZC29Q==",
"requires": {
"bulma": "0.7.5"
}
@ -9155,12 +9155,6 @@
"swiper": "^4.0.7"
}
},
"vue-custom-element": {
"version": "3.2.6",
"resolved": "https://registry.npmjs.org/vue-custom-element/-/vue-custom-element-3.2.6.tgz",
"integrity": "sha512-tNWsax/Rq4Sr1QHj0pi4CWaBnAYfva75rlQg2fBKGja35+6AmdcZre/ztoiBWCSlSJ7APsMakG5R0A+GWBAc4Q==",
"dev": true
},
"vue-eslint-parser": {
"version": "2.0.3",
"resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-2.0.3.tgz",

View File

@ -8,7 +8,7 @@
},
"dependencies": {
"axios": "^0.19.0",
"buefy": "^0.7.10",
"buefy": "^0.8.2",
"bulma": "^0.7.5",
"mdi": "^2.2.43",
"moment": "^2.22.2",
@ -42,7 +42,6 @@
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"terser-webpack-plugin": "^1.1.0",
"vue-custom-element": "^3.2.6",
"vue-loader": "^15.4.2",
"vue-template-compiler": "^2.5.17",
"webpack": "^4.22.0",

View File

@ -263,7 +263,7 @@ export default {
this.uploadedItems.splice(index, 1);
item.errorMessage = error.data.message;
this.$toast.open({
this.$buefy.toast.open({
message: item.errorMessage + ": " + file.name,
type: 'is-danger',
position: 'is-bottom',
@ -321,7 +321,7 @@ export default {
});
},
deleteOneItem(itemId, index) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -1051,7 +1051,7 @@ export default {
});
},
deleteAttachment(attachment) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -1149,7 +1149,7 @@ export default {
this.metadataCollapses.splice(index, 1, event);
},
onDeletePermanently() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -1315,7 +1315,7 @@ export default {
},
beforeRouteLeave ( to, from, next ) {
if (this.item.status == 'auto-draft') {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -298,7 +298,7 @@ export default {
this.isPublishingItems = false;
this.isExecutingBulkEdit = false;
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -313,7 +313,7 @@ export default {
} else if (status == 'trash') {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -264,7 +264,7 @@
formNotSaved = true;
if (formNotSaved) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -277,7 +277,7 @@
}
});
} else if (this.isEditingTerm) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -168,7 +168,7 @@
this.notApprove(activity.id);
},
openActivityDetailsModal(activity) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: ActivityDetailsModal,
props: {

View File

@ -83,7 +83,7 @@ export default {
// Checks if user is deleting a term with unsaved info.
if (this.term.id == 'new') {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -100,7 +100,7 @@ export default {
},
removeTerm() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -356,7 +356,7 @@ export default {
return Number(total_items['publish']) + Number(total_items['private']);
},
deleteOneCollection(collectionId) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -366,7 +366,7 @@ export default {
onConfirm: () => {
this.deleteCollection({ collectionId: collectionId, isPermanently: this.isOnTrash })
.then(() => {
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_collection_deleted'),
// position: 'is-bottom',
@ -378,7 +378,7 @@ export default {
this.selectedCollections.splice(i, 1);
}
}).catch(() => {
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_error_deleting_collection'),
// position: 'is-bottom',
@ -393,7 +393,7 @@ export default {
this.clearContextMenu();
},
deleteSelectedCollections() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -407,7 +407,7 @@ export default {
this.deleteCollection({ collectionId: this.collections[i].id, isPermanently: this.isOnTrash })
.then(() => {
// this.loadCollections();
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_collection_deleted'),
// position: 'is-bottom',
@ -415,7 +415,7 @@ export default {
// queue: false
// })
}).catch(() => {
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_error_deleting_collection'),
// position: 'is-bottom',

View File

@ -357,7 +357,7 @@ export default {
hasUnsavedForms = true;
}
if ((this.openedFilterId != '' && this.openedFilterId != undefined) || hasUnsavedForms ) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -1017,7 +1017,7 @@ export default {
return this.selectedItems.find(item => item == itemId) != undefined;
},
openBulkEditionModal(){
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: BulkEditionModal,
props: {
@ -1053,7 +1053,7 @@ export default {
},
makeCopiesOfOneItem(itemId) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: ItemCopyDialog,
canCancel: false,
@ -1072,7 +1072,7 @@ export default {
this.clearContextMenu();
},
untrashOneItem(itemId) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -1101,7 +1101,7 @@ export default {
});
},
deleteOneItem(itemId) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -1124,7 +1124,7 @@ export default {
this.clearContextMenu();
},
untrashSelectedItems(){
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -1153,7 +1153,7 @@ export default {
});
},
deleteSelectedItems() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -1217,7 +1217,7 @@ export default {
this.setSelectedItemChecked(item.id)
} else if (!this.$route.query.iframemode && !this.$route.query.readmode) {
if(this.isOnTrash){
this.$toast.open({
this.$buefy.toast.open({
duration: 3000,
message: this.$i18n.get('info_warning_remove_from_trash_first'),
position: 'is-bottom',

View File

@ -514,7 +514,7 @@ export default {
hasUnsavedForms = true;
}
if ((this.openedMetadatumId != '' && this.openedMetadatumId != undefined) || hasUnsavedForms ) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -606,7 +606,7 @@ export default {
});
},
removeMetadatum(removedMetadatum) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -357,7 +357,7 @@
this.selected.splice(i, 1, !this.allOnPageSelected);
},
deleteOneProcess(processId) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -367,7 +367,7 @@
onConfirm: () => {
this.deleteProcess({ processId: processId })
.then(() => {
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_taxonomy_deleted'),
// position: 'is-bottom',
@ -380,7 +380,7 @@
}
})
.catch(() => {
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_error_deleting_taxonomy'),
// position: 'is-bottom',
@ -393,7 +393,7 @@
});
},
deleteSelected() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -407,7 +407,7 @@
this.deleteTaxonomy({ processId: this.processes[i].id })
.then(() => {
// this.load();
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_taxonomy_deleted'),
// position: 'is-bottom',
@ -415,7 +415,7 @@
// queue: false
// })
}).catch(() => {
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_error_deleting_taxonomy'),
// position: 'is-bottom',
@ -441,7 +441,7 @@
},
pauseProcess(index) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -210,7 +210,7 @@ export default {
// Checks if user is deleting a term with unsaved info.
if (this.term.id == 'new') {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -227,7 +227,7 @@ export default {
},
removeTerm() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -235,7 +235,7 @@
this.selected.splice(i, 1, !this.allOnPageSelected);
},
deleteOneTaxonomy(taxonomyId) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -245,7 +245,7 @@
onConfirm: () => {
this.deleteTaxonomy({ taxonomyId: taxonomyId, isPermanently: this.isOnTrash })
.then(() => {
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_taxonomy_deleted'),
// position: 'is-bottom',
@ -258,7 +258,7 @@
}
})
.catch(() => {
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_error_deleting_taxonomy'),
// position: 'is-bottom',
@ -271,7 +271,7 @@
});
},
deleteSelected() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {
@ -285,7 +285,7 @@
this.deleteTaxonomy({ taxonomyId: this.taxonomies[i].id, isPermanently: this.isOnTrash })
.then(() => {
// this.load();
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_taxonomy_deleted'),
// position: 'is-bottom',
@ -293,7 +293,7 @@
// queue: false
// })
}).catch(() => {
// this.$toast.open({
// this.$buefy.toast.open({
// duration: 3000,
// message: this.$i18n.get('info_error_deleting_taxonomy'),
// position: 'is-bottom',

View File

@ -123,7 +123,7 @@ export default {
]),
openAvailableExportersModal(){
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: AvailableExportersModal,
hasModalCard: true,

View File

@ -406,7 +406,7 @@ export default {
let msg = successful ? 'successful' : 'unsuccessful';
this.$console.log('Fallback: Copying text command was ' + msg);
if (msg == 'sucessful') {
this.$toast.open({
this.$buefy.toast.open({
duration: 3000,
message: this.$i18n.get('info_url_copied'),
position: 'is-bottom',
@ -430,7 +430,7 @@ export default {
navigator.clipboard.writeText(text)
.then(() => {
this.$console.log('Async: Copying to clipboard was successful!');
this.$toast.open({
this.$buefy.toast.open({
duration: 3000,
message: this.$i18n.get('info_url_copied'),
position: 'is-bottom',

View File

@ -14,7 +14,7 @@ ConsolePlugin.install = function (Vue, options = { visual: false }) {
Vue.prototype.$console = {
log(something) {
if (options.visual) {
Vue.prototype.$snackbar.open({
Vue.prototype.$buefy.snackbar.open({
message: something,
type: 'is-secondary',
position: 'is-bottom-right',
@ -27,7 +27,7 @@ ConsolePlugin.install = function (Vue, options = { visual: false }) {
},
info(someInfo) {
if (options.visual) {
Vue.prototype.$snackbar.open({
Vue.prototype.$buefy.snackbar.open({
message: someInfo,
type: 'is-primary',
position: 'is-bottom-right',
@ -40,7 +40,7 @@ ConsolePlugin.install = function (Vue, options = { visual: false }) {
},
error(someError) {
if (options.visual) {
Vue.prototype.$snackbar.open({
Vue.prototype.$buefy.snackbar.open({
message: someError,
type: 'is-danger',
position: 'is-bottom-right',

View File

@ -418,7 +418,7 @@ export default {
return last > this.totalCollections ? this.totalCollections : last;
},
onOpenImportersModal() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: AvailableImportersModal,
hasModalCard: true

View File

@ -1087,7 +1087,7 @@
}
},
onOpenImportersModal() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: AvailableImportersModal,
hasModalCard: true,
@ -1098,7 +1098,7 @@
});
},
openExposersModal() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: ExposersModal,
hasModalCard: true,
@ -1109,7 +1109,7 @@
})
},
onOpenCollectionsModal() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CollectionsModal,
hasModalCard: true
@ -1445,7 +1445,7 @@
}
},
openMetatadaSortingWarningDialog({ offerCheckbox }) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -1038,7 +1038,7 @@
}
},
onOpenImportersModal() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: AvailableImportersModal,
hasModalCard: true,
@ -1049,7 +1049,7 @@
});
},
openExposersModal() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: ExposersModal,
hasModalCard: true,
@ -1384,7 +1384,7 @@
}
},
openMetatadaSortingWarningDialog({ offerCheckbox }) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CustomDialog,
props: {

View File

@ -371,7 +371,7 @@
});
},
openExposersModal() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: ExposersModal,
hasModalCard: true,

View File

@ -187,7 +187,7 @@
}
},
openCheckboxModal() {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CheckboxRadioModal,
props: {

View File

@ -166,7 +166,7 @@
error_message(){
if ( !this.isTouched ) return false;
this.$toast.open({
this.$buefy.toast.open({
duration: 3000,
message: this.$i18n.get('info_error_first_value_greater'),
position: 'is-bottom',

View File

@ -238,7 +238,7 @@
});
},
openCheckboxModal(parent) {
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CheckboxRadioModal,
props: {

View File

@ -190,7 +190,7 @@
} else {
this.metadata = [];
this.hasMetadata = false;
this.$toast.open({
this.$buefy.toast.open({
duration: 4000,
message: this.$i18n.get('info_warning_no_metadata_found'),
position: 'is-bottom',

View File

@ -197,7 +197,7 @@
},
save(){
if( this.name.trim() === ''){
this.$toast.open({
this.$buefy.toast.open({
duration: 2000,
message: this.$i18n.get('info_name_is_required'),
position: 'is-bottom',

View File

@ -112,7 +112,7 @@
},
methods: {
openCheckboxModal(){
this.$modal.open({
this.$buefy.modal.open({
parent: this,
component: CheckboxRadioModal,
props: {

View File

@ -133,7 +133,7 @@
<script>
import axios from 'axios';
import qs from 'qs';
import { debounce } from 'lodash';
import debounce from 'lodash/debounce.js';
export default {
name: "FacetsListTheme",

View File

@ -1,72 +0,0 @@
import Vue from 'vue'
import Buefy from 'buefy'
// include vue-custom-element plugin to Vue
import VueCustomElement from 'vue-custom-element';
import { eventBus } from './event-bus-web-components';
import eventBusSearch from './event-bus-search';
Vue.use(Buefy);
Vue.use(VueCustomElement);
import Text from '../classes/metadata-types/text/Text.vue';
import Textarea from '../classes/metadata-types/textarea/Textarea.vue';
import Selectbox from '../classes/metadata-types/selectbox/Selectbox.vue';
import Numeric from '../classes/metadata-types/numeric/Numeric.vue';
import Date from '../classes/metadata-types/date/Date.vue';
import Relationship from '../classes/metadata-types/relationship/Relationship.vue';
import FormRelationship from '../classes/metadata-types/relationship/FormRelationship.vue';
import FilterCustomInterval from '../classes/filter-types/custom-interval/CustomInterval.vue';
import FilterSelectbox from '../classes/filter-types/selectbox/Selectbox.vue';
import FilterAutocomplete from '../classes/filter-types/autocomplete/Autocomplete.vue';
import FilterCheckbox from '../classes/filter-types/checkbox/Checkbox.vue';
import FilterTaginput from '../classes/filter-types/taginput/Taginput.vue';
Vue.use(eventBusSearch);
Vue.customElement('tainacan-text', Text);
//eventBus.registerComponent( 'tainacan-text' );
Vue.customElement('tainacan-textarea', Textarea);
//eventBus.registerComponent( 'tainacan-textarea' );
Vue.customElement('tainacan-selectbox', Selectbox);
//eventBus.registerComponent( 'tainacan-selectbox' );
Vue.customElement('tainacan-numeric', Numeric);
//eventBus.registerComponent( 'tainacan-numeric' );
Vue.customElement('tainacan-date', Date);
//eventBus.registerComponent( 'tainacan-date' );
Vue.customElement('tainacan-relationship', Relationship);
//eventBus.registerComponent( 'tainacan-relationship' );
//eventBus.listener();
/* Form */
Vue.customElement('tainacan-form-relationship', FormRelationship);
//eventBus.registerComponent( 'tainacan-form-relationship' );
/* Filters */
Vue.customElement('tainacan-filter-custom-interval', FilterCustomInterval);
//eventBusSearch.registerComponent( 'tainacan-filter-custom-interval' );
Vue.customElement('tainacan-filter-selectbox', FilterSelectbox);
//eventBusSearch.registerComponent( 'tainacan-filter-selectbox' );
Vue.customElement('tainacan-filter-autocomplete', FilterAutocomplete);
//eventBusSearch.registerComponent( 'tainacan-filter-autocomplete' );
Vue.customElement('tainacan-filter-checkbox', FilterCheckbox);
//eventBusSearch.registerComponent( 'tainacan-filter-checkbox' );
Vue.customElement('tainacan-filter-taginput', FilterTaginput);
//eventBusSearch.registerComponent( 'tainacan-filter-taginput' );
//eventBusSearch.listener();