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

package/es/hooks/design-view/utils/color.util.d.ts

@@ -0,0 +1,21 @@
+/**
+ * 颜色工具函数集合
+ * 提供颜色格式转换等工具方法
+ */
+/**
+ * 将 rgb/rgba 颜色字符串转换为 HEX 格式
+ *
+ * @param {string} color rgb 或 rgba 格式的颜色字符串
+ * @returns {string} HEX 格式颜色字符串
+ */
+export declare const shadeColor: (color: string) => string;
+/**
+ * 将 r, g, b, a 分量转换为 HEX 颜色字符串
+ *
+ * @param {string | number} r 红色分量 (0-255)
+ * @param {string | number} g 绿色分量 (0-255)
+ * @param {string | number} b 蓝色分量 (0-255)
+ * @param {string | number} a 透明度 (0-1)，默认为 1
+ * @returns {string} HEX 格式颜色字符串
+ */
+export declare function rgba2hex(r: string | number, g: string | number, b: string | number, a?: string | number): string;

package/es/hooks/design-view/utils/color.util.mjs

@@ -0,0 +1,56 @@
+//#region src/hooks/design-view/utils/color.util.ts
+/**
+* 颜色工具函数集合
+* 提供颜色格式转换等工具方法
+*/
+/**
+* 将 rgb/rgba 颜色字符串转换为 HEX 格式
+*
+* @param {string} color rgb 或 rgba 格式的颜色字符串
+* @returns {string} HEX 格式颜色字符串
+*/
+var shadeColor = (color) => {
+	let r = 0, g = 0, b = 0, a = 1;
+	let colorStr = "";
+	if (color.indexOf("rgba(") > -1) {
+		colorStr = color.replace("rgba(", "").replace(")", "");
+		const parts = colorStr.split(",");
+		r = parts[0] || 0;
+		g = parts[1] || 0;
+		b = parts[2] || 0;
+		a = parts[3] || 1;
+	} else if (color.indexOf("rgb(") > -1) {
+		colorStr = color.replace("rgb(", "").replace(")", "");
+		const parts = colorStr.split(",");
+		r = parts[0] || 0;
+		g = parts[1] || 0;
+		b = parts[2] || 0;
+	}
+	return rgba2hex(r, g, b, a);
+};
+/**
+* 将 r, g, b, a 分量转换为 HEX 颜色字符串
+*
+* @param {string | number} r 红色分量 (0-255)
+* @param {string | number} g 绿色分量 (0-255)
+* @param {string | number} b 蓝色分量 (0-255)
+* @param {string | number} a 透明度 (0-1)，默认为 1
+* @returns {string} HEX 格式颜色字符串
+*/
+function rgba2hex(r, g, b, a = 1) {
+	const rNum = parseInt(String(r));
+	const r1 = rNum.toString(16).length !== 2 ? "0" + rNum.toString(16) : rNum.toString(16);
+	const gNum = parseInt(String(g));
+	const g1 = gNum.toString(16).length !== 2 ? "0" + gNum.toString(16) : gNum.toString(16);
+	const bNum = parseInt(String(b));
+	const b1 = bNum.toString(16).length !== 2 ? "0" + bNum.toString(16) : bNum.toString(16);
+	const aNum = parseFloat(String(a));
+	let a1 = "";
+	if (aNum !== 1) {
+		const temp = Math.floor(256 * aNum);
+		a1 = temp.toString(16).length !== 2 ? "0" + temp.toString(16) : temp.toString(16);
+	}
+	return `#${r1}${g1}${b1}${a1}`.toUpperCase();
+}
+//#endregion
+export { rgba2hex, shadeColor };

package/es/hooks/design-view/utils/field-schema.util.d.ts

