Skip to content

Commit 6439fce

Browse files
AkryumAkryum
committed
refactor: default components are now simple ts files
1 parent 0699bf8 commit 6439fce

File tree

8 files changed

+216
-222
lines changed

8 files changed

+216
-222
lines changed

‎packages/floating-vue/src/components/Dropdown.ts‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import PopperWrapper from './PopperWrapper.vue'
2+
3+
const Component = ({
4+
...PopperWrapper,
5+
name: 'VDropdown',
6+
vPopperTheme: 'dropdown',
7+
}) as unknown as typeof PopperWrapper
8+
9+
export default Component

‎packages/floating-vue/src/components/Dropdown.vue‎

Lines changed: 0 additions & 30 deletions
This file was deleted.

‎packages/floating-vue/src/components/Menu.vue‎ renamed to ‎packages/floating-vue/src/components/Menu.ts‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
<script lang="ts">
21
import PopperWrapper from './PopperWrapper.vue'
32

43
const Component = ({
@@ -8,4 +7,3 @@ const Component = ({
87
}) as unknown as typeof PopperWrapper
98

109
export default Component
11-
</script>

‎packages/floating-vue/src/components/PopperContent.vue‎

Lines changed: 0 additions & 163 deletions
Original file line numberDiff line numberDiff line change
@@ -111,166 +111,3 @@ export default defineComponent({
111111
},
112112
})
113113
</script>
114-
115-
<style>
116-
.v-popper__popper {
117-
z-index: 10000;
118-
top: 0;
119-
left: 0;
120-
outline: none;
121-
}
122-
123-
.v-popper__popper.v-popper__popper--hidden {
124-
visibility: hidden;
125-
opacity: 0;
126-
transition: opacity .15s, visibility .15s;
127-
pointer-events: none;
128-
}
129-
130-
.v-popper__popper.v-popper__popper--shown {
131-
visibility: visible;
132-
opacity: 1;
133-
transition: opacity .15s;
134-
}
135-
136-
.v-popper__popper.v-popper__popper--skip-transition,
137-
.v-popper__popper.v-popper__popper--skip-transition > .v-popper__wrapper {
138-
transition: none !important;
139-
}
140-
141-
.v-popper__backdrop {
142-
position: absolute;
143-
top: 0;
144-
left: 0;
145-
width: 100%;
146-
height: 100%;
147-
display: none;
148-
}
149-
150-
.v-popper__inner {
151-
position: relative;
152-
box-sizing: border-box;
153-
overflow-y: auto;
154-
}
155-
156-
.v-popper__inner > div {
157-
position: relative;
158-
z-index: 1;
159-
max-width: inherit;
160-
max-height: inherit;
161-
}
162-
163-
.v-popper__arrow-container {
164-
position: absolute;
165-
width: 10px;
166-
height: 10px;
167-
}
168-
169-
.v-popper__popper--arrow-overflow .v-popper__arrow-container,
170-
.v-popper__popper--no-positioning .v-popper__arrow-container {
171-
display: none;
172-
}
173-
174-
.v-popper__arrow-inner,
175-
.v-popper__arrow-outer {
176-
border-style: solid;
177-
position: absolute;
178-
top: 0;
179-
left: 0;
180-
width: 0;
181-
height: 0;
182-
}
183-
184-
.v-popper__arrow-inner {
185-
visibility: hidden;
186-
border-width: 7px;
187-
}
188-
189-
.v-popper__arrow-outer {
190-
border-width: 6px;
191-
}
192-
193-
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-inner,
194-
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-inner {
195-
left: -2px;
196-
}
197-
198-
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-outer,
199-
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-outer {
200-
left: -1px;
201-
}
202-
203-
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-inner,
204-
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-outer {
205-
border-bottom-width: 0;
206-
border-left-color: transparent !important;
207-
border-right-color: transparent !important;
208-
border-bottom-color: transparent !important;
209-
}
210-
211-
.v-popper__popper[data-popper-placement^="top"] .v-popper__arrow-inner {
212-
top: -2px;
213-
}
214-
215-
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-container {
216-
top: 0;
217-
}
218-
219-
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-inner,
220-
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-outer {
221-
border-top-width: 0;
222-
border-left-color: transparent !important;
223-
border-right-color: transparent !important;
224-
border-top-color: transparent !important;
225-
}
226-
227-
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-inner {
228-
top: -4px;
229-
}
230-
231-
.v-popper__popper[data-popper-placement^="bottom"] .v-popper__arrow-outer {
232-
top: -6px;
233-
}
234-
235-
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-inner,
236-
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-inner {
237-
top: -2px;
238-
}
239-
240-
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-outer,
241-
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-outer {
242-
top: -1px;
243-
}
244-
245-
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-inner,
246-
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-outer {
247-
border-left-width: 0;
248-
border-left-color: transparent !important;
249-
border-top-color: transparent !important;
250-
border-bottom-color: transparent !important;
251-
}
252-
253-
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-inner {
254-
left: -4px;
255-
}
256-
257-
.v-popper__popper[data-popper-placement^="right"] .v-popper__arrow-outer {
258-
left: -6px;
259-
}
260-
261-
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-container {
262-
right: -10px;
263-
}
264-
265-
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-inner,
266-
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-outer {
267-
border-right-width: 0;
268-
border-top-color: transparent !important;
269-
border-right-color: transparent !important;
270-
border-bottom-color: transparent !important;
271-
}
272-
273-
.v-popper__popper[data-popper-placement^="left"] .v-popper__arrow-inner {
274-
left: -2px;
275-
}
276-
</style>

‎packages/floating-vue/src/components/Tooltip.ts‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import PopperWrapper from './PopperWrapper.vue'
2+
3+
const Component = ({
4+
...PopperWrapper,
5+
name: 'VTooltip',
6+
vPopperTheme: 'tooltip',
7+
}) as unknown as typeof PopperWrapper
8+
9+
export default Component

‎packages/floating-vue/src/components/Tooltip.vue‎

Lines changed: 0 additions & 24 deletions
This file was deleted.

‎packages/floating-vue/src/index.ts‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,16 @@
11
import { assign } from './util/assign-deep'
22
import { config, FloatingVueConfig } from './config'
33
import 'vue-resize/dist/vue-resize.css'
4+
import './style.css'
45
// Components
5-
import PrivateDropdown from './components/Dropdown.vue'
6-
import PrivateMenu from './components/Menu.vue'
6+
import PrivateDropdown from './components/Dropdown'
7+
import PrivateMenu from './components/Menu'
78
import PrivatePopper from './components/Popper'
89
import PrivatePopperContent from './components/PopperContent.vue'
910
import PrivatePopperMethods from './components/PopperMethods'
1011
import PrivatePopperWrapper from './components/PopperWrapper.vue'
1112
import PrivateThemeClass from './components/ThemeClass'
12-
import PrivateTooltip from './components/Tooltip.vue'
13+
import PrivateTooltip from './components/Tooltip'
1314
import PrivateTooltipDirective from './components/TooltipDirective.vue'
1415
// Directives
1516
import PrivateVTooltip from './directives/v-tooltip'

0 commit comments

Comments
 (0)