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

package/es/register/designer-register/designer-register.mjs

@@ -1,67 +1,112 @@
-import { SyncSeriesHook } from 'qx-util';
-
-class DesignerRegister {
-  /**
-   * 已注册组件
-   *
-   * @protected
-   */
-  map = /* @__PURE__ */ new Map();
-  providers = /* @__PURE__ */ new Map();
-  hooks = {
-    register: new SyncSeriesHook(),
-    unregister: new SyncSeriesHook()
-  };
-  /**
-   * 设计器项适配器注册
-   *
-   * @param {string} tag 适配器标识
-   * @param {() => IDesignerProvider} provider 设计器项
-   */
-  register(tag, provider) {
-    this.map.set(tag, provider);
-    const instance = provider();
-    this.providers.set(tag, instance);
-    this.hooks.register.callSync(null, tag, instance);
-  }
-  /**
-   * 设计器项适配器注销
-   *
-   * @param {string} tag
-   */
-  unregister(tag) {
-    this.map.delete(tag);
-    const instance = this.providers.get(tag);
-    if (instance) {
-      this.hooks.unregister.callSync(null, tag, instance);
-      this.providers.delete(tag);
-    }
-  }
-  /**
-   * 根据标识获取指定适配器
-   *
-   * @param {string} tag
-   * @returns {*}  {(IDesignerProvider | undefined)}
-   */
-  getProvider(tag) {
-    return this.providers.get(tag);
-  }
-  /**
-   * 获取当前所有组件 keys
-   *
-   * @return {*}  {string[]}
-   */
-  getKeys() {
-    return Array.from(this.map.keys());
-  }
-  /**
-   * 获取现有所有适配器
-   *
-   * @return {*}  {IDesignerProvider[]}
-   */
-  getProviders() {
-    return Array.from(this.providers.values());
-  }
-}
-
+import { SyncSeriesHook } from "qx-util";
+//#region src/register/designer-register/designer-register.ts
+/**
+* 设计界面组件注册
+*
+* @export
+* @class DesignerRegister
+*/
+var DesignerRegister = class {
+	/**
+	* 已注册组件
+	*
+	* @protected
+	*/
+	map = /* @__PURE__ */ new Map();
+	/**
+	* 兼容旧的写法，直接将组件注册入组件集合，设计界面直接使用 key 标识获取组件并进行渲染
+	*
+	* @protected
+	*/
+	components = /* @__PURE__ */ new Map();
+	providers = /* @__PURE__ */ new Map();
+	hooks = {
+		register: new SyncSeriesHook(),
+		unregister: new SyncSeriesHook()
+	};
+	/**
+	* 添加组件（兼容旧写法）
+	*
+	* @deprecated
+	* @param {string} type
+	* @param {Component} component
+	*/
+	addComponent(type, component) {
+		this.components.set(type, component);
+	}
+	/**
+	* 根据类型获取组件（兼容旧写法）
+	*
+	* @param {string} type
+	* @return {*}  {(Component | undefined)}
+	*/
+	getComponentByType(type) {
+		return this.components.get("gct-" + type);
+	}
+	/**
+	* 根据插件标签获取组件（兼容旧写法）
+	*
+	* @param {string} type
+	* @return {*}  {(Component | undefined)}
+	*/
+	getComponentByPluginTag(type) {
+		return this.components.get("gct-plugin-" + type);
+	}
+	/**
+	* 设计器项适配器注册
+	*
+	* @param {string} tag 适配器标识
+	* @param {() => IDesignerProvider} provider 设计器项
+	*/
+	register(tag, provider) {
+		this.map.set(tag, provider);
+		const instance = provider();
+		this.providers.set(tag, instance);
+		this.hooks.register.callSync(null, tag, instance);
+		this.addComponent("gct-" + instance.schema.type, instance.component);
+	}
+	/**
+	* 设计器项适配器注销
+	*
+	* @param {string} tag
+	*/
+	unregister(tag) {
+		this.map.delete(tag);
+		const instance = this.providers.get(tag);
+		if (instance) {
+			this.hooks.unregister.callSync(null, tag, instance);
+			this.providers.delete(tag);
+		}
+	}
+	/**
+	* 根据标识获取指定适配器
+	*
+	* @param {string} tag
+	* @returns {*}  {(IDesignerProvider | undefined)}
+	*/
+	getProvider(tag) {
+		if (!this.providers.has(tag)) {
+			console.warn(`getProvider with tag ${tag} is not registered.`);
+			return;
+		}
+		return this.providers.get(tag);
+	}
+	/**
+	* 获取当前所有组件 keys
+	*
+	* @return {*}  {string[]}
+	*/
+	getKeys() {
+		return Array.from(this.map.keys());
+	}
+	/**
+	* 获取现有所有适配器
+	*
+	* @return {*}  {IDesignerProvider[]}
+	*/
+	getProviders() {
+		return Array.from(this.providers.values());
+	}
+};
+//#endregion
 export { DesignerRegister };