@@ -0,0 +1,55 @@
+import { FieldMetaDTO, ModelMetaDTO } from '@gct-paas/api/apaas';
+import { LowCodeWidget } from '@gct-paas/schema';
+/**
+ * 字段 Schema 工具类
+ * 提供模型元数据和字段元数据的获取与缓存能力
+ */
+export declare class FieldSchema {
+    /** 模型元数据缓存 */
+    static modelData: Map<string, ModelMetaDTO>;
+    /** 字段元数据缓存 */
+    static fieldData: Map<string, Record<string, FieldMetaDTO>>;
+    /** 请求 Promise 缓存，防止同一时刻重复请求 */
+    static responsePromise: Map<string, Promise<void>>;
+    /** 是否静默模式（不显示错误提示） */
+    static silent: boolean;
+    /**
+     * 获取模型字段映射
+     *
+     * @param {string} modelKey 模型 key
+     * @param {boolean} useCache 是否使用缓存
+     * @returns {Promise<void>}
+     */
+    static getMap(modelKey: string, useCache?: boolean): Promise<void>;
+    /**
+     * 获取模型下字段信息
+     *
+     * @param {string} modelKey 模型 key
+     * @param {string} field 字段 key
+     * @param {boolean} useCache 是否使用缓存
+     * @returns {Promise<FieldMetaDTO>} 字段信息
+     */
+    static getConfigByField(modelKey: string, field: string, useCache?: boolean): Promise<FieldMetaDTO>;
+    /**
+     * 获取模型信息
+     *
+     * @param {string} modelKey 模型 key
+     * @returns {Promise<ModelMetaDTO>} 模型信息
+     */
+    static getConfigByModel(modelKey: string): Promise<ModelMetaDTO>;
+    /**
+     * 清除缓存
+     *
+     * @param {boolean} useRequest 是否同时清除请求 Promise 缓存
+     */
+    static clearCacheMap(useRequest?: boolean): void;
+}
+/**
+ * 初始化字段组件运行时数据
+ * 字段运行时需要同步的数据
+ *
+ * @param {LowCodeWidget.BasicSchema} widget 组件配置
+ * @param {boolean} isVanField 是否为普通字段
+ * @returns {Promise<FieldMetaDTO>} 字段元数据
+ */
+export declare function initFieldWidgetRuntime(widget: LowCodeWidget.BasicSchema, isVanField?: boolean): Promise<FieldMetaDTO>;

package/es/hooks/design-view/utils/field-schema.util.mjs

@@ -0,0 +1,93 @@
+//#region src/hooks/design-view/utils/field-schema.util.ts
+/**
+* 字段 Schema 工具类
+* 提供模型元数据和字段元数据的获取与缓存能力
+*/
+var FieldSchema = class {
+	/** 模型元数据缓存 */
+	static modelData = /* @__PURE__ */ new Map();
+	/** 字段元数据缓存 */
+	static fieldData = /* @__PURE__ */ new Map();
+	/** 请求 Promise 缓存，防止同一时刻重复请求 */
+	static responsePromise = /* @__PURE__ */ new Map();
+	/** 是否静默模式（不显示错误提示） */
+	static silent = false;
+	/**
+	* 获取模型字段映射
+	*
+	* @param {string} modelKey 模型 key
+	* @param {boolean} useCache 是否使用缓存
+	* @returns {Promise<void>}
+	*/
+	static async getMap(modelKey, useCache = true) {
+		if (!modelKey) return Promise.reject();
+		if (!this.responsePromise.has(modelKey) || !useCache) {
+			/** 防止同一时刻同时调用接口 */
+			const P = (async () => {
+				const data = await _api.apaas.modelMeta.getDetail({ modelKey });
+				this.modelData.set(modelKey, data);
+				if (data?.fieldMetaList) {
+					const fieldMap = data.fieldMetaList.reduce((total, curr) => {
+						if (curr.key) total[curr.key] = curr;
+						return total;
+					}, {});
+					if (fieldMap) this.fieldData.set(modelKey, fieldMap);
+				}
+			})();
+			this.responsePromise.set(modelKey, P);
+		}
+		return this.responsePromise.get(modelKey);
+	}
+	/**
+	* 获取模型下字段信息
+	*
+	* @param {string} modelKey 模型 key
+	* @param {string} field 字段 key
+	* @param {boolean} useCache 是否使用缓存
+	* @returns {Promise<FieldMetaDTO>} 字段信息
+	*/
+	static async getConfigByField(modelKey, field, useCache = true) {
+		await this.getMap(modelKey, useCache);
+		return this.fieldData.get(modelKey)[field];
+	}
+	/**
+	* 获取模型信息
+	*
+	* @param {string} modelKey 模型 key
+	* @returns {Promise<ModelMetaDTO>} 模型信息
+	*/
+	static async getConfigByModel(modelKey) {
+		await this.getMap(modelKey);
+		return this.modelData.get(modelKey);
+	}
+	/**
+	* 清除缓存
+	*
+	* @param {boolean} useRequest 是否同时清除请求 Promise 缓存
+	*/
+	static clearCacheMap(useRequest = false) {
+		if (useRequest) this.responsePromise.clear();
+		this.modelData.clear();
+		this.fieldData.clear();
+	}
+};
+/**
+* 初始化字段组件运行时数据
+* 字段运行时需要同步的数据
+*
+* @param {LowCodeWidget.BasicSchema} widget 组件配置
+* @param {boolean} isVanField 是否为普通字段
+* @returns {Promise<FieldMetaDTO>} 字段元数据
+*/
+async function initFieldWidgetRuntime(widget, isVanField = false) {
+	const { modelKey, field, isCustomField, fieldName, readonly, fieldType } = widget.props;
+	if (!widget.isField && !isVanField || field === "table_name_") return {};
+	const fieldInfo = isCustomField ? { name: fieldName } : modelKey && await FieldSchema.getConfigByField(modelKey, field);
+	if ((!fieldInfo || fieldInfo.type !== fieldType) && !isCustomField) return Promise.reject("该字段可能已经被删除");
+	if (fieldInfo.required && !readonly) widget.props.required = true;
+	widget.props.fieldRequired = fieldInfo.required;
+	if (fieldInfo?.specificConfig?.digits !== void 0) widget.props.precision = fieldInfo?.specificConfig?.digits;
+	return fieldInfo;
+}
+//#endregion
+export { FieldSchema, initFieldWidgetRuntime };

