diff --git a/apps/web-ele/src/views/mall/promotion/components/app-link-input/app-link-select-dialog.vue b/apps/web-ele/src/views/mall/promotion/components/app-link-input/app-link-select-dialog.vue
index 7628de32e..b2362962a 100644
--- a/apps/web-ele/src/views/mall/promotion/components/app-link-input/app-link-select-dialog.vue
+++ b/apps/web-ele/src/views/mall/promotion/components/app-link-input/app-link-select-dialog.vue
@@ -139,7 +139,7 @@ function isSameLink(link1: string, link2: string) {
 
 /** 处理详情选择 */
 function handleProductCategorySelected(id: number) {
-  // TODO @AI：这里有点问题；
+  // TODO @AI：这里有点问题；activeAppLink 地址；
   const url = new URL(activeAppLink.value.path, 'http://127.0.0.1');
   // 修改 id 参数
   url.searchParams.set('id', `${id}`);
diff --git a/apps/web-ele/src/views/mall/promotion/components/app-link-input/index.vue b/apps/web-ele/src/views/mall/promotion/components/app-link-input/index.vue
index dce3ca8bd..2118dda5b 100644
--- a/apps/web-ele/src/views/mall/promotion/components/app-link-input/index.vue
+++ b/apps/web-ele/src/views/mall/promotion/components/app-link-input/index.vue
@@ -1,4 +1,6 @@
 <script lang="ts" setup>
+// TODO @AI：改成 El 标签风格，而不是 el-
+// TODO @AI：一些 modal 是否使用 Modal 组件，而不是 el-modal？
 import { ref, watch } from 'vue';
 
 import AppLinkSelectDialog from './app-link-select-dialog.vue';
diff --git a/apps/web-ele/src/components/color-input/index.vue b/apps/web-ele/src/views/mall/promotion/components/color-input/index.vue
similarity index 88%
rename from apps/web-ele/src/components/color-input/index.vue
rename to apps/web-ele/src/views/mall/promotion/components/color-input/index.vue
index a3beed791..fdc881853 100644
--- a/apps/web-ele/src/components/color-input/index.vue
+++ b/apps/web-ele/src/views/mall/promotion/components/color-input/index.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-// TODO @芋艿：后续合并到 diy-editor 里，并不是通用的；
+// TODO @AI：改成 El 风格，而不是iel- 风格；
 import { computed } from 'vue';
 
 import { PREDEFINE_COLORS } from '@vben/constants';
 
-// 颜色输入框
+/** 颜色输入框 */
 defineOptions({ name: 'ColorInput' });
 
 const props = defineProps({
@@ -13,7 +13,9 @@ const props = defineProps({
     default: '',
   },
 });
+
 const emit = defineEmits(['update:modelValue']);
+
 const color = computed({
   get: () => {
     return props.modelValue;
diff --git a/apps/web-ele/src/views/mall/promotion/components/index.ts b/apps/web-ele/src/views/mall/promotion/components/index.ts
index b1b3af64e..387960465 100644
--- a/apps/web-ele/src/views/mall/promotion/components/index.ts
+++ b/apps/web-ele/src/views/mall/promotion/components/index.ts
@@ -1,2 +1,3 @@
 export { default as VerticalButtonGroup } from './vertical-button-group/index.vue';
 export { default as AppLinkInput } from './app-link-input/index.vue';
+export { default as ColorInput } from './color-input/index.vue';