package/es/register/index.d.ts

@@ -1,3 +1,2 @@
 export { DesignerRegister } from './designer-register/designer-register';
 export { MaterialRegister } from './material/material.register';
-export { NodeRegister } from './node/node.register';

package/es/register/index.mjs

@@ -0,0 +1,2 @@
+import "./designer-register/designer-register.mjs";
+import "./material/material.register.mjs";

package/es/register/material/material.register.mjs

@@ -1,134 +1,132 @@
-import { clone } from 'lodash-es';
-import { DesignViewPrefix } from '../../constant/index.mjs';
-
-class MaterialRegister {
-  static groupMap = /* @__PURE__ */ new Map();
-  static map = /* @__PURE__ */ new Map();
-  /**
-   * 注册素材项
-   *
-   * @author zhanghanrui
-   * @date 2024-07-09 15:07:15
-   * @static
-   * @param {IMaterialData} material
-   * @param {string} [prefix]
-   */
-  static register(material, prefix) {
-    const tag = prefix ? `${prefix}:${material.type}` : material.type;
-    this.map.set(tag, material);
-  }
-  /**
-   * 注册自定义首页素材
-   *
-   * @author zhanghanrui
-   * @date 2024-07-09 16:07:52
-   * @static
-   * @param {IMaterialData} material
-   */
-  static registerCustomHome(material) {
-    this.register(material, DesignViewPrefix.CUSTOM_HOME);
-  }
-  /**
-   * 注册自定义导航页面
-   *
-   * @author zhanghanrui
-   * @date 2024-08-19 17:08:13
-   * @static
-   * @param {IMaterialData} material
-   */
-  static registerCustomExpView(material) {
-    this.register(material, DesignViewPrefix.CUSTOM_EXP_VIEW);
-  }
-  /**
-   * 注册素材组
-   *
-   * @author zhanghanrui
-   * @date 2024-07-09 15:07:25
-   * @static
-   * @param {IMaterialGroup} material
-   * @param {string} [prefix]
-   */
-  static registerGroup(material, prefix) {
-    const tag = prefix ? `${prefix}:${material.tag}` : material.tag;
-    this.groupMap.set(tag, material);
-    if (material.children) {
-      material.children.forEach((item) => {
-        this.register(item, prefix);
-      });
-    }
-  }
-  /**
-   * 注册自定义首页素材组
-   *
-   * @author zhanghanrui
-   * @date 2024-07-09 16:07:56
-   * @static
-   * @param {IMaterialGroup} material
-   */
-  static registerGroupCustomHome(material) {
-    this.registerGroup(material, DesignViewPrefix.CUSTOM_HOME);
-  }
-  /**
-   * 注册自定义导航页面组
-   *
-   * @author zhanghanrui
-   * @date 2024-08-19 17:08:09
-   * @static
-   * @param {IMaterialGroup} material
-   */
-  static registerGroupCustomExpView(material) {
-    this.registerGroup(material, DesignViewPrefix.CUSTOM_EXP_VIEW);
-  }
-  /**
-   * 获取素材项
-   *
-   * @author zhanghanrui
-   * @date 2024-07-16 14:07:28
-   * @static
-   * @param {string} tag
-   * @param {string} [prefix]
-   * @return {*}  {(IMaterialData | undefined)}
-   */
-  static getMaterial(tag, prefix) {
-    return this.map.get(prefix ? `${prefix}:${tag}` : tag);
-  }
-  /**
-   * 获取指定的素材清单
-   *
-   * @author zhanghanrui
-   * @date 2024-07-09 16:07:05
-   * @static
-   * @param {string} [prefix]
-   * @return {*}  {IMaterialGroup[]}
-   */
-  static getList(prefix) {
-    const keys = Array.from(this.groupMap.keys()).filter(
-      (_) => _.startsWith(`${prefix}:`)
-    );
-    const itemKeys = Array.from(this.map.keys()).filter(
-      (_) => _.startsWith(`${prefix}:`)
-    );
-    let arr = [];
-    keys.forEach((key) => {
-      const group = this.groupMap.get(key);
-      if (group) {
-        arr.push(clone(group));
-      }
-    });
-    arr = arr.sort((a, b) => a.order - b.order);
-    let items = [];
-    itemKeys.forEach((key) => {
-      const item = this.map.get(key);
-      if (item) {
-        items.push(clone(item));
-      }
-    });
-    items = items.sort((a, b) => a.order - b.order);
-    arr.forEach((group) => {
-      group.children = items.filter((item) => item.group === group.tag);
-    });
-    return arr;
-  }
-}
-
+import { DesignViewPrefix } from "../../constant/index.mjs";
+import { clone } from "lodash-es";
+//#region src/register/material/material.register.ts
+/**
+* 素材区素材注册
+*
+* @author zhanghanrui
+* @date 2024-07-09 15:07:50
+* @export
+* @class MaterialRegister
+*/
+var MaterialRegister = class {
+	static groupMap = /* @__PURE__ */ new Map();
+	static map = /* @__PURE__ */ new Map();
+	/**
+	* 注册素材项
+	*
+	* @author zhanghanrui
+	* @date 2024-07-09 15:07:15
+	* @static
+	* @param {IMaterialData} material
+	* @param {string} [prefix]
+	*/
+	static register(material, prefix) {
+		const tag = prefix ? `${prefix}:${material.type}` : material.type;
+		this.map.set(tag, material);
+	}
+	/**
+	* 注册自定义首页素材
+	*
+	* @author zhanghanrui
+	* @date 2024-07-09 16:07:52
+	* @static
+	* @param {IMaterialData} material
+	*/
+	static registerCustomHome(material) {
+		this.register(material, DesignViewPrefix.CUSTOM_HOME);
+	}
+	/**
+	* 注册自定义导航页面
+	*
+	* @author zhanghanrui
+	* @date 2024-08-19 17:08:13
+	* @static
+	* @param {IMaterialData} material
+	*/
+	static registerCustomExpView(material) {
+		this.register(material, DesignViewPrefix.CUSTOM_EXP_VIEW);
+	}
+	/**
+	* 注册素材组
+	*
+	* @author zhanghanrui
+	* @date 2024-07-09 15:07:25
+	* @static
+	* @param {IMaterialGroup} material
+	* @param {string} [prefix]
+	*/
+	static registerGroup(material, prefix) {
+		const tag = prefix ? `${prefix}:${material.tag}` : material.tag;
+		this.groupMap.set(tag, material);
+		if (material.children) material.children.forEach((item) => {
+			this.register(item, prefix);
+		});
+	}
+	/**
+	* 注册自定义首页素材组
+	*
+	* @author zhanghanrui
+	* @date 2024-07-09 16:07:56
+	* @static
+	* @param {IMaterialGroup} material
+	*/
+	static registerGroupCustomHome(material) {
+		this.registerGroup(material, DesignViewPrefix.CUSTOM_HOME);
+	}
+	/**
+	* 注册自定义导航页面组
+	*
+	* @author zhanghanrui
+	* @date 2024-08-19 17:08:09
+	* @static
+	* @param {IMaterialGroup} material
+	*/
+	static registerGroupCustomExpView(material) {
+		this.registerGroup(material, DesignViewPrefix.CUSTOM_EXP_VIEW);
+	}
+	/**
+	* 获取素材项
+	*
+	* @author zhanghanrui
+	* @date 2024-07-16 14:07:28
+	* @static
+	* @param {string} tag
+	* @param {string} [prefix]
+	* @return {*}  {(IMaterialData | undefined)}
+	*/
+	static getMaterial(tag, prefix) {
+		return this.map.get(prefix ? `${prefix}:${tag}` : tag);
+	}
+	/**
+	* 获取指定的素材清单
+	*
+	* @author zhanghanrui
+	* @date 2024-07-09 16:07:05
+	* @static
+	* @param {string} [prefix]
+	* @return {*}  {IMaterialGroup[]}
+	*/
+	static getList(prefix) {
+		const keys = Array.from(this.groupMap.keys()).filter((_) => _.startsWith(`${prefix}:`));
+		const itemKeys = Array.from(this.map.keys()).filter((_) => _.startsWith(`${prefix}:`));
+		let arr = [];
+		keys.forEach((key) => {
+			const group = this.groupMap.get(key);
+			if (group) arr.push(clone(group));
+		});
+		arr = arr.sort((a, b) => a.order - b.order);
+		let items = [];
+		itemKeys.forEach((key) => {
+			const item = this.map.get(key);
+			if (item) items.push(clone(item));
+		});
+		items = items.sort((a, b) => a.order - b.order);
+		arr.forEach((group) => {
+			group.children = items.filter((item) => item.group === group.tag);
+		});
+		return arr;
+	}
+};
+//#endregion
 export { MaterialRegister };

