|
1 | 1 | /* eslint-disable */ |
2 | 2 | module.exports = { |
| 3 | + 'auto-complete': { |
| 4 | + panelStr: `const panelList = [{label: 'AutoComplete', value: 'AutoComplete'}];`, |
| 5 | + render: { |
| 6 | + AutoComplete: `<t-auto-complete v-bind="configProps" :options="['第一个联想词', '第二个联想词', '第三个联想词']" />`, |
| 7 | + }, |
| 8 | + }, |
| 9 | + button: { |
| 10 | + panelStr: `const panelList = [{label: 'button', value: 'button'}];`, |
| 11 | + render: { |
| 12 | + button: `<t-button v-bind="configProps">确定</t-button>`, |
| 13 | + }, |
| 14 | + }, |
3 | 15 | button: { |
4 | 16 | panelStr: `const panelList = [{label: 'button', value: 'button'}];`, |
5 | 17 | render: { |
@@ -313,6 +325,12 @@ module.exports = { |
313 | 325 | radio: `<t-radio v-bind="configProps">单选框</t-radio>`, |
314 | 326 | }, |
315 | 327 | }, |
| 328 | + 'range-input': { |
| 329 | + panelStr: `const panelList = [{label: 'rangeInput', value: 'rangeInput'}];`, |
| 330 | + render: { |
| 331 | + rangeInput: `<t-range-input v-bind="configProps" />`, |
| 332 | + }, |
| 333 | + }, |
316 | 334 | select: { |
317 | 335 | panelStr: `const panelList = [{label: 'select', value: 'select'}];`, |
318 | 336 | render: { |
@@ -407,9 +425,26 @@ module.exports = { |
407 | 425 | }, |
408 | 426 | }, |
409 | 427 | 'time-picker': { |
410 | | - panelStr: `const panelList = [{label: 'timePicker', value: 'timePicker'}];`, |
| 428 | + importStr: ` |
| 429 | + import timePickerConfigJson from './time-picker-props.json';\n |
| 430 | + import timeRangePickerConfigJson from './time-range-picker-props.json';\n |
| 431 | + `, |
| 432 | + configStr: `const configList = ref(timePickerConfigJson);`, |
| 433 | + panelStr: ` |
| 434 | + const panelList = [ |
| 435 | + {label: 'timePicker', value: 'timePicker', config: timePickerConfigJson}, |
| 436 | + {label: 'timeRangePicker', value: 'timeRangePicker', config: timeRangePickerConfigJson} |
| 437 | + ]; |
| 438 | + `, |
| 439 | + panelChangeStr: ` |
| 440 | + function onPanelChange(panel) { |
| 441 | + configList.value = panelList.find(item => item.value === panel).config; |
| 442 | + usageCode.value = \`<template>\${usageCodeMap[panel].trim()}</template>\`; |
| 443 | + } |
| 444 | + `, |
411 | 445 | render: { |
412 | | - timePicker: `<t-timePicker v-bind="configProps" />`, |
| 446 | + timePicker: `<t-time-picker v-bind="configProps" />`, |
| 447 | + timeRangePicker: `<t-time-range-picker v-bind="configProps" />`, |
413 | 448 | }, |
414 | 449 | }, |
415 | 450 | timeline: { |
|
0 commit comments