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

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.d.ts

@@ -0,0 +1,4 @@
+/**公式的过滤字段 */
+export declare const formulaFilter: (i: IObject) => boolean;
+/**組件依賴的过滤字段 */
+export declare const deptFilter: (i: IObject) => boolean;

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

@@ -0,0 +1,68 @@
+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
+];
+/**公式的过滤字段 */
+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));
+};
+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
+];
+/**組件依賴的过滤字段 */
+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,5 +1,11 @@
-export { isCanCrop } from './can-drop/can-drop';
-export { widthDesignEditorInstall } from './design-install/design-install';
-export { findAllChildrenTypes } from './find-deep-types/find-deep-types';
-export * from './plugin-pkg-util/plugin-pkg-util';
+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 './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.d.ts

@@ -0,0 +1,16 @@
+import { IDesignerProvider } from '../../interface';
+/**
+ * 组件信息初始化，注册组件信息到全局
+ *
+ * @export
+ */
+export declare function onWidgetInfoInit(): void;
+/**
+ * 适配器创建函数，主要用于将旧组件改造为和插件一致的模式
+ *
+ * @export
+ * @param {unknown} component
+ * @param {IObject} module
+ * @return {*}  {IDesignerProvider}
+ */
+export declare function createWidgetProvider(component: unknown, module: IObject): IDesignerProvider;

package/es/utils/init-widget-info/init-widget-info.mjs

@@ -0,0 +1,53 @@
+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);
+	});
+}
+/**
+* 适配器创建函数，主要用于将旧组件改造为和插件一致的模式
+*
+* @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
+	};
+}
+//#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.d.ts

@@ -0,0 +1 @@
+export { buildRunJs, initMethodMap } from './transform-js';

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

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

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

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

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

@@ -0,0 +1,76 @@
+//#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;
+}
+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
+	};
+}
+/**
+* 将 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" : "");
+}
+/**
+* 解析代码字符串并提取所有命名导出函数的方法映射
+* @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 };

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.1.4-dev.8",
+  "version": "0.1.5-dev.0",
   "type": "module",
   "description": "paas 平台设计界面底包",
-  "main": "dist/index.min.cjs",
-  "module": "es/index.mjs",
+  "loader": "dist/loader.esm.min.js",
   "types": "es/index.d.ts",
-  "system": "dist/index.system.min.js",
   "exports": {
     ".": {
       "types": "./es/index.d.ts",
-      "import": "./es/index.mjs",
-      "require": "./dist/index.min.cjs"
+      "import": "./es/index.mjs"
+    },
+    "./types": {
+      "types": "./es/types/index.d.ts"
     }
   },
   "files": [
@@ -43,15 +43,18 @@
   },
   "dependencies": {
     "@ant-design/icons-vue": "^7.0.1",
-    "@gct-paas/api": "0.1.0-dev.8",
-    "@gct-paas/core": "0.1.4-dev.8",
-    "@gct-paas/core-web": "0.1.4-dev.8",
-    "@gct-paas/schema": "0.1.4-dev.8",
-    "@gct-paas/scss": "0.1.4-dev.8",
+    "@babel/core": "^7.29.0",
+    "@babel/standalone": "^7.29.2",
+    "@gct-paas/api": "^0.1.2-dev.3",
+    "@gct-paas/core": "0.1.5-dev.0",
+    "@gct-paas/core-web": "0.1.5-dev.0",
+    "@gct-paas/schema": "0.1.5-dev.0",
+    "@gct-paas/scss": "0.1.5-dev.0",
     "@jsplumb/browser-ui": "^6.2.10",
     "@vueuse/core": "^14.1.0",
-    "ant-design-vue": "3.2.20",
+    "ant-design-vue": "~3.2.20",
     "async-validator": "^4.2.5",
+    "axios": "^1.13.2",
     "dayjs": "^1.11.19",
     "escodegen": "^2.1.0",
     "esprima-next": "5.8.4",
@@ -60,15 +63,21 @@
     "pinia": "^3.0.4",
     "qx-util": "^0.4.8",
     "react-dnd-html5-backend": "^16.0.1",
-    "vue": "^3.5.27",
+    "vue": "^3.5.30",
     "vue3-dnd": "^2.1.0"
   },
-  "peerDependencies": {
-    "vue": "^3.x"
-  },
   "devDependencies": {
-    "@gct-paas/build": "^0.1.5-dev.6",
+    "@types/babel__core": "^7.20.5",
+    "@types/babel__standalone": "^7.1.9",
     "@types/estraverse": "^5.1.7"
   },
-  "gitHead": "bf7f4f9672c3906ec834e6d58b999ce78f7cad08"
+  "peerDependencies": {
+    "@gct-paas/api": "*",
+    "@gct-paas/core": "*",
+    "@gct-paas/core-web": "*",
+    "@gct-paas/schema": "*",
+    "@gct-paas/scss": "*",
+    "vue": ">=3"
+  },
+  "gitHead": "d5a1badfd34c55ceefd2cf33f2ee659454076e37"
 }