+
+
+ {{ column.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/ai/useAssistantConsole.ts b/frontend/crawlab-ui/src/components/core/ai/useAssistantConsole.ts
new file mode 100644
index 00000000..b7898462
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/ai/useAssistantConsole.ts
@@ -0,0 +1,456 @@
+import { computed, ref, watch, reactive, onMounted } from 'vue';
+import { useI18n } from 'vue-i18n';
+import useRequest from '@/services/request';
+import { getRequestBaseUrl } from '@/utils';
+import { debounce } from 'lodash';
+import { ElMessage } from 'element-plus';
+import { AxiosError } from 'axios';
+import { ClChatInput } from '@/components';
+
+const useAssistantConsole = () => {
+ const { t } = useI18n();
+ const { get } = useRequest();
+
+ // Refs
+ const messageListRef = ref<{ scrollToBottom: () => Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ currentConversationTitle }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/database/DatabaseForm.vue b/frontend/crawlab-ui/src/components/core/database/DatabaseForm.vue
new file mode 100644
index 00000000..bbc12155
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/database/DatabaseForm.vue
@@ -0,0 +1,219 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/database/DatabaseTableDetail.vue b/frontend/crawlab-ui/src/components/core/database/DatabaseTableDetail.vue
new file mode 100644
index 00000000..8b1c9889
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/database/DatabaseTableDetail.vue
@@ -0,0 +1,277 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/database/nav/DatabaseNavTabs.vue b/frontend/crawlab-ui/src/components/core/database/nav/DatabaseNavTabs.vue
new file mode 100644
index 00000000..7ab56bb6
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/database/nav/DatabaseNavTabs.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+ {{ t('common.tabs.logs') }} - {{ activeTargetName }}
+
+
+
+
+ {{ content }}
+
+ {{
+ t('views.env.deps.config.alert.browser.nodeSetupRequired.content')
+ }}
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/environment/CreateEditEnvironmentDialog.vue b/frontend/crawlab-ui/src/components/core/environment/CreateEditEnvironmentDialog.vue
new file mode 100644
index 00000000..b9f77634
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/environment/CreateEditEnvironmentDialog.vue
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/git/GitCloneLogsDialog.vue b/frontend/crawlab-ui/src/components/core/git/GitCloneLogsDialog.vue
new file mode 100644
index 00000000..e133a17f
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/git/GitCloneLogsDialog.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ op.branch?.remote_track }}
+
+
+
+
+
+
+
+ -
+
-
+ ++
+ + {{ t('components.git.branches.pull') }} + +
+ -
+ ++
+ + {{ t('components.git.branches.commit') }} + +
+ -
+ ++
+ + {{ t('components.git.branches.push') }} + +
+
-
+
-
+ ++
+ + {{ t('components.git.branches.new') }} + +
+ -
+ ++
+ + {{ t('components.git.tags.new') }} + +
+
+
+
+
+
+
+
+ {{ fileStatus.name }}
+
+
+ {{ fileStatus.path }}
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/git/GitForm.vue b/frontend/crawlab-ui/src/components/core/git/GitForm.vue
new file mode 100644
index 00000000..6e325aea
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/git/GitForm.vue
@@ -0,0 +1,201 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ log }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/metric/MetricMonitoringDetail.vue b/frontend/crawlab-ui/src/components/core/metric/MetricMonitoringDetail.vue
new file mode 100644
index 00000000..940646d2
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/metric/MetricMonitoringDetail.vue
@@ -0,0 +1,379 @@
+
+
+
+
+
+
+ {{ Math.round(metric?.cpu_usage_percent || 0) }}%
+
+
+
+
+
+
+ {{ formatBytes(metric?.used_memory) }} ({{
+ Math.round(metric?.used_memory_percent || 0)
+ }}%)
+
+
+
+
+
+ {{ formatBytes(metric?.total_memory) }}
+
+
+
+
+
+
+ {{ formatBytes(metric?.used_disk) }} ({{
+ Math.round(metric?.used_disk_percent || 0)
+ }}%)
+
+
+
+
+
+ {{ formatBytes(metric?.total_disk) }}
+
+
+
+
+
+
+ {{ formatBytes(metric?.used_memory) }}
+
+
+
+
+
+
+ {{ formatBytes(metric?.used_disk) }}
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/node/CreateEditNodeDialog.vue b/frontend/crawlab-ui/src/components/core/node/CreateEditNodeDialog.vue
new file mode 100644
index 00000000..687b3cb1
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/node/CreateEditNodeDialog.vue
@@ -0,0 +1,34 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getMetricGroupLabel(name) }}
+
+
+
+
+
+ {{ t('layouts.routes.nodes.detail.title') }}
+
+
+
+ {{ node.name }}
+
+
+
+
+ {{ t('components.node.nodeType.label.master') }}
+
+
+ {{ t('components.node.nodeType.label.worker') }}
+
+
+
+
+
+ {{ t('components.node.nodeStatus.label.online') }}
+
+
+ {{ t('components.node.nodeStatus.label.offline') }}
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/schedule/ScheduleForm.vue b/frontend/crawlab-ui/src/components/core/schedule/ScheduleForm.vue
new file mode 100644
index 00000000..ca23946f
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/schedule/ScheduleForm.vue
@@ -0,0 +1,229 @@
+
+
+
+
+
+
+
+
+
+ {{ isValid ? description : t('common.status.invalid') }}
+
+
+
+
+
+
+
+
+ {{ isValid ? next : t('common.status.invalid') }}
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/spider/SpiderStat.vue b/frontend/crawlab-ui/src/components/core/spider/SpiderStat.vue
new file mode 100644
index 00000000..6f3ab4b3
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/spider/SpiderStat.vue
@@ -0,0 +1,106 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/spider/UploadSpiderFilesDialog.vue b/frontend/crawlab-ui/src/components/core/spider/UploadSpiderFilesDialog.vue
new file mode 100644
index 00000000..c705c719
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/spider/UploadSpiderFilesDialog.vue
@@ -0,0 +1,24 @@
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/core/task/TaskResults.vue b/frontend/crawlab-ui/src/components/core/task/TaskResults.vue
new file mode 100644
index 00000000..f9223211
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/core/task/TaskResults.vue
@@ -0,0 +1,83 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/badge/GitHubStarBadge.vue b/frontend/crawlab-ui/src/components/ui/badge/GitHubStarBadge.vue
new file mode 100644
index 00000000..0da131d3
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/badge/GitHubStarBadge.vue
@@ -0,0 +1,41 @@
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/button/Button.vue b/frontend/crawlab-ui/src/components/ui/button/Button.vue
new file mode 100644
index 00000000..329b9201
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/button/Button.vue
@@ -0,0 +1,57 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/chart/Metric.vue b/frontend/crawlab-ui/src/components/ui/chart/Metric.vue
new file mode 100644
index 00000000..8ba4a164
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/chart/Metric.vue
@@ -0,0 +1,114 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/chat/ChatConfigDialog.vue b/frontend/crawlab-ui/src/components/ui/chat/ChatConfigDialog.vue
new file mode 100644
index 00000000..66e300d1
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/chat/ChatConfigDialog.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+
+
+ {{ t(title || '') }}
+
+
+ {{ value }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/frontend/crawlab-ui/src/components/ui/chat/ChatInput.vue b/frontend/crawlab-ui/src/components/ui/chat/ChatInput.vue
new file mode 100644
index 00000000..fddea95c
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/chat/ChatInput.vue
@@ -0,0 +1,447 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getConversationTitle(conversation) }}
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/chat/ChatMessage.vue b/frontend/crawlab-ui/src/components/ui/chat/ChatMessage.vue
new file mode 100644
index 00000000..c8bb34b7
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/chat/ChatMessage.vue
@@ -0,0 +1,446 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/chat/ChatMessageAction.vue b/frontend/crawlab-ui/src/components/ui/chat/ChatMessageAction.vue
new file mode 100644
index 00000000..27b0bb7b
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/chat/ChatMessageAction.vue
@@ -0,0 +1,274 @@
+
+
+
+
+
+
+
+
+
+
+ {{ action }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ content }}
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/checkbox/CheckboxTreeGroup.vue b/frontend/crawlab-ui/src/components/ui/checkbox/CheckboxTreeGroup.vue
new file mode 100644
index 00000000..d14a9c02
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/checkbox/CheckboxTreeGroup.vue
@@ -0,0 +1,123 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/context-menu/ContextMenu.vue b/frontend/crawlab-ui/src/components/ui/context-menu/ContextMenu.vue
new file mode 100644
index 00000000..146ffcc2
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/context-menu/ContextMenu.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/date/date.ts b/frontend/crawlab-ui/src/components/ui/date/date.ts
new file mode 100644
index 00000000..50550ec2
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/date/date.ts
@@ -0,0 +1,16 @@
+export const getRangeItemOption = (
+ label: string,
+ key: RangeItemKey,
+ value?: RangeItemValue
+): RangeItemOption => {
+ if (typeof value === 'function') {
+ value = value();
+ }
+ return {
+ label,
+ value: {
+ key,
+ value,
+ },
+ };
+};
diff --git a/frontend/crawlab-ui/src/components/ui/dialog/ConfirmDialog.vue b/frontend/crawlab-ui/src/components/ui/dialog/ConfirmDialog.vue
new file mode 100644
index 00000000..b4b1ffbe
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/dialog/ConfirmDialog.vue
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/drag/DraggableList.vue b/frontend/crawlab-ui/src/components/ui/drag/DraggableList.vue
new file mode 100644
index 00000000..300a4f68
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/drag/DraggableList.vue
@@ -0,0 +1,107 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/editor/EditorOptionsDropdownList.vue b/frontend/crawlab-ui/src/components/ui/editor/EditorOptionsDropdownList.vue
new file mode 100644
index 00000000..34de563e
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/editor/EditorOptionsDropdownList.vue
@@ -0,0 +1,48 @@
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/empty/Empty.vue b/frontend/crawlab-ui/src/components/ui/empty/Empty.vue
new file mode 100644
index 00000000..af4fa4d7
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/empty/Empty.vue
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/empty/ImgEmpty.vue b/frontend/crawlab-ui/src/components/ui/empty/ImgEmpty.vue
new file mode 100644
index 00000000..39104457
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/empty/ImgEmpty.vue
@@ -0,0 +1,131 @@
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/export/ExportForm.vue b/frontend/crawlab-ui/src/components/ui/export/ExportForm.vue
new file mode 100644
index 00000000..f3a19da5
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/export/ExportForm.vue
@@ -0,0 +1,55 @@
+
+
+
+
+ {{ t(description) }}
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/file/FileEditor.vue b/frontend/crawlab-ui/src/components/ui/file/FileEditor.vue
new file mode 100644
index 00000000..00e78b0d
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/file/FileEditor.vue
@@ -0,0 +1,515 @@
+
+
+
+
+
+
+
+ {{ t('components.file.diff.form.original') }}
+
+
+ {{ t('components.file.diff.form.modified') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('components.file.editor.empty.placeholder') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('common.actions.cancel') }}
+
+ {{ t('common.actions.confirm') }}
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/file/FileEditorNavMenu.vue b/frontend/crawlab-ui/src/components/ui/file/FileEditorNavMenu.vue
new file mode 100644
index 00000000..d75fabf9
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/file/FileEditorNavMenu.vue
@@ -0,0 +1,673 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/file/FileEditorNavMenuContextMenu.vue b/frontend/crawlab-ui/src/components/ui/file/FileEditorNavMenuContextMenu.vue
new file mode 100644
index 00000000..f67f4eb9
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/file/FileEditorNavMenuContextMenu.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/file/FileEditorNavTabsContextMenu.vue b/frontend/crawlab-ui/src/components/ui/file/FileEditorNavTabsContextMenu.vue
new file mode 100644
index 00000000..290eabf8
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/file/FileEditorNavTabsContextMenu.vue
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+
+ {{ getTitle(item) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('common.actions.cancel') }}
+
+ {{ t('common.actions.confirm') }}
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/file/FileTab.vue b/frontend/crawlab-ui/src/components/ui/file/FileTab.vue
new file mode 100644
index 00000000..26e215c2
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/file/FileTab.vue
@@ -0,0 +1,278 @@
+
+
+
+
+
+
+
+
+ {{ label }}
+
+
+
+
+
+
+
+
+ {{ label }}
+
+
+ {{ value }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/file/UploadFilesDialog.vue b/frontend/crawlab-ui/src/components/ui/file/UploadFilesDialog.vue
new file mode 100644
index 00000000..f6fe571e
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/file/UploadFilesDialog.vue
@@ -0,0 +1,185 @@
+
+
+
+
+
+
+ {{
+ t(
+ 'components.file.upload.buttons.folder.clickToSelectFolderToUpload'
+ )
+ }}
+
+
+
+
+
+
+ {{ t('components.file.upload.buttons.files.dragFilesHereOr') }}
+ {{
+ t('components.file.upload.buttons.files.clickToUpload')
+ }}
+
+
+
+ + {{ t('components.file.upload.fileList.title') }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/filter/FilterConditionList.vue b/frontend/crawlab-ui/src/components/ui/filter/FilterConditionList.vue
new file mode 100644
index 00000000..8f92751a
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/filter/FilterConditionList.vue
@@ -0,0 +1,55 @@
+
+
+
+ -
+
-
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/filter/FilterSelect.vue b/frontend/crawlab-ui/src/components/ui/filter/FilterSelect.vue
new file mode 100644
index 00000000..3cc4aeaf
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/filter/FilterSelect.vue
@@ -0,0 +1,136 @@
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/filter/filter.ts b/frontend/crawlab-ui/src/components/ui/filter/filter.ts
new file mode 100644
index 00000000..7d844638
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/filter/filter.ts
@@ -0,0 +1,43 @@
+import { plainClone } from '@/utils';
+import {
+ FILTER_OP_CONTAINS,
+ FILTER_OP_EQUAL,
+ FILTER_OP_GREATER_THAN,
+ FILTER_OP_GREATER_THAN_EQUAL,
+ FILTER_OP_LESS_THAN,
+ FILTER_OP_LESS_THAN_EQUAL,
+ FILTER_OP_NOT_CONTAINS,
+ FILTER_OP_NOT_EQUAL,
+ FILTER_OP_NOT_SET,
+ FILTER_OP_REGEX,
+} from '@/constants';
+
+export const defaultFilterCondition: FilterConditionData = {
+ op: FILTER_OP_NOT_SET,
+ value: '',
+};
+
+export const getDefaultFilterCondition = () => {
+ return plainClone(defaultFilterCondition);
+};
+
+export const conditionTypesOptions: SelectOption[] = [
+ { value: FILTER_OP_NOT_SET, label: 'Not Set' },
+ { value: FILTER_OP_CONTAINS, label: 'Contains' },
+ { value: FILTER_OP_NOT_CONTAINS, label: 'Not Contains' },
+ { value: FILTER_OP_REGEX, label: 'Regex' },
+ { value: FILTER_OP_EQUAL, label: 'Equal to' },
+ { value: FILTER_OP_NOT_EQUAL, label: 'Not Equal to' },
+ { value: FILTER_OP_GREATER_THAN, label: 'Greater than' },
+ { value: FILTER_OP_LESS_THAN, label: 'Less than' },
+ { value: FILTER_OP_GREATER_THAN_EQUAL, label: 'Greater than or Equal to' },
+ { value: FILTER_OP_LESS_THAN_EQUAL, label: 'Less than or Equal to' },
+];
+
+export const conditionTypesMap: { [key: string]: string } = (() => {
+ const map: { [key: string]: string } = {};
+ conditionTypesOptions.forEach(d => {
+ map[d.value] = d.label as string;
+ });
+ return map;
+})();
diff --git a/frontend/crawlab-ui/src/components/ui/form/Form.vue b/frontend/crawlab-ui/src/components/ui/form/Form.vue
new file mode 100644
index 00000000..58f12d78
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/form/Form.vue
@@ -0,0 +1,76 @@
+
+
+
+
+
+
+
+
+
+ {{ label }}
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/form/FormTableField.vue b/frontend/crawlab-ui/src/components/ui/form/FormTableField.vue
new file mode 100644
index 00000000..fbd52682
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/form/FormTableField.vue
@@ -0,0 +1,182 @@
+
+
+
+
+
+
+
+
+
+
+ {{ displayValue }}
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/input/InputList.vue b/frontend/crawlab-ui/src/components/ui/input/InputList.vue
new file mode 100644
index 00000000..51482cbb
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/input/InputList.vue
@@ -0,0 +1,126 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/lexical/LexicalEditor.vue b/frontend/crawlab-ui/src/components/ui/lexical/LexicalEditor.vue
new file mode 100644
index 00000000..59ade16f
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/lexical/LexicalEditor.vue
@@ -0,0 +1,290 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Enter some rich text...
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/lexical/components/DropdownButton.vue b/frontend/crawlab-ui/src/components/ui/lexical/components/DropdownButton.vue
new file mode 100644
index 00000000..081b36f1
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/lexical/components/DropdownButton.vue
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/lexical/components/ImageComponent.vue b/frontend/crawlab-ui/src/components/ui/lexical/components/ImageComponent.vue
new file mode 100644
index 00000000..ffe25387
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/lexical/components/ImageComponent.vue
@@ -0,0 +1,323 @@
+
+
+
+
+
+
+
+
+
+ {{ t('common.actions.cancel') }}
+
+
+ {{ t('common.actions.unlink') }}
+
+
+ {{ t('common.actions.confirm') }}
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/lexical/components/InsertTableDialog.vue b/frontend/crawlab-ui/src/components/ui/lexical/components/InsertTableDialog.vue
new file mode 100644
index 00000000..9da36d21
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/lexical/components/InsertTableDialog.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/loading/LoadingText.vue b/frontend/crawlab-ui/src/components/ui/loading/LoadingText.vue
new file mode 100644
index 00000000..be72911a
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/loading/LoadingText.vue
@@ -0,0 +1,47 @@
+
+
+
+
+ {{ text }}{{ loadingDots }}
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/markdown/MarkdownEditor.vue b/frontend/crawlab-ui/src/components/ui/markdown/MarkdownEditor.vue
new file mode 100644
index 00000000..e270fefb
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/markdown/MarkdownEditor.vue
@@ -0,0 +1,181 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/markdown/MarkdownEditorToolbar.vue b/frontend/crawlab-ui/src/components/ui/markdown/MarkdownEditorToolbar.vue
new file mode 100644
index 00000000..bc6e594a
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/markdown/MarkdownEditorToolbar.vue
@@ -0,0 +1,123 @@
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/nav/NavActionBack.vue b/frontend/crawlab-ui/src/components/ui/nav/NavActionBack.vue
new file mode 100644
index 00000000..839aba56
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/nav/NavActionBack.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/table/Table.vue b/frontend/crawlab-ui/src/components/ui/table/Table.vue
new file mode 100644
index 00000000..0dc27d6b
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/table/Table.vue
@@ -0,0 +1,380 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/table/TableActions.vue b/frontend/crawlab-ui/src/components/ui/table/TableActions.vue
new file mode 100644
index 00000000..bb16f260
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/table/TableActions.vue
@@ -0,0 +1,160 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/table/TableCell.vue b/frontend/crawlab-ui/src/components/ui/table/TableCell.vue
new file mode 100644
index 00000000..063e7443
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/table/TableCell.vue
@@ -0,0 +1,171 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ column.label }}
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/table/TableHeaderAction.vue b/frontend/crawlab-ui/src/components/ui/table/TableHeaderAction.vue
new file mode 100644
index 00000000..a1291732
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/table/TableHeaderAction.vue
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/table/TableHeaderDialogSort.vue b/frontend/crawlab-ui/src/components/ui/table/TableHeaderDialogSort.vue
new file mode 100644
index 00000000..a9df960c
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/table/TableHeaderDialogSort.vue
@@ -0,0 +1,94 @@
+
+
+
+
+ {{ t('components.table.header.dialog.filter.title') }}
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/table/action.ts b/frontend/crawlab-ui/src/components/ui/table/action.ts
new file mode 100644
index 00000000..64a08c80
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/table/action.ts
@@ -0,0 +1,81 @@
+import { inject, Ref, ref } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { voidAsyncFunc } from '@/utils/func';
+import { translate } from '@/utils/i18n';
+
+const t = translate;
+
+const useAction = (
+ emit: Function,
+ table: Ref,
+ actionFunctions?: ListLayoutActionFunctions
+) => {
+ // store context
+ const storeContext = inject
+ {{ t('components.table.header.dialog.sort.title') }}
+
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/tag/LinkTag.vue b/frontend/crawlab-ui/src/components/ui/tag/LinkTag.vue
new file mode 100644
index 00000000..6fe202fc
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/tag/LinkTag.vue
@@ -0,0 +1,33 @@
+
+
+
+
+ {{ label }}
+
+
+ {{ label }}
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/tip/Tip.vue b/frontend/crawlab-ui/src/components/ui/tip/Tip.vue
new file mode 100644
index 00000000..e4617b09
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/tip/Tip.vue
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
diff --git a/frontend/crawlab-ui/src/components/ui/transfer/TransferPanel.vue b/frontend/crawlab-ui/src/components/ui/transfer/TransferPanel.vue
new file mode 100644
index 00000000..13983b2c
--- /dev/null
+++ b/frontend/crawlab-ui/src/components/ui/transfer/TransferPanel.vue
@@ -0,0 +1,179 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ buttonTexts?.[1] }}
+
+
+
+
+
+
+
+
+ {{ summary }}
+
+
+
+
+
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
+
+
+
+