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 属性(将宽度调整为父元素宽度)