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

package/es/hooks/design-view/useDesigner.mjs

@@ -1,109 +1,127 @@
-import { Platform, FormComponents } from '@gct-paas/core';
-import { inject } from 'vue';
-import { isNewDesigner, methodMap, pageJson, platform } from './design-state.mjs';
-import { useDesignModal } from './designer/useDesignModal.mjs';
-import { useDesignPreview } from './designer/useDesignPreview.mjs';
-import { useDesignCache } from './designer/useDesignCache.mjs';
-import { useDesignSave } from './designer/useDesignSave.mjs';
-import { useDesignHistory } from './designer/useDesignHistory.mjs';
-import { useWidgetQuery } from './widget/useWidgetQuery.mjs';
-import { useWidgetRegistry } from './widget/useWidgetRegistry.mjs';
-import { useSelectedWidget } from './widget/useSelectedWidget.mjs';
-
+import { platform } from "../../utils/design-view/index.mjs";
+import { initMethodMap } from "../../utils/transform-js/transform-js.mjs";
+import "../../utils/index.mjs";
+import { methodMap, pageJson } from "./design-state.mjs";
+import { useDesignModal } from "./designer/useDesignModal.mjs";
+import { useDesignPreview } from "./designer/useDesignPreview.mjs";
+import { useWidgetRegistry } from "./widget/useWidgetRegistry.mjs";
+import { useWidgetQuery } from "./widget/useWidgetQuery.mjs";
+import { useSelectedWidget } from "./widget/useSelectedWidget.mjs";
+import { useDesignCache } from "./designer/useDesignCache.mjs";
+import { useDesignSave } from "./designer/useDesignSave.mjs";
+import { useDesignHistory } from "./designer/useDesignHistory.mjs";
+import { FormComponents, Platform } from "@gct-paas/core";
+import { inject } from "vue";
+//#region src/hooks/design-view/useDesigner.ts
+/**
+* 设计器核心聚合层
+*
+* 将各子 Hook 组合在一起，对外提供统一的 useDesigner 接口。
+* 拆分后的子模块：
+*  - design-state: 共享状态层（pageJson、modalInfo、平台信息等）
+*  - useDesignModal: 弹框管理
+*  - useDesignPreview: 预览功能
+*  - useDesignCache: 缓存撤销/重做
+*  - useDesignSave: 保存与校验
+*  - useDesignHistory: 历史版本管理
+*  - useWidgetQuery: 组件查询
+*  - useWidgetRegistry: 组件注册表查询
+*/
 function useDesigner() {
-  const modal = useDesignModal();
-  const previewHook = useDesignPreview();
-  const cache = useDesignCache();
-  const saveHook = useDesignSave();
-  const history = useDesignHistory();
-  const widgetQuery = useWidgetQuery();
-  const registry = useWidgetRegistry();
-  function setPageJson(json) {
-    pageJson.pageConfig.hasFooter = platform.value === Platform.MOBILE || platform.value === Platform.PAD;
-    Object.assign(pageJson, json);
-    if (json.newDesigner !== true) {
-      pageJson.newDesigner = false;
-    }
-    cache.emitCache();
-  }
-  function checkWidgetMove() {
-    return true;
-  }
-  function handleAddDrag(newIndex, childrenList, scope, formID = "") {
-    const { setSelectedWidget, setFocusFormContainer } = useSelectedWidget();
-    const widget = childrenList[newIndex];
-    if (!widget) return;
-    const isInitGridComp = widget.type === FormComponents.Grid && !widget.children?.length;
-    if (isInitGridComp) return;
-    setSelectedWidget(childrenList[newIndex], scope);
-    setFocusFormContainer(childrenList[newIndex]?.preLocation || formID);
-    cache.emitCache();
-  }
-  return {
-    pageJson,
-    methodMap,
-    isNewDesigner,
-    // 拖拽相关
-    checkWidgetMove,
-    handleAddDrag,
-    // 协调
-    setPageJson,
-    // 保存与校验 (useDesignSave)
-    save: saveHook.save,
-    savePageJsonSnapshot: saveHook.savePageJsonSnapshot,
-    // 缓存撤销/重做 (useDesignCache)
-    emitCache: cache.emitCache,
-    undoOrRestore: cache.undoOrRestore,
-    // 预览 (useDesignPreview)
-    preview: previewHook.preview,
-    previewSandbox: previewHook.previewSandbox,
-    sandboxList: previewHook.sandboxList,
-    getDataList: previewHook.getDataList,
-    historyPreview: previewHook.historyPreview,
-    // 历史版本 (useDesignHistory)
-    pageDesignHistoryList: history.pageDesignHistoryList,
-    loadPageDesignHistoryList: history.loadPageDesignHistoryList,
-    loadPageDesignHistoryInfo: history.loadPageDesignHistoryInfo,
-    recover: history.recover,
-    deleteHistory: history.deleteHistory,
-    loading: history.loading,
-    // 组件查询 (useWidgetQuery)
-    allWidget: widgetQuery.allWidget,
-    allFormWidget: widgetQuery.allFormWidget,
-    excludeSubTableFormWidget: widgetQuery.excludeSubTableFormWidget,
-    allSubTableWidget: widgetQuery.allSubTableWidget,
-    allListWidget: widgetQuery.allListWidget,
-    allTableWidget: widgetQuery.allTableWidget,
-    allDeptWidget: widgetQuery.allDeptWidget,
-    allRefSelectWidget: widgetQuery.allRefSelectWidget,
-    getWidgetByScope: widgetQuery.getWidgetByScope,
-    // 弹框 (useDesignModal)
-    modalInfo: modal.modalInfo,
-    modalDesignState: modal.modalDesignState,
-    modalDesignId: modal.modalDesignId,
-    modalBody: modal.modalBody,
-    modalFooter: modal.modalFooter,
-    modalBottomBtn: modal.modalBottomBtn,
-    isGlobalModal: modal.isGlobalModal,
-    subTableInfo: modal.subTableInfo,
-    setModalDesignState: modal.setModalDesignState,
-    setModalInfo: modal.setModalInfo,
-    setSubTableModalDesignState: modal.setSubTableModalDesignState,
-    subTableModalState: modal.subTableModalState,
-    subTableModalId: modal.subTableModalId,
-    // 组件注册表 (useWidgetRegistry)
-    getAsyncWidget: registry.getAsyncWidget,
-    getWidgetHooks: registry.getWidgetHooks,
-    widgetEntry: registry.widgetEntry,
-    pluginConfigs: registry.pluginConfigs,
-    getWhiteList: registry.getWhiteList,
-    getBlackList: registry.getBlackList,
-    setPluginConfigs: registry.setPluginConfigs
-  };
+	const modal = useDesignModal();
+	const previewHook = useDesignPreview();
+	const cache = useDesignCache();
+	const saveHook = useDesignSave();
+	const history = useDesignHistory();
+	const widgetQuery = useWidgetQuery();
+	const registry = useWidgetRegistry();
+	/**
+	* 设置设计器的 pageJSON
+	*/
+	async function setPageJson(json) {
+		pageJson.pageConfig.hasFooter = platform.value === Platform.MOBILE || platform.value === Platform.PAD;
+		Object.assign(pageJson, json);
+		initMethodMap(pageJson.js).then((map) => {
+			methodMap.value = map;
+		});
+		cache.emitCache();
+	}
+	/** 检查是否可以拖拽进入的方法，比如某些组件不能拖到某些组件内 */
+	function checkWidgetMove() {
+		return true;
+	}
+	/** 拖拽组件放入布局画板回调 */
+	function handleAddDrag(newIndex, childrenList, scope, formID = "") {
+		const { setSelectedWidget, setFocusFormContainer } = useSelectedWidget();
+		const widget = childrenList[newIndex];
+		if (!widget) return;
+		if (widget.type === FormComponents.Grid && !widget.children?.length) return;
+		setSelectedWidget(childrenList[newIndex], scope);
+		setFocusFormContainer(childrenList[newIndex]?.preLocation || formID);
+		cache.emitCache();
+	}
+	return {
+		pageJson,
+		methodMap,
+		checkWidgetMove,
+		handleAddDrag,
+		setPageJson,
+		save: saveHook.save,
+		savePageJsonSnapshot: saveHook.savePageJsonSnapshot,
+		emitCache: cache.emitCache,
+		undoOrRestore: cache.undoOrRestore,
+		preview: previewHook.preview,
+		previewSandbox: previewHook.previewSandbox,
+		sandboxList: previewHook.sandboxList,
+		getDataList: previewHook.getDataList,
+		historyPreview: previewHook.historyPreview,
+		pageDesignHistoryList: history.pageDesignHistoryList,
+		loadPageDesignHistoryList: history.loadPageDesignHistoryList,
+		loadPageDesignHistoryInfo: history.loadPageDesignHistoryInfo,
+		recover: history.recover,
+		deleteHistory: history.deleteHistory,
+		loading: history.loading,
+		allWidget: widgetQuery.allWidget,
+		allFormWidget: widgetQuery.allFormWidget,
+		excludeSubTableFormWidget: widgetQuery.excludeSubTableFormWidget,
+		allSubTableWidget: widgetQuery.allSubTableWidget,
+		allListWidget: widgetQuery.allListWidget,
+		allTableWidget: widgetQuery.allTableWidget,
+		allDeptWidget: widgetQuery.allDeptWidget,
+		allRefSelectWidget: widgetQuery.allRefSelectWidget,
+		getWidgetByScope: widgetQuery.getWidgetByScope,
+		modalInfo: modal.modalInfo,
+		modalDesignState: modal.modalDesignState,
+		modalDesignId: modal.modalDesignId,
+		modalBody: modal.modalBody,
+		modalFooter: modal.modalFooter,
+		modalBottomBtn: modal.modalBottomBtn,
+		isGlobalModal: modal.isGlobalModal,
+		subTableInfo: modal.subTableInfo,
+		setModalDesignState: modal.setModalDesignState,
+		setModalInfo: modal.setModalInfo,
+		setSubTableModalDesignState: modal.setSubTableModalDesignState,
+		setWfNodesModalDesignState: modal.setWfNodesModalDesignState,
+		setWorkflowNodesModalDesignState: modal.setWorkflowNodesModalDesignState,
+		subTableModalState: modal.subTableModalState,
+		subTableModalId: modal.subTableModalId,
+		getAsyncWidget: registry.getAsyncWidget,
+		getWidgetHooks: registry.getWidgetHooks,
+		widgetEntry: registry.widgetEntry,
+		pluginConfigs: registry.pluginConfigs,
+		getWhiteList: registry.getWhiteList,
+		getBlackList: registry.getBlackList,
+		setPluginConfigs: registry.setPluginConfigs
+	};
 }
