From 6b351d75c7fd0fe516d97f8ff43cd3f0e598e8d8 Mon Sep 17 00:00:00 2001 From: xiaoxian521 <1923740402@qq.com> Date: Sun, 31 Mar 2024 12:34:30 +0800 Subject: [PATCH] chore: update --- src/components/ReSegmented/src/index.tsx | 14 +++++++------- src/views/components/segmented.vue | 6 +----- 2 files changed, 8 insertions(+), 12 deletions(-) diff --git a/src/components/ReSegmented/src/index.tsx b/src/components/ReSegmented/src/index.tsx index f8768c5ab..5d20005e0 100644 --- a/src/components/ReSegmented/src/index.tsx +++ b/src/components/ReSegmented/src/index.tsx @@ -34,11 +34,11 @@ const props = { type: Boolean, default: false }, - /** 控件尺寸 */ + /** 控件尺寸 */ size: { type: String as PropType<"small" | "default" | "large"> }, - /** 是否global禁用,默认false */ + /** 是否全局禁用,默认 `false` */ disabled: { type: Boolean, default: false @@ -62,8 +62,7 @@ export default defineComponent({ : ref(0); function handleChange({ option, index }, event: Event) { - if (props.disabled) return; - if (option.disabled) return; + if (props.disabled || option.disabled) return; event.preventDefault(); isNumber(props.modelValue) ? emit("update:modelValue", index) @@ -138,9 +137,10 @@ export default defineComponent({ style={{ background: curMouseActive.value === index ? segmentedItembg.value : "", - color: - !option.disabled && - (curIndex.value === index || curMouseActive.value === index) + color: props.disabled + ? null + : !option.disabled && + (curIndex.value === index || curMouseActive.value === index) ? isDark.value ? "rgba(255, 255, 255, 0.85)" : "rgba(0,0,0,.88)" diff --git a/src/views/components/segmented.vue b/src/views/components/segmented.vue index 374dc1686..d13f2e371 100644 --- a/src/views/components/segmented.vue +++ b/src/views/components/segmented.vue @@ -241,11 +241,7 @@ watch(size, val => (dynamicSize.value = size.value));

全局禁用

- +

block 属性(将宽度调整为父元素宽度)