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

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

@@ -0,0 +1,13 @@
+import { ComTypeMap } from '@gct-paas/schema';
+import { ComputedRef } from 'vue';
+export declare function useWidgetQuery(): {
+    allWidget: ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    allFormWidget: ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    excludeSubTableFormWidget: ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    allSubTableWidget: ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    allListWidget: ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    allTableWidget: ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    allDeptWidget: ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    allRefSelectWidget: ComputedRef<import('@gct-paas/schema').IBasicSchema[]>;
+    getWidgetByScope: <K extends keyof ComTypeMap>(type: K) => ComTypeMap[K][];
+};

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

@@ -0,0 +1,106 @@
+import { useScope } from "../layout/useScope.mjs";
+import { FIELD_TYPE, FormComponents, TreeHelper } from "@gct-paas/core";
+import { computed } from "vue";
+import { getCompPos } from "@gct-paas/schema";
+//#region src/hooks/design-view/widget/useWidgetQuery.ts
+/**
+* 组件查询 Hook
+*
+* 在当前作用域内查找各类型组件，提供类型安全的组件查询能力。
+*/
+function useWidgetQuery() {
+	/** 获取作用域内所有组件 */
+	const allWidget = computed(() => {
+		const { scopeData } = useScope();
+		return TreeHelper.findNodeAll(scopeData.value, (widget) => {
+			return !!widget;
+		});
+	});
+	/**
+	* 在作用域中找到所有Form表单
+	* 注:如果是模态框状态下,则查找范围应该为modalBody+modalFooter 因为footer中的按钮需要关联到body中的表单
+	*/
+	const allFormWidget = computed(() => {
+		const { scopeData } = useScope();
+		return TreeHelper.findNodeAll(scopeData.value, (widget) => {
+			return [
+				FormComponents.Form,
+				FormComponents.RdoForm,
+				FormComponents.MedProRdoForm,
+				FormComponents.FormProcess
+			].includes(widget.type);
+		});
+	});
+	/** 排除子表的表单 */
+	const excludeSubTableFormWidget = computed(() => {
+		const { scopeData } = useScope();
+		return TreeHelper.findNodeAll(scopeData.value, (widget) => {
+			if ([
+				FormComponents.RdoForm,
+				FormComponents.MedProRdoForm,
+				FormComponents.FormProcess
+			].includes(widget.type)) return true;
+			return widget.type === FormComponents.Form && !getCompPos(widget, FIELD_TYPE.MASTERSLAVE, FormComponents.Form);
+		});
+	});
+	/** 所有子表组件 */
+	const allSubTableWidget = computed(() => {
+		const { scopeData } = useScope();
+		return TreeHelper.findNodeAll(scopeData.value, (widget) => {
+			return widget.type === FormComponents.SubTable;
+		});
+	});
+	/** 所有列表包括rdo的 */
+	const allListWidget = computed(() => {
+		const { scopeData } = useScope();
+		return TreeHelper.findNodeAll(scopeData.value, (widget) => {
+			return widget.type === FormComponents.DataList || widget.type === FormComponents.RdoDataList;
+		});
+	});
+	/** 所有表格组件 */
+	const allTableWidget = computed(() => {
+		const { scopeData } = useScope();
+		return TreeHelper.findNodeAll(scopeData.value, (widget) => {
+			return widget.type === FormComponents.DataTable || widget.type === FormComponents.DataVTable || widget.type === FormComponents.RefDataTable;
+		});
+	});
+	/** 所有部门组件 */
+	const allDeptWidget = computed(() => {
+		const { scopeData } = useScope();
+		return TreeHelper.findNodeAll(scopeData.value, (widget) => {
+			return widget.type === FormComponents.Department;
+		});
+	});
+	/** 所有引用选择组件 */
+	const allRefSelectWidget = computed(() => {
+		const { scopeData } = useScope();
+		return TreeHelper.findNodeAll(scopeData.value, (widget) => {
+			return widget.type === FormComponents.Select && widget.props.fieldType === FIELD_TYPE.REF;
+		});
+	});
+	/**
+	* 在作用域中找到所需要的组件类型
+	*
+	* @param {K} type 组件类型
+	* @returns {ComTypeMap[K][]} 查找结果
+	*/
+	function getWidgetByScope(type) {
+		const { scopeData } = useScope();
+		return TreeHelper.findNodeAll(scopeData.value, (widget) => {
+			return widget.type === type;
+		});
+	}
+	return {
+		allWidget,
+		allFormWidget,
+		excludeSubTableFormWidget,
+		allSubTableWidget,
+		allListWidget,
+		allTableWidget,
+		allDeptWidget,
+		allRefSelectWidget,
+		getWidgetByScope
+	};
+}
+//#endregion
+export { useWidgetQuery };

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

