@simsustech/quasar-components 0.11.11 → 0.11.12

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/authentication.js +4 -1
  3. package/dist/md3.js +34 -10
  4. package/dist/types/ui/md3/NavigationRailFabs.vue.d.ts +1 -0
  5. package/package.json +1 -1
  6. package/src/ui/authentication/UserMenuButton.vue +1 -1
  7. package/src/ui/md3/Md3Layout.vue +4 -1
  8. package/src/ui/md3/NavigationRailFabs.vue +25 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @simsustech/quasar-components
2
2
 
3
+ ## 0.11.12
4
+
5
+ ### Patch Changes
6
+
7
+ - 911f1ce: feat(components): make UserMenuButton round
8
+ - 08f4c9d: feat(components): add seekAttention prop to NavigationRailFabs
9
+ - 76e1484: fix(components): fix Md3Layout onMounted set mini state
10
+
3
11
  ## 0.11.11
4
12
 
5
13
  ### Patch Changes
package/dist/authentication.js CHANGED
@@ -1601,7 +1601,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
1601
1601
  const _component_q_list = QList;
1602
1602
  const _component_q_menu = QMenu;
1603
1603
  const _component_q_btn = QBtn;
1604
- return openBlock(), createBlock(_component_q_btn, { icon: unref(personIcon) }, {
1604
+ return openBlock(), createBlock(_component_q_btn, {
1605
+ icon: unref(personIcon),
1606
+ round: ""
1607
+ }, {
1605
1608
  default: withCtx(() => [
1606
1609
  createVNode(_component_q_menu, null, {
1607
1610
  default: withCtx(() => [
package/dist/md3.js CHANGED
@@ -1,11 +1,12 @@
1
1
  import { QBtn, QPageSticky, useQuasar, debounce, QLayout, QHeader, QToolbar, QDrawer, QFooter, QPageContainer } from "quasar";
2
- import { defineComponent, toRefs, inject, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, unref, withCtx, watch, getCurrentScope, onScopeDispose, computed, toValue, ref, onMounted, resolveComponent, withDirectives, createElementVNode, createVNode, renderSlot, normalizeClass, vShow } from "vue";
2
+ import { defineComponent, toRefs, inject, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, unref, normalizeClass, withCtx, watch, getCurrentScope, onScopeDispose, computed, toValue, ref, onMounted, resolveComponent, withDirectives, createElementVNode, createVNode, renderSlot, vShow } from "vue";
3
3
  const _hoisted_1$1 = { key: 0 };
4
4
  const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5
5
  __name: "NavigationRailFabs",
6
6
  props: {
7
7
  type: {},
8
8
  showSticky: { type: Boolean },
9
+ seekAttention: { type: Boolean },
9
10
  busEmits: {},
10
11
  icons: {}
11
12
  },
@@ -29,19 +30,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
29
30
  _ctx.busEmits.add && unref(type) === "add" ? (openBlock(), createBlock(_component_q_btn, {
30
31
  key: 0,
31
32
  id: "fabAdd",
32
- class: "gt-sm",
33
+ class: normalizeClass({
34
+ "gt-sm": true,
35
+ animated: !!_ctx.seekAttention,
36
+ "animated-tada": !!_ctx.seekAttention,
37
+ "animated-infinite": !!_ctx.seekAttention
38
+ }),
33
39
  fab: "",
34
40
  icon: unref(addIcon),
35
41
  onClick: _cache[0] || (_cache[0] = ($event) => unref(bus).emit(_ctx.busEmits.add))
36
- }, null, 8, ["icon"])) : createCommentVNode("", true),
42
+ }, null, 8, ["class", "icon"])) : createCommentVNode("", true),
37
43
  _ctx.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
38
44
  key: 1,
39
45
  id: "fabEdit",
40
- class: "gt-sm",
46
+ class: normalizeClass({
47
+ "gt-sm": true,
48
+ animated: !!_ctx.seekAttention,
49
+ "animated-tada": !!_ctx.seekAttention,
50
+ "animated-infinite": !!_ctx.seekAttention
51
+ }),
41
52
  fab: "",
42
53
  icon: unref(editIcon),
43
54
  onClick: _cache[1] || (_cache[1] = ($event) => unref(bus).emit(_ctx.busEmits.edit))
44
- }, null, 8, ["icon"])) : createCommentVNode("", true)
55
+ }, null, 8, ["class", "icon"])) : createCommentVNode("", true)
45
56
  ])) : createCommentVNode("", true),
46
57
  _ctx.showSticky ? (openBlock(), createBlock(_component_q_page_sticky, {
47
58
  key: 1,
@@ -51,18 +62,28 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
51
62
  default: withCtx(() => [
52
63
  _ctx.busEmits.add && unref(type) === "add" ? (openBlock(), createBlock(_component_q_btn, {
53
64
  key: 0,
54
- class: "lt-md",
65
+ class: normalizeClass({
66
+ "lt-md": true,
67
+ animated: !!_ctx.seekAttention,
68
+ "animated-tada": !!_ctx.seekAttention,
69
+ "animated-infinite": !!_ctx.seekAttention
70
+ }),
55
71
  fab: "",
56
72
  icon: unref(addIcon),
57
73
  onClick: _cache[2] || (_cache[2] = ($event) => unref(bus).emit(_ctx.busEmits.add))
58
- }, null, 8, ["icon"])) : createCommentVNode("", true),
74
+ }, null, 8, ["class", "icon"])) : createCommentVNode("", true),
59
75
  _ctx.busEmits.edit && unref(type) === "edit" ? (openBlock(), createBlock(_component_q_btn, {
60
76
  key: 1,
61
- class: "lt-md",
77
+ class: normalizeClass({
78
+ "lt-md": true,
79
+ animated: !!_ctx.seekAttention,
80
+ "animated-tada": !!_ctx.seekAttention,
81
+ "animated-infinite": !!_ctx.seekAttention
82
+ }),
62
83
  fab: "",
63
84
  icon: unref(editIcon),
64
85
  onClick: _cache[3] || (_cache[3] = ($event) => unref(bus).emit(_ctx.busEmits.edit))
65
- }, null, 8, ["icon"])) : createCommentVNode("", true)
86
+ }, null, 8, ["class", "icon"])) : createCommentVNode("", true)
66
87
  ]),
