Astrian/datenel-vue3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refactor SingleWeekPicker component to improve TypeScript interface definitions and organize script sections
All checks were successful
Publish to npm / publish (push) Successful in 28s
Details

Browse Source
This commit is contained in:
Astrian Zheng 2025-02-26 09:24:09 +11:00
parent d882426936
commit 8a76679159
Signed by: Astrian
SSH Key Fingerprint: SHA256:rVnhx3DAKjujCwWE13aDl7uV6+9U1MvydLkNRXJrBiA
2 changed files with 232 additions and 232 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/SingleDatePicker.vue
View File

@ -8,13 +8,8 @@
export default { export default {
name: 'SingleDatePicker', name: 'SingleDatePicker',
} }
</script>
<script setup lang="ts"> export interface SingleDatePickerPropsColorScheme {
import { ref, defineProps, watch, onMounted, toRefs, getCurrentInstance, PropType } from 'vue'
import { generateUniqueId, applyColor, getL10Weekday, getCalendarDates } from '../utils'
interface SingleDatePickerPropsColorScheme {
mainColor: string mainColor: string
accentColor: string accentColor: string
borderColor: string borderColor: string
@ -22,7 +17,12 @@ export default {
reversedColor: string reversedColor: string
} }
type SingleDatePickerPropsAvailableDates = [Date | null, Date | null] export type SingleDatePickerPropsAvailableDates = [Date | null, Date | null]
</script>
<script setup lang="ts">
import { ref, defineProps, watch, onMounted, toRefs, getCurrentInstance, PropType } from 'vue'
import { generateUniqueId, applyColor, getL10Weekday, getCalendarDates } from '../utils'
const props = defineProps({ const props = defineProps({
/** /**

14
src/components/SingleWeekPicker.vue
View File

@ -8,23 +8,23 @@
export default { export default {
name: 'SingleDatePicker', name: 'SingleDatePicker',
} }
</script>
<script setup lang="ts"> export interface SingleWeekPickerPropsColorScheme {
import { ref, defineProps, toRefs, onMounted, getCurrentInstance, watch } from 'vue'
import { generateUniqueId, applyColor, getL10Weekday, getCalendarDates, calculateWeekNum } from '../utils'
interface SingleWeekPickerPropsColorScheme {
mainColor: string mainColor: string
accentColor: string accentColor: string
borderColor: string borderColor: string
hoverColor: string hoverColor: string
reversedColor: string reversedColor: string
} }
interface SingleWeekPickerModelValue { export interface SingleWeekPickerModelValue {
weekYear: number weekYear: number
weekNum: number weekNum: number
} }
</script>
<script setup lang="ts">
import { ref, defineProps, toRefs, onMounted, getCurrentInstance, watch } from 'vue'
import { generateUniqueId, applyColor, getL10Weekday, getCalendarDates, calculateWeekNum } from '../utils'
const selectMonth = ref(false) const selectMonth = ref(false)
const uniqueId = generateUniqueId() const uniqueId = generateUniqueId()