Skip to content

Commit b2827a6

Browse files
zzcrkagolshenjunjiangimmyheheMomoPoppy
authored
update docs and fix bug (opentiny#659)
* docs: update release notes (opentiny#397) * fix Playground Page (opentiny#399) * fix(sites): 切换 sites 引用 @opentiny/vue-repl包 * fix(sites): fix Playground Page * fix(sites): fix (opentiny#400) * feat(release): delete color-picker * feat(release): delete color-picker * feat(release): fix grid tips contentMethod * fix(playground): fix process.env \ changeVersion \sortablejs bugs (opentiny#422) * fix(sites): fix grid demo api link jump error url (opentiny#421) * fix(form-demo): add form validateField api demo (opentiny#424) * fix: fix demo import vue-modal; fix playground share (opentiny#428) * fix(playground): fix process.env \ changeVersion \sortablejs bugs * fix: fix demo import vue-modal; fix playground share * fix: import Modal (opentiny#430) * fix(select): Fix label not displaying correctly when using optimization attribute in select component (opentiny#438) * fix(search): the enter bug of the search component is fixed (opentiny#439) * feat(release): fix grid watch data * feat(grid): fix grid custom tooltip * fix: fix grid pager events * docs: fix the problem of missing container component style (opentiny#453) * docs(container): fix container composition demos fix opentiny#425 (opentiny#441) * docs: remove :::warning * fix(checkbox): fix checkbox selected icon bug close opentiny#450 (opentiny#451) * fix: fix input attrs id * fix(slider): fix slider range demo bug * fix: fix when datetime component in dialog-box, the popper scroll away; fix dialog-box (opentiny#455) * fix(mobile-tabbar): fixed a tabbar component switchover issue on the mobile client (opentiny#458) * fix(slider): fix upload destory bug * fix(smb-theme): smb theme change fix (opentiny#469) * fix(checkbox): fix checkbox group wrap (opentiny#467) * fix(dropdown): Fix the issue of incorrect theme icons for Dropdown components. (opentiny#468) * fix(dropdown-item): (opentiny#472) Fix DropdownItem component clicking to disable menu items but triggering item-click event * fix(button): button smb theme change fix (opentiny#470) * fix(button): button smb theme change fix * fix(checkbox-button): smb theme change fix * fix(playground): fix jump to incorrect demo (opentiny#466) * fix(link): smb theme change fix (opentiny#474) * fix(theme): smb theme change fix (opentiny#480) * fix(grid): fix grid checkbox radio x-design theme * chore(ts): change code style for import ts type (opentiny#511) * fix(Cascader, DropDown, Popeditor): fixed Cascader component panel not closing when clicked elsewhere (opentiny#513) * fix(popper): fix popper element offset error in micro-app (opentiny#570) * chore(popper): stop bubbling when parent is fixed * fix(popper): fix popper element in micro-app * feat: update code * Merge branch 'dev' of github.com:opentiny/tiny-vue into release * fix(docs): add support vue2.7 docs (opentiny#630) * fix(docs): add support vue2.7 docs * fix: fix version * fix: fix color-picker error * docs: update changelog v3.11.0 (opentiny#629) * fix: update site version * feat(site): add pnpm importPlugin docs * fix(dialog-box): recover dialog-box's css (opentiny#633) * docs(calendar-view): add calendar-view composition api demos (opentiny#635) * Release recover css (opentiny#637) * fix(dialog-box): recover dialog-box's css * fix(dialog-box): recover dialog-box's css * feat: add divider composition-api demo * fix(layout): fix layout styles * fix(checkbox): fix checkbox style (opentiny#640) * feat(playground): optimize the playground UI style (opentiny#638) * fix(rich-text-editor): Change the display of event triggered Demo, fix style issues, and fix component errors (opentiny#639) * Fix rich-text-edtior functionality and style issues * fix(Rich Text Editor): Fix bugs in the Rich Text Editor * fix(rich-text-editor): Change the display of event triggered Demo, fix style issues, and fix component errors * fix(rich-text-editor): remove Collaboration function, remove the depe… (opentiny#641) * fix(rich-text-editor): remove Collaboration function, remove the dependence and avoid the sideEffects * fix(rich-text-editor): fix * Fix bugs of dialog-box, tabbar and tree-menu (opentiny#643) * fix(Dialog-box): Fix the issue of blocked headers in dialogBox components * fix(dialog-box): Eliminate unnecessary scrollbars on the body inside the dialog-box * fix(treemenu): The content is too crowded * fix(tabbar): running exception of tabbar * fix(rich-text-editor): Enable History Mode；Fix Console Warning (opentiny#651) * Hyl fixbug 2310 (opentiny#654) * fix(Dialog-box): Fix the issue of blocked headers in dialogBox components * fix(dialog-box): Eliminate unnecessary scrollbars on the body inside the dialog-box * fix(treemenu): The content is too crowded * fix(tabbar): Tabbar item click event not responding * fix(dialog-box): fix the right dialog-box's layout to flex layout (opentiny#653) * feat(site): update docs --------- Co-authored-by: Kagol <kagol@sina.com> Co-authored-by: 申君健 <40288193@qq.com> Co-authored-by: gimmyhehe <975402925@qq.com> Co-authored-by: MomoPoppy <125256456+MomoPoppy@users.noreply.github.com> Co-authored-by: chenxi-20 <76168465+chenxi-20@users.noreply.github.com> Co-authored-by: yoyo <104079404+yoyo201626@users.noreply.github.com> Co-authored-by: shonen7 <145949377+shonen7@users.noreply.github.com> Co-authored-by: 黄怡林 <48042709+Huangyilin19@users.noreply.github.com>
1 parent c510f5c commit b2827a6

File tree

71 files changed

+1256
-296
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

71 files changed

+1256
-296
lines changed

‎examples/sites/demos/pc/app/calendar-view/basic-usage-composition-api.vue

Lines changed: 74 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,74 @@
1+
<template>
2+
<tiny-calendar-view :events="eventslist" :year="2023" :month="5"></tiny-calendar-view>
3+
</template>
4+
5+
<script setup lang="ts">
6+
import { ref } from 'vue'
7+
import { CalendarView as TinyCalendarView } from '@opentiny/vue'
8+
9+
const eventslist = ref([
10+
{
11+
title: '前端周会1',
12+
start: '2023-05-15 8:30:00',
13+
end: '2023-05-15 9:00:00',
14+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
15+
theme: 'blue'
16+
},
17+
{
18+
title: '前端周会2',
19+
start: '2023-05-15 10:00:00',
20+
end: '2023-05-15 12:00:00',
21+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
22+
theme: 'green'
23+
},
24+
{
25+
title: '前端周会2-1',
26+
start: '2023-05-15 13:00:00',
27+
end: '2023-05-15 15:00:00',
28+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
29+
theme: 'red'
30+
},
31+
{
32+
title: '前端周会3',
33+
start: '2023-05-16 9:00:00',
34+
end: '2023-05-16 10:00:00',
35+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
36+
theme: 'yellow'
37+
},
38+
{
39+
title: '前端周会4',
40+
start: '2023-05-16 11:00:00',
41+
end: '2023-05-16 14:00:00',
42+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
43+
theme: 'purple'
44+
},
45+
{
46+
title: '前端周会5',
47+
start: '2023-05-25 8:00:00',
48+
end: '2023-05-25 9:00:00',
49+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
50+
theme: 'cyan'
51+
},
52+
{
53+
title: '前端周会6',
54+
start: '2023-05-26 8:00:00',
55+
end: '2023-05-26 11:30:00',
56+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
57+
theme: 'blue'
58+
},
59+
{
60+
title: '前端周会7',
61+
start: '2023-05-27 8:30:00',
62+
end: '2023-05-27 9:30:00',
63+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
64+
theme: 'blue'
65+
},
66+
{
67+
title: '节假日25-28',
68+
start: '2023-05-25 10:30:00',
69+
end: '2023-05-28 03:30:00',
70+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
71+
theme: 'green'
72+
}
73+
])
74+
</script>

‎examples/sites/demos/pc/app/calendar-view/calendar-day-mark-composition-api.vue

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<template>
2+
<tiny-calendar-view
3+
:events="eventslist"
4+
:year="2023"
5+
:month="5"
6+
mode="timeline"
7+
:show-mark="showMark"
8+
mark-color="red"
9+
>
10+
</tiny-calendar-view>
11+
</template>
12+
13+
<script setup lang="ts">
14+
import { ref } from 'vue'
15+
import { CalendarView as TinyCalendarView } from '@opentiny/vue'
16+
17+
const eventslist = ref([])
18+
19+
const showMark = (date) => {
20+
return date.split('-')[2] < 10
21+
}
22+
</script>

‎examples/sites/demos/pc/app/calendar-view/calendar-disabled-day-composition-api.vue

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<template>
2+
<tiny-calendar-view :events="eventslist" :year="2023" :month="5" :disabled="disabled"></tiny-calendar-view>
3+
</template>
4+
5+
<script setup lang="ts">
6+
import { ref } from 'vue'
7+
import { CalendarView as TinyCalendarView } from '@opentiny/vue'
8+
9+
const eventslist = ref([])
10+
11+
const disabled = (date) => {
12+
return date.split('-')[2] < 5
13+
}
14+
</script>

‎examples/sites/demos/pc/app/calendar-view/calendar-event-composition-api.vue

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<template>
2+
<tiny-calendar-view
3+
:events="eventslist"
4+
:year="2023"
5+
:month="5"
6+
@prev-week-click="prevWeekClick"
7+
@next-week-click="nextWeekClick"
8+
@week-change="weekChange"
9+
@year-change="yearChange"
10+
@month-change="monthChange"
11+
>
12+
</tiny-calendar-view>
13+
</template>
14+
15+
<script setup lang="ts">
16+
import { ref } from 'vue'
17+
import { CalendarView as TinyCalendarView } from '@opentiny/vue'
18+
19+
const eventslist = ref([])
20+
21+
const prevWeekClick = (date) => {
22+
console.log(date)
23+
}
24+
25+
const nextWeekClick = (date) => {
26+
console.log(date)
27+
}
28+
29+
const weekChange = (oldVal, newVal) => {
30+
console.log(oldVal, newVal)
31+
}
32+
33+
const yearChange = (oldVal, newVal) => {
34+
console.log(oldVal, newVal)
35+
}
36+
37+
const monthChange = (oldVal, newVal) => {
38+
console.log(oldVal, newVal)
39+
}
40+
</script>

‎examples/sites/demos/pc/app/calendar-view/calendar-mode-composition-api.vue

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<template>
2+
<tiny-calendar-view :events="eventslist" :year="2023" :month="6" :modes="['month', 'timeline', 'schedule']">
3+
</tiny-calendar-view>
4+
</template>
5+
6+
<script setup lang="ts">
7+
import { ref } from 'vue'
8+
import { CalendarView as TinyCalendarView } from '@opentiny/vue'
9+
10+
const eventslist = ref([])
11+
</script>

‎examples/sites/demos/pc/app/calendar-view/calendar-schedule-slot-composition-api.vue

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
<template>
2+
<tiny-calendar-view
3+
:events="eventslist"
4+
mode="schedule"
5+
:modes="['schedule', 'timeline']"
6+
:year="2023"
7+
:month="5"
8+
:show-new-schedule="showNewSchedule"
9+
@new-schedule="newSchedule"
10+
>
11+
<template #weekday1="{ slotScope }">
12+
<div v-for="(event, index) in slotScope.events" :key="index" class="event">
13+
<p class="title">{{ event.title }}</p>
14+
<p class="content">{{ event.content }}</p>
15+
</div>
16+
</template>
17+
<template #weekday2="{ slotScope }">
18+
<div v-for="(event, index) in slotScope.events" :key="index" class="event">
19+
<p class="title">{{ event.title }}</p>
20+
<p class="content">{{ event.content }}</p>
21+
</div>
22+
</template>
23+
</tiny-calendar-view>
24+
</template>
25+
26+
<script setup lang="ts">
27+
import { ref } from 'vue'
28+
import { CalendarView as TinyCalendarView } from '@opentiny/vue'
29+
30+
const eventslist = ref([
31+
{
32+
title: '前端周会1',
33+
start: '2023-05-15 8:30:00',
34+
end: '2023-05-15 9:00:00',
35+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
36+
theme: 'blue'
37+
},
38+
{
39+
title: '前端周会2',
40+
start: '2023-05-15 10:00:00',
41+
end: '2023-05-15 12:00:00',
42+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
43+
theme: 'green'
44+
},
45+
{
46+
title: '前端周会2-1',
47+
start: '2023-05-15 13:00:00',
48+
end: '2023-05-15 15:00:00',
49+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
50+
theme: 'red'
51+
},
52+
{
53+
title: '前端周会3',
54+
start: '2023-05-16 9:00:00',
55+
end: '2023-05-16 10:00:00',
56+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
57+
theme: 'yellow'
58+
},
59+
{
60+
title: '前端周会4',
61+
start: '2023-05-16 11:00:00',
62+
end: '2023-05-16 14:00:00',
63+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
64+
theme: 'purple'
65+
},
66+
{
67+
title: '前端周会5',
68+
start: '2023-05-25 8:00:00',
69+
end: '2023-05-25 9:00:00',
70+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
71+
theme: 'cyan'
72+
},
73+
{
74+
title: '前端周会6',
75+
start: '2023-05-26 8:00:00',
76+
end: '2023-05-26 11:30:00',
77+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
78+
theme: 'blue'
79+
},
80+
{
81+
title: '前端周会7',
82+
start: '2023-05-27 8:30:00',
83+
end: '2023-05-27 9:30:00',
84+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
85+
theme: 'blue'
86+
},
87+
{
88+
title: '节假日25-28',
89+
start: '2023-05-25 10:30:00',
90+
end: '2023-05-28 03:30:00',
91+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
92+
theme: 'green'
93+
}
94+
])
95+
96+
const showNewSchedule = (date) => {
97+
return true
98+
}
99+
100+
const newSchedule = (date) => {
101+
const event = {
102+
title: '新增事件' + date,
103+
start: date + ' 10:30:00',
104+
end: date + ' 12:30:00',
105+
content: '新增事件随机事件 新增事件随机事件 新增事件随机事件 新增事件随机事件 ',
106+
theme: 'blue'
107+
}
108+
109+
eventslist.value.push(event)
110+
}
111+
</script>
112+
113+
<style scoped>
114+
.event .title {
115+
font-size: 14px;
116+
margin-bottom: 4px;
117+
}
118+
.event .content {
119+
font-size: 12px;
120+
}
121+
</style>

‎examples/sites/demos/pc/app/calendar-view/calendar-timeline-range-composition-api.vue

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<template>
2+
<tiny-calendar-view :events="eventslist" mode="timeline" :modes="[]" :year="2023" :month="5" :day-times="[10, 20]">
3+
</tiny-calendar-view>
4+
</template>
5+
6+
<script setup lang="ts">
7+
import { ref } from 'vue'
8+
import { CalendarView as TinyCalendarView } from '@opentiny/vue'
9+
10+
const eventslist = ref([
11+
{
12+
title: '前端周会1',
13+
start: '2023-05-15 8:30:00',
14+
end: '2023-05-15 9:00:00',
15+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
16+
theme: 'blue'
17+
},
18+
{
19+
title: '前端周会2',
20+
start: '2023-05-15 10:00:00',
21+
end: '2023-05-15 12:00:00',
22+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
23+
theme: 'green'
24+
},
25+
{
26+
title: '前端周会2-1',
27+
start: '2023-05-15 13:00:00',
28+
end: '2023-05-15 15:00:00',
29+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
30+
theme: 'red'
31+
},
32+
{
33+
title: '前端周会3',
34+
start: '2023-05-16 9:00:00',
35+
end: '2023-05-16 10:00:00',
36+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
37+
theme: 'yellow'
38+
},
39+
{
40+
title: '前端周会4',
41+
start: '2023-05-16 11:00:00',
42+
end: '2023-05-16 14:00:00',
43+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
44+
theme: 'purple'
45+
},
46+
{
47+
title: '前端周会5',
48+
start: '2023-05-25 8:00:00',
49+
end: '2023-05-25 9:00:00',
50+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
51+
theme: 'cyan'
52+
},
53+
{
54+
title: '前端周会6',
55+
start: '2023-05-26 8:00:00',
56+
end: '2023-05-26 11:30:00',
57+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
58+
theme: 'blue'
59+
},
60+
{
61+
title: '前端周会7',
62+
start: '2023-05-27 8:30:00',
63+
end: '2023-05-27 9:30:00',
64+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
65+
theme: 'blue'
66+
},
67+
{
68+
title: '节假日25-28',
69+
start: '2023-05-25 10:30:00',
70+
end: '2023-05-28 03:30:00',
71+
content: '日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注日程备注',
72+
theme: 'green'
73+
}
74+
])
75+
</script>

0 commit comments

Comments
 (0)