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

package/es/types/index.d.ts

@@ -1 +1,191 @@
 import '@gct-paas/core/types';
+import type { CSSProperties, VNode } from 'vue';
+import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
+import type { ModalWrapperProps } from '@/modules/global-modal';
+
+declare module '@gct-paas/core' {
+  interface IModalOptions {
+    visible?: boolean;
+    /**
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:05
+     * @type {boolean}
+     */
+    scrollTop?: boolean;
+    height?: number | string;
+    minHeight?: number;
+    /**
+     * open drag
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:18
+     * @type {boolean}
+     */
+    draggable?: boolean;
+    centered?: boolean;
+    /**
+     *
+     * @default sys.cancelText
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:39
+     * @type {string}
+     */
+    cancelText?: string;
+    /**
+     *
+     * @default sys.okText
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:23
+     * @type {string}
+     */
+    okText?: string;
+
+    closeFunc?: () => Promise<boolean>;
+    defaultFullscreen?: boolean;
+    /**
+     * Can it be full screen
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:48
+     * @type {boolean}
+     */
+    canFullscreen?: boolean;
+    /**
+     * After enabling the wrapper, the bottom can be increased in height
+     *
+     * @default 0
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:06
+     * @type number
+     */
+    wrapperFooterOffset?: number;
+    // Warm reminder message
+    helpMessage?: string | string[];
+    /**
+     * Whether to setting wrapper
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:35
+     * @type {boolean}
+     */
+    useWrapper?: boolean;
+    loading?: boolean;
+    loadingTip?: string;
+    /**
+     * Show close button
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:55
+     * @type {boolean}
+     */
+    showCancelBtn?: boolean;
+    /**
+     * 显示关闭按钮
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-06-04 09:06:11
+     * @type {boolean}
+     */
+    showCloseBtn?: boolean;
+    /**
+     * Show confirmation button
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:06
+     * @type {boolean}
+     */
+    showOkBtn?: boolean;
+
+    wrapperProps?: Partial<ModalWrapperProps>;
+
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+    afterClose?: Function;
+
+    bodyStyle?: CSSProperties;
+
+    /**
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:21
+     * @type {boolean}
+     */
+    closable?: boolean;
+
+    closeIcon?: VNode;
+
+    confirmLoading?: boolean;
+
+    destroyOnClose?: boolean;
+
+    footer?: VNode;
+
+    /**
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:34
+     * @type {boolean}
+     */
+    mask?: boolean;
+
+    /**
+     *
+     * @default false
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:51
+     * @type {boolean}
+     */
+    maskClosable?: boolean;
+
+    /**
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:56
+     * @type {boolean}
+     */
+    keyboard?: boolean;
+
+    maskStyle?: CSSProperties;
+
+    /**
+     *
+     * @default 'primary'
+     * @author zhanghanrui
+     * @date 2024-03-20 10:03:48
+     * @type string
+     */
+    okType?: string;
+
+    okButtonProps?: ButtonProps;
+
+    cancelButtonProps?: ButtonProps;
+
+    title?: string;
+
+    width?: string | number;
+
+    wrapClassName?: string;
+
+    zIndex?: number;
+
+    /**
+     * 是否显示底部
+     *
+     * @default true
+     * @author zhanghanrui
+     * @date 2024-04-07 18:04:17
+     * @type {boolean}
+     */
+    showFooter?: boolean;
+  }
+}

package/es/utils/index.d.ts

@@ -1 +1,4 @@
-export { withInstall } from './with-install';
+export { MessageUtil } from './message-util/message-util';
+export * from './monaco-loader/monaco-loader';
+export { OverlayController, overlay, } from './overlay-controller/overlay-controller';
+export { withInstall, type CustomComponent, type WithInstall, } from './with-install';

package/es/utils/message-util/message-util.d.ts

@@ -0,0 +1,7 @@
+import { IMessageParams, IMessageUtil } from '@gct-paas/core';
+export declare class MessageUtil implements IMessageUtil {
+    info(msg: string, params?: IMessageParams): Promise<void>;
+    success(msg: string, params?: IMessageParams): Promise<void>;
+    warning(msg: string, params?: IMessageParams): Promise<void>;
+    error(msg: string, params?: IMessageParams): Promise<void>;
+}

package/es/utils/message-util/message-util.mjs

@@ -0,0 +1,26 @@
+import { message } from 'ant-design-vue';
+
+class MessageUtil {
+  info(msg, params) {
+    return new Promise((resolve) => {
+      message.info(msg, params?.duration, resolve);
+    });
+  }
+  success(msg, params) {
+    return new Promise((resolve) => {
+      message.success(msg, params?.duration, resolve);
+    });
+  }
+  warning(msg, params) {
+    return new Promise((resolve) => {
+      message.warning(msg, params?.duration, resolve);
+    });
+  }
+  error(msg, params) {
+    return new Promise((resolve) => {
+      message.error(msg, params?.duration, resolve);
+    });
+  }
+}
+
+export { MessageUtil };

