108 lines
3.4 KiB
JavaScript
108 lines
3.4 KiB
JavaScript
/**
|
||
* 添加字段信息功能模块
|
||
* 负责获取表单配置并添加字段信息标签
|
||
*/
|
||
|
||
import { generateFields } from './fields.js';
|
||
import { getGuestSpaceId, getAppId, isInDetailPage, isInAdminFormPage } from '../../utils/kintone-utils.js';
|
||
import { FieldLabelProcessor } from '../../page/detail/field-label-processor.js';
|
||
import { AdminFieldLabelProcessor } from '../../page/admin/form/admin-field-label-processor.js';
|
||
import { KintoneRestAPIClient } from '@kintone/rest-api-client';
|
||
import { PAGE_TYPES } from '../../utils/constants.js';
|
||
|
||
/**
|
||
* 从 Kintone API 获取表单数据
|
||
* @param {number} appId - 应用 ID
|
||
* @param {boolean} isPreview - 是否为预览模式
|
||
* @returns {Promise<Object>} 表单字段和布局数据
|
||
*/
|
||
const fetchFormData = async (appId, isPreview) => {
|
||
try {
|
||
// 初始化 Kintone REST API 客户端
|
||
const client = new KintoneRestAPIClient({
|
||
guestSpaceId: getGuestSpaceId(), // 访客空间 ID，支持在访客空间中工作
|
||
});
|
||
|
||
const [formFieldsResult, layoutResult] = await Promise.all([
|
||
client.app.getFormFields({
|
||
app: appId,
|
||
preview: isPreview,
|
||
}),
|
||
client.app.getFormLayout({
|
||
app: appId,
|
||
preview: isPreview,
|
||
}),
|
||
]);
|
||
|
||
if (!formFieldsResult?.properties) {
|
||
throw new Error('Failed to retrieve form field data');
|
||
}
|
||
|
||
if (!layoutResult?.layout) {
|
||
throw new Error('Failed to retrieve form layout data');
|
||
}
|
||
|
||
return {
|
||
formFields: formFieldsResult.properties, // 表单字段属性
|
||
layout: layoutResult.layout, // 表单布局配置
|
||
};
|
||
} catch (error) {
|
||
console.error('Failed to fetch form data: ', error);
|
||
throw new Error(`Unable to retrieve form configuration: ${error.message}`);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 主函数：为 Kintone 表单添加字段信息标签
|
||
* @returns {Promise<void>}
|
||
*/
|
||
export const addFieldLabel = async () => {
|
||
try {
|
||
const appId = getAppId();
|
||
if (!appId || typeof appId !== 'number') {
|
||
return;
|
||
}
|
||
|
||
// 创建字段标签处理器实例
|
||
const labelProcessor = getFieldLabelProcessor(appId);
|
||
if (!labelProcessor) {
|
||
console.warn('Unable to create field label processor')
|
||
return;
|
||
}
|
||
|
||
// 从 API 获取表单配置数据
|
||
const { formFields, layout } = await fetchFormData(appId, labelProcessor.isPreview());
|
||
|
||
// 处理字段并生成标签数据
|
||
const { fields: fieldsWithLabels, spacers: spacerElements } =
|
||
generateFields(formFields, layout);
|
||
|
||
console.log(`Processed ${fieldsWithLabels.length} fields and ${spacerElements.length} spacer elements`);
|
||
|
||
labelProcessor.beforeProcess(formFields, layout, fieldsWithLabels, spacerElements);
|
||
// 字段元素
|
||
labelProcessor.processFieldLabels(fieldsWithLabels, layout);
|
||
// 间距元素
|
||
labelProcessor.processSpacerLabels(spacerElements, layout);
|
||
|
||
} catch (error) {
|
||
console.error('Failed to add field information: ', error);
|
||
throw error;
|
||
}
|
||
};
|
||
|
||
const getFieldLabelProcessor = (appId) => {
|
||
if (isInDetailPage()) {
|
||
return new FieldLabelProcessor({
|
||
appId,
|
||
pageType: PAGE_TYPES.DETAIL // 当前专注于详情页面
|
||
});
|
||
}
|
||
if (isInAdminFormPage()) {
|
||
return new AdminFieldLabelProcessor({
|
||
appId,
|
||
pageType: PAGE_TYPES.ADMIN // admin 表单页面
|
||
});
|
||
}
|
||
};
|