mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-02 03:58:07 +08:00
fix: 模型表单无法编辑数据源配置; chore: 修复Form使用场景兼容逻辑执行环节错误问题
This commit is contained in:
lurunze1226
parent
90ec85977d
commit
4e968e8e91
@ -1,11 +1,10 @@
|
|||||||
import cx from 'classnames';
|
import cx from 'classnames';
|
||||||
import flatten from 'lodash/flatten';
|
import flatten from 'lodash/flatten';
|
||||||
import cloneDeep from 'lodash/cloneDeep';
|
import cloneDeep from 'lodash/cloneDeep';
|
||||||
import {isObject, getRendererByName} from 'amis-core';
|
import {isObject, getRendererByName, setVariable} from 'amis-core';
|
||||||
import {
|
import {
|
||||||
BasePlugin,
|
BasePlugin,
|
||||||
tipedLabel,
|
tipedLabel,
|
||||||
getI18nEnabled,
|
|
||||||
ChangeEventContext,
|
ChangeEventContext,
|
||||||
BaseEventContext,
|
BaseEventContext,
|
||||||
PluginEvent,
|
PluginEvent,
|
||||||
@ -31,6 +30,7 @@ import {
|
|||||||
import {FormOperatorMap} from '../../builder/constants';
|
import {FormOperatorMap} from '../../builder/constants';
|
||||||
import {getEventControlConfig} from '../../renderer/event-control/helper';
|
import {getEventControlConfig} from '../../renderer/event-control/helper';
|
||||||
import {FieldSetting} from '../../renderer/FieldSetting';
|
import {FieldSetting} from '../../renderer/FieldSetting';
|
||||||
|
import {_isModelComp} from '../../util';
|
||||||
|
|
||||||
import type {FormSchema} from 'amis/lib/Schema';
|
import type {FormSchema} from 'amis/lib/Schema';
|
||||||
import type {
|
import type {
|
||||||
@ -591,6 +591,29 @@ export class FormPlugin extends BasePlugin {
|
|||||||
this._dynamicControls = {...this._dynamicControls, ...controls};
|
this._dynamicControls = {...this._dynamicControls, ...controls};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/** 获取可能的使用场景 */
|
||||||
|
guessDSFeatFromSchema(schema: Record<string, any>): FormPluginFeat {
|
||||||
|
const validFeat = [
|
||||||
|
DSFeatureEnum.Insert,
|
||||||
|
DSFeatureEnum.Edit,
|
||||||
|
DSFeatureEnum.BulkEdit,
|
||||||
|
DSFeatureEnum.View
|
||||||
|
];
|
||||||
|
if (schema.hasOwnProperty('feat')) {
|
||||||
|
return validFeat.includes(schema.feat)
|
||||||
|
? schema.feat
|
||||||
|
: DSFeatureEnum.Insert;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (schema.initApi != null && schema.api != null) {
|
||||||
|
return DSFeatureEnum.Edit;
|
||||||
|
} else if (schema.initApi != null && schema.api == null) {
|
||||||
|
return DSFeatureEnum.View;
|
||||||
|
} else {
|
||||||
|
return DSFeatureEnum.Insert;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
panelBodyCreator = (context: BaseEventContext) => {
|
panelBodyCreator = (context: BaseEventContext) => {
|
||||||
const dc = this.dynamicControls;
|
const dc = this.dynamicControls;
|
||||||
const builder = this.dsManager.getBuilderBySchema(context.schema);
|
const builder = this.dsManager.getBuilderBySchema(context.schema);
|
||||||
@ -611,25 +634,8 @@ export class FormPlugin extends BasePlugin {
|
|||||||
justify: true
|
justify: true
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
const i18nEnabled = getI18nEnabled();
|
|
||||||
const schema = context?.node?.schema ?? context?.schema;
|
const schema = context?.node?.schema ?? context?.schema;
|
||||||
/** 是否是模型表单 */
|
/** 新版数据源控件 */
|
||||||
const isModelForm =
|
|
||||||
((typeof schema?.api === 'string'
|
|
||||||
? schema.api
|
|
||||||
: typeof schema?.api?.url === 'string'
|
|
||||||
? schema.api.url
|
|
||||||
: ''
|
|
||||||
).startsWith('model://') ||
|
|
||||||
(typeof schema?.initApi === 'string'
|
|
||||||
? schema.initApi
|
|
||||||
: typeof schema?.initApi?.url === 'string'
|
|
||||||
? schema.initApi.url
|
|
||||||
: ''
|
|
||||||
).startsWith('model://')) &&
|
|
||||||
!schema.api.strategy;
|
|
||||||
|
|
||||||
/** 数据源控件 */
|
|
||||||
const generateDSControls = () => {
|
const generateDSControls = () => {
|
||||||
const dsTypeSelector = this.dsManager.getDSSelectorSchema(
|
const dsTypeSelector = this.dsManager.getDSSelectorSchema(
|
||||||
{
|
{
|
||||||
@ -714,290 +720,359 @@ export class FormPlugin extends BasePlugin {
|
|||||||
return [dsTypeSelector, ...dsSettings];
|
return [dsTypeSelector, ...dsSettings];
|
||||||
};
|
};
|
||||||
|
|
||||||
|
/** 数据源 */
|
||||||
|
const generateDSCollapse = () => {
|
||||||
|
if (isCRUDFilter) {
|
||||||
|
/** CRUD查询表头数据源交给CRUD托管 */
|
||||||
|
return null;
|
||||||
|
} else if (_isModelComp(schema)) {
|
||||||
|
/** 模型组件使用旧版数据源配置 */
|
||||||
|
return {
|
||||||
|
title: '数据源',
|
||||||
|
body: [
|
||||||
|
getSchemaTpl('apiControl', {
|
||||||
|
label: '保存接口',
|
||||||
|
sampleBuilder: () => {
|
||||||
|
return `{\n "status": 0,\n "msg": "",\n // 可以不返回，如果返回了数据将被 merge 进来。\n data: {}\n}`;
|
||||||
|
}
|
||||||
|
}),
|
||||||
|
getSchemaTpl('apiControl', {
|
||||||
|
name: 'asyncApi',
|
||||||
|
label: tipedLabel(
|
||||||
|
'异步检测接口',
|
||||||
|
'设置此属性后，表单提交发送保存接口后，还会继续轮询请求该接口，直到返回 finished 属性为 true 才 结束'
|
||||||
|
),
|
||||||
|
visibleOn: 'data.asyncApi != null'
|
||||||
|
}),
|
||||||
|
getSchemaTpl('apiControl', {
|
||||||
|
name: 'initAsyncApi',
|
||||||
|
label: tipedLabel(
|
||||||
|
'异步检测接口',
|
||||||
|
'设置此属性后，表单请求 initApi 后，还会继续轮询请求该接口，直到返回 finished 属性为 true 才 结束'
|
||||||
|
),
|
||||||
|
visibleOn: 'data.initAsyncApi != null'
|
||||||
|
}),
|
||||||
|
getSchemaTpl('apiControl', {
|
||||||
|
name: 'initApi',
|
||||||
|
label: '初始化接口',
|
||||||
|
sampleBuilder: () => {
|
||||||
|
const data = {};
|
||||||
|
const schema = context?.schema;
|
||||||
|
|
||||||
|
if (Array.isArray(schema?.body)) {
|
||||||
|
schema.body.forEach((control: any) => {
|
||||||
|
if (
|
||||||
|
control.name &&
|
||||||
|
!~['combo', 'input-array', 'form'].indexOf(control.type)
|
||||||
|
) {
|
||||||
|
setVariable(data, control.name, 'sample');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return JSON.stringify(
|
||||||
|
{
|
||||||
|
status: 0,
|
||||||
|
msg: '',
|
||||||
|
data: data
|
||||||
|
},
|
||||||
|
null,
|
||||||
|
2
|
||||||
|
);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
]
|
||||||
|
};
|
||||||
|
} else {
|
||||||
|
return {
|
||||||
|
title: '数据源',
|
||||||
|
body: [
|
||||||
|
{
|
||||||
|
type: 'select',
|
||||||
|
name: 'feat',
|
||||||
|
label: '使用场景',
|
||||||
|
options: this.Features,
|
||||||
|
pipeIn: (
|
||||||
|
value: FormPluginFeat | undefined,
|
||||||
|
formStore: IFormStore
|
||||||
|
) => {
|
||||||
|
let feat = value;
|
||||||
|
|
||||||
|
if (!value) {
|
||||||
|
feat = this.guessDSFeatFromSchema(formStore?.data);
|
||||||
|
}
|
||||||
|
|
||||||
|
return feat;
|
||||||
|
},
|
||||||
|
onChange: (
|
||||||
|
value: FormPluginFeat,
|
||||||
|
oldValue: FormPluginFeat,
|
||||||
|
model: IFormItemStore,
|
||||||
|
form: IFormStore
|
||||||
|
) => {
|
||||||
|
if (value !== oldValue) {
|
||||||
|
form.setValues({
|
||||||
|
dsType: this.dsManager.getDefaultBuilderKey(),
|
||||||
|
initApi:
|
||||||
|
DSFeatureEnum.Insert === value ||
|
||||||
|
DSFeatureEnum.BulkEdit === value
|
||||||
|
? undefined
|
||||||
|
: '',
|
||||||
|
api: undefined
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
...generateDSControls()
|
||||||
|
]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
return [
|
return [
|
||||||
getSchemaTpl('tabs', [
|
getSchemaTpl('tabs', [
|
||||||
{
|
{
|
||||||
title: '属性',
|
title: '属性',
|
||||||
body: getSchemaTpl('collapseGroup', [
|
body: getSchemaTpl(
|
||||||
isCRUDFilter || isModelForm
|
'collapseGroup',
|
||||||
? null
|
[
|
||||||
: {
|
generateDSCollapse(),
|
||||||
title: '数据源',
|
{
|
||||||
body: [
|
title: '基本',
|
||||||
{
|
body: [
|
||||||
type: 'select',
|
{
|
||||||
name: 'feat',
|
name: 'title',
|
||||||
label: '使用场景',
|
type: 'input-text',
|
||||||
options: this.Features,
|
label: '标题',
|
||||||
pipeIn: (
|
visibleOn: isWrapped
|
||||||
value: FormPluginFeat | undefined,
|
|
||||||
formStore: IFormStore
|
|
||||||
) => {
|
|
||||||
let feat = value;
|
|
||||||
|
|
||||||
if (!value) {
|
|
||||||
feat =
|
|
||||||
formStore?.data?.initApi != null
|
|
||||||
? DSFeatureEnum.Edit
|
|
||||||
: DSFeatureEnum.Insert;
|
|
||||||
}
|
|
||||||
|
|
||||||
/** 存量数据可能未设置过feat, 需要在数据域中 set 一下 */
|
|
||||||
formStore.setValueByName('feat', feat);
|
|
||||||
|
|
||||||
return feat;
|
|
||||||
},
|
|
||||||
onChange: (
|
|
||||||
value: FormPluginFeat,
|
|
||||||
oldValue: FormPluginFeat,
|
|
||||||
model: IFormItemStore,
|
|
||||||
form: IFormStore
|
|
||||||
) => {
|
|
||||||
if (value !== oldValue) {
|
|
||||||
form.setValues({
|
|
||||||
dsType: this.dsManager.getDefaultBuilderKey(),
|
|
||||||
initApi:
|
|
||||||
DSFeatureEnum.Insert === value ||
|
|
||||||
DSFeatureEnum.BulkEdit === value
|
|
||||||
? undefined
|
|
||||||
: '',
|
|
||||||
api: undefined
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
...generateDSControls()
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '基本',
|
|
||||||
body: [
|
|
||||||
{
|
|
||||||
name: 'title',
|
|
||||||
type: 'input-text',
|
|
||||||
label: '标题',
|
|
||||||
visibleOn: isWrapped
|
|
||||||
},
|
|
||||||
getSchemaTpl('switch', {
|
|
||||||
name: 'autoFocus',
|
|
||||||
label: tipedLabel(
|
|
||||||
'自动聚焦',
|
|
||||||
'设置后将让表单的第一个可输入的表单项获得焦点'
|
|
||||||
)
|
|
||||||
}),
|
|
||||||
getSchemaTpl('switch', {
|
|
||||||
name: 'persistData',
|
|
||||||
label: tipedLabel(
|
|
||||||
'本地缓存',
|
|
||||||
'开启后，表单的数据会缓存在浏览器中，切换页面或关闭弹框不会清空当前表单内的数据'
|
|
||||||
),
|
|
||||||
pipeIn: (value: boolean | string | undefined) => !!value
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
type: 'container',
|
|
||||||
className: 'ae-ExtendMore mb-3',
|
|
||||||
visibleOn: 'data.persistData',
|
|
||||||
body: [
|
|
||||||
getSchemaTpl('tplFormulaControl', {
|
|
||||||
name: 'persistData',
|
|
||||||
label: tipedLabel(
|
|
||||||
'持久化Key',
|
|
||||||
'使用静态数据或者变量：<code>"\\${id}"</code>，来为Form指定唯一的Key'
|
|
||||||
),
|
|
||||||
pipeIn: (value: boolean | string | undefined) =>
|
|
||||||
typeof value === 'string' ? value : ''
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
type: 'input-array',
|
|
||||||
label: tipedLabel(
|
|
||||||
'保留字段集合',
|
|
||||||
'如果只需要保存Form中的部分字段值，请配置需要保存的字段名称集合，留空则保留全部字段'
|
|
||||||
),
|
|
||||||
name: 'persistDataKeys',
|
|
||||||
items: {
|
|
||||||
type: 'input-text',
|
|
||||||
placeholder: '请输入字段名',
|
|
||||||
options: flatten(schema?.body ?? schema?.controls ?? [])
|
|
||||||
.map((item: Record<string, any>) => {
|
|
||||||
const isFormItem = getRendererByName(
|
|
||||||
item?.type
|
|
||||||
)?.isFormItem;
|
|
||||||
|
|
||||||
return isFormItem && typeof item?.name === 'string'
|
|
||||||
? {label: item.name, value: item.name}
|
|
||||||
: false;
|
|
||||||
})
|
|
||||||
.filter(Boolean)
|
|
||||||
},
|
|
||||||
itemClassName: 'bg-transparent'
|
|
||||||
},
|
|
||||||
getSchemaTpl('switch', {
|
|
||||||
name: 'clearPersistDataAfterSubmit',
|
|
||||||
label: tipedLabel(
|
|
||||||
'提交成功后清空缓存',
|
|
||||||
'开启本地缓存并开启本配置项后，表单提交成功后，会自动清除浏览器中当前表单的缓存数据'
|
|
||||||
),
|
|
||||||
pipeIn: defaultValue(false)
|
|
||||||
})
|
|
||||||
]
|
|
||||||
},
|
|
||||||
getSchemaTpl('switch', {
|
|
||||||
name: 'canAccessSuperData',
|
|
||||||
label: tipedLabel(
|
|
||||||
'自动填充数据域同名变量',
|
|
||||||
'默认表单是可以获取到完整数据链中的数据的，如果想使表单的数据域独立，请关闭此配置'
|
|
||||||
),
|
|
||||||
pipeIn: defaultValue(true)
|
|
||||||
}),
|
|
||||||
getSchemaTpl('loadingConfig', {label: '加载设置'}, {context})
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '提交设置',
|
|
||||||
body: [
|
|
||||||
{
|
|
||||||
name: 'submitText',
|
|
||||||
type: 'input-text',
|
|
||||||
label: tipedLabel(
|
|
||||||
'提交按钮名称',
|
|
||||||
'如果底部按钮不是自定义按钮时，可以通过该配置可以快速修改按钮名称，如果设置成空，则可以把默认按钮去掉。'
|
|
||||||
),
|
|
||||||
pipeIn: defaultValue('提交'),
|
|
||||||
visibleOn: `${isWrapped} && !this.actions && (!Array.isArray(this.body) || !this.body.some(function(item) {return !!~['submit','button','reset','button-group'].indexOf(item.type);}))`,
|
|
||||||
...justifyLayout(4)
|
|
||||||
},
|
|
||||||
getSchemaTpl('switch', {
|
|
||||||
name: 'submitOnChange',
|
|
||||||
label: tipedLabel(
|
|
||||||
'修改即提交',
|
|
||||||
'设置后，表单中每次有修改都会触发提交'
|
|
||||||
)
|
|
||||||
}),
|
|
||||||
getSchemaTpl('switch', {
|
|
||||||
name: 'resetAfterSubmit',
|
|
||||||
label: tipedLabel(
|
|
||||||
'提交后重置表单',
|
|
||||||
'表单提交后，让所有表单项的值还原成初始值'
|
|
||||||
)
|
|
||||||
}),
|
|
||||||
getSchemaTpl('switch', {
|
|
||||||
name: 'preventEnterSubmit',
|
|
||||||
label: tipedLabel(
|
|
||||||
'阻止回车提交',
|
|
||||||
'默认按回车键触发表单提交，开启后将阻止这一行为'
|
|
||||||
)
|
|
||||||
}),
|
|
||||||
// isCRUDFilter
|
|
||||||
// ? null
|
|
||||||
// : getSchemaTpl('switch', {
|
|
||||||
// name: 'submitOnInit',
|
|
||||||
// label: tipedLabel(
|
|
||||||
// '初始化后提交一次',
|
|
||||||
// '开启后，表单初始完成便会触发一次提交'
|
|
||||||
// )
|
|
||||||
// }),
|
|
||||||
isInDialog
|
|
||||||
? getSchemaTpl('switch', {
|
|
||||||
label: '提交后关闭对话框',
|
|
||||||
name: 'closeDialogOnSubmit',
|
|
||||||
pipeIn: (value: any) => value !== false
|
|
||||||
})
|
|
||||||
: null
|
|
||||||
// isCRUDFilter
|
|
||||||
// ? null
|
|
||||||
// : {
|
|
||||||
// label: tipedLabel(
|
|
||||||
// '提交其他组件',
|
|
||||||
// '可以通过设置此属性，把当前表单的值提交给目标组件，而不是自己来通过接口保存，请填写目标组件的 <code>name</code> 属性，多个组件请用逗号隔开。当 <code>target</code> 为 <code>window</code> 时，则把表单数据附属到地址栏。'
|
|
||||||
// ),
|
|
||||||
// name: 'target',
|
|
||||||
// type: 'input-text',
|
|
||||||
// placeholder: '请输入组件name',
|
|
||||||
// ...justifyLayout(4)
|
|
||||||
// },
|
|
||||||
// getSchemaTpl('reload', {
|
|
||||||
// test: !isCRUDFilter
|
|
||||||
// }),
|
|
||||||
// isCRUDFilter
|
|
||||||
// ? null
|
|
||||||
// : {
|
|
||||||
// type: 'ae-switch-more',
|
|
||||||
// mode: 'normal',
|
|
||||||
// label: tipedLabel(
|
|
||||||
// '提交后跳转',
|
|
||||||
// '当设置此值后，表单提交完后跳转到目标地址'
|
|
||||||
// ),
|
|
||||||
// formType: 'extend',
|
|
||||||
// form: {
|
|
||||||
// mode: 'horizontal',
|
|
||||||
// horizontal: {
|
|
||||||
// justify: true,
|
|
||||||
// left: 4
|
|
||||||
// },
|
|
||||||
// body: [
|
|
||||||
// {
|
|
||||||
// label: '跳转地址',
|
|
||||||
// name: 'redirect',
|
|
||||||
// type: 'input-text',
|
|
||||||
// placeholder: '请输入目标地址'
|
|
||||||
// }
|
|
||||||
// ]
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: '组合校验',
|
|
||||||
body: [
|
|
||||||
{
|
|
||||||
name: 'rules',
|
|
||||||
label: false,
|
|
||||||
type: 'combo',
|
|
||||||
multiple: true,
|
|
||||||
multiLine: true,
|
|
||||||
subFormMode: 'horizontal',
|
|
||||||
placeholder: '',
|
|
||||||
addBtn: {
|
|
||||||
label: '添加校验规则',
|
|
||||||
block: true,
|
|
||||||
icon: 'fa fa-plus',
|
|
||||||
className: cx('ae-Button--enhance')
|
|
||||||
},
|
},
|
||||||
items: [
|
getSchemaTpl('switch', {
|
||||||
{
|
name: 'autoFocus',
|
||||||
type: 'ae-formulaControl',
|
label: tipedLabel(
|
||||||
name: 'rule',
|
'自动聚焦',
|
||||||
label: '校验规则',
|
'设置后将让表单的第一个可输入的表单项获得焦点'
|
||||||
...justifyLayout(4)
|
)
|
||||||
|
}),
|
||||||
|
getSchemaTpl('switch', {
|
||||||
|
name: 'persistData',
|
||||||
|
label: tipedLabel(
|
||||||
|
'本地缓存',
|
||||||
|
'开启后，表单的数据会缓存在浏览器中，切换页面或关闭弹框不会清空当前表单内的数据'
|
||||||
|
),
|
||||||
|
pipeIn: (value: boolean | string | undefined) => !!value
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
type: 'container',
|
||||||
|
className: 'ae-ExtendMore mb-3',
|
||||||
|
visibleOn: 'data.persistData',
|
||||||
|
body: [
|
||||||
|
getSchemaTpl('tplFormulaControl', {
|
||||||
|
name: 'persistData',
|
||||||
|
label: tipedLabel(
|
||||||
|
'持久化Key',
|
||||||
|
'使用静态数据或者变量：<code>"\\${id}"</code>，来为Form指定唯一的Key'
|
||||||
|
),
|
||||||
|
pipeIn: (value: boolean | string | undefined) =>
|
||||||
|
typeof value === 'string' ? value : ''
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
type: 'input-array',
|
||||||
|
label: tipedLabel(
|
||||||
|
'保留字段集合',
|
||||||
|
'如果只需要保存Form中的部分字段值，请配置需要保存的字段名称集合，留空则保留全部字段'
|
||||||
|
),
|
||||||
|
name: 'persistDataKeys',
|
||||||
|
items: {
|
||||||
|
type: 'input-text',
|
||||||
|
placeholder: '请输入字段名',
|
||||||
|
options: flatten(
|
||||||
|
schema?.body ?? schema?.controls ?? []
|
||||||
|
)
|
||||||
|
.map((item: Record<string, any>) => {
|
||||||
|
const isFormItem = getRendererByName(
|
||||||
|
item?.type
|
||||||
|
)?.isFormItem;
|
||||||
|
|
||||||
|
return isFormItem &&
|
||||||
|
typeof item?.name === 'string'
|
||||||
|
? {label: item.name, value: item.name}
|
||||||
|
: false;
|
||||||
|
})
|
||||||
|
.filter(Boolean)
|
||||||
|
},
|
||||||
|
itemClassName: 'bg-transparent'
|
||||||
|
},
|
||||||
|
getSchemaTpl('switch', {
|
||||||
|
name: 'clearPersistDataAfterSubmit',
|
||||||
|
label: tipedLabel(
|
||||||
|
'提交成功后清空缓存',
|
||||||
|
'开启本地缓存并开启本配置项后，表单提交成功后，会自动清除浏览器中当前表单的缓存数据'
|
||||||
|
),
|
||||||
|
pipeIn: defaultValue(false)
|
||||||
|
})
|
||||||
|
]
|
||||||
|
},
|
||||||
|
getSchemaTpl('switch', {
|
||||||
|
name: 'canAccessSuperData',
|
||||||
|
label: tipedLabel(
|
||||||
|
'自动填充数据域同名变量',
|
||||||
|
'默认表单是可以获取到完整数据链中的数据的，如果想使表单的数据域独立，请关闭此配置'
|
||||||
|
),
|
||||||
|
pipeIn: defaultValue(true)
|
||||||
|
}),
|
||||||
|
getSchemaTpl('loadingConfig', {label: '加载设置'}, {context})
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '提交设置',
|
||||||
|
body: [
|
||||||
|
{
|
||||||
|
name: 'submitText',
|
||||||
|
type: 'input-text',
|
||||||
|
label: tipedLabel(
|
||||||
|
'提交按钮名称',
|
||||||
|
'如果底部按钮不是自定义按钮时，可以通过该配置可以快速修改按钮名称，如果设置成空，则可以把默认按钮去掉。'
|
||||||
|
),
|
||||||
|
pipeIn: defaultValue('提交'),
|
||||||
|
visibleOn: `${isWrapped} && !this.actions && (!Array.isArray(this.body) || !this.body.some(function(item) {return !!~['submit','button','reset','button-group'].indexOf(item.type);}))`,
|
||||||
|
...justifyLayout(4)
|
||||||
|
},
|
||||||
|
getSchemaTpl('switch', {
|
||||||
|
name: 'submitOnChange',
|
||||||
|
label: tipedLabel(
|
||||||
|
'修改即提交',
|
||||||
|
'设置后，表单中每次有修改都会触发提交'
|
||||||
|
)
|
||||||
|
}),
|
||||||
|
getSchemaTpl('switch', {
|
||||||
|
name: 'resetAfterSubmit',
|
||||||
|
label: tipedLabel(
|
||||||
|
'提交后重置表单',
|
||||||
|
'表单提交后，让所有表单项的值还原成初始值'
|
||||||
|
)
|
||||||
|
}),
|
||||||
|
getSchemaTpl('switch', {
|
||||||
|
name: 'preventEnterSubmit',
|
||||||
|
label: tipedLabel(
|
||||||
|
'阻止回车提交',
|
||||||
|
'默认按回车键触发表单提交，开启后将阻止这一行为'
|
||||||
|
)
|
||||||
|
}),
|
||||||
|
// isCRUDFilter
|
||||||
|
// ? null
|
||||||
|
// : getSchemaTpl('switch', {
|
||||||
|
// name: 'submitOnInit',
|
||||||
|
// label: tipedLabel(
|
||||||
|
// '初始化后提交一次',
|
||||||
|
// '开启后，表单初始完成便会触发一次提交'
|
||||||
|
// )
|
||||||
|
// }),
|
||||||
|
isInDialog
|
||||||
|
? getSchemaTpl('switch', {
|
||||||
|
label: '提交后关闭对话框',
|
||||||
|
name: 'closeDialogOnSubmit',
|
||||||
|
pipeIn: (value: any) => value !== false
|
||||||
|
})
|
||||||
|
: null
|
||||||
|
// isCRUDFilter
|
||||||
|
// ? null
|
||||||
|
// : {
|
||||||
|
// label: tipedLabel(
|
||||||
|
// '提交其他组件',
|
||||||
|
// '可以通过设置此属性，把当前表单的值提交给目标组件，而不是自己来通过接口保存，请填写目标组件的 <code>name</code> 属性，多个组件请用逗号隔开。当 <code>target</code> 为 <code>window</code> 时，则把表单数据附属到地址栏。'
|
||||||
|
// ),
|
||||||
|
// name: 'target',
|
||||||
|
// type: 'input-text',
|
||||||
|
// placeholder: '请输入组件name',
|
||||||
|
// ...justifyLayout(4)
|
||||||
|
// },
|
||||||
|
// getSchemaTpl('reload', {
|
||||||
|
// test: !isCRUDFilter
|
||||||
|
// }),
|
||||||
|
// isCRUDFilter
|
||||||
|
// ? null
|
||||||
|
// : {
|
||||||
|
// type: 'ae-switch-more',
|
||||||
|
// mode: 'normal',
|
||||||
|
// label: tipedLabel(
|
||||||
|
// '提交后跳转',
|
||||||
|
// '当设置此值后，表单提交完后跳转到目标地址'
|
||||||
|
// ),
|
||||||
|
// formType: 'extend',
|
||||||
|
// form: {
|
||||||
|
// mode: 'horizontal',
|
||||||
|
// horizontal: {
|
||||||
|
// justify: true,
|
||||||
|
// left: 4
|
||||||
|
// },
|
||||||
|
// body: [
|
||||||
|
// {
|
||||||
|
// label: '跳转地址',
|
||||||
|
// name: 'redirect',
|
||||||
|
// type: 'input-text',
|
||||||
|
// placeholder: '请输入目标地址'
|
||||||
|
// }
|
||||||
|
// ]
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '组合校验',
|
||||||
|
body: [
|
||||||
|
{
|
||||||
|
name: 'rules',
|
||||||
|
label: false,
|
||||||
|
type: 'combo',
|
||||||
|
multiple: true,
|
||||||
|
multiLine: true,
|
||||||
|
subFormMode: 'horizontal',
|
||||||
|
placeholder: '',
|
||||||
|
addBtn: {
|
||||||
|
label: '添加校验规则',
|
||||||
|
block: true,
|
||||||
|
icon: 'fa fa-plus',
|
||||||
|
className: cx('ae-Button--enhance')
|
||||||
},
|
},
|
||||||
{
|
items: [
|
||||||
name: 'message',
|
{
|
||||||
label: '报错提示',
|
type: 'ae-formulaControl',
|
||||||
type: 'input-text',
|
name: 'rule',
|
||||||
...justifyLayout(4)
|
label: '校验规则',
|
||||||
}
|
...justifyLayout(4)
|
||||||
]
|
},
|
||||||
}
|
{
|
||||||
]
|
name: 'message',
|
||||||
},
|
label: '报错提示',
|
||||||
{
|
type: 'input-text',
|
||||||
title: '状态',
|
...justifyLayout(4)
|
||||||
body: [
|
}
|
||||||
getSchemaTpl('disabled'),
|
]
|
||||||
getSchemaTpl('visible'),
|
}
|
||||||
getSchemaTpl('static')
|
]
|
||||||
]
|
},
|
||||||
},
|
{
|
||||||
{
|
title: '状态',
|
||||||
title: '高级',
|
body: [
|
||||||
body: [
|
getSchemaTpl('disabled'),
|
||||||
getSchemaTpl('switch', {
|
getSchemaTpl('visible'),
|
||||||
name: 'debug',
|
getSchemaTpl('static')
|
||||||
label: tipedLabel('开启调试', '在表单顶部显示当前表单的数据')
|
]
|
||||||
})
|
},
|
||||||
]
|
{
|
||||||
}
|
title: '高级',
|
||||||
])
|
body: [
|
||||||
|
getSchemaTpl('switch', {
|
||||||
|
name: 'debug',
|
||||||
|
label: tipedLabel(
|
||||||
|
'开启调试',
|
||||||
|
'在表单顶部显示当前表单的数据'
|
||||||
|
)
|
||||||
|
})
|
||||||
|
]
|
||||||
|
}
|
||||||
|
].filter(Boolean)
|
||||||
|
)
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: '外观',
|
title: '外观',
|
||||||
@ -1184,34 +1259,53 @@ export class FormPlugin extends BasePlugin {
|
|||||||
* 为了让 form 的按钮可以点击编辑
|
* 为了让 form 的按钮可以点击编辑
|
||||||
*/
|
*/
|
||||||
patchSchema(schema: Schema, info: RendererConfig, props: any) {
|
patchSchema(schema: Schema, info: RendererConfig, props: any) {
|
||||||
|
let shouldUpdateSchema = false;
|
||||||
|
let patchedSchema: Schema = {...schema};
|
||||||
|
|
||||||
if (
|
if (
|
||||||
Array.isArray(schema.actions) ||
|
!(
|
||||||
schema.wrapWithPanel === false ||
|
Array.isArray(schema.actions) ||
|
||||||
(Array.isArray(schema.body) &&
|
schema.wrapWithPanel === false ||
|
||||||
schema.body.some(
|
(Array.isArray(schema.body) &&
|
||||||
(item: any) =>
|
schema.body.some(
|
||||||
item &&
|
(item: any) =>
|
||||||
!!~['submit', 'button', 'button-group', 'reset'].indexOf(
|
item &&
|
||||||
(item as any)?.body?.[0]?.type ||
|
!!~['submit', 'button', 'button-group', 'reset'].indexOf(
|
||||||
(item as any)?.body?.type ||
|
(item as any)?.body?.[0]?.type ||
|
||||||
(item as any).type
|
(item as any)?.body?.type ||
|
||||||
)
|
(item as any).type
|
||||||
))
|
)
|
||||||
|
))
|
||||||
|
)
|
||||||
) {
|
) {
|
||||||
return;
|
shouldUpdateSchema = true;
|
||||||
|
patchedSchema = {
|
||||||
|
...patchedSchema,
|
||||||
|
actions: [
|
||||||
|
{
|
||||||
|
type: 'submit',
|
||||||
|
label:
|
||||||
|
props?.translate(props?.submitText) ||
|
||||||
|
schema.submitText ||
|
||||||
|
'提交',
|
||||||
|
primary: true
|
||||||
|
}
|
||||||
|
]
|
||||||
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
return {
|
if (!_isModelComp(schema)) {
|
||||||
...schema,
|
/** 存量数据可能未设置过feat, 需要添加一下 */
|
||||||
actions: [
|
if (!schema.feat) {
|
||||||
{
|
shouldUpdateSchema = true;
|
||||||
type: 'submit',
|
patchedSchema = {
|
||||||
label:
|
...patchedSchema,
|
||||||
props?.translate(props?.submitText) || schema.submitText || '提交',
|
feat: this.guessDSFeatFromSchema(schema)
|
||||||
primary: true
|
};
|
||||||
}
|
}
|
||||||
]
|
}
|
||||||
};
|
|
||||||
|
return shouldUpdateSchema ? patchedSchema : undefined;
|
||||||
}
|
}
|
||||||
|
|
||||||
async getAvailableContextFields(
|
async getAvailableContextFields(
|
||||||
|
|||||||
@ -80,3 +80,39 @@ export function escapeFormula(conf: any, keys: string[] = ['tpl']) {
|
|||||||
return value;
|
return value;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 判断给定的 schema 是否为 model 组件
|
||||||
|
*
|
||||||
|
* @param schema schema 对象
|
||||||
|
* @returns 如果给定的 schema 是 model 组件则返回 true，否则返回 false
|
||||||
|
*/
|
||||||
|
export function _isModelComp(schema: Record<string, any>): boolean {
|
||||||
|
if (!schema) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
schema.hasOwnProperty('$$m') &&
|
||||||
|
(schema.$$m?.type === 'list' || schema.$$m?.type === 'form')
|
||||||
|
) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
const extraEvaluation = ['source', 'api', 'initApi'].some(key => {
|
||||||
|
if (schema?.[key] && typeof schema[key] === 'string') {
|
||||||
|
return schema?.[key].startsWith('model://');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (schema?.[key]?.url && typeof schema[key].url === 'string') {
|
||||||
|
return (
|
||||||
|
schema[key].url.startsWith('model://') &&
|
||||||
|
!schema[key].hasOwnProperty('strategy')
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
|
||||||
|
return extraEvaluation;
|
||||||
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user