@@ -0,0 +1,11 @@
+import { IDesignerItemHooks, LowCodeWidget } from '@gct-paas/schema';
+import { Component } from 'vue';
+export declare function useWidgetRegistry(): {
+    getAsyncWidget: (widget: string | LowCodeWidget.BasicSchema) => Component | undefined;
+    getWidgetHooks: (type: string) => IDesignerItemHooks;
+    widgetEntry: import('vue').ComputedRef<string>;
+    pluginConfigs: import('vue').ComputedRef<IObject[]>;
+    getWhiteList: (type: string) => (string | RegExp)[];
+    getBlackList: (type: string) => (string | RegExp)[];
+    setPluginConfigs: (configs: IObject[]) => void;
+};

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

@@ -0,0 +1,89 @@
+import { designRegister, platform } from "../../../utils/design-view/index.mjs";
+import { pluginConfigs, widgetInfo } from "../design-state.mjs";
+import { Platform } from "@gct-paas/core";
+import { computed } from "vue";
+//#region src/hooks/design-view/widget/useWidgetRegistry.ts
+/**
+* 组件注册查询 Hook
+*
+* 提供设计器中异步组件获取、钩子查询、白黑名单获取等组件注册相关功能。
+*/
+function useWidgetRegistry() {
+	/** 组件钩子集合 */
+	const allComHooks = computed(() => {
+		return widgetInfo.value.hooks;
+	});
+	/** 白名单集合 */
+	const allWhiteList = computed(() => {
+		return widgetInfo.value.whiteList;
+	});
+	/** 黑名单集合 */
+	const allBlackList = computed(() => {
+		return widgetInfo.value.blackList;
+	});
+	/** 插件配置（computed 包装，对外保持只读语义） */
+	const pluginConfigsComputed = computed(() => {
+		return pluginConfigs.value;
+	});
+	/**
+	* 设置插件配置
+	*
+	* @param {IObject[]} configs 插件配置列表
+	*/
+	function setPluginConfigs(configs) {
+		pluginConfigs.value = configs;
+	}
+	/**
+	* 获取异步组件
+	*
+	* @param {string | LowCodeWidget.BasicSchema} widget 组件类型字符串或组件schema
+	* @returns {*} 异步组件
+	*/
+	const getAsyncWidget = (widget) => {
+		if (typeof widget === "string") return designRegister.value.getComponentByType(widget);
+		if (widget._plugin) return designRegister.value.getComponentByPluginTag(widget._plugin.key);
+		return designRegister.value.getComponentByType(widget.type);
+	};
+	/**
+	* 获取组件拖拽钩子
+	*
+	* @param {string} type 组件类型
+	* @returns {*} 组件钩子
+	*/
+	const getWidgetHooks = (type) => {
+		return allComHooks.value[type] ?? {};
+	};
+	/**
+	* 获取组件白名单
+	*
+	* @param {string} type 组件类型
+	* @returns {(string | RegExp)[]} 白名单
+	*/
+	const getWhiteList = (type) => {
+		return allWhiteList.value[type] ?? [];
+	};
+	/**
+	* 获取组件黑名单
+	*
+	* @param {string} type 组件类型
+	* @returns {(string | RegExp)[]} 黑名单
+	*/
+	const getBlackList = (type) => {
+		return allBlackList.value[type] ?? [];
+	};
+	return {
+		getAsyncWidget,
+		getWidgetHooks,
+		widgetEntry: computed(() => {
+			if (platform.value === Platform.MOBILE) return "widget-mobile-entry";
+			else if (platform.value === Platform.PAD) return "widget-pad-entry";
+			else return "widget-entry";
+		}),
+		pluginConfigs: pluginConfigsComputed,
+		getWhiteList,
+		getBlackList,
+		setPluginConfigs
+	};
+}
+//#endregion
+export { useWidgetRegistry };

