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

package/es/components/design-view-layout/design-view-layout.css

@@ -68,21 +68,21 @@
 */
 .gct-design-view-layout {
   position: relative;
-  height: 100%;
   width: 100%;
+  height: 100%;
   overflow: hidden;
 }
-.gct-design-view-layout :global(.gct-modal-name-editor__input .ant-input.ant-input-sm) {
+.gct-design-view-layout .gct-modal-name-editor__input .ant-input.ant-input-sm {
   color: rgb(26, 29, 35);
 }
 .gct-design-view-layout__header {
-  width: 100%;
-  height: 69px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: #fff;
+  width: 100%;
+  height: 69px;
   padding: 0 24px;
+  background-color: #fff;
   border-bottom: 1px solid #E0E3EB;
 }
 
@@ -90,10 +90,10 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  cursor: pointer;
   width: 20px;
   height: 20px;
   font-size: 20px;
+  cursor: pointer;
 }
 
 .gct-design-view-layout__header-info {
@@ -131,8 +131,8 @@
 
 .gct-design-view-layout__header-actions {
   display: flex;
-  align-items: center;
   gap: 12px;
+  align-items: center;
   height: 100%;
 }
 
@@ -141,14 +141,14 @@
   align-items: center;
 }
 .gct-design-view-layout__header-action-btn:focus {
-  border-color: #E0E3EB;
   color: rgba(0, 0, 0, 0.85);
+  border-color: #E0E3EB;
 }
