@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.0

package/es/schema/begin-drag/begin-drag.mjs

@@ -0,0 +1,108 @@
+import { designRegister, platform } from "../../utils/design-view/index.mjs";
+import { basicAttrsUtils } from "../../utils/field-attrs/basicAttrs.mjs";
+import { transformField2Component } from "../../utils/field-attrs/index.mjs";
+import "../../utils/index.mjs";
+import { runSubtableFieldWidget, runWidget } from "../field/data-table-column.mjs";
+import { useDesigner } from "../../hooks/design-view/useDesigner.mjs";
+import { useAsyncOperateField } from "../../hooks/widgets/useAsyncFields.mjs";
+import "../../hooks/index.mjs";
+import { cloneDeep, get, merge } from "lodash-es";
+import { CreateType, EntityModelTypeEnum, FIELD_TYPE, FieldIconMap, FormComponents, MaterialEnum, Platform, buildShortUUID } from "@gct-paas/core";
+import { transformI18n } from "@gct-paas/schema";
+//#region src/schema/begin-drag/begin-drag.ts
+var { unBindAsyncStatus } = useAsyncOperateField();
+/**
+*
+* @param data 字段信息
+* @param param1.materialType 字段所属类型
+* @param param1.preLocation 字段所属组件id(组件标识)
+* @returns
+*/
+function beginDrag(data, { materialType = MaterialEnum.MaterialFormField, preLocation = "" } = {}) {
+	const cloneData = cloneDeep(data);
+	const basic = {
+		id: buildShortUUID(cloneData.type),
+		platform: platform.value,
+		name: `sys.pageDesigner.fieldCmp.${cloneData.type}`,
+		icon: FieldIconMap[cloneData.type],
+		alias: cloneData.name,
+		isField: true,
+		materialType: materialType || MaterialEnum.MaterialFormField,
+		preLocation
+	};
+	const { cmpKey, attrsTransform = [] } = transformField2Component((() => {
+		if (data.createType === CreateType.SYSTEM) return FIELD_TYPE.SERIAL;
+		if (data.createType === CreateType.BUILTIN && data.key === "full_path_") return FIELD_TYPE.SERIAL;
+		if (data.createType === CreateType.BUILTIN) {
+			if (cloneData.modelType === EntityModelTypeEnum.DYNAMIC_FORM || cloneData.modelType === "CHECK_LIST") {
+				if (cloneData.key === "type_") return FormComponents.DynamicFormType;
+				else if (cloneData.key === "value_" || cloneData.key === "default_value_") return FormComponents.DynamicFormValue;
+				else if (cloneData.key === "options_") return FormComponents.DynamicFormOpts;
+				else if (cloneData.key === "show_type_") return FormComponents.DynamicFormShowType;
+			}
+			if (cloneData.key === "workflow_step_nodes_" || cloneData.key === "operations_") return "workflow_nodes";
+			if (cloneData.modelType === EntityModelTypeEnum.RDO && cloneData.rdoUniqueFieldKey && !cloneData.isFieldModel) return "rdo_input";
+			if ((cloneData.key === "name_" || cloneData.key === "table_name_") && cloneData.modelType === EntityModelTypeEnum.WORKFLOW && !cloneData.isFieldModel) return "rdo_input";
+		}
+		if (cloneData.type === FIELD_TYPE.MASTERSLAVE && cloneData.refModelType === EntityModelTypeEnum.DYNAMIC_FORM) return FormComponents.DynamicTable;
+		return cloneData.type;
+	})()) || {};
+	const provider = designRegister.value.getProvider(cmpKey);
+	if (!provider) throw new Error(`Component for field type ${cloneData.type} is not registered.`);
+	const cmp = cloneDeep(provider.schema);
+	const otherAttrs = Object.fromEntries(attrsTransform.concat((() => {
+		if (cloneData.isFieldModel) return [...basicAttrsUtils.readonly, ...basicAttrsUtils.bindFieldKey];
+		if (materialType === MaterialEnum.MaterialTableSelectField || materialType === MaterialEnum.DescriptionsFormField) return [...basicAttrsUtils.readonly];
+		return [];
+	})()).filter((item) => {
+		if (cloneData.isFieldModel && [
+			"required",
+			"fieldRequired",
+			"defaultValue",
+			"defaultMain",
+			"defaultSysDate"
+		].includes(item.to)) return false;
+		if (materialType === MaterialEnum.MaterialTableSelectField && ["required", "fieldRequired"].includes(item.to)) return false;
+		return true;
+	}).map((row) => {
+		const value = get(cloneData, row.from);
+		return [row.to, row.transform ? row.transform(value, cloneData) : value];
+	}));
+	merge(cmp.props, {
+		field: cloneData.key,
+		fieldId: cloneData.id,
+		fieldType: cloneData.type,
+		fieldCodeChain: cloneData.fieldCodeChain,
+		isFieldModel: cloneData.isFieldModel,
+		isCustomField: cloneData.createType === CreateType.CUSTOM || [FIELD_TYPE.DATA_TABLE_FORMULA, FIELD_TYPE.READONLYCMP].includes(cloneData.type),
+		label: null,
+		fieldName: cloneData.name,
+		modelKey: cloneData.modelKey,
+		bindModelKey: cloneData.bindInfo,
+		uniqueConstraintType: cloneData.uniqueConstraint?.type,
+		rdoUniqueFieldKey: cloneData.rdoUniqueFieldKey,
+		modeldata: {
+			modelCategory: cloneData.modelCategory,
+			modelType: cloneData.modelType
+		},
+		...otherAttrs
+	});
+	if (cloneData.modelCategory === "view") merge(cmp.props, {
+		fieldReadonly: true,
+		readonly: true,
+		fieldRequired: false,
+		required: false
+	});
+	transformI18n(cmp.props);
+	const widget = merge(cmp, basic);
+	provider.beforeCreate?.(widget);
+	if (materialType === MaterialEnum.MaterialTableField) return runWidget(widget);
+	if ([MaterialEnum.MaterialSubTableField, MaterialEnum.MaterialTableSelectField].includes(materialType) && (widget.platform === Platform.WEB || widget.platform === Platform.PAD)) return runSubtableFieldWidget(widget);
+	if (materialType === MaterialEnum.MaterialSubTableModalField) {
+		const { subTableModalId } = useDesigner();
+		unBindAsyncStatus(subTableModalId.value);
+	}
+	return widget;
+}
+//#endregion
+export { beginDrag };

