import { newVarInputVal } from "js/composer/varInputValManager";

export const uiCommands = {
  label: "用户交互",
  icon: "web",
  defaultOpened: false,
  commands: [
    {
      value: "quickcommand.showButtonBox",
      label: "按钮组",
      isAsync: true,
      outputVariable: "{id,text}",
      saveOutput: true,
      config: [
        {
          label: "按钮",
          component: "ArrayEditor",
          defaultValue: [
            newVarInputVal("str", "是"),
            newVarInputVal("str", "否"),
          ],
        },
      ],
    },
    {
      value: "quickcommand.showInputBox",
      label: "输入框",
      isAsync: true,
      outputVariable: "[inputValue1]",
      saveOutput: true,
      config: [
        {
          label: "输入框",
          component: "ArrayEditor",
          width: 12,
          options: {
            keys: [
              {
                label: "标签",
                value: "label",
              },
              {
                label: "默认值",
                value: "value",
              },
            ],
          },
          defaultValue: [
            {
              label: newVarInputVal("str", "请输入"),
              value: newVarInputVal("str"),
            },
          ],
        },
        {
          label: "标题",
          component: "VariableInput",
          defaultValue: newVarInputVal("str"),
          width: 12,
        },
      ],
    },
    {
      value: "quickcommand.showSelectList",
      label: "选择列表",
      desc: "显示一个支持搜索的选项列表，可以动态更新选项",
      component: "SelectListEditor",
      isAsync: true,
    },
    {
      value: "quickcommand.showTextArea",
      label: "文本框",
      desc: "显示一个文本框，可以输入多行文本",
      isAsync: true,
      outputVariable: "textareaValue",
      saveOutput: true,
      config: [
        {
          label: "文本框占位符",
          component: "VariableInput",
          defaultValue: newVarInputVal("str", "请输入"),
          width: 6,
        },
        {
          label: "文本框默认值",
          component: "VariableInput",
          defaultValue: newVarInputVal("str"),
          width: 6,
        },
      ],
    },
    {
      value: "quickcommand.showMessageBox",
      label: "消息提示",
      desc: "显示一个自动消失的提示框",
      isAsync: true,
      config: [
        {
          label: "提示内容",
          component: "VariableInput",
          icon: "info",
          defaultValue: newVarInputVal("str", "这是一条提示消息"),
          width: 12,
        },
        {
          label: "图标类型",
          component: "q-select",
          defaultValue: "success",
          icon: "lightbulb",
          width: 6,
          options: [
            { label: "成功", value: "success" },
            { label: "错误", value: "error" },
            { label: "警告", value: "warning" },
            { label: "信息", value: "info" },
          ],
        },
        {
          label: "显示时间(ms)",
          component: "NumberInput",
          min: 0,
          step: 100,
          width: 6,
          placeholder: "0为手动关闭，留空按文本长度调整",
        },
      ],
    },
    {
      value: "quickcommand.showConfirmBox",
      label: "确认框",
      desc: "显示一个确认框，返回是否点击了确认",
      isAsync: true,
      outputVariable: "confirmed",
      saveOutput: true,
      config: [
        {
          label: "提示内容",
          component: "VariableInput",
          defaultValue: newVarInputVal("str", "确认要执行此操作吗？"),
          width: 12,
        },
        {
          label: "标题",
          component: "VariableInput",
          defaultValue: newVarInputVal("str", "提示"),
          width: 7,
        },
        {
          label: "支持HTML",
          component: "q-toggle",
          defaultValue: false,
          width: 2,
        },
        {
          label: "宽度",
          component: "NumberInput",
          min: 0,
          step: 100,
          defaultValue: 450,
          width: 3,
          placeholder: "对话框宽度",
        },
      ],
    },
    {
      value: "quickcomposer.ui.showOpenDialog",
      label: "文件选择框",
      desc: "显示一个文件选择框，返回选择的文件路径",
      outputVariable: "filePaths",
      saveOutput: true,
      config: [
        {
          label: "标题",
          component: "VariableInput",
          defaultValue: newVarInputVal("str", "请选择文件"),
          width: 6,
        },
        {
          label: "默认路径",
          component: "VariableInput",
          defaultValue: newVarInputVal("str"),
          width: 6,
          placeholder: "默认打开的路径",
        },
        {
          label: "按钮文本",
          component: "VariableInput",
          defaultValue: newVarInputVal("str", "选择"),
          width: 3,
        },
        {
          label: "提示信息",
          component: "VariableInput",
          defaultValue: newVarInputVal("str"),
          width: 3,
          placeholder: "对话框底部的提示信息",
          defaultValue: newVarInputVal("str", "请选择"),
        },
        {
          label: "扩展名",
          component: "VariableInput",
          width: 6,
          options: {
            items: ["*", "jpg", "png", "gif", "txt", "json", "exe"],
            multiSelect: true,
          },
          defaultValue: newVarInputVal("var", '["*"]'),
          disableToggleType: true,
        },
      ],
      subCommands: [
        {
          value: "quickcomposer.ui.showOpenDialog",
          label: "打开文件对话框",
          desc: "打开文件对话框",
          icon: "folder_open",
          config: [
            {
              label: "选择选项",
              component: "CheckGroup",
              icon: "settings",
              width: 12,
              options: [
                { label: "选择文件", value: "openFile" },
                { label: "选择文件夹", value: "openDirectory" },
                { label: "允许多选", value: "multiSelections" },
                { label: "显示隐藏文件", value: "showHiddenFiles" },
                { label: "提示新建路径（Win）", value: "promptToCreate" },
                { label: "不添加到最近（Win）", value: "dontAddToRecent" },
                { label: "允许创建文件夹（Mac）", value: "createDirectory" },
                { label: "不解析符号链接（Mac）", value: "noResolveAliases" },
                {
                  label: "将.App作为目录（Mac）",
                  value: "treatPackageAsDirectory",
                },
              ],
              defaultValue: ["openFile", "showHiddenFiles"],
            },
          ],
        },
        {
          value: "quickcomposer.ui.showSaveDialog",
          label: "保存文件对话框",
          desc: "保存文件对话框",
          icon: "save",
          config: [
            {
              label: "选择选项",
              component: "CheckGroup",
              icon: "settings",
              width: 12,
              options: [
                { label: "显示隐藏文件", value: "showHiddenFiles" },
                { label: "允许创建文件夹（Mac）", value: "createDirectory" },
                {
                  label: "将.App作为目录（Mac）",
                  value: "treatPackageAsDirectory",
                },
                {
                  label: "显示覆盖确认（Linux）",
                  value: "showOverwriteConfirmation",
                },
                { label: "不添加到最近（Win）", value: "dontAddToRecent" },
              ],
              defaultValue: ["showHiddenFiles"],
            },
          ],
        },
      ],
    },
  ],
};