0.15.38 • Published 2 years ago

sapitur-toolkit-vue v0.15.38

Weekly downloads
626
License
MIT
Repository
gitlab
Last release
2 years ago

sapitur-toolkit-vue

Installation

npm install sapitur-toolkit-vue --save
yarn add sapitur-toolkit-vue

Configuration - main.js project file

import Toolkit from 'sapitur-toolkit-vue';
import 'sapitur-toolkit-vue/dist/sapitur-toolkit-vue.css';
Vue.use(Toolkit);

Components

sp-breadcrumb: Breadcrumb
sp-button: Button
sp-grid: Grid
sp-layout: Layout
sp-form: Form
sp-form-input: Input
sp-form-textarea: Textarea
sp-form-select: Select
sp-form-radio: Radio
sp-form-select: Select
sp-form-cpfcnpj: CPFCNPJ
sp-form-maskedinput: Maskedinput
sp-form-permissions: Grid

NotFound: Template

Registrar os filtros customizados

import { CustomFilters } from 'sapitur-toolkit-vue';
Vue.use(CustomFilters);

Os filtros disponiveis são:

  • cpfCnpj
  • millisToDate

Este filtros não precisam ser redeclarados no projeto de destino. Pasta usar dentro da interpolação normalmente após o registro. Para registrar um novo filtro, aplique a configuração em @/utils/custom-filters.js.

Registrar o Loading

Para registrar o componente, execute:

import { Loading } from 'sapitur-toolkit-vue';
Vue.use(Loading, { icon: 'broken' });

Os icones disponiveis são: arrow | broken | fontain | segment. O icone default é o arrow.

Para trocar o icone após a inicialização, execute:

this.$loading.setIcon(icon);

Ativação e desativação

this.$loading.activate();
this.$loading.deactivate();

App.vue - sample

<template>
  <div id="app">
    <sp-layout
      title="Toolkit"
      :navigation="navigation"
      :links="links"
      :show-hamburguer-icon="true"
      :show-left-menu="true">
      <router-view />
    </sp-layout>
  </div>
</template>

<script>
export default {
  data() {
    return {
      navigation: [
        {
          root: { icon: 'fas fa-home', title: 'Home', link: '/' },
        },
        {
          root: { icon: 'fas fa-file-alt', title: 'First' },
          leaves: [
            { title: 'First', link: '/first' },
          ],
        },
      ],
    };
  },
  computed: {
    links() {
      if (this.$route.meta.breadcrumb) return this.$route.meta.breadcrumb;
      return [];
    },
  },
};
</script>

sp-layout props

- navigation [array: data] - an array with the Left Menu options
- links [array: computed] - an array defined on router file with the breadcrumb page options. each route needs a breadcrumb definition
- show-hamburguer-icon [boolean: props] - controls the exibition of the hamburguer icon to hide or show the left menu
- show-left-menu [boolean: props] - hide or show the left menu

Versionamento

A aplicação possui os scripts abaixo que podem ser usados para alterar a versão da aplicação.

| version:major | X.0.0 | | version:minor | 0.X.0 | | version:patch | 0.0.X |

0.15.38

2 years ago

0.15.37

2 years ago

0.15.36

3 years ago

0.15.29

3 years ago

0.15.31

3 years ago

0.15.32

3 years ago

0.15.30

3 years ago

0.15.35

3 years ago

0.15.33

3 years ago

0.15.34

3 years ago

0.15.28

3 years ago

0.15.27

3 years ago

0.15.26

3 years ago

0.15.24

3 years ago

0.15.25

3 years ago

0.15.22

3 years ago

0.15.23

3 years ago

0.15.21

3 years ago

0.15.20

3 years ago

0.15.19

3 years ago

0.15.18

3 years ago

0.15.17

3 years ago

0.15.16

3 years ago

0.15.14

3 years ago

0.15.15

3 years ago

0.15.13

3 years ago

0.15.11

3 years ago

0.15.10

4 years ago

0.15.7

4 years ago

0.15.8

4 years ago

0.15.9

4 years ago

0.15.4

4 years ago

0.15.5

4 years ago

0.15.6

4 years ago

0.15.3

4 years ago

0.15.2

4 years ago

0.15.0

4 years ago

0.14.50

4 years ago

0.14.49

4 years ago

0.14.48

4 years ago

0.14.47

4 years ago

0.14.46

4 years ago

0.14.45

4 years ago

0.14.44

4 years ago

0.14.43

4 years ago

0.14.42

4 years ago

0.14.41

4 years ago

0.14.40

4 years ago

0.14.39

4 years ago

0.14.38

4 years ago

0.14.37

4 years ago

0.14.36

4 years ago

0.14.35

4 years ago

0.14.34

4 years ago

0.14.33

4 years ago

0.14.32

4 years ago

0.14.31

4 years ago

0.14.30

4 years ago

0.14.29

4 years ago

0.14.28

4 years ago

0.14.27

4 years ago

0.14.26

4 years ago

0.14.25

4 years ago

0.14.24

