@simsustech/quasar-components 0.12.2 → 0.12.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/md3.js +8 -5
  3. package/package.json +1 -1
  4. package/src/ui/md3/Md3Layout.vue +55 -57
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @simsustech/quasar-components
2
2
 
3
+ ## 0.12.4
4
+
5
+ ### Patch Changes
6
+
7
+ - a21d944: fix(components): move ready check to QLayout in Md3Layout
8
+
9
+ ## 0.12.3
10
+
11
+ ### Patch Changes
12
+
13
+ - ff2fc3b: fix(components): fix Md3Layout rendering
14
+
3
15
  ## 0.12.2
4
16
 
5
17
  ### Patch Changes
package/dist/md3.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
2
2
  import { QBtn, QDrawer, QFooter, QHeader, QLayout, QPageContainer, QPageSticky, QToolbar, debounce, useQuasar } from "quasar";
3
- import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, onMounted, openBlock, ref, renderSlot, resolveComponent, toRefs, toValue, unref, vShow, watch, withCtx, withDirectives } from "vue";
3
+ import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, onMounted, openBlock, ref, renderSlot, resolveComponent, toRefs, toValue, unref, watch, withCtx } from "vue";
4
4
  //#region src/ui/md3/NavigationRailFabs.vue?vue&type=script&setup=true&lang.ts
5
5
  var _hoisted_1$1 = { key: 0 };
6
6
  //#endregion
@@ -324,8 +324,11 @@ var Md3Layout_default = /* @__PURE__ */ defineComponent({
324
324
  const _component_router_view = resolveComponent("router-view");
325
325
  const _component_q_page_container = QPageContainer;
326
326
  const _component_q_layout = QLayout;
327
- return openBlock(), createBlock(_component_q_layout, { view: "lHh Lpr lFf" }, {
328
- default: withCtx(() => [withDirectives(createElementVNode("div", null, [
327
+ return __props.ready ? (openBlock(), createBlock(_component_q_layout, {
328
+ key: 0,
329
+ view: "lHh Lpr lFf"
330
+ }, {
331
+ default: withCtx(() => [
329
332
  createVNode(_component_q_header, null, {
330
333
  default: withCtx(() => [createVNode(_component_q_toolbar, null, {
331
334
  default: withCtx(() => [!miniState.value ? (openBlock(), createBlock(_component_q_btn, {
@@ -386,9 +389,9 @@ var Md3Layout_default = /* @__PURE__ */ defineComponent({
386
389
  default: withCtx(() => [createVNode(_component_router_view), renderSlot(_ctx.$slots, "fabs", { showSticky: true })]),
387
390
  _: 3
388
391
  })
389
- ], 512), [[vShow, __props.ready]])]),
392
+ ]),
390
393
  _: 3
391
- });
394
+ })) : createCommentVNode("", true);
392
395
  };
393
396
  }
394
397
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simsustech/quasar-components",
3
- "version": "0.12.2",
3
+ "version": "0.12.4",
4
4
  "description": "High level components for Quasar Framework",
5
5
  "bugs": "https://github.com/simsusech/quasar-components/issues",
6
6
  "license": "MIT",
package/src/ui/md3/Md3Layout.vue CHANGED
@@ -1,71 +1,69 @@
1
1
  <template>
2
- <q-layout view="lHh Lpr lFf">
3
- <div v-show="ready">
4
- <q-header>
5
- <q-toolbar>
2
+ <q-layout v-if="ready" view="lHh Lpr lFf">
3
+ <q-header>
4
+ <q-toolbar>
5
+ <q-btn
6
+ v-if="!miniState"
7
+ flat
8
+ dense
9
+ round
10
+ aria-label="Menu"
11
+ icon="i-mdi-menu"
12
+ @click="toggleLeftDrawer()"
13
+ >
14
+ </q-btn>
15
+ <slot name="header-toolbar" />
16
+ </q-toolbar>
17
+ </q-header>
18
+
19
+ <q-drawer
20
+ ref="drawerRef"
21
+ :model-value="leftDrawerOpen"
22
+ :width="drawerWidth"
23
+ :mini-width="80"
24
+ :mini="miniState"
25
+ show-if-above
26
+ bordered
27
+ @hide="onDrawerHide"
28
+ @update:model-value="toggleLeftDrawer"
29
+ @mouseleave="debouncedToggleMiniState(true)"
30
+ >
31
+ <template #mini>
32
+ <div
33
+ :class="{
34
+ column: true,
35
+ 'items-center': miniState,
36
+ 'pr-0': true
37
+ }"
38
+ >
6
39
  <q-btn
7
- v-if="!miniState"
8
40
  flat
9
41
  dense
10
42
  round
11
43
  aria-label="Menu"
12
44
  icon="i-mdi-menu"
45
+ class="q-mb-md"
13
46
  @click="toggleLeftDrawer()"
14
47
  >
15
48
  </q-btn>
16
- <slot name="header-toolbar" />
17
- </q-toolbar>
18
- </q-header>
19
-
20
- <q-drawer
21
- ref="drawerRef"
22
- :model-value="leftDrawerOpen"
23
- :width="drawerWidth"
24
- :mini-width="80"
25
- :mini="miniState"
26
- show-if-above
27
- bordered
28
- @hide="onDrawerHide"
29
- @update:model-value="toggleLeftDrawer"
30
- @mouseleave="debouncedToggleMiniState(true)"
31
- >
32
- <template #mini>
33
- <div
34
- :class="{
35
- column: true,
36
- 'items-center': miniState,
37
- 'pr-0': true
38
- }"
39
- >
40
- <q-btn
41
- flat
42
- dense
43
- round
44
- aria-label="Menu"
45
- icon="i-mdi-menu"
46
- class="q-mb-md"
47
- @click="toggleLeftDrawer()"
48
- >
49
- </q-btn>
50
- <div id="fabs" class="q-mb-md min-h-56px">
51
- <slot name="fabs" :show-sticky="false" />
52
- </div>
53
-
54
- <slot name="drawer-mini-navigation" />
49
+ <div id="fabs" class="q-mb-md min-h-56px">
50
+ <slot name="fabs" :show-sticky="false" />
55
51
  </div>
56
- </template>
57
- <slot name="drawer" />
58
- </q-drawer>
59
-
60
- <q-footer class="h-80px lt-md">
61
- <slot name="footer" />
62
- </q-footer>
63
-
64
- <q-page-container>
65
- <router-view />
66
- <slot name="fabs" :show-sticky="true" />
67
- </q-page-container>
68
- </div>
52
+
53
+ <slot name="drawer-mini-navigation" />
54
+ </div>
55
+ </template>
56
+ <slot name="drawer" />
57
+ </q-drawer>
58
+
59
+ <q-footer class="h-80px lt-md">
60
+ <slot name="footer" />
61
+ </q-footer>
62
+
63
+ <q-page-container>
64
+ <router-view />
65
+ <slot name="fabs" :show-sticky="true" />
66
+ </q-page-container>
69
67
  </q-layout>
70
68
  </template>
71
69