diff --git a/src/components/model-blog-list/index.vue b/src/components/model-blog-list/index.vue
index 7d8dcddf..077dadc7 100644
--- a/src/components/model-blog-list/index.vue
+++ b/src/components/model-blog-list/index.vue
@@ -78,7 +78,8 @@
     </div>
 </template>
 <script setup lang="ts">
-import { common_styles_computer, padding_computer, radius_computer, get_math, is_obj_empty, common_img_computer, background_computer, gradient_handle, gradient_computer, margin_computer, box_shadow_computer, border_computer, old_radius, old_padding, old_margin } from '@/utils';
+import { common_styles_computer, padding_computer, radius_computer, get_math, is_obj_empty, common_img_computer, background_computer, gradient_handle, gradient_computer, margin_computer, box_shadow_computer, border_computer } from '@/utils';
+import { old_radius, old_padding, old_margin } from "@/utils/common";
 import { isEmpty, cloneDeep } from 'lodash';
 import blogAPI from '@/api/blog';
 import { Swiper, SwiperSlide } from 'swiper/vue';
diff --git a/src/components/model-data-magic/components/carousel/magic-carousel.vue b/src/components/model-data-magic/components/carousel/magic-carousel.vue
index 83139b25..692775f3 100644
--- a/src/components/model-data-magic/components/carousel/magic-carousel.vue
+++ b/src/components/model-data-magic/components/carousel/magic-carousel.vue
@@ -16,7 +16,8 @@
 </template>
 
 <script setup lang="ts">
-import { gradient_computer, radius_computer, padding_computer, background_computer, margin_computer, box_shadow_computer, border_computer, old_radius, old_margin, old_padding, old_border_and_box_shadow } from "@/utils";
+import { gradient_computer, radius_computer, padding_computer, background_computer, margin_computer, box_shadow_computer, border_computer } from "@/utils";
+import { old_radius, old_margin, old_padding, old_border_and_box_shadow } from "@/utils/common";
 import { isEmpty } from "lodash";
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import { Autoplay } from 'swiper/modules';
diff --git a/src/components/model-data-magic/components/carousel/product-list-show.vue b/src/components/model-data-magic/components/carousel/product-list-show.vue
index 0a451c8a..c1706855 100644
--- a/src/components/model-data-magic/components/carousel/product-list-show.vue
+++ b/src/components/model-data-magic/components/carousel/product-list-show.vue
@@ -76,8 +76,8 @@
 
 <script setup lang="ts">
 import { isEmpty } from 'lodash';
-import { gradient_computer, radius_computer, padding_computer, background_computer, margin_computer, border_computer, box_shadow_computer, old_radius, old_margin, old_padding } from "@/utils";
-
+import { gradient_computer, radius_computer, padding_computer, background_computer, margin_computer, border_computer, box_shadow_computer } from "@/utils";
+import { old_radius, old_margin, old_padding } from "@/utils/common";
 interface Props {
     value: Array<any>;
     outerflex: string;
diff --git a/src/components/model-data-magic/components/custom/index.vue b/src/components/model-data-magic/components/custom/index.vue
index 3a5f7920..e6f2ca7d 100644
--- a/src/components/model-data-magic/components/custom/index.vue
+++ b/src/components/model-data-magic/components/custom/index.vue
@@ -50,7 +50,8 @@
     </div>
 </template>
 <script setup lang="ts">
-import { background_computer, border_computer, border_width, box_shadow_computer, common_img_computer, common_styles_computer, get_math, gradient_computer, margin_computer, old_border_and_box_shadow, old_margin, old_padding, old_radius, padding_computer, radius_computer } from '@/utils';
+import { background_computer, border_computer, border_width, box_shadow_computer, common_img_computer, common_styles_computer, get_math, gradient_computer, margin_computer, padding_computer, radius_computer } from '@/utils';
+import { old_border_and_box_shadow, old_margin, old_padding, old_radius, } from "@/utils/common";
 import { isEmpty } from "lodash";
 import { Swiper, SwiperSlide } from 'swiper/vue';
 import { Autoplay } from 'swiper/modules';
diff --git a/src/components/model-realstore/index.vue b/src/components/model-realstore/index.vue
index 1e119a3d..bbe99631 100644
--- a/src/components/model-realstore/index.vue
+++ b/src/components/model-realstore/index.vue
@@ -93,7 +93,8 @@
     </div>
 </template>
 <script setup lang="ts">
-import { common_styles_computer, common_img_computer, get_math, gradient_handle, margin_computer, border_computer, box_shadow_computer, radius_computer, old_margin, background_computer, padding_computer } from '@/utils';
+import { common_styles_computer, common_img_computer, get_math, gradient_handle, margin_computer, border_computer, box_shadow_computer, radius_computer, background_computer, padding_computer } from '@/utils';
+import { old_margin } from "@/utils/common";
 import { isEmpty, cloneDeep } from 'lodash';
 import ShopAPI from '@/api/shop';
 import { Swiper, SwiperSlide } from 'swiper/vue';
diff --git a/src/components/model-search/index.vue b/src/components/model-search/index.vue
index 890abc2e..8851c496 100644
--- a/src/components/model-search/index.vue
+++ b/src/components/model-search/index.vue
@@ -69,7 +69,8 @@
     </div>
 </template>
 <script setup lang="ts">
-import { background_computer, common_styles_computer, gradient_computer, radius_computer, common_img_computer, get_math, padding_computer, old_padding, margin_computer, old_margin } from '@/utils';
+import { background_computer, common_styles_computer, gradient_computer, radius_computer, common_img_computer, get_math, padding_computer, margin_computer } from '@/utils';
+import { old_margin, old_padding } from "@/utils/common";
 import { isEmpty } from 'lodash';
 
 const props = defineProps({