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

package/es/schema/field/data-table-column.mjs

@@ -0,0 +1,269 @@
+import { createdSearchField } from "../utils.mjs";
+import { fixedAlignEditor } from "../common-config/column-editor-config.mjs";
+import { merge } from "lodash-es";
+import { BindCmpStyleEnum, FIELD_TYPE, FormComponents, MaterialEnum, Platform, ProgressTypeEnum, PropGroup, StyleGroup, TagTypeEnum, TextDecoration, buildShortUUID, fixedAlignENUM, searchListByFieldType, t, tableColumnWidthEnum, tagEnum } from "@gct-paas/core";
+import "@gct-paas/schema";
+//#region src/schema/field/data-table-column.ts
+var columns = {
+	props: {
+		fixedAlign: fixedAlignENUM.NONE,
+		embeddedSearch: false
+	},
+	style: {
+		columnwidthConfigure: tableColumnWidthEnum.ATUO,
+		columnwidth: 100,
+		columnFontStyleByRule: [],
+		columnBackgroundByRule: []
+	}
+};
+var tempComponent = [];
+function runWidget(widget) {
+	const columnWidget = merge({}, { ...widget }, columns);
+	if (widget.platform === Platform.MOBILE) {
+		/**移动端汇总字段 */
+		columnWidget.style.columnwidth = 25;
+		columnWidget.style.columnwidthConfigure = tableColumnWidthEnum.ATUO;
+		return columnWidget;
+	}
+	/** bindFieldKey 存在必然是关联模型关联字段 不需要内嵌搜索*/
+	columnWidget.props.embeddedSearch = !columnWidget.props.bindFieldKey;
+	const searchField = searchListByFieldType.includes(widget.props.fieldType);
+	if (searchField && columnWidget.props.embeddedSearch) {
+		if (!tempComponent.includes(widget.props.fieldType)) {
+			const search = createdSearchField(widget.props);
+			if (search) {
+				search.alias = t("sys.pageDesigner.embeddedSearch");
+				columnWidget.children = [search];
+				search.materialType = MaterialEnum.MaterialTableField;
+			}
+		}
+		columnWidget.props.readonly = true;
+		columnWidget.props.required = false;
+	}
+	if (!searchField) {
+		columnWidget.props.readonly = true;
+		columnWidget.props.embeddedSearch = false;
+		columnWidget.props.required = false;
+		if (widget.props.fieldType === FIELD_TYPE.SERIAL) columnWidget.props.fieldReadonly = true;
+	}
+	return columnWidget;
+}
+function runSubtableFieldWidget(widget) {
+	return merge({}, { ...widget }, columns);
+}
+function webRunPropEditor(list) {
+	return [
+		...list,
+		...fixedAlignEditor,
+		{
+			component: "radio-display-editor",
+			name: "displayType",
+			label: "sys.pageDesigner.displayStyle",
+			group: PropGroup.SHOW,
+			_config: { options: [{
+				icon: "paperclip",
+				label: "sys.pageDesigner.oneFile",
+				value: "concise"
+			}, {
+				icon: "fujian",
+				label: "sys.pageDesigner.fileName",
+				value: "more"
+			}] },
+			hidden(widget) {
+				if (widget.props.fieldType !== FIELD_TYPE.ATTACHMENT) return true;
+			}
+		},
+		{
+			component: "max-display-editor",
+			name: "displayMaxNum",
+			label: "sys.pageDesigner.displayMaxNum",
+			group: PropGroup.SHOW,
+			_config: {
+				min: 1,
+				max: 20,
+				precision: 0
+			},
+			hidden(widget) {
+				if (widget.props.fieldType !== FIELD_TYPE.IMAGE) return true;
+			}
+		}
+	];
+}
+var styleUtils = {
+	columnWidthEditor: [{
+		component: "column-width-editor",
+		name: {
+			number: "columnwidth",
+			type: "columnwidthConfigure"
+		},
+		label: "",
+		group: StyleGroup.LAYOUT,
+		_config: { columnWidthEnum: [tableColumnWidthEnum.ATUO, tableColumnWidthEnum.ENUMERATION] },
+		hidden(widget) {
+			return widget.platform == Platform.MOBILE;
+		}
+	}, {
+		component: "column-width-editor",
+		name: {
+			percentage: "columnwidth",
+			type: "columnwidthConfigure"
+		},
+		label: "",
+		group: StyleGroup.LAYOUT,
+		_config: { columnWidthEnum: [tableColumnWidthEnum.ATUO, tableColumnWidthEnum.PERCENTAGE] },
+		hidden(widget) {
+			return widget.platform === Platform.WEB || widget.platform === Platform.PAD;
+		}
+	}],
+	labelFontEditor: [{
+		component: "font-editor",
+		name: "labelFont",
+		label: "sys.name",
+		group: StyleGroup.STYLE,
+		hidden(widget) {
+			return widget.platform === Platform.PAD;
+		}
+	}],
+	contentFontEditor: [{
+		component: "font-editor",
+		name: "contentFont",
+		label: "sys.content",
+		group: StyleGroup.STYLE,
+		hidden(widget) {
+			if (widget.props?.fieldType == FIELD_TYPE.DATA_TABLE_FORMULA || widget.type == FormComponents.DataTableFormula) return true;
+			return [
+				FIELD_TYPE.ATTACHMENT,
+				FIELD_TYPE.IMAGE,
+				FIELD_TYPE.SIGNATURE
+			].includes(widget.props.fieldType);
+		},
+		_config: { hiddenColor: true }
+	}],
+	tagEditor: [{
+		component: "boolean-editor",
+		name: "tagStyleOpen",
+		label: "sys.pageDesigner.tagStyle",
+		group: StyleGroup.STYLE,
+		hidden(widget) {
+			if ([FIELD_TYPE.BOOLEAN, FIELD_TYPE.EXPRESSION].includes(widget.props.fieldType) && widget.props.bindCompStyleType === BindCmpStyleEnum.CMP_BOOLEAN) return true;
+			if (widget.props?.fieldType == FIELD_TYPE.DATA_TABLE_FORMULA || widget.type == FormComponents.DataTableFormula) return true;
+			return [
+				FIELD_TYPE.ATTACHMENT,
+				FIELD_TYPE.IMAGE,
+				FIELD_TYPE.RDO_REF,
+				FIELD_TYPE.SIGNATURE
+			].includes(widget.props.fieldType);
+		},
+		_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 ([FIELD_TYPE.BOOLEAN, FIELD_TYPE.EXPRESSION].includes(widget.props.fieldType) && widget.props.bindCompStyleType === BindCmpStyleEnum.CMP_BOOLEAN) return true;
+			if ([
+				FIELD_TYPE.ATTACHMENT,
+				FIELD_TYPE.IMAGE,
+				FIELD_TYPE.RDO_REF
+			].includes(widget.props.fieldType)) return true;
+			if (widget.props?.fieldType == FIELD_TYPE.DATA_TABLE_FORMULA || widget.type == FormComponents.DataTableFormula) return true;
+			return !widget.style.tagStyleOpen;
+		}
+	}],
+	columnFormulaStyleByRule: [{
+		component: "column-tag-editor",
+		name: "columnFontStyleByRule",
+		label: "",
+		group: StyleGroup.STYLE,
+		_config: { generator: getFontStyleRule },
+		hidden(widget) {
+			return !(widget.props?.fieldType == FIELD_TYPE.DATA_TABLE_FORMULA || widget.type == FormComponents.DataTableFormula);
+		}
+	}, {
+		component: "column-backgound-editor",
+		name: "columnBackgroundByRule",
+		label: "",
+		group: StyleGroup.BACKGROUND,
+		_config: { generator: getBackgroundRule },
+		hidden(widget) {
+			return !(widget.props?.fieldType == FIELD_TYPE.DATA_TABLE_FORMULA || widget.type == FormComponents.DataTableFormula);
+		}
+	}]
+};
+function runStyleEditor() {
+	return [
+		...styleUtils.columnWidthEditor,
+		...styleUtils.contentFontEditor,
+		...styleUtils.tagEditor,
+		...styleUtils.columnFormulaStyleByRule
+	];
+}
+function mobileRunSubTableStyleEditor() {
+	return [
+		{
+			component: "column-width-editor",
+			name: {
+				number: "columnwidth",
+				type: "columnwidthConfigure"
+			},
+			label: "",
+			group: StyleGroup.LAYOUT,
+			_config: { columnWidthEnum: [tableColumnWidthEnum.ATUO, tableColumnWidthEnum.ENUMERATION] },
+			hidden(widget) {
+				return widget.platform == Platform.MOBILE;
+			}
+		},
+		...styleUtils.labelFontEditor,
+		...styleUtils.contentFontEditor,
+		...styleUtils.tagEditor,
+		...styleUtils.columnFormulaStyleByRule
+	];
+}
+/**添加样式规则 */
+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
+	};
+}
+/**添加背景下规则 */
+function getBackgroundRule() {
+	return {
+		id: buildShortUUID("background"),
+		displayRule: "",
+		backgroundColor: ""
+	};
+}
+//#endregion
+export { mobileRunSubTableStyleEditor, runStyleEditor, runSubtableFieldWidget, runWidget, webRunPropEditor };

