fix: 修改看板手机端逻辑

 <script lang="ts" setup>
-  import { PageHeader, RadioButton, RadioGroup, InputNumber, Button } from 'ant-design-vue';
-  import { computed, ref, unref, onMounted } from 'vue';
+  import { PageHeader } from 'ant-design-vue';
+  import { computed, unref } from 'vue';
   import { useRoute, useRouter } from 'vue-router';
   import { decode } from '../..';
   import { RollbackOutlined } from '@ant-design/icons-vue';
-  import { Platform } from './config';
-  import { useApp } from '../../hooks/useApp';
-  import { getDataComponent } from '/@/api/dataBoard';
-  import { updateDataBoard } from '/@/api/dataBoard';
-  import { useMessage } from '/@/hooks/web/useMessage';
 
   defineProps<{ widgetNumber: number }>();
-  const emits = defineEmits(['getPhoneSize']);
 
   const ROUTE = useRoute();
   const ROUTER = useRouter();
 
-  const { isPhone } = useApp();
   const getIsSharePage = computed(() => {
     return ROUTE.matched.find((item) => item.path === '/share/:viewType/:id/:publicId');
   });
@@ -29,86 +22,6 @@
     if (unref(getIsSharePage)) return;
     ROUTER.go(-1);
   };
-
-  const getSize = () => {
-    return {
-      width: '',
-      height: '',
-    };
-  };
-
-  const phoneRadio = ref<string>('iPhone 8');
-  const phoneSize = ref<{ width?: number | string; height?: number | string }>(getSize());
-  const ifShowWidth = ref<boolean>(false);
-
-  const phoneModel = ref<{
-    key: string;
-    width: string | number;
-    height: number | string;
-    title: string;
-  }>();
-  const getDataList = async () => {
-    const values = await getDataComponent(decode((ROUTE.params as { boardId: string }).boardId));
-    phoneModel.value = values?.data.phoneModel && JSON.parse(values?.data.phoneModel as string);
-    phoneRadio.value = unref(phoneModel)?.key as any;
-    ifShowWidth.value = unref(phoneRadio) === 'custom' ? true : false;
-    phoneSize.value = {
-      width: unref(phoneModel)?.width,
-      height: unref(phoneModel)?.height,
-    };
-
-    emits('getPhoneSize', unref(phoneSize));
-  };
-
-  const updateComponent = () => {
-    const { boardId, boardName, organizationId, platform } = ROUTE.params;
-
-    const values = {
-      id: boardId,
-      boardName,
-      organizationId,
-      platform,
-      phoneModel: JSON.stringify({
-        key: unref(phoneRadio),
-        ...phoneSize.value,
-      }),
-    };
-    updateDataBoard(values as any);
-  };
-
-  const handleChange = (e) => {
-    const { target } = e || {};
-    phoneSize.value = getSize();
-    if (target.value === 'custom') {
-      ifShowWidth.value = true;
-      return;
-    } else {
-      ifShowWidth.value = false;
-      const values = Platform.find((item) => item.key == target.value);
-      phoneSize.value = {
-        width: values?.width || '',
-        height: values?.height || '',
-      };
-    }
-    updateComponent();
-    emits('getPhoneSize', unref(phoneSize));
-  };
-
-  const { createMessage } = useMessage();
-
-  const handleCustom = () => {
-    const { width, height } = unref(phoneSize);
-    if (!width || !height) {
-      createMessage.warning('请填写尺寸大小');
-      return;
-    }
-    emits('getPhoneSize', unref(phoneSize));
-    updateComponent();
-  };
-
-  onMounted(() => {
-    getDataList();
-  });
 </script>
 
 <template>
@@ -132,18 +45,6 @@
       <span class="mr-3 text-sm text-gray-500">已创建组件:</span>
       <span class="text-blue-500"> {{ widgetNumber }}个</span>
     </div>
-    <div v-if="isPhone()" class="flex items-center my-1">
-      <RadioGroup v-model:value="phoneRadio" button-style="solid" @change="handleChange">
-        <RadioButton v-for="item in Platform" :value="item.key" :key="item.key">{{
-          item.title
-        }}</RadioButton>
-      </RadioGroup>
-      <div class="ml-1" v-if="ifShowWidth">
-        <InputNumber v-model:value="phoneSize.width" :min="300" placeholder="请输入宽度" />
-        <InputNumber v-model:value="phoneSize.height" :min="300" placeholder="请输入高度" />
-        <Button type="primary" @click="handleCustom" class="ml-1">确定</Button>
-      </div>
-    </div>
   </PageHeader>
 </template>
 

@@ -14,8 +14,8 @@ export const DEFAULT_ITEM_MARIGN = 20;
 export const PHONE_SIZE = {
   DEFAULT_WIDGET_WIDTH: 12,
   DEFAULT_WIDGET_HEIGHT: 4,
-  DEFAULT_MIN_HEIGHT: 4,
-  DEFAULT_MIN_WIDTH: 11,
+  DEFAULT_MIN_HEIGHT: 3,
+  DEFAULT_MIN_WIDTH: 8,
 };
 
 import { ViewTypeEnum } from '/@/views/sys/share/config/config';

@@ -188,9 +188,6 @@
     width: '' || 375,
     height: '' || 667,
   });
-  const getPhoneSize = (values) => {
-    phoneSize.value = { ...values };
-  };
 </script>
 
 <template>
@@ -198,11 +195,7 @@
     ref="containerRefEl"
     class="palette w-full h-full flex-col bg-neutral-100 flex dark:bg-dark-700 dark:text-light-50"
   >
-    <PageHeader
-      v-if="!getIsAppPage"
-      :widget-number="dataSource.length"
-      @getPhoneSize="getPhoneSize"
-    >
+    <PageHeader v-if="!getIsAppPage" :widget-number="dataSource.length">
       <Authority :value="VisualComponentPermission.CREATE">
         <Button
           v-if="!getIsSharePage && !isCustomerUser"
@@ -228,7 +221,7 @@
           "
           style="border-radius: 1%"
         >
-          <!-- 手机端写的模拟样式 -->
+          <!-- 手机端的模拟样式 -->
           <div
             v-if="!getIsAppPage && isPhone()"
             style="height: 60px; background: white"
@@ -268,7 +261,7 @@
               :use-css-transforms="true"
               style="width: 100%"
               :style="{
-                '--is-app': isPhone() ? 'auto' : 'none',
+                '--is-app': getIsAppPage ? 'auto' : 'none',
               }"
             >
               <GridItem