import type { PopsPanelContentConfig } from "@whitesev/pops/dist/types/src/components/panel/types/index.js";
import { UISwitch } from "@components/setting/components/ui-switch";
import { UISelect } from "@components/setting/components/ui-select";
import { AutoOpenOrClose } from "../all-open-or-close";
import { PopsPanelStorageApi } from "@components/setting/panel-storage";

export const PanelSearchConfig: PopsPanelContentConfig = {
  id: "panel-config-search",
  title: "搜索",
  views: [
    {
      text: "",
      type: "container",
      views: [
        {
          text: "功能",
          type: "deepMenu",
          views: [
            {
              text: "",
              type: "container",
              views: [
                UISelect("搜索结果类型", "dy-search-setSearchResultType", "", [
                  {
                    text: "无",
                    value: "",
                  },
                  {
                    text: "综合",
                    value: "general",
                  },
                  {
                    text: "视频",
                    value: "video",
                  },
                  {
                    text: "用户",
                    value: "user",
                  },
                  {
                    text: "直播",
                    value: "live",
                  },
                ]),
                UISwitch("阻止屏蔽搜索框的右键菜单", "dy-search-allowContextMenu", false),
                UISwitch(
                  "禁止点击视频区域进入全屏",
                  "dy-search-disableClickToEnterFullScreen",
                  false,
                  void 0,
                  "禁止点击视频区域时会触发自动进入全屏功能"
                ),
                UISelect(
                  "自动进入网页全屏",
                  "search-autoEnterElementFullScreen",
                  0,
                  () => [
                    {
                      text: `跟随主设置（${PopsPanelStorageApi.get("autoEnterElementFullScreen") ? "是" : "否"}）`,
                      value: -1,
                    },
                    {
                      text: "是",
                      value: 1,
                    },
                    {
                      text: "否",
                      value: 0,
                    },
                  ],
                  void 0,
                  ["视频", "功能", "自动进入网页全屏"].map((it) => `<code>${it}</code>`).join("-")
                ),
                UISelect(
                  "搜索结果-视频-显示样式",
                  "dy-search-setSearchResultFilterWithVideoStyle",
                  "",
                  [
                    {
                      text: "无",
                      value: "",
                    },
                    {
                      text: "单列",
                      value: "one",
                    },
                    {
                      text: "双列",
                      value: "double",
                    },
                  ],
                  void 0,
                  "当屏幕宽度<=<code>800px</code>时，该功能才会生效"
                ),
              ],
            },
          ],
        },
      ],
    },
    {
      text: "",
      type: "container",
      views: [
        {
          text: "布局屏蔽",
          type: "deepMenu",
          afterEnterDeepMenuCallBack: AutoOpenOrClose.afterEnterDeepMenuCallBack,
          views: [
            {
              text: AutoOpenOrClose.text,
              type: "container",
              views: [
                UISwitch(
                  "【屏蔽】相关搜索",
                  "douyin-search-shieldReleatedSearches",
                  false,
                  void 0,
                  "屏蔽右边的相关搜索"
                ),
                UISwitch("【屏蔽】AI问一问", "douyin-search-blockAIAsk", false, void 0, "相关搜索上面的问一问"),
                UISwitch(
                  "【屏蔽】问问AI",
                  "douyin-search-blockAskAI",
                  false,
                  void 0,
                  "为你找到以下结果，问问AI智能总结内容"
                ),
                UISwitch("【屏蔽】AI为你生成回答", "dy-search-blockAIAssistant"),
                UISwitch("【屏蔽】用户直播时闪烁的头像", "dy-search-blockUserLiveFlashingAvatar"),
                UISwitch("【屏蔽】关键词选项", "dy-search-blockKeywordsOptions"),
                UISwitch("【屏蔽】侧边栏", "dy-search-blockSideBar"),
              ],
            },
            {
              type: "container",
              text: "",
              views: [
                UISwitch("【屏蔽】多列", "dy-search-blockColumn"),
                UISwitch("【屏蔽】单列", "dy-search-blockSingleColumn"),
                UISwitch("【屏蔽】筛选", "dy-search-blockFilter"),
              ],
            },
          ],
        },
        {
          text: "布局屏蔽-左侧导航栏",
          type: "deepMenu",
          views: [
            {
              text: "",
              type: "container",
              views: [
                UISelect(
                  "【屏蔽】左侧导航栏",
                  "search-shieldLeftNavigator",
                  -1,
                  () => [
                    {
                      text: `跟随主设置（${PopsPanelStorageApi.get("shieldLeftNavigator") ? "是" : "否"}）`,
                      value: -1,
                    },
                    {
                      text: "是",
                      value: 1,
                    },
                    {
                      text: "否",
                      value: 0,
                    },
                  ],
                  void 0,
                  ["通用", "布局屏蔽-左侧导航栏", "【屏蔽】左侧导航栏"].map((it) => `<code>${it}</code>`).join("-")
                ),
              ],
            },
          ],
        },
        {
          text: "布局屏蔽-顶部导航栏",
          type: "deepMenu",
          views: [
            {
              text: "",
              type: "container",
              views: [
                UISelect(
                  "【屏蔽】顶部导航栏",
                  "search-shieldTopNavigator",
                  -1,
                  () => [
                    {
                      text: `跟随主设置（${PopsPanelStorageApi.get("shieldTopNavigator") ? "是" : "否"}）`,
                      value: -1,
                    },
                    {
                      text: "是",
                      value: 1,
                    },
                    {
                      text: "否",
                      value: 0,
                    },
                  ],
                  void 0,
                  ["通用", "布局屏蔽-顶部导航栏", "【屏蔽】顶部导航栏"].map((it) => `<code>${it}</code>`).join("-")
                ),
              ],
            },
          ],
        },
      ],
    },
  ],
};