amis icon indicating copy to clipboard operation
amis copied to clipboard

button-group-select 的 autoFill 存在延迟,并且多选赋值失败

Open Twelveeee opened this issue 2 years ago • 1 comments

描述问题:

对于 button-group-select 的 autoFill 方法,存在两个问题。

  1. 存在延迟。

设置选项为

      "options": [
        {
          "label": "选项1",
          "value": "选项A"
        },
        {
          "label": "选项2",
          "value": "选项B"
        },
        {
          "label": "选项3",
          "value": "选项C"
        }
      ]

当第一次选择选项1,文本框内容不显示; 当第二次选择选项2,文本框显示为选项A(为上次选择内容).

  1. 多选赋值失败

多选并且尝试

  "multiple": true,
  "joinValues": true,
  "delimiter": ","

多选时候赋值失败

截图或视频:

  1. 存在延迟。

1 2 3

2.多选赋值失败

4

如何复现(请务必完整填写下面内容):

  1. 你是如何使用 amis 的? amis可视化编辑器

  2. amis 版本是什么?请先在最新 beta 版本测试问题是否存在 1.8.0 发现问题后去可视化编辑器进行测试后发现问题同样存在

  3. 粘贴有问题的完整 amis schema 代码:

{
  "type": "form",
  "title": "表单",
  "body": [
    {
      "type": "button-group-select",
      "name": "select",
      "options": [
        {
          "label": "选项1",
          "value": "选项A"
        },
        {
          "label": "选项2",
          "value": "选项B"
        },
        {
          "label": "选项3",
          "value": "选项C"
        }
      ],
      "id": "u:3e30fa287f12",
      "multiple": true,
      "vertical": false,
      "tiled": false,
      "autoFill": {
        "autoTextBox": "${select}"
      },
      "joinValues": true,
      "delimiter": ","
    },
    {
      "type": "input-text",
      "label": "文本",
      "name": "autoTextBox",
      "id": "u:63e8ae033d03"
    }
  ],
  "id": "u:0014db98df88",
  "debug": true
}
  1. 操作步骤 操作步骤如上问题描述

Twelveeee avatar Jul 25 '22 03:07 Twelveeee

经测试,并非 button-group-select 组件的问题,应该是autoFill 属性的问题 使用 select 组件复现成功

image

{
  "type": "page",
  "title": "测试",
  "body": [
    {
    },
    {
      "type": "form",
      "title": "表单",
      "body": [
        {
          "type": "select",
          "label": "选项",
          "name": "select2",
          "options": [
            {
              "label": "选项1",
              "value": "选项A"
            },
            {
              "label": "选项2",
              "value": "选项B"
            },
            {
              "label": "选项3",
              "value": "选项C"
            }
          ],
          "id": "u:156d7e5d4f4e",
          "multiple": false,
          "autoFill": {
            "autoTextBox": "${select2}"
          },
          "checkAll": false
        },
        {
          "type": "button-group-select",
          "name": "select",
          "options": [
            {
              "label": "选项1",
              "value": "选项A"
            },
            {
              "label": "选项2",
              "value": "选项B"
            },
            {
              "label": "选项3",
              "value": "选项C"
            }
          ],
          "id": "u:3e30fa287f12",
          "multiple": true,
          "vertical": false,
          "tiled": false,
          "autoFill": {
            "autoTextBox": "${select}"
          },
          "joinValues": true,
          "delimiter": ","
        },
        {
          "type": "input-text",
          "label": "文本",
          "name": "autoTextBox",
          "id": "u:63e8ae033d03"
        }
      ],
      "id": "u:0014db98df88",
      "debug": true
    }
  ],
  "id": "u:a376d67b187c",
  "toolbar": [
  ]
}

Twelveeee avatar Jul 25 '22 03:07 Twelveeee