@gct-paas/render 0.1.4-dev.7 → 0.1.4-dev.9

package/es/Event/utils/runGlobalByPage.d.ts

@@ -0,0 +1,332 @@
+import { RuntimePageJson } from '@gct-paas/schema';
+export declare enum PageTypeEnum {
+    /** WEB */
+    WEB = "web_module",
+    /** MOBILE */
+    MOBILE = "mobile_module",
+    /** PAD */
+    PAD = "pad_module"
+}
+export declare const pageGlobaVariables: import('vue').Ref<Record<string, IObject>, Record<string, IObject>>;
+/**app全局变量 */
+export declare const globalVarCaches: import('vue').Ref<Record<string, IObject>, Record<string, IObject>>;
+export declare const formMap: import('vue').Ref<Record<string, IObject>, Record<string, IObject>>;
+export declare function setFormData(key: string, formData: IObject): void;
+/**页面信息 */
+export declare const pageDataforJson: import('vue').Ref<{
+    pageStyle?: {
+        position?: string | undefined;
+        top?: string | undefined;
+        left?: string | undefined;
+        right?: string | undefined;
+        bottom?: string | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        maxHeight?: string | undefined;
+        backgroundColor?: string | undefined;
+        marginAll?: string | undefined;
+        marginTop?: string | undefined;
+        marginRight?: string | undefined;
+        marginBottom?: string | undefined;
+        marginLeft?: string | undefined;
+        paddingAll?: string | undefined;
+        paddingTop?: string | undefined;
+        paddingRight?: string | undefined;
+        paddingBottom?: string | undefined;
+        paddingLeft?: string | undefined;
+        labelFont?: {
+            fontSize: string;
+            bold: boolean;
+            italic: boolean;
+            textDecoration: import('@gct-paas/core').TextDecoration;
+            color: string;
+            align: "left" | "right" | "justify";
+        } | undefined;
+        contentFont?: {
+            fontSize: string;
+            bold: boolean;
+            italic: boolean;
+            textDecoration: import('@gct-paas/core').TextDecoration;
+            color: string;
+            align: "left" | "right" | "justify";
+        } | undefined;
+        tagStyle?: {
+            color?: string | undefined;
+            tagType?: import('@gct-paas/core').TagTypeEnum | undefined;
+        } | undefined;
+        tagStyleOpen?: boolean | undefined;
+        borderAll?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderLeft?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderRight?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderBottom?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderTop?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderTopRightRadius?: string | undefined;
+        borderTopLeftRadius?: string | undefined;
+        borderBottomRightRadius?: string | undefined;
+        borderBottomLeftRadius?: string | undefined;
+        borderAllRadius?: string | undefined;
+        columnwidthConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
+        columnwidth?: number | undefined;
+        columnFontStyleByRule?: {
+            displayRule: string;
+            contentFont: {
+                fontSize: string;
+                bold: boolean;
+                italic: boolean;
+                textDecoration: import('@gct-paas/core').TextDecoration;
+                color: string;
+                align: "left" | "right" | "justify";
+            };
+            tagStyle: {
+                color?: string | undefined;
+                tagType?: import('@gct-paas/core').TagTypeEnum | undefined;
+            };
+            progressStyle: {
+                color: string;
+                tagType: import('@gct-paas/core').ProgressTypeEnum;
+            };
+            tagType: import('@gct-paas/core').tagEnum;
+            tagStyleOpen: boolean;
+        }[] | undefined;
+        columnBackgroundByRule?: {
+            displayRule: string;
+            backgroundColor?: string | undefined;
+        }[] | undefined;
+        tableheight?: number | undefined;
+        tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
+        enableHeaderBGColor?: boolean | undefined;
+    } | undefined;
+    pageConfig?: {
+        title?: string | undefined;
+        i18n?: {
+            key?: string | undefined;
+            title?: string | undefined;
+        } | undefined;
+        hasFooter?: boolean | undefined;
+    } | undefined;
+    pageName?: string | undefined;
+}, {
+    pageStyle?: RuntimePageJson["pageStyle"];
+    pageConfig?: RuntimePageJson["pageConfig"];
+    pageName?: string;
+} | {
+    pageStyle?: {
+        position?: string | undefined;
+        top?: string | undefined;
+        left?: string | undefined;
+        right?: string | undefined;
+        bottom?: string | undefined;
+        width?: string | undefined;
+        height?: string | undefined;
+        maxHeight?: string | undefined;
+        backgroundColor?: string | undefined;
+        marginAll?: string | undefined;
+        marginTop?: string | undefined;
+        marginRight?: string | undefined;
+        marginBottom?: string | undefined;
+        marginLeft?: string | undefined;
+        paddingAll?: string | undefined;
+        paddingTop?: string | undefined;
+        paddingRight?: string | undefined;
+        paddingBottom?: string | undefined;
+        paddingLeft?: string | undefined;
+        labelFont?: {
+            fontSize: string;
+            bold: boolean;
+            italic: boolean;
+            textDecoration: import('@gct-paas/core').TextDecoration;
+            color: string;
+            align: "left" | "right" | "justify";
+        } | undefined;
+        contentFont?: {
+            fontSize: string;
+            bold: boolean;
+            italic: boolean;
+            textDecoration: import('@gct-paas/core').TextDecoration;
+            color: string;
+            align: "left" | "right" | "justify";
+        } | undefined;
+        tagStyle?: {
+            color?: string | undefined;
+            tagType?: import('@gct-paas/core').TagTypeEnum | undefined;
+        } | undefined;
+        tagStyleOpen?: boolean | undefined;
+        borderAll?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderLeft?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderRight?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderBottom?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderTop?: {
+            borderWidth?: string | undefined;
+            borderStyle?: string | undefined;
+            borderColor?: string | undefined;
+        } | undefined;
+        borderTopRightRadius?: string | undefined;
+        borderTopLeftRadius?: string | undefined;
+        borderBottomRightRadius?: string | undefined;
+        borderBottomLeftRadius?: string | undefined;
+        borderAllRadius?: string | undefined;
+        columnwidthConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
+        columnwidth?: number | undefined;
+        columnFontStyleByRule?: {
+            displayRule: string;
+            contentFont: {
+                fontSize: string;
+                bold: boolean;
+                italic: boolean;
+                textDecoration: import('@gct-paas/core').TextDecoration;
+                color: string;
+                align: "left" | "right" | "justify";
+            };
+            tagStyle: {
+                color?: string | undefined;
+                tagType?: import('@gct-paas/core').TagTypeEnum | undefined;
+            };
+            progressStyle: {
+                color: string;
+                tagType: import('@gct-paas/core').ProgressTypeEnum;
+            };
+            tagType: import('@gct-paas/core').tagEnum;
+            tagStyleOpen: boolean;
+        }[] | undefined;
+        columnBackgroundByRule?: {
+            displayRule: string;
+            backgroundColor?: string | undefined;
+        }[] | undefined;
+        tableheight?: number | undefined;
+        tableheightConfigure?: import('@gct-paas/core').tableColumnWidthEnum | undefined;
+        enableHeaderBGColor?: boolean | undefined;
+    } | undefined;
+    pageConfig?: {
+        title?: string | undefined;
+        i18n?: {
+            key?: string | undefined;
+            title?: string | undefined;
+        } | undefined;
+        hasFooter?: boolean | undefined;
+    } | undefined;
+    pageName?: string | undefined;
+}>;
+/**页面信息 */
+export declare const getPageTitle: Readonly<import('vue').Ref<string | undefined, string | undefined>>;
+/**页面全局事件 */
+export declare class Globals {
+    /**模态框缓存 */
+    static modalsCache: Record<string, RuntimePageJson['modals'][number]>;
+    /**
+     * 上下文缓存
+     */
+    static pageID: string;
+    static permissions: Record<string, string>;
+    static ContextCache: IObject;
+    /**常量刷新锁 */
+    static startRuning: boolean;
+    /**全局钩子 */
+    static globalHookCaches: {
+        pageMounted: (() => void)[];
+        pageActivated: (() => void)[];
+        pageDestroyed: (() => void)[];
+    };
+    /**
+     * 设置模态框
+     * @param list
+     */
+    static setModals(list?: RuntimePageJson['modals']): void;
+    /**获取模态框信息 */
+    static getModalById(key?: string): Promise<import('@gct-paas/schema').RuntimeModal>;
+    /**
+     *  角色权限
+     * @param id 组件标识
+     */
+    static getPremission(id?: string): boolean;
+    /**
+     *设置组件权限
+     * @param key 权限标识
+     * @param id 组件标识
+     */
+    static setPremission(key: string, id: string): void;
+    static setContextByKey(context: IObject, key?: string): void;
+    static getContextByKey(key?: string): any;
+    /**
+     *获取页面变量
+     */
+    static initvars(): Promise<void>;
+    /**
+     * 获取APP全局钩子
+     */
+    static inithooks(): Promise<void>;
+    static initPermission(permissions: IObject): Promise<void>;
+    static initGlobalS(data: IObject): Promise<void>;
+    static getGlobalVar(id: string): any;
+    static setGlobalVar(id: string, value: string): Promise<void>;
+    /**
+     * 获取页面变量
+     * @param key
+     * @returns
+     */
+    static getPageVar(key: string): any;
+    /**
+     *设置页面变量
+     * @param key
+     * @param value
+     */
+    static setPageVar(key: string, value: string): Promise<void>;
+    /**
+     * 获取页面全局变量老版本兼容问题暂时不删除 后续不维护
+     * @param key
+     * @returns
+     */
+    static getPageGlobalVar(key: string): any;
+    /**设置页面变量老版本 兼容问题暂时不删除 后续不维护*/
+    static setPageGlobalVar(key: string, value: string): void;
+    static initPageByid(id: string, pageType?: PageTypeEnum): Promise<{
+        res: import('@gct-paas/api/apaas').PadPageResponse;
+        data: RuntimePageJson;
+        name: string | undefined;
+    }>;
+    static initHistoryByid(id: string): Promise<{
+        res: import('@gct-paas/api/apaas').PageDesignerLogResponse;
+        data: any;
+        name: string | undefined;
+    }>;
+    /**注册钩子 */
+    static usePageHooks(Event: IObject, pageEvents: RuntimePageJson['pageEvents'], globalEvents: RuntimePageJson['globalEvents'], pageCallback: ((Event: IObject) => Promise<void>) | undefined): {
+        pageload: import('vue').Ref<boolean, boolean>;
+    };
+}
+export declare const getPremission: typeof Globals.getPremission;

