@lincy/tnui-vue3-uniapp/components/button/src/composables/use-button.ts

TuniaoUI for vue3 uniapp

import { debounce } from '../../../../libs/lodash'

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

export const useButton = (
  props: ButtonProps,
  emits: SetupContext<ButtonEmits>['emit']
) => {
  // 按钮点击事件
  const buttonClickHandle = () => {
    if (props.disabled || props.loading) return
    emits('click')
  }
  const buttonClick = props.debounce
    ? debounce(buttonClickHandle, 250)
    : buttonClickHandle
  // 获取手机号码回调
  const getPhoneNumber = (e: any) => {
    emits('getphonenumber', e)
  }
  // 获取手机号实时验证回调
  const getRealTimePhoneNumber = (e: any) => {
    emits('getrealtimephonenumber', e)
  }
  // 打开设置面板
  const openSetting = (e: any) => {
    emits('opensetting', e)
  }
  // 打开App成功回调
  const launchApp = (e: any) => {
    emits('launchapp', e)
  }
  // 获取用户信息回调
  const getUserInfo = (e: any) => {
    emits('getuserinfo', e)
  }
  // 获取用户头像回调
  const chooseAvatar = (e: any) => {
    emits('chooseavatar', e)
  }
  // 同意隐私授权回调
  const agreePrivacyAuthorization = (e: any) => {
    emits('agreeprivacyauthorization', e)
  }
  // 客服消息回调
  const contact = (e: any) => {
    emits('contact', e)
  }
  // 当使用开放能力时，发生错误的回调
  const openTypeError = (e: any) => {
    emits('error', e)
  }

  return {
    buttonClick,
    getPhoneNumber,
    getRealTimePhoneNumber,
    openSetting,
    launchApp,
    getUserInfo,
    chooseAvatar,
    agreePrivacyAuthorization,
    contact,
    openTypeError,
  }
}