forked from opentiny/tiny-vue
docs(sites): change api properties to props (#1117)
This commit is contained in:
gimmyhehe
GitHub
parent
bedb81d3d2
commit
e1c0960cc3
|
|
@ -75,7 +75,7 @@ export default {
|
|||
{
|
||||
'name': 'amount',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'placeholder',
|
||||
'type': 'string',
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@ export default {
|
|||
{
|
||||
'name': 'area',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'modelValue / v-model',
|
||||
'type': 'string',
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@ export default {
|
|||
{
|
||||
'name': 'bulletin-board',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'active-name',
|
||||
'type': 'string',
|
||||
|
|
|
|||
|
|
@ -15,7 +15,8 @@ export default {
|
|||
'demoId': 'calendar-mode',
|
||||
'name': { 'zh-CN': '显示模式', 'en-US': 'Display mode' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>mode</code> 属性指定以年的形式显示，将展示当年的每个月份。可选值有 <code>month</code> / <code>timeline</code> / <code>schedule</code>。</p>\n',
|
||||
'zh-CN':
|
||||
'<p>通过 <code>mode</code> 属性指定以年的形式显示，将展示当年的每个月份。可选值有 <code>month</code> / <code>timeline</code> / <code>schedule</code>。</p>\n',
|
||||
'en-US':
|
||||
'<p>The <code>mode</code> attribute specifies that each month of the current year is displayed. The options are <code>month</code> / <code>timeline</code> / <code>schedule</code>. </p>\n'
|
||||
},
|
||||
|
|
@ -128,7 +129,7 @@ export default {
|
|||
{
|
||||
'name': 'calendar-view',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'day-times',
|
||||
'type': 'Array',
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@ export default {
|
|||
{
|
||||
'name': 'calendar',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'events',
|
||||
'type': 'Array',
|
||||
|
|
|
|||
|
|
@ -80,5 +80,5 @@ export default {
|
|||
'codeFiles': ['props/demo3.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-attributes-demo', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-attributes-demo', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,5 +14,5 @@ export default {
|
|||
'codeFiles': ['amap/base.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-autonavi-map', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-autonavi-map', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,5 +14,5 @@ export default {
|
|||
'codeFiles': ['bmap/base.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-baidu-map', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-baidu-map', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,5 +50,5 @@ export default {
|
|||
'codeFiles': ['bar/demo7.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-bar', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-bar', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -34,5 +34,5 @@ export default {
|
|||
'codeFiles': ['boxplot/vertical.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-boxplot', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-boxplot', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,5 +50,5 @@ export default {
|
|||
'codeFiles': ['candle/demo7.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-candle', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-candle', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,5 +14,5 @@ export default {
|
|||
'codeFiles': ['events/base.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-events', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-events', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -53,5 +53,5 @@ export default {
|
|||
'codeFiles': ['funnel/demo7.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-funnel', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-funnel', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,5 +38,5 @@ export default {
|
|||
'codeFiles': ['gauge/demo5.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-gauge', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-gauge', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,5 +26,5 @@ export default {
|
|||
'codeFiles': ['graph/demo3.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-graph', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-graph', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -41,5 +41,5 @@ export default {
|
|||
'codeFiles': ['heatmap/demo5.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-heatmap', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-heatmap', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -56,5 +56,5 @@ export default {
|
|||
'codeFiles': ['histogram/demo8.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-histogram', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-histogram', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -62,5 +62,5 @@ export default {
|
|||
'codeFiles': ['line/demo9.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-line', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-line', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -41,5 +41,5 @@ export default {
|
|||
'codeFiles': ['liquidfill/demo5.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-liquidfill', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-liquidfill', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,5 +9,5 @@ export default {
|
|||
'codeFiles': ['map/base.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-map', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-map', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,5 +50,5 @@ export default {
|
|||
'codeFiles': ['pie/demo7.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-pie', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-pie', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -42,5 +42,5 @@ export default {
|
|||
'codeFiles': ['question/demo2.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-question', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-question', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -26,5 +26,5 @@ export default {
|
|||
'codeFiles': ['radar/demo3.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-radar', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-radar', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -50,5 +50,5 @@ export default {
|
|||
'codeFiles': ['ring/ring-title.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-ring', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-ring', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,5 +20,5 @@ export default {
|
|||
'codeFiles': ['sankey/demo2.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-sankey', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-sankey', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -62,5 +62,5 @@ export default {
|
|||
'codeFiles': ['scatter/demo8.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-scatter', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-scatter', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,5 +20,5 @@ export default {
|
|||
'codeFiles': ['sunburst/demo2.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-sunburst', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-sunburst', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,5 +38,5 @@ export default {
|
|||
'codeFiles': ['tree/demo5.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-tree', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-tree', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,5 +38,5 @@ export default {
|
|||
'codeFiles': ['waterfall/demo5.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-waterfall', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-waterfall', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,5 +32,5 @@ export default {
|
|||
'codeFiles': ['wordcloud/demo4.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'chart-wordcloud', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'chart-wordcloud', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ export default {
|
|||
{
|
||||
'name': 'chart',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'data ',
|
||||
'type': 'object ',
|
||||
|
|
|
|||
|
|
@ -21,5 +21,5 @@ export default {
|
|||
'codeFiles': ['neutral-color.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'color', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'color', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ export default {
|
|||
{
|
||||
'name': 'company',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'modelValue / v-model',
|
||||
'type': 'string , number',
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ export default {
|
|||
{
|
||||
'name': 'country',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'modelValue / v-model',
|
||||
'type': 'string , number',
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ export default {
|
|||
{
|
||||
'name': 'credit-card-form',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'background-image',
|
||||
'type': 'string , object',
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ export default {
|
|||
{
|
||||
'name': 'currency',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'modelValue / v-model',
|
||||
'type': 'string , number',
|
||||
|
|
|
|||
|
|
@ -21,7 +21,8 @@ export default {
|
|||
'en-US': 'Select date range'
|
||||
},
|
||||
'desc': {
|
||||
'zh-CN': '<p>设置 <code>type</code> 属性为 <code>daterange</code> / <code>datetimerange</code> / <code>monthrange</code> / <code>yearrange</code>，可以设置以日期范围的形式进行选择。</p>\n',
|
||||
'zh-CN':
|
||||
'<p>设置 <code>type</code> 属性为 <code>daterange</code> / <code>datetimerange</code> / <code>monthrange</code> / <code>yearrange</code>，可以设置以日期范围的形式进行选择。</p>\n',
|
||||
'en-US': '<p>Set <code>type</code> to <code>daterange</code>, you can select a date range.</p>\n'
|
||||
},
|
||||
'codeFiles': ['date-range.vue']
|
||||
|
|
@ -90,7 +91,8 @@ export default {
|
|||
},
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>size</code> 属性可以设置日期输入框的尺寸，可选值有 medium、small、mini。</p>\n',
|
||||
'en-US': '<p>You can set the size of the date text box through the <code>size</code> attribute. The options are medium, small, and mini. </p>\n'
|
||||
'en-US':
|
||||
'<p>You can set the size of the date text box through the <code>size</code> attribute. The options are medium, small, and mini. </p>\n'
|
||||
},
|
||||
'codeFiles': ['size.vue']
|
||||
},
|
||||
|
|
@ -101,8 +103,10 @@ export default {
|
|||
'en-US': 'Clear Input'
|
||||
},
|
||||
'desc': {
|
||||
'zh-CN': '<p>选择日期后，鼠标悬停在输入框时，默认会显示清除图标，单击图标可以清除输入框内容。设置 <code>clearable</code> 属性为 false 后，则不显示清除图标，不可清除。通过 <code>clear-icon</code> 属性可以自定义清除图标。</p>',
|
||||
'en-US': '<p>After you select a date, the clear icon is displayed by default when you hover the cursor over the text box. You can click the icon to clear the text box. If <code>clearable</code> is set to false, the clear icon is not displayed and cannot be cleared. The <code>clear-icon</code> property allows you to customize the clear icon. </p>\n'
|
||||
'zh-CN':
|
||||
'<p>选择日期后，鼠标悬停在输入框时，默认会显示清除图标，单击图标可以清除输入框内容。设置 <code>clearable</code> 属性为 false 后，则不显示清除图标，不可清除。通过 <code>clear-icon</code> 属性可以自定义清除图标。</p>',
|
||||
'en-US':
|
||||
'<p>After you select a date, the clear icon is displayed by default when you hover the cursor over the text box. You can click the icon to clear the text box. If <code>clearable</code> is set to false, the clear icon is not displayed and cannot be cleared. The <code>clear-icon</code> property allows you to customize the clear icon. </p>\n'
|
||||
},
|
||||
'codeFiles': ['clear.vue']
|
||||
},
|
||||
|
|
@ -172,8 +176,10 @@ export default {
|
|||
'en-US': 'Filter mode'
|
||||
},
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>shape="filter"</code> 属性切换至过滤器模式。</p><p>过滤器模式下可传入 label 显示标题，tip 显示提示信息，clearable 是否显示清除按钮。</p>',
|
||||
'en-US': '<p>Switch to filter mode through the <code> shape=\'filter\' </code> attribute. </p><p> in filter mode, label display caption can be passed in, tip displays prompt information, and whether clearable displays the clear button.</p>'
|
||||
'zh-CN':
|
||||
'<p>通过 <code>shape="filter"</code> 属性切换至过滤器模式。</p><p>过滤器模式下可传入 label 显示标题，tip 显示提示信息，clearable 是否显示清除按钮。</p>',
|
||||
'en-US':
|
||||
"<p>Switch to filter mode through the <code> shape='filter' </code> attribute. </p><p> in filter mode, label display caption can be passed in, tip displays prompt information, and whether clearable displays the clear button.</p>"
|
||||
},
|
||||
'codeFiles': ['filter-mode.vue']
|
||||
},
|
||||
|
|
@ -216,8 +222,10 @@ export default {
|
|||
'en-US': 'Alignment'
|
||||
},
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>align</code> 属性可以设置日期选择面板与输入框之间的对齐方式，可选值有 left、right、center，默认为 left 左对齐。</p>\n',
|
||||
'en-US': '<p>You can use the <code>align</code> attribute to set the alignment mode between the date selection panel and the text box. The options are left, right, and center. The default value is left. </p>\n'
|
||||
'zh-CN':
|
||||
'<p>通过 <code>align</code> 属性可以设置日期选择面板与输入框之间的对齐方式，可选值有 left、right、center，默认为 left 左对齐。</p>\n',
|
||||
'en-US':
|
||||
'<p>You can use the <code>align</code> attribute to set the alignment mode between the date selection panel and the text box. The options are left, right, and center. The default value is left. </p>\n'
|
||||
},
|
||||
'codeFiles': ['align.vue']
|
||||
},
|
||||
|
|
@ -246,8 +254,10 @@ export default {
|
|||
'en-US': 'Default time setting when the selector is enabled'
|
||||
},
|
||||
'desc': {
|
||||
'zh-CN': '<p>范围选择时，默认情况下，在开始日期面板中单击上一月或上一年箭头图标时，结束日期面板中日期也联动切换到上一月或上一年。在结束日期面板中切换下一月或下一年时，开始日期面板也随之联动。但若配置 <code>unlink-panels</code> 属性为 true ，面板之间就不再联动，切换年月时只对当前面板生效。</p>\n',
|
||||
'en-US': '<p><code>default-value</code> property specifies the date that is selected by default when the date picker panel opens. </p>\n'
|
||||
'zh-CN':
|
||||
'<p>范围选择时，默认情况下，在开始日期面板中单击上一月或上一年箭头图标时，结束日期面板中日期也联动切换到上一月或上一年。在结束日期面板中切换下一月或下一年时，开始日期面板也随之联动。但若配置 <code>unlink-panels</code> 属性为 true ，面板之间就不再联动，切换年月时只对当前面板生效。</p>\n',
|
||||
'en-US':
|
||||
'<p><code>default-value</code> property specifies the date that is selected by default when the date picker panel opens. </p>\n'
|
||||
},
|
||||
'codeFiles': ['unlink-panels.vue']
|
||||
},
|
||||
|
|
@ -276,7 +286,8 @@ export default {
|
|||
'en-US': 'Validate event'
|
||||
},
|
||||
'desc': {
|
||||
'zh-CN': '<p>日期选择器在输入时默认会触发表单校验，触发方式有 blur、change。但若设置 <code>validate-event</code> 属性为 false，将不再触发表单校验。</p>\n',
|
||||
'zh-CN':
|
||||
'<p>日期选择器在输入时默认会触发表单校验，触发方式有 blur、change。但若设置 <code>validate-event</code> 属性为 false，将不再触发表单校验。</p>\n',
|
||||
'en-US': ''
|
||||
},
|
||||
'codeFiles': ['validate-event.vue']
|
||||
|
|
@ -288,7 +299,8 @@ export default {
|
|||
'en-US': 'Events'
|
||||
},
|
||||
'desc': {
|
||||
'zh-CN': '<p>支持 <code>focus</code>、<code>blur</code>、<code>change</code>、<code>onPick</code> 事件。<br><code>onPick</code> 代表获取选中日期后执行的回调，需要与 <code>daterange</code> 或 <code>datetimerange</code> 类型配合使用才生效，配置在 <code>picker-options</code> 中。</p>',
|
||||
'zh-CN':
|
||||
'<p>支持 <code>focus</code>、<code>blur</code>、<code>change</code>、<code>onPick</code> 事件。<br><code>onPick</code> 代表获取选中日期后执行的回调，需要与 <code>daterange</code> 或 <code>datetimerange</code> 类型配合使用才生效，配置在 <code>picker-options</code> 中。</p>',
|
||||
'en-US': '<p>The main events are focus, blur and change.</p>'
|
||||
},
|
||||
'codeFiles': ['events.vue']
|
||||
|
|
@ -298,11 +310,11 @@ export default {
|
|||
{
|
||||
'name': 'date-picker',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'align',
|
||||
'type': '\'left\' | \'center\' | \'right\'',
|
||||
'defaultValue': '\'left\'',
|
||||
'type': "'left' | 'center' | 'right'",
|
||||
'defaultValue': "'left'",
|
||||
'desc': {
|
||||
'zh-CN': '日期选择面板和输入框的对齐方式',
|
||||
'en-US': 'Alignment of the date selection panel and the input box'
|
||||
|
|
@ -332,9 +344,10 @@ export default {
|
|||
{
|
||||
'name': 'default-time',
|
||||
'type': 'string | string[]',
|
||||
'defaultValue': '\'00:00:00\' | [\'00:00:00\', \'00:00:00\']',
|
||||
'defaultValue': "'00:00:00' | ['00:00:00', '00:00:00']",
|
||||
'desc': {
|
||||
'zh-CN': 'type="datetime" 时，default-time 是一个字符串，用于设置选择一个日期后，时间输入框中的默认值；<br>type="datetimerange" 时，default-time 是一个字符串数组，用于设置选择一个日期范围后，开始和结束时间输入框中的默认值',
|
||||
'zh-CN':
|
||||
'type="datetime" 时，default-time 是一个字符串，用于设置选择一个日期后，时间输入框中的默认值；<br>type="datetimerange" 时，default-time 是一个字符串数组，用于设置选择一个日期范围后，开始和结束时间输入框中的默认值',
|
||||
'en-US': ''
|
||||
},
|
||||
'demoId': 'default-value'
|
||||
|
|
@ -344,8 +357,10 @@ export default {
|
|||
'type': 'string | Date',
|
||||
'defaultValue': 'new Date()',
|
||||
'desc': {
|
||||
'zh-CN': '当选中的日期值为空时，选择器面板打开时默认显示的时间，可以是日期格式或者能被 new Date() 解析的字符串',
|
||||
'en-US': 'Use the arrow button to select the time. This parameter is used when type is set to datetime or datetimerange. By default, the time is selected by scrolling the mouse wheel'
|
||||
'zh-CN':
|
||||
'当选中的日期值为空时，选择器面板打开时默认显示的时间，可以是日期格式或者能被 new Date() 解析的字符串',
|
||||
'en-US':
|
||||
'Use the arrow button to select the time. This parameter is used when type is set to datetime or datetimerange. By default, the time is selected by scrolling the mouse wheel'
|
||||
},
|
||||
'demoId': 'default-value'
|
||||
},
|
||||
|
|
@ -372,7 +387,7 @@ export default {
|
|||
{
|
||||
'name': 'end-placeholder',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'\'',
|
||||
'defaultValue': "''",
|
||||
'desc': {
|
||||
'zh-CN': '范围选择时结束日期的占位内容',
|
||||
'en-US': 'Placeholder of the end date when the range is selected'
|
||||
|
|
@ -394,7 +409,8 @@ export default {
|
|||
'type': '(customWeeks: number, weekFirstDays: string[]) => string',
|
||||
'defaultValue': '--',
|
||||
'desc': {
|
||||
'zh-CN': '格式化周次序号，该回调函数有两个参数，customWeeks 用来获取自定义周次的序号，weekFirstDays 用来获取每周次中的首个日期',
|
||||
'zh-CN':
|
||||
'格式化周次序号，该回调函数有两个参数，customWeeks 用来获取自定义周次的序号，weekFirstDays 用来获取每周次中的首个日期',
|
||||
'en-US': 'The following table lists the options of the current time and date selector.'
|
||||
},
|
||||
'demoId': 'custom-weeks'
|
||||
|
|
@ -404,18 +420,22 @@ export default {
|
|||
'type': 'boolean',
|
||||
'defaultValue': 'false',
|
||||
'desc': {
|
||||
'zh-CN': '默认值为 false，设置为 true 时切换系统默认时区，时间依然显示为东八区时间，适用场景为海外地区显示东八区时间',
|
||||
'en-US': 'The default value is false. If this parameter is set to true, the time in GMT+8 is still displayed when the default time zone is switched. Applicable scenario: The GMT+8 time is displayed in regions outside China'
|
||||
'zh-CN':
|
||||
'默认值为 false，设置为 true 时切换系统默认时区，时间依然显示为东八区时间，适用场景为海外地区显示东八区时间',
|
||||
'en-US':
|
||||
'The default value is false. If this parameter is set to true, the time in GMT+8 is still displayed when the default time zone is switched. Applicable scenario: The GMT+8 time is displayed in regions outside China'
|
||||
},
|
||||
'demoId': 'isutc8'
|
||||
},
|
||||
{
|
||||
'name': 'label',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'\'',
|
||||
'defaultValue': "''",
|
||||
'desc': {
|
||||
'zh-CN': '设置 shape="filter" 属性之后，代表过滤器模式下显示的标题，单独设置 label 属性可以使 label 放置在组件的开始位置',
|
||||
'en-US': 'Optional. When the selected date is empty, the time displayed by default when the selector panel is opened. Set it to a value that can be parsed by new Date().'
|
||||
'zh-CN':
|
||||
'设置 shape="filter" 属性之后，代表过滤器模式下显示的标题，单独设置 label 属性可以使 label 放置在组件的开始位置',
|
||||
'en-US':
|
||||
'Optional. When the selected date is empty, the time displayed by default when the selector panel is opened. Set it to a value that can be parsed by new Date().'
|
||||
},
|
||||
'demoId': 'filter-mode'
|
||||
},
|
||||
|
|
@ -432,7 +452,7 @@ export default {
|
|||
{
|
||||
'name': 'name',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'\'',
|
||||
'defaultValue': "''",
|
||||
'desc': {
|
||||
'zh-CN': '原生属性',
|
||||
'en-US': ''
|
||||
|
|
@ -445,15 +465,16 @@ export default {
|
|||
'typeAnchorName': 'IPickerOptions',
|
||||
'defaultValue': '--',
|
||||
'desc': {
|
||||
'zh-CN': '配置部分禁用、快捷选项等，包含 firstDayOfWeek / disabledDate / onPick / shortcuts 属性，详细用法可参考 IPickerOptions 类型声明',
|
||||
'en-US': 'Custom selector\'s rear icon'
|
||||
'zh-CN':
|
||||
'配置部分禁用、快捷选项等，包含 firstDayOfWeek / disabledDate / onPick / shortcuts 属性，详细用法可参考 IPickerOptions 类型声明',
|
||||
'en-US': "Custom selector's rear icon"
|
||||
},
|
||||
'demoId': 'shortcuts'
|
||||
},
|
||||
{
|
||||
'name': 'placeholder',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'\'',
|
||||
'defaultValue': "''",
|
||||
'desc': {
|
||||
'zh-CN': '非范围选择时的占位内容',
|
||||
'en-US': 'Placeholder content for non-range selection'
|
||||
|
|
@ -465,8 +486,10 @@ export default {
|
|||
'type': 'boolean',
|
||||
'defaultValue': 'true',
|
||||
'desc': {
|
||||
'zh-CN': '是否将弹出框插入至 body 元素，在弹出框的定位出现问题时，可将该属性设置为 false (可参考 select 组件)',
|
||||
'en-US': 'Indicates whether to insert a pop-up box to the body element. When a fault occurs in the dialog box that is displayed, you can set this attribute to false (for details, see the select component).'
|
||||
'zh-CN':
|
||||
'是否将弹出框插入至 body 元素，在弹出框的定位出现问题时，可将该属性设置为 false (可参考 select 组件)',
|
||||
'en-US':
|
||||
'Indicates whether to insert a pop-up box to the body element. When a fault occurs in the dialog box that is displayed, you can set this attribute to false (for details, see the select component).'
|
||||
},
|
||||
'demoId': ''
|
||||
},
|
||||
|
|
@ -483,7 +506,7 @@ export default {
|
|||
{
|
||||
'name': 'range-separator',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'-\'',
|
||||
'defaultValue': "'-'",
|
||||
'desc': {
|
||||
'zh-CN': '选择范围时的分隔符',
|
||||
'en-US': 'Custom Clear Icon'
|
||||
|
|
@ -532,8 +555,8 @@ export default {
|
|||
},
|
||||
{
|
||||
'name': 'size',
|
||||
'type': '\'medium\' | \'small\' | \'\' | \'mini\'',
|
||||
'defaultValue': '\'\'',
|
||||
'type': "'medium' | 'small' | '' | 'mini'",
|
||||
'defaultValue': "''",
|
||||
'desc': {
|
||||
'zh-CN': '输入框尺寸',
|
||||
'en-US': 'Text box size; The values of this attribute are medium, small, and mini'
|
||||
|
|
@ -543,7 +566,7 @@ export default {
|
|||
{
|
||||
'name': 'start-placeholder',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'\'',
|
||||
'defaultValue': "''",
|
||||
'desc': {
|
||||
'zh-CN': '范围选择时开始日期的占位内容',
|
||||
'en-US': 'Placeholder of the start date when the range is selected'
|
||||
|
|
@ -556,7 +579,8 @@ export default {
|
|||
'typeAnchorName': 'time-picker#IStep',
|
||||
'defaultValue': '--',
|
||||
'desc': {
|
||||
'zh-CN': '设置 type="datetime" 或者 type="datetimerange" 属性之后，可以通过 step 配置时间的步长，step 是一个对象，包含三个属性：hour、minute、second，分别用来配置时、分、秒的步长',
|
||||
'zh-CN':
|
||||
'设置 type="datetime" 或者 type="datetimerange" 属性之后，可以通过 step 配置时间的步长，step 是一个对象，包含三个属性：hour、minute、second，分别用来配置时、分、秒的步长',
|
||||
'en-US': 'Native attribute'
|
||||
},
|
||||
'demoId': 'step'
|
||||
|
|
@ -576,7 +600,8 @@ export default {
|
|||
'type': 'boolean',
|
||||
'defaultValue': 'false',
|
||||
'desc': {
|
||||
'zh-CN': '通过箭头按钮控制时间选择，当 type 为 datetime、datetimerange 时使用，默认为 通过鼠标滚轮滚动选择时间',
|
||||
'zh-CN':
|
||||
'通过箭头按钮控制时间选择，当 type 为 datetime、datetimerange 时使用，默认为 通过鼠标滚轮滚动选择时间',
|
||||
'en-US': ''
|
||||
},
|
||||
'demoId': 'step'
|
||||
|
|
@ -584,10 +609,11 @@ export default {
|
|||
{
|
||||
'name': 'time-format',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'HH:mm:ss\'',
|
||||
'defaultValue': "'HH:mm:ss'",
|
||||
'desc': {
|
||||
'zh-CN': '当自定义的 format 格式无法自动区分时间与日期时，可配置该选项用来辅助确定格式',
|
||||
'en-US': 'If the user-defined format cannot automatically distinguish the time and date, you can set this parameter to assist in determining the format.'
|
||||
'en-US':
|
||||
'If the user-defined format cannot automatically distinguish the time and date, you can set this parameter to assist in determining the format.'
|
||||
},
|
||||
'demoId': 'format'
|
||||
},
|
||||
|
|
@ -597,7 +623,8 @@ export default {
|
|||
'defaultValue': '--',
|
||||
'desc': {
|
||||
'zh-CN': '过滤器模式下显示的提示信息',
|
||||
'en-US': 'The specific time of the current day used by the selected date during range selection; The optional value of this attribute is see date format'
|
||||
'en-US':
|
||||
'The specific time of the current day used by the selected date during range selection; The optional value of this attribute is see date format'
|
||||
},
|
||||
'demoId': 'filter-mode'
|
||||
},
|
||||
|
|
@ -605,10 +632,11 @@ export default {
|
|||
'name': 'type',
|
||||
'type': 'IType',
|
||||
'typeAnchorName': 'IType',
|
||||
'defaultValue': '\'date\'',
|
||||
'defaultValue': "'date'",
|
||||
'desc': {
|
||||
'zh-CN': '显示类型，该属性的可选值可参考 IType 类型声明',
|
||||
'en-US': 'Display type; The optional value of this attribute is year / month / dates / week / daterange / date / datetime / datetimerange / monthrange'
|
||||
'en-US':
|
||||
'Display type; The optional value of this attribute is year / month / dates / week / daterange / date / datetime / datetimerange / monthrange'
|
||||
},
|
||||
'demoId': 'basic-usage'
|
||||
},
|
||||
|
|
@ -638,7 +666,8 @@ export default {
|
|||
'defaultValue': 'Date 对象',
|
||||
'desc': {
|
||||
'zh-CN': '指定绑定值的格式，不指定则绑定值为 Date 对象',
|
||||
'en-US': 'Specifies the format of the binding value. If this parameter is not specified, the binding value is Date'
|
||||
'en-US':
|
||||
'Specifies the format of the binding value. If this parameter is not specified, the binding value is Date'
|
||||
},
|
||||
'demoId': 'format'
|
||||
}
|
||||
|
|
@ -658,7 +687,8 @@ export default {
|
|||
'type': '(value: Date) => void',
|
||||
'desc': {
|
||||
'zh-CN': '用户确认选定的值时触发',
|
||||
'en-US': 'This event is triggered when the user confirms the selected value. change (arg1) {//arg1 is the changed date or date set of datepicker}'
|
||||
'en-US':
|
||||
'This event is triggered when the user confirms the selected value. change (arg1) {//arg1 is the changed date or date set of datepicker}'
|
||||
},
|
||||
'demoId': 'events'
|
||||
},
|
||||
|
|
@ -667,7 +697,8 @@ export default {
|
|||
'type': '() => void',
|
||||
'desc': {
|
||||
'zh-CN': '当 input 获得焦点时触发',
|
||||
'en-US': 'This event is triggered when the input is focused. focus(arg1}{\n// arg1 = to component vue instance\n//do something you want...\n}'
|
||||
'en-US':
|
||||
'This event is triggered when the input is focused. focus(arg1}{\n// arg1 = to component vue instance\n//do something you want...\n}'
|
||||
},
|
||||
'demoId': 'events'
|
||||
}
|
||||
|
|
@ -697,11 +728,11 @@ export default {
|
|||
},
|
||||
{
|
||||
'name': 'd',
|
||||
'desc': { 'zh-CN': '日，不补0', 'en-US': '' },
|
||||
'desc': { 'zh-CN': '日，不补0', 'en-US': '' }
|
||||
},
|
||||
{
|
||||
'name': 'dd',
|
||||
'desc': { 'zh-CN': '日', 'en-US': '' },
|
||||
'desc': { 'zh-CN': '日', 'en-US': '' }
|
||||
},
|
||||
{
|
||||
'name': 'h',
|
||||
|
|
@ -730,7 +761,7 @@ export default {
|
|||
},
|
||||
{
|
||||
'name': 'M',
|
||||
'desc': { 'zh-CN': '月，不补0', 'en-US': '' },
|
||||
'desc': { 'zh-CN': '月，不补0', 'en-US': '' }
|
||||
},
|
||||
{
|
||||
'name': 'mm',
|
||||
|
|
@ -739,7 +770,7 @@ export default {
|
|||
},
|
||||
{
|
||||
'name': 'MM',
|
||||
'desc': { 'zh-CN': '月', 'en-US': '' },
|
||||
'desc': { 'zh-CN': '月', 'en-US': '' }
|
||||
},
|
||||
{
|
||||
'name': 's',
|
||||
|
|
@ -753,16 +784,16 @@ export default {
|
|||
},
|
||||
{
|
||||
'name': 'W',
|
||||
'desc': { 'zh-CN': '周，不补0', 'en-US': '' },
|
||||
'desc': { 'zh-CN': '周，不补0', 'en-US': '' }
|
||||
},
|
||||
{
|
||||
'name': 'WW',
|
||||
'desc': { 'zh-CN': '周', 'en-US': '' },
|
||||
'desc': { 'zh-CN': '周', 'en-US': '' }
|
||||
},
|
||||
{
|
||||
'name': 'yyyy',
|
||||
'desc': { 'zh-CN': '年', 'en-US': '' },
|
||||
},
|
||||
'desc': { 'zh-CN': '年', 'en-US': '' }
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
|
|
|
|||
|
|
@ -109,7 +109,7 @@ export default {
|
|||
{
|
||||
'name': 'dept',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'value',
|
||||
'type': 'string ',
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ export default {
|
|||
{
|
||||
'name': 'detail-page',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'modelValue / v-model',
|
||||
'type': 'IDetailPageItem[]',
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ export default {
|
|||
{
|
||||
'name': 'dialog-select',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'auto-lookup ',
|
||||
'type': 'boolean',
|
||||
|
|
|
|||
|
|
@ -127,7 +127,7 @@ export default {
|
|||
{
|
||||
'name': 'drawer',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'visible',
|
||||
'type': 'boolean',
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@ export default {
|
|||
{
|
||||
'name': 'drop-roles',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'modelValue / v-model',
|
||||
'type': 'string , number',
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ export default {
|
|||
{
|
||||
'name': 'drop-times',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'modelValue / v-model',
|
||||
'type': '—',
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ export default {
|
|||
{
|
||||
'name': 'espace',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'data',
|
||||
'type': 'Array , object',
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ export default {
|
|||
{
|
||||
'name': 'floatbar',
|
||||
'type': 'component',
|
||||
'properties': [],
|
||||
'props': [],
|
||||
'events': [],
|
||||
'slots': [
|
||||
{
|
||||
|
|
|
|||
|
|
@ -33,7 +33,7 @@ export default {
|
|||
{
|
||||
'name': 'flowchart',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
name: 'config',
|
||||
type: 'object',
|
||||
|
|
|
|||
|
|
@ -21,5 +21,5 @@ export default {
|
|||
'codeFiles': ['Font-usage-specifications.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'font', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'font', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@ export default {
|
|||
{
|
||||
'name': 'fullscreen',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'page-only',
|
||||
'type': 'boolean',
|
||||
|
|
|
|||
|
|
@ -36,5 +36,5 @@ export default {
|
|||
'codeFiles': ['align/grid-align.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-align', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-align', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,5 +23,5 @@ export default {
|
|||
'codeFiles': ['appearance-settings/stripe.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-appearance-settings', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-appearance-settings', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -47,5 +47,5 @@ export default {
|
|||
'codeFiles': ['context-menu/menu-permissions.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-context-menu', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-context-menu', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -44,5 +44,5 @@ export default {
|
|||
'codeFiles': ['custom-style/class-name.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-custom-style', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-custom-style', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -171,5 +171,5 @@ export default {
|
|||
'codeFiles': ['custom/reset-method.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-custom', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-custom', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -64,5 +64,5 @@ export default {
|
|||
'codeFiles': ['data-source/defslot-protochain-fetch.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-data-source', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-data-source', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -36,5 +36,5 @@ export default {
|
|||
'codeFiles': ['drag/column-drag.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-drag', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-drag', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,5 +29,5 @@ export default {
|
|||
'codeFiles': ['dynamically-columns/reverse-row.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-dynamically-columns', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-dynamically-columns', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -91,5 +91,5 @@ export default {
|
|||
'codeFiles': ['edit/trigger-mode-for-editing.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-edit', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-edit', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -75,5 +75,5 @@ export default {
|
|||
'codeFiles': ['editor/custom-edit.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-editor', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-editor', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,5 +31,5 @@ export default {
|
|||
'codeFiles': ['empty/empty-data-iscenter.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-empty', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-empty', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -206,5 +206,5 @@ export default {
|
|||
'codeFiles': ['event/get-row-method.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-event', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-event', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -53,5 +53,5 @@ export default {
|
|||
'codeFiles': ['expand/set-row-expansion.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-expand', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-expand', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -40,5 +40,5 @@ export default {
|
|||
'codeFiles': ['faq/many-poppover.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-faq', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-faq', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -108,5 +108,5 @@ export default {
|
|||
'codeFiles': ['filter/default-relation.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-filter', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-filter', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -36,5 +36,5 @@ export default {
|
|||
'codeFiles': ['fixed/multi-column-fixed.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-fixed', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-fixed', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,5 +32,5 @@ export default {
|
|||
'codeFiles': ['footer/footer-row-or-column-span.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-footer', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-footer', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -43,5 +43,5 @@ export default {
|
|||
'codeFiles': ['header/slot-header.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-header', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-header', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -65,5 +65,5 @@ export default {
|
|||
'codeFiles': ['highlight/highlight-cell.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-highlight', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-highlight', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -9,5 +9,5 @@ export default {
|
|||
'codeFiles': ['import-export/export-excel.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-import-export', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-import-export', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -117,5 +117,5 @@ export default {
|
|||
'codeFiles': ['large-data/scroll-to.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-large-data', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-large-data', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,5 +23,5 @@ export default {
|
|||
'codeFiles': ['loading/grid-loading-tip.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-loading', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-loading', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -51,5 +51,5 @@ export default {
|
|||
'codeFiles': ['mouse-keyboard/mouse-config.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-mouse-keyboard', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-mouse-keyboard', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -93,5 +93,5 @@ export default {
|
|||
'codeFiles': ['operation-column/header-select-disabled.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-operation-column', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-operation-column', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,5 +32,5 @@ export default {
|
|||
'codeFiles': ['pager/show-save-msg.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-pager', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-pager', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -56,5 +56,5 @@ export default {
|
|||
'codeFiles': ['renderer/async-colunm-render.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-renderer', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-renderer', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,5 +24,5 @@ export default {
|
|||
'codeFiles': ['row-grouping/row-group-render.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-row-grouping', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-row-grouping', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -35,5 +35,5 @@ export default {
|
|||
'codeFiles': ['serial-column/start-index.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-serial-column', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-serial-column', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -112,5 +112,5 @@ export default {
|
|||
'codeFiles': ['size/grid-size.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-size', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-size', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -36,5 +36,5 @@ export default {
|
|||
'codeFiles': ['slot/header-slot.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-slot', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-slot', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -57,5 +57,5 @@ export default {
|
|||
'codeFiles': ['sort/server-sort.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-sort', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-sort', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -34,5 +34,5 @@ export default {
|
|||
'codeFiles': ['span/column-span.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-span', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-span', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -51,5 +51,5 @@ export default {
|
|||
'codeFiles': ['tip/cell-tip-config.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-tip', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-tip', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -128,5 +128,5 @@ export default {
|
|||
'codeFiles': ['toolbar/toolbar-op-config.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-toolbar', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-toolbar', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -126,5 +126,5 @@ export default {
|
|||
'codeFiles': ['tree-table/tree-grid-keyboard-operation.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-tree-table', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-tree-table', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -117,5 +117,5 @@ export default {
|
|||
'codeFiles': ['validation/asterisk-method.vue']
|
||||
}
|
||||
],
|
||||
apis: [{ 'name': 'grid-validation', 'type': 'component', 'properties': [], 'events': [], 'slots': [] }]
|
||||
apis: [{ 'name': 'grid-validation', 'type': 'component', 'props': [], 'events': [], 'slots': [] }]
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ export default {
|
|||
{
|
||||
'name': 'hrapprover',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'value',
|
||||
'type': 'string ',
|
||||
|
|
|
|||
|
|
@ -92,7 +92,7 @@ export default {
|
|||
{
|
||||
'name': 'link-menu',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'data',
|
||||
'type': 'Array',
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ export default {
|
|||
{
|
||||
'name': 'link',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'type',
|
||||
'type': "'primary' | 'success' | 'warning' | 'danger' | 'info'",
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ export default {
|
|||
{
|
||||
'name': 'locales',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'local',
|
||||
'type': 'boolean',
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ export default {
|
|||
{
|
||||
'name': 'logon-user',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'getUserInfo',
|
||||
'type': 'Function',
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@ export default {
|
|||
{
|
||||
'name': 'logout',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'getLogoutUrl',
|
||||
'type': 'Function',
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@ export default {
|
|||
{
|
||||
'name': 'qr-code',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'value',
|
||||
'type': 'String',
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ export default {
|
|||
{
|
||||
'name': 'rich-text-editor',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'modelValue',
|
||||
'type': 'string',
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ export default {
|
|||
{
|
||||
'name': 'roles',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'fetch-role',
|
||||
'type': 'Function',
|
||||
|
|
|
|||
|
|
@ -62,7 +62,7 @@ export default {
|
|||
{
|
||||
'name': 'scroll-text',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'direction',
|
||||
'type': `'up' | 'left' | 'down' | 'right'`,
|
||||
|
|
|
|||
|
|
@ -455,7 +455,7 @@ export default {
|
|||
{
|
||||
'name': 'select',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'allow-copy',
|
||||
'type': 'boolean',
|
||||
|
|
|
|||
|
|
@ -137,7 +137,7 @@ export default {
|
|||
{
|
||||
'name': 'split',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'mode',
|
||||
'type': `'horizontal' | 'vertical'`,
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@ export default {
|
|||
{
|
||||
'name': 'text-popup',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'value',
|
||||
'type': 'string',
|
||||
|
|
|
|||
|
|
@ -282,7 +282,7 @@ export default {
|
|||
{
|
||||
'name': 'timeline-item',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'node',
|
||||
'type': 'ITimelineItem',
|
||||
|
|
|
|||
|
|
@ -7,7 +7,8 @@ export default {
|
|||
'name': { 'zh-CN': '基本用法', 'en-US': 'Basic Usage' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>默认是通过滚动的方式选择时间，<code>arrow-control</code> 属性可以设置通过箭头的方式选择时间。</p>',
|
||||
'en-US': 'The default is to select the time by scrolling, and the <code> arrow-control </code> property can be set to select the time by the arrow.'
|
||||
'en-US':
|
||||
'The default is to select the time by scrolling, and the <code> arrow-control </code> property can be set to select the time by the arrow.'
|
||||
},
|
||||
'codeFiles': ['basic-usage.vue']
|
||||
},
|
||||
|
|
@ -15,8 +16,10 @@ export default {
|
|||
'demoId': 'is-range',
|
||||
'name': { 'zh-CN': '范围选择', 'en-US': 'Select time range' },
|
||||
'desc': {
|
||||
'zh-CN': '<p><code>is-range</code> 设置是否为范围选择，默认为 false，<code>range-separator</code>，设置范围选择分隔符（为可选值）默认为 \'-\'。</p>',
|
||||
'en-US': '<p><code> is-range </code> whether the setting is range selection. Default is false, <code> range-separator </code>, and the range selection delimiter (optional) defaults to\'-\'.</p>'
|
||||
'zh-CN':
|
||||
"<p><code>is-range</code> 设置是否为范围选择，默认为 false，<code>range-separator</code>，设置范围选择分隔符（为可选值）默认为 '-'。</p>",
|
||||
'en-US':
|
||||
"<p><code> is-range </code> whether the setting is range selection. Default is false, <code> range-separator </code>, and the range selection delimiter (optional) defaults to'-'.</p>"
|
||||
},
|
||||
'codeFiles': ['is-range.vue']
|
||||
},
|
||||
|
|
@ -24,17 +27,21 @@ export default {
|
|||
'demoId': 'disabled',
|
||||
'name': { 'zh-CN': '禁用状态', 'en-US': 'Disabled status' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过设置 <code>disabled</code> 为 true 后，禁用时间输入框。</p><p>通过设置 <code>picker-options</code> 的 <code>selectableRange</code> 属性，可以实现部分禁用，此时只能选择一部分时间。</p>',
|
||||
'en-US': '<p>Disable the time input box by setting <code> disabled </code> to true.</p><p>Partial disable can be achieved by setting the <code>selectableRange<code> property of <code>picker-options<code>, and only a part of time can be selected at this time.</p>'
|
||||
'zh-CN':
|
||||
'<p>通过设置 <code>disabled</code> 为 true 后，禁用时间输入框。</p><p>通过设置 <code>picker-options</code> 的 <code>selectableRange</code> 属性，可以实现部分禁用，此时只能选择一部分时间。</p>',
|
||||
'en-US':
|
||||
'<p>Disable the time input box by setting <code> disabled </code> to true.</p><p>Partial disable can be achieved by setting the <code>selectableRange<code> property of <code>picker-options<code>, and only a part of time can be selected at this time.</p>'
|
||||
},
|
||||
'codeFiles': ['disabled.vue']
|
||||
},
|
||||
{
|
||||
'demoId': 'placeholder',
|
||||
'name': {'zh-CN': '占位符', 'en-US': 'Placeholder' },
|
||||
'name': { 'zh-CN': '占位符', 'en-US': 'Placeholder' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code> placeholder </code> 属性设置时间输入框的占位符，通过 <code> start-placeholder </code> / <code> end-placeholder </code> 设置时间范围输入框的开始和结束时间的占位符。</p>',
|
||||
'en-US': '<p>Set the placeholder for the time input box through the <code> placeholder </code> property, and set the placeholder for the start and end time of the time range input box through <code> start-placeholder </code> / <code> end-placeholder </code>.</p>'
|
||||
'zh-CN':
|
||||
'<p>通过 <code> placeholder </code> 属性设置时间输入框的占位符，通过 <code> start-placeholder </code> / <code> end-placeholder </code> 设置时间范围输入框的开始和结束时间的占位符。</p>',
|
||||
'en-US':
|
||||
'<p>Set the placeholder for the time input box through the <code> placeholder </code> property, and set the placeholder for the start and end time of the time range input box through <code> start-placeholder </code> / <code> end-placeholder </code>.</p>'
|
||||
},
|
||||
'codeFiles': ['placeholder.vue']
|
||||
},
|
||||
|
|
@ -51,8 +58,10 @@ export default {
|
|||
'demoId': 'step',
|
||||
'name': { 'zh-CN': '步长', 'en-US': 'Step' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>step</code> 设置步长，默认值为 <code>{ hour: 1, minute: 1, second: 1 }</code>，其中 <code>hour</code> 的设置范围是 <code>0-23</code>，<code>minute</code>、<code>second</code> 的设置范围是 <code>0-60</code>。可单独设置其中的一项或多项值，未设置的默认值为 <code>1</code>。</p>',
|
||||
'en-US': '<p>Set the step size through <code> step </code>. The default value is <code> {hour: 1, minute: 1, second: 1} </code>, where the setting range of <code> hour </code> is <code> 0-23 </code>, <code> minute </code>, <code> second </code> is <code> 0-60 </code>. One or more of these values can be set separately, and the unset default value is <code> 1 </code>.</p>'
|
||||
'zh-CN':
|
||||
'<p>通过 <code>step</code> 设置步长，默认值为 <code>{ hour: 1, minute: 1, second: 1 }</code>，其中 <code>hour</code> 的设置范围是 <code>0-23</code>，<code>minute</code>、<code>second</code> 的设置范围是 <code>0-60</code>。可单独设置其中的一项或多项值，未设置的默认值为 <code>1</code>。</p>',
|
||||
'en-US':
|
||||
'<p>Set the step size through <code> step </code>. The default value is <code> {hour: 1, minute: 1, second: 1} </code>, where the setting range of <code> hour </code> is <code> 0-23 </code>, <code> minute </code>, <code> second </code> is <code> 0-60 </code>. One or more of these values can be set separately, and the unset default value is <code> 1 </code>.</p>'
|
||||
},
|
||||
'codeFiles': ['step.vue']
|
||||
},
|
||||
|
|
@ -60,8 +69,10 @@ export default {
|
|||
'demoId': 'clearable',
|
||||
'name': { 'zh-CN': '清除按钮', 'en-US': 'Customized clear icon' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>clearable</code> 属性设置是否显示清除按钮，默认值为 true。通过 <code>clear-icon</code> 属性可以自定义清除按钮的图标。</p>',
|
||||
'en-US': '<p>Set whether the clear button is displayed through the <code> clearable </code> property, which defaults to true. You can customize the icon of the clear button through the <code> clear-icon </code> property.</p>'
|
||||
'zh-CN':
|
||||
'<p>通过 <code>clearable</code> 属性设置是否显示清除按钮，默认值为 true。通过 <code>clear-icon</code> 属性可以自定义清除按钮的图标。</p>',
|
||||
'en-US':
|
||||
'<p>Set whether the clear button is displayed through the <code> clearable </code> property, which defaults to true. You can customize the icon of the clear button through the <code> clear-icon </code> property.</p>'
|
||||
},
|
||||
'codeFiles': ['clearable.vue']
|
||||
},
|
||||
|
|
@ -73,7 +84,8 @@ export default {
|
|||
<p><code>format</code> 时间格式化显示\n<code>timestamp</code> JS 时间戳，仅 value-format 可用；组件绑定值为 number 类型。</p>
|
||||
<p>通过 <code>hh</code> 属性可设置 12 小时制。 <code>HH</code> 属性为 24 小时制，须和 A 或 a 使用。 <code>h</code> 与 <code>H</code> 属性设置不补 0。\n通过 <code>mm</code> 属性可设置分钟显示格式，例如 01。 <code>m</code> 属性设置不补 0。\n通过 <code>ss</code> 属性可设置秒的显示格式，例如 01。 <code>s</code> 属性设置不补 0。\n通过 <code>a</code> 属性可设置显示时间为 am/pm <code>A</code>属性设置显示时间为 AM/PM。</p>
|
||||
`,
|
||||
'en-US': '<p>You can set the 12-hour format through the <code>hh</code> attribute. The <code>HH</code> attribute is in the 24-hour format and must be used with A or a. The <code>h</code> and <code>H</code> attributes are not set to 0. \nYou can use the <code>mm</code> attribute to set the minute display format, for example, 01. The <code>m</code> attribute is not set to 0. \nYou can use the <code>ss</code> attribute to set the display format of seconds, for example, 01. The <code>s</code> attribute is not set to 0. \nThe <code>a</code> property can be used to set the display time to am/pm <code>A</code> property can be used to set the display time to AM/PM. </p>'
|
||||
'en-US':
|
||||
'<p>You can set the 12-hour format through the <code>hh</code> attribute. The <code>HH</code> attribute is in the 24-hour format and must be used with A or a. The <code>h</code> and <code>H</code> attributes are not set to 0. \nYou can use the <code>mm</code> attribute to set the minute display format, for example, 01. The <code>m</code> attribute is not set to 0. \nYou can use the <code>ss</code> attribute to set the display format of seconds, for example, 01. The <code>s</code> attribute is not set to 0. \nThe <code>a</code> property can be used to set the display time to am/pm <code>A</code> property can be used to set the display time to AM/PM. </p>'
|
||||
},
|
||||
'codeFiles': ['format.vue']
|
||||
},
|
||||
|
|
@ -99,8 +111,10 @@ export default {
|
|||
'demoId': 'suffix-icon',
|
||||
'name': { 'zh-CN': '自定义后置图标', 'en-US': 'Customize suffix icon' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>suffix-icon</code> 属性设置日期输入框后置图标，从 <code>@opentiny/vue-icon</code> 中导入一个图标并进行初始化后传给 <code>suffix-icon</code>。</p>',
|
||||
'en-US': 'The <p><code>format</code> time format is displayed. \n<code>timestamp</code>JS timestamp is available only in value-format. The component binding value is of the number type</p>'
|
||||
'zh-CN':
|
||||
'<p>通过 <code>suffix-icon</code> 属性设置日期输入框后置图标，从 <code>@opentiny/vue-icon</code> 中导入一个图标并进行初始化后传给 <code>suffix-icon</code>。</p>',
|
||||
'en-US':
|
||||
'The <p><code>format</code> time format is displayed. \n<code>timestamp</code>JS timestamp is available only in value-format. The component binding value is of the number type</p>'
|
||||
},
|
||||
'codeFiles': ['suffix-icon.vue']
|
||||
},
|
||||
|
|
@ -108,8 +122,10 @@ export default {
|
|||
'demoId': 'popper-class',
|
||||
'name': { 'zh-CN': '下拉框的类名', 'en-US': 'Popper class' },
|
||||
'desc': {
|
||||
'zh-CN': '<p>通过 <code>popper-class</code> 属性设置下拉框的类名。通过 <code>popper-append-to-body</code> 属性设置是否将下拉框放到 body 元素上，默认值为 true，下拉框挂在 body 元素上。</p>',
|
||||
'en-US': '<p>Set the class name of the drop-down box through the <code> popper-class </code> attribute, and set whether the drop-down box is placed on the body element through the <code> popper-append-to-body </code> attribute. The default value is true, and the drop-down box hangs on the body element.</p>'
|
||||
'zh-CN':
|
||||
'<p>通过 <code>popper-class</code> 属性设置下拉框的类名。通过 <code>popper-append-to-body</code> 属性设置是否将下拉框放到 body 元素上，默认值为 true，下拉框挂在 body 元素上。</p>',
|
||||
'en-US':
|
||||
'<p>Set the class name of the drop-down box through the <code> popper-class </code> attribute, and set whether the drop-down box is placed on the body element through the <code> popper-append-to-body </code> attribute. The default value is true, and the drop-down box hangs on the body element.</p>'
|
||||
},
|
||||
'codeFiles': ['popper-class.vue']
|
||||
},
|
||||
|
|
@ -130,13 +146,13 @@ export default {
|
|||
'en-US': ''
|
||||
},
|
||||
'codeFiles': ['event.vue']
|
||||
},
|
||||
}
|
||||
],
|
||||
apis: [
|
||||
{
|
||||
'name': 'time-picker',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'arrow-control',
|
||||
'type': 'boolean',
|
||||
|
|
@ -163,7 +179,8 @@ export default {
|
|||
'defaultValue': 'IconOperationfaild',
|
||||
'desc': {
|
||||
'zh-CN': '自定义清空图标',
|
||||
'en-US': 'Indicates whether to insert a pop-up box to the body element. If a fault occurs in locating the fault in the dialog box that is displayed, you can set this attribute to false'
|
||||
'en-US':
|
||||
'Indicates whether to insert a pop-up box to the body element. If a fault occurs in locating the fault in the dialog box that is displayed, you can set this attribute to false'
|
||||
},
|
||||
'demoId': 'clear-icon'
|
||||
},
|
||||
|
|
@ -213,7 +230,8 @@ export default {
|
|||
'defaultValue': 'false',
|
||||
'desc': {
|
||||
'zh-CN': '是否为时间范围选择',
|
||||
'en-US': 'Indicates whether to use arrows to select time. This parameter is valid only for <tiny-time-picker>.'
|
||||
'en-US':
|
||||
'Indicates whether to use arrows to select time. This parameter is valid only for <tiny-time-picker>.'
|
||||
},
|
||||
'demoId': 'is-range'
|
||||
},
|
||||
|
|
@ -243,7 +261,8 @@ export default {
|
|||
'typeAnchorName': 'IPickerOptions',
|
||||
'defaultValue': '--',
|
||||
'desc': {
|
||||
'zh-CN': '配置可选的时间范围、下拉框中显示的格式，包含 selectableRange / format 属性，详细用法可参考 IPickerOptions 类型声明',
|
||||
'zh-CN':
|
||||
'配置可选的时间范围、下拉框中显示的格式，包含 selectableRange / format 属性，详细用法可参考 IPickerOptions 类型声明',
|
||||
'en-US': ''
|
||||
},
|
||||
'demoId': 'disabled'
|
||||
|
|
@ -251,7 +270,7 @@ export default {
|
|||
{
|
||||
'name': 'placeholder',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'\'',
|
||||
'defaultValue': "''",
|
||||
'desc': {
|
||||
'zh-CN': '非范围选择时的占位内容',
|
||||
'en-US': 'Placeholder content for non-range selection'
|
||||
|
|
@ -281,17 +300,18 @@ export default {
|
|||
{
|
||||
'name': 'range-separator',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'-\'',
|
||||
'defaultValue': "'-'",
|
||||
'desc': {
|
||||
'zh-CN': '选择范围时的分隔符',
|
||||
'en-US': 'Optional. When the selected date is empty, the time displayed by default when the selector panel is opened. Set it to a value that can be parsed by new Date().'
|
||||
'en-US':
|
||||
'Optional. When the selected date is empty, the time displayed by default when the selector panel is opened. Set it to a value that can be parsed by new Date().'
|
||||
},
|
||||
'demoId': 'is-range'
|
||||
},
|
||||
{
|
||||
'name': 'size',
|
||||
'type': '\'medium\' | \'small\' | \'\' | \'mini\'',
|
||||
'defaultValue': '\'\'',
|
||||
'type': "'medium' | 'small' | '' | 'mini'",
|
||||
'defaultValue': "''",
|
||||
'desc': {
|
||||
'zh-CN': '输入框尺寸',
|
||||
'en-US': 'Text box size; The values of this attribute are medium, small, and mini'
|
||||
|
|
@ -301,7 +321,7 @@ export default {
|
|||
{
|
||||
'name': 'start-placeholder',
|
||||
'type': 'string',
|
||||
'defaultValue': '\'\'',
|
||||
'defaultValue': "''",
|
||||
'desc': {
|
||||
'zh-CN': '范围选择时开始日期的占位内容',
|
||||
'en-US': 'Placeholder of the start date when the range is selected'
|
||||
|
|
@ -328,7 +348,7 @@ export default {
|
|||
'en-US': 'Custom Clear Icon'
|
||||
},
|
||||
'demoId': 'suffix-icon'
|
||||
},
|
||||
}
|
||||
],
|
||||
'events': [
|
||||
{
|
||||
|
|
@ -345,7 +365,8 @@ export default {
|
|||
'type': '(date: Date | Date[]) => void',
|
||||
'desc': {
|
||||
'zh-CN': '用户确认选定的值时触发',
|
||||
'en-US': 'This event is triggered when the user confirms the selected value. arg:{Date|Array is the time object of the currently selected value when it is not selected in a range. When the range is selected, it is the time object array of the currently selected value}'
|
||||
'en-US':
|
||||
'This event is triggered when the user confirms the selected value. arg:{Date|Array is the time object of the currently selected value when it is not selected in a range. When the range is selected, it is the time object array of the currently selected value}'
|
||||
},
|
||||
'demoId': 'event'
|
||||
},
|
||||
|
|
@ -421,7 +442,7 @@ export default {
|
|||
'name': 'ss',
|
||||
'desc': { 'zh-CN': '秒', 'en-US': '' },
|
||||
'demoId': ''
|
||||
},
|
||||
}
|
||||
]
|
||||
}
|
||||
],
|
||||
|
|
|
|||
|
|
@ -122,7 +122,7 @@ export default {
|
|||
{
|
||||
'name': 'time-select',
|
||||
'type': 'component',
|
||||
'properties': [
|
||||
'props': [
|
||||
{
|
||||
'name': 'modelValue / v-model',
|
||||
'type': 'date(DatePicker) / array(DateRangePicker)',
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue