0.4.17 • Published 1 year ago
@granello-dev/spares-manager-shared v0.4.17
spares-manager-shared
Per testare componenti
yarn install
yarn serve
Compilazione e pubblicazione
Prima di tutto aggiornare versione in package.json.
yarn build-bundle
npm publish --access public
(E' richiesto fare login con npm)
Utilizzo in altra app nuxt
yarn add @granello-dev/spares-manager-shared
Creare file /plugins/shared.js
(nome file non importante).
Importare il plugin e lo stile css
// /plugins/shared.js
import Shared from '@granello-dev/spares-manager-shared'
import '@granello-dev/spares-manager-shared/dist/spares-manager-shared.css'
Vue.use(Shared)
Aggiungere il plugin in nuxt.config.js
// nuxt.config.js
plugins: [
'~/plugins/vue-plugins',
// ...
]
Aggiungere i componenti Vuetify utilizzati dalla libreria nel file nuxt.config.js
// nuxt.config.js
vuetify: {
// ...
treeShake: {
components: ['VCard', 'VCardTitle', 'VCardText', 'VTreeview', 'VIcon', 'VBtn', 'VFlex', 'VTooltip']
}
// ...
}
Treeview <treeview>
Note
- La prop
item-key
è fissa ainternal_code
. Questo perchè avendo all'interno dell'albero sia entità che tavole, il campo ID non è univoco.
Props
- Quelle previste da componente
<v-treeview>
vengono passate. catalog
struttura albero come arriva da APIentity-id
l'id dell'entità da aprire. Per esempio, nel progetto catalogo online viene utilizzata this.$route.query.entity per fare in modo che al cambio del parametro in query URL venga aggiornato in automatico l'albero.revision-id
come entity-id, vedi sopraloading
viene passato alla<v-card>
in modo da mostrare barra di caricamento
Slot
title
titolo sopra l'alberoitem-left
allineato a sinistra in ognuno degli elementi dell'albero. Si può accedere all'item. Es.<template v-slot:item-left="{item}">
Eventi
element-activated
restituisce l'elemento attivato
Drawing <drawing>
Note
- Schermi desktop: l'svg viene inizializzato con larghezza e altezza del contenitore
- Schermi mobile: l'svg viene inizializzato con altezza del contenitore
v-model
Data binding a due vie con etichetta della posizione disegno attiva. Es. "1"
Props
svg-markup
il markup del disegno svgfullscreen
visualizzazione a schermo intero (da gestire in padre). Usare.sync
per data binding a due vie.hidden-parts
array contenente i drawing position da nascondere dal disegno svgtooltip-fullscreen
tooltip del pulsante fullscreentooltip-zoom-in
tooltip del pulsante zoom intooltip-zoom-out
tooltip del pulsante zoom outtooltip-zoom-reset
tooltip del pulsante zoom resettooltip-download-svg
tooltip del pulsante download svgfilename
abilitazione del pulsante download svg e nome del file scaricato
Slot
Eventi
clicked-link
restituisce l'etichetta dell'elemento LINK cliccato. Solitamente è l'internal code della tavola Es. "E.01.01.L0000_0"svg-ready
l'svg è stato reso interattivo e pronto
0.4.17
1 year ago
0.4.15
1 year ago
0.4.16
1 year ago
0.4.13
2 years ago
0.4.14
2 years ago
0.4.11
2 years ago
0.4.12
2 years ago
0.4.10
2 years ago
0.4.9
2 years ago
0.4.8
2 years ago
0.4.7
2 years ago
0.2.10
2 years ago
0.2.9
2 years ago
0.2.8
2 years ago
0.2.7
2 years ago
0.2.6
2 years ago
0.2.5
2 years ago
0.2.4
2 years ago
0.2.3
2 years ago
0.2.2
2 years ago
0.2.1
2 years ago
0.2.0
2 years ago
0.1.7
2 years ago
0.1.6
2 years ago
0.1.5
2 years ago
0.1.4
2 years ago
0.1.3
2 years ago
0.1.2
2 years ago
0.1.1
2 years ago
0.1.0
2 years ago