package/es/schema/field/descriptions-field.d.ts

@@ -0,0 +1,3 @@
+export declare function runPropEditor(selectedRef: IObject, propEditorList: IObject[]): IObject[];
+export declare function runStyleEditor(_selectedRef: IObject, propEditorList: IObject[]): IObject[];
+export declare function runEventEditor(): never[];

package/es/schema/field/index.d.ts

@@ -0,0 +1,14 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+export declare class FieldOverrideUtil {
+    static tableVTablePropEditor(selectedRef: LowCodeWidget.BasicSchema, defaultList: LowCodeWidget.PropEditor[]): LowCodeWidget.PropEditor[];
+    /**
+     * gct-paas-design src/widgets/web/other/table-select/table-select.ts 里边覆写这个方法
+     *
+     * @static
+     * @param {LowCodeWidget.BasicSchema} selectedRef
+     * @param {string} [type]
+     * @return {*}  {LowCodeWidget.PropEditor[]}
+     */
+    static runTableSelectPropEditor(_selectedRef: LowCodeWidget.BasicSchema, _type?: string): LowCodeWidget.PropEditor[];
+}
+export declare function setupOverride(): void;

package/es/schema/field/index.mjs

@@ -0,0 +1,65 @@
+import { mobileRunSubTableStyleEditor, runStyleEditor, webRunPropEditor } from "./data-table-column.mjs";
+import { runPropEditor } from "./card-list-field.mjs";
+import { MaterialEnum, Platform, SUB_TABLE_EDIT_MODE } from "@gct-paas/core";
+import { FieldEditorOverrideRegistry, padVTableSupportEditFieldTypes } from "@gct-paas/schema";
+//#region src/schema/field/index.ts
+//! 此文件不要写其他逻辑，这里是旧模式的兼容性写法
+var FieldOverrideUtil = class {
+	static tableVTablePropEditor(selectedRef, defaultList) {
+		const { platform } = selectedRef;
+		if (platform === Platform.PAD) {
+			const fieldType = selectedRef.props.fieldType;
+			return padVTableSupportEditFieldTypes.includes(fieldType) ? webRunPropEditor(defaultList) : runPropEditor(selectedRef, defaultList, false);
+		}
+		return platform === Platform.WEB ? webRunPropEditor(defaultList) : runPropEditor(selectedRef, defaultList, false);
+	}
+	/**
+	* gct-paas-design src/widgets/web/other/table-select/table-select.ts 里边覆写这个方法
+	*
+	* @static
+	* @param {LowCodeWidget.BasicSchema} selectedRef
+	* @param {string} [type]
+	* @return {*}  {LowCodeWidget.PropEditor[]}
+	*/
+	static runTableSelectPropEditor(_selectedRef, _type) {
+		return [];
+	}
+};
+function setupOverride() {
+	console.debug("正在注册字段编辑器覆写配置");
+	FieldEditorOverrideRegistry.register(MaterialEnum.MaterialTableField, {
+		propEditor: (selectedRef, defaultList) => {
+			return FieldOverrideUtil.tableVTablePropEditor(selectedRef, defaultList);
+		},
+		styleEditor: (_selectedRef, _defaultWidget) => runStyleEditor()
+	});
+	FieldEditorOverrideRegistry.register(MaterialEnum.MaterialEmbedTableField, {
+		propEditor: (selectedRef, defaultList) => {
+			return FieldOverrideUtil.tableVTablePropEditor(selectedRef, defaultList);
+		},
+		styleEditor: (_selectedRef, _defaultWidget) => runStyleEditor()
+	});
+	FieldEditorOverrideRegistry.register(MaterialEnum.MaterialSubTableField, {
+		propEditor: (selectedRef, defaultList, preCompInfo) => {
+			if (preCompInfo && preCompInfo.props?.editMode === SUB_TABLE_EDIT_MODE.MODAL) return FieldOverrideUtil.runTableSelectPropEditor(selectedRef, "subTable2Field");
+			const { platform } = selectedRef;
+			if (platform === Platform.PAD) {
+				const fieldType = selectedRef.props.fieldType;
+				return padVTableSupportEditFieldTypes.includes(fieldType) ? webRunPropEditor(defaultList) : runPropEditor(selectedRef, defaultList, false);
+			}
+			if (platform === Platform.WEB) return webRunPropEditor(defaultList);
+		},
+		styleEditor: (selectedRef, _defaultWidget) => {
+			return selectedRef.platform === Platform.WEB ? runStyleEditor() : mobileRunSubTableStyleEditor();
+		}
+	});
+	FieldEditorOverrideRegistry.register(MaterialEnum.MaterialTableSelectField, {
+		propEditor: (selectedRef, _defaultList) => {
+			return FieldOverrideUtil.runTableSelectPropEditor(selectedRef);
+		},
+		styleEditor: (_selectedRef, _defaultWidget) => runStyleEditor()
+	});
+}
+setupOverride();
+//#endregion
+export { FieldOverrideUtil, setupOverride };

