arco-design / arco-design-vue

A Vue.js 3 UI Library based on Arco Design
https://arco.design/vue
MIT License
2.69k stars 526 forks source link

`time-picker` 存在以下问题: 1. 当 `readonly` 属性被设置为 `true` 时,输入框仍然可以编辑,并且按键点击后就会触发面板,就可以修改数据。 2. 在 `readonly` 或者 `disabled` 状态下,通过 `v-model:popup-visible` 可以打开面板,打开后可对数据进行更改。 3. 文档提到了 `trigger-props` 属性,但是在源码中未找到相应的实现。 #3151

Closed eicoder closed 3 months ago

eicoder commented 4 months ago

Basic Info

What is expected?

Steps to reproduce

  1. 设置 readonly 属性为 true
  2. 尝试编辑输入框并按键。
  3. 使用 v-model:popupVisible 尝试打开面板。
eicoder commented 4 months ago

希望placeholder属性开放string[]类型

/**
     * @zh 提示文案
     * @en Prompt copy
     * */
    placeholder: {
      type: String,
    },

组件有时间选择器和时间范围选择器,所以placeholder应支持数组配置,目前类型定义只开放string类型,但实际上代码也是支持string[]的

const computedPlaceholder = computed(() => {
      const _placeholder = placeholder?.value;
      // 单个
      if (!isRange.value) {
        return !isUndefined(_placeholder)
          ? _placeholder
          : t('datePicker.placeholder.time');
      }
      // 范围
      if (isUndefined(_placeholder)) {
        return t('datePicker.rangePlaceholder.time');
      }
      if (!isArray(_placeholder)) {
        return [_placeholder, _placeholder];
      }
      return _placeholder;
    });