@tplc/business/components/lcb-button/types.ts

import { progressProps } from '@tplc/wot/components/wd-progress/types'
import { LcbActionViewProps } from '../lcb-action-view/types'
import { LcbBlockProps } from '../lcb-block/types'
import { ExtractPropTypes } from 'vue'

export interface LcbButtonProps extends LcbBlockProps {
  text: string
  action?: LcbActionViewProps
  mode: 'image' | 'text' | 'noStyle' | 'qrcode' | 'progress'
  url?: string
  imageWidth?: number
  imageHeight?: number
  dynamicKey?: string
  keyFromUser?: boolean
  qrCodeSize?: number
  customClass?: string
  fillWidth?: boolean
  fillHeight?: boolean
  icon?: string
  iconSize?: number
  iconColor?: string
  iconGap?: number
  // 动态值不存在就不显示
  hideWhenDynamicKeyNotExist?: boolean
  // 动态值不存在时显示的默认值
  textDefaultValue?: string
  enablePreview?: boolean
  itemAlign?:
    | 'top-left'
    | 'top-center'
    | 'top-right'
    | 'center-left'
    | 'center-center'
    | 'center-right'
    | 'bottom-left'
    | 'bottom-center'
    | 'bottom-right'
  // 动态action key
  dynamicActionKey?: string
  lineClamp?: number
  progressProps?: ExtractPropTypes<typeof progressProps>
  fontFamily?: string
  // 绑定的表单 keys，请求时会将对应表单数据一并提交
  formKeys?: string[]
}