Skip to content

Commit a7da1c9

Browse files
discreted66discreted66
committed
检视意见修改
1 parent 0006051 commit a7da1c9

File tree

11 files changed

+310
-18
lines changed

11 files changed

+310
-18
lines changed

‎examples/sites/demos/apis/date-panel.js‎

Lines changed: 295 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export default {
66
type: 'component',
77
props: [
88
{
9-
name: 'disabledDate',
9+
name: 'disabled-date',
1010
type: 'function',
1111
defaultValue: '',
1212
desc: {
@@ -99,14 +99,14 @@ export default {
9999
],
100100
events: [
101101
{
102-
name: 'select-panel-change',
102+
name: 'select-change',
103103
type: '(value: string) => void',
104104
desc: {
105105
'zh-CN': '用户确认选定的值时触发',
106106
'en-US': 'This event is triggered when the user confirms the selected value.'
107107
},
108108
mode: ['pc'],
109-
pcDemo: 'events'
109+
pcDemo: 'event'
110110
}
111111
],
112112
format: [
@@ -186,6 +186,298 @@ export default {
186186
}
187187
]
188188
}
189+
// {
190+
// name: 'date-range',
191+
// type: 'component',
192+
// props: [
193+
// {
194+
// name: 'modelValue / v-model',
195+
// type: 'Date | String | Number | Array',
196+
// defaultValue: '',
197+
// desc: {
198+
// 'zh-CN': '绑定值',
199+
// 'en-US': 'Set the initial value of the calendar component. ;Bound Value'
200+
// },
201+
// mode: ['pc'],
202+
// pcDemo: 'basic-usage'
203+
// },
204+
// {
205+
// name: 'type',
206+
// type: 'daterange | datetimerange | monthrange | yearrange',
207+
// defaultValue: 'daterange',
208+
// desc: {
209+
// 'zh-CN': '时间区间类型',
210+
// 'en-US': 'Range type'
211+
// },
212+
// mode: ['pc'],
213+
// pcDemo: 'basic-usage'
214+
// },
215+
// {
216+
// name: 'disabled-date',
217+
// typeAnchorName: 'disabledDate',
218+
// type: 'boolean',
219+
// defaultValue: '',
220+
// desc: {
221+
// 'zh-CN': '配置部分禁用',
222+
// 'en-US': "Custom selector's rear icon"
223+
// },
224+
// mode: ['pc'],
225+
// pcDemo: 'shortcuts'
226+
// },
227+
// {
228+
// name: 'format',
229+
// type: 'string',
230+
// defaultValue: "'yyyy-MM-dd'",
231+
// desc: {
232+
// 'zh-CN': '显示在输入框中的格式',
233+
// 'en-US': 'Display format in the text box'
234+
// },
235+
// mode: ['pc'],
236+
// pcDemo: 'format'
237+
// },
238+
239+
// {
240+
// name: 'name',
241+
// type: 'string',
242+
// defaultValue: "''",
243+
// desc: {
244+
// 'zh-CN': '原生属性',
245+
// 'en-US': ''
246+
// },
247+
// mode: ['pc'],
248+
// pcDemo: ''
249+
// },
250+
251+
// {
252+
// name: 'popper-class',
253+
// type: 'string',
254+
// defaultValue: '',
255+
// desc: {
256+
// 'zh-CN': '为 DatePicker 下拉弹框添加的 class 类名',
257+
// 'en-US': 'Cancel the linkage between two date panels in the range selector.'
258+
// },
259+
// mode: ['pc'],
260+
// pcDemo: 'custom-suffix-icon'
261+
// },
262+
// {
263+
// name: 'range-separator',
264+
// type: 'string',
265+
// defaultValue: "'-'",
266+
// desc: {
267+
// 'zh-CN': '选择范围时的分隔符',
268+
// 'en-US': 'Custom Clear Icon'
269+
// },
270+
// mode: ['pc'],
271+
// pcDemo: 'date-range'
272+
// },
273+
// {
274+
// name: 'readonly',
275+
// type: 'boolean',
276+
// defaultValue: 'false',
277+
// desc: {
278+
// 'zh-CN': '设置日历组件是否只读',
279+
// 'en-US': 'Set whether the calendar component is read-only.'
280+
// },
281+
// mode: ['pc'],
282+
// pcDemo: 'disabled'
283+
// },
284+
// {
285+
// name: 'show-week-number',
286+
// type: 'boolean',
287+
// defaultValue: 'false',
288+
// desc: {
289+
// 'zh-CN': '是否展示周次序号',
290+
// 'en-US': 'Class name added to the DatePicker drop-down list box'
291+
// },
292+
// mode: ['pc'],
293+
// pcDemo: 'custom-weeks'
294+
// },
295+
// {
296+
// name: 'unlink-panels',
297+
// type: 'boolean',
298+
// defaultValue: 'false',
299+
// desc: {
300+
// 'zh-CN': '在范围选择器里取消两个日期面板之间的联动',
301+
// 'en-US': ''
302+
// },
303+
// mode: ['pc'],
304+
// pcDemo: 'unlink-panels'
305+
// }
306+
// ],
307+
// events: [
308+
// {
309+
// name: 'select-change',
310+
// type: '(value: Date) => void',
311+
// desc: {
312+
// 'zh-CN': '用户确认选定的值时触发',
313+
// 'en-US':
314+
// 'This event is triggered when the user confirms the selected value. change (arg1) {//arg1 is the changed date or date set of datepicker}'
315+
// },
316+
// mode: ['pc'],
317+
// pcDemo: 'events'
318+
// }
319+
// ],
320+
// methods: [
321+
// {
322+
// name: 'clear',
323+
// type: '() => void',
324+
// desc: {
325+
// 'zh-CN': '清除已选中的时间',
326+
// 'en-US': 'Enable input to focus.'
327+
// },
328+
// mode: ['pc'],
329+
// pcDemo: ''
330+
// }
331+
// ],
332+
// format: [
333+
// {
334+
// name: 'a',
335+
// desc: {
336+
// 'zh-CN': 'am/pm',
337+
// 'en-US': ''
338+
// },
339+
// mode: ['pc'],
340+
// pcDemo: ''
341+
// },
342+
// {
343+
// name: 'A',
344+
// desc: {
345+
// 'zh-CN': 'AM/PM',
346+
// 'en-US': ''
347+
// },
348+
// mode: ['pc'],
349+
// pcDemo: ''
350+
// },
351+
// {
352+
// name: 'd',
353+
// desc: {
354+
// 'zh-CN': '日，不补0',
355+
// 'en-US': ''
356+
// },
357+
// mode: ['pc']
358+
// },
359+
// {
360+
// name: 'dd',
361+
// desc: {
362+
// 'zh-CN': '日',
363+
// 'en-US': ''
364+
// },
365+
// mode: ['pc']
366+
// },
367+
// {
368+
// name: 'h',
369+
// desc: {
370+
// 'zh-CN': '小时，12小时制，需要和 A 或 a 一起使用，不补0',
371+
// 'en-US': ''
372+
// },
373+
// mode: ['pc'],
374+
// pcDemo: ''
375+
// },
376+
// {
377+
// name: 'H',
378+
// desc: {
379+
// 'zh-CN': '小时，24小时制，不补0',
380+
// 'en-US': ''
381+
// },
382+
// mode: ['pc'],
383+
// pcDemo: ''
384+
// },
385+
// {
386+
// name: 'hh',
387+
// desc: {
388+
// 'zh-CN': '小时，12小时制，需要和 A 或 a 一起使用',
389+
// 'en-US': ''
390+
// },
391+
// mode: ['pc'],
392+
// pcDemo: ''
393+
// },
394+
// {
395+
// name: 'HH',
396+
// desc: {
397+
// 'zh-CN': '小时，24小时制',
398+
// 'en-US': ''
399+
// },
400+
// mode: ['pc'],
401+
// pcDemo: ''
402+
// },
403+
// {
404+
// name: 'm',
405+
// desc: {
406+
// 'zh-CN': '分钟，不补0',
407+
// 'en-US': ''
408+
// },
409+
// mode: ['pc'],
410+
// pcDemo: ''
411+
// },
412+
// {
413+
// name: 'M',
414+
// desc: {
415+
// 'zh-CN': '月，不补0',
416+
// 'en-US': ''
417+
// },
418+
// mode: ['pc']
419+
// },
420+
// {
421+
// name: 'mm',
422+
// desc: {
423+
// 'zh-CN': '分钟',
424+
// 'en-US': ''
425+
// },
426+
// mode: ['pc'],
427+
// pcDemo: ''
428+
// },
429+
// {
430+
// name: 'MM',
431+
// desc: {
432+
// 'zh-CN': '月',
433+
// 'en-US': ''
434+
// },
435+
// mode: ['pc']
436+
// },
437+
// {
438+
// name: 's',
439+
// desc: {
440+
// 'zh-CN': '秒，不补0',
441+
// 'en-US': ''
442+
// },
443+
// mode: ['pc'],
444+
// pcDemo: ''
445+
// },
446+
// {
447+
// name: 'ss',
448+
// desc: {
449+
// 'zh-CN': '秒',
450+
// 'en-US': ''
451+
// },
452+
// mode: ['pc'],
453+
// pcDemo: ''
454+
// },
455+
// {
456+
// name: 'W',
457+
// desc: {
458+
// 'zh-CN': '周，不补0',
459+
// 'en-US': ''
460+
// },
461+
// mode: ['pc']
462+
// },
463+
// {
464+
// name: 'WW',
465+
// desc: {
466+
// 'zh-CN': '周',
467+
// 'en-US': ''
468+
// },
469+
// mode: ['pc']
470+
// },
471+
// {
472+
// name: 'yyyy',
473+
// desc: {
474+
// 'zh-CN': '年',
475+
// 'en-US': ''
476+
// },
477+
// mode: ['pc']
478+
// }
479+
// ]
480+
// }
189481
],
190482
types: [
191483
{

‎examples/sites/demos/pc/app/date-panel/event-composition-api.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div class="demo-date-panel-wrap">
33
<div>{{ value }}</div>
4-
<tiny-date-panel v-model="value" @select-panel-change="handleSelectChange"></tiny-date-panel>
4+
<tiny-date-panel v-model="value" @select-change="handleSelectChange"></tiny-date-panel>
55
</div>
66
</template>
77

‎examples/sites/demos/pc/app/date-panel/event.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div class="demo-date-panel-wrap">
33
<div>{{ value }}</div>
4-
<tiny-date-panel v-model="value" @select-panel-change="handleSelectChange"></tiny-date-panel>
4+
<tiny-date-panel v-model="value" @select-change="handleSelectChange"></tiny-date-panel>
55
</div>
66
</template>
77

‎examples/sites/demos/pc/app/date-panel/format-composition-api.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<div>{{ value }}</div>
44
<tiny-date-panel v-model="value" format="yyyy-MM-dd"></tiny-date-panel>
55
<div class="label">{{ value1 }}</div>
6-
<tiny-date-panel v-model="value1" format="yyyy\MM\dd"></tiny-date-panel>
6+
<tiny-date-panel v-model="value1" format="yyyy/MM/dd"></tiny-date-panel>
77
</div>
88
</template>
99

‎examples/sites/demos/pc/app/date-panel/format.spec.ts‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@ test('[DatePanel] 测试格式化', async ({ page }) => {
44
page.on('pageerror', (exception) => expect(exception).toBeNull())
55
await page.goto('date-panel#format')
66

7-
await page.getByText('15', { exact: true }).nth(1).click()
7+
await page.locator('#format').getByText('15').first().click()
88
await expect(page.getByText('-01-15')).toBeVisible()
99

10-
await page.getByText('8', { exact: true }).nth(2).click()
11-
await expect(page.getByText('\\01\\08')).toBeVisible()
10+
await page.locator('#format').getByText('8', { exact: true }).nth(2).click()
11+
await expect(page.getByText('/01/08')).toBeVisible()
1212
})

‎examples/sites/demos/pc/app/date-panel/format.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<template>
22
<div class="demo-date-panel-wrap">
33
<div>{{ value }}</div>
4-
<div>{{ value1 }}</div>
54
<tiny-date-panel v-model="value" format="yyyy-MM-dd"></tiny-date-panel>
6-
<tiny-date-panel v-model="value1" format="yyyy\MM\dd"></tiny-date-panel>
5+
<div>{{ value1 }}</div>
6+
<tiny-date-panel v-model="value1" format="yyyy/MM/dd"></tiny-date-panel>
77
</div>
88
</template>
99

‎examples/sites/demos/pc/app/date-panel/readonly.spec.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,5 +10,5 @@ test('[DatePanel] 测试只读', async ({ page }) => {
1010
await page.getByText('18').click()
1111
await page.getByLabel('下个月').click()
1212
await expect(page.getByText('-01-05')).toBeVisible()
13-
await expect(page.getByText('5', { exact: true }).first()).toHaveCSS('background-color', '#1476ff')
13+
await expect(page.getByText('5', { exact: true }).first()).toHaveCSS('background-color', 'rgb(20, 118, 255)')
1414
})

‎packages/renderless/src/date-panel/index.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -171,7 +171,7 @@ export const panelEmit =
171171
state.date = value
172172
state.value = value
173173
const formatVal = formatDate(value, props.format, t)
174-
emit('select-panel-change', formatVal, ...args)
174+
emit('select-change', formatVal, ...args)
175175
emit('update:modelValue', formatVal, ...args)
176176
}
177177

0 commit comments

Comments
 (0)