172 lines
4.7 KiB
JavaScript
172 lines
4.7 KiB
JavaScript
export default {
|
||
mode: ['pc', 'mobile-first'],
|
||
apis: [
|
||
{
|
||
name: 'progress',
|
||
type: 'component',
|
||
props: [
|
||
{
|
||
name: 'color',
|
||
typeAnchorName: 'IColorItem',
|
||
type: 'string | IColorItem[] | (percentage: string) => string',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '进度条背景色（会覆盖 status 状态颜色）',
|
||
'en-US': 'Background color of the progress bar (overwrites the status color)'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'custom-color',
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'format',
|
||
type: '() => string',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '自定义进度条的文字',
|
||
'en-US': 'Customize the text of the progress bar'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'format-text',
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'info',
|
||
type: 'string',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '环形进度条底部描述文字',
|
||
'en-US': ''
|
||
},
|
||
mode: ['mobile-first'],
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'percentage',
|
||
type: 'number',
|
||
defaultValue: '0',
|
||
desc: {
|
||
'zh-CN': '百分比（必填）；该属性的可选值为 0-100',
|
||
'en-US': 'Percentage (mandatory) The optional values for this property are 0 - 100'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'basic-usage',
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'show-text',
|
||
type: 'boolean',
|
||
defaultValue: 'true',
|
||
desc: {
|
||
'zh-CN': '是否显示进度条文字内容',
|
||
'en-US': 'Display progress bar text'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'format-text',
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'size',
|
||
type: 'string',
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '进度条尺寸',
|
||
'en-US': ''
|
||
},
|
||
mode: ['mobile-first'],
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'status',
|
||
type: "'success' | 'exception' | 'warning'",
|
||
defaultValue: '',
|
||
desc: {
|
||
'zh-CN': '进度条当前状态',
|
||
'en-US': 'Current status of the progress bar'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'progress-status',
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'stroke-width',
|
||
type: 'number',
|
||
defaultValue: '6',
|
||
desc: {
|
||
'zh-CN': 'line 类型进度条的宽度，单位 px',
|
||
'en-US': 'The width of the progress bar of type line, in px'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'basic-usage',
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'text-inside',
|
||
type: 'boolean',
|
||
defaultValue: 'false',
|
||
desc: {
|
||
'zh-CN': '进度条显示文字内置在进度条内（只在 type=line 时可用）',
|
||
'en-US':
|
||
'The text displayed on the progress bar is embedded in the progress bar. This parameter is available only when type is set to line'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'format-text',
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'type',
|
||
type: "'line' | 'circle' | 'dashboard'",
|
||
defaultValue: "'line'",
|
||
desc: {
|
||
'zh-CN': '进度条类型',
|
||
'en-US': 'Progress bar type'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'progress-type-circle',
|
||
mfDemo: ''
|
||
},
|
||
{
|
||
name: 'width',
|
||
type: 'number',
|
||
defaultValue: '126',
|
||
desc: {
|
||
'zh-CN': '环形进度条画布宽度（只在 type 为 circle 或 dashboard 时可用）',
|
||
'en-US': 'Circular progress bar canvas width (available only when type is circle or dashboard)'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'progress-type-circle',
|
||
mfDemo: ''
|
||
}
|
||
],
|
||
events: [],
|
||
methods: [],
|
||
slots: [
|
||
{
|
||
name: 'statusIcon',
|
||
desc: {
|
||
'zh-CN': '状态插槽，successIcon / exceptionIcon / warningIcon',
|
||
'en-US': 'Status slot, successIcon / exceptionIcon / warningIcon'
|
||
},
|
||
mode: ['pc', 'mobile-first'],
|
||
pcDemo: 'slot-icon-status',
|
||
meta: {
|
||
stable: '3.22.0'
|
||
}
|
||
}
|
||
]
|
||
}
|
||
],
|
||
types: [
|
||
{
|
||
name: 'IColorItem',
|
||
type: 'type',
|
||
code: `
|
||
interface IColorItem {
|
||
color: string
|
||
percentage: number
|
||
}
|
||
`
|
||
}
|
||
]
|
||
}
|