@quidgest/ui 0.0.7
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 +66 -0
- package/dist/ui.esm.js +1326 -0
- package/dist/ui.esm.js.map +1 -0
- package/dist/ui.js +4 -0
- package/dist/ui.js.map +1 -0
- package/dist/ui.min.js +276 -0
- package/dist/ui.min.js.map +1 -0
- package/lib/components/QButton/QButton.vue.d.ts +118 -0
- package/lib/components/QButton/QButton.vue.d.ts.map +1 -0
- package/lib/components/QButton/index.d.ts +3 -0
- package/lib/components/QButton/index.d.ts.map +1 -0
- package/lib/components/QButtonGroup/QButtonGroup.vue.d.ts +36 -0
- package/lib/components/QButtonGroup/QButtonGroup.vue.d.ts.map +1 -0
- package/lib/components/QButtonGroup/index.d.ts +3 -0
- package/lib/components/QButtonGroup/index.d.ts.map +1 -0
- package/lib/components/QButtonToggle/QButtonToggle.vue.d.ts +57 -0
- package/lib/components/QButtonToggle/QButtonToggle.vue.d.ts.map +1 -0
- package/lib/components/QButtonToggle/index.d.ts +3 -0
- package/lib/components/QButtonToggle/index.d.ts.map +1 -0
- package/lib/components/QLineLoader/QLineLoader.vue.d.ts +3 -0
- package/lib/components/QLineLoader/QLineLoader.vue.d.ts.map +1 -0
- package/lib/components/QLineLoader/index.d.ts +3 -0
- package/lib/components/QLineLoader/index.d.ts.map +1 -0
- package/lib/components/QOverlay/QOverlay.vue.d.ts +116 -0
- package/lib/components/QOverlay/QOverlay.vue.d.ts.map +1 -0
- package/lib/components/QOverlay/index.d.ts +3 -0
- package/lib/components/QOverlay/index.d.ts.map +1 -0
- package/lib/components/QPopover/QPopover.vue.d.ts +88 -0
- package/lib/components/QPopover/QPopover.vue.d.ts.map +1 -0
- package/lib/components/QPopover/index.d.ts +3 -0
- package/lib/components/QPopover/index.d.ts.map +1 -0
- package/lib/components/QSpinnerLoader/QSpinnerLoader.vue.d.ts +15 -0
- package/lib/components/QSpinnerLoader/QSpinnerLoader.vue.d.ts.map +1 -0
- package/lib/components/QSpinnerLoader/index.d.ts +3 -0
- package/lib/components/QSpinnerLoader/index.d.ts.map +1 -0
- package/lib/components/QTooltip/QTooltip.vue.d.ts +99 -0
- package/lib/components/QTooltip/QTooltip.vue.d.ts.map +1 -0
- package/lib/components/QTooltip/index.d.ts +3 -0
- package/lib/components/QTooltip/index.d.ts.map +1 -0
- package/lib/components/index.d.ts +9 -0
- package/lib/components/index.d.ts.map +1 -0
- package/lib/composables/defaults.d.ts +5 -0
- package/lib/composables/defaults.d.ts.map +1 -0
- package/lib/composables/overlay.d.ts +13 -0
- package/lib/composables/overlay.d.ts.map +1 -0
- package/lib/composables/theme.d.ts +35 -0
- package/lib/composables/theme.d.ts.map +1 -0
- package/lib/framework.d.ts +7 -0
- package/lib/framework.d.ts.map +1 -0
- package/lib/index.d.ts +4 -0
- package/lib/index.d.ts.map +1 -0
- package/lib/styles/ui.css +720 -0
- package/lib/styles/ui.min.css +1 -0
- package/lib/styles/ui.scss +710 -0
- package/lib/utils/defineComponent.d.ts +4 -0
- package/lib/utils/defineComponent.d.ts.map +1 -0
- package/lib/utils/getCurrentInstance.d.ts +2 -0
- package/lib/utils/getCurrentInstance.d.ts.map +1 -0
- package/lib/utils/getElement.d.ts +7 -0
- package/lib/utils/getElement.d.ts.map +1 -0
- package/lib/utils/getUid.d.ts +5 -0
- package/lib/utils/getUid.d.ts.map +1 -0
- package/package.json +108 -0
package/README.md
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
# Quidgest UI
|
|
2
|
+
|
|
3
|
+
Quidgest Vue 3 component framework.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- A collection of customizable and reusable Vue 3 components.
|
|
8
|
+
- Written in TypeScript for type safety and better developer experience.
|
|
9
|
+
- Easily style components using SCSS.
|
|
10
|
+
- Documentation and examples.
|
|
11
|
+
|
|
12
|
+
## Install
|
|
13
|
+
|
|
14
|
+
```cli
|
|
15
|
+
pnpm add @quidgest/ui
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
## Usage
|
|
19
|
+
|
|
20
|
+
Once installed, you can import and use components as follows:
|
|
21
|
+
|
|
22
|
+
```vue
|
|
23
|
+
<template>
|
|
24
|
+
<div>
|
|
25
|
+
<q-button>Click me</q-button>
|
|
26
|
+
</div>
|
|
27
|
+
</template>
|
|
28
|
+
|
|
29
|
+
<script>
|
|
30
|
+
import { QButton } from '@quidgest/ui'
|
|
31
|
+
|
|
32
|
+
export default {
|
|
33
|
+
components: {
|
|
34
|
+
QButton
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
</script>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Development
|
|
41
|
+
|
|
42
|
+
The package utilizes Storybook for component development and organization. You can view the components locally in the Storybook documentation explorer.
|
|
43
|
+
|
|
44
|
+
First, navigate to the package's directory:
|
|
45
|
+
|
|
46
|
+
```cli
|
|
47
|
+
cd ui
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
Next, run Storybook:
|
|
51
|
+
|
|
52
|
+
```cli
|
|
53
|
+
npm run storybook
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
(You might need to execute `pnpm install` beforehand if you haven't done so.)
|
|
57
|
+
|
|
58
|
+
By default, Storybook will be running at `http://localhost:6006/`.
|
|
59
|
+
|
|
60
|
+
## Running Unit Tests
|
|
61
|
+
|
|
62
|
+
It's important to run unit tests during development to ensure code quality and correctness. Execute the following command to run the unit tests:
|
|
63
|
+
|
|
64
|
+
```cli
|
|
65
|
+
npm run test
|
|
66
|
+
```
|