4 years ago

0.14.23

4 years ago

0.14.22

4 years ago

0.14.21

4 years ago

0.14.19

4 years ago

0.14.20

4 years ago

0.14.18

4 years ago

0.14.17

4 years ago

0.14.16

4 years ago

0.14.15

4 years ago

0.14.13

4 years ago

0.14.14

4 years ago

0.14.12

4 years ago

0.14.11

4 years ago

0.14.10

4 years ago

0.14.9

4 years ago

0.14.8

4 years ago

0.14.7

4 years ago

0.14.6

4 years ago

0.14.5

4 years ago

0.14.4

4 years ago

0.14.3

4 years ago

0.14.2

4 years ago

0.14.1

4 years ago

0.14.0

4 years ago

0.13.30

4 years ago

0.13.29

4 years ago

0.13.28

4 years ago

0.13.27

4 years ago

0.13.25

4 years ago

0.13.24

4 years ago

0.13.23

4 years ago

0.13.22

4 years ago

0.13.21

4 years ago

0.13.20

4 years ago

0.13.19

4 years ago

0.13.18

4 years ago

0.13.17

4 years ago

0.13.16

4 years ago

0.13.15

4 years ago

0.13.14

4 years ago

0.13.13

4 years ago

0.13.12

4 years ago

0.13.11

4 years ago

0.13.10

4 years ago

0.13.8

4 years ago

0.13.9

4 years ago

0.13.6

4 years ago

0.13.5

4 years ago

0.13.4

4 years ago

0.13.2

4 years ago

0.13.3

4 years ago

0.13.0

4 years ago

0.13.1

4 years ago

0.12.10

4 years ago

0.12.9

4 years ago

0.12.8

4 years ago

0.12.7

4 years ago

0.12.6

4 years ago

0.12.5

4 years ago

0.12.4

4 years ago

0.12.3

4 years ago

0.12.2

4 years ago

0.12.1

4 years ago

0.12.0

5 years ago

0.11.0

5 years ago

0.10.11

5 years ago

0.10.9

5 years ago

0.10.10

5 years ago

0.10.8

5 years ago

0.10.7

5 years ago

0.10.6

5 years ago

0.10.5

5 years ago

0.10.4

5 years ago

0.10.3

5 years ago

0.10.1

5 years ago

0.10.2

5 years ago

0.10.0

5 years ago

0.9.2

5 years ago

0.9.4

5 years ago

0.9.3

5 years ago

0.9.5

5 years ago

0.9.1

5 years ago

0.9.0

5 years ago

0.7.0

5 years ago

0.8.0

5 years ago

0.6.46

5 years ago

0.6.45

5 years ago

0.6.44

5 years ago

0.6.43

5 years ago

0.6.42

5 years ago

0.6.41

5 years ago

0.6.40

5 years ago

0.6.39

5 years ago

0.6.38

5 years ago

0.6.34

5 years ago

0.6.36

5 years ago

0.6.35

5 years ago

0.6.37

5 years ago

0.6.33

5 years ago

0.6.32

5 years ago

0.6.31

5 years ago

0.6.30

5 years ago

0.6.29

5 years ago

0.6.28

5 years ago

0.6.27

5 years ago

0.6.25

5 years ago

0.6.26

5 years ago

0.6.24

5 years ago

0.6.23

5 years ago

0.6.21

5 years ago

0.6.22

5 years ago

0.6.20

5 years ago

0.6.19

5 years ago

0.6.18

5 years ago

0.6.17

5 years ago

0.6.16

5 years ago

0.6.15

5 years ago

0.6.14

5 years ago

0.6.13

5 years ago

0.6.9

5 years ago

0.6.8

5 years ago

0.6.10

5 years ago

0.6.11

5 years ago

0.6.7

5 years ago

0.6.6

5 years ago

0.6.3

5 years ago

0.6.2

5 years ago

0.6.5

5 years ago

0.6.4

5 years ago

0.6.0

5 years ago

0.5.8

5 years ago

0.5.7

5 years ago

0.5.6

5 years ago

0.5.5

5 years ago

0.5.4

5 years ago

0.5.3

5 years ago

0.5.2

5 years ago

0.5.1

5 years ago

0.5.0

5 years ago

0.4.13

5 years ago

0.4.12

5 years ago

0.4.10

5 years ago

0.4.9

5 years ago

0.4.8

5 years ago

0.4.7

5 years ago

0.4.6

5 years ago

0.4.5

5 years ago

0.4.4

5 years ago

0.4.3

5 years ago

0.4.2

5 years ago

0.4.1

5 years ago

0.4.0

5 years ago

0.2.7

5 years ago

0.2.6

5 years ago

0.2.5

5 years ago

0.2.4

5 years ago

0.2.3

5 years ago

0.2.2

5 years ago

0.2.1

5 years ago

0.2.0

5 years ago

0.1.4

5 years ago

0.1.3

5 years ago

0.1.5

5 years ago

0.1.2

5 years ago

0.1.1

5 years ago

0.1.0

5 years ago