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

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

@@ -0,0 +1,85 @@
+import { BorderStyle, TagTypeEnum, TextDecoration } from "@gct-paas/core";
+//#region src/schema/common-config/common-style.ts
+var commonStyle = {
+	position: "",
+	top: "",
+	left: "",
+	right: "",
+	bottom: "",
+	width: "",
+	height: "",
+	backgroundColor: "",
+	marginAll: "",
+	marginTop: "",
+	marginRight: "",
+	marginBottom: "",
+	marginLeft: "",
+	paddingAll: "",
+	paddingTop: "",
+	paddingRight: "",
+	paddingBottom: "",
+	paddingLeft: "",
+	labelFont: {
+		align: "left",
+		fontSize: "",
+		bold: false,
+		italic: false,
+		textDecoration: TextDecoration.NONE,
+		color: ""
+	},
+	contentFont: {
+		align: "left",
+		fontSize: "",
+		bold: false,
+		italic: false,
+		textDecoration: TextDecoration.NONE,
+		color: ""
+	},
+	tagStyle: {
+		color: "",
+		tagType: TagTypeEnum.RADIUS
+	},
+	tagStyleOpen: false,
+	borderAll: {
+		borderStyle: BorderStyle.NONE,
+		borderColor: "#F0F0F0",
+		borderWidth: "1"
+	},
+	borderLeft: {
+		borderStyle: BorderStyle.NONE,
+		borderColor: "#F0F0F0",
+		borderWidth: "1"
+	},
+	borderRight: {
+		borderStyle: BorderStyle.NONE,
+		borderColor: "#F0F0F0",
+		borderWidth: "1"
+	},
+	borderBottom: {
+		borderStyle: BorderStyle.NONE,
+		borderColor: "#F0F0F0",
+		borderWidth: "1"
+	},
+	borderTop: {
+		borderStyle: BorderStyle.NONE,
+		borderColor: "#F0F0F0",
+		borderWidth: "1"
+	},
+	borderTopRightRadius: "0",
+	borderTopLeftRadius: "0",
+	borderBottomRightRadius: "0",
+	borderBottomLeftRadius: "0",
+	borderAllRadius: "0"
+};
+var notNeedPxStyle = [
+	"position",
+	"backgroundColor",
+	"bold",
+	"italic",
+	"textDecoration",
+	"color",
+	"borderStyle",
+	"borderColor"
+];
+//#endregion
+export { commonStyle, notNeedPxStyle };

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

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

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

@@ -0,0 +1,70 @@
+import { hiddenButtonProps } from "./button-props-func.mjs";
+import { ASSIGNMENTSTRATEGY_ENUM, Dependency_ENUM, FIELD_TYPE, FormComponents, MaterialEnum, Platform, PropGroup } from "@gct-paas/core";
+import { padVTableSupportEditFieldTypes } from "@gct-paas/schema";
+//#region src/schema/common-config/display-editor-config.ts
+var displayProps = {
+	deviceConnectivity: false,
+	hidden: false,
+	componentDependency: {
+		sortDependency: [],
+		configDependency: {
+			[Dependency_ENUM.HIDDEN]: { expression: "" },
+			[Dependency_ENUM.READONLY]: { expression: "" },
+			[Dependency_ENUM.DISABLED]: { expression: "" },
+			[Dependency_ENUM.REQUIRED]: { expression: "" },
+			[Dependency_ENUM.ASSIGNMENT]: {
+				expression: "",
+				strategy: ASSIGNMENTSTRATEGY_ENUM.alwaysCover
+			}
+		}
+	}
+};
+var deviceFields = [
+	FIELD_TYPE.TEXT,
+	FIELD_TYPE.LONG_TEXT,
+	FIELD_TYPE.INTEGER,
+	FIELD_TYPE.LONG,
+	FIELD_TYPE.DOUBLE,
+	FIELD_TYPE.DECIMAL,
+	FIELD_TYPE.BOOLEAN,
+	FIELD_TYPE.DATE,
+	FIELD_TYPE.DATE_TIME,
+	FIELD_TYPE.MASTERSLAVE
+];
+var displayEditor = [
+	{
+		component: "dependency-editor",
+		name: "componentDependency",
+		label: "",
+		group: PropGroup.COMPONENTDEPENDENCY,
+		hidden: (widget) => {
+			if (widget.materialType === MaterialEnum.MaterialEmbedTableField) return true;
+			if (widget.type === FormComponents.Form && widget.preLocation) return true;
+			return hiddenButtonProps(widget) || widget.props.field === "operating_state_";
+		}
+	},
+	{
+		component: "switch-editor",
+		name: "notSubmitInHide",
+		label: "sys.pageDesigner.submitWhenHidden",
+		group: PropGroup.FIELD_CONFIG,
+		hidden(widget) {
+			return !widget.isField || !widget.props.field || widget.props.bindFieldKey || widget.props.fieldReadonly || widget.materialType === MaterialEnum.cardListFormField || [
+				FIELD_TYPE.EXPRESSION_CONDITION,
+				FIELD_TYPE.SERIALRULE,
+				FIELD_TYPE.LABEL_TEMPLATE
+			].includes(widget.props.fieldType) || !padVTableSupportEditFieldTypes.includes(widget.props.fieldType);
+		}
+	},
+	{
+		component: "switch-editor",
+		name: "deviceConnectivity",
+		label: "sys.pageDesigner.deviceConnectivity",
+		group: PropGroup.FIELD_CONFIG,
+		hidden: (widget) => {
+			return widget.platform !== Platform.WEB || ![MaterialEnum.MaterialFormField].includes(widget.materialType) || !deviceFields.includes(widget.props.fieldType);
+		}
+	}
+];
+//#endregion
+export { displayEditor, displayProps };

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

