gasInjection-project/src/views/vent/home/configurable/hooks/useInit.ts

import { computed, ref } from 'vue';
import { list as cfgList } from '@/views/vent/deviceManager/configurationTable/configuration.api';
// import { list } from '@/views/vent/deviceManager/deviceTable/device.api';
import { Config } from '@/views/vent/deviceManager/configurationTable/types';
import { getDisHome, getHomeData } from '../configurable.api';
import { getFormattedText } from '../../../deviceManager/configurationTable/adapters';
import { get } from 'lodash-es';
// import mapComponent from './components/3Dmap/index.vue';

// export function useInitConfig(deviceType: string) {
//   function fetchConfig() {
//     cfgList({
//       deviceType,
//     }).then(({ records }) => {
//       config.value = records[0];
//     });
//   }
//   const config = ref<Partial<Config>>({});

//   return {
//     fetchConfig,
//     config,
//   };
// }

/** 初始化配置以及根据配置获取数据 */
export function useInitConfigs() {
  const configs = ref<Config[]>([]);
  const isOriginal = computed(() => {
    return configs.value.some((c) => {
      return c.showStyle.version === '原版';
    });
  });
  const isCommon = computed(() => {
    return configs.value.some((c) => {
      return c.showStyle.version === '普通版';
    });
  });
  const isBD = computed(() => {
    return configs.value.some((c) => {
      return c.showStyle.version === '保德';
    });
  });

  function fetchConfigs(pageType?: string) {
    return cfgList({ pageType }).then(({ records }) => {
      configs.value = records;
      return records;
    });
  }

  return {
    fetchConfigs,
    configs,
    isOriginal,
    isCommon,
    isBD,
  };
}

/** 初始化设备信息，包含了适配了 header config 的下拉框选项、已选择设备的各个详细子项等，如果模块不需要展示 header 那么会将全部信息提供给已选择设备以供消费 */
export function useInitDevices(devicekind: string, config: Config['moduleData']) {
  const { header, mock } = config;
  const devices = ref<Record<string, any>[]>([]);
  const options = ref<{ label: string; value: string }[]>([]);
  const selectedDeviceID = ref<string>('');

  const selectedDevice = computed(() => {
    return (
      devices.value.find((e) => {
        return e.id === selectedDeviceID.value;
      }) || {}
    );
  });
  const selectedDeviceLabel = computed(() => {
    const res = options.value.find((e) => {
      return e.value === selectedDeviceID.value;
    });
    return res ? res.label : '';
  });
  const selectedDeviceSlot = computed(() => {
    return getFormattedText(selectedDevice.value, header.slot.value);
  });

  // 获取设备数据，赋值并以选项格式返回给 Header 消费
  function fetchDevices({ init = false } = {}) {
    const { value } = header.selector;
    const promise = mock ? Promise.resolve(mock) : getHomeData({});
    return promise.then((result) => {
      if (header.show && header.showSelector) {
        // 如果配置里指明需要 header，检验后初始化设备信息
        const records: Record<string, any>[] = get(result, devicekind, []);
        devices.value = records.map((e, i) => {
          return {
            id: i,
            ...e,
          };
        });
        options.value = devices.value.map((e) => {
          return {
            label: getFormattedText(e, value),
            value: e.id,
          };
        });
        if (init) {
          selectedDeviceID.value = options.value[0]?.value;
        }
      } else {
        // 没有的话按默认的，将返回结果直接作为一整个设备信息供模块使用
        const record = {
          ...result,
          id: '00000000',
        };
        devices.value = [record];
        selectedDeviceID.value = record.id;
      }
    });
  }

  return {
    fetchDevices,
    selectedDevice,
    selectedDeviceID,
    selectedDeviceSlot,
    selectedDeviceLabel,
    options,
  };
}

/** 保德专用-初始化设备信息，包含了适配了 header config 的下拉框选项、已选择设备的各个详细子项等，如果模块不需要展示 header 那么会将全部信息提供给已选择设备以供消费 */
export function useInitDevicesBD(devicekind: string, config: Config['moduleData']) {
  const { header, mock } = config;
  const devices = ref<Record<string, any>[]>([]);
  const options = ref<{ label: string; value: string }[]>([]);
  const selectedDeviceID = ref<string>('');

  const selectedDevice = computed(() => {
    return (
      devices.value.find((e) => {
        return e.id === selectedDeviceID.value;
      }) || {}
    );
  });
  const selectedDeviceLabel = computed(() => {
    const res = options.value.find((e) => {
      return e.value === selectedDeviceID.value;
    });
    return res ? res.label : '';
  });
  const selectedDeviceSlot = computed(() => {
    return getFormattedText(selectedDevice.value, header.slot.value);
  });

  // 获取设备数据，赋值并以选项格式返回给 Header 消费
  function fetchDevices({ init = false } = {}) {
    const { value } = header.selector;
    const promise = mock ? Promise.resolve(mock) : getDisHome({ dataList: devicekind.split('.')[0] });
    return promise.then((result) => {
      if (header.show && header.showSelector) {
        // 如果配置里指明需要 header，检验后初始化设备信息
        const records: Record<string, any>[] = get(result, devicekind, []);
        devices.value = records.map((e, i) => {
          return {
            id: i,
            ...e,
          };
        });
        options.value = devices.value.map((e) => {
          return {
            label: getFormattedText(e, value),
            value: e.id,
          };
        });
        if (init) {
          selectedDeviceID.value = options.value[0]?.value;
        }
      } else {
        // 没有的话按默认的，将返回结果直接作为一整个设备信息供模块使用
        const record = {
          ...result,
          id: '00000000',
        };
        devices.value = [record];
        selectedDeviceID.value = record.id;
      }
    });
  }

  return {
    fetchDevices,
    selectedDevice,
    selectedDeviceID,
    selectedDeviceSlot,
    selectedDeviceLabel,
    options,
  };
}

/**
 * 根据模块的配置初始化基准 Module 组件需要的数据，包括选择框、设备等信息
 * @param apidata api 返回的数据
 * @param config 本模块的配置
 */
// export function useInitModule(moduleData: Config['moduleData'], apidata?: any) {
//   const { header, mock } = moduleData;
//   const data = mock || apidata;
//   const devices = ref<Record<string, any>[]>([]);
//   const options = ref<{ label: string; value: string }[]>([]);
//   const selectedDeviceID = ref<string>('');

//   const selectedDevice = computed(() => {
//     return (
//       devices.value.find((e) => {
//         return e.id === selectedDeviceID.value;
//       }) || {}
//     );
//   });
//   const selectedDeviceLabel = computed(() => {
//     const res = options.value.find((e) => {
//       return e.value === selectedDeviceID.value;
//     });
//     return res ? res.label : '';
//   });
//   const selectedDeviceSlot = computed(() => {
//     return getFormattedText(selectedDevice.value, header.slot.value);
//   });
// }