vent-template/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 { getHomeData } from '../configurable.api';
import { getFormattedText } from '../../../deviceManager/configurationTable/adapters';
// 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 === '普通版';
    });
  });

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

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

/** 初始化设备信息，包含了适配了 header config 的下拉框选项、已选择设备的各个详细子项等，如果模块不需要展示 header 那么会将全部信息提供给已选择设备以供消费 */
export function useInitDevices(devicekind: string, config: Config['moduleData']['header']) {
  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.deviceID === 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, config.slot.prop, config.slot.formatter);
  });

  // 获取设备数据，赋值并以选项格式返回给 Header 消费
  function fetchDevices() {
    const { formatter, prop } = config.selector;
    return getHomeData({}).then((result) => {
      if (!result[devicekind]) return;

      if (config.show && config.showSelector) {
        const records: { deviceID: string }[] = result[devicekind];
        devices.value = records;
        selectedDeviceID.value = records[0]?.deviceID;
        options.value = records.map((e) => {
          return {
            label: getFormattedText(e, prop, formatter),
            value: e.deviceID,
          };
        });
      } else {
        const record = result;
        devices.value = [record];
        selectedDeviceID.value = record.deviceID;
      }
    });
  }

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

export function useInitScene(scenekind: string) {
  const scene = ref<Record<string, any>[]>([]);

  // 获取设备数据，赋值并以选项格式返回给 Header 消费
  function fetchScene() {
    return getHomeData({}).then((result) => {
      if (!result[scenekind]) return;
      // 如果数据只有一条，转为数据
      const records: { strinstallpos: string; deviceID: string }[] = result[scenekind];
      scene.value = records;
    });
  }

  return {
    fetchScene,
    scene,
  };
}