@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.1

package/es/utils/field-attrs/index.mjs

@@ -1,8 +1,12 @@
-import { FieldTypeComponentMap } from './basicAttrs.mjs';
-export { basicAttrsUtils } from './basicAttrs.mjs';
-
-const transformField2Component = (fieldType) => {
-  return FieldTypeComponentMap[fieldType];
+import { FieldTypeComponentMap } from "./basicAttrs.mjs";
+//#region src/utils/field-attrs/index.ts
+/**
+* 设计器 字段 映射
+* @param fieldType
+* @returns
+*/
+var transformField2Component = (fieldType) => {
+	return FieldTypeComponentMap[fieldType];
 };
-
+//#endregion
 export { transformField2Component };

package/es/utils/field-filter/index.mjs

@@ -1,58 +1,68 @@
-import { FIELD_TYPE, CreateType } from '@gct-paas/core';
-
-const fieldMap = [
-  FIELD_TYPE.TEXT,
-  FIELD_TYPE.LONG_TEXT,
-  FIELD_TYPE.INTEGER,
-  FIELD_TYPE.LONG,
-  FIELD_TYPE.DOUBLE,
-  FIELD_TYPE.DECIMAL,
-  FIELD_TYPE.BOOLEAN,
-  FIELD_TYPE.TIME,
-  FIELD_TYPE.DATE,
-  FIELD_TYPE.DATE_TIME,
-  FIELD_TYPE.OPTION,
-  FIELD_TYPE.OPTION_MULTI,
-  FIELD_TYPE.REF,
-  FIELD_TYPE.REF_MULTI,
-  FIELD_TYPE.USER,
-  FIELD_TYPE.USER_MULTI,
-  FIELD_TYPE.ORG,
-  FIELD_TYPE.ORG_MULTI,
-  FIELD_TYPE.ENUM,
-  FIELD_TYPE.ENUM_MULTI
+import { CreateType, FIELD_TYPE } from "@gct-paas/core";
+//#region src/utils/field-filter/index.ts
+var fieldMap = [
+	FIELD_TYPE.TEXT,
+	FIELD_TYPE.LONG_TEXT,
+	FIELD_TYPE.INTEGER,
+	FIELD_TYPE.LONG,
+	FIELD_TYPE.DOUBLE,
+	FIELD_TYPE.DECIMAL,
+	FIELD_TYPE.BOOLEAN,
+	FIELD_TYPE.TIME,
+	FIELD_TYPE.DATE,
+	FIELD_TYPE.DATE_TIME,
+	FIELD_TYPE.OPTION,
+	FIELD_TYPE.OPTION_MULTI,
+	FIELD_TYPE.REF,
+	FIELD_TYPE.REF_MULTI,
+	FIELD_TYPE.USER,
+	FIELD_TYPE.USER_MULTI,
+	FIELD_TYPE.ORG,
+	FIELD_TYPE.ORG_MULTI,
+	FIELD_TYPE.ENUM,
+	FIELD_TYPE.ENUM_MULTI
 ];
-const formulaFilter = (i) => {
-  return CreateType.SYSTEM === i.createType || CreateType.USER_DEFINED === i.createType && fieldMap.includes(i.type) || CreateType.BUILTIN === i.createType && (i.initCommitId === "__0000__" || ["description_", "version_", "name_"].includes(i.key));
+/**公式的过滤字段 */
+var formulaFilter = (i) => {
+	return CreateType.SYSTEM === i.createType || CreateType.USER_DEFINED === i.createType && fieldMap.includes(i.type) || CreateType.BUILTIN === i.createType && (i.initCommitId === "__0000__" || [
+		"description_",
+		"version_",
+		"name_"
+	].includes(i.key));
 };
-const deptMap = [
-  FIELD_TYPE.TEXT,
-  FIELD_TYPE.LONG_TEXT,
-  FIELD_TYPE.INTEGER,
-  FIELD_TYPE.LONG,
-  FIELD_TYPE.DOUBLE,
-  FIELD_TYPE.DECIMAL,
-  FIELD_TYPE.BOOLEAN,
-  FIELD_TYPE.TIME,
-  FIELD_TYPE.DATE,
-  FIELD_TYPE.DATE_TIME,
-  FIELD_TYPE.OPTION,
-  FIELD_TYPE.OPTION_MULTI,
-  FIELD_TYPE.REF,
-  FIELD_TYPE.REF_MULTI,
-  FIELD_TYPE.USER,
-  FIELD_TYPE.USER_MULTI,
-  FIELD_TYPE.ORG,
-  FIELD_TYPE.ORG_MULTI,
-  FIELD_TYPE.ENUM,
-  FIELD_TYPE.ENUM_MULTI,
-  FIELD_TYPE.EXPRESSION,
-  FIELD_TYPE.AGG
+var deptMap = [
+	FIELD_TYPE.TEXT,
+	FIELD_TYPE.LONG_TEXT,
+	FIELD_TYPE.INTEGER,
+	FIELD_TYPE.LONG,
+	FIELD_TYPE.DOUBLE,
+	FIELD_TYPE.DECIMAL,
+	FIELD_TYPE.BOOLEAN,
+	FIELD_TYPE.TIME,
+	FIELD_TYPE.DATE,
+	FIELD_TYPE.DATE_TIME,
+	FIELD_TYPE.OPTION,
+	FIELD_TYPE.OPTION_MULTI,
+	FIELD_TYPE.REF,
+	FIELD_TYPE.REF_MULTI,
+	FIELD_TYPE.USER,
+	FIELD_TYPE.USER_MULTI,
+	FIELD_TYPE.ORG,
+	FIELD_TYPE.ORG_MULTI,
+	FIELD_TYPE.ENUM,
+	FIELD_TYPE.ENUM_MULTI,
+	FIELD_TYPE.EXPRESSION,
+	FIELD_TYPE.AGG
 ];
-const deptFilter = (i) => {
-  return CreateType.SYSTEM === i.createType || CreateType.USER_DEFINED === i.createType && deptMap.includes(i.type) || CreateType.BUILTIN === i.createType && (i.initCommitId === "__0000__" || ["description_", "version_", "name_", "show_type_", "type_"].includes(
-    i.key
-  ));
+/**組件依賴的过滤字段 */
+var deptFilter = (i) => {
+	return CreateType.SYSTEM === i.createType || CreateType.USER_DEFINED === i.createType && deptMap.includes(i.type) || CreateType.BUILTIN === i.createType && (i.initCommitId === "__0000__" || [
+		"description_",
+		"version_",
+		"name_",
+		"show_type_",
+		"type_"
+	].includes(i.key));
 };
-
+//#endregion
 export { deptFilter, formulaFilter };

package/es/utils/find-deep-types/find-deep-types.mjs

@@ -1,30 +1,40 @@
-import { FormComponents } from '@gct-paas/core';
-
-const containerTypes = [
-  FormComponents.Collapse,
-  FormComponents.ButtonContainer,
-  FormComponents.LayoutContainer,
-  FormComponents.Grid,
-  FormComponents.GridCol,
-  FormComponents.LeftRightColumns,
-  FormComponents.Tabs,
-  FormComponents.TabPane
+import { FormComponents } from "@gct-paas/core";
+//#region src/utils/find-deep-types/find-deep-types.ts
+var containerTypes = [
+	FormComponents.Collapse,
+	FormComponents.ButtonContainer,
+	FormComponents.LayoutContainer,
+	FormComponents.Grid,
+	FormComponents.GridCol,
+	FormComponents.LeftRightColumns,
+	FormComponents.Tabs,
+	FormComponents.TabPane
 ];
+/**
+* 递归获取所有子组件类型
+*
+* @param {LowCodeWidget.BasicSchema} item
+* @param {string[]} [types=[]]
+* @returns {*}  {string[]}
+*/
 function deepFindTypes(item, types = []) {
-  if (item.type) {
-    types.push(item.type);
-  }
-  if ((!item.type || containerTypes.includes(item.type)) && item.children && item.children.length > 0) {
-    item.children.forEach((child) => {
-      deepFindTypes(child, types);
-    });
-  }
-  return types;
+	if (item.type) types.push(item.type);
+	if ((!item.type || containerTypes.includes(item.type)) && item.children && item.children.length > 0) item.children.forEach((child) => {
+		deepFindTypes(child, types);
+	});
+	return types;
 }
+/**
+* 返回包含自身以及子的所有组件类型集合
+*
+* @export
+* @param {LowCodeWidget.BasicSchema} item
+* @returns {*}  {string[]}
+*/
 function findAllChildrenTypes(item) {
-  const types = deepFindTypes(item);
-  const set = new Set(types);
-  return Array.from(set);
+	const types = deepFindTypes(item);
+	const set = new Set(types);
+	return Array.from(set);
 }
-
+//#endregion
 export { findAllChildrenTypes };

package/es/utils/flatten.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 不知名逻辑，旧代码的勿动，新功能别用
+ *
+ * @deprecated
+ * @export
+ * @template T
+ * @param {T[]} [array=[]]
+ * @param {string} [path]
+ * @param {boolean} [inSubTable]
+ * @return {*}  {T[]}
+ */
+export declare function flatten<T = any>(array?: T[], path?: string, inSubTable?: boolean): T[];

package/es/utils/flatten.mjs

@@ -0,0 +1,32 @@
+import { MaterialEnum } from "@gct-paas/core";
+//#region src/utils/flatten.ts
+/**
+* 不知名逻辑，旧代码的勿动，新功能别用
+*
+* @deprecated
+* @export
+* @template T
+* @param {T[]} [array=[]]
+* @param {string} [path]
+* @param {boolean} [inSubTable]
+* @return {*}  {T[]}
+*/
+function flatten(array = [], path, inSubTable) {
+	return [].concat(...array.map((item) => {
+		const key = item.materialType === MaterialEnum.MaterialSubTableModalField ? `modalfield_${item.id}` : item.id;
+		item.path = `${path}|${/^modalBody_/.test(item.id) ? "undefined" : key}`;
+		item.inSubTable = inSubTable || /^modal_/.test(item.id) && item.props.isSubTableModal;
+		const children = [...item.children || []];
+		return [].concat({
+			id: item.id,
+			key,
+			name: item.name,
+			customName: item.alias,
+			path: item.path,
+			type: item.type,
+			inSubTable: item.inSubTable
+		}, flatten(children, item.path, item.inSubTable));
+	}));
+}
+//#endregion
+export { flatten };

package/es/utils/formula-editor-design/formula-editor-design.d.ts

@@ -0,0 +1,9 @@
+import { IFormulaEditorOptions, IFormulaResult } from '@gct-paas/core-web';
+/**
+ * 设计界面打开公式编辑器的方法
+ *
+ * @export
+ * @param {IFormulaEditorOptions} opts
+ * @return {*}  {(Promise<IFormulaResult | undefined>)}
+ */
+export declare function openFormulaEditorByDesign(opts: IFormulaEditorOptions): Promise<IFormulaResult | undefined>;

package/es/utils/formula-editor-design/formula-editor-design.mjs

@@ -0,0 +1,31 @@
+import { useGlobal } from "../../hooks/design-view/global/useGlobal.mjs";
+import { useDesigner } from "../../hooks/design-view/useDesigner.mjs";
+import "../../hooks/index.mjs";
+import { openFormulaEditor } from "@gct-paas/core-web";
+//#region src/utils/formula-editor-design/formula-editor-design.ts
+/**
+* 设计界面打开公式编辑器的方法
+*
+* @export
+* @param {IFormulaEditorOptions} opts
+* @return {*}  {(Promise<IFormulaResult | undefined>)}
+*/
+async function openFormulaEditorByDesign(opts) {
+	const { gVar, queryGVar } = useGlobal();
+	const { pageJson } = useDesigner();
+	if (!opts.globalVars) {
+		await queryGVar();
+		opts.globalVars = gVar.value;
+	}
+	if (!opts.pageVars && pageJson?.pageVars) opts.pageVars = pageJson.pageVars.map((item) => {
+		return {
+			id: item.key,
+			name: item.key,
+			valueType: item.varInfo.type,
+			desc: item.varInfo.description
+		};
+	});
+	return openFormulaEditor(opts);
+}
+//#endregion
+export { openFormulaEditorByDesign };

package/es/utils/index.d.ts

@@ -1,9 +1,11 @@
-export { isCanCrop } from './can-drop/can-drop';
-export { widthDesignEditorInstall } from './design-install/design-install';
 export { designInterceptors } from './design-interceptors/design-interceptors';
+export { platform, designRegister } from './design-view';
 export { basicAttrsUtils, transformField2Component } from './field-attrs';
 export { deptFilter, formulaFilter } from './field-filter';
+export { openFormulaEditorByDesign } from './formula-editor-design/formula-editor-design';
 export { findAllChildrenTypes } from './find-deep-types/find-deep-types';
 export { onWidgetInfoInit, createWidgetProvider, } from './init-widget-info/init-widget-info';
-export * from './plugin-pkg-util/plugin-pkg-util';
+export * from './design-plugin-pkg-util/design-plugin-pkg-util';
+export { createWidgetByType } from './schema';
 export { buildRunJs, initMethodMap } from './transform-js';
+export { flatten } from './flatten';

package/es/utils/index.mjs

@@ -0,0 +1,13 @@
+import "./design-interceptors/design-interceptors.mjs";
+import "./design-view/index.mjs";
+import "./field-attrs/basicAttrs.mjs";
+import "./field-attrs/index.mjs";
+import "./field-filter/index.mjs";
+import "./formula-editor-design/formula-editor-design.mjs";
+import "./find-deep-types/find-deep-types.mjs";
+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/init-widget-info/init-widget-info.mjs

@@ -1,40 +1,53 @@
-import { registerWebPluginWidgetItem, registerMobilePluginWidgetItem, registerPadPluginWidgetItem } from '@gct-paas/schema';
-
+import { registerMobilePluginWidgetItem, registerPadPluginWidgetItem, registerWebPluginWidgetItem } from "@gct-paas/schema";
+//#region src/utils/init-widget-info/init-widget-info.ts
+/**
+* 组件信息初始化，注册组件信息到全局
+*
+* @export
+*/
 function onWidgetInfoInit() {
-  _gct.register.designer.web.hooks.register.tap((_, __, designer) => {
-    registerWebPluginWidgetItem(designer);
-  });
-  _gct.register.designer.web.getProviders().forEach((designer) => {
-    registerWebPluginWidgetItem(designer);
-  });
-  _gct.register.designer.mobile.hooks.register.tap((_, __, designer) => {
-    registerMobilePluginWidgetItem(designer);
-  });
-  _gct.register.designer.mobile.getProviders().forEach((designer) => {
-    registerMobilePluginWidgetItem(designer);
-  });
-  _gct.register.designer.pad.hooks.register.tap((_, __, designer) => {
-    registerPadPluginWidgetItem(designer);
-  });
-  _gct.register.designer.pad.getProviders().forEach((designer) => {
-    registerPadPluginWidgetItem(designer);
-  });
+	_gct.register.designer.web.hooks.register.tap((_, __, designer) => {
+		registerWebPluginWidgetItem(designer);
+	});
+	_gct.register.designer.web.getProviders().forEach((designer) => {
+		registerWebPluginWidgetItem(designer);
+	});
+	_gct.register.designer.mobile.hooks.register.tap((_, __, designer) => {
+		registerMobilePluginWidgetItem(designer);
+	});
+	_gct.register.designer.mobile.getProviders().forEach((designer) => {
+		registerMobilePluginWidgetItem(designer);
+	});
+	_gct.register.designer.pad.hooks.register.tap((_, __, designer) => {
+		registerPadPluginWidgetItem(designer);
+	});
+	_gct.register.designer.pad.getProviders().forEach((designer) => {
+		registerPadPluginWidgetItem(designer);
+	});
 }
+/**
+* 适配器创建函数，主要用于将旧组件改造为和插件一致的模式
+*
+* @export
+* @param {unknown} component
+* @param {IObject} module
+* @return {*}  {IDesignerProvider}
+*/
 function createWidgetProvider(component, module) {
-  return {
-    component,
-    kit: module.kit,
-    events: module.eventList,
-    propEditors: module.propEditorList,
-    schema: module.widget,
-    callback: module.runCallback,
-    beforeCreate: module.beforeCreate,
-    styleEditors: module.styleEditorList,
-    designerConfig: module.designerConfig,
-    hooks: module.hooks,
-    whiteList: module.whiteList,
-    blackList: module.blackList
-  };
+	return {
+		component,
+		kit: module.kit,
+		events: module.eventList,
+		propEditors: module.propEditorList,
+		schema: module.widget,
+		callback: module.runCallback,
+		beforeCreate: module.beforeCreate,
+		styleEditors: module.styleEditorList,
+		designerConfig: module.designerConfig,
+		hooks: module.hooks,
+		whiteList: module.whiteList,
+		blackList: module.blackList
+	};
 }
-
+//#endregion
 export { createWidgetProvider, onWidgetInfoInit };

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

@@ -0,0 +1,10 @@
+import { Mapping } from '@gct-paas/schema';
+/**
+ * 根据组件类型创建组件模型实例
+ *
+ * @export
+ * @template T
+ * @param {string} type
+ * @return {*}  {Mapping[T]}
+ */
+export declare function createWidgetByType<T extends keyof Mapping>(type: string): Mapping[T];

package/es/utils/schema/index.mjs

@@ -0,0 +1,18 @@
+import { designRegister } from "../design-view/index.mjs";
+import { cloneWidget } from "@gct-paas/schema";
+//#region src/utils/schema/index.ts
+/**
+* 根据组件类型创建组件模型实例
+*
+* @export
+* @template T
+* @param {string} type
+* @return {*}  {Mapping[T]}
+*/
+function createWidgetByType(type) {
+	const p = designRegister.value.getProvider(type);
+	if (!p) throw new Error(`Widget type ${type} is not registered.`);
+	return cloneWidget(p.schema);
+}
+//#endregion
+export { createWidgetByType };

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,48 +1,76 @@
-let _worker = null;
-const _pendingMap = /* @__PURE__ */ new Map();
-function getWorker() {
-  if (!_worker) {
-    _worker = new Worker(new URL(/* @vite-ignore */ "/assets/transform-js.worker-DdeZQ5i-.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;
+//#region src/utils/transform-js/transform-js.ts
+var _babel = null;
+var _esprima = null;
+var _estraverse = null;
+var _escodegen = null;
+async function loadBabel() {
+	if (!_babel) _babel = await import("@babel/standalone");
+	return _babel;
 }
-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 };
-    getWorker().postMessage(request);
-  });
+async function loadAstModules() {
+	if (!_esprima) [_esprima, _estraverse, _escodegen] = await Promise.all([
+		import("esprima-next"),
+		import("estraverse"),
+		import("escodegen")
+	]);
+	return {
+		esprima: _esprima,
+		estraverse: _estraverse.default || _estraverse,
+		escodegen: _escodegen.default || _escodegen
+	};
 }
-function buildRunJs(code, needExport = true) {
-  return postTask("BUILD_RUN_JS" /* BUILD_RUN_JS */, {
-    code,
-    needExport
-  });
+/**
+* 将 TypeScript/ES 代码编译为可在运行时执行的 JS 字符串
+* @param code - 源代码字符串（支持 TS 语法，可为 URI 编码）
+* @param needExport - 是否在末尾追加 `return exports`，默认为 true
+* @returns 编译后可执行的 JS 字符串
+*/
+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" : "");
 }
-function initMethodMap(code) {
-  return postTask("INIT_METHOD_MAP" /* INIT_METHOD_MAP */, { code });
+/**
+* 解析代码字符串并提取所有命名导出函数的方法映射
+* @param code - 包含命名导出函数的代码字符串
+* @returns 以函数名为键的方法映射对象，解析失败时返回空对象
+*/
+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 };