@simsustech/quasar-components 0.10.0 → 0.10.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @simsustech/quasar-components
 
+## 0.10.2
+
+### Patch Changes
+
+- e15c306: feat: add type prop to QSubmitButton
+
+## 0.10.1
+
+### Patch Changes
+
+- 4ef557b: fix(ResourcePage): fix error on empty type
+
 ## 0.10.0
 
 ### Minor Changes

package/dist/{QSubmitButton.vue_vue_type_script_setup_true_lang-DAnZaTMl.js → QSubmitButton.vue_vue_type_script_setup_true_lang-Dh9w-oNX.js}

@@ -1,10 +1,11 @@
 import { useQuasar, debounce, QBtn } from "quasar";
-import { ref, defineComponent, useAttrs, watch, openBlock, createBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { ref, defineComponent, toRefs, useAttrs, watch, computed, openBlock, createBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 const lang$1 = {
   isoName: "en-US",
   submit: "Submit",
   next: "Next",
-  back: "Back"
+  back: "Back",
+  send: "Send"
 };
 const enUS = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -14,7 +15,7 @@ var define_import_meta_env_default = { BASE_URL: "/", MODE: "production", DEV: f
 const lang = ref(lang$1);
 const locales = /* @__PURE__ */ Object.assign({
   "./en-US.ts": () => Promise.resolve().then(() => enUS),
-  "./nl.ts": () => import("./nl-vB00g7s2.js")
+  "./nl.ts": () => import("./nl-CLymTRkb.js")
 });
 const useLang = () => {
   return lang;
@@ -45,24 +46,16 @@ const __default__ = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
-    loading: {
-      type: Boolean,
-      default: void 0
-    },
-    useForm: {
-      type: Boolean
-    },
-    isNextButton: {
-      type: Boolean
-    },
-    color: {
-      type: String,
-      default: "primary"
-    }
+    loading: { type: Boolean },
+    useForm: { type: Boolean },
+    type: { default: "submit" },
+    isNextButton: { type: Boolean },
+    color: { default: "primary" }
   },
   emits: ["submit"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const { type, isNextButton } = toRefs(props);
     const attrs = useAttrs();
     const emit = __emit;
     const $q = useQuasar();
@@ -87,17 +80,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       1e3,
       true
     );
+    const label = computed(() => {
+      const labels = {
+        submit: lang2.value.submit,
+        send: lang2.value.send,
+        next: lang2.value.next
+      };
+      return isNextButton.value ? lang2.value.next : labels[type.value];
+    });
     return (_ctx, _cache) => {
       const _component_q_btn = QBtn;
       return openBlock(), createBlock(_component_q_btn, mergeProps(unref(attrs), {
-        color: __props.color,
-        loading: __props.loading || unref(loadingInternal),
+        color: _ctx.color,
+        loading: _ctx.loading || unref(loadingInternal),
         type: "submit",
         onClick: unref(submit)
       }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(__props.isNextButton ? unref(lang2).next : unref(lang2).submit), 1)
+            createTextVNode(toDisplayString(label.value), 1)
           ])
         ]),
         _: 3

package/dist/authentication.js

@@ -1,6 +1,6 @@
 import { useQuasar, QForm, QInput, QStep, QStepperNavigation, QStepper, QIcon, QBtn, QSlider, QItemSection, QItem, QList, QMenu, QTable, QTh, QTr, QSelect, QTd, QItemLabel } from "quasar";
 import { ref, defineComponent, watch, computed, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, renderSlot, toRef, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, toRefs, createElementVNode } from "vue";
-import { _ as _sfc_main$d } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-DAnZaTMl.js";
+import { _ as _sfc_main$d } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-Dh9w-oNX.js";
 const lang$1 = {
   isoName: "en-US",
   myAccount: "Account",

package/dist/general.js

@@ -1,6 +1,6 @@
-import { l as loadLang, u as useLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-DAnZaTMl.js";
+import { l as loadLang, u as useLang, _ as _sfc_main$5 } from "./QSubmitButton.vue_vue_type_script_setup_true_lang-Dh9w-oNX.js";
 import { useQuasar, QCard, QCardSection, QCardActions, QDialog, QBtn, QToolbarTitle, QToolbar, QHeader, QPage, QPageContainer, QLayout, QPageSticky, QSelect, QItemSection, QItemLabel, QItem, QList } from "quasar";
-import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, useSlots, toRefs, useAttrs, computed, mergeProps, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, watch, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, normalizeProps, guardReactiveProps, normalizeClass, createCommentVNode, toRefs, useAttrs, computed, mergeProps, createTextVNode, toDisplayString } from "vue";
 import { e as enUs, n as nl } from "./en-US-BEeILC7o.js";
 const _hoisted_1$1 = { class: "text-h6" };
 const _hoisted_2 = { class: "text-subtitle2" };
@@ -84,7 +84,8 @@ const __default__$1 = {
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: {
-    display: { type: Boolean }
+    display: { type: Boolean },
+    buttonType: {}
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -172,8 +173,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                       !_ctx.display ? (openBlock(), createBlock(_sfc_main$5, {
                         key: 0,
                         color: "accent",
+                        type: _ctx.buttonType,
                         onSubmit: submit
-                      })) : createCommentVNode("", true)
+                      }, null, 8, ["type"])) : createCommentVNode("", true)
                     ]),
                     _: 3
                   })