@@ -0,0 +1,2 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+export declare const formItemProps: LowCodeWidget.FormItemProps;

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

@@ -0,0 +1,20 @@
+import { displayProps } from "./display-editor-config.mjs";
+//#region src/schema/common-config/formItem-editor-config.ts
+var formItemProps = {
+	field: "",
+	fieldId: "",
+	label: "",
+	modelKey: "",
+	fieldType: void 0,
+	bindModelKey: void 0,
+	disabled: false,
+	explain: "",
+	showExplain: false,
+	displayLabelText: true,
+	readonly: false,
+	fieldReadonly: false,
+	notSubmitInHide: true,
+	...displayProps
+};
+//#endregion
+export { formItemProps };

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

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

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

@@ -0,0 +1,13 @@
+import { hiddenButtonProps } from "./button-props-func.mjs";
+import { PropGroup } from "@gct-paas/core";
+//#region src/schema/common-config/permission-editor-config.ts
+var permissionEditor = [{
+	component: "permission-editor",
+	label: "",
+	group: PropGroup.PERMISSION,
+	hidden: (widget) => {
+		return hiddenButtonProps(widget);
+	}
+}];
+//#endregion
+export { permissionEditor };

package/es/schema/field/card-list-field.d.ts

@@ -0,0 +1,4 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+export declare function runPropEditor(selected: IObject, propEditorList: LowCodeWidget.PropEditor[], isCard: boolean): LowCodeWidget.PropEditor[];
+export declare function runStyleEditor(): LowCodeWidget.StyleEditor[];
+export declare function runEventEditor(): never[];

package/es/schema/field/card-list-field.mjs