package/es/schema/index.d.ts

@@ -0,0 +1,18 @@
+import * as modalCfg from './modal/modal';
+export { modalCfg };
+export { beginDrag } from './begin-drag/begin-drag';
+export * from './common-config/button-props-func';
+export * from './common-config/common-style';
+export * from './common-config/display-editor-config';
+export * from './common-config/common-field-editor-config';
+export * from './common-config/base-button-config';
+export * from './common-config/permission-editor-config';
+export * from './common-config/button-editor-config';
+export * from './common-config/formItem-editor-config';
+export * from './common-config/common-event-config';
+export * from './common-config/autofill-editor-config';
+export * from './common-config/column-editor-config';
+export * from './field';
+export * from './search/BaseSearch';
+export * from './search/BaseDate';
+export * from './utils';

package/es/schema/index.mjs

@@ -0,0 +1,17 @@
+import "./modal/modal.mjs";
+import "./utils.mjs";
+import "./common-config/column-editor-config.mjs";
+import "./begin-drag/begin-drag.mjs";
+import "./common-config/button-props-func.mjs";
+import "./common-config/common-style.mjs";
+import "./common-config/display-editor-config.mjs";
+import "./common-config/common-field-editor-config.mjs";
+import "./common-config/base-button-config.mjs";
+import "./common-config/permission-editor-config.mjs";
+import "./common-config/button-editor-config.mjs";
+import "./common-config/formItem-editor-config.mjs";
+import "./common-config/common-event-config.mjs";
+import "./common-config/autofill-editor-config.mjs";
+import "./field/index.mjs";
+import "./search/BaseSearch.mjs";
+import "./search/BaseDate.mjs";

