Skip to content

Commit 4103f40

Browse files
kagolkagol
committed
refactor: remove prefix D
1 parent 1fffc39 commit 4103f40

File tree

21 files changed

+125
-87
lines changed

21 files changed

+125
-87
lines changed

‎carousel/index.ts

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
11
import { App } from 'vue'
22
// import { usePage } from 'vueuse-components'
33
import usePage from './src/composables/use-page'
4-
import DCarousel from './src/carousel'
5-
import DCarouselIndicator from './src/components/carousel-indicator'
6-
import DCarouselPrev from './src/components/carousel-prev'
7-
import DCarouselNext from './src/components/carousel-next'
4+
import Carousel from './src/carousel'
5+
import CarouselIndicator from './src/components/carousel-indicator'
6+
import CarouselPrev from './src/components/carousel-prev'
7+
import CarouselNext from './src/components/carousel-next'
88

9-
export { DCarousel, DCarouselIndicator, DCarouselPrev, DCarouselNext, usePage }
9+
export { Carousel, CarouselIndicator, CarouselPrev, CarouselNext, usePage }
1010

1111
export default {
1212
install(app: App) {
13-
app.component(DCarousel.name, DCarousel)
14-
app.component(DCarouselIndicator.name, DCarouselIndicator)
15-
app.component(DCarouselPrev.name, DCarouselPrev)
16-
app.component(DCarouselNext.name, DCarouselNext)
13+
app.component(Carousel.name, Carousel)
14+
app.component(CarouselIndicator.name, CarouselIndicator)
15+
app.component(CarouselPrev.name, CarouselPrev)
16+
app.component(CarouselNext.name, CarouselNext)
1717
app.config.globalProperties.usePage = usePage
1818
}
1919
}

‎carousel/src/carousel.tsx

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@ import { defineComponent, renderSlot, useSlots, watch, toRefs, ref } from 'vue'
33
import usePage from './composables/use-page'
44

55
// Components
6-
import DCarouselIndicator from './components/carousel-indicator'
7-
import DCarouselPrev from './components/carousel-prev'
8-
import DCarouselNext from './components/carousel-next'
6+
import CarouselIndicator from './components/carousel-indicator'
7+
import CarouselPrev from './components/carousel-prev'
8+
import CarouselNext from './components/carousel-next'
99

1010
// Composables
1111
import useAutoplay from './composables/use-autoplay'
@@ -20,11 +20,11 @@ import { carouselProps, CarouselProps } from './carousel.type'
2020
import './carousel.scss'
2121

