@gct-paas/design 0.1.4-dev.16 → 0.1.4-dev.17

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

@@ -0,0 +1,221 @@
+import { fixedAlignEditor } from "../common-config/column-editor-config.mjs";
+import "lodash-es";
+import { BindCmpStyleEnum, FIELD_TYPE, FormComponents, Platform, ProgressTypeEnum, PropGroup, StyleGroup, TagTypeEnum, TextDecoration, buildShortUUID, fixedAlignENUM, tableColumnWidthEnum, tagEnum } from "@gct-paas/core";
+import "@gct-paas/schema";
+fixedAlignENUM.NONE, tableColumnWidthEnum.ATUO;
+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, 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,66 @@
+import { runPropEditor } from "./card-list-field.mjs";
+import { mobileRunSubTableStyleEditor, runStyleEditor, webRunPropEditor } from "./data-table-column.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) {
+		console.log("table-select-field", 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

@@ -13,3 +13,4 @@ export * from './common-config/autofill-editor-config';
 export * from './common-config/column-editor-config';
 export * from './search/BaseSearch';
 export * from './search/BaseDate';
+export * from './field';

package/es/schema/index.mjs

@@ -12,3 +12,4 @@ import "./common-config/autofill-editor-config.mjs";
 import "./common-config/column-editor-config.mjs";
 import "./search/BaseSearch.mjs";
 import "./search/BaseDate.mjs";
+import "./field/index.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.1.4-dev.16",
+  "version": "0.1.4-dev.17",
   "type": "module",
   "description": "paas 平台设计界面底包",
   "loader": "dist/loader.esm.min.js",
@@ -45,10 +45,10 @@
     "@ant-design/icons-vue": "^7.0.1",
     "@babel/core": "^7.29.0",
     "@gct-paas/api": "^0.1.2-dev.1",
-    "@gct-paas/core": "0.1.4-dev.16",
-    "@gct-paas/core-web": "0.1.4-dev.16",
-    "@gct-paas/schema": "0.1.4-dev.16",
-    "@gct-paas/scss": "0.1.4-dev.16",
+    "@gct-paas/core": "0.1.4-dev.17",
+    "@gct-paas/core-web": "0.1.4-dev.17",
+    "@gct-paas/schema": "0.1.4-dev.17",
+    "@gct-paas/scss": "0.1.4-dev.17",
     "@jsplumb/browser-ui": "^6.2.10",
     "@vueuse/core": "^14.1.0",
     "ant-design-vue": "~3.2.20",
@@ -77,5 +77,5 @@
     "@gct-paas/scss": "*",
     "vue": ">=3"
   },
-  "gitHead": "cee8da739039182f4df08a2c0126cdd578fbc33b"
+  "gitHead": "386e2564d23891fd28c72e649788697ad12b7768"
 }