package/es/schema/begin-drag/begin-drag.d.ts

@@ -0,0 +1,13 @@
+import { LowCodeWidget } from '@gct-paas/schema';
+import { MaterialEnum } from '@gct-paas/core';
+/**
+ *
+ * @param data 字段信息
+ * @param param1.materialType 字段所属类型
+ * @param param1.preLocation 字段所属组件id(组件标识)
+ * @returns
+ */
+export declare function beginDrag(data: IObject, { materialType, preLocation }?: {
+    materialType?: MaterialEnum | undefined;
+    preLocation?: string | undefined;
+}): LowCodeWidget.FieldSchema;

package/es/schema/begin-drag/begin-drag.mjs

@@ -0,0 +1,108 @@
+import { designRegister, platform } from "../../utils/design-view/index.mjs";
+import { basicAttrsUtils } from "../../utils/field-attrs/basicAttrs.mjs";
+import { transformField2Component } from "../../utils/field-attrs/index.mjs";
+import "../../utils/index.mjs";
+import { runSubtableFieldWidget, runWidget } from "../field/data-table-column.mjs";
+import { useDesigner } from "../../hooks/design-view/useDesigner.mjs";
+import { useAsyncOperateField } from "../../hooks/widgets/useAsyncFields.mjs";
+import "../../hooks/index.mjs";
+import { cloneDeep, get, merge } from "lodash-es";
+import { CreateType, EntityModelTypeEnum, FIELD_TYPE, FieldIconMap, FormComponents, MaterialEnum, Platform, buildShortUUID } from "@gct-paas/core";
+import { transformI18n } from "@gct-paas/schema";
+//#region src/schema/begin-drag/begin-drag.ts
+var { unBindAsyncStatus } = useAsyncOperateField();
+/**
+*
+* @param data 字段信息
+* @param param1.materialType 字段所属类型
+* @param param1.preLocation 字段所属组件id(组件标识)
+* @returns
+*/
+function beginDrag(data, { materialType = MaterialEnum.MaterialFormField, preLocation = "" } = {}) {
+	const cloneData = cloneDeep(data);
+	const basic = {
+		id: buildShortUUID(cloneData.type),
+		platform: platform.value,
+		name: `sys.pageDesigner.fieldCmp.${cloneData.type}`,
+		icon: FieldIconMap[cloneData.type],
+		alias: cloneData.name,
+		isField: true,
+		materialType: materialType || MaterialEnum.MaterialFormField,
+		preLocation
+	};
+	const { cmpKey, attrsTransform = [] } = transformField2Component((() => {
+		if (data.createType === CreateType.SYSTEM) return FIELD_TYPE.SERIAL;
+		if (data.createType === CreateType.BUILTIN && data.key === "full_path_") return FIELD_TYPE.SERIAL;
+		if (data.createType === CreateType.BUILTIN) {
+			if (cloneData.modelType === EntityModelTypeEnum.DYNAMIC_FORM || cloneData.modelType === "CHECK_LIST") {
+				if (cloneData.key === "type_") return FormComponents.DynamicFormType;
+				else if (cloneData.key === "value_" || cloneData.key === "default_value_") return FormComponents.DynamicFormValue;
+				else if (cloneData.key === "options_") return FormComponents.DynamicFormOpts;
+				else if (cloneData.key === "show_type_") return FormComponents.DynamicFormShowType;
+			}
+			if (cloneData.key === "workflow_step_nodes_" || cloneData.key === "operations_") return "workflow_nodes";
+			if (cloneData.modelType === EntityModelTypeEnum.RDO && cloneData.rdoUniqueFieldKey && !cloneData.isFieldModel) return "rdo_input";
+			if ((cloneData.key === "name_" || cloneData.key === "table_name_") && cloneData.modelType === EntityModelTypeEnum.WORKFLOW && !cloneData.isFieldModel) return "rdo_input";
+		}
+		if (cloneData.type === FIELD_TYPE.MASTERSLAVE && cloneData.refModelType === EntityModelTypeEnum.DYNAMIC_FORM) return FormComponents.DynamicTable;
+		return cloneData.type;
+	})()) || {};
+	const provider = designRegister.value.getProvider(cmpKey);
+	if (!provider) throw new Error(`Component for field type ${cloneData.type} is not registered.`);
+	const cmp = cloneDeep(provider.schema);
+	const otherAttrs = Object.fromEntries(attrsTransform.concat((() => {
+		if (cloneData.isFieldModel) return [...basicAttrsUtils.readonly, ...basicAttrsUtils.bindFieldKey];
+		if (materialType === MaterialEnum.MaterialTableSelectField || materialType === MaterialEnum.DescriptionsFormField) return [...basicAttrsUtils.readonly];
+		return [];
+	})()).filter((item) => {
+		if (cloneData.isFieldModel && [
+			"required",
+			"fieldRequired",
+			"defaultValue",
+			"defaultMain",
+			"defaultSysDate"
+		].includes(item.to)) return false;
+		if (materialType === MaterialEnum.MaterialTableSelectField && ["required", "fieldRequired"].includes(item.to)) return false;
+		return true;
+	}).map((row) => {
+		const value = get(cloneData, row.from);
+		return [row.to, row.transform ? row.transform(value, cloneData) : value];
+	}));
+	merge(cmp.props, {
+		field: cloneData.key,
+		fieldId: cloneData.id,
+		fieldType: cloneData.type,
+		fieldCodeChain: cloneData.fieldCodeChain,
+		isFieldModel: cloneData.isFieldModel,
+		isCustomField: cloneData.createType === CreateType.CUSTOM || [FIELD_TYPE.DATA_TABLE_FORMULA, FIELD_TYPE.READONLYCMP].includes(cloneData.type),
+		label: null,
+		fieldName: cloneData.name,
+		modelKey: cloneData.modelKey,
+		bindModelKey: cloneData.bindInfo,
+		uniqueConstraintType: cloneData.uniqueConstraint?.type,
+		rdoUniqueFieldKey: cloneData.rdoUniqueFieldKey,
+		modeldata: {
+			modelCategory: cloneData.modelCategory,
+			modelType: cloneData.modelType
+		},
+		...otherAttrs
+	});
+	if (cloneData.modelCategory === "view") merge(cmp.props, {
+		fieldReadonly: true,
+		readonly: true,
+		fieldRequired: false,
+		required: false
+	});
+	transformI18n(cmp.props);
+	const widget = merge(cmp, basic);
+	provider.beforeCreate?.(widget);
+	if (materialType === MaterialEnum.MaterialTableField) return runWidget(widget);
+	if ([MaterialEnum.MaterialSubTableField, MaterialEnum.MaterialTableSelectField].includes(materialType) && (widget.platform === Platform.WEB || widget.platform === Platform.PAD)) return runSubtableFieldWidget(widget);
+	if (materialType === MaterialEnum.MaterialSubTableModalField) {
+		const { subTableModalId } = useDesigner();
+		unBindAsyncStatus(subTableModalId.value);
+	}
+	return widget;
+}
+//#endregion
+export { beginDrag };