+/**
+* 获取设计器控制器实例
+*
+* @export
+* @return {*}  {IDesignerController}
+*/
 function useDesignerController() {
-  const c = inject("designer");
-  return c;
+	return inject("designer");
 }
-
+//#endregion
 export { useDesigner, useDesignerController };

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

@@ -1,36 +1,56 @@
-const 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);
+//#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();
+	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.mjs

@@ -1,96 +1,93 @@
-class FieldSchema {
-  /** 模型元数据缓存 */
-  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 }
-          // { errorMessageMode: this.silent ? 'none' : undefined },
-        );
-        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();
-  }
-}
+//#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;
+	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

@@ -7,11 +7,11 @@ export declare function useSelectedWidget(): {
     resetSelectedModal: () => void;
     setSelectedWidget: (widget: Partial<LowCodeWidget.BasicSchema>, scope?: SCOPE) => void;
     resetSelectedWidget: (scope?: SCOPE) => void;
-    selectedAllPropEditors: import('vue').ComputedRef<any>;
-    selectedAllStyleEditors: import('vue').ComputedRef<any>;
-    selectedAllEvents: import('vue').ComputedRef<any>;
+    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').IDisplayProps>;
+    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>;
@@ -38,7 +38,7 @@ export declare function useSelectedWidget(): {
         /**子表关联父模型 */
         refParentModelkey?: undefined;
     }>;
-    selectedAllDesingerConfig: import('vue').ComputedRef<import('@gct-paas/schema').IDesignerConfig | 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>>;