@gct-paas/core 0.1.4-dev.8 → 0.1.4-dev.9

package/es/utils/index.d.ts

@@ -1,13 +1,18 @@
+export { gctMemoizeAsync } from './cache-adapter/cache-adapter';
 export { DictionaryUtil } from './dictionary/dictionary';
 export { t } from './i18n';
 export { LinkedList } from './linked-list/linked-list';
 export { LinkedNode } from './linked-node/linked-node';
+export { insertCustomCssToHead } from './lowcode/utils';
+export { buildItemRules } from './lowcode/validate';
 export { mitt } from './mitt/mitt';
 export { modelLoader } from './model-loader/model-loader';
-export { Namespace } from './namespace/namespace';
+export { Namespace, useNamespace } from './namespace/namespace';
+export * from './openUtil';
 export { PluginStaticResource } from './plugin-static-resource/plugin-static-resource';
 export { gctFormItemEditorProps } from './props';
 export { getToken, setToken, getTenant, getTimezone, isMobile, setTenant, deepMerge, stringifyMatrixParams, parseMatrixParams, } from './tools/tools';
+export * from './uuid/uuid';
 export * from './value-helper/value-helper';
 export { widthEditorInstall } from './width-install/width-install';
 export { interceptors } from './axios/interceptors';

package/es/utils/lowcode/utils.d.ts

@@ -0,0 +1 @@
+export declare const insertCustomCssToHead: (cssCode: string, modalId?: string) => void;

package/es/utils/lowcode/utils.mjs

@@ -0,0 +1,20 @@
+import { isEmpty } from 'lodash-es';
+
+const insertCustomCssToHead = function(cssCode, modalId = "") {
+  const head = document.getElementsByTagName("head")[0];
+  const oldStyle = document.getElementById("gct-custom-css" + modalId);
+  if (oldStyle) {
+    head.removeChild(oldStyle);
+  }
+  const newStyle = document.createElement("style");
+  newStyle.id = "gct-custom-css" + modalId;
+  newStyle.type = "text/css";
+  if (isEmpty(modalId)) {
+    newStyle.innerHTML = cssCode;
+  } else {
+    newStyle.innerHTML = `#${modalId}{${cssCode}}`;
+  }
+  head.appendChild(newStyle);
+};
+
+export { insertCustomCssToHead };

package/es/utils/lowcode/validate.d.ts

@@ -0,0 +1,13 @@
+interface Validation {
+    required?: boolean;
+    reg?: string | RegExp;
+    regHint?: string;
+    validateFn?: any;
+}
+interface Rule {
+    required?: boolean;
+    message?: string;
+    validator?: any;
+}
+export declare function buildItemRules(validation: Validation): Rule[];
+export {};

package/es/utils/lowcode/validate.mjs

@@ -0,0 +1,29 @@
+import { t } from '../i18n/index.mjs';
+
+function buildItemRules(validation) {
+  const rules = [];
+  if (validation.required) {
+    rules.push({
+      required: true,
+      message: t("sys.notNull")
+    });
+  }
+  if (validation.reg) {
+    const { reg, regHint } = validation;
+    const regExg = new RegExp(reg);
+    const validator = (val) => regExg.test(val);
+    rules.push({
+      validator,
+      message: regHint ?? t("sys.regError")
+    });
+  }
+  const validateEvent = validation.validateFn;
+  if (validateEvent) {
+    rules.push({
+      validator: validateEvent
+    });
+  }
+  return rules;
+}
+
+export { buildItemRules };

package/es/utils/namespace/namespace.d.ts

@@ -114,3 +114,11 @@ export declare class Namespace {
      */
     cssVarBlockName(name: string): string;
 }
+/**
+ * 获取 bem 操作类
+ *
+ * @export
+ * @param {string} block
+ * @return {*}  {Namespace}
+ */
+export declare function useNamespace(block: string): Namespace;

package/es/utils/namespace/namespace.mjs

@@ -162,5 +162,8 @@ class Namespace {
     return `--${this.namespace}-${this.block}-${name}`;
   }
 }
+function useNamespace(block) {
+  return new Namespace(block);
+}
 
-export { Namespace };
+export { Namespace, useNamespace };

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

@@ -0,0 +1,2 @@
+export { Modal } from './modal/modal';
+export { OverlayContainer } from './overlay-container/overlay-container';

package/es/utils/openUtil/modal/modal.d.ts

