@gct-paas/core 0.1.4-dev.1 → 0.1.4-dev.10

package/es/utils/openUtil/overlay-container/overlay-container.d.ts

@@ -0,0 +1,100 @@
+import { IOverlayContainer } from '../../../interface';
+import { QXEvent } from 'qx-util';
+import { App, Component, VNode } from 'vue';
+/**
+ * 全局弹出承载组件
+ *
+ * @author zhanghanrui
+ * @date 2024-03-19 19:03:22
+ * @export
+ * @class OverlayContainer
+ * @implements {IOverlayContainer}
+ * @template O
+ */
+export declare class OverlayContainer<O> implements IOverlayContainer {
+    protected component: unknown;
+    protected render: (...args: any[]) => VNode;
+    protected opts?: O | undefined;
+    protected vm?: App;
+    /**
+     * 具体模态组件对象
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 19:03:45
+     * @protected
+     * @type {*}
+     */
+    protected modal: any;
+    /**
+     * 调用dismiss时传的result结果
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 19:03:30
+     * @protected
+     * @type {unknown}
+     */
+    protected result?: unknown;
+    /**
+     * 内部事件
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 19:03:44
+     * @protected
+     */
+    protected evt: QXEvent<{
+        dismiss: (data?: unknown) => void;
+    }>;
+    /**
+     * init 执行完毕的 Promise，用于确保 present/dismiss 调用时 init 已完成
+     *
+     * @protected
+     * @type {Promise<void>}
+     */
+    protected _initPromise: Promise<void>;
+    /**
+     * 创建全局呈现
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 19:03:51
+     * @param {unknown} component
+     * @param {(...args: any[]) => VNode} render
+     * @param {O} [opts]
+     */
+    constructor(component: unknown, render: (...args: any[]) => VNode, opts?: O | undefined);
+    static createVueApp(rootComponent: Component, rootProps?: IData): Promise<App<Element>>;
+    /**
+     * 初始化飘窗
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 19:03:00
+     * @protected
+     * @return {*}  {void}
+     */
+    protected init(): Promise<void>;
+    /**
+     * 打开飘窗
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 19:03:14
+     * @return {*}  {Promise<void>}
+     */
+    present(): Promise<void>;
+    /**
+     * 手动调用关闭飘窗
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 19:03:19
+     * @param {unknown} [data]
+     * @return {*}  {Promise<void>}
+     */
+    dismiss(data?: unknown): Promise<void>;
+    /**
+     * 订阅窗口关闭
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 19:03:26
+     * @template T
+     * @return {*}  {Promise<T>}
+     */
+    onWillDismiss<T = unknown>(): Promise<T>;
+}

package/es/utils/openUtil/overlay-container/overlay-container.mjs

