4 |
6 | {{ taskEntity.name }}
5 |
4 |
5 |
6 |
7 | {{$t('menu.give_feedback')}}
8 | {{$t('menu.Byzer_docs')}}
9 |
10 |
11 |
12 |
13 |
32 |
53 |
--------------------------------------------------------------------------------
/src/components/Markdown/CodeCopy.vue:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
10 |
11 |
12 |
39 |
40 |
--------------------------------------------------------------------------------
/src/components/Header/ChangeLang.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | 中文
8 | English
9 |
10 |
11 |
12 |
13 |
39 |
53 |
--------------------------------------------------------------------------------
/src/icons/svg/node_pythoncommand_24.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/config/lang.json:
--------------------------------------------------------------------------------
1 | {
2 | "python": {
3 | "input": {
4 | "required": true,
5 | "default": ""
6 | },
7 | "output": {
8 | "required": false,
9 | "default": ""
10 | },
11 | "schema": {
12 | "required": true,
13 | "default": ""
14 | },
15 | "runIn": {
16 | "required": false,
17 | "default": "driver",
18 | "options": ["driver", "executor"]
19 | },
20 | "dataMode": {
21 | "required": false,
22 | "default": "data",
23 | "options": ["data", "model"]
24 | } ,
25 | "cache": {
26 | "required": false,
27 | "default": true,
28 | "options": [true, false]
29 | },
30 | "env": {
31 | "required": true,
32 | "default": ""
33 | }
34 | },
35 | "openmldb": {
36 | "url": {
37 | "required": true,
38 | "default": ""
39 | },
40 | "db": {
41 | "required": true,
42 | "default": ""
43 | },
44 | "execute_mode": {
45 | "required": true,
46 | "default": "offline",
47 | "options": ["offline", "online"]
48 | },
49 | "output": {
50 | "required": true,
51 | "default": ""
52 | }
53 | },
54 | "kylin": {
55 | "db": {
56 | "required": true,
57 | "default": ""
58 | },
59 | "output": {
60 | "required": true,
61 | "default": ""
62 | }
63 | },
64 |
65 | "visualize": {
66 | "input": {
67 | "required": true,
68 | "default": ""
69 | }
70 | }
71 | }
--------------------------------------------------------------------------------
/src/store/module/schedules.js:
--------------------------------------------------------------------------------
1 |
2 | import * as types from '../type'
3 | import { schedules } from '../../service'
4 |
5 | export default {
6 | state: {
7 | },
8 | mutations: {
9 | },
10 | actions: {
11 | [types.GET_SCHEDULE_LIST]: (_, payload) => {
12 | return schedules.getSchedulesList(payload)
13 | },
14 | [types.GET_INSTANCE_BY_ID]: (_, payload) => {
15 | return schedules.getInstanceById(payload)
16 | },
17 | [types.GET_NOTEBOOK_INFO]: (_, payload) => {
18 | return schedules.getNotebookInfo(payload)
19 | },
20 | [types.GET_INSTANCE_LIST]: (_, payload) => {
21 | return schedules.getInstanceList(payload)
22 | },
23 | [types.GET_INSTANCE]: (_, payload) => {
24 | return schedules.getInstance(payload)
25 | },
26 | [types.SET_SCHEDULE]: (_, payload) => {
27 | return schedules.setSchedule(payload)
28 | },
29 | [types.UPDATE_SCHEDULE]: (_, { id, params }) => {
30 | return schedules.updateSchedule({ id, params })
31 | },
32 | [types.RUN_SCHEDULE]: (_, payload) => {
33 | return schedules.runSchedule(payload)
34 | },
35 | [types.DELETE_SCHEDULE]: (_, payload) => {
36 | return schedules.deleteSchedule(payload)
37 | },
38 | [types.TOGGLE_SCHEDULE]: (_, { id, release_state }) => {
39 | return schedules.toggleSchedule({ id, release_state })
40 | },
41 | [types.SET_INSTANCE_STATE]: (_, { id, status }) => {
42 | return schedules.setInstanceState({ id, status })
43 | }
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/config/lang.js:
--------------------------------------------------------------------------------
1 | export {default} from './lang.json'
2 | export const SpecialCodeSuggestKey = ['.', '/', '`', '\'', '"']
3 |
4 | export const PYTHON_PREFIX = '#%'
5 | export const OPENMLDB_PREFIX = '--%'
6 | export const KYLIN_PREFIX = '--%'
7 | export const SQL_PREFIX = '--%'
8 |
9 | export const PythonTag = '#%python'
10 | export const MarkdownTag = '--%markdown'
11 | export const OpenMLDBTag = '--%openmldb'
12 | export const KylinTag = '--%kylin'
13 | export const VisualizeTag = '--%visualize'
14 |
15 | export const LANG = {
16 | BYZER: 'byzer',
17 | PYTHON: 'python',
18 | OPENMLDB: 'openmldb',
19 | KYLIN: 'kylin',
20 | MARKDOWN: 'markdown',
21 | VISUALIZE: 'visualize'
22 | }
23 |
24 | export const LANG_PREFIX = {
25 | [LANG.PYTHON]: PYTHON_PREFIX,
26 | [LANG.OPENMLDB]: OPENMLDB_PREFIX,
27 | [LANG.KYLIN]: KYLIN_PREFIX,
28 | [LANG.VISUALIZE]: SQL_PREFIX,
29 | [LANG.MARKDOWN]: null,
30 | [LANG.BYZER]: null
31 | }
32 |
33 | export const LANG_TAG = {
34 | [LANG.PYTHON]: PythonTag,
35 | [LANG.OPENMLDB]: OpenMLDBTag,
36 | [LANG.KYLIN]: KylinTag,
37 | [LANG.MARKDOWN]: MarkdownTag,
38 | [LANG.VISUALIZE]: VisualizeTag,
39 | [LANG.BYZER]: null
40 | }
41 |
42 | export const langList = [
43 | {label: 'Byzer-lang', value: LANG.BYZER},
44 | {label: 'Python', value: LANG.PYTHON},
45 | {label: 'OpenMLDB', value: LANG.OPENMLDB},
46 | {label: 'Kylin', value: LANG.KYLIN},
47 | {label: 'Markdown', value: LANG.MARKDOWN},
48 | {label: 'Visualize', value: LANG.VISUALIZE}
49 | ]
50 |
51 |
52 |
--------------------------------------------------------------------------------
/src/components/CodeDialog/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | id: '',
9 | type: '',
10 | form: {},
11 | callback: () => {}
12 | }
13 | }
14 |
15 | export default {
16 | namespaced: true,
17 | state: getInitState(),
18 | mutations: {
19 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
20 | for (const [key, value] of Object.entries(payload)) {
21 | state[key] = value
22 | }
23 | },
24 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
25 | for (const key of Object.keys(state.form)) {
26 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
27 | }
28 | },
29 | [actionsTypes.SHOW_MODAL]: state => {
30 | state.isShow = true
31 | },
32 | [actionsTypes.HIDE_MODAL]: state => {
33 | state.isShow = false
34 | },
35 | [actionsTypes.RESET_MODAL]: state => {
36 | for (const [key, value] of Object.entries(getInitState())) {
37 | state[key] = value
38 | }
39 | },
40 | [actionsTypes.RESET_MODAL_FORM]: state => {
41 | for (const [key, value] of Object.entries(getInitState().form)) {
42 | state.form[key] = value
43 | }
44 | }
45 | },
46 | actions: {
47 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
48 | return new Promise(resolve => {
49 | commit(actionsTypes.SET_MODAL, { callback: resolve, ...payload })
50 | commit(actionsTypes.SHOW_MODAL)
51 | })
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/src/icons/svg/node_word2vecinplace_24.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/page/Workspace/Notebook/CollapseCode/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
15 |
16 |
46 |
57 |
58 |
--------------------------------------------------------------------------------
/src/components/UploadSystemFile/store.js:
--------------------------------------------------------------------------------
1 |
2 | import { actionsTypes } from '../../store'
3 |
4 | export function getInitState () {
5 | return {
6 | isShow: false,
7 | form: {
8 | file: ''
9 | },
10 | type: '',
11 | callback: () => {}
12 | }
13 | }
14 |
15 | export default {
16 | namespaced: true,
17 | state: getInitState(),
18 | mutations: {
19 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
20 | for (const [key, value] of Object.entries(payload)) {
21 | state[key] = value
22 | }
23 | },
24 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
25 | for (const key of Object.keys(state.form)) {
26 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
27 | }
28 | },
29 | [actionsTypes.SHOW_MODAL]: state => {
30 | state.isShow = true
31 | },
32 | [actionsTypes.HIDE_MODAL]: state => {
33 | state.isShow = false
34 | },
35 | [actionsTypes.RESET_MODAL]: state => {
36 | for (const [key, value] of Object.entries(getInitState())) {
37 | state[key] = value
38 | }
39 | },
40 | [actionsTypes.RESET_MODAL_FORM]: state => {
41 | for (const [key, value] of Object.entries(getInitState().form)) {
42 | state.form[key] = value
43 | }
44 | }
45 | },
46 | actions: {
47 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
48 | return new Promise(resolve => {
49 | commit(actionsTypes.SET_MODAL, { callback: resolve, ...payload })
50 | // 初始化 form 中的数据
51 | commit(actionsTypes.SET_MODAL_FORM)
52 | commit(actionsTypes.SHOW_MODAL)
53 | })
54 | }
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/src/components/CreateFolder/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | form: {
9 | // id: '',
10 | name: ''
11 | },
12 | targetfolderId: '',
13 | callback: () => {}
14 | }
15 | }
16 |
17 | export default {
18 | namespaced: true,
19 | state: getInitState(),
20 | mutations: {
21 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
22 | for (const [key, value] of Object.entries(payload)) {
23 | state[key] = value
24 | }
25 | },
26 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
27 | for (const key of Object.keys(state.form)) {
28 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
29 | }
30 | },
31 | [actionsTypes.SHOW_MODAL]: state => {
32 | state.isShow = true
33 | },
34 | [actionsTypes.HIDE_MODAL]: state => {
35 | state.isShow = false
36 | },
37 | [actionsTypes.RESET_MODAL]: state => {
38 | for (const [key, value] of Object.entries(getInitState())) {
39 | state[key] = value
40 | }
41 | },
42 | [actionsTypes.RESET_MODAL_FORM]: state => {
43 | for (const [key, value] of Object.entries(getInitState().form)) {
44 | state.form[key] = value
45 | }
46 | }
47 | },
48 | actions: {
49 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
50 | return new Promise(resolve => {
51 | commit(actionsTypes.SET_MODAL, { callback: resolve })
52 | commit(actionsTypes.SET_MODAL, { ...payload })
53 | commit(actionsTypes.SHOW_MODAL)
54 | })
55 | }
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/src/service/module/workflow.js:
--------------------------------------------------------------------------------
1 |
2 | import axios from '../handleService'
3 | export default {
4 | createWorkflow: data => axios.post('/api/workflow', data),
5 | createWorkflowNode: (workflow_id, data) => axios.post(`/api/workflow/${workflow_id}/node`, data),
6 | getNodeList: (workflow_id, commit_id) => axios.get(`/api/workflow/${workflow_id}${commit_id ? '?commit_id=' + commit_id : ''}`),
7 | getWorkflowPreview: (workflow_id, commit_id) => axios.get(`/api/workflow/${workflow_id}/script${commit_id ? '?commit_id=' + commit_id : ''}`),
8 | saveAsNotebook: (workflow_id, data) => axios.post(`/api/workflow/${workflow_id}/notebook`, data),
9 | checkMlsql: data => axios.post('/api/sql/validation', data),
10 | getNodeInfo: (workflow_id, node_id) => axios.get(`/api/workflow/${workflow_id}/node/${node_id}`),
11 | updateFlowNode: (workflow_id, node_id, data) => axios.put(`/api/workflow/${workflow_id}/node/${node_id}`, data),
12 | getExsitingTable: workflow_id => axios.get(`/api/workflow/${workflow_id}/output`),
13 | getExsitingModel: id => axios.get(`/api/workflow${id ? ('/' + id) : ''}/model`),
14 | updateNodePosition: (workflow_id, node_id, data) => axios.put(`/api/workflow/${workflow_id}/node/${node_id}/position`, data),
15 | deleteWorkflowNode: (workflow_id, node_id) => axios.delete(`/api/workflow/${workflow_id}/node/${node_id}`),
16 | getLoadParams: ({node_type, node_name, param_name}) => axios.get(`/api/settings/node/param?node_type=${node_type}&node_name=${node_name}¶m_name=${param_name}`),
17 | getETList: () => axios.get('/api/et'),
18 | getETParams: et_id => axios.get(`/api/et/${et_id}/params`),
19 | getETDependency: data => axios.post('/api/et/dependency', data)
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/ImportNotebook/store.js:
--------------------------------------------------------------------------------
1 |
2 | import { actionsTypes } from '../../store'
3 |
4 | export function getInitState () {
5 | return {
6 | isShow: false,
7 | form: {
8 | file: ''
9 | },
10 | type: '',
11 | folderId: '',
12 | callback: () => {}
13 | }
14 | }
15 |
16 | export default {
17 | namespaced: true,
18 | state: getInitState(),
19 | mutations: {
20 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
21 | for (const [key, value] of Object.entries(payload)) {
22 | state[key] = value
23 | }
24 | },
25 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
26 | for (const key of Object.keys(state.form)) {
27 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
28 | }
29 | },
30 | [actionsTypes.SHOW_MODAL]: state => {
31 | state.isShow = true
32 | },
33 | [actionsTypes.HIDE_MODAL]: state => {
34 | state.isShow = false
35 | },
36 | [actionsTypes.RESET_MODAL]: state => {
37 | for (const [key, value] of Object.entries(getInitState())) {
38 | state[key] = value
39 | }
40 | },
41 | [actionsTypes.RESET_MODAL_FORM]: state => {
42 | for (const [key, value] of Object.entries(getInitState().form)) {
43 | state.form[key] = value
44 | }
45 | }
46 | },
47 | actions: {
48 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
49 | return new Promise(resolve => {
50 | commit(actionsTypes.SET_MODAL, { callback: resolve, ...payload })
51 | // 初始化 form 中的数据
52 | commit(actionsTypes.SET_MODAL_FORM)
53 | commit(actionsTypes.SHOW_MODAL)
54 | })
55 | }
56 | }
57 | }
58 |
--------------------------------------------------------------------------------
/src/components/RenameNoteBook/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | form: {
9 | id: '',
10 | name: '',
11 | type: ''
12 | },
13 | callback: () => {}
14 | }
15 | }
16 |
17 | export default {
18 | namespaced: true,
19 | state: getInitState(),
20 | mutations: {
21 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
22 | for (const [key, value] of Object.entries(payload)) {
23 | state[key] = value
24 | }
25 | },
26 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
27 | for (const key of Object.keys(state.form)) {
28 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
29 | }
30 | },
31 | [actionsTypes.SHOW_MODAL]: state => {
32 | state.isShow = true
33 | },
34 | [actionsTypes.HIDE_MODAL]: state => {
35 | state.isShow = false
36 | },
37 | [actionsTypes.RESET_MODAL]: state => {
38 | for (const [key, value] of Object.entries(getInitState())) {
39 | state[key] = value
40 | }
41 | },
42 | [actionsTypes.RESET_MODAL_FORM]: state => {
43 | for (const [key, value] of Object.entries(getInitState().form)) {
44 | state.form[key] = value
45 | }
46 | }
47 | },
48 | actions: {
49 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
50 | return new Promise(resolve => {
51 | commit(actionsTypes.SET_MODAL, { callback: resolve })
52 | // 初始化 form 中的数据
53 | commit(actionsTypes.SET_MODAL_FORM, { ...payload })
54 | commit(actionsTypes.SHOW_MODAL)
55 | })
56 | }
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/src/components/CreateNoteBook/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | form: {
9 | folderId: '',
10 | name: '',
11 | type: ''
12 | },
13 | callback: () => {}
14 | }
15 | }
16 |
17 | export default {
18 | namespaced: true,
19 | state: getInitState(),
20 | mutations: {
21 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
22 | for (const [key, value] of Object.entries(payload)) {
23 | state[key] = value
24 | }
25 | },
26 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
27 | for (const key of Object.keys(state.form)) {
28 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
29 | }
30 | },
31 | [actionsTypes.SHOW_MODAL]: state => {
32 | state.isShow = true
33 | },
34 | [actionsTypes.HIDE_MODAL]: state => {
35 | state.isShow = false
36 | },
37 | [actionsTypes.RESET_MODAL]: state => {
38 | for (const [key, value] of Object.entries(getInitState())) {
39 | state[key] = value
40 | }
41 | },
42 | [actionsTypes.RESET_MODAL_FORM]: state => {
43 | for (const [key, value] of Object.entries(getInitState().form)) {
44 | state.form[key] = value
45 | }
46 | }
47 | },
48 | actions: {
49 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
50 | return new Promise(resolve => {
51 | commit(actionsTypes.SET_MODAL, { callback: resolve })
52 | // 初始化 form 中的数据
53 | commit(actionsTypes.SET_MODAL_FORM, { ...payload })
54 | commit(actionsTypes.SHOW_MODAL)
55 | })
56 | }
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/src/components/CreateSelect/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | form: {
9 | sql: ''
10 | },
11 | nodeInfo: null,
12 | callback: () => {}
13 | }
14 | }
15 |
16 | export default {
17 | namespaced: true,
18 | state: getInitState(),
19 | mutations: {
20 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
21 | for (const [key, value] of Object.entries(payload)) {
22 | state[key] = value
23 | }
24 | },
25 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
26 | for (const key of Object.keys(state.form)) {
27 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
28 | }
29 | },
30 | [actionsTypes.SHOW_MODAL]: state => {
31 | state.isShow = true
32 | },
33 | [actionsTypes.HIDE_MODAL]: state => {
34 | state.isShow = false
35 | },
36 | [actionsTypes.RESET_MODAL]: state => {
37 | for (const [key, value] of Object.entries(getInitState())) {
38 | state[key] = value
39 | }
40 | },
41 | [actionsTypes.RESET_MODAL_FORM]: state => {
42 | for (const [key, value] of Object.entries(getInitState().form)) {
43 | state.form[key] = value
44 | }
45 | }
46 | },
47 | actions: {
48 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
49 | return new Promise(resolve => {
50 | commit(actionsTypes.SET_MODAL, { callback: resolve })
51 | // 初始化 form 中的数据
52 | const { nodeInfo } = payload
53 | commit(actionsTypes.SET_MODAL, { nodeInfo })
54 | commit(actionsTypes.SHOW_MODAL)
55 | })
56 | }
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/src/components/CloneNoteBook/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | form: {
9 | id: '',
10 | name: '',
11 | type: '',
12 | uniq: '',
13 | commit_id: ''
14 | },
15 | callback: () => {}
16 | }
17 | }
18 |
19 | export default {
20 | namespaced: true,
21 | state: getInitState(),
22 | mutations: {
23 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
24 | for (const [key, value] of Object.entries(payload)) {
25 | state[key] = value
26 | }
27 | },
28 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
29 | for (const key of Object.keys(state.form)) {
30 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
31 | }
32 | },
33 | [actionsTypes.SHOW_MODAL]: state => {
34 | state.isShow = true
35 | },
36 | [actionsTypes.HIDE_MODAL]: state => {
37 | state.isShow = false
38 | },
39 | [actionsTypes.RESET_MODAL]: state => {
40 | for (const [key, value] of Object.entries(getInitState())) {
41 | state[key] = value
42 | }
43 | },
44 | [actionsTypes.RESET_MODAL_FORM]: state => {
45 | for (const [key, value] of Object.entries(getInitState().form)) {
46 | state.form[key] = value
47 | }
48 | }
49 | },
50 | actions: {
51 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
52 | return new Promise(resolve => {
53 | commit(actionsTypes.SET_MODAL, { callback: resolve })
54 | // 初始化 form 中的数据
55 | commit(actionsTypes.SET_MODAL_FORM, { ...payload })
56 | commit(actionsTypes.SHOW_MODAL)
57 | })
58 | }
59 | }
60 | }
61 |
--------------------------------------------------------------------------------
/src/components/MoveNotebook/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | form: {
9 | folder: []
10 | },
11 | callback: () => {},
12 | fileInfo: null,
13 | isMoveFolder: false,
14 | currentNodeParentInfo: {}
15 | }
16 | }
17 |
18 | export default {
19 | namespaced: true,
20 | state: getInitState(),
21 | mutations: {
22 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
23 | for (const [key, value] of Object.entries(payload)) {
24 | state[key] = value
25 | }
26 | },
27 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
28 | for (const key of Object.keys(state.form)) {
29 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
30 | }
31 | },
32 | [actionsTypes.SHOW_MODAL]: state => {
33 | state.isShow = true
34 | },
35 | [actionsTypes.HIDE_MODAL]: state => {
36 | state.isShow = false
37 | },
38 | [actionsTypes.RESET_MODAL]: state => {
39 | for (const [key, value] of Object.entries(getInitState())) {
40 | state[key] = value
41 | }
42 | },
43 | [actionsTypes.RESET_MODAL_FORM]: state => {
44 | for (const [key, value] of Object.entries(getInitState().form)) {
45 | state.form[key] = value
46 | }
47 | }
48 | },
49 | actions: {
50 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
51 | return new Promise(resolve => {
52 | commit(actionsTypes.SET_MODAL, { callback: resolve, ...payload })
53 | // 初始化 form 中的数据
54 | commit(actionsTypes.SET_MODAL_FORM)
55 | commit(actionsTypes.SHOW_MODAL)
56 | })
57 | }
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/src/components/AddSchedule/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | form: {
9 | task_name: '',
10 | task_desc: '',
11 | user_params: []
12 | },
13 | notebookInfo: null,
14 | callback: () => {}
15 | }
16 | }
17 |
18 | export default {
19 | namespaced: true,
20 | state: getInitState(),
21 | mutations: {
22 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
23 | for (const [key, value] of Object.entries(payload)) {
24 | state[key] = value
25 | }
26 | },
27 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
28 | for (const key of Object.keys(state.form)) {
29 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
30 | }
31 | },
32 | [actionsTypes.SHOW_MODAL]: state => {
33 | state.isShow = true
34 | },
35 | [actionsTypes.HIDE_MODAL]: state => {
36 | state.isShow = false
37 | },
38 | [actionsTypes.RESET_MODAL]: state => {
39 | for (const [key, value] of Object.entries(getInitState())) {
40 | state[key] = value
41 | }
42 | },
43 | [actionsTypes.RESET_MODAL_FORM]: state => {
44 | for (const [key, value] of Object.entries(getInitState().form)) {
45 | state.form[key] = value
46 | }
47 | }
48 | },
49 | actions: {
50 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
51 | return new Promise(resolve => {
52 | commit(actionsTypes.SET_MODAL, { callback: resolve, notebookInfo: payload })
53 | // 初始化 form 中的数据
54 | commit(actionsTypes.SET_MODAL_FORM, { task_name: payload.name })
55 | commit(actionsTypes.SHOW_MODAL)
56 | })
57 | }
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/src/page/Workspace/Notebook/ShortcutPrompt/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
7 |
8 |
9 |
10 | Error
11 |
12 | {{$t('notebook.showCode')}}
13 |
14 |
5 |
21 |
6 |
7 |
8 |
9 |
10 |
11 |
14 |
15 |
18 |
19 |
20 |
4 |
15 |
16 |
47 |
--------------------------------------------------------------------------------
/src/components/SetSchedule/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | form: {
9 | schedule_name: '',
10 | schedule_desc: '',
11 | date: [],
12 | cron: ''
13 | },
14 | scheduleInfo: null,
15 | callback: () => {}
16 | }
17 | }
18 |
19 | export default {
20 | namespaced: true,
21 | state: getInitState(),
22 | mutations: {
23 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
24 | for (const [key, value] of Object.entries(payload)) {
25 | state[key] = value
26 | }
27 | },
28 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
29 | for (const key of Object.keys(state.form)) {
30 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
31 | }
32 | },
33 | [actionsTypes.SHOW_MODAL]: state => {
34 | state.isShow = true
35 | },
36 | [actionsTypes.HIDE_MODAL]: state => {
37 | state.isShow = false
38 | },
39 | [actionsTypes.RESET_MODAL]: state => {
40 | for (const [key, value] of Object.entries(getInitState())) {
41 | state[key] = value
42 | }
43 | },
44 | [actionsTypes.RESET_MODAL_FORM]: state => {
45 | for (const [key, value] of Object.entries(getInitState().form)) {
46 | state.form[key] = value
47 | }
48 | }
49 | },
50 | actions: {
51 | [actionsTypes.CALL_MODAL] ({ commit }, payload) {
52 | const {name: schedule_name, schedule:{start_time, end_time, crontab: cron}, description: schedule_desc} = payload
53 | return new Promise(resolve => {
54 | commit(actionsTypes.SET_MODAL, { scheduleInfo: payload, callback: resolve })
55 | commit(actionsTypes.SET_MODAL_FORM, { schedule_name, date: [start_time, end_time], cron, schedule_desc })
56 | commit(actionsTypes.SHOW_MODAL)
57 | })
58 | }
59 | }
60 | }
61 |
--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | import router from './router'
4 | import store from './store'
5 | import ElementUI from 'element-ui'
6 | import i18n from './locale'
7 | import 'normalize.css'
8 | import './assets/iconfont/iconfont.css'
9 | import '../theme/index.css'
10 | import './assets/css/index.scss'
11 | import VueClipboard from 'vue-clipboard2'
12 | Vue.use(VueClipboard)
13 | import keymaster from 'keymaster'
14 | import Contextmenu from 'vue-contextmenujs'
15 | Vue.use(Contextmenu);
16 | import './directives'
17 | import { findChildren } from './util'
18 | import '@/icons/index.js'
19 | import IconBtn from './components/IconBtn'
20 | import editor from 'vue2-ace-editor'
21 | import 'brace/theme/chrome'
22 | import 'brace/mode/javascript'
23 | import 'brace/snippets/sql'
24 | import 'brace/snippets/python'
25 | import 'brace/mode/python'
26 | import 'brace/ext/language_tools'
27 | import './config/editor_highlight'
28 |
29 | Vue.component('editor', editor)
30 | Vue.component('icon-btn', IconBtn)
31 |
32 | const bindKeyHandler = fn => {
33 | return () => {
34 | fn()
35 | return false
36 | }
37 | }
38 | keymaster.filter = event => {
39 | var tagName = (event.target || event.srcElement).tagName
40 |
41 | // 所有的FindAndReplace组件
42 | const result = findChildren(window.NotebookVue, 'findAndReplace')
43 | // 是否没有打开的
44 | const workStatus = result && result.every(i => !i.showMsg)
45 |
46 | return !['INPUT', 'SELECT'].includes(tagName) && workStatus && !store.getters.isDemo
47 | }
48 | export const shortcut = {
49 | bind: (seed, func) => keymaster(seed, bindKeyHandler(func)),
50 | ...keymaster
51 | }
52 |
53 | Vue.prototype.$shortcut = shortcut
54 |
55 | Vue.config.productionTip = false
56 | Vue.use(ElementUI, {
57 | i18n: (key, value) => i18n.t(key, value)
58 | })
59 |
60 | window.NotebookVue = new Vue({
61 | render: h => h(App),
62 | router,
63 | store,
64 | i18n
65 | }).$mount('#app')
66 |
--------------------------------------------------------------------------------
/src/components/CreateConnection/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | form: {
9 | name: '',
10 | datasource: '',
11 | url: '',
12 | driver: '',
13 | username: '',
14 | password: '',
15 | parameter: [
16 | { name: '', value: '', key: String(Date.now()) }
17 | ]
18 | },
19 | id: -1,
20 | type: 'add',
21 | callback: () => {}
22 | }
23 | }
24 |
25 | export default {
26 | namespaced: true,
27 | state: getInitState(),
28 | mutations: {
29 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
30 | for (const [key, value] of Object.entries(payload)) {
31 | state[key] = value
32 | }
33 | },
34 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
35 | for (const key of Object.keys(state.form)) {
36 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
37 | }
38 | },
39 | [actionsTypes.SHOW_MODAL]: state => {
40 | state.isShow = true
41 | },
42 | [actionsTypes.HIDE_MODAL]: state => {
43 | state.isShow = false
44 | },
45 | [actionsTypes.RESET_MODAL]: state => {
46 | for (const [key, value] of Object.entries(getInitState())) {
47 | state[key] = value
48 | }
49 | },
50 | [actionsTypes.RESET_MODAL_FORM]: state => {
51 | for (const [key, value] of Object.entries(getInitState().form)) {
52 | state.form[key] = value
53 | }
54 | }
55 | },
56 | actions: {
57 | [actionsTypes.CALL_MODAL] ({ commit }, {type, payload}) {
58 | return new Promise(resolve => {
59 | commit(actionsTypes.SET_MODAL, { callback: resolve, type, id: payload.id })
60 | // 初始化 form 中的数据
61 | commit(actionsTypes.SET_MODAL_FORM, { ...payload })
62 | commit(actionsTypes.SHOW_MODAL)
63 | })
64 | }
65 | }
66 | }
67 |
--------------------------------------------------------------------------------
/src/icons/svg/node_scalerinplace_24.svg:
--------------------------------------------------------------------------------
1 |
6 |
--------------------------------------------------------------------------------
/src/store/module/settings.js:
--------------------------------------------------------------------------------
1 | import * as types from '../type'
2 | import { settings } from '../../service'
3 | export default {
4 | state: {
5 | isRunningAll: false,
6 | engineInfo: {}
7 | },
8 | mutations: {
9 | [types.SET_ENGINE_INFO]: (state, payload) => {
10 | state.engineInfo = payload
11 | }
12 | },
13 | actions: {
14 | [types.GET_CONFIGS]: () => {
15 | return settings.getDefaultConfig()
16 | },
17 | [types.GET_ENGINE_LIST]: () => {
18 | return settings.getEngineList()
19 | },
20 | [types.SAVE_CONFIG]: (_, payload) => {
21 | return settings.saveConfig(payload)
22 | },
23 | [types.RESET_TIMEOUT]: () => {
24 | return settings.resetTimout()
25 | },
26 | [types.CHECK_CONNECTION]: (_, payload) => {
27 | return settings.checkConnection(payload)
28 | },
29 | [types.CREATE_CONNECTION]: (_, payload) => {
30 | return settings.createConnect(payload)
31 | },
32 | [types.GET_CONNECTION_LIST]: (_, payload = '') => {
33 | return settings.getConnectionList(payload)
34 | },
35 | [types.GET_CONNECTION_TABLE]: (_, connectionId) => {
36 | return settings.getExistingTableList(connectionId)
37 | },
38 | [types.UPDATE_CONNECTION]: (_, { connectionId, data }) => {
39 | return settings.updateConnection(connectionId, data)
40 | },
41 | [types.DELETE_CONNECTION]: (_, connectionId) => {
42 | return settings.deleteConnection(connectionId)
43 | },
44 | [types.GET_ALGORITHM_LIST]: () => {
45 | return settings.getAlgorithmList()
46 | },
47 | [types.GET_PARAM_BY_ID]: (_, id) => {
48 | return settings.getParamsByAlgorithmId(id)
49 | },
50 | [types.GET_ENGINE_INFO]: async ({ commit }, payload = '') => {
51 | let res = {}
52 | try {
53 | res = await settings.getEngineInfo(payload)
54 | commit(types.SET_ENGINE_INFO, res.data)
55 | } catch (err) {
56 | console.log(err)
57 | }
58 | return res
59 | }
60 | }
61 | }
--------------------------------------------------------------------------------
/src/page/Workspace/Notebook/ActionButton/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
10 |
11 |
52 |
53 |
82 |
--------------------------------------------------------------------------------
/src/page/Workspace/Workflow/config/commonConfig.js:
--------------------------------------------------------------------------------
1 | const strokeWidth = 1
2 | const color = '#546174'
3 | export const jsplumbSetting = {
4 | grid: [10, 10],
5 | // 动态锚点、位置自适应
6 | Anchors: [
7 | 'TopCenter',
8 | 'RightMiddle',
9 | 'BottomCenter',
10 | 'LeftMiddle'
11 | ],
12 | // Container: 'flow',
13 | // 连线的样式 StateMachine、Flowchart,有四种默认类型：Bezier（贝塞尔曲线），Straight（直线），Flowchart（流程图），State machine（状态机）
14 | Connector: ['Flowchart', { cornerRadius: 5, alwaysRespectStubs: true, stub: 5 }],
15 | // 鼠标不能拖动删除线
16 | ConnectionsDetachable: false,
17 | // 删除线的时候节点不删除
18 | DeleteEndpointsOnDetach: false,
19 | // 连线的端点
20 | Endpoints: [ [ 'Dot', { radius: 5 } ], ['Rectangle', { width: 5, height: 5 } ]],
21 | // 线端点的样式
22 | EndpointStyle: [{ fill: color }],
23 | // 绘制线
24 | PaintStyle: {
25 | stroke: color,
26 | strokeWidth: strokeWidth
27 | },
28 | // 绘制箭头
29 | Overlays: [
30 | [
31 | 'Arrow',
32 | {
33 | width: 6,
34 | length: 6,
35 | location: 1
36 | }
37 | ],
38 | [
39 | 'Diamond',
40 | {
41 | width: 6,
42 | length: 6,
43 | location: 0
44 | }
45 | ]
46 | ],
47 | RenderMode: 'svg'
48 | }
49 |
50 | // jsplumb连接参数
51 | export const jsplumbConnectOptions = {
52 | isSource: true,
53 | isTarget: true,
54 | // 动态锚点、提供了4个方向 Continuous、AutoDefault
55 | anchor: [
56 | 'TopCenter',
57 | 'RightMiddle',
58 | 'BottomCenter',
59 | 'LeftMiddle'
60 | ]
61 | }
62 |
63 | export const jsplumbSourceOptions = {
64 | filter: '.node-anchor', // 触发连线的区域
65 | /* 'span'表示标签，'.className'表示类，'#id'表示元素id*/
66 | filterExclude: false,
67 | anchor: [
68 | 'TopCenter',
69 | 'RightMiddle',
70 | 'BottomCenter',
71 | 'LeftMiddle'
72 | ],
73 | allowLoopback: false
74 | }
75 |
76 | export const jsplumbTargetOptions = {
77 | filter: '.node-anchor',
78 | /* 'span'表示标签，'.className'表示类，'#id'表示元素id*/
79 | filterExclude: false,
80 | anchor: [
81 | 'TopCenter',
82 | 'RightMiddle',
83 | 'BottomCenter',
84 | 'LeftMiddle'
85 | ],
86 | allowLoopback: false
87 | }
--------------------------------------------------------------------------------
/src/components/CheckSubmit/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 | {{logo}}
6 |
8 |
9 |
14 |
12 |
16 |
13 | {{ $t('schedules.confirmInfo') }}
14 |
15 |
17 |
18 | {{ $t('schedules.onlineSchedule') }}
19 |
20 |
34 |
21 |
22 | {{ $t('cancel') }}
23 |
24 |
30 | {{ $t('schedules.confirmTitle') }}
31 |
32 |
33 |
5 |
16 |
24 |
25 |
26 |
27 |
78 |
79 |
81 |
--------------------------------------------------------------------------------
/src/page/Workspace/Notebook/ShortcutDetail/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
9 |
10 |
11 |
77 |
78 |
96 |
--------------------------------------------------------------------------------
/src/page/Workspace/Notebook/CellList/util.js:
--------------------------------------------------------------------------------
1 | import langConfig from '@/config/lang.json'
2 | import {LANG_PREFIX, LANG_TAG, LANG} from '@/config/lang'
3 |
4 | export function getDefaultConfig (lang) {
5 | const config = langConfig[lang]
6 | const prefix = LANG_PREFIX[lang]
7 | const tag = LANG_TAG[lang]
8 | let str = ''
9 | let obj = {}
10 | if (tag) {
11 | str = `${tag}`
12 | const keys = Object.keys(config)
13 | keys.forEach(key => {
14 | obj[key] = config[key].default
15 | str += `\n${prefix}${key}=${config[key].default}`
16 | })
17 | }
18 | return {configStr: tag ? str + '\n' : str, config: obj}
19 | }
20 |
21 | // 获取 cell 的配置， 根据前缀截取 前面几个
22 | export function getCellConfig (cell) {
23 | const {editType} = cell
24 | const prefix = LANG_PREFIX[editType]
25 | if (!prefix) return ''
26 | const tag = LANG_TAG[editType]
27 | const content = cell.content.split('\n')
28 | const newContent = content.filter((item, index) => {
29 | const prevItem = content[index - 1]
30 | return item.startsWith(prefix) && (prevItem?.startsWith(prefix) || prevItem === tag)
31 | }).filter(item => item)
32 | tag && newContent.unshift(tag)
33 | return newContent.join('\n')
34 | }
35 |
36 | export function getConfigObj (config, lang) {
37 | const configList = config.split('\n')
38 | const prefix = LANG_PREFIX[lang]
39 | if (!prefix) return {}
40 | const obj = {}
41 | configList.forEach(item => {
42 | const arr = item.split('=')
43 | if (Object.values(LANG_TAG).includes(arr[0])) return
44 | const key = arr[0].split(prefix)[1]
45 | if (key?.trim()) {
46 | obj[key] = arr[1]
47 | }
48 | })
49 | return obj
50 | }
51 |
52 | export function getLangByTag (value = '', tag) {
53 | return value.split('\n').map(i => i.trim()).indexOf(tag) > -1
54 | }
55 |
56 | export function getLangByContent (value = '') {
57 | if (value.startsWith(LANG_TAG[LANG.MARKDOWN])) {
58 | return LANG.MARKDOWN
59 | } else if (getLangByTag(value, LANG_TAG[LANG.PYTHON])) {
60 | return LANG.PYTHON
61 | } else if (getLangByTag(value, LANG_TAG[LANG.OPENMLDB])) {
62 | return LANG.OPENMLDB
63 | } else if (getLangByTag(value, LANG_TAG[LANG.KYLIN])) {
64 | return LANG.KYLIN
65 | } else if (getLangByTag(value, LANG_TAG[LANG.VISUALIZE])) {
66 | return LANG.VISUALIZE
67 | } else {
68 | return LANG.BYZER
69 | }
70 | }
--------------------------------------------------------------------------------
/src/service/module/notebook.js:
--------------------------------------------------------------------------------
1 | import axios from '../handleService'
2 |
3 | export default {
4 | createNotebook: params => axios.post('/api/file', params),
5 | renameNotebook: params => axios.put('/api/file', params),
6 | cloneNotebook: params => axios.post('/api/file/clone', params),
7 | delNotebook: ({id, type}) => axios.delete(`/api/file/${id}?type=${type}`),
8 | saveOpenedNotebook: list => axios.put('/api/files/opened', list),
9 | getOpenedNotebook: () => axios.get('/api/files/opened'),
10 | importNotebook: data => axios.post('/api/file/import', data, {
11 | headers: {
12 | 'Content-Type': 'multipart/form-data'
13 | }
14 | }),
15 | moveNotebook: data => axios.post('/api/file/move', data),
16 | getNotebookList: () => axios.get('/api/files'),
17 | excuteCode: params => axios.post('/api/script/execution', params),
18 | getJobStatus: id => axios.get(`/api/job/${id}`),
19 | saveNotebookById: ({id, data}) => axios.put(`/api/notebook/${id}`, data),
20 | getNotebookById: (id, commit_id) => axios.get(`/api/notebook/${id}${commit_id ? '?commit_id=' + commit_id : ''}`),
21 | cancelExcuteCell: id => axios.post(`/api/job/${id}/cancel`),
22 | getExcuteProcess: id => axios.get(`/api/job/${id}/progress`),
23 | getCurrentScript: id => axios.get(`/api/job/${id}/current_script`),
24 | createCell: ({id, data}) => axios.post(`/api/notebook/${id}/cell`, data),
25 | deleteCell: ({id, cell_id}) => axios.delete(`/api/notebook/${id}/cell/${cell_id}`),
26 | getDefaultNotebook: () => axios.get('/api/notebook/default'),
27 | clearAllResults: notebookId => axios.delete(`/api/notebook/${notebookId}/result`),
28 | createFolder: data => axios.post('/api/folder', data),
29 | moveFolder: data => axios.post('/api/folder/move', data),
30 | renameFolder: data => axios.put('/api/folder', data),
31 | cloneFolder: data => axios.post('/api/folder/clone', data),
32 | deleteFolder: id => axios.delete(`/api/folder/${id}`),
33 | autoComplete: params => axios.post('/api/notebook/code/suggestion', params),
34 | exportNotebook: ({
35 | type,
36 | id,
37 | output,
38 | expand_include
39 | }) => axios.get(`/api/file/export/${id}?type=${type}${output ? '&output=' + output : ''}${expand_include ? '&expand_include=' + expand_include : ''}`, {responseType: 'blob'}),
40 | setDemo: params => axios.post('/api/settings/demo', params),
41 | offlineDemo: params => axios.post('/api/settings/demo/remove', params)
42 | }
43 |
--------------------------------------------------------------------------------
/src/router/routes.js:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | const routes = [
5 | {
6 | path: '/',
7 | redirect: { name: 'home' }
8 | },
9 | {
10 | name: 'login',
11 | path: '/login',
12 | component: () => import('../page/Login'),
13 | meta: {
14 | needLogin: false,
15 | menuIndex: 'login'
16 | }
17 | },
18 | {
19 | name: 'home',
20 | path: '/home',
21 | component: () => import('../page/Home'),
22 | meta: {
23 | needLogin: true,
24 | menuIndex: 'home'
25 | }
26 | },
27 | {
28 | name: 'notebook',
29 | path: '/notebook/:uniq?',
30 | component: () => import('../page/Workspace'),
31 | meta: {
32 | needLogin: true,
33 | menuIndex: 'notebook'
34 | }
35 | },
36 | {
37 | name: 'jobs',
38 | path: '/jobs',
39 | component: () => import('../page/Jobs'),
40 | meta: {
41 | needLogin: true,
42 | menuIndex: 'jobs'
43 | }
44 | },
45 | {
46 | name: 'schedules',
47 | path: '/schedules',
48 | component: () => import('../page/Schedules'),
49 | redirect: {
50 | name: 'schedulesHome'
51 | },
52 | meta: {
53 | needLogin: true,
54 | menuIndex: 'schedules'
55 | },
56 | children: [
57 | {
58 | name: 'schedulesHome',
59 | path: 'schedules',
60 | component: () => import('../page/Schedules/Schedules'),
61 | meta: {
62 | needLogin: true,
63 | menuIndex: 'schedules'
64 | }
65 | },
66 | {
67 | name: 'instance',
68 | path: 'instance/:id',
69 | component: () => import('../page/Schedules/Instance'),
70 | meta: {
71 | needLogin: true,
72 | menuIndex: 'schedules'
73 | }
74 | },
75 | {
76 | name: 'dag',
77 | path: 'dag/:id',
78 | component: () => import('../page/Schedules/Dag'),
79 | meta: {
80 | needLogin: true,
81 | menuIndex: 'schedules'
82 | }
83 | }
84 | ]
85 | },
86 | {
87 | name: 'settings',
88 | path: '/settings',
89 | component: () => import('../page/Settings'),
90 | meta: {
91 | needLogin: true,
92 | menuIndex: 'settings'
93 | }
94 | },
95 | {
96 | name: 'result',
97 | path: '/result/:id',
98 | component: () => import('../page/IframeImage'),
99 | meta: {
100 | needLogin: true,
101 | menuIndex: 'result'
102 | }
103 | }
104 | // {
105 | // name: '*',
106 | // redirect: {name: 'result'}
107 | // }
108 | ]
109 |
110 | export default routes
111 |
--------------------------------------------------------------------------------
/src/page/Workspace/Notebook/CollapseCode/Editor.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{ title }}
5 |
6 |
8 |
4 |
13 |
14 |
15 |
47 |
48 |
77 |
100 |
--------------------------------------------------------------------------------
/src/store/module/workflow.js:
--------------------------------------------------------------------------------
1 | import * as types from '../type'
2 | import { workflow } from '@/service'
3 | export default {
4 | state: {
5 | currentDragNode: null,
6 | nodeList: []
7 | },
8 | mutations: {
9 | [types.SET_CURRENT_DRAG_NODE]: (state, payload) => {
10 | state.currentDragNode = payload
11 | },
12 | [types.SET_NODE_LIST]: (state, payload) => {
13 | state.nodeList = payload
14 | }
15 | },
16 | actions: {
17 | [types.CREATE_WORKFLOW]: (_, payload) => {
18 | return workflow.createWorkflow(payload)
19 | },
20 | [types.CREATE_WORKFLOW_NODE]: ({ getters }, payload) => {
21 | return workflow.createWorkflowNode(getters.activeNotebookId, payload)
22 | },
23 | [types.DELETE_WORKFLOW_NODE]: ({getters}, node_id) => {
24 | return workflow.deleteWorkflowNode(getters.activeNotebookId, node_id)
25 | },
26 | [types.GET_NODE_LIST]: (_, { workflow_id, commit_id }) => {
27 | return workflow.getNodeList(workflow_id, commit_id)
28 | },
29 | [types.GET_WORKFLOW_PREVIEW]: (_, { workflow_id, commit_id }) => {
30 | return workflow.getWorkflowPreview(workflow_id, commit_id)
31 | },
32 | [types.SAVE_WORKFLOW_AS_NOTEBOOK]: ({ getters }, payload) => {
33 | return workflow.saveAsNotebook(getters.activeNotebookId, payload)
34 | },
35 | [types.CHECK_MLSQL]: (_, payload) => {
36 | return workflow.checkMlsql(payload)
37 | },
38 | [types.GET_NODE_INFO]: ({ getters }, { node_id }) => {
39 | return workflow.getNodeInfo(getters.activeNotebookId, node_id)
40 | },
41 | [types.UPDATE_FLOW_NODE]: ({ getters }, { node_id, data }) => {
42 | return workflow.updateFlowNode(getters.activeNotebookId, node_id, data)
43 | },
44 | [types.GET_EXISTING_TABLE]: ({ getters }) => {
45 | return workflow.getExsitingTable(getters.activeNotebookId)
46 | },
47 | [types.GET_EXISTING_MODEL]: (_, id) => {
48 | return workflow.getExsitingModel(id)
49 | },
50 | [types.UPDATE_NODE_POSITION]: (_, { workflow_id, node_id, data }) => {
51 | return workflow.updateNodePosition(workflow_id, node_id, data)
52 | },
53 | [types.GET_LOAD_PARAMS]: (_, payload) => {
54 | return workflow.getLoadParams(payload)
55 | },
56 | [types.GET_ET_LIST]: () => {
57 | return workflow.getETList()
58 | },
59 | [types.GET_ET_PARAMS]: (_, id) => {
60 | return workflow.getETParams(id)
61 | },
62 | [types.GET_ET_DEPENENCY]: (_, payload) => {
63 | return workflow.getETDependency(payload)
64 | }
65 | },
66 | getters: {
67 | activeNotebookId: (state, getters, rootState) => {
68 | return rootState.notebook.activeNotebook?.id
69 | }
70 | }
71 | }
72 |
--------------------------------------------------------------------------------
/src/icons/svg/node_treebuildext_24.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "byzer",
3 | "version": "1.0.0",
4 | "private": true,
5 | "scripts": {
6 | "serve": "vue-cli-service serve",
7 | "build": "vue-cli-service build",
8 | "lint": "vue-cli-service lint",
9 | "test": "BABEL_ENV=test && jest --config test/jest.conf.js --watchAll"
10 | },
11 | "dependencies": {
12 | "@antv/layout": "0.1.31",
13 | "@antv/x6": "1.30.1",
14 | "@antv/x6-vue-shape": "1.3.1",
15 | "@kangc/v-md-editor": "1.7.9-beta.1",
16 | "axios": "0.24.0",
17 | "babel-core": "7.0.0-bridge.0",
18 | "brace": "0.10.0",
19 | "clipboard": "^2.0.11",
20 | "core-js": "^3.27.1",
21 | "cron-expression-validator": "1.0.20",
22 | "crypto-js": "4.1.1",
23 | "element-theme": "2.0.1",
24 | "element-ui": "2.15.10",
25 | "file-saver": "2.0.5",
26 | "github-markdown-css": "^5.2.0",
27 | "highlight.js": "^11.8.0",
28 | "html2canvas": "1.0.0-rc.7",
29 | "install": "0.13.0",
30 | "js-base64": "3.6.1",
31 | "jsencrypt": "3.2.1",
32 | "json-bigint": "^1.0.0",
33 | "json2csv": "5.0.6",
34 | "jsplumb": "2.15.6",
35 | "katex": "0.15.1",
36 | "keymaster": "1.6.2",
37 | "lodash": "4.17.21",
38 | "mermaid": "8.13.5",
39 | "moment": "2.29.1",
40 | "node-sass": "6.0.1",
41 | "normalize.css": "8.0.1",
42 | "npm": "7.19.1",
43 | "panzoom": "9.4.2",
44 | "sortablejs": "1.14.0",
45 | "style-resources-loader": "1.5.0",
46 | "vue": "2.6.11",
47 | "vue-class-component": "7.2.3",
48 | "vue-click-outside": "1.1.0",
49 | "vue-clipboard2": "0.3.1",
50 | "vue-contextmenujs": "1.3.13",
51 | "vue-i18n": "8.18.2",
52 | "vue-markdown": "^2.2.4",
53 | "vue-property-decorator": "8.5.0",
54 | "vue-router": "3.2.0",
55 | "vue2-ace-editor": "0.0.15",
56 | "vuedraggable": "2.24.3",
57 | "vuex": "3.4.0"
58 | },
59 | "devDependencies": {
60 | "@babel/plugin-transform-runtime": "7.16.4",
61 | "@kazupon/vue-i18n-loader": "0.5.0",
62 | "@vue/cli-plugin-babel": "4.5.15",
63 | "@vue/cli-plugin-eslint": "4.5.0",
64 | "@vue/cli-service": "4.5.0",
65 | "@vue/composition-api": "1.4.7",
66 | "@vue/test-utils": "1.3.0",
67 | "babel-eslint": "10.1.0",
68 | "babel-jest": "27.3.1",
69 | "babel-preset-env": "1.7.0",
70 | "element-theme-chalk": "2.15.10",
71 | "eslint": "6.7.2",
72 | "eslint-plugin-vue": "6.2.2",
73 | "filemanager-webpack-plugin": "6.1.7",
74 | "jest": "27.3.1",
75 | "sass": "1.45.0",
76 | "sass-loader": "10.1.1",
77 | "svg-sprite-loader": "6.0.2",
78 | "vue-i18n-locale-message": "0.16.2",
79 | "vue-jest": "3.0.7",
80 | "vue-template-compiler": "2.6.11"
81 | },
82 | "browserslist": [
83 | "> 1%",
84 | "last 2 versions",
85 | "not dead"
86 | ]
87 | }
88 |
--------------------------------------------------------------------------------
/vue.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path')
2 | const fs = require('fs');
3 | const FileManagerPlugin = require('filemanager-webpack-plugin')
4 |
5 | function resolvePath (dir) {
6 | return path.resolve(__dirname, '.', dir)
7 | }
8 | function getCompressionName () {
9 | try {
10 | const projectName = JSON.parse(fs.readFileSync('package.json')).name;
11 | const projectVersion = JSON.parse(fs.readFileSync('package.json')).version;
12 | return `./build/${projectName}-${projectVersion}.tar.gz`;
13 | } catch (e) {
14 | return './build/dist.tar.gz';
15 | }
16 | }
17 | const isProd = process.env.NODE_ENV === 'production'
18 |
19 | module.exports = {
20 | lintOnSave: false,
21 | publicPath: process.env.BASE_URL,
22 | assetsDir: 'static', // 配置js、css静态资源二级目录的位置
23 | devServer: {
24 | port: 9090,
25 | proxy: process.env.PROXY_SERVER
26 | },
27 | configureWebpack: {
28 | devtool: process.env.NODE_ENV === 'dev' ? 'eval-source-map' : undefined,
29 | resolve: {
30 | alias: {
31 | 'vue$': 'vue/dist/vue.common.js'
32 | }
33 | }
34 | },
35 | chainWebpack: config => {
36 | const oneOfsMap = config.module.rule('scss').oneOfs.store;
37 | oneOfsMap.forEach(item => {
38 | item
39 | .use('style-resources-loader')
40 | .loader('style-resources-loader')
41 | .options({
42 | patterns: './src/assets/css/variable.scss'
43 | })
44 | .end()
45 | })
46 | // 定义组件中文案翻译
47 | config.module
48 | .rule('i18n')
49 | .resourceQuery(/blockType=i18n/)
50 | .type('javascript/auto')
51 | .use('i18n')
52 | .loader('@kazupon/vue-i18n-loader')
53 | .end()
54 | // 配置项目标题
55 | config
56 | .plugin('html')
57 | .tap(args => {
58 | args[0].title = 'Byzer Notebook'
59 | return args
60 | })
61 | .end()
62 | // 让其他svg loader不要对src/icons进行操作
63 | config.module
64 | .rule('svg')
65 | .exclude.add(resolvePath('src/icons/svg'))
66 | .end()
67 | // 使用svg-sprite-loader 对 src/icons下的svg进行操作
68 | config.module
69 | .rule('icons')
70 | .test(/\.svg$/)
71 | .include.add(resolvePath('src/icons/svg'))
72 | .end()
73 | .use('svg-sprite-loader')
74 | .loader('svg-sprite-loader')
75 | .options({
76 | symbolId: 'icon-[name]'
77 | })
78 | .end()
79 | if (isProd) {
80 | config.plugin('filemanager')
81 | .use(
82 | new FileManagerPlugin({
83 | events: {
84 | onEnd: [{
85 | delete: [ getCompressionName() ],
86 | archive: [
87 | { source: './dist', format: 'tar', destination: getCompressionName()}
88 | ]
89 | }]
90 | }
91 | })
92 | )
93 | }
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/src/components/CreateNode/store.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import { actionsTypes } from '../../store'
4 |
5 | export function getInitState () {
6 | return {
7 | isShow: false,
8 | selectForm: {
9 | sql: ''
10 | },
11 | loadForm: {
12 | datasource_type: '',
13 | database: '',
14 | connection: '',
15 | source: '',
16 | target: '',
17 | header: 'true'
18 | },
19 | saveForm: {
20 | mode: 'overwrite',
21 | datasource_type: '',
22 | data_type: '',
23 | connection: '',
24 | source: '',
25 | target: ''
26 | },
27 | trainForm: {
28 | source: '',
29 | target: '',
30 | algorithm: '',
31 | save_path: '',
32 | train_param: null
33 | },
34 | registerForm: {
35 | target: '',
36 | group: '',
37 | deploy_mode_param: {
38 | url: '',
39 | access_token: ''
40 | }
41 | },
42 | predictForm: {
43 | source: '',
44 | model: '',
45 | predict_param: {
46 | auto: true,
47 | value: ''
48 | },
49 | target: ''
50 | },
51 | form: null,
52 | nodeInfo: null,
53 | callback: () => {}
54 | }
55 | }
56 |
57 | export default {
58 | namespaced: true,
59 | state: getInitState(),
60 | mutations: {
61 | [actionsTypes.SET_MODAL]: (state, payload = {}) => {
62 | for (const [key, value] of Object.entries(payload)) {
63 | if (key === 'form') {
64 | state['form'] = state[value]
65 | } else {
66 | state[key] = value
67 | }
68 | }
69 | },
70 | [actionsTypes.SET_MODAL_FORM]: (state, payload = {}) => {
71 | for (const key of Object.keys(state.form)) {
72 | state.form[key] = payload[key] !== undefined ? payload[key] : state.form[key]
73 | }
74 | },
75 | [actionsTypes.SHOW_MODAL]: state => {
76 | state.isShow = true
77 | },
78 | [actionsTypes.HIDE_MODAL]: state => {
79 | state.isShow = false
80 | },
81 | [actionsTypes.RESET_MODAL]: state => {
82 | for (const [key, value] of Object.entries(getInitState())) {
83 | state[key] = value
84 | }
85 | },
86 | [actionsTypes.RESET_MODAL_FORM]: state => {
87 | for (const [key, value] of Object.entries(getInitState()[`${state.nodeInfo.type}Form`])) {
88 | state.form[key] = value
89 | }
90 | }
91 | },
92 | actions: {
93 | [actionsTypes.CALL_MODAL] ({ commit }, { nodeInfo }) {
94 | return new Promise(resolve => {
95 | const { type } = nodeInfo
96 | commit(actionsTypes.SET_MODAL, { callback: resolve, form: `${type}Form` })
97 | // 初始化 form 中的数据
98 | commit(actionsTypes.SET_MODAL, { nodeInfo })
99 |
100 | commit(actionsTypes.SHOW_MODAL)
101 | })
102 | }
103 | }
104 | }
105 |
--------------------------------------------------------------------------------
/src/page/IframeImage/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
9 |
12 | {{index + 1}}
10 |
11 |
3 |
8 |
17 | ![]()
23 |
25 |
26 |
27 |
85 |
--------------------------------------------------------------------------------
/src/components/FailureDetail/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
12 |
22 |
13 |
16 | {{ $t('schedules.failureNode') }}
14 | {{ failureDetail.notebook.name || '' }}
15 |
17 |
21 | {{ $t('schedules.failureLog') }}
18 |
19 |
20 |
23 |
24 | {{ $t('ok') }}
25 |
26 |
27 |
13 |
14 |
15 |
16 |
18 |
19 | {{$t('ok')}}
20 |
21 |
4 |
34 |
35 |
36 |
72 |
73 |
118 |
--------------------------------------------------------------------------------
/src/page/Workspace/Workflow/components/ETNode/FormItem.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ $t(`notebook.${content}`) }}
5 |
6 |
7 |
14 | {{ shortcut }}
15 |
16 |
17 |
18 | /
19 |
26 | {{ subShortcut }}
27 |
28 |
29 |
30 | {{ ' * ' + frequency }}
31 |
32 |
33 |
3 |
4 |
6 |
7 |
9 |
18 |
19 |
20 |
35 |
36 |
37 |
87 |
88 |
95 |
96 |
--------------------------------------------------------------------------------
/src/components/CreateConnection/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
30 |
32 |
33 |
12 |
13 |
14 |
18 |
13 | Select
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
25 |
4 |
18 |
19 |
20 |
96 |
141 |
--------------------------------------------------------------------------------
/src/page/Workspace/Notebook/LogMessage/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
10 |
11 |
115 |
--------------------------------------------------------------------------------
/theme/aside.css:
--------------------------------------------------------------------------------
1 | /* BEM support Func
2 | -------------------------- */
3 | /* Element Chalk Variables */
4 | /* Transition
5 | -------------------------- */
6 | /* Color
7 | -------------------------- */
8 | /* 53a8ff */
9 | /* 66b1ff */
10 | /* 79bbff */
11 | /* 8cc5ff */
12 | /* a0cfff */
13 | /* b3d8ff */
14 | /* c6e2ff */
15 | /* d9ecff */
16 | /* ecf5ff */
17 | /* Link
18 | -------------------------- */
19 | /* Border
20 | -------------------------- */
21 | /* Fill
22 | -------------------------- */
23 | /* Typography
24 | -------------------------- */
25 | /* Size
26 | -------------------------- */
27 | /* z-index
28 | -------------------------- */
29 | /* Disable base
30 | -------------------------- */
31 | /* Icon
32 | -------------------------- */
33 | /* Checkbox
34 | -------------------------- */
35 | /* Radio
36 | -------------------------- */
37 | /* Select
38 | -------------------------- */
39 | /* Alert
40 | -------------------------- */
41 | /* MessageBox
42 | -------------------------- */
43 | /* Message
44 | -------------------------- */
45 | /* Notification
46 | -------------------------- */
47 | /* Input
48 | -------------------------- */
49 | /* Cascader
50 | -------------------------- */
51 | /* Group
52 | -------------------------- */
53 | /* Tab
54 | -------------------------- */
55 | /* Button
56 | -------------------------- */
57 | /* cascader
58 | -------------------------- */
59 | /* Switch
60 | -------------------------- */
61 | /* Dialog
62 | -------------------------- */
63 | /* Table
64 | -------------------------- */
65 | /* Pagination
66 | -------------------------- */
67 | /* Popup
68 | -------------------------- */
69 | /* Popover
70 | -------------------------- */
71 | /* Tooltip
72 | -------------------------- */
73 | /* Tag
74 | -------------------------- */
75 | /* Tree
76 | -------------------------- */
77 | /* Dropdown
78 | -------------------------- */
79 | /* Badge
80 | -------------------------- */
81 | /* Card
82 | --------------------------*/
83 | /* Slider
84 | --------------------------*/
85 | /* Steps
86 | --------------------------*/
87 | /* Menu
88 | --------------------------*/
89 | /* Rate
90 | --------------------------*/
91 | /* DatePicker
92 | --------------------------*/
93 | /* Loading
94 | --------------------------*/
95 | /* Scrollbar
96 | --------------------------*/
97 | /* Carousel
98 | --------------------------*/
99 | /* Collapse
100 | --------------------------*/
101 | /* Transfer
102 | --------------------------*/
103 | /* Header
104 | --------------------------*/
105 | /* Footer
106 | --------------------------*/
107 | /* Main
108 | --------------------------*/
109 | /* Timeline
110 | --------------------------*/
111 | /* Backtop
112 | --------------------------*/
113 | /* Link
114 | --------------------------*/
115 | /* Calendar
116 | --------------------------*/
117 | /* Form
118 | -------------------------- */
119 | /* Avatar
120 | --------------------------*/
121 | /* Empty
122 | -------------------------- */
123 | /* Descriptions
124 | -------------------------- */
125 | /* Skeleton
126 | --------------------------*/
127 | /* Svg
128 | --------------- */
129 | /* Result
130 | -------------------------- */
131 | /* Break-point
132 | --------------------------*/
133 | /* Break-points
134 | -------------------------- */
135 | /* Scrollbar
136 | -------------------------- */
137 | /* Placeholder
138 | -------------------------- */
139 | /* BEM
140 | -------------------------- */
141 | .el-aside {
142 | overflow: auto;
143 | -webkit-box-sizing: border-box;
144 | box-sizing: border-box;
145 | -ms-flex-negative: 0;
146 | flex-shrink: 0; }
147 |
--------------------------------------------------------------------------------
/src/page/Workspace/Workflow/components/TrainNode/handler.js:
--------------------------------------------------------------------------------
1 |
2 | const splitCharacter = '_'
3 | export function getParamGroup (allArr, parametersObj) { // 获取所有的参数组合
4 | const result = getParamsGroupObj(allArr, parametersObj)
5 | if (!result) {
6 | return ''
7 | }
8 | const { allGroupArr, allGroup, allGroupName } = result
9 | let temp1 = ''
10 | if (allGroup) { // 产生分组
11 | temp1 = getGroupParameter(allGroupArr, parametersObj, allGroupName, allGroup)
12 | } else { // 未产生分组
13 | temp1 = getNoGroupParameter(allGroupArr.filter(v => v.value_type !== 'ARRAY'), parametersObj)
14 | }
15 | const allNotGroupArr = allArr.filter(v => !v.is_group_param)
16 | const temp2 = getNotGroupParameter(allNotGroupArr, parametersObj)
17 | return (temp2 + temp1).slice(4)
18 | }
19 |
20 | export function getParamsGroupObj (allArr, parametersObj) {
21 | if (!Object.keys(parametersObj).length) {
22 | return ''
23 | }
24 | if (!allArr.length) {
25 | return ''
26 | }
27 | // 区分是在分组内还是不在分组内
28 | const allGroupArr = allArr.filter(v => v.is_group_param)
29 | const groupArr = allGroupArr.filter(v => v.value_type === 'ARRAY')
30 | let temp = []
31 | groupArr.forEach(v => {
32 | temp.push({
33 | name: v.name,
34 | values: parametersObj[v.name]
35 | })
36 | })
37 | const allGroupName = groupArr.map(v => v.name)
38 | const groupParamValue = temp.map(v => v.values).filter(v => v.length)
39 | const allGroup = getAllGroup(groupParamValue)
40 | return { allGroupArr, allGroup, allGroupName }
41 | }
42 |
43 | export function getNotGroupParameter (allArr, parametersObj) {
44 | let str = ''
45 | allArr.forEach(v => {
46 | if (parametersObj[v.name]) {
47 | str += `\nand ${v.name}="${parametersObj[v.name]}"`
48 | }
49 | })
50 | return str
51 | }
52 | export function getNoGroupParameter (allArr, parametersObj) {
53 | let str = ''
54 | allArr.forEach(v => {
55 | if (parametersObj[v.name]) {
56 | str += `\nand \`fitParam.0.${v.name}\`="${parametersObj[v.name]}"`
57 | }
58 | })
59 | return str
60 | }
61 |
62 |
63 | export function getAllGroup (origin) { // 获取所有的排列组合
64 | if (origin.length < 2) {
65 | return origin[0]
66 | } else {
67 | // 两个组合，再改变原数组，再循环执行
68 | let len1 = origin[0].length
69 | let len2 = origin[1].length
70 | let newArr = new Array(len1 * len2)
71 | let index = 0
72 | for (let i = 0; i < len1; i++) {
73 | for (let j = 0; j < len2; j++) {
74 | newArr[index] = origin[0][i] + splitCharacter + origin[1][j]
75 | index++
76 | }
77 | }
78 | let newOrigin = new Array(origin.length - 1)
79 | for (let i = 1; i < origin.length - 1; i++) {
80 | newOrigin[i] = origin[i + 1]
81 | }
82 | newOrigin[0] = newArr
83 | return getAllGroup(newOrigin)
84 | }
85 | }
86 |
87 | export function getGroupParameter (allArr, parametersObj, allGroupName, allGroup) {
88 | const groupArr = allArr.filter(v => v.value_type !== 'ARRAY').map(v => v.name)
89 | const otherGroup = groupArr.filter(v => parametersObj[v]).map(v => (`${v}\`="${parametersObj[v]}"`))
90 | let arr = allGroup.map((v, i) => {
91 | let temp1 = '' // 将所有类型非 Array 的名称组合
92 | otherGroup.forEach(v => {
93 | temp1 += `\nand \`fitParam.${i}.${v}`
94 | })
95 | const valueGroup = v.split(splitCharacter) // 值组合
96 | const nameGroup = allGroupName.filter(v => parametersObj[v].length) // 名称组合
97 | let temp2 = nameGroup.map((item, iIndex) => `and \`fitParam.${i}.${item}\`="${valueGroup[iIndex]}"`).join('\n')
98 | return `${temp1}\n${temp2}`
99 | })
100 | return arr.join('\n')
101 | }
--------------------------------------------------------------------------------
/.github/workflows/opened_issue_triage.yml:
--------------------------------------------------------------------------------
1 | name: Move new issues into Project for tirage
2 |
3 | on:
4 | issues:
5 | types:
6 | - opened
7 | jobs:
8 | track_issue:
9 | runs-on: ubuntu-latest
10 | steps:
11 | - name: Get project data
12 | env:
13 | GITHUB_TOKEN: ${{ secrets.PROJ_MGT_TOKEN }}
14 | ORGANIZATION: byzer-org
15 | PROJECT_NUMBER: 4
16 | run: |
17 | gh api graphql -f query='
18 | query($org: String!, $number: Int!) {
19 | organization(login: $org){
20 | projectNext(number: $number) {
21 | id
22 | fields(first:20) {
23 | nodes {
24 | id
25 | name
26 | settings
27 | }
28 | }
29 | }
30 | }
31 | }' -f org=$ORGANIZATION -F number=$PROJECT_NUMBER > project_data.json
32 | echo 'PROJECT_ID='$(jq '.data.organization.projectNext.id' project_data.json) >> $GITHUB_ENV
33 | echo 'DATE_FIELD_ID='$(jq '.data.organization.projectNext.fields.nodes[] | select(.name== "Date Posted") | .id' project_data.json) >> $GITHUB_ENV
34 | echo 'STATUS_FIELD_ID='$(jq '.data.organization.projectNext.fields.nodes[] | select(.name== "Status") | .id' project_data.json) >> $GITHUB_ENV
35 | echo 'TRIAGE_OPTION_ID='$(jq '.data.organization.projectNext.fields.nodes[] | select(.name== "Status") |.settings | fromjson.options[] | select(.name=="Triage") |.id' project_data.json) >> $GITHUB_ENV
36 |
37 |
38 |
39 | - name: Add issue to project
40 | env:
41 | GITHUB_TOKEN: ${{ secrets.PROJ_MGT_TOKEN }}
42 | ISSUE_ID: ${{ github.event.issue.node_id }}
43 | run: |
44 | item_id="$( gh api graphql -f query='
45 | mutation($project:ID!, $issue:ID!) {
46 | addProjectNextItem(input: {projectId: $project, contentId: $issue}) {
47 | projectNextItem {
48 | id
49 | }
50 | }
51 | }' -f project=$PROJECT_ID -f issue=$ISSUE_ID --jq '.data.addProjectNextItem.projectNextItem.id')"
52 |
53 | echo 'ITEM_ID='$item_id >> $GITHUB_ENV
54 |
55 | - name: Get date
56 | run: echo "DATE=$(date +"%Y-%m-%d")" >> $GITHUB_ENV
57 |
58 | - name: Set fields
59 | env:
60 | GITHUB_TOKEN: ${{ secrets.PROJ_MGT_TOKEN }}
61 | run: |
62 | gh api graphql -f query='
63 | mutation (
64 | $project: ID!
65 | $item: ID!
66 | $status_field: ID!
67 | $status_value: String!
68 | $date_field: ID!
69 | $date_value: String!
70 | ) {
71 | set_status: updateProjectNextItemField(input: {
72 | projectId: $project
73 | itemId: $item
74 | fieldId: $status_field
75 | value: $status_value
76 | }) {
77 | projectNextItem {
78 | id
79 | }
80 | }
81 | set_date_posted: updateProjectNextItemField(input: {
82 | projectId: $project
83 | itemId: $item
84 | fieldId: $date_field
85 | value: $date_value
86 | }) {
87 | projectNextItem {
88 | id
89 | }
90 | }
91 | }' -f project=$PROJECT_ID -f item=$ITEM_ID -f status_field=$STATUS_FIELD_ID -f status_value=${{ env.TRIAGE_OPTION_ID }} -f date_field=$DATE_FIELD_ID -f date_value=$DATE --silent
92 |
--------------------------------------------------------------------------------
/src/components/SetDemo/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 | {{item.name}}
7 |
8 |
17 |
3 |
15 |
16 |
21 |
22 | {{ $t('notebook.updateDemo') }}
23 |
24 |
25 | {{ $t('notebook.offlineDemo') }}
26 |
27 |
28 |
29 |
30 |
31 |
32 |
103 |
117 |
--------------------------------------------------------------------------------
/src/assets/css/element-ui_reset.scss:
--------------------------------------------------------------------------------
1 |
2 | .el-button [class*=el-icon-]+span, .el-button [class*=el-ksd-icon]+span {
3 | margin-left: 2px;
4 | }
5 | .el-button {
6 | i {
7 | vertical-align: middle;
8 | }
9 | span {
10 | vertical-align: middle;
11 | line-height: 22px;
12 | }
13 | &.icon-bg {
14 | padding: 2px 4px;
15 | font-size: 16px;
16 | background-color: $--background-color-hover;
17 | i {
18 | color: $--color-text-primary;
19 | }
20 | }
21 | }
22 | .el-dialog {
23 | border-radius: 10px;
24 | .el-dialog__header {
25 | padding: 24px 24px 0;
26 | font-weight: 600;
27 | min-height: 18px;
28 | }
29 | .el-dialog__body {
30 | padding: 24px;
31 | }
32 | .el-dialog__footer {
33 | padding: 0 24px 24px;
34 | }
35 | }
36 |
37 | .el-form-item:last-of-type {
38 | margin-bottom: 0px;
39 | }
40 | .el-form--label-top .el-form-item__label {
41 | line-height: 14px;
42 | padding: 0px 0px 8px;
43 | }
44 | .el-form-item__label {
45 | font-weight: 600;
46 | }
47 | .el-tree-node__content {
48 | height: 34px;
49 | }
50 | .el-tabs--card > .el-tabs__header {
51 | background-color: $--background-color-secondary;
52 | .el-tabs__item.is-active {
53 | background-color: $--color-white;
54 | }
55 | }
56 | .el-tabs {
57 | > .el-tabs__header {
58 | .el-tabs__item {
59 | font-weight: normal;
60 | box-shadow: none !important;
61 | border-radius: 0 !important;
62 | &:not(.is-active) {
63 | &:hover {
64 | color: inherit;
65 | }
66 | }
67 | &.is-active {
68 | border-radius: 4px 4px 0 0;
69 | color: $--color-text-primary;
70 | font-weight: bold;
71 | }
72 | }
73 | }
74 | &.tabs_button {
75 | .el-tabs__nav-wrap::after {
76 | height: 0px;
77 | }
78 | > .el-tabs__header {
79 | border: none;
80 | background-color: $--background-color-hover;
81 | border-radius: $--border-radius-base;
82 | height: 28px;
83 | font-size: 12px;
84 | display: inline-block;
85 | .el-tabs__nav {
86 | margin: 3px 0;
87 | }
88 | .el-tabs__active-bar {
89 | height: 0px;
90 | }
91 | .el-tabs__item {
92 | margin: 0 3px;
93 | padding: 0px 10px;
94 | height: 22px;
95 | line-height: 22px;
96 | text-align: center;
97 | &.is-active {
98 | background-color: $--color-white;
99 | box-shadow: 0px 1px 4px rgba(63, 89, 128, 0.16);
100 | border-radius: $--border-radius-small;
101 | }
102 | }
103 | }
104 | }
105 | }
106 | .el-tooltip__popper {
107 | max-width: 300px;
108 | &.is-light {
109 | .popper__arrow {
110 | border-top-color: $--color-white !important;
111 | }
112 | background: $--tooltip-color;
113 | border: 1px solid $--tooltip-color;
114 | color: $--color-text-primary;
115 | box-shadow: 0px 4px 12px rgba(48, 70, 103, 0.32);
116 | }
117 | }
118 | .el-tag {
119 | padding: 1px 5px;
120 | font-size: 14px;
121 | line-height: 22px;
122 | height: 26px;
123 | border-color: $--color-primary-light-9;
124 | &.el-tag--success {
125 | border-color: $--color-success-lighter;
126 | }
127 | &.el-tag--info {
128 | border-color: $--color-info-lighter;
129 | .el-tag__close {
130 | color: $--color-info-light;
131 | }
132 | }
133 | &.el-tag--danger {
134 | border-color: $--color-danger-lighter;
135 | }
136 | }
137 | .el-select .el-tag__close.el-icon-close {
138 | background-color: transparent;
139 | }
140 | .el-message-box {
141 | padding-bottom: 15px;
142 | &.centerButton {
143 | .el-message-box__btns {
144 | display: flex;
145 | .el-button {
146 | flex: 1;
147 | }
148 | }
149 | }
150 | }
151 |
--------------------------------------------------------------------------------
/src/page/Workspace/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
7 |
9 |
4 |
9 |
13 |
14 |
84 |
--------------------------------------------------------------------------------
/src/page/Workspace/Workflow/components/WorkflowPreview/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
10 |
12 |
4 |
7 |
14 |
29 |
30 |
81 |
129 |
--------------------------------------------------------------------------------
8 | {{$t('workflow.readOnlyTip')}}{{$t('workflow.saveAsNotebook')}}
9 |
10 |
11 | {{$t('workflow.readOnlyTip')}}{{$t('workflow.clone')}}
12 |
13 | -
15 |
-
19 | 20 |Cell {{index + 1}}21 |26 |
25 |
27 |