user_xiaochengxu_vue3/src/components/FButton/use-button.ts

import type { SetupContext } from 'vue'
import { computed } from 'vue'
import { CLICK_EVENT } from '../constants'
import type { ButtonEmits, ButtonProps } from './button'

export function useButton(props: ButtonProps, emit: SetupContext<ButtonEmits>['emit']) {
  const disabled = computed(() => props.disabled || props.loading)

  function clickHandler(evt: MouseEvent) {
    if (disabled.value)
      return

    emit(CLICK_EVENT, evt)
  }

  return {
    disabled,

    clickHandler,
  }
}