fix(input): 绑定数据为 ref(null) 导致无法获取 length 的错误 (close DevCloudFE#1329)

Author: vaebe

packages/devui-vue/devui/input/src/input.tsx

@@ -40,7 +40,9 @@ export default defineComponent({
  const suffixVisible = ctx.slots.suffix || props.suffix || props.showPassword || props.clearable;
 
  const showPwdVisible = computed(() => props.showPassword && !inputDisabled.value);
- const showClearable = computed(() => props.clearable && !inputDisabled.value);
+ const showClearable = computed(() => {
+ return props.clearable && !inputDisabled.value && modelValue.value?.length > 0;
+ });
 
  watch(
  () => props.modelValue,
@@ -89,7 +91,7 @@ export default defineComponent({
  onClick={clickPasswordIcon}
  />
  )}
- {showClearable.value && modelValue.value.length > 0 && (
+ {showClearable.value && (
  <Icon size={inputSize.value} class={ns.em('clear', 'icon')} name="close" onClick={onClear} />
  )}
  </span>