1.0.25 • Published 2 years ago

@granello-dev/spares-shared v1.0.25

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Spares Shared

Modulo di componenti custom per applicazioni frontend del progetto catalogo ricambi for doing amazing things.

Componenti

  • 🌳 Treeview
  • 📐 Technical Sheet

Installazione

  1. Aggiungi @granello-dev/spares-shared al progetto
# Using pnpm
pnpm add -D @granello-dev/spares-shared

# Using yarn
yarn add --dev @granello-dev/spares-shared

# Using npm
npm install --save-dev @granello-dev/spares-shared
  1. Aggiungi @granello-dev/spares-shared alla sezione modules del file nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@granello-dev/spares-shared'
  ]
})

Fatto! ✨

Treeview

<s-treeview />

Props

NomeBindingTipoDescrizioneRichiestaDefault
model-valueTreeItem []I nodi della treeview selezionatiNo[]
active-item-treeview-idStringIl treeview_id del nodo attivoNoundefined
titleStringIl titolo mostrato sopra la treeviewNo''
loadingBooleanIndica lo stato di caricamento della treeviewNofalse
itemsTreeItem[]I nodi della treeview. Quelli che hanno figli (chidlren.length > 0) saranno visualizzati come aperti
selectableBooleanIndica se i nodi della treeview devono poter essere selezionabiliNofalse
load-item(treeviewId:string) => PromiseFunzione asincrona chiamata ogni volta che un nodo viene "aperto". Deve restituire un TreeItem.Nonull
disable(item:TreeItem) => booleanFunzione chiamata per ogni elemento, che indica se disabilitarlo o noNonull
empty-keyStringLa chiave della proprietà nell'oggetto item che indica se l'oggetto non ha figli (nasconde icona)Nonull

Eventi

NomeTipoDescrizione
click:item(item:TreeItem) => voidIl nodo della treeview è stato cliccato
load:item(item:TreeItem) => voidIl nodo della treeview è stato caricato

Slots

NomeDescrizioneProp
actionsElemento in alto a destra, a fianco del titolo
prependElemento all'inizio (sinistra) di ogni nodo della treeviewitem: TreeItem

 Technical sheet

<s-tech-drawing />

Props

NomeBindingTipoDescrizioneRichiestaDefault
svg-markupStringIl markup dell'svgNoundefined
fallback-image-urlStringL'url dell'immagine da visualizzare nel caso il markup svg non sia presenteNoundefined
loadingBooleanIndica lo stato di caricamento del disegnoNofalse
loading-labelStringL'etichetta del messaggio di caricamento in corsoNoLoading..
active-pmiStringL'etichetta del pmi attivoNoundefined
fullscreenBooleanIndica se visualizzare il disegno a tutto schermiNofalse
tooltip-fullscreenStringTesto da visualizzare su hover del pulsanteNofullscreen
tooltip-zoom-inStringTesto da visualizzare su hover del pulsanteNozoom in
tooltip-zoom-outStringTesto da visualizzare su hover del pulsanteNozoom out
tooltip-zoom-resetStringTesto da visualizzare su hover del pulsanteNozoom reset
tooltip-downloadStringTesto da visualizzare su hover del pulsante. La presenza di questa label attiva anche pulsante downloadNodownload
bottom-labelStringEtichetta da mostrare in basso a sinistraNonull

Eventi

NomeTipoDescrizione
click:link(name:String) => voidUn elemento link è stato cliccato
download() => voidL'utente ha cliccato download

Development

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release
1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.20

2 years ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.1

2 years ago