package/es/schema/modal/modal-body.d.ts

@@ -0,0 +1,2 @@
+import { LowCodeModal } from '@gct-paas/schema';
+export declare const widget: LowCodeModal.ModalBody;

package/es/schema/modal/modal-body.mjs

@@ -0,0 +1,9 @@
+import { BuiltinType } from "@gct-paas/core";
+//#region src/schema/modal/modal-body.ts
+var widget = {
+	id: "",
+	type: BuiltinType.MODAL_BODY,
+	children: []
+};
+//#endregion
+export { widget };

package/es/schema/modal/modal-footer.d.ts

@@ -0,0 +1,2 @@
+import { LowCodeModal } from '@gct-paas/schema';
+export declare const widget: LowCodeModal.ModalFooter;

package/es/schema/modal/modal-footer.mjs

@@ -0,0 +1,9 @@
+import { BuiltinType } from "@gct-paas/core";
+//#region src/schema/modal/modal-footer.ts
+var widget = {
+	id: "",
+	type: BuiltinType.MODAL_FOOTER,
+	children: []
+};
+//#endregion
+export { widget };

package/es/schema/modal/modal.d.ts

@@ -0,0 +1,8 @@
+import { LowCodeModal, LowCodeWidget } from '@gct-paas/schema';
+export declare const widget: LowCodeModal.Modal;
+export declare const propEditorList: LowCodeWidget.PropEditor[];
+export declare const styleEditorList: LowCodeWidget.StyleEditor[];
+export declare const eventList: LowCodeWidget.EventsType[];
+export declare const runCallback: LowCodeWidget.RunCallback;
+export declare const beforeCreate: (widget: LowCodeModal.Modal) => void;
+export declare const designerConfig: LowCodeWidget.DesignerConfig;

package/es/schema/modal/modal.mjs