package/es/hooks/design-view/widget/useSelectedWidget.d.ts

@@ -0,0 +1,53 @@
+import { IVue3DndItemOptions } from '../../../interface';
+import { SCOPE } from '@gct-paas/core';
+import { IBasicStyle, LowCodeModal, LowCodeWidget } from '@gct-paas/schema';
+import { Ref } from 'vue';
+export declare function useSelectedWidget(): {
+    setSelectedModal: (modal: Partial<LowCodeModal.Modal>) => void;
+    resetSelectedModal: () => void;
+    setSelectedWidget: (widget: Partial<LowCodeWidget.BasicSchema>, scope?: SCOPE) => void;
+    resetSelectedWidget: (scope?: SCOPE) => void;
+    selectedAllPropEditors: import('vue').ComputedRef<import('@gct-paas/schema').IPropEditor[]>;
+    selectedAllStyleEditors: import('vue').ComputedRef<import('@gct-paas/schema').IStyleEditor[]>;
+    selectedAllEvents: import('vue').ComputedRef<IObject[]>;
+    selectedEvents: import('vue').WritableComputedRef<import('@gct-paas/schema').IBasicEvents, import('@gct-paas/schema').IBasicEvents>;
+    selectedProps: import('vue').ComputedRef<import('@gct-paas/schema').ICommonProps & import('@gct-paas/schema').IWidgetProps>;
+    selectedStyle: import('vue').ComputedRef<Partial<IBasicStyle>>;
+    selectedWidget: Ref<Partial<import('@gct-paas/schema').IBasicSchema>, Partial<import('@gct-paas/schema').IBasicSchema>>;
+    selectedRef: import('vue').ComputedRef<import('@gct-paas/schema').IBasicSchema>;
+    selectModalRef: import('vue').ComputedRef<import('@gct-paas/schema').IBasicSchema>;
+    focusFormContainer: import('vue').ComputedRef<{
+        isFocus: boolean;
+        formModelKey?: undefined;
+        formId?: undefined;
+        nodeType?: undefined;
+        /**子表关联父模型 */
+        refParentModelkey?: undefined;
+    } | {
+        isFocus: boolean;
+        formModelKey: any;
+        formId: string | undefined;
+        nodeType: any;
+        /**子表关联父模型 */
+        refParentModelkey: any;
+    } | {
+        isFocus: boolean;
+        formModelKey: string;
+        formId: string;
+        nodeType: string;
+        /**子表关联父模型 */
+        refParentModelkey?: undefined;
+    }>;
+    selectedAllDesingerConfig: import('vue').ComputedRef<import('@gct-paas/schema').IDesignerConfig>;
+    setFocusFormContainer: (formId: string) => void;
+    focusFormRef: import('vue').ComputedRef<Partial<import('@gct-paas/schema').IBasicSchema>>;
+    hoverRef: import('vue').ComputedRef<Partial<import('@gct-paas/schema').IBasicSchema>>;
+    setHoverWidget: (widget?: Partial<LowCodeWidget.BasicSchema>) => void;
+    selectedParentRef: import('vue').ComputedRef<import('@gct-paas/schema').IBasicSchema | undefined>;
+    setSelectedParentWidgets: (widgets: LowCodeWidget.BasicSchema[]) => void;
+    selectedParentsRef: import('vue').ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    selectedParentChildrenRef: import('vue').ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    setSelectedParentChildrenRef: (widgets: LowCodeWidget.BasicSchema[]) => void;
+    selectedConfigRef: import('vue').ComputedRef<IVue3DndItemOptions<import('@gct-paas/schema').IBasicSchema>>;
+    setSelectedConfig: (config: IVue3DndItemOptions) => void;
+};

