From 377057ba789908b5484b2f555e7acbbe0ec9b3a8 Mon Sep 17 00:00:00 2001
From: kewcoder <kewcoder@gmail.com>
Date: Tue, 14 Nov 2023 09:38:07 +0700
Subject: [PATCH] clean up

---
 .../src/DataDisplay/Table/OcTableCell.vue     | 20 ++++----
 .../src/Form/DatePicker/DatePicker.vue        | 47 +++++++++----------
 .../Form/DatePicker/OcDatePicker.stories.js   |  2 +-
 .../@orchidui-vue/src/Form/Input/OcInput.vue  |  4 +-
 packages/@orchidui-vue/vite.config.js         |  2 +-
 src/style.scss                                |  5 +-
 6 files changed, 37 insertions(+), 43 deletions(-)

diff --git a/packages/@orchidui-vue/src/DataDisplay/Table/OcTableCell.vue b/packages/@orchidui-vue/src/DataDisplay/Table/OcTableCell.vue
index 9dbf4af42..70e057406 100644
--- a/packages/@orchidui-vue/src/DataDisplay/Table/OcTableCell.vue
+++ b/packages/@orchidui-vue/src/DataDisplay/Table/OcTableCell.vue
@@ -34,7 +34,7 @@ const props = defineProps({
     },
   },
   datetime: String,
-  imageClass: String
+  imageClass: String,
 });
 const emit = defineEmits({
   selected: [],
@@ -116,14 +116,8 @@ const copyToClipboard = async (text) => {
 
         <!--  IMAGE    -->
         <template v-else-if="variant === Variants.IMAGE">
-          <div
-           v-if="data"
-            class="h-[42px] min-w-[42px] rounded mx-auto">
-            <img
-              :class="imageClass"
-              alt="table-img"
-              :src="data"
-            />
+          <div v-if="data" class="h-[42px] min-w-[42px] rounded mx-auto">
+            <img :class="imageClass" alt="table-img" :src="data" />
           </div>
           <div
             v-else
@@ -148,8 +142,12 @@ const copyToClipboard = async (text) => {
           v-bind="content"
         />
         <!--   CHIP   -->
-        <Chip v-else-if="variant === Variants.CHIP" :label="data" :variant="chipOptions[data]"/>
-        
+        <Chip
+          v-else-if="variant === Variants.CHIP"
+          :label="data"
+          :variant="chipOptions[data]"
+        />
+
         <!--  DEFAULT    -->
         <div v-else-if="data" class="flex items-center w-full">{{ data }}</div>
         <div v-else>-</div>
diff --git a/packages/@orchidui-vue/src/Form/DatePicker/DatePicker.vue b/packages/@orchidui-vue/src/Form/DatePicker/DatePicker.vue
index 53186a783..0fbb374b3 100644
--- a/packages/@orchidui-vue/src/Form/DatePicker/DatePicker.vue
+++ b/packages/@orchidui-vue/src/Form/DatePicker/DatePicker.vue
@@ -86,35 +86,35 @@ const updateCalendar = () => {
     <div class="flex flex-col gap-y-2">
       <div v-if="type === 'default'" class="flex w-full">
         <Input
-            :model-value="formattedDate"
-            icon="calendar"
-            :label="label"
-            :hint="hint"
-            :placeholder="placeholder"
-            :disabled="disabled"
-            readonly
-            :has-error="errorMessage.length > 0"
+          :model-value="formattedDate"
+          icon="calendar"
+          :label="label"
+          :hint="hint"
+          :placeholder="placeholder"
+          :disabled="disabled"
+          readonly
+          :has-error="errorMessage.length > 0"
         />
       </div>
       <div v-else class="flex gap-x-4">
         <Input
-            label="From"
-            :model-value="formattedDate[0]"
-            icon="calendar"
-            :placeholder="placeholder"
-            :disabled="disabled"
-            readonly
-            :has-error="errorMessage.length > 0"
+          label="From"
+          :model-value="formattedDate[0]"
+          icon="calendar"
+          :placeholder="placeholder"
+          :disabled="disabled"
+          readonly
+          :has-error="errorMessage.length > 0"
         />
 
         <Input
-            label="To"
-            :model-value="formattedDate[1]"
-            icon="calendar"
-            :placeholder="placeholder"
-            :disabled="disabled"
-            readonly
-            :has-error="errorMessage.length > 0"
+          label="To"
+          :model-value="formattedDate[1]"
+          icon="calendar"
+          :placeholder="placeholder"
+          :disabled="disabled"
+          readonly
+          :has-error="errorMessage.length > 0"
         />
       </div>
       <div v-if="errorMessage" class="text-sm text-oc-error flex items-center">
@@ -122,9 +122,6 @@ const updateCalendar = () => {
       </div>
     </div>
 
-
-
-
     <template #menu>
       <Calendar
         v-if="!disabled"
diff --git a/packages/@orchidui-vue/src/Form/DatePicker/OcDatePicker.stories.js b/packages/@orchidui-vue/src/Form/DatePicker/OcDatePicker.stories.js
index beb55906b..fcda2aed2 100644
--- a/packages/@orchidui-vue/src/Form/DatePicker/OcDatePicker.stories.js
+++ b/packages/@orchidui-vue/src/Form/DatePicker/OcDatePicker.stories.js
@@ -16,7 +16,7 @@ export const Default = {
   args: {
     type: "range",
     dateFormat: "DD/MM/YYYY",
-    errorMessage: ''
+    errorMessage: "",
   },
   render: (args) => ({
     components: { Theme, DatePicker },
diff --git a/packages/@orchidui-vue/src/Form/Input/OcInput.vue b/packages/@orchidui-vue/src/Form/Input/OcInput.vue
index ffeb99ea6..2e9724711 100644
--- a/packages/@orchidui-vue/src/Form/Input/OcInput.vue
+++ b/packages/@orchidui-vue/src/Form/Input/OcInput.vue
@@ -49,8 +49,8 @@ const props = defineProps({
   },
   hasError: {
     type: Boolean,
-    default: false
-  }
+    default: false,
+  },
 });
 
 defineEmits({
diff --git a/packages/@orchidui-vue/vite.config.js b/packages/@orchidui-vue/vite.config.js
index a3653e605..b18865490 100644
--- a/packages/@orchidui-vue/vite.config.js
+++ b/packages/@orchidui-vue/vite.config.js
@@ -53,7 +53,7 @@ export default defineConfig({
         "dayjs",
         "v-calendar",
         "@vueup/vue-quill",
-        "vue-advanced-cropper"
+        "vue-advanced-cropper",
       ],
     },
   },
diff --git a/src/style.scss b/src/style.scss
index 315a22791..25e0e8f10 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -5,9 +5,9 @@
 @tailwind base;
 @layer base {
   body {
-    -moz-osx-font-smoothing: grayscale;  
+    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
-    font-family: 'Inter', sans-serif;
+    font-family: "Inter", sans-serif;
     color: var(--oc-text-500);
     background-color: var(--oc-background-light);
     @apply text-base;
@@ -39,4 +39,3 @@
 
 @tailwind components;
 @tailwind utilities;
-