getColumns.tsx

import * as React from 'react'
import { Column } from '@src/polaris/common/ducks/GridPage'
import { Instance, HEALTH_STATUS_MAP, ISOLATE_STATUS_MAP } from './types'
import { DuckCmpProps } from 'saga-duck'
import ServiceInstanceDuck from './PageDuck'
import { Text, Icon } from 'tea-component'
import Action from '@src/polaris/common/duckComponents/grid/Action'
import { checkGlobalRegistry, isReadOnly } from '../../utils'
import { disableDeleteTip } from '../../getColumns'
export const SourcePolarisIpKey = 'internal-sync-local-registry-host'
export const getSourcePolairisIp = x => {
  // metadata 可能缺失（开源版 server），必须判空
  const hasSyncGlobal = Object.entries(x.metadata ?? {}).find(([key]) => key === SourcePolarisIpKey)
  return hasSyncGlobal?.[1]
}
export default ({ duck: { creators, selector }, store }: DuckCmpProps<ServiceInstanceDuck>): Column<Instance>[] => [
  // {
  //   key: "id",
  //   header: "id",
  //   render: (x) => (
  //     <>
  //       <Text overflow tooltip={x.id} style={{ width: "100px" }}>
  //         {x.id}
  //       </Text>
  //       <Copy text={x.id}>
  //         <Button type={"icon"} icon={"copy"}></Button>
  //       </Copy>
  //     </>
  //   ),
  // },
  {
    key: 'host',
    header: '实例IP',
    render: x => <Text overflow>{x.host}</Text>,
  },
  {
    key: 'sourceIp',
    header: '来源北极星IP',
    render: x => <Text overflow>{getSourcePolairisIp(x) || '-'}</Text>,
  },
  {
    key: 'port',
    header: '端口',
    render: x => (
      <Text tooltip={x.port} overflow>
        {x.port || '-'}
      </Text>
    ),
  },
  {
    key: 'protocol',
    header: '协议',
    render: x => (
      <Text tooltip={x.protocol} overflow>
        {x.protocol || '-'}
      </Text>
    ),
  },
  {
    key: 'version',
    header: '版本',
    render: x => (
      <Text tooltip={x.version} overflow>
        {x.version || '-'}
      </Text>
    ),
  },
  {
    key: 'weight',
    header: '权重',
    render: x => (
      <Text tooltip={x.weight} overflow>
        {x.weight}
      </Text>
    ),
  },

  {
    key: 'healthy',
    header: '健康状态',
    render: x => <Text theme={HEALTH_STATUS_MAP[x.healthy].theme}>{HEALTH_STATUS_MAP[x.healthy].text}</Text>,
  },
  {
    key: 'isolate',
    header: '隔离状态',
    render: x => <Text theme={ISOLATE_STATUS_MAP[x.isolate].theme}>{ISOLATE_STATUS_MAP[x.isolate].text}</Text>,
  },
  {
    key: 'cmdb',
    header: '地区/地域/可用区',
    render: x => (
      <Text tooltip={`${x.location?.region ?? '-'}/${x.location?.zone ?? '-'}/${x.location?.campus ?? '-'}`}>
        {`${x.location?.region ?? '-'}/${x.location?.zone ?? '-'}/${x.location?.campus ?? '-'}`}
      </Text>
    ),
  },
  {
    key: 'ctime',
    header: '创建时间',
    render: x => (
      <Text tooltip={x.ctime} overflow>
        {x.ctime || '-'}
      </Text>
    ),
  },
  {
    key: 'mtime',
    header: '修改时间',
    render: x => (
      <Text tooltip={x.mtime} overflow>
        {x.mtime || '-'}
      </Text>
    ),
  },
  {
    key: 'action',
    header: '操作',
    render: x => {
      const {
        data: { namespace, editable, deleteable },
      } = selector(store)
      const hasGlobalRegistry = checkGlobalRegistry(x)

      return (
        <React.Fragment>
          <Action
            fn={dispatch => dispatch(creators.edit(x))}
            disabled={isReadOnly(namespace) || !editable || hasGlobalRegistry}
            tip={
              isReadOnly(namespace)
                ? '该命名空间为只读的'
                : !editable
                ? '无写权限'
                : hasGlobalRegistry
                ? disableDeleteTip
                : '编辑'
            }
          >
            <Icon type={'pencil'}></Icon>
          </Action>
          <Action
            fn={dispatch => dispatch(creators.remove([x.id]))}
            disabled={isReadOnly(namespace) || deleteable === false}
            tip={isReadOnly(namespace) ? '该命名空间为只读的' : deleteable === false ? '无写权限' : '删除'}
          >
            <Icon type={'delete'}></Icon>
          </Action>
        </React.Fragment>
      )
    },
  },
]