package/es/Event/utils/runGlobalByPage.mjs

@@ -0,0 +1,306 @@
+import { ref, toRef, onMounted, nextTick, onBeforeUnmount, onActivated } from 'vue';
+import { verificationData } from './verificationVar.mjs';
+import { useCreateAppredis } from './appRedis.mjs';
+import '@gct-paas/schema';
+import { usePermissionStore } from '@gct-paas/core';
+
+const getPageApiByMap = {
+  ["web_module" /* WEB */]: {
+    getPageInfo: _gct.api.apaas.webpage.getInfo
+  },
+  ["mobile_module" /* MOBILE */]: {
+    getPageInfo: _gct.api.apaas.mobilePage.getInfo
+  },
+  ["pad_module" /* PAD */]: {
+    getPageInfo: _gct.api.apaas.padPage.getInfo
+  }
+};
+const pageGlobaVariables = ref({});
+const globalVarCaches = ref({});
+const formMap = ref({});
+function setFormData(key, formData) {
+  formMap.value[key] = formData;
+}
+const pageDataforJson = ref({
+  pageStyle: {},
+  pageConfig: {},
+  pageName: ""
+});
+const getPageTitle = toRef(() => {
+  const { title } = pageDataforJson.value.pageConfig || {};
+  return title;
+});
+class Globals {
+  /**模态框缓存 */
+  static modalsCache = {};
+  /**
+   * 上下文缓存
+   */
+  static pageID = "";
+  static permissions = {};
+  // static
+  static ContextCache = {};
+  /**常量刷新锁 */
+  static startRuning = false;
+  /**全局钩子 */
+  static globalHookCaches = {
+    pageMounted: [],
+    pageActivated: [],
+    pageDestroyed: []
+  };
+  /**
+   * 设置模态框
+   * @param list
+   */
+  static setModals(list) {
+    this.modalsCache = {};
+    list?.forEach((i) => {
+      this.modalsCache[i.id] = i;
+    });
+  }
+  /**获取模态框信息 */
+  static async getModalById(key) {
+    if (!key) return Promise.reject();
+    if (/^i?g_modal_/.test(key) && !this.modalsCache[key]) {
+      const [res] = await _api.apaas.appGlobalSettings.getInfo({
+        keys: key,
+        fullInfo: true
+      }) || [];
+      if (res?.configJson) {
+        const modal = JSON.parse(res.configJson);
+        this.modalsCache[key] = modal;
+      }
+    }
+    const data = this.modalsCache[key];
+    if (!data) {
+      console.error(`模态框${key}不存在`);
+      return Promise.reject();
+    }
+    return data;
+  }
+  /**
+   *  角色权限
+   * @param id 组件标识
+   */
+  static getPremission(id) {
+    if (!id) return true;
+    const key = this.permissions[id];
+    if (!key) return true;
+    const PermissionStore = usePermissionStore();
+    return PermissionStore.getPermissionByKey(this.pageID, key);
+  }
+  /**
+   *设置组件权限
+   * @param key 权限标识
+   * @param id 组件标识
+   */
+  static setPremission(key, id) {
+    this.permissions[id] = key;
+  }
+  static setContextByKey(context, key) {
+    if (key) {
+      this.ContextCache[key] = context;
+    } else {
+      this.ContextCache = {
+        page: context
+      };
+    }
+  }
+  static getContextByKey(key) {
+    return this.ContextCache[key || "page"];
+  }
+  /**
+   *获取页面变量
+   */
+  static async initvars() {
+    const data = await _gct.api.apaas.appGlobalSettings.getList({
+      type: "var",
+      fullInfo: true
+    }) || [];
+    data.forEach((i) => {
+      if (!i.configJson) return;
+      try {
+        const datavalue = JSON.parse(i.configJson);
+        globalVarCaches.value[datavalue.key] = useCreateAppredis({
+          value: datavalue.defaultValue,
+          appredis: datavalue.appredis,
+          key: datavalue.key,
+          type: datavalue.type
+        });
+      } catch (error) {
+        console.error("initvars", error);
+      }
+    });
+  }
+  /**
+   * 获取APP全局钩子
+   */
+  static async inithooks() {
+    const data = await _gct.api.apaas.appGlobalSettings.getList({
+      type: "event",
+      fullInfo: true
+    }) || [];
+    data.forEach((i) => {
+      if (!i.configJson) return;
+      try {
+        const fun = new Function(JSON.parse(i.configJson).runJs);
+        const catchFun = this.globalHookCaches[i.key];
+        if (catchFun) catchFun.push(fun);
+      } catch (error) {
+        console.error("inithooks", error);
+      }
+    });
+  }
+  static async initPermission(permissions) {
+    this.permissions = permissions || {};
+  }
+  static async initGlobalS(data) {
+    this.setModals(data.modals);
+    data.pageVars?.forEach((i) => {
+      pageGlobaVariables.value[i.key] = {
+        value: i.varInfo?.defaultValue,
+        type: i.varInfo.type
+      };
+    });
+    if (this.startRuning) return;
+    this.startRuning = true;
+    try {
+      await Promise.all([this.initvars(), this.inithooks()]);
+    } catch (error) {
+      console.log(error);
+    }
+  }
+  static getGlobalVar(id) {
+    const data = globalVarCaches.value[id];
+    if (!data) return console.warn("变量key不存在");
+    return data.value;
+  }
+  static async setGlobalVar(id, value) {
+    const data = globalVarCaches.value[id];
+    if (!data) return console.warn("变量key不存在");
+    data.value = value;
+  }
+  /**
+   * 获取页面变量
+   * @param key
+   * @returns
+   */
+  static getPageVar(key) {
+    const data = pageGlobaVariables.value[key];
+    if (!data) return console.warn("变量key不存在");
+    return data.value;
+  }
+  /**
+   *设置页面变量
+   * @param key
+   * @param value
+   */
+  static async setPageVar(key, value) {
+    const data = pageGlobaVariables.value[key];
+    if (!data) return console.warn("变量key不存在");
+    await verificationData(value, data.type);
+    if (!pageGlobaVariables.value[key]) return;
+    pageGlobaVariables.value[key].value = value;
+  }
+  /**
+   * 获取页面全局变量老版本兼容问题暂时不删除 后续不维护
+   * @param key
+   * @returns
+   */
+  static getPageGlobalVar(key) {
+    return pageGlobaVariables.value[key]?.value;
+  }
+  /**设置页面变量老版本 兼容问题暂时不删除 后续不维护*/
+  static setPageGlobalVar(key, value) {
+    if (pageGlobaVariables.value[key]) {
+      pageGlobaVariables.value[key].value = value;
+    } else {
+      pageGlobaVariables.value[key] = { value, type: "string" };
+    }
+  }
+  static async initPageByid(id, pageType = "web_module" /* WEB */) {
+    this.pageID = id;
+    const getJSon = getPageApiByMap[pageType].getPageInfo;
+    const res = await getJSon(
+      { id }
+      // location.href.includes('PagePreview')
+      //   ? { transferToConfig: { headers: { Env: 'dev' } } }
+      //   : {},
+    );
+    const { runtimeJson, name } = res || {};
+    pageDataforJson.value.pageName = name;
+    if (!runtimeJson) return Promise.reject();
+    const data = JSON.parse(runtimeJson);
+    if (!data.widgets.filter((item) => item.type !== "bottom-button-container").length)
+      return Promise.reject();
+    await this.initGlobalS(data);
+    pageDataforJson.value.pageConfig = data.pageConfig || {};
+    pageDataforJson.value.pageStyle = data.pageStyle || {};
+    return { res, data, name };
+  }
+  static async initHistoryByid(id) {
+    this.pageID = id;
+    const res = await _gct.api.apaas.pageDesignerLog.getInfo({ id });
+    const { runtimeJson, name } = res || {};
+    if (!runtimeJson) return Promise.reject();
+    pageDataforJson.value.pageName = name;
+    const data = JSON.parse(runtimeJson);
+    await this.initGlobalS(data);
+    pageDataforJson.value.pageConfig = data.pageConfig || {};
+    pageDataforJson.value.pageStyle = data.pageStyle || {};
+    return { res, data, name };
+  }
+  /**注册钩子 */
+  static usePageHooks(Event, pageEvents, globalEvents, pageCallback) {
+    const pageload = ref(false);
+    onMounted(async () => {
+      await nextTick();
+      const pageBeforeMountData = pageEvents?.pageBeforeMount;
+      if (pageBeforeMountData?.name) {
+        await Event.runExportByName(
+          pageBeforeMountData.name,
+          pageBeforeMountData.extraParams
+        );
+      }
+      if (pageCallback) await pageCallback(Event);
+      pageload.value = true;
+      if (globalEvents.pageMounted) {
+        for (const fun of this.globalHookCaches.pageMounted) {
+          await fun();
+        }
+      }
+      const { extraParams, name } = pageEvents?.pageMounted || {};
+      if (name) {
+        Event.runAsyncExportByName(name, extraParams);
+      }
+    });
+    onBeforeUnmount(async () => {
+      pageDataforJson.value = {};
+      const { extraParams, name } = pageEvents?.pageDestroyed || {};
+      if (name) {
+        Event.runExportByName(name, extraParams);
+      }
+      if (globalEvents.pageDestroyed) {
+        for (const fun of this.globalHookCaches.pageDestroyed) {
+          await fun();
+        }
+      }
+    });
+    onActivated(async () => {
+      Globals.setContextByKey(Event.context);
+      if (globalEvents.pageActivated) {
+        for (const fun of this.globalHookCaches.pageActivated) {
+          await fun();
+        }
+      }
+      const { extraParams, name } = pageEvents?.pageActivated || {};
+      if (name) {
+        Event.runAsyncExportByName(name, extraParams);
+      }
+    });
+    return { pageload };
+  }
+}
+const getPremission = Globals.getPremission.bind(Globals);
+
+export { Globals, formMap, getPageTitle, getPremission, globalVarCaches, pageDataforJson, pageGlobaVariables, setFormData };

