大佬们，主题设置表单定义如何让 Repeater 中的 Select 在选择不同的项后显示不同的提示

HowieHz

- group: sns
      label: 社交资料
      formSchema:
        - $formkit: repeater
          name: index_sns
          label: 首页社交资料展示
          value: []
          children:
            - $formkit: select
              name: type
              label: 类型
              placeholder: "选择你要展示的社交资料"
              options:
                - label: X
                  help: "只需填入 X 用户名即可"
                  value: { url: "https://x.com/", aria-label: "Find me on X", data-icon: mdi:twitter }
                - label: Facebook
                  help: "只需填入 Facebook 用户名即可"
                  value:
                    {
                      url: "https://www.facebook.com/",
                      aria-label: "Find me on facebook",
                      data-icon: ic:baseline-facebook,
                    }
                - label: Instagram
                  help: "只需填入 Instagram 用户名即可"
                  value:
                    { url: "https://www.instagram.com/", aria-label: "Find me on instagram", data-icon: mdi:instagram }
                - label: Dribbble
                  help: "只需填入 Dribbble 用户名即可"
                  value: { url: "https://dribbble.com/", aria-label: "Find me on dribbble", data-icon: mdi:dribbble }
                - label: 微博
                  help: "只需填入微博 Id 即可"
                  value: { url: "https://weibo.com/", aria-label: "Find me on weibo", data-icon: bi:sina-weibo }
                - label: Email
                  help: "只需填入邮箱地址即可"
                  value: { url: "mailto:", aria-label: "Find me on email", data-icon: ph:envelope-simple-bold }
                - label: Github
                  help: "只需填入 Github 用户名即可"
                  value: { url: "https://github.com/", aria-label: "Find me on github", data-icon: mdi:github }
                - label: QQ
                  help: "只需填入 QQ 号即可"
                  value:
                    {
                      url: "tencent://message/?Site=&Menu=yes&uin=",
                      aria-label: "Find me on QQ",
                      data-icon: ant-design:qq-circle-filled,
                    }
                - label: Telegram
                  help: "只需填入 Telegram Id 即可"
                  value: { url: "https://t.me/", aria-label: "Find me on telegram", data-icon: ic:baseline-telegram }
            - $formkit: text
              name: input_value
              label: 值
              validation: "required"

如题，我脑补似的写出了这样的内容，显然这样加 help 是没有用的，完全不显示

HowieHz

https://formkit.com/inputs/select#single-selection
这里 Array of objects 示例说可以加 help，让我看到了点希望，然并卵

Ryan Wang 👍

示例：

        - $formkit: roleSelect
          name: defaultRole
          id: defaultRole
          key: defaultRole
          label: "默认角色"
          validation: 'required'
          help:
            if: "$get(defaultRole).value === 'super-role'"
            then: 选择了超级管理员
            else: 选择了非超级管理员

HowieHz

Ryan Wang 👍 非常感谢

HowieHz

Ryan Wang 👍 大佬如果我要将上面的转制单个 if 似乎不行，这样 help 就重复了🙏


- $formkit: select
  name: "sssss"
  label: "选择"
  validation: 'required'
  help:
    if: "$get(sssss).value === 'BiliBili'"
    then: 选择了BiliBili
  help:
    if: "$get(sssss).value === 'Youtube'"
    then: 选择了ytb
  help:
    if: "$get(sssss).value === 'Halo'"
    then: 选择了Halo
  options:
    - label: BiliBili
      value: "b"
    - label: Youtube
      value: "y"
    - label: Halo
      value: "h"

HowieHz

哦我明白了，可能是


- $formkit: select
  name: "sssss"
  label: "选择"
  validation: 'required'
  help:
    if: "$get(sssss).value === 'BiliBili'"
    then: 选择了BiliBili
    else:
        if: "$get(sssss).value === 'Youtube'"
        then: 选择了ytb
        else:
            if: "$get(sssss).value === 'Halo'"
            then: 选择了Halo
            else: "请先选择一项"
  options:
    - label: BiliBili
      value: "b"
    - label: Youtube
      value: "y"
    - label: Halo
      value: "h"

得去测试下

HowieHz

https://formkit.com/zh/api-reference/formkit-inputs#if
如果 else 不行就测试下 otherwise

HowieHz

o 可以工作

HowieHz

最后可以工作的代码，要设置 id


- $formkit: select
  name: "sssss"
  id: "imid"
  label: "选择"
  validation: 'required'
  help:
    if: "$get(imid).value.ihd === 'aaa'"
    then: 选择了BiliBili
    else:
        if: "$get(imid).value.ihd === 'aaaa'"
        then: 选择了ytb
        else:
            if: "$get(imid).value.ihd === 'c'"
            then: 选择了Halo
            else: "请先选择一项"
  options:
    - label: BiliBili
      value: {ihd: "aaa", value: "b"}
    - label: Youtube
      value: {ihd: "aaaa", value: "y"}
    - label: Halo
      value: "{ihd:"c", value:"h"}