common-intellisense/scripts/uviewPlus.browser.js

%description%

function run() {
  const props = {}
  const events = []
  const methods = []
  const slots = []
  const link = location.href
  const prefix = 'Up'
  const basename = link.split('/').slice(-1)[0].split('.')[0].split('-').map((i) => {
    return i[0].toUpperCase() + i.slice(1)
  }).join('')
  const name = `${prefix}${basename}`
  const tbody = document.querySelector('#props + table')
    ? document.querySelector('#props + table')
    : document.querySelector('#props + * + table')
      ? document.querySelector('#props + * + table')
      : document.querySelector(`#${basename.toLocaleLowerCase()}-props + table`)
      || document.querySelector(`#${basename.toLocaleLowerCase()}-props + * + table`)
  if (tbody) {
    Array.from(tbody.querySelectorAll('tbody tr')).forEach((item) => {
      const name = item.children[0].firstChild.textContent
      const description = item.children[1].textContent
      const type = !/(-|true|false)/.test(item.children[4].textContent)
        ? item.children[4].textContent
        : item.children[2].textContent
      const value = item.children[3].textContent
      props[name] = {
        description,
        description_zh: description,
        default: value,
        value: '',
        type,
      }
    })
  }
  const eventBody = (document.querySelector('#event + table')
    ? document.querySelector('#event + table')
    : document.querySelector('#event + * + table'))
    || (document.querySelector('#events + table')
      ? document.querySelector('#events + table')
      : document.querySelector('#events + * + table'))
    || (document.querySelector(`#${basename.toLocaleLowerCase()}-event + table`))
    || (document.querySelector(`#${basename.toLocaleLowerCase()}-event + * + table`))
    || (document.querySelector(`#${basename.toLocaleLowerCase()}-events + table`))
    || (document.querySelector(`#${basename.toLocaleLowerCase()}-events + * + table`))

  if (eventBody) {
    Array.from(eventBody.querySelectorAll('tbody tr')).forEach((item) => {
      const name = item.children[0].textContent.split(' ')[0]
      const description = item.children[1].textContent
      const params = item.children[2].textContent
      events.push({ name, description, description_zh: description, params })
    })
  }
  const slotBody = document.querySelectorAll('#slots + table tbody tr')?.length ? document.querySelectorAll('#slots + table tbody tr') : document.querySelectorAll('#slot + table tbody tr')
  if (slotBody) {
    Array.from(slotBody).forEach((item) => {
      let name = item.children[0].textContent.split(' ')[0]
      const description = item.children[1].textContent
      if (name === '-' || !name)
        name = 'default'
      slots.push({
        name,
        description,
        description_zh: description,
      })
    })
  }
  const methodsBody = (document.querySelector('#methods + table')
    ? document.querySelector('#methods + table')
    : document.querySelector('#methods + * + table'))
    || (document.querySelector('#method + table')
      ? document.querySelector('#method + table')
      : document.querySelector('#method + * + table'))
    || (document.querySelector(`#${basename.toLocaleLowerCase()}-methods + table`))
    || (document.querySelector(`#${basename.toLocaleLowerCase()}-methods + * + table`))
    || (document.querySelector(`#${basename.toLocaleLowerCase()}-method + table`))
    || (document.querySelector(`#${basename.toLocaleLowerCase()}-method + * + table`))
    
  if (methodsBody) {
    Array.from(methodsBody.querySelectorAll('tbody tr')).forEach((item) => {
      const name = item.children[0].textContent.split('(')[0]
      const description = item.children[1].textContent
      const params = item.children[0].textContent.split('(')[1]
        ? `(${item.children[0].textContent.split('(')[1]}`
        : ''
      methods.push({ name, description, description_zh: description, params })
    })
  }

  const result = { name, props, link, link_zh: link, typeDetail: {}, events, methods, slots, suggestions: [] }
  copyToClipboard(JSON.stringify(result, null, 2))

  return result
}

function getProps() {
  const props = {}
  $0.closest('tbody').querySelectorAll('tr').forEach((item) => {
    const name = item.children[0].firstChild.textContent
    const description = item.children[1].textContent
    const type = !/(-|true|false)/.test(item.children[4].textContent)
      ? item.children[4].textContent
      : item.children[2].textContent
    const value = item.children[3].textContent
    props[name] = {
      description,
      description_zh: description,
      default: value,
      value: '',
      type,
    }
  })
  copyToClipboard(JSON.stringify(props, null, 2))
  return props
}

function getEvents() {
  const events = []
  const eventBody = $0.closest('tbody').querySelectorAll('tr')
  if (eventBody) {
    Array.from(eventBody).forEach((item) => {
      const name = item.children[0].textContent
      const description = item.children[1].textContent
      const params = item.children[2].textContent
      events.push({ name, description, description_zh: description, params })
    })
  }
  copyToClipboard(JSON.stringify(events, null, 2))

  return events
}

function getSlots() {
  const slots = []
  Array.from($0.closest('tbody').children).forEach(child => {
    const name = child.children[0].textContent
    const description = child.children[1].textContent
    slots.push({
      name,
      description,
      description_zh: description,
    })
  })
  copyToClipboard(JSON.stringify(slots, null, 2))

  return slots
}

function getMethods() {
  const methods = []
  const methodsBody = $0.closest('tbody').querySelectorAll('tr')
  if (methodsBody) {
    Array.from(methodsBody).forEach((item) => {
      const name = item.children[0].textContent.split('(')[0]
      const description = item.children[1].textContent
      const params = item.children[2]
        ? item.children[2].textContent
        : item.children[0].textContent.split('(')[1]
          ? `(${item.children[0].textContent.split('(')[1]}`
          : ''
      methods.push({ name, description, description_zh: description, params })
    })
  }
  copyToClipboard(JSON.stringify(methods, null, 2))

  return methods
}

function copyToClipboard(text) {
  const textArea = document.createElement('textarea');
  textArea.value = text;
  document.body.appendChild(textArea);
  textArea.select();
  textArea.setSelectionRange(0, 99999); // 选中全部内容
  document.execCommand('copy');
  document.body.removeChild(textArea);
}