package/es/schema/common-config/autofill-editor-config.d.ts

@@ -0,0 +1,5 @@
+import { PropGroup } from '@gct-paas/core';
+import { LowCodeWidget } from '@gct-paas/schema';
+export declare const getAutofillEditor: ({ groupName, }: {
+    groupName: PropGroup;
+}) => LowCodeWidget.PropEditor[];

package/es/schema/common-config/autofill-editor-config.mjs

@@ -0,0 +1,34 @@
+import { FIELD_TYPE } from "@gct-paas/core";
+import "@gct-paas/schema";
+//#region src/schema/common-config/autofill-editor-config.ts
+var SHOW_FIELD_TYPE = [
+	FIELD_TYPE.REF,
+	FIELD_TYPE.USER,
+	FIELD_TYPE.ORG,
+	FIELD_TYPE.RDO_REF,
+	FIELD_TYPE.ATTACHMENT,
+	FIELD_TYPE.ESOP
+];
+var getAutofillEditor = ({ groupName }) => {
+	return [{
+		component: "switch-editor",
+		name: "enableAutofill",
+		label: "sys.pageDesigner.dataFill",
+		group: groupName,
+		hidden: (widget) => {
+			if (widget.props.bindFieldKey || widget.props.fieldReadonly) return true;
+			return !SHOW_FIELD_TYPE.includes(widget.props.fieldType) || !!widget.props.multiple;
+		}
+	}, {
+		component: "autofill-editor",
+		name: "autofillRules",
+		label: "",
+		group: groupName,
+		hidden: (widget) => {
+			if (widget.props.bindFieldKey || widget.props.fieldReadonly) return true;
+			return !SHOW_FIELD_TYPE.includes(widget.props.fieldType) || widget.props.enableAutofill === false || !!widget.props.multiple;
+		}
+	}];
+};
+//#endregion
+export { getAutofillEditor };

package/es/schema/common-config/base-button-config.d.ts

@@ -0,0 +1,3 @@
+import { BaseButtonProps, LowCodeWidget } from '@gct-paas/schema';
+export declare const baseBtnProp: BaseButtonProps;
+export declare const baseBtnEditor: LowCodeWidget.PropEditor[];

