From 328ad78a2c336b1f1e80ceb80d0afe8945d6785c Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Tue, 28 Oct 2025 18:49:26 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90mall=E3=80=91diy=20editor?=
 =?UTF-8?q?=20=E7=9A=84=20divider=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../promotion/components/color-input/index.vue |  9 +++++----
 .../mobile/{Divider => divider}/config.ts      | 17 ++++++-----------
 .../mobile/{Divider => divider}/index.vue      |  2 --
 .../mobile/{Divider => divider}/property.vue   | 18 ++++++++----------
 4 files changed, 19 insertions(+), 27 deletions(-)
 rename apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/{Divider => divider}/config.ts (62%)
 rename apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/{Divider => divider}/index.vue (94%)
 rename apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/{Divider => divider}/property.vue (93%)

diff --git a/apps/web-ele/src/views/mall/promotion/components/color-input/index.vue b/apps/web-ele/src/views/mall/promotion/components/color-input/index.vue
index fdc881853..996863b5b 100644
--- a/apps/web-ele/src/views/mall/promotion/components/color-input/index.vue
+++ b/apps/web-ele/src/views/mall/promotion/components/color-input/index.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
-// TODO @AI：改成 El 风格，而不是iel- 风格；
 import { computed } from 'vue';
 
+import { ElColorPicker, ElInput } from 'element-plus';
+
 import { PREDEFINE_COLORS } from '@vben/constants';
 
 /** 颜色输入框 */
@@ -27,11 +28,11 @@ const color = computed({
 </script>
 
 <template>
-  <el-input v-model="color">
+  <ElInput v-model="color">
     <template #prepend>
-      <el-color-picker v-model="color" :predefine="PREDEFINE_COLORS" />
+      <ElColorPicker v-model="color" :predefine="PREDEFINE_COLORS" />
     </template>
-  </el-input>
+  </ElInput>
 </template>
 
 <style scoped lang="scss">
diff --git a/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/config.ts b/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/divider/config.ts
similarity index 62%
rename from apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/config.ts
rename to apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/divider/config.ts
index 17e5a79bf..3ab6eef11 100644
--- a/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/config.ts
+++ b/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/divider/config.ts
@@ -2,19 +2,14 @@ import type { DiyComponent } from '../../../util';
 
 /** 分割线属性 */
 export interface DividerProperty {
-  // 高度
-  height: number;
-  // 线宽
-  lineWidth: number;
-  // 边距类型
-  paddingType: 'horizontal' | 'none';
-  // 颜色
-  lineColor: string;
-  // 类型
-  borderType: 'dashed' | 'dotted' | 'none' | 'solid';
+  height: number; // 高度
+  lineWidth: number; // 线宽
+  paddingType: 'horizontal' | 'none'; // 边距类型
+  lineColor: string; // 颜色
+  borderType: 'dashed' | 'dotted' | 'none' | 'solid'; // 类型
 }
 
-// 定义组件
+/** 定义组件 */
 export const component = {
   id: 'Divider',
   name: '分割线',
diff --git a/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/index.vue b/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/divider/index.vue
similarity index 94%
rename from apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/index.vue
rename to apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/divider/index.vue
index 1736db389..e07eda87e 100644
--- a/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/index.vue
+++ b/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/divider/index.vue
@@ -25,5 +25,3 @@ defineProps<{ property: DividerProperty }>();
     ></div>
   </div>
 </template>
-
-<style scoped lang="scss"></style>
diff --git a/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/property.vue b/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/divider/property.vue
similarity index 93%
rename from apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/property.vue
rename to apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/divider/property.vue
index 27df10576..4308e4ced 100644
--- a/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/Divider/property.vue
+++ b/apps/web-ele/src/views/mall/promotion/components/diy-editor/components/mobile/divider/property.vue
@@ -13,15 +13,15 @@ import {
   ElTooltip,
 } from 'element-plus';
 
-import { InputWithColor as ColorInput } from '#/views/mall/promotion/components';
+import { ColorInput } from '#/views/mall/promotion/components';
 
-// 导航栏属性面板
+/** 导航栏属性面板 */
 defineOptions({ name: 'DividerProperty' });
-const props = defineProps<{ modelValue: DividerProperty }>();
-const emit = defineEmits(['update:modelValue']);
-const formData = useVModel(props, 'modelValue', emit);
 
-// 线类型
+const props = defineProps<{ modelValue: DividerProperty }>();
+
+const emit = defineEmits(['update:modelValue']);
+
 const BORDER_TYPES = [
   {
     icon: 'vaadin:line-h',
@@ -43,7 +43,8 @@ const BORDER_TYPES = [
     text: '无',
     type: 'none',
   },
-];
+]; // 线类型
+const formData = useVModel(props, 'modelValue', emit);
 </script>
 
 <template>
@@ -96,11 +97,8 @@ const BORDER_TYPES = [
         </ElRadioGroup>
       </ElFormItem>
       <ElFormItem label="颜色">
-        <!-- 分割线颜色 -->
         <ColorInput v-model="formData.lineColor" />
       </ElFormItem>
     </template>
   </ElForm>
 </template>
-
-<style scoped lang="scss"></style>