package/es/hooks/designer.hooks.mjs

@@ -1,12 +1,18 @@
-import { SyncSeriesHook } from 'qx-util';
-
-class DesignViewHooks {
-  /**
-   * 触发执行设计容器扩容展示
-   *
-   * @static
-   */
-  expansion = new SyncSeriesHook();
-}
-
+import { SyncSeriesHook } from "qx-util";
+//#region src/hooks/designer.hooks.ts
+/**
+* 设计界面钩子
+*
+* @export
+* @class DesignViewHooks
+*/
+var DesignViewHooks = class {
+	/**
+	* 触发执行设计容器扩容展示
+	*
+	* @static
+	*/
+	expansion = new SyncSeriesHook();
+};
+//#endregion
 export { DesignViewHooks };

package/es/hooks/develop/useCacheHistory.mjs

@@ -1,157 +1,134 @@
-import { ref, unref, watch } from 'vue';
-import { useUUid } from '../web/useUUid.mjs';
-
-const cacheHistoryMap = ref(/* @__PURE__ */ new Map());
+import { useUUid } from "@gct-paas/core";
+import { ref, unref, watch } from "vue";
+//#region src/hooks/develop/useCacheHistory.ts
+var cacheHistoryMap = ref(/* @__PURE__ */ new Map());
 function useCacheHistory() {
-  const historyKeys = [...unref(cacheHistoryMap).keys()];
-  const { getUuidGenerate } = useUUid(ref([]), ref(""), {
-    needPrefix: true,
-    isString: false,
-    prefix: "h_"
-  });
-  const uuidGenerate = getUuidGenerate(historyKeys);
-  class historyUtils {
-    /**
-     * 获取唯一id
-     */
-    static getUniqueHistoryId() {
-      return uuidGenerate.next();
-    }
-    /** 初始化 */
-    static init(props) {
-      if (this.isHistoryInfoExist(props.historyId)) {
-        console.warn("唯一key重复了");
-        return;
-      }
-      cacheHistoryMap.value.set(props.historyId, {
-        pasts: [],
-        futures: [],
-        max: props.max ?? 30
-      });
-    }
-    /** 是否存在所属唯一id的历史记录信息 */
-    static isHistoryInfoExist(historyId) {
-      return unref(cacheHistoryMap).has(historyId);
-    }
-    /** 根据唯一id获取历史记录 */
-    static getHistoryInfo(historyId) {
-      return unref(cacheHistoryMap).get(historyId);
-    }
-    /** 根据唯一id获取删除指定历史记录 */
-    static deleteHistoryInfo(historyId) {
-      cacheHistoryMap.value.delete(historyId);
-    }
-    /** 清空全部历史记录Map */
-    static clearCacheHistory() {
-      cacheHistoryMap.value.clear();
-    }
-    /** 清空全部历史记录Map */
-    static resetHistoryById(id) {
-      const history = historyUtils.getHistoryInfo(id);
-      if (!history) return;
-      history.futures.length = 0;
-      history.pasts.length = 0;
-    }
-    static getCacheHistoryMap() {
-      return cacheHistoryMap.value;
-    }
-    /** 新增一条历史记录到指定唯一id中 */
-    static addHistory({
-      historyId,
-      replaceHistory,
-      past
-    }) {
-      if (this.isHistoryInfoExist(historyId)) {
-        const historyInfo = this.getHistoryInfo(historyId);
-        if (!replaceHistory && historyInfo?.pasts.length > historyInfo?.max + 1) {
-          historyInfo?.pasts.shift();
-        }
-        if (replaceHistory) {
-          historyInfo?.pasts.splice(-1, 1, past);
-        } else {
-          historyInfo?.pasts.push(past);
-        }
-        historyInfo.futures.length = 0;
-      } else {
-        console.warn("不存在，插入历史记录失败");
-      }
-    }
-    /** 撤销一条历史记录 */
-    static undoHistory(historyId) {
-      if (this.isHistoryInfoExist(historyId)) {
-        const historyInfo = this.getHistoryInfo(historyId);
-        const len = historyInfo.pasts.length;
-        if (len > 1) {
-          historyInfo.futures.push(historyInfo.pasts.pop());
-          return historyInfo.pasts[historyInfo.pasts.length - 1];
-        }
-      } else {
-        console.warn("不存在，撤销历史记录失败");
-      }
-      return null;
-    }
-    /** 重做一条历史记录 */
-    static restoreHistory(historyId) {
-      if (this.isHistoryInfoExist(historyId)) {
-        const historyInfo = this.getHistoryInfo(historyId);
-        const len = historyInfo.futures.length;
-        if (len > 0) {
-          const current = historyInfo.futures.pop();
-          historyInfo.pasts.push(current);
-          return current;
-        }
-      } else {
-        console.warn("不存在，重做历史记录失败");
-      }
-      return null;
-    }
-  }
-  return { historyUtils };
+	const historyKeys = [...unref(cacheHistoryMap).keys()];
+	const { getUuidGenerate } = useUUid(ref([]), ref(""), {
+		needPrefix: true,
+		isString: false,
+		prefix: "h_"
+	});
+	const uuidGenerate = getUuidGenerate(historyKeys);
+	class historyUtils {
+		/**
+		* 获取唯一id
+		*/
+		static getUniqueHistoryId() {
+			return uuidGenerate.next();
+		}
+		/** 初始化 */
+		static init(props) {
+			if (this.isHistoryInfoExist(props.historyId)) {
+				console.warn("唯一key重复了");
+				return;
+			}
+			cacheHistoryMap.value.set(props.historyId, {
+				pasts: [],
+				futures: [],
+				max: props.max ?? 30
+			});
+		}
+		/** 是否存在所属唯一id的历史记录信息 */
+		static isHistoryInfoExist(historyId) {
+			return unref(cacheHistoryMap).has(historyId);
+		}
+		/** 根据唯一id获取历史记录 */
+		static getHistoryInfo(historyId) {
+			return unref(cacheHistoryMap).get(historyId);
+		}
+		/** 根据唯一id获取删除指定历史记录 */
+		static deleteHistoryInfo(historyId) {
+			cacheHistoryMap.value.delete(historyId);
+		}
+		/** 清空全部历史记录Map */
+		static clearCacheHistory() {
+			cacheHistoryMap.value.clear();
+		}
+		/** 清空全部历史记录Map */
+		static resetHistoryById(id) {
+			const history = historyUtils.getHistoryInfo(id);
+			if (!history) return;
+			history.futures.length = 0;
+			history.pasts.length = 0;
+		}
+		static getCacheHistoryMap() {
+			return cacheHistoryMap.value;
+		}
+		/** 新增一条历史记录到指定唯一id中 */
+		static addHistory({ historyId, replaceHistory, past }) {
+			if (this.isHistoryInfoExist(historyId)) {
+				const historyInfo = this.getHistoryInfo(historyId);
+				if (!replaceHistory && historyInfo?.pasts.length > historyInfo?.max + 1) historyInfo?.pasts.shift();
+				if (replaceHistory) historyInfo?.pasts.splice(-1, 1, past);
+				else historyInfo?.pasts.push(past);
+				historyInfo.futures.length = 0;
+			} else console.warn("不存在，插入历史记录失败");
+		}
+		/** 撤销一条历史记录 */
+		static undoHistory(historyId) {
+			if (this.isHistoryInfoExist(historyId)) {
+				const historyInfo = this.getHistoryInfo(historyId);
+				if (historyInfo.pasts.length > 1) {
+					historyInfo.futures.push(historyInfo.pasts.pop());
+					return historyInfo.pasts[historyInfo.pasts.length - 1];
+				}
+			} else console.warn("不存在，撤销历史记录失败");
+			return null;
+		}
+		/** 重做一条历史记录 */
+		static restoreHistory(historyId) {
+			if (this.isHistoryInfoExist(historyId)) {
+				const historyInfo = this.getHistoryInfo(historyId);
+				if (historyInfo.futures.length > 0) {
+					const current = historyInfo.futures.pop();
+					historyInfo.pasts.push(current);
+					return current;
+				}
+			} else console.warn("不存在，重做历史记录失败");
+			return null;
+		}
+	}
+	return { historyUtils };
 }
 function useCacheHistoryInner(props) {
-  const { historyUtils } = useCacheHistory();
-  const undoDisabled = ref(true);
-  const restoreDisabled = ref(true);
-  watch(
-    () => historyUtils.getHistoryInfo(unref(props.historyIdRef))?.pasts,
-    (value) => {
-      undoDisabled.value = (unref(value) ?? []).length <= 1;
-    },
-    { deep: true, immediate: true }
-  );
-  watch(
-    () => historyUtils.getHistoryInfo(unref(props.historyIdRef))?.futures,
-    (value) => {
-      restoreDisabled.value = !(unref(value) ?? []).length;
-    },
-    { deep: true, immediate: true }
-  );
-  function onUndo() {
-    if (unref(undoDisabled)) {
-      return;
-    }
-    const content = historyUtils.undoHistory(unref(props.historyIdRef));
-    if (props.callback && typeof props.callback === "function" && content !== null) {
-      props.callback(content);
-    }
-    return content;
-  }
-  function onRestore() {
-    if (unref(restoreDisabled)) {
-      return;
-    }
-    const content = historyUtils.restoreHistory(unref(props.historyIdRef));
-    if (props.callback && typeof props.callback === "function" && content !== null) {
-      props.callback(content);
-    }
-    return content;
-  }
-  return {
-    undoDisabled,
-    restoreDisabled,
-    onUndo,
-    onRestore
-  };
+	const { historyUtils } = useCacheHistory();
+	/** 撤销状态 */
+	const undoDisabled = ref(true);
+	/** 重做状态 */
+	const restoreDisabled = ref(true);
+	watch(() => historyUtils.getHistoryInfo(unref(props.historyIdRef))?.pasts, (value) => {
+		undoDisabled.value = (unref(value) ?? []).length <= 1;
+	}, {
+		deep: true,
+		immediate: true
+	});
+	watch(() => historyUtils.getHistoryInfo(unref(props.historyIdRef))?.futures, (value) => {
+		restoreDisabled.value = !(unref(value) ?? []).length;
+	}, {
+		deep: true,
+		immediate: true
+	});
+	/** 撤销 */
+	function onUndo() {
+		if (unref(undoDisabled)) return;
+		const content = historyUtils.undoHistory(unref(props.historyIdRef));
+		if (props.callback && typeof props.callback === "function" && content !== null) props.callback(content);
+		return content;
+	}
+	/** 重做 */
+	function onRestore() {
+		if (unref(restoreDisabled)) return;
+		const content = historyUtils.restoreHistory(unref(props.historyIdRef));
+		if (props.callback && typeof props.callback === "function" && content !== null) props.callback(content);
+		return content;
+	}
+	return {
+		undoDisabled,
+		restoreDisabled,
+		onUndo,
+		onRestore
+	};
 }
-
+//#endregion
 export { useCacheHistory, useCacheHistoryInner };