67
88
  _: 1
68
89
  })) : createCommentVNode("", true)
@@ -295,7 +316,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
295
316
  const debouncedToggleMiniState = debounce(toggleMiniState, 500);
296
317
  onClickOutside(drawerRef, () => toggleMiniState(true));
297
318
  onMounted(() => {
298
- if ($q.screen.gt.sm) miniState.value = true;
319
+ console.log($q.screen);
320
+ if ($q.screen.gt.sm) {
321
+ toggleMiniState(true);
322
+ }
299
323
  });
300
324
  return (_ctx, _cache) => {
301
325
  const _component_q_btn = QBtn;
package/dist/types/ui/md3/NavigationRailFabs.vue.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  interface Props {
2
2
  type?: 'add' | 'edit';
3
3
  showSticky?: boolean;
4
+ seekAttention?: boolean;
4
5
  busEmits: {
5
6
  add?: string;
6
7
  edit?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simsustech/quasar-components",
3
- "version": "0.11.11",
3
+ "version": "0.11.12",
4
4
  "author": "Stefan van Herwijnen",
5
5
  "description": "High level components for Quasar Framework",
6
6
  "license": "MIT",
package/src/ui/authentication/UserMenuButton.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <q-btn :icon="personIcon">
2
+ <q-btn :icon="personIcon" round>
3
3
  <q-menu>
4
4
  <q-list>
5
5
  <q-item :to="userRoute">
package/src/ui/md3/Md3Layout.vue CHANGED
@@ -134,6 +134,9 @@ const debouncedToggleMiniState = debounce(toggleMiniState, 500)
134
134
  onClickOutside(drawerRef, () => toggleMiniState(true))
135
135
 
136
136
  onMounted(() => {
137
- if ($q.screen.gt.sm) miniState.value = true
137
+ console.log($q.screen)
138
+ if ($q.screen.gt.sm) {
139
+ toggleMiniState(true)
140
+ }
138
141
  })
139
142
  </script>
package/src/ui/md3/NavigationRailFabs.vue CHANGED
@@ -3,7 +3,12 @@
3
3
  <q-btn
4
4
  v-if="busEmits.add && type === 'add'"
5
5
  id="fabAdd"
6
- class="gt-sm"
6
+ :class="{
7
+ 'gt-sm': true,
8
+ animated: !!seekAttention,
9
+ 'animated-tada': !!seekAttention,
10
+ 'animated-infinite': !!seekAttention
11
+ }"
7
12
  fab
8
13
  :icon="addIcon"
9
14
  @click="bus.emit(busEmits.add)"
@@ -11,7 +16,12 @@
11
16
  <q-btn
12
17
  v-if="busEmits.edit && type === 'edit'"
13
18
  id="fabEdit"
14
- class="gt-sm"
19
+ :class="{
20
+ 'gt-sm': true,
21
+ animated: !!seekAttention,
22
+ 'animated-tada': !!seekAttention,
23
+ 'animated-infinite': !!seekAttention
24
+ }"
15
25
  fab
16
26
  :icon="editIcon"
17
27
  @click="bus.emit(busEmits.edit)"
@@ -20,14 +30,24 @@
20
30
  <q-page-sticky v-if="showSticky" position="bottom-right" :offset="[18, 18]">
21
31
  <q-btn
22
32
  v-if="busEmits.add && type === 'add'"
23
- class="lt-md"
33
+ :class="{
34
+ 'lt-md': true,
35
+ animated: !!seekAttention,
36
+ 'animated-tada': !!seekAttention,
37
+ 'animated-infinite': !!seekAttention
38
+ }"
24
39
  fab
25
40
  :icon="addIcon"
26
41
  @click="bus.emit(busEmits.add)"
27
42
  />
28
43
  <q-btn
29
44
  v-if="busEmits.edit && type === 'edit'"
30
- class="lt-md"
45
+ :class="{
46
+ 'lt-md': true,
47
+ animated: !!seekAttention,
48
+ 'animated-tada': !!seekAttention,
49
+ 'animated-infinite': !!seekAttention
50
+ }"
31
51
  fab
32
52
  :icon="editIcon"
33
53
  @click="bus.emit(busEmits.edit)"
@@ -42,6 +62,7 @@ import { inject, toRefs } from 'vue'
42
62
  interface Props {
43
63
  type?: 'add' | 'edit'
44
64
  showSticky?: boolean
65
+ seekAttention?: boolean
45
66
  busEmits: {
46
67
  add?: string
47
68
  edit?: string