@@ -0,0 +1,61 @@
+import { AsyncSeriesHook } from 'qx-util';
+import { IModal, IModalData } from '../../../interface';
+interface ConstructorOpts {
+    /**
+     * 注入的模态等组件实际的关闭操作，
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 21:03:00
+     */
+    dismiss?: (data: IModalData) => void;
+    /**
+     * 修改属性
+     * @param data
+     * @returns
+     */
+    setOptions?: (data: object) => void;
+}
+export declare class Modal implements IModal {
+    ignoreDismissCheck: boolean;
+    state: {
+        okDisabled?: boolean;
+        cancelDisabled?: boolean;
+    };
+    hooks: {
+        shouldDismiss: AsyncSeriesHook<[], {
+            allowClose?: boolean;
+        }>;
+        beforeDismiss: AsyncSeriesHook<[], IModalData>;
+    };
+    ok?: () => Promise<IModalData | null>;
+    setOptions?: (options: object) => void;
+    constructor(opts: ConstructorOpts);
+    cancel?: (() => Promise<boolean>) | undefined;
+    callback(ok?: () => Promise<IModalData | null>, cancel?: () => Promise<boolean>): void;
+    /**
+     * 外部注入的模态等组件实际的关闭操作
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 21:03:08
+     * @param {IModalData} data
+     */
+    _dismiss: (data: IModalData) => void;
+    /**
+     * 注入模态等组件实际的关闭操作
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 21:03:13
+     * @param {(data: IModalData) => void} dismiss
+     */
+    injectDismiss(dismiss: (data: IModalData) => void): void;
+    dismiss(data?: IModalData): Promise<boolean>;
+    /**
+     * 执行完一次关闭后就会调销毁
+     *
+     * @author zhanghanrui
+     * @date 2024-03-19 21:03:22
+     * @protected
+     */
+    protected destroy(): void;
+}
+export {};

package/es/utils/openUtil/modal/modal.mjs

@@ -0,0 +1,80 @@
+import { reactive } from 'vue';
+import { AsyncSeriesHook } from 'qx-util';
+
+class Modal {
+  ignoreDismissCheck = false;
+  state = reactive({
+    okDisabled: false,
+    cancelDisabled: false
+  });
+  hooks = {
+    shouldDismiss: new AsyncSeriesHook(),
+    beforeDismiss: new AsyncSeriesHook()
+  };
+  ok;
+  setOptions;
+  constructor(opts) {
+    if (opts.dismiss) {
+      this._dismiss = opts.dismiss;
+    }
+    if (opts.setOptions) {
+      this.setOptions = opts.setOptions;
+    }
+  }
+  cancel;
+  callback(ok, cancel) {
+    if (ok) {
+      this.ok = ok;
+    }
+    if (cancel) {
+      this.cancel = cancel;
+    }
+  }
+  /**
+   * 外部注入的模态等组件实际的关闭操作
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 21:03:08
+   * @param {IModalData} data
+   */
+  _dismiss = (data) => {
+    console.warn("外部关闭能力未注册", data);
+  };
+  /**
+   * 注入模态等组件实际的关闭操作
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 21:03:13
+   * @param {(data: IModalData) => void} dismiss
+   */
+  injectDismiss(dismiss) {
+    this._dismiss = dismiss;
+  }
+  async dismiss(data = { ok: false, data: [] }) {
+    const context = {};
+    if (this.ignoreDismissCheck !== true) {
+      await this.hooks.shouldDismiss.call(context);
+    }
+    if (context.allowClose === false) {
+      console.warn("shouldDismiss结果为false,关闭中断。");
+      return false;
+    }
+    await this.hooks.beforeDismiss.call(data);
+    this._dismiss(data);
+    this.destroy();
+    return true;
+  }
+  /**
+   * 执行完一次关闭后就会调销毁
+   *
+   * @author zhanghanrui
+   * @date 2024-03-19 21:03:22
+   * @protected
+   */
+  destroy() {
+    this.hooks.shouldDismiss.clear();
+    this.hooks.beforeDismiss.clear();
+  }
+}
+
+export { Modal };

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/tools/tools.mjs

@@ -1,5 +1,9 @@
 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';

package/es/utils/treeHelper/treeHelper.d.ts

@@ -113,5 +113,12 @@ export declare class TreeHelper {
      * @return {*}
      */
     static traverseAndBuildTree(treeData: IObject[], callback: (node: IObject) => IObject | unknown, config?: Partial<ITreeHelperConfig>): IObject[];
+    /**
+     * 递归遍历树结构
+     * @param treeData 树形结构数据
+     * @param callBack 回调函数
+     * @param parentNode 父节点
+     */
+    static eachTree<T extends IObject = IObject>(treeData: T[], callBack: (node: T, parentNode?: T) => any, parentNode?: any): void;
 }
 export {};

package/es/utils/treeHelper/treeHelper.mjs

@@ -215,6 +215,20 @@ class TreeHelper {
       return newNode;
     });
   }
+  /**
+   * 递归遍历树结构
+   * @param treeData 树形结构数据
+   * @param callBack 回调函数
+   * @param parentNode 父节点
+   */
+  static eachTree(treeData, callBack, parentNode = {}) {
+    treeData.forEach((element) => {
+      const newNode = callBack(element, parentNode) || element;
+      if (element.children) {
+        TreeHelper.eachTree(element.children, callBack, newNode);
+      }
+    });
+  }
 }
 
 export { TreeHelper };