package/es/utils/monaco-loader/monaco-loader.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Monaco Editor 懒加载工具
+ * 统一管理 Monaco Editor 的加载和配置
+ * 使用 @monaco-editor/loader 实现按需加载
+ */
+import type * as Monaco from 'monaco-editor';
+/**
+ * Monaco Editor 加载器类
+ * 单例模式，统一管理 Monaco Editor 的加载和配置
+ */
+declare class MonacoLoader {
+    private _monacoInstance;
+    private _loadingPromise;
+    constructor();
+    /**
+     * 配置 Monaco Editor 加载器
+     */
+    private _configureLoader;
+    /**
+     * 加载 Monaco Editor
+     * 返回 Monaco Editor 的实例
+     * 该函数会缓存加载结果，多次调用只会加载一次
+     */
+    loadMonaco(): Promise<typeof Monaco>;
+    /**
+     * 获取已加载的 Monaco 实例
+     * 如果尚未加载，返回 null
+     */
+    getMonaco(): typeof Monaco | null;
+    /**
+     * 判断 Monaco 是否已加载
+     */
+    isMonacoLoaded(): boolean;
+    /**
+     * 创建 Monaco Editor 实例的辅助函数
+     * @param container DOM 容器
+     * @param options 编辑器配置选项
+     */
+    createMonacoEditor(container: HTMLElement, options?: Monaco.editor.IStandaloneEditorConstructionOptions): Promise<Monaco.editor.IStandaloneCodeEditor>;
+    /**
+     * 创建 Monaco Diff Editor 实例的辅助函数
+     * @param container DOM 容器
+     * @param options 编辑器配置选项
+     */
+    createMonacoDiffEditor(container: HTMLElement, options?: Monaco.editor.IStandaloneDiffEditorConstructionOptions): Promise<Monaco.editor.IStandaloneDiffEditor>;
+    /**
+     * 创建 Monaco Model 的辅助函数
+     * @param value 文本内容
+     * @param language 语言类型
+     * @param uri 资源标识符
+     */
+    createMonacoModel(value: string, language?: string, uri?: Monaco.Uri): Promise<Monaco.editor.ITextModel>;
+}
+export declare const monacoLoader: MonacoLoader;
+export type { Monaco };
+export type IMonacoLoader = MonacoLoader;
+export type IMonacoEditor = Monaco.editor.IStandaloneCodeEditor;
+export type IMonacoDiffEditor = Monaco.editor.IStandaloneDiffEditor;
+export type IMonacoITextModel = Monaco.editor.ITextModel;

package/es/utils/monaco-loader/monaco-loader.mjs

@@ -0,0 +1,88 @@
+import loader from '@monaco-editor/loader';
+
+class MonacoLoader {
+  // Monaco Editor 实例缓存
+  _monacoInstance = null;
+  // 加载状态
+  _loadingPromise = null;
+  constructor() {
+    this._configureLoader();
+  }
+  /**
+   * 配置 Monaco Editor 加载器
+   */
+  _configureLoader() {
+    loader.config({
+      paths: {
+        vs: location.origin + "/extras/monaco-editor/0.55.1/min/vs"
+      }
+    });
+  }
+  /**
+   * 加载 Monaco Editor
+   * 返回 Monaco Editor 的实例
+   * 该函数会缓存加载结果，多次调用只会加载一次
+   */
+  async loadMonaco() {
+    if (this._monacoInstance) {
+      return this._monacoInstance;
+    }
+    if (this._loadingPromise) {
+      return this._loadingPromise;
+    }
+    this._loadingPromise = loader.init();
+    try {
+      this._monacoInstance = await this._loadingPromise;
+      console.info("✓ Monaco Editor loaded successfully");
+      return this._monacoInstance;
+    } catch (error) {
+      console.error("✗ Failed to load Monaco Editor:", error);
+      this._loadingPromise = null;
+      throw error;
+    }
+  }
+  /**
+   * 获取已加载的 Monaco 实例
+   * 如果尚未加载，返回 null
+   */
+  getMonaco() {
+    return this._monacoInstance;
+  }
+  /**
+   * 判断 Monaco 是否已加载
+   */
+  isMonacoLoaded() {
+    return this._monacoInstance !== null;
+  }
+  /**
+   * 创建 Monaco Editor 实例的辅助函数
+   * @param container DOM 容器
+   * @param options 编辑器配置选项
+   */
+  async createMonacoEditor(container, options) {
+    const monaco = await this.loadMonaco();
+    return monaco.editor.create(container, options);
+  }
+  /**
+   * 创建 Monaco Diff Editor 实例的辅助函数
+   * @param container DOM 容器
+   * @param options 编辑器配置选项
+   */
+  async createMonacoDiffEditor(container, options) {
+    const monaco = await this.loadMonaco();
+    return monaco.editor.createDiffEditor(container, options);
+  }
+  /**
+   * 创建 Monaco Model 的辅助函数
+   * @param value 文本内容
+   * @param language 语言类型
+   * @param uri 资源标识符
+   */
+  async createMonacoModel(value, language, uri) {
+    const monaco = await this.loadMonaco();
+    return monaco.editor.createModel(value, language, uri);
+  }
+}
+const monacoLoader = new MonacoLoader();
+
+export { monacoLoader };

