@mythpe/quasar-ui-qui 0.4.102 → 0.4.103

package/package.json

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

package/src/components/form/MAxios.vue

@@ -36,6 +36,7 @@ type P = {
   searchLength?: Props['searchLength'];
   required?: Props['required'];
   multiple?: Props['multiple'];
+  copy?: boolean;
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -55,7 +56,8 @@ const props = withDefaults(defineProps<P>(), {
   byId: undefined,
   searchLength: undefined,
   required: undefined,
-  multiple: undefined
+  multiple: undefined,
+  copy: undefined
 })
 const modelValue = defineModel<Props['modelValue']>({ required: !1, default: undefined })
 type Emits = {
@@ -188,6 +190,7 @@ defineOptions({ name: 'MAxios', inheritAttrs: !1 })
     v-model="modelValue"
     v-model:loading="loading"
     v-model:search="search"
+    :copy="copy"
     :label="label"
     :multiple="multiple"
     :name="name"

package/src/components/form/MInput.vue

@@ -48,7 +48,7 @@ interface P {
   prependIconProps?: Props['prependIconProps'];
   appendIcon?: Props['appendIcon'];
   appendIconProps?: Props['appendIconProps'];
-  copy?: Props['copy'];
+  copy?: boolean;
   type?: Props['type'];
   ltr?: Props['ltr'];
   rtl?: Props['rtl'];

package/src/components/form/MPhone.vue

@@ -39,7 +39,7 @@ interface P {
   noCountry?: Props['noCountry'];
   prefix?: Props['prefix'];
   suffix?: Props['suffix'];
-  copy?: Props['copy'];
+  copy?: boolean;
 }
 
 const props = defineProps<P>()

package/src/components/form/MSelect.vue

@@ -64,6 +64,7 @@ type P = {
   prependIconProps?: Props['prependIconProps'];
   appendIcon?: Props['appendIcon'];
   appendIconProps?: Props['appendIconProps'];
+  copy?: boolean;
 }
 
 const props = withDefaults(defineProps<P>(), {
@@ -112,7 +113,8 @@ const props = withDefaults(defineProps<P>(), {
   prependIcon: undefined,
   prependIconProps: undefined,
   appendIcon: undefined,
-  appendIconProps: undefined
+  appendIconProps: undefined,
+  copy: undefined
 })
 defineModel<Props['modelValue']>({ required: !1, default: undefined })
 
@@ -122,7 +124,7 @@ type Emits = {
 const emit = defineEmits<Emits>()
 const $q = useQuasar()
 
-const { __, props: pluginOptions } = useMyth()
+const { __, props: pluginOptions, copyText } = useMyth()
 const helper = useBindInput<P & Props>(() => props, 'select', () => ({ choose: !0 }))
 const { theme, hasTopLabel, getLabel, getAutocompleteAttribute, inputRules, getProp } = helper
 const inputScope = useField<Props['modelValue']>(() => props.name, inputRules, {
@@ -326,6 +328,22 @@ defineOptions({
           v-bind="appendIconProps"
         />
       </template>
+      <template
+        v-else-if="copy && !!getViewModeValue && viewMode"
+        #append
+      >
+        <q-btn
+          flat
+          icon="ion-copy"
+          round
+          size="sm"
+          @click="copyText(getViewModeValue)"
+        >
+          <q-tooltip v-if="!!getViewModeValue">
+            {{ __('labels.copy') }}
+          </q-tooltip>
+        </q-btn>
+      </template>
       <template
         v-if="!hideEmptyList"
         #no-option

package/src/types/api/MSelect.d.ts

@@ -33,6 +33,11 @@ export interface MSelectProps extends Omit<QSelectProps, 'rules' | 'name' | 'mod
    * dont use default loading slot.
    */
   noLoading?: boolean;
+  /**
+   * Show copy button.
+   * Default: false.
+   */
+  copy?: boolean;
 }
 
 type ItemsScope = { items: any[], value: any };