ai_uniapp_v2/uni_modules/uview-plus/components/u-button/props.js

import { defineMixin } from '../../libs/vue'
import ButtonDefaultProps from './button'
import { registerComponentProps } from '../../libs/config/props.js'

const defProps = registerComponentProps(ButtonDefaultProps)
export const props = defineMixin({
    props: {
        // 是否细边框
        hairline: {
            type: Boolean,
            default: () => defProps.button.hairline
        },
        // 按钮的预置样式，info，primary，error，warning，success
        type: {
            type: String,
            default: () => defProps.button.type
        },
        // 按钮尺寸，large，normal，small，mini
        size: {
            type: String,
            default: () => defProps.button.size
        },
        // 按钮形状，circle（两边为半圆），square（带圆角）
        shape: {
            type: String,
            default: () => defProps.button.shape
        },
        // 按钮是否镂空
        plain: {
            type: Boolean,
            default: () => defProps.button.plain
        },
        // 是否禁止状态
        disabled: {
            type: Boolean,
            default: () => defProps.button.disabled
        },
        // 是否加载中
        loading: {
            type: Boolean,
            default: () => defProps.button.loading
        },
        // 加载中提示文字
        loadingText: {
            type: [String, Number],
            default: () => defProps.button.loadingText
        },
        // 加载状态图标类型
        loadingMode: {
            type: String,
            default: () => defProps.button.loadingMode
        },
        // 加载图标大小
        loadingSize: {
            type: [String, Number],
            default: () => defProps.button.loadingSize
        },
        // 开放能力，具体请看uniapp稳定关于button组件部分说明
        // https://uniapp.dcloud.io/component/button
        openType: {
            type: String,
            default: () => defProps.button.openType
        },
        // 用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件
        // 取值为submit（提交表单），reset（重置表单）
        formType: {
            type: String,
            default: () => defProps.button.formType
        },
        // 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效
        // 只微信小程序、QQ小程序有效
        appParameter: {
            type: String,
            default: () => defProps.button.appParameter
        },
        // 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效
        hoverStopPropagation: {
            type: Boolean,
            default: () => defProps.button.hoverStopPropagation
        },
        // 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。只微信小程序有效
        lang: {
            type: String,
            default: () => defProps.button.lang
        },
        // 会话来源，open-type="contact"时有效。只微信小程序有效
        sessionFrom: {
            type: String,
            default: () => defProps.button.sessionFrom
        },
        // 会话内消息卡片标题，open-type="contact"时有效
        // 默认当前标题，只微信小程序有效
        sendMessageTitle: {
            type: String,
            default: () => defProps.button.sendMessageTitle
        },
        // 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效
        // 默认当前分享路径，只微信小程序有效
        sendMessagePath: {
            type: String,
            default: () => defProps.button.sendMessagePath
        },
        // 会话内消息卡片图片，open-type="contact"时有效
        // 默认当前页面截图，只微信小程序有效
        sendMessageImg: {
            type: String,
            default: () => defProps.button.sendMessageImg
        },
        // 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，
        // 用户点击后可以快速发送小程序消息，open-type="contact"时有效
        showMessageCard: {
            type: Boolean,
            default: () => defProps.button.showMessageCard
        },
        // 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取
        dataName: {
            type: String,
            default: () => defProps.button.dataName
        },
        // 节流，一定时间内只能触发一次
        throttleTime: {
            type: [String, Number],
            default: () => defProps.button.throttleTime
        },
        // 按住后多久出现点击态，单位毫秒
        hoverStartTime: {
            type: [String, Number],
            default: () => defProps.button.hoverStartTime
        },
        // 手指松开后点击态保留时间，单位毫秒
        hoverStayTime: {
            type: [String, Number],
            default: () => defProps.button.hoverStayTime
        },
        // 按钮文字，之所以通过props传入，是因为slot传入的话
        // nvue中无法控制文字的样式
        text: {
            type: [String, Number],
            default: () => defProps.button.text
        },
        // 按钮图标
        icon: {
            type: String,
            default: () => defProps.button.icon
        },
        // 按钮图标
        iconColor: {
            type: String,
            default: () => defProps.button.icon
        },
        // 按钮颜色，支持传入linear-gradient渐变色
        color: {
            type: String,
            default: () => defProps.button.color
        },
        // 停止冒泡
        stop: {
            type: Boolean,
            default: () => defProps.button.stop
        },
    }
})