package/es/schema/common-config/base-button-config.mjs

@@ -0,0 +1,76 @@
+import { displayProps } from "./display-editor-config.mjs";
+import { ButtonSize, ButtonStyle, ButtonType, PropGroup } from "@gct-paas/core";
+//#region src/schema/common-config/base-button-config.ts
+var baseBtnProp = {
+	disabled: false,
+	icon: "icon-park:all-application",
+	iconColor: "",
+	title: "${sys.pageDesigner.button}",
+	buttonStyle: ButtonStyle.ORDINARY,
+	confirm: false,
+	confirmText: "",
+	hasIcon: false,
+	hasText: true,
+	type: ButtonType.PRIMARY,
+	danger: false,
+	size: ButtonSize.DEFAULT,
+	enableCustomColor: false,
+	backgroundColor: "",
+	fontColor: "",
+	...displayProps
+};
+var baseBtnEditor = [
+	{
+		component: "text-editor",
+		name: "title",
+		label: "sys.pageDesigner.buttonName",
+		group: PropGroup.BASIC,
+		_config: {
+			i18n: true,
+			showCount: true,
+			maxlength: 32
+		},
+		changeCallback: (widget, val) => {
+			widget.alias = val;
+		}
+	},
+	{
+		component: "button-type-editor",
+		name: {
+			type: "type",
+			danger: "danger",
+			icon: "icon",
+			label: "label",
+			hasText: "hasText",
+			hasIcon: "hasIcon"
+		},
+		label: "sys.pageDesigner.buttonType",
+		group: PropGroup.BUTTON
+	},
+	{
+		component: "icon-editor",
+		name: {
+			icon: "icon",
+			iconColor: "iconColor"
+		},
+		label: "sys.pageDesigner.buttonIcon",
+		group: PropGroup.BUTTON,
+		hidden: (widget) => {
+			return !widget.props.hasIcon;
+		}
+	},
+	{
+		component: "radio-bgc-editor",
+		name: "size",
+		label: "sys.pageDesigner.buttonSize",
+		group: PropGroup.BUTTON,
+		_config: { options: Object.values(ButtonSize).map((i) => {
+			return {
+				value: i,
+				label: "sys.pageDesigner." + i
+			};
+		}) }
+	}
+];
+//#endregion
+export { baseBtnEditor, baseBtnProp };

package/es/schema/common-config/button-editor-config.d.ts

@@ -0,0 +1,4 @@
+import { ButtonBasicProps, LowCodeWidget } from '@gct-paas/schema';
+export declare const buttonProps: ButtonBasicProps;
+export declare const buttonEditor: LowCodeWidget.PropEditor[];
+export declare const buttonStyleEditor: LowCodeWidget.StyleEditor[];

package/es/schema/common-config/button-editor-config.mjs

