feat：【ele】【mall】diy-editor 调整目录到 promotion 更聚焦

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/component-container-property.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { ComponentStyle } from '#/components/diy-editor/util';
+import type { ComponentStyle } from '../util';
 
 import { useVModel } from '@vueuse/core';
 import {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/component-container.vue

@@ -2,7 +2,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../util';
 
 import { computed } from 'vue';
 
@@ -10,7 +10,7 @@ import { IconifyIcon } from '@vben/icons';
 
 import { ElButton, ElTooltip } from 'element-plus';
 
-import { components } from '#/components/diy-editor/components/mobile';
+import { components } from './mobile';
 import { VerticalButtonGroup } from '#/views/mall/promotion/components';
 
 /**

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/component-library.vue

@@ -2,7 +2,7 @@
 import type {
   DiyComponent,
   DiyComponentLibrary,
-} from '#/components/diy-editor/util';
+} from '../util';
 
 import { reactive, watch } from 'vue';
 

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Carousel/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 轮播图属性 */
 export interface CarouselProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Carousel/property.vue

@@ -16,7 +16,7 @@ import {
   ElTooltip,
 } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadFile from '#/components/upload/file-upload.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import { AppLinkInput, Draggable } from '#/views/mall/promotion/components';

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/config.ts

@@ -1,4 +1,4 @@
-import type { DiyComponent } from '#/components/diy-editor/util';
+import type { DiyComponent } from '../../../util';
 
 /** 分割线属性 */
 export interface DividerProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Popover/config.ts

@@ -1,4 +1,4 @@
-import type { DiyComponent } from '#/components/diy-editor/util';
+import type { DiyComponent } from '../../../util';
 
 /** 弹窗广告属性 */
 export interface PopoverProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/coupon-card/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 商品卡片属性 */
 export interface CouponCardProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/coupon-card/property.vue

@@ -24,7 +24,7 @@ import {
 } from 'element-plus';
 
 import * as CouponTemplateApi from '#/api/mall/promotion/coupon/couponTemplate';
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import { ColorInput } from '#/views/mall/promotion/components';
 // TODO: 添加组件

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/floating-action-button/config.ts

@@ -1,4 +1,4 @@
-import type { DiyComponent } from '#/components/diy-editor/util';
+import type { DiyComponent } from '../../../util';
 
 // 悬浮按钮属性
 export interface FloatingActionButtonProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/components/hot-zone-edit-dialog/controller.ts

@@ -1,6 +1,6 @@
 import type { StyleValue } from 'vue';
 
-import type { HotZoneItemProperty } from '#/components/diy-editor/components/mobile/HotZone/config';
+import type { HotZoneItemProperty } from '../../config';
 
 // 热区的最小宽高
 export const HOT_ZONE_MIN_SIZE = 100;

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/components/hot-zone-edit-dialog/index.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { ControlDot } from './controller';
 
-import type { HotZoneItemProperty } from '#/components/diy-editor/components/mobile/HotZone/config';
+import type { HotZoneItemProperty } from '../../config';
 import type { AppLink } from '#/views/mall/promotion/components/app-link-input/data';
 
 import { ref } from 'vue';

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 热区属性 */
 export interface HotZoneProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/hot-zone/property.vue

@@ -6,7 +6,7 @@ import { ref } from 'vue';
 import { useVModel } from '@vueuse/core';
 import { ElButton, ElForm, ElFormItem, ElText } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 
 import HotZoneEditDialog from './components/hot-zone-edit-dialog/index.vue';

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 图片展示属性 */
 export interface ImageBarProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/image-bar/property.vue

@@ -4,7 +4,7 @@ import type { ImageBarProperty } from './config';
 import { useVModel } from '@vueuse/core';
 import { ElForm, ElFormItem } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import { AppLinkInput } from '#/views/mall/promotion/components';
 

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 广告魔方属性 */
 export interface MagicCubeProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/magic-cube/property.vue

@@ -6,7 +6,7 @@ import { ref } from 'vue';
 import { useVModel } from '@vueuse/core';
 import { ElForm, ElFormItem, ElSlider, ElText } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
   AppLinkInput,

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 import { cloneDeep } from '@vben/utils';
 

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/menu-grid/property.vue

@@ -11,7 +11,7 @@ import {
   ElSwitch,
 } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import { AppLinkInput, Draggable } from '#/views/mall/promotion/components';
 

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 import { cloneDeep } from '@vben/utils';
 

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/menu-list/property.vue

@@ -4,7 +4,7 @@ import type { MenuListProperty } from './config';
 import { useVModel } from '@vueuse/core';
 import { ElForm, ElFormItem, ElText } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
   AppLinkInput,

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 import { cloneDeep } from '@vben/utils';
 

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/menu-swiper/property.vue

@@ -13,7 +13,7 @@ import {
   ElSwitch,
 } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
   AppLinkInput,

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/navigation-bar/config.ts

@@ -1,4 +1,4 @@
-import type { DiyComponent } from '#/components/diy-editor/util';
+import type { DiyComponent } from '../../../util';
 
 /** 顶部导航栏属性 */
 export interface NavigationBarProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/navigation-bar/index.vue

@@ -6,12 +6,12 @@ import type {
   NavigationBarProperty,
 } from './config';
 
-import type { SearchProperty } from '#/components/diy-editor/components/mobile/search-bar/config';
+import type { SearchProperty } from '../search-bar/config';
 
 import { computed } from 'vue';
 
 import appNavbarMp from '#/assets/imgs/diy/app-nav-bar-mp.png';
-import SearchBar from '#/components/diy-editor/components/mobile/search-bar/index.vue';
+import SearchBar from '../search-bar/index.vue';
 
 /** 页面顶部导航栏 */
 defineOptions({ name: 'NavigationBar' });

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 公告栏属性 */
 export interface NoticeBarProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/notice-bar/property.vue

@@ -4,7 +4,7 @@ import type { NoticeBarProperty } from './config';
 import { useVModel } from '@vueuse/core';
 import { ElCard, ElForm, ElFormItem, ElInput } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
   AppLinkInput,

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/page-config/config.ts

@@ -1,4 +1,4 @@
-import type { DiyComponent } from '#/components/diy-editor/util';
+import type { DiyComponent } from '../../../util';
 
 /** 页面设置属性 */
 export interface PageConfigProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/product-card/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 商品卡片属性 */
 export interface ProductCardProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 商品栏属性 */
 export interface ProductListProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/product-list/property.vue

@@ -15,7 +15,7 @@ import {
   ElTooltip,
 } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import { InputWithColor as ColorInput } from '#/views/mall/promotion/components';
 // TODO: 添加组件

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-article/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 营销文章属性 */
 export interface PromotionArticleProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-article/property.vue

@@ -9,7 +9,7 @@ import { useVModel } from '@vueuse/core';
 import { ElForm, ElFormItem, ElOption, ElSelect } from 'element-plus';
 
 import * as ArticleApi from '#/api/mall/promotion/article/index';
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 
 // 营销文章属性面板
 defineOptions({ name: 'PromotionArticleProperty' });

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-combination/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 拼团属性 */
 export interface PromotionCombinationProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-point/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 积分商城属性 */
 export interface PromotionPointProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/promotion-seckill/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 秒杀属性 */
 export interface PromotionSeckillProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/search-bar/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 搜索框属性 */
 export interface SearchProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/search-bar/property.vue

@@ -18,7 +18,7 @@ import {
   ElTooltip,
 } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import { Draggable } from '#/views/mall/promotion/components';
 
 /** 搜索框属性面板 */

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/tab-bar/config.ts

@@ -1,4 +1,4 @@
-import type { DiyComponent } from '#/components/diy-editor/util';
+import type { DiyComponent } from '../../../util';
 
 /** 底部导航菜单属性 */
 export interface TabBarProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 标题栏属性 */
 export interface TitleBarProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/title-bar/property.vue

@@ -16,7 +16,7 @@ import {
   ElTooltip,
 } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 import {
   AppLinkInput,

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/user-card/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 用户卡片属性 */
 export interface UserCardProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/user-card/property.vue

@@ -3,7 +3,7 @@ import type { UserCardProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 
 // 用户卡片属性面板
 defineOptions({ name: 'UserCardProperty' });

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/user-coupon/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 用户卡券属性 */
 export interface UserCouponProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/user-coupon/property.vue

@@ -3,7 +3,7 @@ import type { UserCouponProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 
 // 用户卡券属性面板
 defineOptions({ name: 'UserCouponProperty' });

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/user-order/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 用户订单属性 */
 export interface UserOrderProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/user-order/property.vue

@@ -3,7 +3,7 @@ import type { UserOrderProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 
 // 用户订单属性面板
 defineOptions({ name: 'UserOrderProperty' });

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/user-wallet/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 用户资产属性 */
 export interface UserWalletProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/user-wallet/property.vue

@@ -3,7 +3,7 @@ import type { UserWalletProperty } from './config';
 
 import { useVModel } from '@vueuse/core';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 
 // 用户资产属性面板
 defineOptions({ name: 'UserWalletProperty' });

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/config.ts

@@ -1,7 +1,7 @@
 import type {
   ComponentStyle,
   DiyComponent,
-} from '#/components/diy-editor/util';
+} from '../../../util';
 
 /** 视频播放属性 */
 export interface VideoPlayerProperty {

apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/video-player/property.vue

@@ -4,7 +4,7 @@ import type { VideoPlayerProperty } from './config';
 import { useVModel } from '@vueuse/core';
 import { ElForm, ElFormItem, ElSlider, ElSwitch } from 'element-plus';
 
-import ComponentContainerProperty from '#/components/diy-editor/components/component-container-property.vue';
+import ComponentContainerProperty from '../../component-container-property.vue';
 import UploadFile from '#/components/upload/file-upload.vue';
 import UploadImg from '#/components/upload/image-upload.vue';
 

apps/web-ele/src/views/mall/promotion/components/diy-editor/index.vue

@@ -26,8 +26,8 @@ import statusBarImg from '#/assets/imgs/diy/statusBar.png';
 import {
   componentConfigs,
   components,
-} from '#/components/diy-editor/components/mobile';
-import { component as PAGE_CONFIG_COMPONENT } from '#/components/diy-editor/components/mobile/page-config/config';
+} from './components/mobile';
+import { component as PAGE_CONFIG_COMPONENT } from './components/mobile/page-config/config';
 
 import ComponentContainer from './components/component-container.vue';
 import ComponentLibrary from './components/component-library.vue';

apps/web-ele/src/views/mall/promotion/components/diy-editor/util.ts

@@ -1,6 +1,6 @@
-import type { NavigationBarProperty } from '#/components/diy-editor/components/mobile/NavigationBar/config';
-import type { PageConfigProperty } from '#/components/diy-editor/components/mobile/PageConfig/config';
-import type { TabBarProperty } from '#/components/diy-editor/components/mobile/TabBar/config';
+import type { NavigationBarProperty } from './components/mobile/navigation-bar/config';
+import type { PageConfigProperty } from './components/mobile/page-config/config';
+import type { TabBarProperty } from './components/mobile/tab-bar/config';
 
 // 页面装修组件
 export interface DiyComponent<T> {

apps/web-ele/src/views/mall/promotion/components/index.ts

@@ -1,6 +1,9 @@
 export { default as AppLinkInput } from './app-link-input/index.vue';
 export { default as ColorInput } from './color-input/index.vue';
+export { default as DiyEditor } from './diy-editor/index.vue';
+export { type DiyComponentLibrary, PAGE_LIBS } from './diy-editor/util';
 export { default as Draggable } from './draggable/index.vue';
 export { default as InputWithColor } from './input-with-color/index.vue';
+
 export { default as MagicCubeEditor } from './magic-cube-editor/index.vue';
 export { default as VerticalButtonGroup } from './vertical-button-group/index.vue';

apps/web-ele/src/views/mall/promotion/diy/page/modules/decorate.vue

@@ -7,8 +7,7 @@ import { useRoute } from 'vue-router';
 import { ElMessage } from 'element-plus';
 
 import * as DiyPageApi from '#/api/mall/promotion/diy/page';
-import DiyEditor from '#/components/diy-editor/index.vue';
-import { PAGE_LIBS } from '#/components/diy-editor/util';
+import { DiyEditor, PAGE_LIBS } from '#/views/mall/promotion/components';
 
 /** 装修页面表单 */
 defineOptions({ name: 'DiyPageDecorate' });

apps/web-ele/src/views/mall/promotion/diy/template/modules/decorate.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { MallDiyPageApi } from '#/api/mall/promotion/diy/page';
 import type { MallDiyTemplateApi } from '#/api/mall/promotion/diy/template';
-import type { DiyComponentLibrary } from '#/components/diy-editor/util'; // 商城的 DIY 组件，在 DiyEditor 目录下
+import type { DiyComponentLibrary } from '#/views/mall/promotion/components'; // 商城的 DIY 组件，在 DiyEditor 目录下
 
 import { onMounted, reactive, ref, unref } from 'vue';
 import { useRouter } from 'vue-router';
@@ -15,8 +15,7 @@ import { ElMessage } from 'element-plus';
 import * as DiyPageApi from '#/api/mall/promotion/diy/page';
 // TODO @疯狂：要不要建个 decorate 目录，然后挪进去，改成 index.vue，这样可以更明确看到是个独立界面哈，更好找
 import * as DiyTemplateApi from '#/api/mall/promotion/diy/template';
-import DiyEditor from '#/components/diy-editor/index.vue';
-import { PAGE_LIBS } from '#/components/diy-editor/util';
+import { DiyEditor, PAGE_LIBS } from '#/views/mall/promotion/components';
 
 /** 装修模板表单 */
 defineOptions({ name: 'DiyTemplateDecorate' });