✨(component): update
This commit is contained in:
parent
e141750076
commit
b138bdb7fd
@ -30,8 +30,8 @@ const classes = computed(() => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const styles = computed<StyleValue>(() => {
|
const styles = computed<StyleValue>(() => {
|
||||||
return [props.color ? `background-color: ${props.color}` : ""]
|
return [props.color ? `background-color: ${props.color}` : ""];
|
||||||
})
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
|
@ -44,7 +44,7 @@ import {
|
|||||||
useResizeObserver,
|
useResizeObserver,
|
||||||
useThrottleFn,
|
useThrottleFn,
|
||||||
} from "@vueuse/core";
|
} from "@vueuse/core";
|
||||||
import { PopperTrigger } from '../tooltip/index.vue';
|
import { PopperTrigger } from "../tooltip/index.vue";
|
||||||
|
|
||||||
export interface PopperProps {
|
export interface PopperProps {
|
||||||
el: HTMLElement;
|
el: HTMLElement;
|
||||||
|
@ -1,2 +1,2 @@
|
|||||||
export type RippleType = "out" | "inset";
|
export type RippleType = "out" | "inset";
|
||||||
export type RippleTrigger = "always" | "mouseenter" | "click"
|
export type RippleTrigger = "always" | "mouseenter" | "click";
|
||||||
|
@ -31,7 +31,9 @@ const props = withDefaults(defineProps<SelectOptionProps>(), {
|
|||||||
|
|
||||||
const searchValue: Ref<string> = inject("searchValue") as Ref<string>;
|
const searchValue: Ref<string> = inject("searchValue") as Ref<string>;
|
||||||
const selectRef: Ref<HTMLElement> = inject("selectRef") as Ref<HTMLElement>;
|
const selectRef: Ref<HTMLElement> = inject("selectRef") as Ref<HTMLElement>;
|
||||||
const selectedValue: WritableComputedRef<any> = inject("selectedValue") as WritableComputedRef<any>;
|
const selectedValue: WritableComputedRef<any> = inject(
|
||||||
|
"selectedValue"
|
||||||
|
) as WritableComputedRef<any>;
|
||||||
const multiple: ComputedRef = inject("multiple") as ComputedRef;
|
const multiple: ComputedRef = inject("multiple") as ComputedRef;
|
||||||
|
|
||||||
const handleSelect = () => {
|
const handleSelect = () => {
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export default {
|
export default {
|
||||||
name: "StandardVue",
|
name: "StandardVue",
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export default {
|
export default {
|
||||||
name: "StandardRange",
|
name: "StandardRange",
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export default {
|
export default {
|
||||||
name: "Vertical",
|
name: "Vertical",
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
export default {
|
export default {
|
||||||
name: "VerticalRange",
|
name: "VerticalRange",
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
Loading…
Reference in New Issue
Block a user