@@ -0,0 +1,134 @@
+import { platform } from "../../utils/design-view/index.mjs";
+import "../../utils/index.mjs";
+import { hiddenButtonProps } from "./button-props-func.mjs";
+import { ButtonColorTheme, ButtonColorType, ButtonSize, ButtonStyle, Platform, PropGroup, StyleGroup } from "@gct-paas/core";
+//#region src/schema/common-config/button-editor-config.ts
+var buttonProps = {
+	disabled: false,
+	buttonTheme: ButtonColorTheme.DEFAULT,
+	buttonType: ButtonColorType.DEFAULT,
+	icon: "",
+	iconColor: "",
+	confirm: false,
+	confirmText: "",
+	buttonStyle: ButtonStyle.ORDINARY,
+	enableCustomColor: false,
+	backgroundColor: "",
+	fontColor: ""
+};
+var buttonEditor = [
+	{
+		component: "button-type-editor",
+		name: {
+			type: "type",
+			danger: "danger",
+			icon: "icon",
+			label: "label",
+			hasText: "hasText",
+			hasIcon: "hasIcon"
+		},
+		label: "sys.pageDesigner.buttonType",
+		group: PropGroup.ButtonStyle,
+		hidden: (widget) => {
+			return hiddenButtonProps(widget);
+		}
+	},
+	{
+		component: "icon-editor",
+		name: {
+			icon: "icon",
+			iconColor: "iconColor"
+		},
+		label: "sys.pageDesigner.buttonIcon",
+		group: PropGroup.ButtonStyle,
+		hidden: (widget) => {
+			return !widget.props.hasIcon || hiddenButtonProps(widget);
+		},
+		_config: { clearable: false }
+	},
+	{
+		component: "switch-editor",
+		name: "enableCustomColor",
+		label: "sys.pageDesigner.customBtnColor",
+		group: PropGroup.ButtonStyle,
+		hidden: (widget) => {
+			return hiddenButtonProps(widget);
+		}
+	},
+	{
+		component: "button-color-editor",
+		name: "fontColor",
+		label: "sys.pageDesigner.buttonNameColor",
+		group: PropGroup.ButtonStyle,
+		_config: { isInRow: true },
+		hidden: (widget) => {
+			return !widget.props.enableCustomColor;
+		}
+	},
+	{
+		component: "button-color-editor",
+		name: "backgroundColor",
+		label: "sys.pageDesigner.buttonStyleColor",
+		group: PropGroup.ButtonStyle,
+		_config: { isInRow: true },
+		hidden: (widget) => {
+			return !widget.props.enableCustomColor || widget.props.type === "link";
+		}
+	},
+	{
+		component: "radio-bgc-editor",
+		name: "size",
+		label: "sys.pageDesigner.buttonSize",
+		group: PropGroup.ButtonStyle,
+		hidden: (widget) => {
+			return hiddenButtonProps(widget) || platform.value === Platform.MOBILE;
+		},
+		_config: { options: Object.values(ButtonSize).map((i) => {
+			return {
+				value: i,
+				label: "sys.pageDesigner." + i
+			};
+		}) }
+	},
+	{
+		component: "switch-editor",
+		name: "confirm",
+		label: "sys.pageDesigner.confirm",
+		group: PropGroup.ButtonStyle,
+		hidden: (widget) => {
+			return hiddenButtonProps(widget);
+		},
+		_config: { tooltip: "sys.pageDesigner.buttonConfirm" }
+	},
+	{
+		component: "texteare-editor",
+		name: "confirmText",
+		label: "sys.pageDesigner.regHint",
+		group: PropGroup.ButtonStyle,
+		_config: {
+			i18n: true,
+			placeholder: "sys.pageDesigner.confirmTodo"
+		},
+		hidden: (widget) => {
+			return !widget.props.confirm || hiddenButtonProps(widget);
+		}
+	}
+];
+var buttonStyleEditor = [{
+	component: "position-editor",
+	name: "position",
+	label: "sys.pageDesigner.position",
+	group: StyleGroup.LAYOUT,
+	hidden: (widget) => {
+		return !!widget.props.parentWidgetId || !!widget.preLocation;
+	}
+}, {
+	component: "margin-editor",
+	group: StyleGroup.MARGIN,
+	hidden: (widget) => {
+		return !!widget.props.parentWidgetId || !!widget.preLocation;
+	},
+	_config: { hiddenMarginOrPadding: "padding" }
+}];
+//#endregion
+export { buttonEditor, buttonProps, buttonStyleEditor };

package/es/schema/common-config/button-props-func.d.ts

@@ -0,0 +1,5 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+/**
+ * 按钮组件属性显隐控制判断
+ */
+export declare function hiddenButtonProps(widget: LowCodeWidget.BasicSchema): boolean;

package/es/schema/common-config/button-props-func.mjs

@@ -0,0 +1,11 @@
+//#region src/schema/common-config/button-props-func.ts
+/**
+* 按钮组件属性显隐控制判断
+*/
+function hiddenButtonProps(widget) {
+	if (Object.prototype.hasOwnProperty.call(widget.props, "model")) return !widget.props.model;
+	if (Object.prototype.hasOwnProperty.call(widget.props, "refForm")) return !widget.props.refForm;
+	return false;
+}
+//#endregion
+export { hiddenButtonProps };

package/es/schema/common-config/column-editor-config.d.ts

@@ -0,0 +1,6 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+/** 列固定config */
+declare const fixedAlignEditor: LowCodeWidget.PropEditor[];
+export { 
+/** 列固定config */
+fixedAlignEditor, };

package/es/schema/common-config/column-editor-config.mjs

