@simsustech/quasar-components 0.11.6 → 0.11.7

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @simsustech/quasar-components
 
+## 0.11.7
+
+### Patch Changes
+
+- 5822b58: fix(components): add word-wrap to FormItem
+- 0a500e8: feat(components): add closeIcon prop to ResponsiveDialog
+
 ## 0.11.6
 
 ### Patch Changes

package/dist/form.js

@@ -276,7 +276,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }),
-              createVNode(unref(QItemLabel), null, {
+              createVNode(unref(QItemLabel), { style: {
+                "word-wrap": "anywhere"
+              } }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(_ctx.modelValue || "-"), 1)
                 ]),

package/dist/general.js

@@ -84,7 +84,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...__default__$1,
   props: {
     display: { type: Boolean },
-    buttonType: {}
+    buttonType: { default: "submit" },
+    closeIcon: { default: "close" }
   },
   emits: ["submit"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -155,12 +156,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                   createVNode(_component_q_toolbar, null, {
                     default: withCtx(() => [
                       createVNode(_component_q_btn, {
-                        icon: "close",
+                        icon: _ctx.closeIcon,
                         flat: "",
                         round: "",
                         dense: "",
                         onClick: close
-                      }),
+                      }, null, 8, ["icon"]),
                       createVNode(_component_q_toolbar_title, null, {
                         default: withCtx(() => [
                           renderSlot(_ctx.$slots, "title")
@@ -181,7 +182,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               }),
               createVNode(_component_q_page_container, { style: { "padding-bottom": "-50px" } }, {
                 default: withCtx(() => [
-                  createVNode(_component_q_page, { class: "q-pa-md q-pb-xl" }, {
+                  createVNode(_component_q_page, { class: "q-pb-xl" }, {
                     default: withCtx(() => [
                       renderSlot(_ctx.$slots, "default")
                     ]),

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

@@ -1,6 +1,7 @@
 export interface Props {
     display?: boolean;
     buttonType?: 'submit' | 'send';
+    closeIcon?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
     variables: import("vue").Ref<{}, {}>;
@@ -25,7 +26,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
     onSubmit?: ((args_0: {
         done: (success?: boolean) => void;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+}>, {
+    buttonType: "submit" | "send";
+    closeIcon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     title?(_: {}): any;
     default?(_: {}): any;
 }>;

package/package.json

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

package/src/ui/form/FormItem.vue

@@ -7,7 +7,11 @@
       <q-item-label overline>
         {{ label ? label : field ? lang.fields[field] : '' }}
       </q-item-label>
-      <q-item-label>
+      <q-item-label
+        :style="{
+          'word-wrap': 'anywhere'
+        }"
+      >
         {{ modelValue || '-' }}
       </q-item-label>
     </q-item-section>

package/src/ui/general/ResponsiveDialog.vue

@@ -8,7 +8,7 @@
     >
       <q-header class="bg-primary">
         <q-toolbar>
-          <q-btn icon="close" flat round dense @click="close" />
+          <q-btn :icon="closeIcon" flat round dense @click="close" />
           <q-toolbar-title>
             <slot name="title" />
           </q-toolbar-title>
@@ -22,7 +22,7 @@
       </q-header>
 
       <q-page-container style="padding-bottom: -50px">
-        <q-page class="q-pa-md q-pb-xl">
+        <q-page class="q-pb-xl">
           <slot></slot>
         </q-page>
       </q-page-container>
@@ -45,8 +45,9 @@ import QSubmitButton from './QSubmitButton.vue'
 export interface Props {
   display?: boolean
   buttonType?: 'submit' | 'send'
+  closeIcon?: string
 }
-defineProps<Props>()
+withDefaults(defineProps<Props>(), { buttonType: 'submit', closeIcon: 'close' })
 // const attrs = useAttrs();
 const emit = defineEmits<{
   (