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

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/es/utils/design-plugin-pkg-util/design-plugin-pkg-util.d.ts

@@ -15,7 +15,7 @@ export declare class DesignPluginPgkUtil extends PluginPgkUtil {
      * @param {Platform} platform
      * @returns {*}  {Promise<LoadPluginResult>}
      */
-    static loadDesignPlugin(_app: App, platform: Platform, kit?: string[]): Promise<LoadPluginResult>;
+    static loadDesignPlugin(_app: App, _platform: Platform, _kit?: string[]): Promise<LoadPluginResult>;
     /**
      * 加载设计态中，已经被从配置中移除的插件
      *

package/es/utils/design-plugin-pkg-util/design-plugin-pkg-util.mjs

@@ -15,35 +15,7 @@ var DesignPluginPgkUtil = class extends PluginPgkUtil {
 	* @param {Platform} platform
 	* @returns {*}  {Promise<LoadPluginResult>}
 	*/
-	static async loadDesignPlugin(_app, platform, kit = []) {
-		try {
-			const result = await this.loadPlugin(PluginModeEnum.DESIGN, platform, kit);
-			const [configs, moduleMap] = result;
-			configs.forEach((config) => {
-				config.plugins.forEach((plugin) => {
-					const module = moduleMap[plugin.key];
-					if (!module) {
-						console.error(`${plugin.key} 插件加载失败，请检查插件配置是否正确`);
-						return;
-					}
-					switch (platform) {
-						case Platform.MOBILE:
-							if (module.mobile) _gct.register.designer.mobile.register(plugin.key, () => new module.mobile());
-							break;
-						case Platform.PAD:
-							if (module.mobile) _gct.register.designer.pad.register(plugin.key, () => new module.mobile());
-							break;
-						case Platform.WEB:
-							if (module.web) _gct.register.designer.web.register(plugin.key, () => new module.web());
-							break;
-						default: console.warn(`未知平台 ${platform}，无法注册插件 ${plugin.key}`);
-					}
-				});
-			});
-			return result;
-		} catch (error) {
-			console.error(error);
-		}
+	static async loadDesignPlugin(_app, _platform, _kit = []) {
 		return [[], {}];
 	}
 	/**

package/es/utils/index.mjs

@@ -10,4 +10,5 @@ import "./init-widget-info/init-widget-info.mjs";
 import "./design-plugin-pkg-util/design-plugin-pkg-util.mjs";
 import "./schema/index.mjs";
 import "./transform-js/transform-js.mjs";
+import "./transform-js/index.mjs";
 import "./flatten.mjs";

package/es/utils/transform-js/index.mjs

@@ -0,0 +1 @@
+import "./transform-js.mjs";

package/es/utils/transform-js/transform-js.d.ts

@@ -1,13 +1,14 @@
+import { ExportMethod } from '@gct-paas/schema';
 /**
- * 将 TypeScript/ES 代码编译为可在运行时执行的 JS 字符串（在 Worker 中执行）
- * @param code - 源代码字符串（支持 TS 语法）
+ * 将 TypeScript/ES 代码编译为可在运行时执行的 JS 字符串
+ * @param code - 源代码字符串（支持 TS 语法，可为 URI 编码）
  * @param needExport - 是否在末尾追加 `return exports`，默认为 true
- * @returns 编译后可执行的 JS 字符串，失败时返回 null
+ * @returns 编译后可执行的 JS 字符串
  */
-export declare function buildRunJs(code: string, needExport?: boolean): Promise<string | null>;
+export declare function buildRunJs(code: string, needExport?: boolean): Promise<string>;
 /**
- * 解析代码字符串并提取所有命名导出函数的方法映射（在 Worker 中执行）
+ * 解析代码字符串并提取所有命名导出函数的方法映射
  * @param code - 包含命名导出函数的代码字符串
  * @returns 以函数名为键的方法映射对象，解析失败时返回空对象
  */
-export declare function initMethodMap(code: string): Promise<IObject>;
+export declare function initMethodMap(code: string): Promise<ExportMethod>;

package/es/utils/transform-js/transform-js.mjs

@@ -1,82 +1,76 @@
 //#region src/utils/transform-js/transform-js.ts
-/** Worker 支持的操作类型 */
-var WorkerMessageType = /* @__PURE__ */ function(WorkerMessageType) {
-	WorkerMessageType["BUILD_RUN_JS"] = "BUILD_RUN_JS";
-	WorkerMessageType["INIT_METHOD_MAP"] = "INIT_METHOD_MAP";
-	return WorkerMessageType;
-}(WorkerMessageType || {});
-/** 懒加载的 Worker 单例 */
-var _worker = null;
-/** 等待响应的请求映射表，key 为请求 ID */
-var _pendingMap = /* @__PURE__ */ new Map();
-/**
-* 获取（或创建）Worker 单例
-* @returns Worker 实例
-*/
-function getWorker() {
-	if (!_worker) {
-		_worker = new Worker(new URL(
-			/* @vite-ignore */
-			"/assets/transform-js.worker-CI2jwZbi.js",
-			"" + import.meta.url
-		), { type: "module" });
-		_worker.onmessage = (event) => {
-			const { id, result, error } = event.data;
-			const pending = _pendingMap.get(id);
-			if (!pending) return;
-			_pendingMap.delete(id);
-			if (error !== void 0) pending.reject(new Error(error));
-			else pending.resolve(result);
-		};
-		_worker.onerror = (event) => {
-			const err = new Error(event.message);
-			_pendingMap.forEach((pending) => pending.reject(err));
-			_pendingMap.clear();
-		};
-	}
-	return _worker;
+var _babel = null;
+var _esprima = null;
+var _estraverse = null;
+var _escodegen = null;
+async function loadBabel() {
+	if (!_babel) _babel = await import("@babel/standalone");
+	return _babel;
 }
-/**
-* 向 Worker 发送任务并等待结果
-* @param type - 操作类型
-* @param payload - 操作参数
-* @returns 操作结果的 Promise
-*/
-function postTask(type, payload) {
-	return new Promise((resolve, reject) => {
-		const id = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-		_pendingMap.set(id, {
-			resolve,
-			reject
-		});
-		const request = {
-			id,
-			type,
-			payload
-		};
-		console.log("Posting task to worker:", request, getWorker);
-		resolve(null);
-	});
+async function loadAstModules() {
+	if (!_esprima) [_esprima, _estraverse, _escodegen] = await Promise.all([
+		import("esprima-next"),
+		import("estraverse"),
+		import("escodegen")
+	]);
+	return {
+		esprima: _esprima,
+		estraverse: _estraverse,
+		escodegen: _escodegen
+	};
 }
 /**
-* 将 TypeScript/ES 代码编译为可在运行时执行的 JS 字符串（在 Worker 中执行）
-* @param code - 源代码字符串（支持 TS 语法）
+* 将 TypeScript/ES 代码编译为可在运行时执行的 JS 字符串
+* @param code - 源代码字符串（支持 TS 语法，可为 URI 编码）
 * @param needExport - 是否在末尾追加 `return exports`，默认为 true
-* @returns 编译后可执行的 JS 字符串，失败时返回 null
+* @returns 编译后可执行的 JS 字符串
 */
-function buildRunJs(code, needExport = true) {
-	return postTask(WorkerMessageType.BUILD_RUN_JS, {
-		code,
-		needExport
-	});
+async function buildRunJs(code, needExport = true) {
+	const babel = await loadBabel();
+	let decoded = code;
+	try {
+		decoded = decodeURIComponent(code);
+	} catch {
+		console.warn("decodeURIComponent failed, using original code");
+	}
+	return (babel.transform(decoded, {
+		filename: "inline.ts",
+		sourceMaps: false,
+		compact: false,
+		presets: [["typescript", {
+			allowDeclareFields: true,
+			optimizeConstEnums: true
+		}], ["env", {
+			targets: { browsers: "chrome >= 89" },
+			modules: "commonjs"
+		}]]
+	})?.code ?? "") + (needExport ? "\n return exports" : "");
 }
 /**
-* 解析代码字符串并提取所有命名导出函数的方法映射（在 Worker 中执行）
+* 解析代码字符串并提取所有命名导出函数的方法映射
 * @param code - 包含命名导出函数的代码字符串
 * @returns 以函数名为键的方法映射对象，解析失败时返回空对象
 */
-function initMethodMap(code) {
-	return postTask(WorkerMessageType.INIT_METHOD_MAP, { code });
+async function initMethodMap(code) {
+	const { esprima, estraverse, escodegen } = await loadAstModules();
+	try {
+		const ast = esprima.parse(code, { sourceType: "module" });
+		const methods = {};
+		estraverse.traverse(ast, { enter(node) {
+			if (node.type !== "ExportNamedDeclaration") return;
+			const { name } = node.declaration.id;
+			const { params } = node.declaration;
+			methods[name] = {
+				type: "EXPORT_Function",
+				source: escodegen.generate(node),
+				params: params?.map((p) => p.name).join(",") ?? ""
+			};
+		} });
+		return methods;
+	} catch (error) {
+		console.error(error);
+		return {};
+	}
 }
 //#endregion
 export { buildRunJs, initMethodMap };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.1.4-dev.16",
+  "version": "0.1.4-dev.18",
   "type": "module",
   "description": "paas 平台设计界面底包",
   "loader": "dist/loader.esm.min.js",
@@ -44,11 +44,12 @@
   "dependencies": {
     "@ant-design/icons-vue": "^7.0.1",
     "@babel/core": "^7.29.0",
+    "@babel/standalone": "^7.29.2",
     "@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.18",
+    "@gct-paas/core-web": "0.1.4-dev.18",
+    "@gct-paas/schema": "0.1.4-dev.18",
+    "@gct-paas/scss": "0.1.4-dev.18",
     "@jsplumb/browser-ui": "^6.2.10",
     "@vueuse/core": "^14.1.0",
     "ant-design-vue": "~3.2.20",
@@ -67,6 +68,7 @@
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
+    "@types/babel__standalone": "^7.1.9",
     "@types/estraverse": "^5.1.7"
   },
   "peerDependencies": {
@@ -77,5 +79,5 @@
     "@gct-paas/scss": "*",
     "vue": ">=3"
   },
-  "gitHead": "cee8da739039182f4df08a2c0126cdd578fbc33b"
+  "gitHead": "d79e561695bc9a4ff14b7c1bc735a595a32ed3e9"
 }