package/es/Event/utils/verificationVar.d.ts

@@ -0,0 +1,2 @@
+import { GLOBAL_VAR_TYPE } from '@gct-paas/core';
+export declare function verificationData(value: string, type: GLOBAL_VAR_TYPE): true | Promise<void>;

package/es/Event/utils/verificationVar.mjs

@@ -0,0 +1,42 @@
+import { GLOBAL_VAR_TYPE } from '@gct-paas/core';
+import dayjs from 'dayjs';
+
+const verificationMap = {
+  [GLOBAL_VAR_TYPE.DATE]: {
+    callback(value) {
+      return dayjs(value, ["YYYY-MM-DD", "YYYY/MM/DD"], true).isValid();
+    },
+    message: "日期变量格式为YYYY-MM-DD,YYYY/MM/DD"
+  },
+  [GLOBAL_VAR_TYPE.TIME]: {
+    callback(value) {
+      return dayjs(value, "HH:mm:ss", true).isValid();
+    },
+    message: "时间变量格式HH:mm:ss"
+  },
+  [GLOBAL_VAR_TYPE.DATETIME]: {
+    callback(value) {
+      return dayjs(value, [
+        "YYYY-MM-DD HH:mm:ss",
+        "YYYY/MM/DD HH:mm:ss"
+      ]).isValid();
+    },
+    message: "日期时间变量格式为YYYY-MM-DD HH:mm:ss,YYYY/MM/DD HH:mm:ss"
+  }
+};
+function verificationData(value, type) {
+  if (type === GLOBAL_VAR_TYPE.NULL) {
+    return true;
+  }
+  const { callback, message } = verificationMap[type] || {
+    callback(v) {
+      return Object.prototype.toString.call(v).slice(8, -1).toLowerCase() === type;
+    }};
+  if (callback(value)) {
+    return Promise.resolve();
+  } else {
+    return Promise.reject(message);
+  }
+}
+
+export { verificationData };

package/es/enums/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 全局参数
+ *
+ * @author zhanghanrui
+ * @date 2024-07-21 17:07:00
+ * @export
+ * @enum {number}
+ */
+export declare enum GlobalParamEnum {
+    /**
+     * 选择组件标识
+     */
+    SELECT_ID = "$VAR_GCT_SELECT_ID"
+}

package/es/enums/index.mjs

@@ -0,0 +1,6 @@
+var GlobalParamEnum = /* @__PURE__ */ ((GlobalParamEnum2) => {
+  GlobalParamEnum2["SELECT_ID"] = "$VAR_GCT_SELECT_ID";
+  return GlobalParamEnum2;
+})(GlobalParamEnum || {});
+
+export { GlobalParamEnum };