@mythpe/quasar-ui-qui 0.4.101 → 0.4.103

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -14,7 +14,7 @@ import type { ApiInterface, GenericMDtBtn, MDatatableProps, MDtExportOptions } f
 import type { InvalidSubmissionHandler, SubmissionHandler } from 'vee-validate'
 import { useForm } from 'vee-validate'
 import { computed, nextTick, onMounted, ref, toValue, useAttrs, watch } from 'vue'
-import { is as quasarHelpers, QCardSection, QTable, useQuasar } from 'quasar'
+import { extend, is as quasarHelpers, QCardSection, QTable, useQuasar } from 'quasar'
 import { useDtHelpers, useMyth } from '../../composable'
 import { useI18n } from 'vue-i18n'
 import MDtImageColumn from './MDtImageColumn.vue'
@@ -418,7 +418,7 @@ const onSuccess: SubmissionHandler = async (form) => {
       if (isUpdateMode.value) {
         if (_data) {
           updateDatatableItem(_data as any, dialogItemIndex.value)
-          resetVeeForm({ ...defaultItem.value, ..._data })
+          await resetVeeForm(extend(!0, {}, defaultItem.value, _data as any))
         }
         emit('update', response)
         if (!props.noUpdateClose && !props.noAutoClose) {
@@ -774,9 +774,9 @@ defineExpose({
                             :align="col.align as any"
                             :copy="computedCopyColumns.includes(col.name)"
                             :copy-value="col.copyValue && typeof col.copyValue === 'function' ? () => col.copyValue(itemProps.row) : itemProps.row[col.copyValue || col.field]"
+                            :digits="col.digits"
                             :string="col.field.includes('_to_string') || col.field.includes('ToString') || col.string === !0"
                             :value="col.value"
-                            :digits="col.digits"
                           />
                         </template>
                         <template v-else-if="computedDescColumns.indexOf(col.name) !== -1">
@@ -1486,9 +1486,9 @@ defineExpose({
               :align="sarCellProps.col.align as any"
               :copy="computedCopyColumns.includes(sarCellProps.col.name)"
               :copy-value="sarCellProps.col.copyValue && typeof sarCellProps.col.copyValue === 'function' ? () => sarCellProps.col.copyValue(sarCellProps.row) : sarCellProps.row[sarCellProps.col.copyValue || sarCellProps.col.field]"
+              :digits="sarCellProps.col.digits"
               :string="sarCellProps.col.field.includes('_to_string') || sarCellProps.col.field.includes('ToString') || sarCellProps.col.string === !0"
               :value="sarCellProps.row[sarCellProps.col.field]"
-              :digits="sarCellProps.col.digits"
             />
           </q-td>
         </template>

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 };