-.gct-design-view-layout__header-action-btn :global(.gct-iconfont) {
-  font-size: 14px;
+.gct-design-view-layout__header-action-btn .gct-iconfont {
   margin-right: 6px;
+  font-size: 14px;
 }
-.gct-design-view-layout__header-action-btn :global(span) {
+.gct-design-view-layout__header-action-btn span {
   height: 22px;
 }
 

package/es/components/design-view-layout/design-view-layout.mjs

@@ -102,7 +102,7 @@ var DesignViewLayout = /* @__PURE__ */ defineComponent({
 				createVNode("div", { "class": ns.e("header-left") }, [isBack.value ? createVNode("div", {
 					"class": ns.e("header-back"),
 					"onClick": onBack
-				}, [createVNode(resolveComponent("assets-svg-icon"), { "src": "/assets/card-design/arrow_back.svg" }, null)]) : null, props.editName ? createVNode("div", { "class": ns.e("header-info") }, [createVNode("div", { "class": ns.e("header-sub-title") }, [subTitle.value]), createVNode("div", { "class": ns.e("header-title") }, [createVNode(ModalNameEditor, {
+				}, [createVNode(resolveComponent("assets-svg-icon"), { "src": "/extras-assets/card-design/arrow_back.svg" }, null)]) : null, props.editName ? createVNode("div", { "class": ns.e("header-info") }, [createVNode("div", { "class": ns.e("header-sub-title") }, [subTitle.value]), createVNode("div", { "class": ns.e("header-title") }, [createVNode(ModalNameEditor, {
 					"value": val.value,
 					"onUpdate:value": ($event) => val.value = $event,
 					"defaultName": props.defaultName

package/es/components/field-transfer/components/Transfer/AdvancedTransfer.mjs

@@ -4,6 +4,8 @@ import { FieldIconMap, t } from "@gct-paas/core";
 import { computed, createVNode, defineComponent, ref, toRefs, watch } from "vue";
 import { Empty, Transfer } from "ant-design-vue";
 //#region src/components/field-transfer/components/Transfer/AdvancedTransfer.tsx
+var noData = "/extras-assets/design-view/pic_nodata.svg";
+var noSearchData = "/extras-assets/design-view/pic_noresult.svg";
 var AdvancedTransfer_default = /* @__PURE__ */ defineComponent({
 	name: "AdvancedTransfer",
 	props: {
@@ -88,7 +90,10 @@ var AdvancedTransfer_default = /* @__PURE__ */ defineComponent({
 				"checkedKeys": targetCheckedKeys.value,
 				"onCheckedKeysChange": setTargetCheckedKeys
 			}, null);
-			if (direction === "left" && (!leftOption.value.length || !filteredLeftOption.value.length)) return createVNode("div", { "class": "empty-container" }, [createVNode(Empty, { "description": leftOption.value.length ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData") }, null)]);
+			if (direction === "left" && (!leftOption.value.length || !filteredLeftOption.value.length)) return createVNode("div", { "class": "empty-container" }, [createVNode(Empty, {
+				"image": leftOption.value.length ? noSearchData : noData,
+				"description": leftOption.value.length ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData")
+			}, null)]);
 		} };
 		return () => {
 			return createVNode("div", { "class": "advanced-transfer-container" }, [createVNode(Transfer, {

package/es/components/field-transfer/components/Transfer/TransferTree.mjs

@@ -5,6 +5,8 @@ import { FieldIconMap, t } from "@gct-paas/core";
 import { computed, createVNode, defineComponent, ref, toRefs } from "vue";
 import { Empty, Input, Tree } from "ant-design-vue";
 //#region src/components/field-transfer/components/Transfer/TransferTree.tsx
+var noData = "/extras-assets/design-view/pic_nodata.svg";
+var noSearchData = "/extras-assets/design-view/pic_noresult.svg";
 var TransferTree_default = /* @__PURE__ */ defineComponent({
 	name: "TransferTree",
 	props: {
@@ -52,7 +54,10 @@ var TransferTree_default = /* @__PURE__ */ defineComponent({
 			}, null)]), createVNode("div", {
 				"class": "tree-wrapper",
 				"style": { overflow: "auto" }
-			}, [filteredTreeData.value.length === 0 ? createVNode("div", { "class": "empty-container" }, [createVNode(Empty, { "description": keyword.value ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData") }, null)]) : createVNode(Tree, {
+			}, [filteredTreeData.value.length === 0 ? createVNode("div", { "class": "empty-container" }, [createVNode(Empty, {
+				"image": keyword.value ? noSearchData : noData,
+				"description": keyword.value ? t("sys.component.fieldTransfer.noSearchData") : t("sys.component.fieldTransfer.noData")
+			}, null)]) : createVNode(Tree, {
 				"showIcon": true,
 				"showLine": { showLeafIcon: false },
 				"blockNode": true,

package/es/hooks/design-view/useDesigner.d.ts

@@ -1085,7 +1085,7 @@ export declare function useDesigner(): {
     methodMap: import('vue').Ref<import('@gct-paas/schema').ExportMethod, import('@gct-paas/schema').ExportMethod>;
     checkWidgetMove: () => boolean;
     handleAddDrag: (newIndex: number, childrenList: LowCodeWidget.BasicSchema[], scope: SCOPE, formID?: string) => void;
-    setPageJson: (json: PageJson) => void;
+    setPageJson: (json: PageJson) => Promise<void>;
     save: (flag?: boolean, showSuccess?: boolean) => Promise<boolean>;
     savePageJsonSnapshot: (json?: PageJson) => void;
     emitCache: () => void;

package/es/hooks/design-view/useDesigner.mjs

@@ -1,4 +1,6 @@
 import { platform } from "../../utils/design-view/index.mjs";
+import { initMethodMap } from "../../utils/transform-js/transform-js.mjs";
+import "../../utils/index.mjs";
 import { methodMap, pageJson } from "./design-state.mjs";
 import { useDesignModal } from "./designer/useDesignModal.mjs";
 import { useDesignPreview } from "./designer/useDesignPreview.mjs";
@@ -36,9 +38,12 @@ function useDesigner() {
 	/**
 	* 设置设计器的 pageJSON
 	*/
-	function setPageJson(json) {
+	async function setPageJson(json) {
 		pageJson.pageConfig.hasFooter = platform.value === Platform.MOBILE || platform.value === Platform.PAD;
 		Object.assign(pageJson, json);
+		initMethodMap(pageJson.js).then((map) => {
+			methodMap.value = map;
+		});
 		cache.emitCache();
 	}
 	/** 检查是否可以拖拽进入的方法，比如某些组件不能拖到某些组件内 */

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

@@ -1,5 +1,7 @@
+import { platform } from "../../utils/design-view/index.mjs";
+import "../../utils/index.mjs";
 import { hiddenButtonProps } from "./button-props-func.mjs";
-import { ButtonColorTheme, ButtonColorType, ButtonSize, ButtonStyle, PropGroup, StyleGroup } from "@gct-paas/core";
+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,
@@ -79,7 +81,7 @@ var buttonEditor = [
 		label: "sys.pageDesigner.buttonSize",
 		group: PropGroup.ButtonStyle,
 		hidden: (widget) => {
-			return hiddenButtonProps(widget);
+			return hiddenButtonProps(widget) || platform.value === Platform.MOBILE;
 		},
 		_config: { options: Object.values(ButtonSize).map((i) => {
 			return {

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.17",
+  "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.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",
+    "@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": "386e2564d23891fd28c72e649788697ad12b7768"
+  "gitHead": "d79e561695bc9a4ff14b7c1bc735a595a32ed3e9"
 }