package/es/utils/uuid/uuid.d.ts

@@ -0,0 +1,3 @@
+export declare function buildUUID(): string;
+export declare function buildShortUUID(prefix?: string): string;
+export declare const uuid2: (len: number, radix?: number) => string;

package/es/utils/uuid/uuid.mjs

@@ -0,0 +1,48 @@
+const hexList = [];
+for (let i = 0; i <= 15; i++) {
+  hexList[i] = i.toString(16);
+}
+function buildUUID() {
+  let uuid = "";
+  for (let i = 1; i <= 36; i++) {
+    if (i === 9 || i === 14 || i === 19 || i === 24) {
+      uuid += "-";
+    } else if (i === 15) {
+      uuid += 4;
+    } else if (i === 20) {
+      uuid += hexList[Math.random() * 4 | 8];
+    } else {
+      uuid += hexList[Math.random() * 16 | 0];
+    }
+  }
+  return uuid.replace(/-/g, "");
+}
+let unique = 0;
+function buildShortUUID(prefix = "") {
+  prefix = prefix.replaceAll("-", "");
+  const random = Math.floor(Math.random() * 1e9);
+  unique++;
+  return prefix + "_" + random + unique;
+}
+const uuid2 = (len, radix) => {
+  const chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split("");
+  const uuid = [];
+  let i;
+  radix = radix || chars.length;
+  if (len) {
+    for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random() * radix];
+  } else {
+    let r;
+    uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-";
+    uuid[14] = "4";
+    for (i = 0; i < 36; i++) {
+      if (!uuid[i]) {
+        r = 0 | Math.random() * 16;
+        uuid[i] = chars[i == 19 ? r & 3 | 8 : r];
+      }
+    }
+  }
+  return uuid.join("");
+};
+
+export { buildShortUUID, buildUUID, uuid2 };

package/es/utils/value-helper/value-helper.mjs

@@ -75,6 +75,7 @@ function computedEx(opts) {
     clear = watch(
       () => result.value,
       (v) => {
+        console.info("computedEx:属性或者值修改", v);
         opts.set(v);
       },
       { deep: true }
@@ -86,6 +87,7 @@ function computedEx(opts) {
       if (clear) {
         clear();
       }
+      console.info("computedEx:获取新值，重新监听", v);
       result.value = v;
       watchDeep();
     },

package/es/utils/width-install/width-install.mjs

@@ -1,3 +1,7 @@
+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 { EditorRegisterConst } from '../../constants/editor-register/editor-register.mjs';
 
 function widthEditorInstall(providerTag, provider, com, comName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core",
-  "version": "0.1.4-dev.8",
+  "version": "0.1.4-dev.9",
   "type": "module",
   "description": "paas 平台核心包",
   "main": "dist/index.min.cjs",
@@ -57,6 +57,7 @@
     "js-sha256": "^0.11.1",
     "lodash-es": "^4.17.23",
     "mitt": "^3.0.1",
+    "overlayscrollbars": "^2.14.0",
     "path-browserify": "^1.0.1",
     "pinia": "^3.0.4",
     "qs": "^6.14.1",
@@ -68,7 +69,7 @@
     "wujie": "^1.0.29"
   },
   "devDependencies": {
-    "@gct-paas/build": "^0.1.5-dev.6",
+    "@gct-paas/build": "^0.1.5-dev.8",
     "@types/lodash-es": "^4.17.12",
     "@types/path-browserify": "^1.0.3",
     "@types/qs": "^6.14.0",
@@ -84,5 +85,5 @@
     "vite": "^7.3.1",
     "vitest": "^4.0.18"
   },
-  "gitHead": "bf7f4f9672c3906ec834e6d58b999ce78f7cad08"
+  "gitHead": "c51d9883f7d287433d2def4d7338a06773804fbf"
 }

package/es/hooks/use-namespace/use-namespace.d.ts

@@ -1,9 +0,0 @@
-import { Namespace } from '../../utils';
-/**
- * 获取 bem 操作类
- *
- * @export
- * @param {string} block 当前实命名块
- * @returns {*}  {Namespace}
- */
-export declare function useNamespace(block: string): Namespace;

package/es/hooks/use-namespace/use-namespace.mjs

@@ -1,18 +0,0 @@
-import '../../utils/mitt/mitt.mjs';
-import 'lodash-es';
-import '../../enums/app-designer/index.mjs';
-import '../../enums/page-designer/designer.mjs';
-import '../../enums/breakpointEnum.mjs';
-import { Namespace } from '../../utils/namespace/namespace.mjs';
-import 'path-browserify';
-import 'qx-util';
-import 'qs';
-import 'vue';
-import 'axios';
-import '@fingerprintjs/fingerprintjs';
-
-function useNamespace(block) {
-  return new Namespace(block);
-}
-
-export { useNamespace };