@appsbd/vue3-appsbd-ui 1.0.3 → 1.0.4
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/.ai/ai_ref_AbAvatar.md +1 -11
- package/.ai/ai_ref_AbBadge.md +2 -11
- package/.ai/ai_ref_AbButton.md +4 -23
- package/.ai/ai_ref_AbCard.md +6 -25
- package/.ai/ai_ref_AbCarousel.md +1 -12
- package/.ai/ai_ref_AbChart.md +16 -57
- package/.ai/ai_ref_AbColorPicker.md +1 -14
- package/.ai/ai_ref_AbConfirmPopover.md +1 -6
- package/.ai/ai_ref_AbCustomField.md +1 -9
- package/.ai/ai_ref_AbDarkModeToggler.md +1 -10
- package/.ai/ai_ref_AbDateTimePicker.md +4 -38
- package/.ai/ai_ref_AbEasyModal.md +2 -8
- package/.ai/ai_ref_AbField.md +1 -9
- package/.ai/ai_ref_AbFileUploader.md +3 -19
- package/.ai/ai_ref_AbFilterPanel.md +0 -4
- package/.ai/ai_ref_AbFormCheck.md +2 -19
- package/.ai/ai_ref_AbImageRadioInput.md +1 -9
- package/.ai/ai_ref_AbInputField.md +1 -9
- package/.ai/ai_ref_AbInputTag.md +2 -22
- package/.ai/ai_ref_AbKbd.md +0 -12
- package/.ai/ai_ref_AbKbdGroup.md +1 -13
- package/.ai/ai_ref_AbModal.md +98 -103
- package/.ai/ai_ref_AbMultiSelect.md +3 -37
- package/.ai/ai_ref_AbNumberField.md +5 -30
- package/.ai/ai_ref_AbPinInput.md +1 -13
- package/.ai/ai_ref_AbPopover.md +2 -12
- package/.ai/ai_ref_AbPricingCard.md +0 -8
- package/.ai/ai_ref_AbPricingContainer.md +0 -8
- package/.ai/ai_ref_AbPricingTable.md +20 -36
- package/.ai/ai_ref_AbProgressbar.md +1 -11
- package/.ai/ai_ref_AbScrollbar.md +2 -12
- package/.ai/ai_ref_AbSettingsForm.md +1 -9
- package/.ai/ai_ref_AbSideMenuItem.md +1 -12
- package/.ai/ai_ref_AbSidebar.md +2 -10
- package/.ai/ai_ref_AbSkeleton.md +0 -18
- package/.ai/ai_ref_AbSlider.md +1 -20
- package/.ai/ai_ref_AbTab.md +0 -8
- package/.ai/ai_ref_AbTable.md +0 -10
- package/.ai/ai_ref_AbTabs.md +1 -11
- package/.ai/ai_ref_AbToggle.md +4 -23
- package/.ai/ai_ref_AbTooltip.md +1 -15
- package/.ai/ai_ref_AbWizard.md +7 -20
- package/.ai/ai_ref_AbWizardStep.md +1 -13
- package/.ai/ai_ref_abEventBus.md +66 -94
- package/.ai/ai_ref_abRequestParam.md +40 -55
- package/.ai/ai_ref_abTranslate.md +30 -15
- package/.ai/ai_ref_abVeeRules.md +33 -42
- package/.ai/ai_ref_global_config.md +7 -17
- package/.ai/ai_ref_useAlert.md +45 -63
- package/.ai/ai_ref_useFileValidator.md +31 -46
- package/.ai/ai_ref_useResponsive.md +41 -55
- package/.ai/ai_ref_useTheme.md +28 -39
- package/.ai/ai_ref_useToast.md +30 -42
- package/AI_REF.md +114 -0
- package/AI_REFERENCE.md +82 -1153
- package/dist/skins/black.css +1 -1
- package/dist/skins/cyan.css +1 -1
- package/dist/skins/default.css +1 -1
- package/dist/skins/gray.css +1 -1
- package/dist/skins/green.css +1 -1
- package/dist/skins/orange.css +1 -1
- package/dist/skins/pink.css +1 -1
- package/dist/skins/purple.css +1 -1
- package/dist/skins/red.css +1 -1
- package/dist/skins/themes/_blue.scss +35 -35
- package/dist/skins/themes/_common_variable.scss +101 -6
- package/dist/skins/themes/_cyan.scss +1 -1
- package/dist/skins/themes/_gray.scss +2 -1
- package/dist/skins/themes/_green.scss +1 -1
- package/dist/skins/themes/_grid.scss +4 -1
- package/dist/skins/themes/_orange.scss +1 -1
- package/dist/skins/themes/_pink.scss +1 -1
- package/dist/skins/themes/_purple.scss +1 -1
- package/dist/skins/themes/_red.scss +1 -1
- package/dist/skins/themes/_violet.scss +1 -1
- package/dist/skins/violet.css +1 -1
- package/dist/style.css +1 -1
- package/dist/vue3-appsbd-ui.cjs.js +93 -61
- package/dist/vue3-appsbd-ui.es.js +26869 -17342
- package/package.json +7 -1
- package/readme.md +59 -1
- package/scripts/postinstall.js +55 -0
- package/scripts/setup.js +16 -0
- package/scripts/skill-groups.js +38 -0
- package/skills/commands/generate-module.md +76 -0
- package/skills/commands/settings-form.md +175 -0
- package/skills/commands/use-appsbd-ui.md +40 -0
package/.ai/ai_ref_useToast.md
CHANGED
|
@@ -1,42 +1,30 @@
|
|
|
1
|
-
# useToast (Composable)
|
|
2
|
-
|
|
3
|
-
Provides a procedural API to spawn toast notifications using the globally registered `$toast` instance
|
|
4
|
-
|
|
5
|
-
##
|
|
6
|
-
|
|
7
|
-
```
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
### `toast` Methods
|
|
33
|
-
|
|
34
|
-
| Method | Signature | Description |
|
|
35
|
-
|---|---|---|
|
|
36
|
-
| `toast(msg, options)` | `Function` | Spawns a default toast notification. |
|
|
37
|
-
| `toast.success(msg, options)` | `Function` | Spawns a success toast notification. |
|
|
38
|
-
| `toast.error(msg, options)` | `Function` | Spawns an error toast notification. |
|
|
39
|
-
| `toast.warning(msg, options)` | `Function` | Spawns a warning toast notification. |
|
|
40
|
-
| `toast.info(msg, options)` | `Function` | Spawns an info toast notification. |
|
|
41
|
-
| `toast.dismiss(id)` | `Function` | Dismisses a specific toast by its ID. |
|
|
42
|
-
| `toast.clear()` | `Function` | Clears all currently visible toasts. |
|
|
1
|
+
# useToast (Composable)
|
|
2
|
+
|
|
3
|
+
Provides a procedural API to spawn toast notifications using the globally registered `$toast` instance.
|
|
4
|
+
|
|
5
|
+
## Usage
|
|
6
|
+
|
|
7
|
+
```html
|
|
8
|
+
<script setup>
|
|
9
|
+
import { useToast } from "@vue3-appsbd-ui";
|
|
10
|
+
|
|
11
|
+
const { toast } = useToast();
|
|
12
|
+
|
|
13
|
+
function showNotifications() {
|
|
14
|
+
toast.success("Profile saved successfully");
|
|
15
|
+
toast.error("Failed to connect to server", { timeout: 5000 });
|
|
16
|
+
}
|
|
17
|
+
</script>
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## API Reference
|
|
21
|
+
|
|
22
|
+
| Method | Signature | Description |
|
|
23
|
+
|---|---|---|
|
|
24
|
+
| `toast(msg, options)` | `Function` | Spawns a default toast notification. |
|
|
25
|
+
| `toast.success(msg, options)` | `Function` | Spawns a success toast. |
|
|
26
|
+
| `toast.error(msg, options)` | `Function` | Spawns an error toast. |
|
|
27
|
+
| `toast.warning(msg, options)` | `Function` | Spawns a warning toast. |
|
|
28
|
+
| `toast.info(msg, options)` | `Function` | Spawns an info toast. |
|
|
29
|
+
| `toast.dismiss(id)` | `Function` | Dismisses a specific toast by its ID. |
|
|
30
|
+
| `toast.clear()` | `Function` | Clears all currently visible toasts. |
|
package/AI_REF.md
ADDED
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
# Appsbd UI - Compact AI Reference
|
|
2
|
+
|
|
3
|
+
## Purpose
|
|
4
|
+
|
|
5
|
+
Lightweight index for AI agents working on `vue3-appsbd-ui`.
|
|
6
|
+
For detailed props, events, slots, examples, and usage rules, open the matching per-item file in `.ai/`.
|
|
7
|
+
|
|
8
|
+
## Setup
|
|
9
|
+
|
|
10
|
+
```js
|
|
11
|
+
import AppsbdUI from "vue3-appsbd-ui";
|
|
12
|
+
import "vue3-appsbd-ui/dist/style.css";
|
|
13
|
+
|
|
14
|
+
app.use(AppsbdUI);
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
Global configuration: `.ai/ai_ref_global_config.md`.
|
|
18
|
+
|
|
19
|
+
## Reference Lookup
|
|
20
|
+
|
|
21
|
+
Use this pattern whenever possible:
|
|
22
|
+
|
|
23
|
+
```txt
|
|
24
|
+
Component/API name -> .ai/ai_ref_[Name].md
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
Examples:
|
|
28
|
+
|
|
29
|
+
- `AbModal` -> `.ai/ai_ref_AbModal.md`
|
|
30
|
+
- `AbButton` -> `.ai/ai_ref_AbButton.md`
|
|
31
|
+
- `useToast` -> `.ai/ai_ref_useToast.md`
|
|
32
|
+
- `abTranslate` -> `.ai/ai_ref_abTranslate.md`
|
|
33
|
+
- `AppsbdUIConfigure` -> `.ai/ai_ref_global_config.md`
|
|
34
|
+
|
|
35
|
+
## Auto-Registered Components
|
|
36
|
+
|
|
37
|
+
These are globally registered by `app.use(AppsbdUI)`:
|
|
38
|
+
|
|
39
|
+
`AbButton`, `AbCard`, `AbModal`, `AbProgressbar`, `AbInputField`, `AbNumberField`, `AbField`, `AbCustomField`, `AbDateTimePicker`, `AbFormCheck`, `AbRadioInput`, `AbToggle`, `AbInputTag`, `AbMultiSelect`, `AbPopover`.
|
|
40
|
+
|
|
41
|
+
All other components/APIs should be explicitly imported unless their detailed `.ai/` reference says otherwise.
|
|
42
|
+
|
|
43
|
+
## Component References
|
|
44
|
+
|
|
45
|
+
- `AbAvatar` -> `.ai/ai_ref_AbAvatar.md`
|
|
46
|
+
- `AbBadge` -> `.ai/ai_ref_AbBadge.md`
|
|
47
|
+
- `AbButton` -> `.ai/ai_ref_AbButton.md`
|
|
48
|
+
- `AbCard` -> `.ai/ai_ref_AbCard.md`
|
|
49
|
+
- `AbCarousel` -> `.ai/ai_ref_AbCarousel.md`
|
|
50
|
+
- `AbChart` -> `.ai/ai_ref_AbChart.md`
|
|
51
|
+
- `AbColorPicker` -> `.ai/ai_ref_AbColorPicker.md`
|
|
52
|
+
- `AbConfirmPopover` -> `.ai/ai_ref_AbConfirmPopover.md`
|
|
53
|
+
- `AbCustomField` -> `.ai/ai_ref_AbCustomField.md`
|
|
54
|
+
- `AbDarkModeToggler` -> `.ai/ai_ref_AbDarkModeToggler.md`
|
|
55
|
+
- `AbDateTimePicker` -> `.ai/ai_ref_AbDateTimePicker.md`
|
|
56
|
+
- `AbEasyModal` -> `.ai/ai_ref_AbEasyModal.md`
|
|
57
|
+
- `AbField` -> `.ai/ai_ref_AbField.md`
|
|
58
|
+
- `AbFileUploader` -> `.ai/ai_ref_AbFileUploader.md`
|
|
59
|
+
- `AbFilterPanel` -> `.ai/ai_ref_AbFilterPanel.md`
|
|
60
|
+
- `AbFormCheck` / `AbRadioInput` -> `.ai/ai_ref_AbFormCheck.md`
|
|
61
|
+
- `AbImageRadioInput` -> `.ai/ai_ref_AbImageRadioInput.md`
|
|
62
|
+
- `AbInputField` -> `.ai/ai_ref_AbInputField.md`
|
|
63
|
+
- `AbInputTag` -> `.ai/ai_ref_AbInputTag.md`
|
|
64
|
+
- `AbKbd` -> `.ai/ai_ref_AbKbd.md`
|
|
65
|
+
- `AbKbdGroup` -> `.ai/ai_ref_AbKbdGroup.md`
|
|
66
|
+
- `AbModal` -> `.ai/ai_ref_AbModal.md`
|
|
67
|
+
- `AbMultiSelect` -> `.ai/ai_ref_AbMultiSelect.md`
|
|
68
|
+
- `AbNumberField` -> `.ai/ai_ref_AbNumberField.md`
|
|
69
|
+
- `AbPinInput` -> `.ai/ai_ref_AbPinInput.md`
|
|
70
|
+
- `AbPopover` -> `.ai/ai_ref_AbPopover.md`
|
|
71
|
+
- `AbPricingCard` -> `.ai/ai_ref_AbPricingCard.md`
|
|
72
|
+
- `AbPricingContainer` -> `.ai/ai_ref_AbPricingContainer.md`
|
|
73
|
+
- `AbPricingTable` -> `.ai/ai_ref_AbPricingTable.md`
|
|
74
|
+
- `AbProgressbar` -> `.ai/ai_ref_AbProgressbar.md`
|
|
75
|
+
- `AbScrollbar` -> `.ai/ai_ref_AbScrollbar.md`
|
|
76
|
+
- `AbSettingsForm` -> `.ai/ai_ref_AbSettingsForm.md`
|
|
77
|
+
- `AbSideMenuItem` -> `.ai/ai_ref_AbSideMenuItem.md`
|
|
78
|
+
- `AbSidebar` -> `.ai/ai_ref_AbSidebar.md`
|
|
79
|
+
- `AbSkeleton` -> `.ai/ai_ref_AbSkeleton.md`
|
|
80
|
+
- `AbSlider` -> `.ai/ai_ref_AbSlider.md`
|
|
81
|
+
- `AbTab` -> `.ai/ai_ref_AbTab.md`
|
|
82
|
+
- `AbTable` -> `.ai/ai_ref_AbTable.md`
|
|
83
|
+
- `AbTabs` -> `.ai/ai_ref_AbTabs.md`
|
|
84
|
+
- `AbToggle` -> `.ai/ai_ref_AbToggle.md`
|
|
85
|
+
- `AbTooltip` -> `.ai/ai_ref_AbTooltip.md`
|
|
86
|
+
- `AbWizard` -> `.ai/ai_ref_AbWizard.md`
|
|
87
|
+
- `AbWizardStep` -> `.ai/ai_ref_AbWizardStep.md`
|
|
88
|
+
|
|
89
|
+
## API References
|
|
90
|
+
|
|
91
|
+
- `AppsbdUIConfigure` -> `.ai/ai_ref_global_config.md`
|
|
92
|
+
- `useAlert` -> `.ai/ai_ref_useAlert.md`
|
|
93
|
+
- `useToast` -> `.ai/ai_ref_useToast.md`
|
|
94
|
+
- `useTheme` -> `.ai/ai_ref_useTheme.md`
|
|
95
|
+
- `useFileValidator` -> `.ai/ai_ref_useFileValidator.md`
|
|
96
|
+
- `useResponsive` -> `.ai/ai_ref_useResponsive.md`
|
|
97
|
+
- `abEventBus` / `emitterObj` -> `.ai/ai_ref_abEventBus.md`
|
|
98
|
+
- `abTranslate` -> `.ai/ai_ref_abTranslate.md`
|
|
99
|
+
- `abVeeRules` -> `.ai/ai_ref_abVeeRules.md`
|
|
100
|
+
- `abRequestParam` -> `.ai/ai_ref_abRequestParam.md`
|
|
101
|
+
|
|
102
|
+
## Directives
|
|
103
|
+
|
|
104
|
+
- `v-tooltip` -> `.ai/ai_ref_AbTooltip.md`
|
|
105
|
+
|
|
106
|
+
## Maintenance
|
|
107
|
+
|
|
108
|
+
When a public component/API changes, update:
|
|
109
|
+
|
|
110
|
+
- matching `.ai/ai_ref_*.md`
|
|
111
|
+
- `AI_REFERENCE.md`
|
|
112
|
+
- playground docs in `playground/components/`
|
|
113
|
+
- this file only when a reference is added, renamed, removed, or auto-registration changes
|
|
114
|
+
|