feat：【ele】【mall】将 color-input 迁移到 mall/promotion/components 中，聚焦一点

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}`);

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';

apps/web-ele/src/views/mall/promotion/components/color-input/index.vue

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+// TODO @AI：改成 El 风格，而不是iel- 风格；
+import { computed } from 'vue';
+
+import { PREDEFINE_COLORS } from '@vben/constants';
+
+/** 颜色输入框 */
+defineOptions({ name: 'ColorInput' });
+
+const props = defineProps({
+  modelValue: {
+    type: String,
+    default: '',
+  },
+});
+
+const emit = defineEmits(['update:modelValue']);
+
+const color = computed({
+  get: () => {
+    return props.modelValue;
+  },
+  set: (val: string) => {
+    emit('update:modelValue', val);
+  },
+});
+</script>
+
+<template>
+  <el-input v-model="color">
+    <template #prepend>
+      <el-color-picker v-model="color" :predefine="PREDEFINE_COLORS" />
+    </template>
+  </el-input>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-input-group__prepend) {
+  padding: 0;
+}
+</style>

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';