@@ -0,0 +1,28 @@
+import { Platform, PropGroup, fixedAlignENUM } from "@gct-paas/core";
+//#region src/schema/common-config/column-editor-config.ts
+/** 列固定config */
+var fixedAlignEditor = [{
+	component: "radio-icon-editor",
+	name: "fixedAlign",
+	label: "sys.pageDesigner.columnFixed",
+	group: PropGroup.SHOW,
+	_config: { options: [
+		{
+			label: "sys.pageDesigner.left",
+			value: fixedAlignENUM.LEFT
+		},
+		{
+			label: "sys.pageDesigner.none",
+			value: fixedAlignENUM.NONE
+		},
+		{
+			label: "sys.pageDesigner.right",
+			value: fixedAlignENUM.RIGHT
+		}
+	] },
+	hidden(widget) {
+		return widget.platform === Platform.PAD;
+	}
+}];
+//#endregion
+export { fixedAlignEditor };

package/es/schema/common-config/common-event-config.d.ts

@@ -0,0 +1,6 @@
+export declare const deviceEvent: {
+    name: string;
+    title: string;
+    params: string[];
+    hidden: (widget: IObject) => boolean;
+}[];

package/es/schema/common-config/common-event-config.mjs

@@ -0,0 +1,16 @@
+import { MaterialEnum, Platform } from "@gct-paas/core";
+//#region src/schema/common-config/common-event-config.ts
+var deviceEvent = [{
+	name: "afterDeviceFill",
+	title: "sys.pageDesigner.afterDeviceFill",
+	params: [
+		"value",
+		"deviceData",
+		"formData"
+	],
+	hidden: (widget) => {
+		return widget.platform !== Platform.WEB || ![MaterialEnum.MaterialFormField].includes(widget.materialType);
+	}
+}];
+//#endregion
+export { deviceEvent };

package/es/schema/common-config/common-field-editor-config.d.ts

@@ -0,0 +1,49 @@
+import { BindCmpStyleEnum, BindCmpStyleTypeEnum, PropGroup } from '@gct-paas/core';
+import { IBasicSchema, LowCodeModal, LowCodeWidget } from '@gct-paas/schema';
+/** 字段名称和显示标题config */
+export declare const basicFieldEditor: LowCodeWidget.PropEditor[];
+/** 暗提示config */
+export declare const placeholderEditor: LowCodeWidget.PropEditor[];
+/** 获取输入属性config */
+export declare const getInputAttrEditor: (needFieldAttrs: string[]) => LowCodeWidget.PropEditor[];
+/** 获取组件类型config */
+export declare const getBindCmpTypeEditor: ({ name, type, hiddenCallback, filterOptionsCallback, groupName, }: {
+    name: string;
+    type: BindCmpStyleTypeEnum | ((arg: LowCodeWidget.BasicSchema) => BindCmpStyleTypeEnum | undefined);
+    hiddenCallback?: (arg: LowCodeWidget.BasicSchema | LowCodeModal.Modal) => boolean;
+    filterOptionsCallback?: (arg: BindCmpStyleEnum, widget?: LowCodeWidget.BasicSchema) => boolean;
+    groupName?: string;
+}) => LowCodeWidget.PropEditor[];
+/** 填写说明config */
+export declare const explainEditor: LowCodeWidget.PropEditor[];
+/** 正则表达式校验config */
+export declare const regexEditor: LowCodeWidget.PropEditor[];
+/** 隐藏时不提交config */
+export declare const submitInHideEditor: LowCodeWidget.PropEditor[];
+/** 文件上传拖拽开关config */
+export declare const uploadDraggerEditor: LowCodeWidget.PropEditor[];
+export declare const validatorEditor: LowCodeWidget.PropEditor[];
+/** 下拉列表、单选、多选公共config */
+export declare const SCREditorUtils: {
+    defaultValueEditor: {
+        component: string;
+        name: string;
+        label: string;
+        group: PropGroup;
+        formField: boolean;
+        hidden: (widget: IBasicSchema) => boolean;
+        _config: {
+            supportGlobData: boolean;
+            optionsvalidate: boolean;
+            options: (widget: IBasicSchema) => Promise<{
+                value: string | undefined;
+                label: string | undefined;
+            }[]>;
+            valueType: string;
+        };
+    }[];
+    bindCmpTypeEditor: import('@gct-paas/schema').IPropEditor[];
+};
+/** 自定义枚举值config */
+export declare const customMenu: LowCodeWidget.PropEditor[];
+export declare const multiFieldEditor: LowCodeWidget.PropEditor[];