@mythpe/quasar-ui-qui 0.2.56 → 0.2.58

package/package.json

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

package/src/components/datatable/MDatatable.vue

@@ -587,13 +587,16 @@ defineExpose({
                           />
                         </template>
                         <template v-else-if="colorColumnsProp.indexOf(col.name) !== -1">
-                          <MDtColorColumn :color="col.value" />
+                          <MDtColorColumn :value="col.value" />
                         </template>
                         <template v-else-if="sarColumnsProp.indexOf(col.name) !== -1">
                           <MDtSarColumn :value="col.value" />
                         </template>
                         <template v-else-if="copyColumnsProp.indexOf(col.name) !== -1">
-                          <MDtCopyColumn :value="col.value" />
+                          <MDtCopyColumn
+                            :label="col.value"
+                            :value="col.value"
+                          />
                         </template>
                         <template v-else-if="col.name === controlKey">
                           <MRow
@@ -1124,56 +1127,59 @@ defineExpose({
           </slot>
         </template>
         <template
-          v-for="c in imageColumnsProp"
-          :key="`a-c-${c}`"
-          #[`body-cell-${c}`]="colProps"
+          v-for="imageCol in imageColumnsProp"
+          :key="`a-image-body-cell-${imageCol}`"
+          #[`body-cell-${imageCol}`]="imageColProps"
         >
-          <q-td :props="colProps">
+          <q-td :props="imageColProps">
             <MDtImageColumn
               :image-mode="getProp('imageMode')"
               :image-size="getProp('imageSize')"
-              :value="colProps.row[c]"
-              @click="openImageDialog(colProps.row[c])"
+              :value="imageColProps.row[imageColProps.col.field]"
+              @click="openImageDialog(imageColProps.row[imageColProps.col.field])"
             />
           </q-td>
         </template>
         <template
           v-for="u in urlColumnsProp"
-          :key="`a-u-${u}`"
+          :key="`a-u-body-cell-${u}`"
           #[`body-cell-${u}`]="urlProps"
         >
           <q-td :props="urlProps">
             <MDtUrlColumn
-              :value="urlProps.row[u]"
-              @click="openWindow(urlProps.row[u])"
+              :value="urlProps.row[urlProps.col.field]"
+              @click="openWindow(urlProps.row[urlProps.col.field])"
             />
           </q-td>
         </template>
         <template
           v-for="cc in colorColumnsProp"
-          :key="`a-cc-${cc}`"
+          :key="`a-cc-body-cell-${cc}`"
           #[`body-cell-${cc}`]="ccProps"
         >
           <q-td :props="ccProps">
-            <MDtColorColumn :color="ccProps.row[cc]" />
+            <MDtColorColumn :value="ccProps.row[ccProps.col.field]" />
           </q-td>
         </template>
         <template
           v-for="sr in sarColumnsProp"
-          :key="`a-sr-${sr}`"
+          :key="`a-sr-body-cell-${sr}`"
           #[`body-cell-${sr}`]="srProps"
         >
           <q-td :props="srProps">
-            <MDtSarColumn :value="srProps.row[sr]" />
+            <MDtSarColumn :value="srProps.row[srProps.col.field]" />
           </q-td>
         </template>
         <template
           v-for="cp in copyColumnsProp"
-          :key="`a-cp-${cp}`"
+          :key="`a-cp-body-cell-${cp}`"
           #[`body-cell-${cp}`]="copyColumnProps"
         >
           <q-td :props="copyColumnProps">
-            <MDtCopyColumn :value="copyColumnProps.row[cp]" />
+            <MDtCopyColumn
+              :label="copyColumnProps.row[copyColumnProps.col.field]"
+              :value="copyColumnProps.row[copyColumnProps.col.field]"
+            />
           </q-td>
         </template>
 

package/src/components/datatable/MDtCopyColumn.vue

@@ -12,6 +12,7 @@ import { useMyth } from '../../composable'
 import type { MDtCopyColumnProps } from '../../types'
 
 interface Props {
+  label?: MDtCopyColumnProps['value'];
   value?: MDtCopyColumnProps['value'];
   width?: MDtCopyColumnProps['width'];
 }
@@ -33,9 +34,9 @@ defineOptions({
       :style="`max-width: ${width || 150}px;`"
       class="ellipsis"
     >
-      {{ value || '' }}
+      {{ label || '' }}
       <q-tooltip>
-        {{ __('labels.copy') }}
+        {{ value }}
       </q-tooltip>
     </div>
     <q-btn

package/src/components/form/MPicker.vue

@@ -221,7 +221,8 @@ defineOptions({
         hint: hint ? __(hint) : undefined,
         label: hasTopLabel ? undefined : ( getLabel || undefined),
         autocomplete: getAutocompleteAttribute || undefined,
-        stackLabel: !0
+        stackLabel: !0,
+        clearable: viewMode ? !1 : getProp('clearable')
       }"
     >
       <template #control>

package/src/types/m-datatable.d.ts

@@ -354,6 +354,7 @@ export interface MDtColorColumnSlots {
 }
 
 export interface MDtCopyColumnProps {
+  label?: any;
   value?: any;
   width?: string | number;
 }