2222
export default defineComponent({
23-
name: 'DCarousel',
23+
name: 'Carousel',
2424
components: {
25-
DCarouselIndicator,
26-
DCarouselPrev,
27-
DCarouselNext,
25+
CarouselIndicator,
26+
CarouselPrev,
27+
CarouselNext,
2828
},
2929
props: carouselProps,
3030
emits: ['update:modelValue'],
@@ -82,11 +82,11 @@ export default defineComponent({
8282
? renderSlot(useSlots(), 'pagination', {
8383
prevPage, nextPage
8484
}) : <>
85-
<DCarouselPrev onClick={() => {
85+
<CarouselPrev onClick={() => {
8686
emit('update:modelValue', props.modelValue-1)
8787
prevPage()
8888
}} />
89-
<DCarouselNext onClick={() => {
89+
<CarouselNext onClick={() => {
9090
emit('update:modelValue', props.modelValue+1)
9191
nextPage()
9292
}} />
@@ -99,10 +99,10 @@ export default defineComponent({
9999
setPageIndex
100100
})
101101
) : (
102-
<DCarouselIndicator
102+
<CarouselIndicator
103103
count={count}
104104
v-model={formattedPageIndex.value}
105-
></DCarouselIndicator>
105+
></CarouselIndicator>
106106
)}
107107
</div>
108108
)

‎carousel/src/components/carousel-indicator.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import usePage from '../composables/use-page'
44
import './carousel-indicator.scss'
55

66
export default defineComponent({
7-
name: 'DCarouselIndicator',
7+
name: 'CarouselIndicator',
88
props: {
99
modelValue: {
1010
type: Number,

‎carousel/src/components/carousel-next.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import DArrowRight from './arrow-right'
33
import './carousel-next.scss'
44

55
export default defineComponent({
6-
name: 'DCarouselNext',
6+
name: 'CarouselNext',
77
setup(props, { slots, attrs }) {
88
return () => {
99
return <>

‎carousel/src/components/carousel-prev.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import DArrowLeft from './arrow-left'
33
import './carousel-prev.scss'
44

55
export default defineComponent({
6-
name: 'DCarouselPrev',
6+
name: 'CarouselPrev',
77
setup(props, { slots, attrs }) {
88
return () => {
99
return <>

‎docs/.vitepress/theme/index.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import Theme from 'vitepress/dist/client/theme-default/index'
2-
import DCarousel from '../../../carousel'
2+
import Carousel from '../../../carousel'
33

44
import { registerComponents } from './register-components.js'
55
import 'vitepress-theme-demoblock/dist/theme/styles/index.css'
@@ -8,7 +8,7 @@ import './index.scss'
88
export default {
99
...Theme,
1010
enhanceApp({ app }) {
11-
app.use(DCarousel)
11+
app.use(Carousel)
1212
registerComponents(app)
1313
},
1414
};

‎docs/features/autoplay/index.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@
99
<template>
1010
<button @click="play">{{text}}</button>
1111
<br><br>
12-
<DCarousel :autoplay="autoplay" :interval="1000">
12+
<Carousel :autoplay="autoplay" :interval="1000">
1313
<div class="carousel-item">page 1</div>
1414
<div class="carousel-item">page 2</div>
1515
<div class="carousel-item">page 3</div>
16-
</DCarousel>
16+
</Carousel>
1717
</template>
1818
<script>
1919
import { ref } from 'vue'

‎docs/features/basic/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,18 @@
11
# 基本用法
22

33

4-
`Carousel`组件提供了默认插槽，直接将元素放在`<DCarousel>`即可实现轮播效果。
4+
`Carousel`组件提供了默认插槽，直接将元素放在`<Carousel>`即可实现轮播效果。
55

66
:::demo
77

88

99
```vue
1010
<template>
11-
<DCarousel>
11+
<Carousel>
1212
<div class="carousel-item">page 1</div>
1313
<div class="carousel-item">page 2</div>
1414
<div class="carousel-item">page 3</div>
15-
</DCarousel>
15+
</Carousel>
1616
</template>
1717
<style>
1818
.carousel-item {

‎docs/features/bilibili-events/index.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
```vue
77
<template>
8-
<DCarousel class="carousel-demo-bilibili">
8+
<Carousel class="carousel-demo-bilibili">
99
<div>
1010
<div class="carousel-demo-item-bilibili">
1111
<img src = 'https://s3.bmp.ovh/imgs/2022/01/40f0a4406ac09295.png' />
@@ -53,7 +53,7 @@
5353
</div>
5454
<template #indicator="page">
5555
<div class="carousel-demo-bilibili-indicator-wrapper">
56-
<DCarouselIndicator style="justify-content: flex-start;">
56+
<CarouselIndicator style="justify-content: flex-start;">
5757
<div class="carousel-demo-bilibili-indicator-item-wrapper">
5858
<div :class="['carousel-demo-bilibili-indicator-item', page.pageIndex === 1 && 'active']" @click="page.setPageIndex(1)"></div>
5959
<div :class="['carousel-demo-bilibili-indicator-item', page.pageIndex === 2 && 'active']" @click="page.setPageIndex(2)"></div>
@@ -62,7 +62,7 @@
6262
<div :class="['carousel-demo-bilibili-indicator-item', page.pageIndex === 5 && 'active']" @click="page.setPageIndex(5)"></div>
6363
<div :class="['carousel-demo-bilibili-indicator-item', page.pageIndex === 6 && 'active']" @click="page.setPageIndex(6)"></div>
6464
</div>
65-
</DCarouselIndicator>
65+
</CarouselIndicator>
6666
</div>
6767
</template>
6868
<template #pagination="page">
@@ -75,7 +75,7 @@
7575
</div>
7676
</div>
7777
</template>
78-
</DCarousel>
78+
</Carousel>
7979
</template>
8080
<style>
8181
.carousel-demo-bilibili {

‎docs/features/collapse-card/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
### 手风琴式折叠卡片
22

3-
`DCarouselIndicator`指示器组件提供了默认插槽，可以单独使用它实现自定义指示器效果，比如手风琴式折叠卡片。
3+
`CarouselIndicator`指示器组件提供了默认插槽，可以单独使用它实现自定义指示器效果，比如手风琴式折叠卡片。
44

55
:::demo
66

77
```vue
88
<template>
9-
<DCarouselIndicator>
9+
<CarouselIndicator>
1010
<template #default="page">
1111
<div class="box">
1212
<div :class="['panel', page.pageIndex === 1 ? 'active' : '']" @click="page.setPageIndex(1)">
@@ -26,7 +26,7 @@
2626
</div>
2727
</div>
2828
</template>
29-
</DCarouselIndicator>
29+
</CarouselIndicator>
3030
</template>
3131
<style>
3232
.box {

0 commit comments

Comments
 (0)