Amy0104
3 years ago
committed by
GitHub
8 changed files with 432 additions and 2 deletions
@ -0,0 +1,274 @@
|
||||
/* |
||||
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||
* contributor license agreements. See the NOTICE file distributed with |
||||
* this work for additional information regarding copyright ownership. |
||||
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||
* (the "License"); you may not use this file except in compliance with |
||||
* the License. You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
import { computed } from 'vue' |
||||
import { useI18n } from 'vue-i18n' |
||||
import type { IJsonItem } from '../types' |
||||
|
||||
export function useHttp(model: { [field: string]: any }): IJsonItem[] { |
||||
const { t } = useI18n() |
||||
const timeoutSpan = computed(() => (model.timeoutSetting ? 12 : 0)) |
||||
|
||||
const HTTP_CHECK_CONDITIONs = [ |
||||
{ |
||||
label: t('project.node.status_code_default'), |
||||
value: 'STATUS_CODE_DEFAULT' |
||||
}, |
||||
{ |
||||
label: t('project.node.status_code_custom'), |
||||
value: 'STATUS_CODE_CUSTOM' |
||||
}, |
||||
{ |
||||
label: t('project.node.body_contains'), |
||||
value: 'BODY_CONTAINS' |
||||
}, |
||||
{ |
||||
label: t('project.node.body_not_contains'), |
||||
value: 'BODY_NOT_CONTAINS' |
||||
} |
||||
] |
||||
|
||||
return [ |
||||
{ |
||||
type: 'input', |
||||
field: 'url', |
||||
name: t('project.node.http_url'), |
||||
props: { |
||||
placeholder: t('project.node.http_url_tips') |
||||
}, |
||||
validate: { |
||||
trigger: ['input', 'blur'], |
||||
required: true, |
||||
validator(validate: any, value: string) { |
||||
if (!value) { |
||||
return new Error(t('project.node.http_url_tips')) |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
{ |
||||
type: 'select', |
||||
field: 'httpMethod', |
||||
span: 12, |
||||
name: t('project.node.http_method'), |
||||
options: HTTP_METHODS |
||||
}, |
||||
{ |
||||
type: 'custom-parameters', |
||||
field: 'httpParams', |
||||
name: t('project.node.http_parameters'), |
||||
children: [ |
||||
{ |
||||
type: 'input', |
||||
field: 'prop', |
||||
span: 6, |
||||
props: { |
||||
placeholder: t('project.node.prop_tips'), |
||||
maxLength: 256 |
||||
}, |
||||
validate: { |
||||
trigger: ['input', 'blur'], |
||||
required: true, |
||||
validator(validate: any, value: string) { |
||||
if (!value) { |
||||
return new Error(t('project.node.prop_tips')) |
||||
} |
||||
|
||||
const sameItems = model.localParams.filter( |
||||
(item: { prop: string }) => item.prop === value |
||||
) |
||||
|
||||
if (sameItems.length > 1) { |
||||
return new Error(t('project.node.prop_repeat')) |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
{ |
||||
type: 'select', |
||||
field: 'httpParametersType', |
||||
span: 6, |
||||
options: POSITIONS, |
||||
value: 'PARAMETER' |
||||
}, |
||||
{ |
||||
type: 'input', |
||||
field: 'value', |
||||
span: 6, |
||||
props: { |
||||
placeholder: t('project.node.value_tips'), |
||||
maxLength: 256 |
||||
}, |
||||
validate: { |
||||
trigger: ['input', 'blur'], |
||||
required: true, |
||||
validator(validate: any, value: string) { |
||||
if (!value) { |
||||
return new Error(t('project.node.value_required_tips')) |
||||
} |
||||
} |
||||
} |
||||
} |
||||
] |
||||
}, |
||||
{ |
||||
type: 'select', |
||||
field: 'httpCheckCondition', |
||||
name: t('project.node.http_check_condition'), |
||||
options: HTTP_CHECK_CONDITIONs |
||||
}, |
||||
{ |
||||
type: 'input', |
||||
field: 'condition', |
||||
name: t('project.node.http_condition'), |
||||
props: { |
||||
type: 'textarea', |
||||
placeholder: t('project.node.http_condition_tips') |
||||
} |
||||
}, |
||||
{ |
||||
type: 'switch', |
||||
field: 'timeoutSetting', |
||||
name: t('project.node.timeout_settings') |
||||
}, |
||||
{ |
||||
type: 'input-number', |
||||
field: 'connectTimeout', |
||||
name: t('project.node.connect_timeout'), |
||||
span: timeoutSpan, |
||||
props: { |
||||
max: Math.pow(7, 10) - 1 |
||||
}, |
||||
slots: { |
||||
suffix: () => t('project.node.ms') |
||||
}, |
||||
validate: { |
||||
trigger: ['input', 'blur'], |
||||
validator(validate: any, value: string) { |
||||
if (!Number.isInteger(parseInt(value))) { |
||||
return new Error( |
||||
t('project.node.connect_timeout') + |
||||
t('project.node.positive_integer_tips') |
||||
) |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
{ |
||||
type: 'input-number', |
||||
field: 'socketTimeout', |
||||
name: t('project.node.socket_timeout'), |
||||
span: timeoutSpan, |
||||
props: { |
||||
max: Math.pow(7, 10) - 1 |
||||
}, |
||||
slots: { |
||||
suffix: () => t('project.node.ms') |
||||
}, |
||||
validate: { |
||||
trigger: ['input', 'blur'], |
||||
validator(validate: any, value: string) { |
||||
if (!Number.isInteger(parseInt(value))) { |
||||
return new Error( |
||||
t('project.node.socket_timeout') + |
||||
t('project.node.positive_integer_tips') |
||||
) |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
{ |
||||
type: 'custom-parameters', |
||||
field: 'localParams', |
||||
name: t('project.node.custom_parameters'), |
||||
children: [ |
||||
{ |
||||
type: 'input', |
||||
field: 'prop', |
||||
span: 6, |
||||
props: { |
||||
placeholder: t('project.node.prop_tips'), |
||||
maxLength: 256 |
||||
}, |
||||
validate: { |
||||
trigger: ['input', 'blur'], |
||||
required: true, |
||||
validator(validate: any, value: string) { |
||||
if (!value) { |
||||
return new Error(t('project.node.prop_tips')) |
||||
} |
||||
|
||||
const sameItems = model.localParams.filter( |
||||
(item: { prop: string }) => item.prop === value |
||||
) |
||||
|
||||
if (sameItems.length > 1) { |
||||
return new Error(t('project.node.prop_repeat')) |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
{ |
||||
type: 'input', |
||||
field: 'value', |
||||
span: 6, |
||||
props: { |
||||
placeholder: t('project.node.value_tips'), |
||||
maxLength: 256 |
||||
} |
||||
} |
||||
] |
||||
} |
||||
] |
||||
} |
||||
|
||||
const HTTP_METHODS = [ |
||||
{ |
||||
value: 'GET', |
||||
label: 'GET' |
||||
}, |
||||
{ |
||||
value: 'POST', |
||||
label: 'POST' |
||||
}, |
||||
{ |
||||
value: 'HEAD', |
||||
label: 'HEAD' |
||||
}, |
||||
{ |
||||
value: 'PUT', |
||||
label: 'PUT' |
||||
}, |
||||
{ |
||||
value: 'DELETE', |
||||
label: 'DELETE' |
||||
} |
||||
] |
||||
|
||||
const POSITIONS = [ |
||||
{ |
||||
value: 'PARAMETER', |
||||
label: 'Parameter' |
||||
}, |
||||
{ |
||||
value: 'BODY', |
||||
label: 'Body' |
||||
}, |
||||
{ |
||||
value: 'HEADERS', |
||||
label: 'Headers' |
||||
} |
||||
] |
||||
@ -0,0 +1,89 @@
|
||||
/* |
||||
* Licensed to the Apache Software Foundation (ASF) under one or more |
||||
* contributor license agreements. See the NOTICE file distributed with |
||||
* this work for additional information regarding copyright ownership. |
||||
* The ASF licenses this file to You under the Apache License, Version 2.0 |
||||
* (the "License"); you may not use this file except in compliance with |
||||
* the License. You may obtain a copy of the License at |
||||
* |
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
* |
||||
* Unless required by applicable law or agreed to in writing, software |
||||
* distributed under the License is distributed on an "AS IS" BASIS, |
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
||||
* See the License for the specific language governing permissions and |
||||
* limitations under the License. |
||||
*/ |
||||
|
||||
import { reactive } from 'vue' |
||||
import * as Fields from '../fields/index' |
||||
import type { IJsonItem, INodeData, ITaskData } from '../types' |
||||
|
||||
export function useHttp({ |
||||
projectCode, |
||||
from = 0, |
||||
readonly, |
||||
data |
||||
}: { |
||||
projectCode: number |
||||
from?: number |
||||
readonly?: boolean |
||||
data?: ITaskData |
||||
}) { |
||||
const model = reactive({ |
||||
taskType: 'HTTP', |
||||
name: '', |
||||
flag: 'YES', |
||||
description: '', |
||||
timeoutFlag: false, |
||||
localParams: [], |
||||
environmentCode: null, |
||||
failRetryInterval: 1, |
||||
failRetryTimes: 0, |
||||
workerGroup: 'default', |
||||
delayTime: 0, |
||||
timeout: 30, |
||||
httpMethod: 'GET', |
||||
httpCheckCondition: 'STATUS_CODE_DEFAULT', |
||||
httpParams: [], |
||||
url: '', |
||||
condition: '', |
||||
timeoutSetting: false, |
||||
connectTimeout: 60000, |
||||
socketTimeout: 60000 |
||||
} as INodeData) |
||||
|
||||
let extra: IJsonItem[] = [] |
||||
if (from === 1) { |
||||
extra = [ |
||||
Fields.useTaskType(model, readonly), |
||||
Fields.useProcessName({ |
||||
model, |
||||
projectCode, |
||||
isCreate: !data?.id, |
||||
from, |
||||
processName: data?.processName, |
||||
code: data?.code |
||||
}) |
||||
] |
||||
} |
||||
|
||||
return { |
||||
json: [ |
||||
Fields.useName(), |
||||
...extra, |
||||
Fields.useRunFlag(), |
||||
Fields.useDescription(), |
||||
Fields.useTaskPriority(), |
||||
Fields.useWorkerGroup(), |
||||
Fields.useEnvironmentName(model, !data?.id), |
||||
...Fields.useTaskGroup(model, projectCode), |
||||
...Fields.useFailed(), |
||||
Fields.useDelayTime(model), |
||||
...Fields.useTimeoutAlarm(model), |
||||
...Fields.useHttp(model), |
||||
Fields.usePreTasks(model) |
||||
] as IJsonItem[], |
||||
model |
||||
} |
||||
} |
||||
Loading…
Reference in new issue