@@ -0,0 +1,139 @@
+import { QXEvent } from 'qx-util';
+import { createApp, h, nextTick } from 'vue';
+
+class OverlayContainer {
+  /**
+   * 创建全局呈现
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 19:03:51
+   * @param {unknown} component
+   * @param {(...args: any[]) => VNode} render
+   * @param {O} [opts]
+   */
+  constructor(component, render, opts) {
+    this.component = component;
+    this.render = render;
+    this.opts = opts;
+    this._initPromise = this.init();
+  }
+  vm;
+  /**
+   * 具体模态组件对象
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 19:03:45
+   * @protected
+   * @type {*}
+   */
+  modal;
+  /**
+   * 调用dismiss时传的result结果
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 19:03:30
+   * @protected
+   * @type {unknown}
+   */
+  result;
+  /**
+   * 内部事件
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 19:03:44
+   * @protected
+   */
+  evt = new QXEvent();
+  /**
+   * init 执行完毕的 Promise，用于确保 present/dismiss 调用时 init 已完成
+   *
+   * @protected
+   * @type {Promise<void>}
+   */
+  _initPromise;
+  static async createVueApp(rootComponent, rootProps) {
+    console.error("没有注入createVueApp方法");
+    return createApp(rootComponent, rootProps);
+  }
+  /**
+   * 初始化飘窗
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 19:03:00
+   * @protected
+   * @return {*}  {void}
+   */
+  async init() {
+    const self = this;
+    const { render, opts } = this;
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const vm = await OverlayContainer.createVueApp({
+      mounted() {
+        self.modal = this.$refs.root;
+      },
+      unmounted() {
+        document.body.removeChild(container);
+        self.evt.emit("dismiss", self.result);
+      },
+      render() {
+        return h(
+          self.component,
+          {
+            ref: "root",
+            opts,
+            onDismiss(data) {
+              self.result = data;
+              vm.unmount();
+            }
+          },
+          { default: render }
+        );
+      }
+    });
+    vm.mount(container);
+    this.vm = vm;
+  }
+  /**
+   * 打开飘窗
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 19:03:14
+   * @return {*}  {Promise<void>}
+   */
+  async present() {
+    await this._initPromise;
+    await nextTick();
+    return this.modal.present();
+  }
+  /**
+   * 手动调用关闭飘窗
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 19:03:19
+   * @param {unknown} [data]
+   * @return {*}  {Promise<void>}
+   */
+  async dismiss(data) {
+    await this.modal.dismiss(data);
+  }
+  /**
+   * 订阅窗口关闭
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 19:03:26
+   * @template T
+   * @return {*}  {Promise<T>}
+   */
+  async onWillDismiss() {
+    return new Promise((resolve) => {
+      const callback = (data) => {
+        resolve(data);
+        this.evt.off("dismiss", callback);
+      };
+      this.evt.on("dismiss", callback);
+    });
+  }
+}
+
+export { OverlayContainer };

package/es/utils/plugin-static-resource/plugin-static-resource.mjs

@@ -1,6 +1,5 @@
-import path from '../../_virtual/index.mjs';
+import path from 'path-browserify';
 
