重构浏览器自动化分类:从单独的入口拆分为新增获取/切换标签、执行脚本、设置Cookie、获取Cookie、注入CSS,元素操作等分类

This commit is contained in:
fofolee 2025-01-22 15:19:16 +08:00
parent a9f756acb7
commit 5cce8b001b

View File

@ -76,8 +76,8 @@ export const browserCommands = {
}, },
{ {
value: "quickcomposer.browser.getUrl", value: "quickcomposer.browser.getUrl",
label: "浏览器操作", label: "获取/设置网址",
icon: "web", icon: "link",
isAsync: true, isAsync: true,
subCommands: [ subCommands: [
{ {
@ -99,6 +99,13 @@ export const browserCommands = {
}, },
], ],
}, },
],
},
{
value: "quickcomposer.browser.getTabs",
label: "获取/切换标签",
icon: "tab",
subCommands: [
{ {
value: "quickcomposer.browser.getTabs", value: "quickcomposer.browser.getTabs",
label: "获取标签列表", label: "获取标签列表",
@ -119,6 +126,8 @@ export const browserCommands = {
}, },
], ],
}, },
],
},
{ {
value: "quickcomposer.browser.executeScript", value: "quickcomposer.browser.executeScript",
label: "执行脚本", label: "执行脚本",
@ -140,110 +149,10 @@ export const browserCommands = {
], ],
}, },
{ {
value: "quickcomposer.browser.clickElement", value: "quickcomposer.browser.setCookie",
label: "点击元素", label: "Cookie操作",
icon: "mouse", icon: "cookie",
config: [ subCommands: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
],
},
{
value: "quickcomposer.browser.inputText",
label: "输入文本",
icon: "edit",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
{
label: "文本内容",
component: "VariableInput",
icon: "edit",
width: 12,
placeholder: "输入要填写的文本",
},
],
},
{
value: "quickcomposer.browser.getText",
label: "获取文本",
icon: "text_fields",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
],
},
{
value: "quickcomposer.browser.getHtml",
label: "获取HTML",
icon: "code",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
],
},
{
value: "quickcomposer.browser.hideElement",
label: "隐藏元素",
icon: "visibility_off",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
],
},
{
value: "quickcomposer.browser.showElement",
label: "显示元素",
icon: "visibility",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
],
},
{
value: "quickcomposer.browser.injectCSS",
label: "注入CSS",
icon: "style",
config: [
{
label: "CSS内容",
component: "CodeEditor",
icon: "style",
width: 12,
placeholder: "输入CSS代码",
},
],
},
{ {
value: "quickcomposer.browser.setCookie", value: "quickcomposer.browser.setCookie",
label: "设置Cookie", label: "设置Cookie",
@ -325,24 +234,125 @@ export const browserCommands = {
}, },
], ],
}, },
{ ],
value: "quickcomposer.browser.scrollTo",
label: "滚动到位置",
icon: "open_in_full",
config: [
{
label: "X坐标",
component: "NumberInput",
icon: "arrow_right",
width: 12,
defaultValue: 0,
}, },
{ {
label: "Y坐标", value: "quickcomposer.browser.injectCSS",
component: "NumberInput", label: "注入CSS",
icon: "arrow_drop_down", icon: "style",
config: [
{
label: "CSS内容",
component: "CodeEditor",
icon: "style",
width: 12, width: 12,
defaultValue: 0, placeholder: "输入CSS代码",
},
],
},
{
value: "quickcomposer.browser.getSelector",
label: "手动选择元素",
icon: "mouse",
isAsync: true,
},
{
value: "quickcomposer.browser.clickElement",
label: "元素操作",
icon: "web",
isAsync: true,
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
options: {
cssSelector: true,
},
},
],
subCommands: [
{
value: "quickcomposer.browser.clickElement",
label: "点击元素",
icon: "mouse",
},
{
value: "quickcomposer.browser.inputText",
label: "输入文本",
icon: "edit",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
{
label: "文本内容",
component: "VariableInput",
icon: "edit",
width: 12,
placeholder: "输入要填写的文本",
},
],
},
{
value: "quickcomposer.browser.getText",
label: "获取文本",
icon: "text_fields",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
],
},
{
value: "quickcomposer.browser.getHtml",
label: "获取HTML",
icon: "code",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
],
},
{
value: "quickcomposer.browser.hideElement",
label: "隐藏元素",
icon: "visibility_off",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
},
],
},
{
value: "quickcomposer.browser.showElement",
label: "显示元素",
icon: "visibility",
config: [
{
label: "选择器",
component: "VariableInput",
icon: "code",
width: 12,
placeholder: "输入CSS选择器",
}, },
], ],
}, },
@ -360,16 +370,6 @@ export const browserCommands = {
}, },
], ],
}, },
{
value: "quickcomposer.browser.getScrollPosition",
label: "获取滚动位置",
icon: "open_in_full",
},
{
value: "quickcomposer.browser.getPageSize",
label: "获取页面尺寸",
icon: "open_in_full",
},
{ {
value: "quickcomposer.browser.waitForElement", value: "quickcomposer.browser.waitForElement",
label: "等待元素", label: "等待元素",
@ -395,5 +395,43 @@ export const browserCommands = {
}, },
], ],
}, },
{
value: "quickcomposer.browser.scrollTo",
label: "滚动及页面尺寸",
icon: "open_in_full",
subCommands: [
{
value: "quickcomposer.browser.scrollTo",
label: "滚动到位置",
icon: "open_in_full",
config: [
{
label: "X坐标",
component: "NumberInput",
icon: "arrow_right",
width: 12,
defaultValue: 0,
},
{
label: "Y坐标",
component: "NumberInput",
icon: "arrow_drop_down",
width: 12,
defaultValue: 0,
},
],
},
{
value: "quickcomposer.browser.getScrollPosition",
label: "获取滚动位置",
icon: "open_in_full",
},
{
value: "quickcomposer.browser.getPageSize",
label: "获取页面尺寸",
icon: "open_in_full",
},
],
},
], ],
}; };