split to async components

hit-pay · Dec 4, 2024 · e21a280 · e21a280
1 parent 8a4e380
commit e21a280
Show file tree

Hide file tree

Showing 11 changed files with 14 additions and 30 deletions.
diff --git a/packages/core/src/Calendar.js b/packages/core/src/Calendar.js
diff --git a/packages/core/src/Cropper.js b/packages/core/src/Cropper.js
diff --git a/packages/core/src/Draggable.js b/packages/core/src/Draggable.js
diff --git a/packages/core/src/EmojiPicker.js b/packages/core/src/EmojiPicker.js
diff --git a/packages/core/src/Form/ComplexCalendar/OcComplexCalendar.stories.js b/packages/core/src/Form/ComplexCalendar/OcComplexCalendar.stories.js
@@ -1,4 +1,4 @@
-import { ComplexCalendar } from '@/orchidui-core/Calendar.js'
+import { ComplexCalendar } from '@/orchidui-core'
 import { Theme } from '@/orchidui-core'
 import dayjs from 'dayjs'
 import { ref } from 'vue'

diff --git a/packages/core/src/Form/ComplexDatePicker/OcComplexDatePicker.stories.js b/packages/core/src/Form/ComplexDatePicker/OcComplexDatePicker.stories.js
@@ -1,4 +1,4 @@
-import { ComplexCalendar } from '@/orchidui-core/Calendar.js'
+import { ComplexCalendar } from '@/orchidui-core'
 import { Theme } from '@/orchidui-core'
 import dayjs from 'dayjs'
 import { ref } from 'vue'

diff --git a/packages/core/src/Form/PhoneInput/OcPhoneInput.vue b/packages/core/src/Form/PhoneInput/OcPhoneInput.vue
@@ -1,12 +1,11 @@
 <script setup>
 import { Dropdown, Input, Icon } from '@/orchidui-core'
 import { computed, ref } from 'vue'
-import codes from '../../data/CountryCodes.sample'
 import { preventEventIfNotNumberInput } from '@/orchidui-core/composables/helpers.js'
 import { parsePhoneNumber } from 'libphonenumber-js'
 
 const props = defineProps({
-  countryCodes: { type: Array, default: () => codes },
+  countryCodes: { type: Array, default: () => [] },
   initialCountryCode: {
     type: String,
     default: 'sg'

diff --git a/packages/core/src/Form/SingleFileUpload/OcSingleFileUpload.vue b/packages/core/src/Form/SingleFileUpload/OcSingleFileUpload.vue
@@ -2,7 +2,7 @@
 import { computed, onMounted, ref } from 'vue'
 import { Input, Button, BaseInput, Icon, Dropdown } from '@/orchidui-core'
 import { useUploadFileProgress } from '@/orchidui-core/composables/uploadFileProgress.js'
-import { ModalCropper } from '@/orchidui-core/Cropper.js'
+import { ModalCropper } from '@/orchidui-core'
 import SingleOnlyImageUpload from './OcSingleOnlyImageUpload.vue'
 
 const props = defineProps({

diff --git a/packages/core/src/Form/SingleFileUpload/OcSingleOnlyImageUpload.vue b/packages/core/src/Form/SingleFileUpload/OcSingleOnlyImageUpload.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Icon, Dropdown } from '@/orchidui-core'
-import { ModalCropper } from '@/orchidui-core/Cropper.js'
+import { ModalCropper } from '@/orchidui-core'
 import { ref } from 'vue'
 
 const props = defineProps({

diff --git a/packages/core/src/StoreDesign.js b/packages/core/src/StoreDesign.js
diff --git a/packages/core/src/index.js b/packages/core/src/index.js
@@ -58,12 +58,11 @@ export * from './Theme/OcTheme.js'
 export * from './FormBuilder/OcFormBuilder.js'
 
 //
-import DataTable from '@/orchidui-core/DataTable/OcDataTable.vue'
-import FilterSearch from '@/orchidui-core/DataTable/OcFilterSearch.vue'
-import FilterSearchFor from '@/orchidui-core/DataTable/OcFilterSearchFor.vue'
-import FilterForm from '@/orchidui-core/DataTable/OcFilterForm.vue'
 
-export { DataTable, FilterSearch, FilterSearchFor, FilterForm }
+const DataTable = defineAsyncComponent(() => import('./DataTable/OcDataTable.vue'))
+const FilterSearch = defineAsyncComponent(() => import('./DataTable/OcFilterSearch.vue'))
+const FilterSearchFor = defineAsyncComponent(() => import('./DataTable/OcFilterSearchFor.vue'))
+const FilterForm = defineAsyncComponent(() => import('./DataTable/OcFilterForm.vue'))
 
 //
 const ComplexCalendar = defineAsyncComponent(
@@ -97,6 +96,11 @@ const TimePicker = defineAsyncComponent(() => import('./Form/TimePicker/OcTimePi
 export {}
 
 export {
+  // datatable
+  DataTable,
+  FilterSearch,
+  FilterSearchFor,
+  FilterForm,
   // calendar
   ComplexCalendar,
   ComplexDatePicker,