import type { App } from 'vue'
import { CACHE_KEY, useCache } from '@/hooks/web/useCache'

const { t } = useI18n() // 国际化

export function clientTable(app: App<Element>) {
  app.directive('clientTable', (el, binding) => {
    nextTick(() => {
      const top = el.getBoundingClientRect().top
      ////--top-tool-height:50  --tags-view-height:35
      const qustionHeight = 20
      let paginationHeight = 0
      if(el.children&&el.children.length>1){
        paginationHeight = 70
      }
      const height = window.innerHeight - top - paginationHeight - qustionHeight +5
      el.style.height = height + 'px'
      el.firstChild.style.height = '100%'
    })
  })
  app.directive('clientTable450', (el, binding) => {
    nextTick(() => {
      el.style.height =  '450px'
      el.firstChild.style.height = '100%'
    })
  })
  
  app.directive('clientSearchTable', (el, binding) => {
    nextTick(() => {
      const top = el.getBoundingClientRect().top
      const qustionHeight = 150
      let paginationHeight = 0
      if(el.children&&el.children.length>1){
        paginationHeight = 70
      }
      const height = window.innerHeight - top - paginationHeight - qustionHeight
      if(el.getBoundingClientRect().height>height){
        console.log('高度',el.getBoundingClientRect().height)
        el.style.height = height + 'px'
        el.firstChild.style.height = '100%'
      }
    })
  })
}