@@ -0,0 +1,269 @@
+import { displayEditor } from "../common-config/display-editor-config.mjs";
+import { basicFieldEditor, getBindCmpTypeEditor } from "../common-config/common-field-editor-config.mjs";
+import { BindCmpStyleEnum, BindCmpStyleTypeEnum, CURRENCY_ENUM, CURRENCY_LANG_ENUM, FIELD_TYPE, FormComponents, MaterialEnum, ProgressTypeEnum, PropGroup, SignatureTypeEnum, StyleGroup, TIMETYPE_ENUM, TIMETYPE_LANG_ENUM, TagTypeEnum, TextDecoration, buildShortUUID, tagEnum } from "@gct-paas/core";
+import { FieldEditorOverrideRegistry } from "@gct-paas/schema";
+//#region src/schema/field/card-list-field.ts
+function runPropEditor(selected, propEditorList, isCard) {
+	if ([
+		FIELD_TYPE.TEXT,
+		FIELD_TYPE.LONG_TEXT,
+		FIELD_TYPE.INTEGER,
+		FIELD_TYPE.LONG,
+		FIELD_TYPE.DOUBLE,
+		FIELD_TYPE.DECIMAL,
+		FIELD_TYPE.BOOLEAN,
+		FIELD_TYPE.ENUM,
+		FIELD_TYPE.ENUM_MULTI,
+		FIELD_TYPE.REF,
+		FIELD_TYPE.REF_MULTI,
+		FIELD_TYPE.TRANSACTION,
+		FIELD_TYPE.RDO_REF
+	].includes(selected.props.fieldType) && isCard) return propEditorList;
+	if (selected.type === FormComponents.EXPRESSION || selected.type === FormComponents.AGG) return propEditorList;
+	const propArr = [...basicFieldEditor, ...displayEditor];
+	if (selected.type === FormComponents.Signature) propArr.push({
+		component: "select-editor",
+		name: "signatureType",
+		label: "sys.pageDesigner.signatureType",
+		group: PropGroup.FIELD_CONFIG,
+		_config: {
+			showSearch: true,
+			options: Object.keys(SignatureTypeEnum).map((key) => {
+				return {
+					label: "sys.pageDesigner." + SignatureTypeEnum[key],
+					value: SignatureTypeEnum[key]
+				};
+			})
+		},
+		hidden: (widget) => {
+			return widget.props.fieldType !== FIELD_TYPE.SIGNATURE;
+		}
+	}, {
+		component: "datetime-style-editor",
+		name: "displayStyle",
+		label: "sys.pageDesigner.displayStyle",
+		group: PropGroup.FIELD_CONFIG,
+		hidden: (widget) => {
+			return widget.props.fieldType !== FIELD_TYPE.SIGNATURE || widget.props.signatureType !== SignatureTypeEnum.SIGNATURE_DATETIME;
+		}
+	}, {
+		component: "date-style-editor",
+		name: "displayStyle",
+		label: "sys.pageDesigner.displayStyle",
+		group: PropGroup.FIELD_CONFIG,
+		hidden: (widget) => {
+			return widget.props.fieldType !== FIELD_TYPE.SIGNATURE || widget.props.signatureType !== SignatureTypeEnum.SIGNATURE_DATE;
+		}
+	});
+	if (selected.type === FormComponents.UploadImage && !isCard) propArr.push({
+		component: "max-display-editor",
+		name: "displayMaxNum",
+		label: "sys.pageDesigner.displayMaxNum",
+		group: PropGroup.SHOW,
+		_config: {
+			min: 1,
+			max: 20,
+			precision: 0
+		}
+	});
+	if ([
+		FormComponents.Switch,
+		FormComponents.Select,
+		FormComponents.Radio,
+		FormComponents.Checkbox,
+		FormComponents.Input,
+		FormComponents.ElectronicSignature,
+		FormComponents.Inputnumber
+	].includes(selected.type)) {
+		propArr.push(...getBindCmpTypeEditor({
+			name: "bindCompStyleType",
+			hiddenCallback: (widget) => {
+				return [FIELD_TYPE.LONG_TEXT, FIELD_TYPE.TEXT].includes(widget.props.fieldType);
+			},
+			type: (widget) => {
+				if ([FIELD_TYPE.LONG_TEXT].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindLongText;
+				else if (FIELD_TYPE.BOOLEAN === widget.props.fieldType) return BindCmpStyleTypeEnum.BindBool;
+				else if ([FIELD_TYPE.USER].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindPerson;
+				else if ([FIELD_TYPE.ORG].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindDept;
+				else if ([FIELD_TYPE.REF, FIELD_TYPE.ENUM].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindLink;
+				else if ([
+					FIELD_TYPE.REF_MULTI,
+					FIELD_TYPE.ENUM_MULTI,
+					FIELD_TYPE.USER_MULTI,
+					FIELD_TYPE.ORG_MULTI
+				].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindMulti;
+				else if ([FIELD_TYPE.LONG, FIELD_TYPE.INTEGER].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindNum;
+				else if ([FIELD_TYPE.DECIMAL].includes(widget.props.fieldType)) return BindCmpStyleTypeEnum.BindDecimal;
+			}
+		}));
+		if (FormComponents.Inputnumber === selected.type) propArr.push(...[{
+			component: "select-editor",
+			name: "displayTimeType",
+			label: "sys.pageDesigner.timeType",
+			group: PropGroup.FIELD_CONFIG,
+			hidden: (widget) => {
+				return widget.props.bindCompStyleType !== BindCmpStyleEnum.CMP_TIME;
+			},
+			_config: {
+				showSearch: true,
+				placeholder: "sys.pageDesigner.timeType",
+				clearable: false,
+				options: Object.keys(TIMETYPE_ENUM).map((key) => {
+					return {
+						label: "sys.component.time." + TIMETYPE_LANG_ENUM[key],
+						value: TIMETYPE_ENUM[key]
+					};
+				})
+			}
+		}, {
+			component: "select-editor",
+			name: "currency",
+			label: "",
+			group: PropGroup.FIELD_CONFIG,
+			hidden: (widget) => {
+				return widget.props.bindCompStyleType !== BindCmpStyleEnum.CMP_CURRENCY;
+			},
+			_config: {
+				showSearch: true,
+				placeholder: "sys.chooseText",
+				clearable: false,
+				options: Object.keys(CURRENCY_ENUM).map((key) => {
+					return {
+						label: "sys.pageDesigner." + CURRENCY_LANG_ENUM[key],
+						value: CURRENCY_ENUM[key]
+					};
+				})
+			}
+		}]);
+	}
+	return propArr;
+}
+function runStyleEditor() {
+	return [
+		{
+			component: "position-editor",
+			name: "position",
+			label: "sys.pageDesigner.position",
+			group: StyleGroup.LAYOUT
+		},
+		{
+			component: "number-editor",
+			name: "width",
+			label: "sys.width",
+			group: StyleGroup.LAYOUT
+		},
+		{
+			component: "number-editor",
+			name: "height",
+			label: "sys.height",
+			group: StyleGroup.LAYOUT
+		},
+		{
+			component: "font-editor",
+			name: "labelFont",
+			label: "sys.name",
+			group: StyleGroup.STYLE
+		},
+		{
+			component: "font-editor",
+			name: "contentFont",
+			label: "sys.content",
+			group: StyleGroup.STYLE,
+			hidden(widget) {
+				return [
+					FIELD_TYPE.ATTACHMENT,
+					FIELD_TYPE.IMAGE,
+					FIELD_TYPE.DATA_TABLE_FORMULA
+				].includes(widget.props.fieldType);
+			},
+			_config: { hiddenColor: true }
+		},
+		{
+			component: "boolean-editor",
+			name: "tagStyleOpen",
+			label: "sys.pageDesigner.tagStyle",
+			group: StyleGroup.STYLE,
+			hidden(widget) {
+				if ([
+					FIELD_TYPE.ATTACHMENT,
+					FIELD_TYPE.IMAGE,
+					FIELD_TYPE.RDO_REF,
+					FIELD_TYPE.DATA_TABLE_FORMULA
+				].includes(widget.props.fieldType)) return true;
+				if ([FormComponents.Switch, FormComponents.EXPRESSION].includes(widget.type)) return widget.props.bindCompStyleType === BindCmpStyleEnum.CMP_BOOLEAN;
+				return false;
+			},
+			_config: {
+				showType: "checkbox",
+				options: [{
+					label: "sys.pageDesigner.configureContentAsLabelStyle",
+					value: true
+				}]
+			},
+			changeCallback: (widget, value) => {
+				if (value && !widget.style.tagStyle) widget.style.tagStyle = {
+					color: "",
+					tagType: TagTypeEnum.RADIUS
+				};
+			}
+		},
+		{
+			component: "tag-editor",
+			name: "tagStyle",
+			group: StyleGroup.STYLE,
+			hidden: (widget) => {
+				if ([FormComponents.Switch, FormComponents.EXPRESSION].includes(widget.type) && widget.props.bindCompStyleType === BindCmpStyleEnum.CMP_BOOLEAN) return true;
+				if (widget.props?.fieldType === FIELD_TYPE.DATA_TABLE_FORMULA) return true;
+				return !widget.style.tagStyleOpen;
+			}
+		},
+		{
+			component: "column-tag-editor",
+			name: "columnFontStyleByRule",
+			label: "",
+			group: StyleGroup.STYLE,
+			_config: { generator: getFontStyleRule },
+			hidden: (widget) => {
+				return widget.props?.fieldType !== FIELD_TYPE.DATA_TABLE_FORMULA;
+			}
+		}
+	];
+}
+function runEventEditor() {
+	return [];
+}
+FieldEditorOverrideRegistry.register(MaterialEnum.cardListFormField, {
+	events: (_selectedRef, _defaultEvents) => runEventEditor(),
+	propEditor: (selectedRef, defaultList, _preCompInfo) => {
+		return runPropEditor(selectedRef, defaultList, true);
+	},
+	styleEditor: (_selectedRef, _defaultWidget) => runStyleEditor()
+});
+/**添加样式规则 */
+function getFontStyleRule() {
+	return {
+		id: buildShortUUID("content"),
+		displayRule: "",
+		contentFont: {
+			fontSize: "",
+			bold: false,
+			italic: false,
+			textDecoration: TextDecoration.NONE,
+			color: "",
+			align: "left"
+		},
+		tagStyle: {
+			color: "#0DAA9C",
+			tagType: TagTypeEnum.RADIUS,
+			progressBarType: ProgressTypeEnum.CIRCLE
+		},
+		progressStyle: {
+			color: "#0DAA9C",
+			tagType: ProgressTypeEnum.CIRCLE
+		},
+		tagType: tagEnum.TAG,
+		tagStyleOpen: false
+	};
+}
+//#endregion
+export { runPropEditor };

package/es/schema/field/data-table-column.d.ts

@@ -0,0 +1,81 @@
+import { tableColumnWidthEnum, fixedAlignENUM, PropGroup, Platform, FormComponents, MaterialEnum } from '@gct-paas/core';
+import { ColumnTable, LowCodeWidget } from '@gct-paas/schema';
+/**字段拖入表格内的逻辑 */
+interface WidgetSchemas extends Omit<ColumnTable, 'props'> {
+    props: PartialByKeys<ColumnTable['props'], 'fieldType'>;
+}
+export declare function runWidget(widget: LowCodeWidget.FieldSchema): ColumnTable;
+export declare function runSubtableFieldWidget(widget: LowCodeWidget.FieldSchema): {
+    [key: string]: any;
+    props: import('@gct-paas/schema').IFormItemProps & import('@gct-paas/schema').IWidgetProps;
+    id: string;
+    platform: Platform;
+    categoryType?: import('@gct-paas/core').CategoryTypeEnum;
+    alias: string;
+    name: string;
+    compName?: string;
+    compKey?: string;
+    type: string | FormComponents;
+    icon: string;
+    children?: any[];
+    internal?: boolean;
+    description?: string;
+    style: Partial<import('@gct-paas/schema').IBasicStyle>;
+    events: import('@gct-paas/schema').IBasicEvents;
+    formItem?: boolean;
+    display?: import('@gct-paas/core').DisplayEnums;
+    displayName?: string;
+    i18n?: Record<string, string>;
+    isField?: boolean;
+    materialType?: MaterialEnum;
+    preLocation?: string;
+    ignoringStyle?: string[];
+    isReadonlyWidget?: boolean;
+    parentComponent?: FormComponents;
+    dropPlaceholder?: string;
+    _plugin?: import('@gct-paas/schema').PagePlugin;
+} & {
+    props: {
+        fixedAlign: fixedAlignENUM;
+        embeddedSearch: boolean;
+    };
+    style: {
+        columnwidthConfigure: tableColumnWidthEnum;
+        columnwidth: number;
+        columnFontStyleByRule: never[];
+        columnBackgroundByRule: never[];
+    };
+};
+export declare function webRunPropEditor(list: LowCodeWidget.PropEditor[]): (import('@gct-paas/schema').IPropEditor | {
+    component: string;
+    name: string;
+    label: string;
+    group: PropGroup;
+    _config: {
+        options: {
+            icon: string;
+            label: string;
+            value: string;
+        }[];
+        min?: undefined;
+        max?: undefined;
+        precision?: undefined;
+    };
+    hidden(widget: WidgetSchemas): true | undefined;
+} | {
+    component: string;
+    name: string;
+    label: string;
+    group: PropGroup;
+    _config: {
+        min: number;
+        max: number;
+        precision: number;
+        options?: undefined;
+    };
+    hidden(widget: WidgetSchemas): true | undefined;
+})[];
+export declare function runStyleEditor(): LowCodeWidget.StyleEditor[];
+export declare function mobileRunSubTableStyleEditor(): LowCodeWidget.StyleEditor[];
+export declare function runEventEditor(_list: LowCodeWidget.EventsType[]): never[];
+export {};