@@ -211,8 +213,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     disabled: { type: Boolean }
   },
   emits: ["create", "update"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const slots = useSlots();
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const $q = useQuasar();
@@ -223,23 +224,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       loadLang($q.lang.isoName);
     });
     const { type, disabled } = toRefs(props);
-    if (!type.value && !slots.fab)
-      type.value = "create";
     const done = () => "";
-    const create = (evt) => disabled.value ? () => {
-    } : emit("create", { done });
-    const update = (evt) => disabled.value ? () => {
-    } : emit("update", { done });
-    const variables = ref({
-      // header: lang.value.some.nested.prop
-    });
-    const functions = ref({
-      // submit
-    });
-    __expose({
-      variables,
-      functions
-    });
+    const create = (evt) => emit("create", { done });
+    const update = (evt) => emit("update", { done });
     return (_ctx, _cache) => {
       const _component_q_btn = QBtn;
       const _component_q_toolbar_title = QToolbarTitle;

package/dist/{nl-vB00g7s2.js → nl-CLymTRkb.js}

@@ -2,7 +2,8 @@ const lang = {
   isoName: "nl",
   submit: "Opslaan",
   next: "Volgende",
-  back: "Vorige"
+  back: "Vorige",
+  send: "Versturen"
 };
 export {
   lang as default

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

@@ -1,60 +1,52 @@
 export interface Props {
     loading?: boolean;
     useForm?: boolean;
+    type?: 'submit' | 'send' | 'next';
     isNextButton?: boolean;
     color?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    loading: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    useForm: {
-        type: BooleanConstructor;
-    };
-    isNextButton: {
-        type: BooleanConstructor;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    type: string;
+    color: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (args_0: {
         value?: string | undefined;
         done: () => void;
     }) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    loading: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    useForm: {
-        type: BooleanConstructor;
-    };
-    isNextButton: {
-        type: BooleanConstructor;
-    };
-    color: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    type: string;
+    color: string;
+}>>> & {
     onSubmit?: ((args_0: {
         value?: string | undefined;
         done: () => void;
     }) => any) | undefined;
 }, {
+    type: "submit" | "next" | "send";
     color: string;
-    loading: boolean;
-    useForm: boolean;
-    isNextButton: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -2,10 +2,7 @@ export interface Props {
     type?: 'create' | 'update';
     disabled?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {
-    variables: import("vue").Ref<{}>;
-    functions: import("vue").Ref<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     create: (args_0: {
         data?: unknown;
         done: (success?: boolean) => void;

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

@@ -1,5 +1,6 @@
 export interface Props {
     display?: boolean;
+    buttonType?: 'submit' | 'send';
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<Props>, {
     variables: import("vue").Ref<{}>;

package/dist/types/ui/general/lang/index.d.ts

@@ -3,6 +3,7 @@ export interface Language {
     submit: string;
     next: string;
     back: string;
+    send: string;
 }
 import type { Ref } from 'vue';
 export declare const lang: Ref<{
@@ -10,6 +11,7 @@ export declare const lang: Ref<{
     submit: string;
     next: string;
     back: string;
+    send: string;
 }>;
 export declare const defineLang: (lang: Language) => Language;
 export declare const useLang: () => Ref<Language>;

package/package.json

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

package/src/ui/general/QSubmitButton.vue

@@ -7,7 +7,7 @@
     @click="submit"
   >
     <slot>
-      {{ isNextButton ? lang.next : lang.submit }}
+      {{ label }}
     </slot>
   </q-btn>
 </template>
@@ -20,31 +20,23 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { ref, watch, useAttrs } from 'vue'
+import { ref, watch, useAttrs, computed, toRefs } from 'vue'
 import { useQuasar, debounce } from 'quasar'
 import { useLang, loadLang } from './lang'
 export interface Props {
   loading?: boolean
   useForm?: boolean
+  type?: 'submit' | 'send' | 'next'
   isNextButton?: boolean
   color?: string
 }
-const props = defineProps({
-  loading: {
-    type: Boolean,
-    default: undefined
-  },
-  useForm: {
-    type: Boolean
-  },
-  isNextButton: {
-    type: Boolean
-  },
-  color: {
-    type: String,
-    default: 'primary'
-  }
+const props = withDefaults(defineProps<Props>(), {
+  type: 'submit',
+  color: 'primary'
 })
+
+const { type, isNextButton } = toRefs(props)
+
 const attrs = useAttrs()
 const emit = defineEmits<{
   (
@@ -79,4 +71,13 @@ const submit = debounce(
   1000,
   true
 )
+
+const label = computed(() => {
+  const labels = {
+    submit: lang.value.submit,
+    send: lang.value.send,
+    next: lang.value.next
+  }
+  return isNextButton.value ? lang.value.next : labels[type.value]
+})
 </script>

package/src/ui/general/ResourcePage.vue

@@ -49,7 +49,7 @@ export default {
 </script>
 
 <script setup lang="ts">
-import { ref, toRefs, watch, useSlots } from 'vue'
+import { toRefs, watch } from 'vue'
 import { useQuasar } from 'quasar'
 import { useLang, loadLang } from './lang'
 
@@ -57,7 +57,6 @@ export interface Props {
   type?: 'create' | 'update'
   disabled?: boolean
 }
-const slots = useSlots()
 const props = defineProps<Props>()
 
 const emit = defineEmits<{
@@ -91,30 +90,7 @@ watch($q.lang, (val) => {
 
 const { type, disabled } = toRefs(props)
 
-if (!type.value && !slots.fab) type.value = 'create'
-
 const done = () => ''
-const create = (evt: unknown) =>
-  disabled.value
-    ? () => {
-        //
-      }
-    : emit('create', { done })
-const update = (evt: unknown) =>
-  disabled.value
-    ? () => {
-        //
-      }
-    : emit('update', { done })
-
-const variables = ref({
-  // header: lang.value.some.nested.prop
-})
-const functions = ref({
-  // submit
-})
-defineExpose({
-  variables,
-  functions
-})
+const create = (evt: unknown) => emit('create', { done })
+const update = (evt: unknown) => emit('update', { done })
 </script>

package/src/ui/general/ResponsiveDialog.vue

@@ -15,6 +15,7 @@
           <q-submit-button
             v-if="!display"
             color="accent"
+            :type="buttonType"
             @submit="submit"
           ></q-submit-button>
         </q-toolbar>
@@ -43,6 +44,7 @@ import QSubmitButton from './QSubmitButton.vue'
 
 export interface Props {
   display?: boolean
+  buttonType?: 'submit' | 'send'
 }
 defineProps<Props>()
 // const attrs = useAttrs();

package/src/ui/general/lang/en-US.ts

@@ -4,7 +4,8 @@ const lang: Language = {
   isoName: 'en-US',
   submit: 'Submit',
   next: 'Next',
-  back: 'Back'
+  back: 'Back',
+  send: 'Send'
 }
 
 export default lang

package/src/ui/general/lang/index.ts

@@ -3,6 +3,7 @@ export interface Language {
   submit: string
   next: string
   back: string
+  send: string
 }
 
 import type { Ref } from 'vue'

package/src/ui/general/lang/nl.ts

@@ -4,7 +4,8 @@ const lang: Language = {
   isoName: 'nl',
   submit: 'Opslaan',
   next: 'Volgende',
-  back: 'Vorige'
+  back: 'Vorige',
+  send: 'Versturen'
 }
 
 export default lang