fix: Reverted the checkbox cell changes

1 year ago · 4e8f28076f
1 changed files with 9 additions and 7 deletions
--- a/packages/nc-gui/components/cell/Checkbox.vue
+++ b/packages/nc-gui/components/cell/Checkbox.vue
@ -96,13 +96,15 @@ useSelectedCellKeyupListener(active, (e) => {
      :class="{ 'w-full justify-start': isEditColumnMenu || isGallery || isForm, 'py-2': isEditColumnMenu }"
      @click="onClick(true)"
    >
-      <NcCheckbox
-        v-model:checked="vModel"
-        class="nc-checkbox"
-        :style="{
-          color: checkboxMeta.color,
-        }"
-      />
+      <Transition name="layout" mode="out-in" :duration="100">
+        <component
+          :is="getMdiIcon(vModel ? checkboxMeta.icon.checked : checkboxMeta.icon.unchecked)"
+          class="nc-checkbox"
+          :style="{
+            color: checkboxMeta.color,
+          }"
+        />
+      </Transition>
    </div>
  </div>
 </template>