@smart-wizard/vue 1.0.0 → 1.0.2
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 +65 -0
- package/package.json +9 -4
package/README.md
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
# @smart-wizard/vue
|
|
2
|
+
|
|
3
|
+
**Official Vue 3 adapter for SmartWizard.**
|
|
4
|
+
Composable (`useSmartWizard`) with reactive step info, controls, and loading state.
|
|
5
|
+
|
|
6
|
+
> This package is part of the **[SmartWizard](https://github.com/techlab/smart-wizard)** project, the next-generation continuation of the popular jQuery SmartWizard.
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
## 📖 Documentation & Links
|
|
11
|
+
|
|
12
|
+
* 📚 **Full Vue Documentation & Examples**: [GitHub Readme](https://github.com/techlab/smart-wizard#-vue-adapter)
|
|
13
|
+
* 🌐 **Official Website & Demos**: [techlaboratory.net/smart-wizard](https://techlaboratory.net/smart-wizard)
|
|
14
|
+
* 🐙 **Repository**: [github.com/techlab/smart-wizard](https://github.com/techlab/smart-wizard)
|
|
15
|
+
* 🐛 **Issue Tracker**: [github.com/techlab/smart-wizard/issues](https://github.com/techlab/smart-wizard/issues)
|
|
16
|
+
|
|
17
|
+
---
|
|
18
|
+
|
|
19
|
+
## 📥 Installation
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
npm install @smart-wizard/vue @smart-wizard/core @smart-wizard/ui
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
---
|
|
26
|
+
|
|
27
|
+
## ⚡ Quick Example
|
|
28
|
+
|
|
29
|
+
```vue
|
|
30
|
+
<template>
|
|
31
|
+
<div ref="wizardRef" id="wizard">
|
|
32
|
+
<nav class="sw-nav" role="tablist">
|
|
33
|
+
<div class="sw-nav-item" role="tab"><span class="title">Step 1</span></div>
|
|
34
|
+
<div class="sw-nav-item" role="tab"><span class="title">Step 2</span></div>
|
|
35
|
+
</nav>
|
|
36
|
+
<div class="sw-panels">
|
|
37
|
+
<section class="sw-panel" id="step-1" role="tabpanel">Step 1 Content</section>
|
|
38
|
+
<section class="sw-panel" id="step-2" role="tabpanel">Step 2 Content</section>
|
|
39
|
+
</div>
|
|
40
|
+
<div class="sw-toolbar">
|
|
41
|
+
<button @click="prev">Back</button>
|
|
42
|
+
<button @click="next">Next</button>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
</template>
|
|
46
|
+
|
|
47
|
+
<script setup lang="ts">
|
|
48
|
+
import { ref } from 'vue';
|
|
49
|
+
import { useSmartWizard } from '@smart-wizard/vue';
|
|
50
|
+
import '@smart-wizard/ui/full';
|
|
51
|
+
import '@smart-wizard/ui/themes/arrows.css';
|
|
52
|
+
|
|
53
|
+
const wizardRef = ref<HTMLElement | null>(null);
|
|
54
|
+
const { next, prev, stepInfo } = useSmartWizard(wizardRef, {
|
|
55
|
+
theme: 'arrows',
|
|
56
|
+
transition: { effect: 'slideHorizontal' },
|
|
57
|
+
});
|
|
58
|
+
</script>
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
---
|
|
62
|
+
|
|
63
|
+
## 📝 License
|
|
64
|
+
|
|
65
|
+
Dual-licensed under [MIT](https://github.com/techlab/smart-wizard/blob/main/LICENSE) (open-source) and [Commercial License](https://techlaboratory.net/smart-wizard#license).
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smart-wizard/vue",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Vue bindings for SmartWizard - modern, framework-agnostic wizard/stepper component",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@smart-wizard/core": "1.0.
|
|
9
|
+
"@smart-wizard/core": "1.0.2"
|
|
10
10
|
},
|
|
11
11
|
"peerDependencies": {
|
|
12
12
|
"vue": "^3.0.0"
|
|
@@ -21,11 +21,16 @@
|
|
|
21
21
|
"url": "https://github.com/techlab/smart-wizard.git",
|
|
22
22
|
"directory": "packages/adapters/vue"
|
|
23
23
|
},
|
|
24
|
-
"
|
|
24
|
+
"license": "MIT",
|
|
25
|
+
"homepage": "https://techlaboratory.net/smart-wizard",
|
|
25
26
|
"bugs": {
|
|
26
27
|
"url": "https://github.com/techlab/smart-wizard/issues"
|
|
27
28
|
},
|
|
28
|
-
"author":
|
|
29
|
+
"author": {
|
|
30
|
+
"name": "Dipu Rajendran",
|
|
31
|
+
"email": "hello.techlab@gmail.com",
|
|
32
|
+
"url": "https://github.com/techlab"
|
|
33
|
+
},
|
|
29
34
|
"publishConfig": {
|
|
30
35
|
"access": "public"
|
|
31
36
|
},
|