@simsustech/quasar-components 0.4.5 → 0.4.6

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @simsustech/quasar-components
 
+## 0.4.6
+
+### Patch Changes
+
+- 255d957: fix(components): make LoginButton extend QSubmitButton
+
 ## 0.4.5
 
 ### Patch Changes

package/dist/{QSubmitButton.vue_vue_type_script_setup_true_lang-17dddb76.js → QSubmitButton.vue_vue_type_script_setup_true_lang-62670a79.js}

@@ -1,5 +1,5 @@
 import { useQuasar, QBtn } from "quasar";
-import { ref, defineComponent, useAttrs, watch, openBlock, createBlock, mergeProps, unref } from "vue";
+import { ref, defineComponent, useAttrs, watch, openBlock, createBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 const lang$1 = {
   isoName: "en-US",
   submit: "Submit",
@@ -85,12 +85,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_q_btn = QBtn;
       return openBlock(), createBlock(_component_q_btn, mergeProps(unref(attrs), {
-        label: __props.isNextButton ? unref(lang2).next : unref(lang2).submit,
         color: __props.color,
         loading: __props.loading || unref(loadingInternal),
         type: "submit",
         onClick: submit
-      }), null, 16, ["label", "color", "loading"]);
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.isNextButton ? unref(lang2).next : unref(lang2).submit), 1)
+          ])
+        ]),
+        _: 3
+      }, 16, ["color", "loading"]);
     };
   }
 });

package/dist/authentication.js

@@ -1,6 +1,6 @@
 import { useQuasar, QForm, QInput, QStep, QStepperNavigation, QStepper, QIcon, QBtn, QSlider, QItemSection, QItem, QList, QMenu } from "quasar";
 import { ref, defineComponent, watch, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toRef, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
-import { _ as _sfc_main$c } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-17dddb76.js";
+import { _ as _sfc_main$c } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-62670a79.js";
 const lang$1 = {
   isoName: "en-US",
   myAccount: "Account",
@@ -1643,7 +1643,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: {
     withNetwork: {}
   },
-  setup(__props, { expose: __expose }) {
+  setup(__props) {
     const $q = useQuasar();
     const lang2 = useLang();
     if (lang2.value.isoName !== $q.lang.isoName)
@@ -1651,19 +1651,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch($q.lang, (val) => {
       loadLang($q.lang.isoName);
     });
-    const variables = ref({
-      // header: lang.value.some.nested.prop
-    });
-    const functions = ref({
-      // submit
-    });
-    __expose({
-      variables,
-      functions
-    });
     return (_ctx, _cache) => {
-      const _component_q_btn = QBtn;
-      return openBlock(), createBlock(_component_q_btn, null, {
+      return openBlock(), createBlock(_sfc_main$c, null, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "icon"),
           _ctx.withNetwork ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(lang2).login.loginWith) + " " + toDisplayString(_ctx.withNetwork), 1)) : (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(unref(lang2).login.login), 1))

package/dist/form.js

@@ -347,7 +347,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     });
     const { modelValue } = toRefs(props);
     const update = (val) => {
-      if (typeof val === "string")
+      if (typeof val === "string" || val === null)
         emit("update:modelValue", val);
     };
     watch(

package/dist/general.js

@@ -1,4 +1,4 @@
-import { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-17dddb76.js";
+import { l as loadLang, u as useLang, _ as _sfc_main$4 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-62670a79.js";
 import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QSpace, QPageSticky, QSelect, QItemSection, QItemLabel, QItem } from "quasar";
 import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, useAttrs, computed, mergeProps, createTextVNode, toDisplayString } from "vue";
 import { enUs, nl } from "./flags.js";

package/dist/types/ui/authentication/LoginButton.vue.d.ts

@@ -1,10 +1,7 @@
 export interface Props {
     withNetwork?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {
-    variables: import("vue").Ref<{}>;
-    functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>, {
     icon?(_: {}): any;
 }>;
 export default _default;

package/dist/types/ui/general/QSubmitButton.vue.d.ts

@@ -4,7 +4,7 @@ export interface Props {
     isNextButton?: boolean;
     color?: string;
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     loading: {
         type: BooleanConstructor;
         default: undefined;
@@ -49,5 +49,12 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     useForm: boolean;
     isNextButton: boolean;
-}, {}>;
+}, {}>, {
+    default?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.4.5",
+  "version": "0.4.6",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",

package/src/ui/authentication/LoginButton.vue

@@ -1,11 +1,9 @@
 <template>
-  <q-btn>
+  <q-submit-button>
     <slot name="icon" />
     <div v-if="withNetwork">{{ lang.login.loginWith }} {{ withNetwork }}</div>
-    <div v-else>
-      {{ lang.login.login }}
-    </div>
-  </q-btn>
+    <div v-else>{{ lang.login.login }}</div>
+  </q-submit-button>
 </template>
 
 <script lang="ts">
@@ -15,42 +13,20 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { watch } from 'vue'
 import { useQuasar } from 'quasar'
-import { useLang, loadLang } from './lang'
+import { useLang, loadLang } from './lang/index.js'
+import QSubmitButton from '../general/QSubmitButton.vue'
 
 export interface Props {
   withNetwork?: string
 }
 defineProps<Props>()
-// const attrs = useAttrs();
-// const emit = defineEmits<{
-//   (
-//     e: "asyncEmit",
-//     {
-//       value,
-//       done,
-//     }: {
-//       value: string;
-//       done: () => void;
-//     }
-//   ): void;
-// }>();
+
 const $q = useQuasar()
 const lang = useLang()
 if (lang.value.isoName !== $q.lang.isoName) loadLang($q.lang.isoName)
 watch($q.lang, (val) => {
   loadLang($q.lang.isoName)
 })
-
-const variables = ref({
-  // header: lang.value.some.nested.prop
-})
-const functions = ref({
-  // submit
-})
-defineExpose({
-  variables,
-  functions
-})
 </script>

package/src/ui/form/DateInput.vue

@@ -67,7 +67,7 @@ watch($q.lang, () => {
 const { modelValue } = toRefs(props)
 
 const update = (val: string | number | null) => {
-  if (typeof val === 'string') emit('update:modelValue', val)
+  if (typeof val === 'string' || val === null) emit('update:modelValue', val)
 }
 watch(
   () => modelValue?.value,

package/src/ui/general/QSubmitButton.vue

@@ -1,12 +1,15 @@
 <template>
   <q-btn
     v-bind="attrs"
-    :label="isNextButton ? lang.next : lang.submit"
     :color="color"
     :loading="loading || loadingInternal"
     type="submit"
     @click="submit"
-  />
+  >
+    <slot>
+      {{ isNextButton ? lang.next : lang.submit }}
+    </slot>
+  </q-btn>
 </template>
 
 <script lang="ts">