package/es/utils/overlay-controller/overlay-controller.d.ts

@@ -0,0 +1,18 @@
+import { IModalData, IModalOptions, IOverlayContainer, IOverlayController } from '@gct-paas/core';
+/**
+ * 用不同呈现方式绘制组件的通用工具类
+ *
+ * @author zhanghanrui
+ * @date 2024-03-19 19:03:34
+ * @export
+ * @class OverlayController
+ * @implements {IOverlayController}
+ */
+export declare class OverlayController implements IOverlayController {
+    modal<T = IModalData>(component: unknown, props?: IParams, opts?: IModalOptions): Promise<T>;
+    createModal(component: unknown, props?: IParams, opts?: IModalOptions): IOverlayContainer;
+}
+/**
+ * 唯一界面绘制控制器
+ */
+export declare const overlay: OverlayController;

package/es/utils/overlay-controller/overlay-controller.mjs

@@ -0,0 +1,23 @@
+import { isFunction, isString } from 'lodash-es';
+import { h, resolveComponent } from 'vue';
+import { createModal } from '../../components/app-modal/app-modal-component.mjs';
+
+function resolveComponentOrStr(component) {
+  return isString(component) ? resolveComponent(component) : component;
+}
+class OverlayController {
+  async modal(component, props, opts) {
+    const modal = this.createModal(component, props, opts);
+    modal.present();
+    return modal.onWillDismiss();
+  }
+  createModal(component, props, opts) {
+    return createModal(
+      isFunction(component) ? component : () => h(resolveComponentOrStr(component), { ...props }),
+      opts
+    );
+  }
+}
+const overlay = new OverlayController();
+
+export { OverlayController, overlay };

package/es/widgets/gct-edit-form/gct-edit-form.d.ts

@@ -56,7 +56,7 @@ export declare const GctEditForm: import('vue').DefineComponent<import('vue').Ex
 }>> & Readonly<{
     "onUpdate:data"?: ((...args: any[]) => any) | undefined;
 }>, {
-    embed: boolean;
     context: IParams;
+    embed: boolean;
     params: IParams;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/widgets/gct-form/gct-form-collapse/gct-form-collapse.d.ts

@@ -17,7 +17,7 @@ export declare const GctFormCollapse: import('vue').DefineComponent<import('vue'
     keys: import('vue').Ref<number[], number[]>;
     style: IParams;
     activeKeys: import('vue').Ref<string[], string[]>;
-    expandIconPosition: import('vue').ComputedRef<"left" | "right">;
+    expandIconPosition: import('vue').ComputedRef<"right" | "left">;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     c: {
         type: PropType<IFormCollapseController>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.1.4-dev.8",
+  "version": "0.1.4-dev.9",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "main": "dist/index.min.cjs",
@@ -12,6 +12,9 @@
       "types": "./es/index.d.ts",
       "import": "./es/index.mjs",
       "require": "./dist/index.min.cjs"
+    },
+    "./types": {
+      "types": "./es/types/index.d.ts"
     }
   },
   "files": [
@@ -46,21 +49,26 @@
   },
   "dependencies": {
     "@ant-design/icons-vue": "^7.0.1",
-    "@gct-paas/core": "0.1.4-dev.8",
-    "@gct-paas/scss": "0.1.4-dev.8",
+    "@gct-paas/core": "0.1.4-dev.9",
+    "@gct-paas/scss": "0.1.4-dev.9",
     "@monaco-editor/loader": "^1.7.0",
+    "@vueuse/core": "^14.1.0",
     "ant-design-vue": "3.2.20",
     "lodash-es": "^4.17.23",
     "monaco-editor": "^0.55.1",
+    "overlayscrollbars": "^2.14.0",
+    "overlayscrollbars-vue": "^0.5.9",
+    "react-dnd-html5-backend": "^16.0.1",
+    "sql-formatter": "^15.7.2",
     "vue": "3.5.27",
-    "vue3-colorpicker": "^2.3.0",
     "vue3-dnd": "^2.1.0"
   },
   "devDependencies": {
-    "@gct-paas/build": "^0.1.5-dev.6"
+    "@gct-paas/build": "^0.1.5-dev.8",
+    "vue-tsc": "^3.2.5"
   },
   "peerDependencies": {
     "vue": "^3.x"
   },
-  "gitHead": "bf7f4f9672c3906ec834e6d58b999ce78f7cad08"
+  "gitHead": "c51d9883f7d287433d2def4d7338a06773804fbf"
 }