Merge branch 'perf/data-view' into 'main_dev'

perf: 优化大屏公有私有颜色标记&&删除无用代码

See merge request yunteng/thingskit-front!1104

@@ -153,7 +153,7 @@
       <template #renderItem="{ item }: BasicCardListRenderItem<BigScreenCenterItemsModel>">
         <Card
           :style="{
-            '--viewType': item.viewType === ViewType.PUBLIC_VIEW ? '#1890ff' : '#faad14',
+            '--viewType': item.viewType === ViewType.PUBLIC_VIEW ? '#faad14' : '#1890ff',
           }"
           class="card-container"
         >

-import { ReceiveTsSubCmdsGroupMessageType } from '../index.type';
+import { ReceiveTsSubCmdsGroupMessageType } from './socket/useSocket.type';
 
 export const useReceiveMessage = () => {
   const forEachGroupMessage = (

-import cloneDeep from 'lodash-es/cloneDeep';
-import { ComponentConfig } from '.';
-import {
-  ConfigType,
-  CreateComponentType,
-  PublicComponentOptions,
-  PublicPresetOptions,
-} from '/@/views/visual/packages/index.type';
-import { PublicConfigClass, componentInitConfig } from '/@/views/visual/packages/publicConfig';
-import { ComponentConfigFieldEnum } from '/@/views/visual/packages/enum';
-
-export const option: PublicPresetOptions = {
-  [ComponentConfigFieldEnum.FONT_COLOR]: '#',
-  [ComponentConfigFieldEnum.SHOW_DEVICE_NAME]: false,
-};
-
-export default class Config extends PublicConfigClass implements CreateComponentType {
-  public key: string = ComponentConfig.key;
-
-  public attr = { ...componentInitConfig };
-
-  public componentConfig: ConfigType = cloneDeep(ComponentConfig);
-
-  public persetOption = cloneDeep(option);
-
-  public option: PublicComponentOptions;
-
-  constructor(option: PublicComponentOptions) {
-    super();
-    this.option = { ...option };
-  }
-}

-<script lang="ts" setup>
-  import { ComponentConfigFieldEnum } from '/@/views/visual/packages/enum';
-  import { useForm, BasicForm } from '/@/components/Form';
-  import { PublicFormInstaceType } from '/@/views/visual/dataSourceBindPanel/index.type';
-
-  const [register, { getFieldsValue, setFieldsValue, resetFields }] = useForm({
-    schemas: [
-      {
-        field: ComponentConfigFieldEnum.FONT_COLOR,
-        label: '数值字体颜色',
-        component: 'ColorPicker',
-        changeEvent: 'update:value',
-        componentProps: {
-          defaultValue: '#FD7347',
-        },
-      },
-      {
-        field: ComponentConfigFieldEnum.SHOW_DEVICE_NAME,
-        label: '显示设备名称',
-        component: 'Checkbox',
-      },
-    ],
-    showActionButtonGroup: false,
-    labelWidth: 120,
-    baseColProps: {
-      span: 12,
-    },
-  });
-
-  const getFormValues = () => {
-    return getFieldsValue();
-  };
-
-  const setFormValues = (data: Recordable) => {
-    return setFieldsValue(data);
-  };
-
-  defineExpose({
-    getFormValues,
-    setFormValues,
-    resetFormValues: resetFields,
-  } as PublicFormInstaceType);
-</script>
-
-<template>
-  <BasicForm @register="register" />
-</template>

-<script lang="ts" setup>
-  import { CreateComponentType } from '/@/views/visual/packages/index.type';
-  import { BasicForm, useForm } from '/@/components/Form';
-  import {
-    PublicComponentValueType,
-    PublicFormInstaceType,
-  } from '/@/views/visual/dataSourceBindPanel/index.type';
-  import { commonDataSourceSchemas } from '../config/common.config';
-
-  defineProps<{
-    values: PublicComponentValueType;
-    componentConfig: CreateComponentType;
-  }>();
-
-  const [register, { getFieldsValue, setFieldsValue, validate, resetFields }] = useForm({
-    labelWidth: 0,
-    showActionButtonGroup: false,
-    layout: 'horizontal',
-    labelCol: { span: 0 },
-    schemas: commonDataSourceSchemas(),
-  });
-
-  const getFormValues = () => {
-    return getFieldsValue();
-  };
-
-  const setFormValues = (record: Recordable) => {
-    return setFieldsValue(record);
-  };
-
-  defineExpose({
-    getFormValues,
-    setFormValues,
-    validate,
-    resetFormValues: resetFields,
-  } as PublicFormInstaceType);
-</script>
-
-<template>
-  <BasicForm @register="register" />
-</template>

-import { useComponentKeys } from '/@/views/visual/packages/hook/useComponentKeys';
-import { ConfigType, PackagesCategoryEnum } from '/@/views/visual/packages/index.type';
-
-const componentKeys = useComponentKeys('componentKeys');
-
-export const ComponentConfig: ConfigType = {
-  ...componentKeys,
-  title: '组件名',
-  package: PackagesCategoryEnum.TEXT,
-};

-<script lang="ts" setup>
-  import { ComponentPropsConfigType } from '/@/views/visual/packages/index.type';
-  import { option } from './config';
-  import { useDataFetch } from '../hook/socket/useSocket';
-  import { DataFetchUpdateFn } from '../hook/socket/useSocket.type';
-
-  const props = defineProps<{
-    config: ComponentPropsConfigType<typeof option>;
-  }>();
-
-  const updateFn: DataFetchUpdateFn = (_message) => {};
-
-  useDataFetch(props, updateFn);
-</script>
-
-<template>
-  <main class="w-full h-full flex flex-col justify-center items-center"> </main>
-</template>