@vasakgroup/vue-libvasak 0.0.3 → 0.2.0
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 +47 -0
- package/dist/vue-libvasak.css +0 -0
- package/dist/vue-libvasak.es.js +2477 -0
- package/dist/vue-libvasak.umd.js +1 -0
- package/package.json +27 -6
- package/src/.d.ts +0 -0
- package/src/cards/DeviceCard.vue +82 -0
- package/src/cards/ListCard.vue +40 -0
- package/src/controls/ActionButton.vue +85 -0
- package/src/controls/ToggleControl.vue +55 -0
- package/src/forms/FormGroup.vue +27 -0
- package/src/forms/SliderControl.vue +100 -0
- package/src/forms/SwitchToggle.vue +49 -0
- package/src/index.ts +47 -1
- package/src/layout/ConfigSection.vue +28 -0
- package/src/sidebar/SideBar.vue +0 -0
- package/src/sidebar/SideButton.vue +1 -3
- package/src/tray/TrayIconButton.vue +80 -0
- package/src/types/vue-libvasak.d.ts +155 -0
- package/src/window/TopBar.vue +30 -43
- package/src/window/WindowFrame.vue +3 -75
- package/COPYING +0 -674
- package/readme.md +0 -71
package/README.md
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
# vue-libvasak
|
|
2
|
+
|
|
3
|
+
Librería de componentes VueJS reutilizables.
|
|
4
|
+
|
|
5
|
+
## Instalación
|
|
6
|
+
|
|
7
|
+
Primero, construye la librería:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install
|
|
11
|
+
npm run build
|
|
12
|
+
```
|
|
13
|
+
|
|
14
|
+
Esto generará los archivos en la carpeta `dist/`.
|
|
15
|
+
|
|
16
|
+
Luego, en tu proyecto Vue:
|
|
17
|
+
|
|
18
|
+
```bash
|
|
19
|
+
npm install /ruta/a/vue-libvasak/dist
|
|
20
|
+
```
|
|
21
|
+
|
|
22
|
+
O publica el paquete en un registro npm privado/público y luego:
|
|
23
|
+
|
|
24
|
+
```bash
|
|
25
|
+
npm install vue-libvasak
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Uso
|
|
29
|
+
|
|
30
|
+
Importa los componentes que necesites:
|
|
31
|
+
|
|
32
|
+
```js
|
|
33
|
+
import { SideBar, SideButton, WindowFrame } from 'vue-libvasak';
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
O registra toda la librería globalmente:
|
|
37
|
+
|
|
38
|
+
```js
|
|
39
|
+
import * as VasakLib from 'vue-libvasak';
|
|
40
|
+
|
|
41
|
+
app.use(VasakLib);
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Desarrollo
|
|
45
|
+
|
|
46
|
+
- Construir la librería: `npm run build`
|
|
47
|
+
- Servir para desarrollo: `npm run dev`
|
|
File without changes
|