@simsustech/quasar-components 0.6.0 → 0.7.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/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @simsustech/quasar-components
2
2
 
3
+ ## 0.7.0
4
+
5
+ ### Minor Changes
6
+
7
+ - d5eb6bf: feat(components): add QDrawerList component
8
+
3
9
  ## 0.6.0
4
10
 
5
11
  ### Minor Changes
@@ -0,0 +1,9 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
2
+ default?(_: {}): any;
3
+ }>;
4
+ export default _default;
5
+ type __VLS_WithTemplateSlots<T, S> = T & {
6
+ new (): {
7
+ $slots: S;
8
+ };
9
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simsustech/quasar-components",
3
- "version": "0.6.0",
3
+ "version": "0.7.0",
4
4
  "author": "Stefan van Herwijnen",
5
5
  "description": "High level components for Quasar Framework",
6
6
  "license": "MIT",
@@ -0,0 +1,45 @@
1
+ <template>
2
+ <q-list class="q-drawer-list">
3
+ <slot name="default" />
4
+ </q-list>
5
+ </template>
6
+
7
+ <script setup lang="ts">
8
+ import { QList } from 'quasar'
9
+ </script>
10
+
11
+ <style lang="sass">
12
+ /* https://github.com/quasarframework/quasar/blob/dev/docs/src/layouts/doc-layout/DocPageMenu.sass */
13
+ .q-drawer-list
14
+ .q-item__section--avatar
15
+ color: var(--q-primary)
16
+ min-width: 28px
17
+ padding-right: 12px
18
+
19
+ .q-expansion-item__content
20
+ margin-left: 18px
21
+ padding-left: 4px
22
+ border-left: 1px solid rgba(0, 0, 0, .50)
23
+
24
+ .q-expansion-item__content
25
+ margin-left: 26px
26
+ padding-left: 2px !important
27
+ .q-item
28
+ padding-left: 16px !important
29
+ margin-left: 2px
30
+
31
+ .q-expansion-item__toggle-icon
32
+ color: #bdbdbd
33
+
34
+ .q-expansion-item--expanded > div > .q-item
35
+ > .q-item__section--main
36
+ color: var(--q-primary)
37
+ > .q-item__section--side .q-expansion-item__toggle-icon
38
+ color: var(--q-primary)
39
+
40
+ &__deep-expansion > .q-expansion-item__container > .q-item
41
+ .q-item__section--avatar
42
+ min-width: 16px
43
+ padding-left: 8px
44
+ padding-right: 0
45
+ </style>