package/es/schema/common-config/autofill-editor-config.d.ts

@@ -0,0 +1,5 @@
+import { PropGroup } from '@gct-paas/core';
+import { LowCodeWidget } from '@gct-paas/schema';
+export declare const getAutofillEditor: ({ groupName, }: {
+    groupName: PropGroup;
+}) => LowCodeWidget.PropEditor[];

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

@@ -0,0 +1,34 @@
+import { FIELD_TYPE } from "@gct-paas/core";
+import "@gct-paas/schema";
+//#region src/schema/common-config/autofill-editor-config.ts
+var SHOW_FIELD_TYPE = [
+	FIELD_TYPE.REF,
+	FIELD_TYPE.USER,
+	FIELD_TYPE.ORG,
+	FIELD_TYPE.RDO_REF,
+	FIELD_TYPE.ATTACHMENT,
+	FIELD_TYPE.ESOP
+];
+var getAutofillEditor = ({ groupName }) => {
+	return [{
+		component: "switch-editor",
+		name: "enableAutofill",
+		label: "sys.pageDesigner.dataFill",
+		group: groupName,
+		hidden: (widget) => {
+			if (widget.props.bindFieldKey || widget.props.fieldReadonly) return true;
+			return !SHOW_FIELD_TYPE.includes(widget.props.fieldType) || !!widget.props.multiple;
+		}
+	}, {
+		component: "autofill-editor",
+		name: "autofillRules",
+		label: "",
+		group: groupName,
+		hidden: (widget) => {
+			if (widget.props.bindFieldKey || widget.props.fieldReadonly) return true;
+			return !SHOW_FIELD_TYPE.includes(widget.props.fieldType) || widget.props.enableAutofill === false || !!widget.props.multiple;
+		}
+	}];
+};
+//#endregion
+export { getAutofillEditor };

package/es/schema/common-config/base-button-config.d.ts

@@ -0,0 +1,3 @@
+import { BaseButtonProps, LowCodeWidget } from '@gct-paas/schema';
+export declare const baseBtnProp: BaseButtonProps;
+export declare const baseBtnEditor: LowCodeWidget.PropEditor[];