package/es/hooks/design-view/widget/useSelectedWidget.mjs

@@ -0,0 +1,228 @@
+import { designRegister } from "../../../utils/design-view/index.mjs";
+import { commonStyle } from "../../../schema/common-config/common-style.mjs";
+import "../../../schema/index.mjs";
+import { subTableModalId, subTableModalState, widgetInfo } from "../design-state.mjs";
+import { useScope } from "../layout/useScope.mjs";
+import { usePage } from "../page/usePage.mjs";
+import { useWidgetQuery } from "./useWidgetQuery.mjs";
+import { get, has, isArray, isEmpty } from "lodash-es";
+import { BuiltinType, FIELD_TYPE, FormComponents, PanelEnum, TreeHelper } from "@gct-paas/core";
+import { computed, ref } from "vue";
+import { FieldEditorOverrideRegistry, getCompPos } from "@gct-paas/schema";
+//#region src/hooks/design-view/widget/useSelectedWidget.ts
+var selectedConfig = ref({ mode: "move" });
+var selectedParentChildren = ref([]);
+var selectedParentWidgets = ref([]);
+var selectedWidget = ref({});
+var selectedModal = ref({});
+var focusFormWidget = ref({});
+var hoverWidget = ref({});
+function useSelectedWidget() {
+	const { setScope, getScope, scopeData } = useScope();
+	const { togglePanel } = usePage();
+	const { allWidget } = useWidgetQuery();
+	/**被选中的对象 Widget或者Modal */
+	const selectedRef = computed(() => {
+		if (!isEmpty(selectedModal.value) && isEmpty(selectedWidget.value)) return selectedModal.value;
+		else return selectedWidget.value;
+	});
+	const selectedParentRef = computed(() => {
+		if (!selectedRef.value.id) return;
+		return selectedParentWidgets.value[selectedParentWidgets.value.length - 1];
+	});
+	const selectedParentsRef = computed(() => {
+		if (!selectedRef.value.id) return [];
+		return selectedParentWidgets.value;
+	});
+	const selectedParentChildrenRef = computed(() => {
+		if (!selectedRef.value.id) return [];
+		return selectedParentChildren.value;
+	});
+	const selectedConfigRef = computed(() => {
+		return selectedConfig.value;
+	});
+	function setSelectedConfig(config) {
+		selectedConfig.value = config;
+	}
+	const setSelectedParentChildrenRef = (widgets) => {
+		selectedParentChildren.value = widgets;
+	};
+	const selectModalRef = computed(() => {
+		if (subTableModalState.value) {
+			const modalInfo = TreeHelper.findNode(scopeData.value, (node) => {
+				return getCompPos(node, FIELD_TYPE.MASTERSLAVE, FormComponents.Form) && node.preLocation === subTableModalId.value;
+			});
+			if (!modalInfo) return selectedRef.value;
+			return modalInfo;
+		}
+		return selectedRef.value;
+	});
+	const focusFormRef = computed(() => {
+		if ([
+			FormComponents.Form,
+			FormComponents.RdoForm,
+			FormComponents.MedProRdoForm,
+			FormComponents.CardList,
+			BuiltinType.MODAL,
+			FormComponents.FormProcess
+		].includes(selectedRef.value.type)) return selectedRef.value;
+		return focusFormWidget.value;
+	});
+	const hoverRef = computed(() => {
+		return hoverWidget.value;
+	});
+	function setHoverWidget(widget = {}) {
+		hoverWidget.value = widget;
+	}
+	function setSelectedParentWidgets(widgets) {
+		selectedParentWidgets.value = widgets;
+	}
+	/**设置模态框选中 */
+	const setSelectedModal = (modal) => {
+		selectedModal.value = modal;
+		selectedWidget.value = {};
+		togglePanel(PanelEnum.WIDGET);
+	};
+	const resetSelectedModal = () => {
+		selectedModal.value = {};
+	};
+	/**
+	* 设置组件选中
+	* @param widget 组件JSON
+	* @param scope 组件所在域
+	* @param widgetItemFlag 是否是行内编辑/部件的组件(如在子表中)
+	*/
+	const setSelectedWidget = (widget, scope) => {
+		selectedWidget.value = widget;
+		selectedModal.value = {};
+		if (scope) setScope(scope);
+		togglePanel(PanelEnum.WIDGET);
+	};
+	const resetSelectedWidget = (scope) => {
+		selectedWidget.value = {};
+		selectedParentWidgets.value = [];
+		selectedConfig.value = { mode: "move" };
+		focusFormWidget.value = {};
+		selectedParentChildren.value = [];
+		setScope(scope ? scope : getScope());
+	};
+	/**被选择的组件的样式 */
+	const selectedStyle = computed(() => {
+		if (!selectedRef.value.style) selectedRef.value.style = {};
+		return selectedRef.value.style || commonStyle;
+	});
+	/**被选择的组件/弹框的属性 */
+	const selectedProps = computed(() => {
+		return selectedRef.value.props;
+	});
+	/**被选择的组件/弹框已经配置的事件 */
+	const selectedEvents = computed({
+		get() {
+			return selectedRef.value.events;
+		},
+		set(val) {
+			selectedRef.value.events = val;
+		}
+	});
+	/**被选择的组件/弹框拥有的所有事件 */
+	const selectedAllEvents = computed(() => {
+		const { type } = selectedRef.value;
+		const widgetEvents = widgetInfo.value.events;
+		if (widgetEvents[type] && isArray(widgetEvents[type])) return widgetEvents[type];
+		const provider = designRegister.value.getProvider(type);
+		if (!provider) {
+			console.warn(`selectedAllEvents 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
+			return [];
+		}
+		if (selectedRef.value.props.fieldReadonly) return (provider.events || []).filter((event) => event.name === "onClick");
+		const overrideEvents = FieldEditorOverrideRegistry.get(type)?.events;
+		const defaultEvents = provider.events || [];
+		return overrideEvents?.(selectedRef.value, defaultEvents) || defaultEvents;
+	});
+	/**被选择的组件/弹框拥有的所有属性编辑器的描述集合 */
+	const selectedAllPropEditors = computed(() => {
+		const { type } = selectedRef.value;
+		const widgetPropsEditors = widgetInfo.value.propEditors;
+		let preCompInfo;
+		if (has(selectedRef.value, "preLocation")) {
+			const { scopeData } = useScope();
+			preCompInfo = TreeHelper.findNode(scopeData.value, (widget) => {
+				return widget.id === get(selectedRef.value, "preLocation");
+			});
+		}
+		if (widgetPropsEditors[type] && isArray(widgetPropsEditors[type])) return widgetPropsEditors[type];
+		const provider = designRegister.value.getProvider(type);
+		if (!provider) {
+			console.warn(`selectedAllPropEditors 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
+			return [];
+		}
+		const overridePropEditor = FieldEditorOverrideRegistry.get(type)?.propEditor;
+		const defaultPropEditors = provider.propEditors || [];
+		return overridePropEditor?.(selectedRef.value, defaultPropEditors, preCompInfo) || defaultPropEditors;
+	});
+	/**被选择的组件/弹框拥有的所有样式编辑器的描述集合 */
+	const selectedAllStyleEditors = computed(() => {
+		const { type } = selectedRef.value;
+		if (widgetInfo.value.styleEditors[type] && isArray(widgetInfo.value.styleEditors[type])) return widgetInfo.value.styleEditors[type];
+		const provider = designRegister.value.getProvider(type);
+		if (!provider) {
+			console.warn(`selectedAllStyleEditors 未找到组件 ${type} 的设计器项配置信息，请确保该组件已正确注册`);
+			return [];
+		}
+		const overrideStyleEditor = FieldEditorOverrideRegistry.get(type)?.styleEditor;
+		const defaultStyleEditors = provider.styleEditors || [];
+		return overrideStyleEditor?.(selectedRef.value, defaultStyleEditors) || defaultStyleEditors;
+	});
+	/**被选择的组件所有设计相关配置信息集合 */
+	const selectedAllDesingerConfig = computed(() => {
+		return widgetInfo.value.designerConfig[selectedRef.value.type];
+	});
+	const setFocusFormContainer = (formId) => {
+		focusFormWidget.value = formId && allWidget.value.find((e) => e.id === formId) || {};
+	};
+	return {
+		setSelectedModal,
+		resetSelectedModal,
+		setSelectedWidget,
+		resetSelectedWidget,
+		selectedAllPropEditors,
+		selectedAllStyleEditors,
+		selectedAllEvents,
+		selectedEvents,
+		selectedProps,
+		selectedStyle,
+		selectedWidget,
+		selectedRef,
+		selectModalRef,
+		focusFormContainer: computed(() => {
+			if (subTableModalState.value && focusFormRef.value.type === BuiltinType.MODAL) return { isFocus: true };
+			if (focusFormRef.value && focusFormRef.value?.props?.model) return {
+				isFocus: true,
+				formModelKey: focusFormRef.value?.props?.model,
+				formId: focusFormRef.value?.id,
+				nodeType: focusFormRef.value.props?.nodeType,
+				refParentModelkey: focusFormRef.value.props?.refParentModelkey
+			};
+			return {
+				isFocus: false,
+				formModelKey: "",
+				formId: "",
+				nodeType: ""
+			};
+		}),
+		selectedAllDesingerConfig,
+		setFocusFormContainer,
+		focusFormRef,
+		hoverRef,
+		setHoverWidget,
+		selectedParentRef,
+		setSelectedParentWidgets,
+		selectedParentsRef,
+		selectedParentChildrenRef,
+		setSelectedParentChildrenRef,
+		selectedConfigRef,
+		setSelectedConfig
+	};
+}
+//#endregion
+export { useSelectedWidget };

package/es/hooks/design-view/{useWidget.d.ts → widget/useWidget.d.ts}

@@ -1,14 +1,14 @@
 import { PropType } from 'vue';
-import { LowCodeWidget } from '@gct-paas/schema';
+import { LowCodeModal, LowCodeWidget } from '@gct-paas/schema';
 /**不需要遮罩 */
 export declare const NotMask: string[];
 interface Props {
     /**组件 */
-    widget?: LowCodeWidget.BasicSchema;
+    widget?: LowCodeWidget.BasicSchema | LowCodeModal.Modal;
     /**父组件 */
-    parentWidget?: LowCodeWidget.BasicSchema;
+    parentWidget?: LowCodeWidget.BasicSchema | LowCodeModal.Modal;
     /**父组件List */
-    parentList?: LowCodeWidget.BasicSchema[];
+    parentList?: (LowCodeWidget.BasicSchema | LowCodeModal.Modal)[];
     /**在父组件列表的下标 */
     indexOfParentList?: number;
 }
@@ -32,10 +32,10 @@ export declare const widgetWrapperProps: {
     /**父组件List */
     parentList: {
         type: {
-            (arrayLength: number): import('node_modules/@gct-paas/schema/es/interface/widget/i-schemas').IBasicSchema[];
-            (...items: import('node_modules/@gct-paas/schema/es/interface/widget/i-schemas').IBasicSchema[]): import('node_modules/@gct-paas/schema/es/interface/widget/i-schemas').IBasicSchema[];
-            new (arrayLength: number): import('node_modules/@gct-paas/schema/es/interface/widget/i-schemas').IBasicSchema[];
-            new (...items: import('node_modules/@gct-paas/schema/es/interface/widget/i-schemas').IBasicSchema[]): import('node_modules/@gct-paas/schema/es/interface/widget/i-schemas').IBasicSchema[];
+            (arrayLength: number): import('@gct-paas/schema').IBasicSchema[];
+            (...items: import('@gct-paas/schema').IBasicSchema[]): import('@gct-paas/schema').IBasicSchema[];
+            new (arrayLength: number): import('@gct-paas/schema').IBasicSchema[];
+            new (...items: import('@gct-paas/schema').IBasicSchema[]): import('@gct-paas/schema').IBasicSchema[];
             isArray(arg: any): arg is any[];
             readonly prototype: any[];
             from<T>(arrayLike: ArrayLike<T>): T[];
@@ -43,6 +43,8 @@ export declare const widgetWrapperProps: {
             from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
             from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
             of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         };
     };
@@ -68,16 +70,14 @@ export declare const widgetWrapperProps: {
             from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
             from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
             of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
             readonly [Symbol.species]: ArrayConstructor;
         };
     };
     action: {
         type: PropType<(id: string) => boolean>;
     };
-    /** 是否为新版设计器 */
-    isNewDesigner: {
-        type: BooleanConstructor;
-    };
     deleteCallback: {
         type: FunctionConstructor;
     };
@@ -98,6 +98,5 @@ export declare const widgetProps: {
     formData: {
         type: ObjectConstructor;
     };
-    isNewDesigner: BooleanConstructor;
 };
 export {};

package/es/hooks/design-view/widget/useWidget.mjs

@@ -0,0 +1,97 @@
+import { designRegister } from "../../../utils/design-view/index.mjs";
+import "../../../utils/index.mjs";
+import { useSelectedWidget } from "./useSelectedWidget.mjs";
+import { has } from "lodash-es";
+import { FormComponents } from "@gct-paas/core";
+import { computed } from "vue";
+//#region src/hooks/design-view/widget/useWidget.ts
+/**不需要遮罩 */
+var NotMask = [
+	FormComponents.Search,
+	FormComponents.DataTable,
+	FormComponents.DataVTable,
+	FormComponents.SubDataTable,
+	FormComponents.Form,
+	FormComponents.FormProcess,
+	FormComponents.RdoForm,
+	FormComponents.MedProRdoForm,
+	FormComponents.LayoutContainer,
+	FormComponents.Grid,
+	FormComponents.GridCol,
+	FormComponents.LeftRightColumns,
+	FormComponents.ButtonContainer,
+	FormComponents.SubTable,
+	FormComponents.Tabs,
+	FormComponents.TabPane,
+	FormComponents.TableSelect,
+	FormComponents.Collapse,
+	FormComponents.CardList,
+	FormComponents.TreeTable,
+	FormComponents.RefDataTable,
+	FormComponents.DynamicTable,
+	FormComponents.Text,
+	FormComponents.UploadFile,
+	FormComponents.Descriptions,
+	FormComponents.BottomButtonContainer,
+	FormComponents.ButtonProcessContainer,
+	FormComponents.ApprovalHistory
+];
+function useWidget(props) {
+	const { selectedWidget } = useSelectedWidget();
+	const widget = props.widget;
+	/**组件是否被选中 */
+	const isWidgetSelected = computed(() => {
+		if (selectedWidget.value.id === widget.id) if (!has(selectedWidget.value, "materialType") || !has(widget, "materialType")) return true;
+		else return selectedWidget.value.materialType === widget.materialType;
+		return false;
+	});
+	/**初始化label */
+	const label = computed(() => {
+		return widget.props.label;
+	});
+	const value = computed(() => {
+		return "";
+	});
+	const widgetdesigner = designRegister.value.getProvider(widget.type)?.designerConfig || {};
+	const hideMaskValue = computed(() => {
+		if (typeof widgetdesigner[widget.type]?.hideMask === "function") return widgetdesigner[widget.type].hideMask(widget);
+		return widgetdesigner[widget.type]?.hideMask;
+	});
+	return {
+		isWidgetSelected,
+		value,
+		label,
+		hideMask: computed(() => {
+			return NotMask.indexOf(widget.type) === -1 && !hideMaskValue.value;
+		}),
+		showMask: computed(() => {
+			return NotMask.indexOf(widget.type) === -1 && !hideMaskValue.value;
+		})
+	};
+}
+/**widget-wrapper通用的props */
+var widgetWrapperProps = {
+	widget: { type: Object },
+	parentWidget: { type: Object },
+	parentList: { type: Array },
+	indexOfParentList: { type: Number },
+	hideAction: { type: Boolean },
+	actionTypes: { type: Array },
+	action: { type: Object },
+	deleteCallback: { type: Function },
+	showHoverLine: {
+		type: Boolean,
+		default: false
+	}
+};
+var widgetProps = {
+	widget: {
+		type: Object,
+		require: true,
+		default: () => ({})
+	},
+	rowReadonly: Boolean,
+	formData: { type: Object }
+};
+//#endregion
+export { NotMask, useWidget, widgetProps, widgetWrapperProps };