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

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

@@ -1,6 +1,5 @@
 import { STYLE_NAMESPACE_TAG } from '../../constants/index.mjs';
 
-"use strict";
 const statePrefix = "is-";
 function _bem(namespace, block, blockSuffix, element, modifier) {
   let cls = `${namespace}-${block}`;
@@ -163,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/plugin-static-resource/plugin-static-resource.mjs

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