@simsustech/quasar-components 0.12.3 → 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 +6 -0
  2. package/dist/md3.js +9 -7
  3. package/package.json +1 -1
  4. package/src/ui/md3/Md3Layout.vue +55 -57
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
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
+
3
9
  ## 0.12.3
4
10
 
5
11
  ### Patch Changes
package/dist/md3.js CHANGED
@@ -264,8 +264,7 @@ function onClickOutside(target, handler, options = {}) {
264
264
  Number.POSITIVE_INFINITY;
265
265
  //#endregion
266
266
  //#region src/ui/md3/Md3Layout.vue?vue&type=script&setup=true&lang.ts
267
- var _hoisted_1 = { key: 0 };
268
- var _hoisted_2 = {
267
+ var _hoisted_1 = {
269
268
  id: "fabs",
270
269
  class: "q-mb-md min-h-56px"
271
270
  };
@@ -325,8 +324,11 @@ var Md3Layout_default = /* @__PURE__ */ defineComponent({
325
324
  const _component_router_view = resolveComponent("router-view");
326
325
  const _component_q_page_container = QPageContainer;
327
326
  const _component_q_layout = QLayout;
328
- return openBlock(), createBlock(_component_q_layout, { view: "lHh Lpr lFf" }, {
329
- default: withCtx(() => [__props.ready ? (openBlock(), createElementBlock("div", _hoisted_1, [
327
+ return __props.ready ? (openBlock(), createBlock(_component_q_layout, {
328
+ key: 0,
329
+ view: "lHh Lpr lFf"
330
+ }, {
331
+ default: withCtx(() => [
330
332
  createVNode(_component_q_header, null, {
331
333
  default: withCtx(() => [createVNode(_component_q_toolbar, null, {
332
334
  default: withCtx(() => [!miniState.value ? (openBlock(), createBlock(_component_q_btn, {
@@ -369,7 +371,7 @@ var Md3Layout_default = /* @__PURE__ */ defineComponent({
369
371
  class: "q-mb-md",
370
372
  onClick: _cache[1] || (_cache[1] = ($event) => toggleLeftDrawer())
371
373
  }),
372
- createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "fabs", { showSticky: false })]),
374
+ createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "fabs", { showSticky: false })]),
373
375
  renderSlot(_ctx.$slots, "drawer-mini-navigation")
374
376
  ], 2)]),
375
377
  default: withCtx(() => [renderSlot(_ctx.$slots, "drawer")]),
@@ -387,9 +389,9 @@ var Md3Layout_default = /* @__PURE__ */ defineComponent({
387
389
  default: withCtx(() => [createVNode(_component_router_view), renderSlot(_ctx.$slots, "fabs", { showSticky: true })]),
388
390
  _: 3
389
391
  })
390
- ])) : createCommentVNode("", true)]),
392
+ ]),
391
393
  _: 3
392
- });
394
+ })) : createCommentVNode("", true);
393
395
  };
394
396
  }
395
397
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simsustech/quasar-components",
3
- "version": "0.12.3",
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-if="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