@@ -0,0 +1,173 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.mjs";
+import { widget as widget$1 } from "./modal-body.mjs";
+import { widget as widget$2 } from "./modal-footer.mjs";
+import { BuiltinType, Platform, PropGroup, StyleGroup, buildShortUUID } from "@gct-paas/core";
+//#region src/schema/modal/modal.ts
+var modal_exports = /* @__PURE__ */ __exportAll({
+	beforeCreate: () => beforeCreate,
+	designerConfig: () => designerConfig,
+	eventList: () => eventList,
+	propEditorList: () => propEditorList,
+	runCallback: () => runCallback,
+	styleEditorList: () => styleEditorList,
+	widget: () => widget
+});
+var widget = {
+	id: "",
+	platform: Platform.WEB,
+	name: "sys.pageDesigner.modal",
+	alias: "",
+	modalName: "",
+	type: BuiltinType.MODAL,
+	js: "",
+	css: "",
+	children: [widget$1, widget$2],
+	props: {
+		modalTitle: "弹窗",
+		unitType: "px",
+		modalWidth: 800,
+		isSubTableModal: false,
+		bindSubTableId: "",
+		createModalTitle: "新建弹窗",
+		editModalTitle: "编辑弹窗",
+		hasFooter: true,
+		openMode: "modal",
+		mUnitType: "%",
+		mModalWidth: 80
+	},
+	style: {
+		paddingAll: "16",
+		paddingTop: "16",
+		paddingRight: "16",
+		paddingBottom: "16",
+		paddingLeft: "16"
+	},
+	events: {},
+	i18n: {},
+	runJs: "",
+	los: {},
+	icon: "icon-motaikuang1",
+	isField: false
+};
+var propEditorList = [
+	{
+		component: "text-editor",
+		name: "modalTitle",
+		label: "sys.pageDesigner.modalTitleName",
+		group: PropGroup.BASIC,
+		_config: {
+			showCount: true,
+			maxlength: 32
+		},
+		hidden: (widget) => {
+			return widget.props.isSubTableModal;
+		}
+	},
+	{
+		component: "input-unit-editor",
+		name: {
+			unitType: "unitType",
+			modalWidth: "modalWidth"
+		},
+		label: "sys.pageDesigner.modalWidthProp",
+		group: PropGroup.MODAL,
+		hidden: (widget) => {
+			return widget.platform === Platform.MOBILE;
+		}
+	},
+	{
+		component: "input-unit-editor",
+		name: {
+			unitType: "mUnitType",
+			modalWidth: "mModalWidth"
+		},
+		label: "sys.pageDesigner.modalHeightProp",
+		group: PropGroup.MODAL,
+		hidden: (widget) => {
+			return widget.platform !== Platform.MOBILE;
+		},
+		_config: { filterUnitType: "px" }
+	},
+	{
+		component: "text-editor",
+		name: "createModalTitle",
+		label: "sys.pageDesigner.createModalTitle",
+		group: PropGroup.MODALTITLECONFIG,
+		_config: { i18n: true },
+		hidden: (widget) => {
+			return !widget.props.isSubTableModal;
+		}
+	},
+	{
+		component: "text-editor",
+		name: "editModalTitle",
+		label: "sys.pageDesigner.editModalTitle",
+		group: PropGroup.MODALTITLECONFIG,
+		_config: { i18n: true },
+		hidden: (widget) => {
+			return !widget.props.isSubTableModal;
+		}
+	},
+	{
+		component: "select-editor",
+		name: "openMode",
+		label: "sys.appDesigner.openMode",
+		group: PropGroup.MODAL,
+		hidden: (widget) => {
+			return widget.platform !== Platform.WEB;
+		},
+		_config: { options: () => {
+			return [{
+				label: "打开弹窗页面",
+				value: "modal"
+			}, {
+				label: "右侧划入页面",
+				value: "drawer"
+			}];
+		} },
+		changeCallback: (widget, value) => {
+			if (value === "drawer") {
+				widget.props.unitType = "%";
+				widget.props.modalWidth = 80;
+			} else {
+				widget.props.unitType = "px";
+				widget.props.modalWidth = 800;
+			}
+		}
+	},
+	{
+		component: "switch-editor",
+		name: "hasFooter",
+		label: "sys.pageDesigner.operateButton",
+		group: PropGroup.BUTTON,
+		hidden: (widget) => {
+			return widget.props.isSubTableModal;
+		}
+	}
+];
+var styleEditorList = [{
+	component: "color-editor",
+	name: "backgroundColor",
+	label: "sys.pageDesigner.backgroundColor",
+	group: StyleGroup.BACKGROUND
+}, {
+	component: "margin-editor",
+	group: StyleGroup.MARGIN,
+	_config: { hiddenMarginOrPadding: "margin" }
+}];
+var eventList = [{
+	name: "onMounted",
+	title: "sys.pageDesigner.onMounted",
+	params: []
+}];
+var runCallback = () => {};
+var beforeCreate = (widget) => {
+	widget.children[0].id = buildShortUUID(widget.children[0].type);
+	widget.children[1].id = buildShortUUID(widget.children[1].type);
+};
+var designerConfig = { basicProps: {
+	key_label: "弹窗",
+	alias_hidden: true
+} };
+//#endregion
+export { modal_exports, widget };