-"use strict";
 class PluginStaticResource {
   /**
    * 插件静态资源工具类.

package/es/utils/props/gct-form-item/gct-form-item.props.d.ts

@@ -0,0 +1,63 @@
+import { PropType } from 'vue';
+import { IEditorBasic, IFormEditItem, IFormItemController } from '../../../interface';
+/**
+ * 标准的表单项输入属性
+ *
+ * @author chitanda
+ * @date 2025-06-22 13:06:34
+ * @export
+ * @template T
+ * @template M
+ * @template C
+ * @returns {*}
+ */
+export declare function gctFormItemEditorProps<T = IObject, M extends IEditorBasic = IEditorBasic, C extends IContext = IContext>(): {
+    context: {
+        type: PropType<C>;
+        default: () => {};
+    };
+    value: {
+        type: PropType<T>;
+    };
+    model: {
+        type: PropType<M>;
+        required: boolean;
+    };
+    c: {
+        type: PropType<IFormItemController>;
+        required: boolean;
+    };
+    itemModel: {
+        type: PropType<IFormEditItem>;
+    };
+    data: {
+        type: ObjectConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    keepalive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+    };
+    count: {
+        type: NumberConstructor;
+        default: number;
+    };
+    isEmptyText: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/es/utils/props/gct-form-item/gct-form-item.props.mjs

@@ -0,0 +1,66 @@
+/**
+ * 标准的表单项输入属性
+ *
+ * @author chitanda
+ * @date 2025-06-22 13:06:34
+ * @export
+ * @template T
+ * @template M
+ * @template C
+ * @returns {*}
+ */
+function gctFormItemEditorProps() {
+  return {
+    context: {
+      type: Object,
+      default: () => ({})
+    },
+    value: {
+      type: Object
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    c: {
+      type: Object,
+      required: true
+    },
+    itemModel: {
+      type: Object
+    },
+    data: {
+      type: Object
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    keepalive: {
+      type: Boolean,
+      default: false
+    },
+    visible: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: String
+    },
+    count: {
+      type: Number,
+      default: 0
+    },
+    // 空数据时是否显示提示文本
+    isEmptyText: {
+      type: Boolean,
+      default: false
+    }
+  };
+}
+
+export { gctFormItemEditorProps };

package/es/utils/props/index.d.ts

@@ -0,0 +1 @@
+export { gctFormItemEditorProps } from './gct-form-item/gct-form-item.props';

package/es/utils/style/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 计算配置样式
+ *
+ * @param data
+ * @param ignoringStyle 忽略计算的样式
+ * @returns
+ */
+export declare const calcStyle: (data: IData, ignoringStyle?: string[]) => IObject;
+/**
+ * 计算字体样式
+ *
+ * @param data
+ * @param ignoringStyle 忽略的样式
+ * @returns
+ */
+export declare const calcFontStyle: (data: IData, ignoringStyle?: string[]) => IObject;

package/es/utils/style/index.mjs

@@ -0,0 +1,141 @@
+const calcStyle = (data, ignoringStyle = []) => {
+  const style = {};
+  const padding = data.padding;
+  if (padding) {
+    if (padding.top != null && padding.top != "" && !ignoringStyle.includes("paddingTop"))
+      style["padding-top"] = padding.top;
+    if (padding.right != null && padding.right != "" && !ignoringStyle.includes("paddingRight"))
+      style["padding-right"] = padding.right;
+    if (padding.bottom != null && padding.bottom != "" && !ignoringStyle.includes("paddingBottom"))
+      style["padding-bottom"] = padding.bottom;
+    if (padding.left != null && padding.left != "" && !ignoringStyle.includes("paddingLeft"))
+      style["padding-left"] = padding.left;
+  }
+  const margin = data.margin;
+  if (margin) {
+    if (margin.top != null && margin.top != "" && !ignoringStyle.includes("marginTop"))
+      style["margin-top"] = margin.top;
+    if (margin.right != null && margin.right != "" && !ignoringStyle.includes("marginRight"))
+      style["margin-right"] = margin.right;
+    if (margin.bottom != null && margin.bottom != "" && !ignoringStyle.includes("marginBottom"))
+      style["margin-bottom"] = margin.bottom;
+    if (margin.left != null && margin.left != "" && !ignoringStyle.includes("marginLeft"))
+      style["margin-left"] = margin.left;
+  }
+  if (data.background != null && data.background != "" && !ignoringStyle.includes("backgroundColor")) {
+    style["background-color"] = data.background;
+  }
+  if (data.width != null && data.width != "" && !ignoringStyle.includes("width")) {
+    style.width = data.width;
+  }
+  if (data.height != null && data.height != "" && !ignoringStyle.includes("height")) {
+    style.height = data.height;
+    style.overflowX = "hidden";
+    style.overflowY = "auto";
+  }
+  const position = data.position;
+  if (position) {
+    if (position.position != null && position.position != "" && !ignoringStyle.includes("zIndex")) {
+      style.position = position.position;
+      style["z-index"] = 1;
+    }
+    if (position.top != null && position.top != "" && !ignoringStyle.includes("top"))
+      style.top = `${position.top}px`;
+    if (position.right != null && position.right != "" && !ignoringStyle.includes("right"))
+      style.right = `${position.right}px`;
+    if (position.bottom != null && position.bottom != "" && !ignoringStyle.includes("bottom"))
+      style.bottom = `${position.bottom}px`;
+    if (position.left != null && position.left != "" && !ignoringStyle.includes("left"))
+      style.left = `${position.left}px`;
+  }
+  const border = data.border;
+  if (border) {
+    if (border.topLeftRadius != null && border.topLeftRadius != "" && !ignoringStyle.includes("borderTopLeftRadius")) {
+      style["border-top-left-radius"] = border.topLeftRadius;
+    }
+    if (border.topRightRadius != null && border.topRightRadius != "" && !ignoringStyle.includes("borderTopRightRadius")) {
+      style["border-top-right-radius"] = border.topRightRadius;
+    }
+    if (border.bottomLeftRadius != null && border.bottomLeftRadius != "" && !ignoringStyle.includes("borderBottomLeftRadius")) {
+      style["border-bottom-left-radius"] = border.bottomLeftRadius;
+    }
+    if (border.bottomRightRadius != null && border.bottomRightRadius != "" && !ignoringStyle.includes("borderBottomRightRadius")) {
+      style["border-bottom-right-radius"] = border.bottomRightRadius;
+    }
+    if (border.top) {
+      if (border.top.color != null && border.top.color != "" && !ignoringStyle.includes("borderTopColor")) {
+        style["border-top-color"] = border.top.color;
+      }
+      if (border.top.width != null && border.top.width != "" && !ignoringStyle.includes("borderTopWidth")) {
+        style["border-top-width"] = border.top.width;
+      }
+      if (border.top.style && !ignoringStyle.includes("borderTopStyle")) {
+        style["border-top-style"] = border.top.style;
+      }
+    }
+    if (border.right) {
+      if (border.right.color != null && border.right.color != "" && !ignoringStyle.includes("borderRightColor")) {
+        style["border-right-color"] = border.right.color;
+      }
+      if (border.right.width != null && border.right.width != "" && !ignoringStyle.includes("borderRightWidth")) {
+        style["border-right-width"] = border.right.width;
+      }
+      if (border.right.style && !ignoringStyle.includes("borderRightStyle")) {
+        style["border-right-style"] = border.right.style;
+      }
+    }
+    if (border.bottom) {
+      if (border.bottom.color != null && border.bottom.color != "" && !ignoringStyle.includes("borderBottomColor")) {
+        style["border-bottom-color"] = border.bottom.color;
+      }
+      if (border.bottom.width != null && border.bottom.width != "" && !ignoringStyle.includes("borderBottomWidth")) {
+        style["border-bottom-width"] = border.bottom.width;
+      }
+      if (border.bottom.style && !ignoringStyle.includes("borderBottomStyle")) {
+        style["border-bottom-style"] = border.bottom.style;
+      }
+    }
+    if (border.left) {
+      if (border.left.color != null && border.left.color != "" && !ignoringStyle.includes("borderLeftColor")) {
+        style["border-left-color"] = border.left.color;
+      }
+      if (border.left.width != null && border.left.width != "" && !ignoringStyle.includes("borderLeftWidth")) {
+        style["border-left-width"] = border.left.width;
+      }
+      if (border.left.style && !ignoringStyle.includes("borderLeftStyle")) {
+        style["border-left-style"] = border.left.style;
+      }
+    }
+  }
+  if (data.border_radius) {
+    style["border-radius"] = `${data.border_radius}px`;
+  }
+  return style;
+};
+const calcFontStyle = (data, ignoringStyle = []) => {
+  const style = {};
+  const labelFont = data.labelFont;
+  if (labelFont) {
+    if (labelFont.color != null && labelFont.color != "" && !ignoringStyle.includes("color"))
+      style.color = labelFont.color;
+    if (labelFont.fontSize != null && labelFont.fontSize != "" && !ignoringStyle.includes("fontSize")) {
+      style["font-size"] = labelFont.fontSize;
+    }
+    if (labelFont.align && !ignoringStyle.includes("textAlign")) {
+      style["text-align"] = labelFont.align;
+      style["text-align-last"] = labelFont.align;
+    }
+    if (labelFont.bold === true && !ignoringStyle.includes("fontWeight")) {
+      style["font-weight"] = "bold";
+    }
+    if (labelFont.italic === true && !ignoringStyle.includes("fontStyle")) {
+      style["font-style"] = "italic";
+    }
+    if (labelFont.textDecoration && !ignoringStyle.includes("textDecoration")) {
+      style["text-decoration"] = labelFont.textDecoration;
+    }
+  }
+  return style;
+};
+
+export { calcFontStyle, calcStyle };

package/es/utils/tools/tools.d.ts

@@ -1,3 +1,4 @@
+import { default as qs } from 'qs';
 /**
  * 获取认证令牌
  *
@@ -26,16 +27,6 @@ export declare function getTenant(): string | null;
  * @param {string} tenant
  */
 export declare function setTenant(tenant: string): void;
-/**
- * 获取路径参数
- *
- * @export
- * @returns {*}  {{ aid: string; pid: string }}
- */
-export declare function getPathQuery(): {
-    aid: string;
-    pid: string;
-};
 /**
  * 是否为移动端设备
  */
@@ -47,3 +38,25 @@ export declare const isMobile: boolean;
  * @returns {*}
  */
 export declare function getTimezone(): string;
+/**
+ * 递归合并两个对象
+ *
+ * @template T
+ * @template U
+ * @param {T} target 目标对象，合并后结果存放于此
+ * @param {U} source 要合并的源对象
+ * @returns {(T & U)} 合并后的对象
+ */
+export declare function deepMerge<T extends object | null | undefined, U extends object | null | undefined>(target: T, source: U): T & U;
+/**
+ * 对象 → 矩阵参数（stringify）
+ * @param {*} params
+ * @returns
+ */
+export declare function stringifyMatrixParams(params: Record<string, string | number | null | undefined>): string;
+/**
+ * 矩阵参数 → 对象（parse）
+ * @param {*} path
+ * @returns
+ */
+export declare function parseMatrixParams(path: string): qs.ParsedQs;

package/es/utils/tools/tools.mjs

@@ -1,11 +1,16 @@
-import '../../node_modules/.pnpm/qx-util@0.4.8/node_modules/qx-util/out/index.mjs';
-import '../../constants/index.mjs';
-import '../../enums/index.mjs';
-import { getCookie, setCookie, clearCookie } from '../../node_modules/.pnpm/qx-util@0.4.8/node_modules/qx-util/out/utils/util/util.mjs';
+import { getCookie, setCookie, clearCookie } from 'qx-util';
+import { mergeWith, cloneDeep, unionWith, isEqual } from 'lodash-es';
+import '../../constants/expression-type/modeCfg.mjs';
+import '../../constants/expression-type/BuiltOperators.mjs';
+import '../../constants/expression-type/function.mjs';
+import '../../constants/expression-type/variable.mjs';
 import { CoreConst } from '../../constants/core.mjs';
+import '../../enums/app-designer/index.mjs';
+import '../../enums/page-designer/designer.mjs';
+import '../../enums/breakpointEnum.mjs';
 import { TIMEZONE_KEY } from '../../enums/cacheEnum.mjs';
+import qs from 'qs';
 
-"use strict";
 function getToken() {
   return getCookie(CoreConst.TOKEN);
 }
@@ -26,13 +31,6 @@ function setTenant(tenant) {
     clearCookie(CoreConst.TENANT, true);
   }
 }
-function getPathQuery() {
-  const params = location.pathname.replace("/src/projects", "").split("/");
-  return {
-    aid: params[2],
-    pid: params[3]
-  };
-}
 const isMobile = (() => {
   const ua = navigator.userAgent;
   const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/;
@@ -43,5 +41,32 @@ const isMobile = (() => {
 function getTimezone() {
   return localStorage.getItem(TIMEZONE_KEY) || "UTC+08:00";
 }
+function deepMerge(target, source) {
+  return mergeWith(cloneDeep(target), source, (objValue, srcValue) => {
+    if (typeof objValue === "object" && typeof srcValue === "object") {
+      return mergeWith(
+        cloneDeep(objValue),
+        srcValue,
+        (prevValue, nextValue) => {
+          return Array.isArray(prevValue) ? unionWith(prevValue, nextValue, isEqual) : void 0;
+        }
+      );
+    }
+  });
+}
+function stringifyMatrixParams(params) {
+  const str = qs.stringify(params, {
+    encode: true,
+    delimiter: ";"
+  });
+  return str ? `;${str}` : "";
+}
+function parseMatrixParams(path) {
+  const idx = path.indexOf(";");
+  if (idx === -1) return {};
+  return qs.parse(path, {
+    delimiter: ";"
+  });
+}
 
-export { getPathQuery, getTenant, getTimezone, getToken, isMobile, setTenant, setToken };
+export { deepMerge, getTenant, getTimezone, getToken, isMobile, parseMatrixParams, setTenant, setToken, stringifyMatrixParams };