@mythpe/quasar-ui-qui 0.1.96 → 0.1.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mythpe/quasar-ui-qui",
-  "version": "0.1.96",
+  "version": "0.1.97",
   "description": "MyTh Quasar UI Kit App Extension",
   "author": {
     "name": "MyTh Ahmed Faiz",

package/src/components/util/sar/MSarCol.vue

@@ -14,16 +14,22 @@ import { useMyth } from '../../../composable'
 
 interface Props {
   text?: any;
+  size: string | number;
+  iconSize?: string | number;
   string?: boolean;
   append?: boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   text: undefined,
+  size: 15,
+  iconSize: 17,
   string: !1,
   append: !1
 })
 
+const getSize = computed<number>(() => parseInt(props.size?.toString?.() || '0') || 0)
+const getIconSize = computed<number>(() => parseInt(props.iconSize?.toString?.() || '0') || 0)
 const { te } = useI18n({ useScope: 'global' })
 const { __, formatMoney } = useMyth()
 const getText = computed<string | undefined>(() => {
@@ -59,11 +65,12 @@ defineOptions({
       <slot name="default">
         <div
           v-if="text !== undefined && text !== null"
+          :style="`font-size: ${getSize}px;`"
           class="flex flex-center m--sar-col__text"
           v-text="getText"
         />
       </slot>
-      <MSarSvg />
+      <MSarSvg :size="getIconSize" />
     </MRow>
   </div>
 </template>

package/src/components/util/sar/MSarSvg.vue

@@ -7,6 +7,16 @@
   -->
 
 <script lang="ts" setup>
+import { computed } from 'vue'
+
+type Props = {
+  size?: string | number;
+}
+const props = withDefaults(defineProps<Props>(), {
+  size: 15
+})
+const getSize = computed<number>(() => parseInt(props.size?.toString?.() || '0') || 0)
+
 defineOptions({
   name: 'MSarSvg',
   inheritAttrs: !1
@@ -20,9 +30,7 @@ defineOptions({
   >
     <slot />
     <svg
-      id="Layer_1"
-      data-name="Layer 1"
-      height="15px"
+      :height="`${getSize}px`"
       viewBox="0 0 1124.14 1256.39"
       width="100%"
       xmlns="http://www.w3.org/2000/svg"

package/src/types/components.d.ts

@@ -972,7 +972,13 @@ export type MCkeditorProps = Omit<BaseInputsProps, 'hint' | 'topLabel' | 'placeh
 }
 export type MCkeditorSlots = BaseInputsSlots
 
-export interface MSarColProps {
+export type MSarSvgProps = {
+  size?: string | number;
+} & Record<string, any>;
+
+export type MSarColProps = {
+  size?: string | number;
+  iconSize?: string | number;
   text?: any;
   string?: boolean;
   append?: boolean;
@@ -982,10 +988,6 @@ export interface MSarColSlots {
   default: () => VNode[]
 }
 
-export interface MSarSvgProps {
-  [key: string]: any;
-}
-
 export interface MSarSvgSlots {
   default: () => VNode[]
 }