From bbfe5829ed85dde9806e94211e18ee407fb61f6f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Mon, 4 Nov 2024 18:21:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=85=E8=BE=B9=E8=B7=9D=EF=BC=8C=E5=A4=96?=
 =?UTF-8?q?=E8=BE=B9=E8=B7=9D=EF=BC=8C=E5=9C=86=E8=A7=92=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=E9=BB=98=E8=AE=A4=E6=95=B0=E6=8D=AE=E4=B8=8D=E4=B8=80=E8=87=B4?=
 =?UTF-8?q?=E6=97=B6=E5=B1=95=E5=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/base/margin/index.vue  |  8 ++++++++
 src/components/base/padding/index.vue |  8 ++++++++
 src/components/base/radius/index.vue  |  9 +++++++++
 src/utils/index.ts                    | 13 +++++++++++++
 4 files changed, 38 insertions(+)

diff --git a/src/components/base/margin/index.vue b/src/components/base/margin/index.vue
index 7b7f484b..5eb1aa0f 100644
--- a/src/components/base/margin/index.vue
+++ b/src/components/base/margin/index.vue
@@ -25,6 +25,7 @@
     </div>
 </template>
 <script setup lang="ts">
+import { areAllEqual } from '@/utils';
 const props = defineProps({
     value: {
         type: Object,
@@ -69,6 +70,13 @@ const pr_event = (val: number | undefined) => {
     emit('update:value', form);
 };
 //#region 展开收起
+onBeforeMount(() => {
+    // 判断是否相等，如果不相等，就展开
+    const flag = areAllEqual(form.value.margin_top, form.value.margin_bottom, form.value.margin_left, form.value.margin_right);
+    if (!flag) {
+        icon_event('unified');
+    }
+});
 const icon_data = reactive({
     name: 'unified',
     title: '统一'
diff --git a/src/components/base/padding/index.vue b/src/components/base/padding/index.vue
index 08180049..5998522a 100644
--- a/src/components/base/padding/index.vue
+++ b/src/components/base/padding/index.vue
@@ -25,6 +25,7 @@
     </div>
 </template>
 <script setup lang="ts">
+import { areAllEqual } from '@/utils';
 const props = defineProps({
     value: {
         type: Object,
@@ -69,6 +70,13 @@ const pr_event = (val: number | undefined) => {
     emit('update:value', form);
 };
 //#region 展开收起
+onBeforeMount(() => {
+    // 判断是否相等，如果不相等，就展开
+    const flag = areAllEqual(form.value.padding_top, form.value.padding_bottom, form.value.padding_left, form.value.padding_right);
+    if (!flag) {
+        icon_event('unified');
+    }
+});
 const icon_data = reactive({
     name: 'unified',
     title: '统一'
diff --git a/src/components/base/radius/index.vue b/src/components/base/radius/index.vue
index fac2353e..5793f130 100644
--- a/src/components/base/radius/index.vue
+++ b/src/components/base/radius/index.vue
@@ -26,6 +26,8 @@
     </div>
 </template>
 <script setup lang="ts">
+import { areAllEqual } from '@/utils';
+// 通用样式
 // interface common_radius {
 //     radius: number;
 //     radius_top_left: number;
@@ -86,6 +88,13 @@ const rbr_event = (val: number | undefined) => {
     emit('update:value', form.value);
 };
 //#region 展开收起
+onBeforeMount(() => {
+    // 判断是否相等，如果不相等，就展开
+    const flag = areAllEqual(form.value.radius_top_left, form.value.radius_top_right, form.value.radius_bottom_left, form.value.radius_bottom_right);
+    if (!flag) {
+        icon_event('unified');
+    }
+});
 const icon_data = reactive({
     name: 'unified',
     title: '统一'
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 2261aba1..d9c7fb3b 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -319,6 +319,19 @@ export const percentage_count = (num: number, container_size: number) => {
     return marks.toFixed(4) + '%';
 };
 
+/**
+ * 判断四个值是否相等
+ *
+ * @param a,b,c,d 对应的四个数字
+ * @returns boolean true表示相等，false表示不相等
+ */
+export const areAllEqual = (a: number, b: number, c: number, d: number) => {
+    if (a === null || a === undefined || b === null || b === undefined || c === null || c === undefined || d === null || d === undefined) {
+      return false;
+    }
+    return a === b && b === c && c === d;
+  }
+
 /**
  * 计算当前偏移量
  *