@gct-paas/core-web 0.1.6-dev.9 → 6.0.0-dev.1

package/es/modules/global-drawer/src/typing.d.ts

@@ -0,0 +1,170 @@
+import { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes';
+import { CSSProperties, VNodeChild, ComputedRef } from 'vue';
+import { JSX } from 'vue/jsx-runtime';
+export interface DrawerInstance {
+    setDrawerProps: (props: Partial<DrawerProps>) => void;
+    emitVisible?: (visible: boolean, uid: number) => void;
+}
+export interface ReturnMethods extends DrawerInstance {
+    openDrawer: <T = IObject>(visible?: boolean, data?: T, openOnSet?: boolean) => void;
+    closeDrawer: () => void;
+    getVisible?: ComputedRef<boolean>;
+}
+export type RegisterFn = (drawerInstance: DrawerInstance, uuid?: string) => void;
+export interface ReturnInnerMethods extends DrawerInstance {
+    closeDrawer: () => void;
+    changeLoading: (loading: boolean) => void;
+    changeOkLoading: (loading: boolean) => void;
+    getVisible?: ComputedRef<boolean>;
+}
+export type UseDrawerReturnType = [RegisterFn, ReturnMethods];
+export type UseDrawerInnerReturnType = [RegisterFn, ReturnInnerMethods];
+export interface DrawerFooterProps {
+    showOkBtn: boolean;
+    showCancelBtn: boolean;
+    /**
+     * Text of the Cancel button
+     * @default 'cancel'
+     * @type string
+     */
+    cancelText: string;
+    /**
+     * Text of the OK button
+     * @default 'OK'
+     * @type string
+     */
+    okText: string;
+    /**
+     * Button type of the OK button
+     * @default 'primary'
+     * @type string
+     */
+    okType: 'primary' | 'danger' | 'dashed' | 'ghost' | 'default';
+    /**
+     * The ok button props, follow jsx rules
+     * @type object
+     */
+    okButtonProps: ButtonProps;
+    /**
+     * The cancel button props, follow jsx rules
+     * @type object
+     */
+    cancelButtonProps: ButtonProps;
+    /**
+     * Whether to apply loading visual effect for OK button or not
+     * @default false
+     * @type boolean
+     */
+    confirmLoading: boolean;
+    showFooter: boolean;
+    footerHeight: string | number;
+}
+export interface DrawerProps extends DrawerFooterProps {
+    isDetail?: boolean;
+    loading?: boolean;
+    showDetailBack?: boolean;
+    visible?: boolean;
+    /**
+     * Built-in ScrollContainer component configuration
+     * @type ScrollContainerOptions
+     */
+    closeFunc?: () => Promise<any>;
+    triggerWindowResize?: boolean;
+    /**
+     * Whether a close (x) button is visible on top right of the Drawer dialog or not.
+     * @default true
+     * @type boolean
+     */
+    closable?: boolean;
+    /**
+     * Whether to unmount child components on closing drawer or not.
+     * @default false
+     * @type boolean
+     */
+    destroyOnClose?: boolean;
+    /**
+     * Return the mounted node for Drawer.
+     * @default 'body'
+     * @type any ( HTMLElement| () => HTMLElement | string)
+     */
+    getContainer?: () => HTMLElement | string;
+    /**
+     * Whether to show mask or not.
+     * @default true
+     * @type boolean
+     */
+    mask?: boolean;
+    /**
+     * Clicking on the mask (area outside the Drawer) to close the Drawer or not.
+     * @default true
+     * @type boolean
+     */
+    maskClosable?: boolean;
+    /**
+     * Style for Drawer's mask element.
+     * @default {}
+     * @type object
+     */
+    maskStyle?: CSSProperties;
+    /**
+     * The title for Drawer.
+     * @type any (string | slot)
+     */
+    title?: VNodeChild | JSX.Element;
+    /**
+     * The class name of the container of the Drawer dialog.
+     * @type string
+     */
+    wrapClassName?: string;
+    class?: string;
+    /**
+     * Style of wrapper element which **contains mask** compare to `drawerStyle`
+     * @type object
+     */
+    wrapStyle?: CSSProperties;
+    /**
+     * Style of the popup layer element
+     * @type object
+     */
+    drawerStyle?: CSSProperties;
+    /**
+     * Style of floating layer, typically used for adjusting its position.
+     * @type object
+     */
+    bodyStyle?: CSSProperties;
+    headerStyle?: CSSProperties;
+    /**
+     * Width of the Drawer dialog.
+     * @default 256
+     * @type string | number
+     */
+    width?: string | number;
+    /**
+     * placement is top or bottom, height of the Drawer dialog.
+     * @type string | number
+     */
+    height?: string | number;
+    /**
+     * The z-index of the Drawer.
+     * @default 1000
+     * @type number
+     */
+    zIndex?: number;
+    /**
+     * The placement of the Drawer.
+     * @default 'right'
+     * @type string
+     */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    afterVisibleChange?: (visible?: boolean) => void;
+    keyboard?: boolean;
+    /**
+     * Specify a callback that will be called when a user clicks mask, close button or Cancel button.
+     */
+    onClose?: (e?: Event) => void;
+}
+export interface DrawerActionType {
+    scrollBottom: () => void;
+    scrollTo: (to: number) => void;
+    getScrollWrap: () => Element | null;
+}

package/es/modules/global-drawer/src/useDrawer.d.ts

@@ -0,0 +1,6 @@
+import { UseDrawerReturnType, UseDrawerInnerReturnType } from './typing';
+/**
+ * @description: Applicable to separate drawer and call outside
+ */
+export declare function useDrawer(): UseDrawerReturnType;
+export declare const useDrawerInner: (callbackFn?: Fn) => UseDrawerInnerReturnType;

package/es/modules/global-drawer/src/useDrawer.mjs

@@ -0,0 +1,6 @@
+import { reactive } from "vue";
+import "lodash-es";
+import "@vueuse/core";
+reactive({});
+reactive({});
+//#endregion

package/es/modules/global-modal/src/BasicModal.vue.d.ts

@@ -64,7 +64,34 @@ declare function __VLS_template(): {
             footerOffset: number;
             visible: boolean;
             fullScreen: boolean;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        }, true, {}, {}, {
+            overlayScrollbarsComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+                options: {
+                    type: import('vue').PropType<import('../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions | false | null>;
+                    default: null;
+                };
+                handleColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>, {
+                mergedOptions: import('vue').ComputedRef<false | import('../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions>;
+                colorStyle: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
+                setOsRef: (el: unknown) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+                options: {
+                    type: import('vue').PropType<import('../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions | false | null>;
+                    default: null;
+                };
+                handleColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & Readonly<{}>, {
+                options: false | import('../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions | null;
+                handleColor: string;
+            }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
@@ -448,7 +475,34 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         footerOffset: number;
         visible: boolean;
         fullScreen: boolean;
-    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+    }, true, {}, {}, {
+        overlayScrollbarsComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            options: {
+                type: import('vue').PropType<import('../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions | false | null>;
+                default: null;
+            };
+            handleColor: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>, {
+            mergedOptions: import('vue').ComputedRef<false | import('../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions>;
+            colorStyle: import('vue').ComputedRef<import('vue').CSSProperties | undefined>;
+            setOsRef: (el: unknown) => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            options: {
+                type: import('vue').PropType<import('../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions | false | null>;
+                default: null;
+            };
+            handleColor: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & Readonly<{}>, {
+            options: false | import('../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions | null;
+            handleColor: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    } & import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};

package/es/modules/global-modal/src/BasicModal.vue_vue_type_script_setup_true_name_BasicModal_lang.mjs

@@ -5,7 +5,7 @@ import ModalClose_default from "./components/ModalClose.vue.mjs";
 import ModalFooter_default from "./components/ModalFooter.vue.mjs";
 import ModalHeader_default from "./components/ModalHeader.vue.mjs";
 import { useFullScreen } from "./hooks/useModalFullScreen.mjs";
-import { computed, createBlock, createCommentVNode, createSlots, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, openBlock, ref, renderSlot, toRef, unref, useAttrs, watch, watchEffect, withCtx } from "vue";
+import { computed, createBlock, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, openBlock, ref, renderSlot, toRef, unref, useAttrs, useSlots, watch, watchEffect, withCtx } from "vue";
 import { isFunction, omit } from "lodash-es";
 import { deepMerge, useNamespace } from "@gct-paas/core";
 //#region src/modules/global-modal/src/BasicModal.vue?vue&type=script&setup=true&name=BasicModal&lang.ts
@@ -22,6 +22,7 @@ var BasicModal_vue_vue_type_script_setup_true_name_BasicModal_lang_default = /*
 		"update:visible"
 	],
 	setup(__props, { emit: __emit }) {
+		const slots = useSlots();
 		const attrs = useAttrs();
 		const props = __props;
 		const emit = __emit;
@@ -126,75 +127,59 @@ var BasicModal_vue_vue_type_script_setup_true_name_BasicModal_lang_default = /*
 			handleFullScreen(e);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(GlboalModal_default), mergeProps(getBindValue.value, { onCancel: handleCancel }), createSlots({
-				default: withCtx(() => [
-					_ctx.$slots.closeIcon ? renderSlot(_ctx.$slots, "closeIcon", { key: 0 }) : createCommentVNode("", true),
-					_ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 1 }) : createCommentVNode("", true),
-					_ctx.$slots.footer ? renderSlot(_ctx.$slots, "footer", { key: 2 }) : createCommentVNode("", true),
-					createVNode(ModalWrapper_default, mergeProps({
-						ref_key: "modalWrapperRef",
-						ref: modalWrapperRef,
-						"use-wrapper": getProps.value.useWrapper,
-						"footer-offset": _ctx.wrapperFooterOffset,
-						"full-screen": unref(fullScreenRef),
-						loading: getProps.value.loading,
-						"loading-tip": getProps.value.loadingTip,
-						"min-height": getProps.value.minHeight,
-						height: getWrapperHeight.value,
-						visible: visibleRef.value,
-						"modal-footer-height": _ctx.footer !== void 0 && !_ctx.footer ? 0 : void 0
-					}, unref(omit)(getProps.value.wrapperProps, "visible", "height", "modalFooterHeight"), {
-						onExtHeight: handleExtHeight,
-						onHeightChange: handleHeightChange
-					}), {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-						_: 3
-					}, 16, [
-						"use-wrapper",
-						"footer-offset",
-						"full-screen",
-						"loading",
-						"loading-tip",
-						"min-height",
-						"height",
-						"visible",
-						"modal-footer-height"
-					])
-				]),
-				_: 2
-			}, [
-				!_ctx.$slots.closeIcon ? {
-					name: "closeIcon",
-					fn: withCtx(() => [createVNode(ModalClose_default, {
-						"can-fullscreen": getProps.value.canFullscreen,
-						"full-screen": unref(fullScreenRef),
-						onCancel: handleCancel,
-						onFullscreen: unref(handleFullScreen)
-					}, null, 8, [
-						"can-fullscreen",
-						"full-screen",
-						"onFullscreen"
-					])]),
-					key: "0"
-				} : void 0,
-				!_ctx.$slots.title ? {
-					name: "title",
-					fn: withCtx(() => [createVNode(ModalHeader_default, {
-						"help-message": getProps.value.helpMessage,
-						title: getMergeProps.value.title,
-						onDblclick: handleTitleDbClick
-					}, null, 8, ["help-message", "title"])]),
-					key: "1"
-				} : void 0,
-				!_ctx.$slots.footer ? {
-					name: "footer",
-					fn: withCtx(() => [createVNode(ModalFooter_default, mergeProps(getBindValue.value, {
-						onOk: handleOk,
-						onCancel: handleCancel
-					}), null, 16)]),
-					key: "2"
-				} : void 0
-			]), 1040);
+			return openBlock(), createBlock(unref(GlboalModal_default), mergeProps(getBindValue.value, { onCancel: handleCancel }), {
+				closeIcon: withCtx(() => [unref(slots).closeIcon ? renderSlot(_ctx.$slots, "closeIcon", { key: 0 }) : (openBlock(), createBlock(ModalClose_default, {
+					key: 1,
+					"can-fullscreen": getProps.value.canFullscreen,
+					"full-screen": unref(fullScreenRef),
+					onCancel: handleCancel,
+					onFullscreen: unref(handleFullScreen)
+				}, null, 8, [
+					"can-fullscreen",
+					"full-screen",
+					"onFullscreen"
+				]))]),
+				title: withCtx(() => [unref(slots).title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : (openBlock(), createBlock(ModalHeader_default, {
+					key: 1,
+					"help-message": getProps.value.helpMessage,
+					title: getMergeProps.value.title,
+					onDblclick: handleTitleDbClick
+				}, null, 8, ["help-message", "title"]))]),
+				footer: withCtx(() => [unref(slots).footer ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : (openBlock(), createBlock(ModalFooter_default, mergeProps({ key: 1 }, getBindValue.value, {
+					onOk: handleOk,
+					onCancel: handleCancel
+				}), null, 16))]),
+				default: withCtx(() => [createVNode(ModalWrapper_default, mergeProps({
+					ref_key: "modalWrapperRef",
+					ref: modalWrapperRef,
+					"use-wrapper": getProps.value.useWrapper,
+					"footer-offset": _ctx.wrapperFooterOffset,
+					"full-screen": unref(fullScreenRef),
+					loading: getProps.value.loading,
+					"loading-tip": getProps.value.loadingTip,
+					"min-height": getProps.value.minHeight,
+					height: getWrapperHeight.value,
+					visible: visibleRef.value,
+					"modal-footer-height": _ctx.footer !== void 0 && !_ctx.footer ? 0 : void 0
+				}, unref(omit)(getProps.value.wrapperProps, "visible", "height", "modalFooterHeight"), {
+					onExtHeight: handleExtHeight,
+					onHeightChange: handleHeightChange
+				}), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"use-wrapper",
+					"footer-offset",
+					"full-screen",
+					"loading",
+					"loading-tip",
+					"min-height",
+					"height",
+					"visible",
+					"modal-footer-height"
+				])]),
+				_: 3
+			}, 16);
 		};
 	}
 });

package/es/modules/global-modal/src/components/ModalClose.vue_vue_type_style_index_0_lang.css

@@ -69,8 +69,6 @@
   margin-left: 27px;
 }
 .gct-basic-modal-close {
-  display: flex;
-  align-items: center;
   height: 95%;
 }
 .gct-basic-modal-close > span {
@@ -86,6 +84,7 @@
 .gct-basic-modal-close span:nth-child(1) {
   display: inline-block;
   padding: 10px;
+  padding-right: 0;
 }
 .gct-basic-modal-close span:nth-child(1):hover {
   color: var(--ant-primary-color);

package/es/modules/global-modal/src/components/ModalWrapper.vue.d.ts

@@ -92,5 +92,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     footerOffset: number;
     visible: boolean;
     fullScreen: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, {
+    overlayScrollbarsComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        options: {
+            type: import('vue').PropType<import('../../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions | false | null>;
+            default: null;
+        };
+        handleColor: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {
+        mergedOptions: import('vue').ComputedRef<false | import('../../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions>;
+        colorStyle: import('vue').ComputedRef<CSSProperties | undefined>;
+        setOsRef: (el: unknown) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        options: {
+            type: import('vue').PropType<import('../../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions | false | null>;
+            default: null;
+        };
+        handleColor: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        options: false | import('../../../../components/overlay-scrollbars/gct-overlay-scrollbars').IOsOptions | null;
+        handleColor: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/modules/global-modal/src/components/ModalWrapper.vue_vue_type_script_lang.mjs

@@ -1,9 +1,11 @@
 import { createModalContext } from "../hooks/useModalContext.mjs";
+import { GctOverlayScrollbars } from "../../../../components/overlay-scrollbars/gct-overlay-scrollbars.mjs";
 import { computed, defineComponent, nextTick, onMounted, onUnmounted, ref, unref, watch, watchEffect } from "vue";
 import { useNamespace } from "@gct-paas/core";
 import { useMutationObserver, useWindowSize } from "@vueuse/core";
 var ModalWrapper_vue_vue_type_script_lang_default = defineComponent({
 	name: "ModalWrapper",
+	components: { overlayScrollbarsComponent: GctOverlayScrollbars },
 	inheritAttrs: false,
 	props: {
 		loading: { type: Boolean },

package/es/modules/online-control/content.vue.d.ts

@@ -0,0 +1,8 @@
+type __VLS_Props = {
+    /** 强制登出目标时间戳（毫秒） */
+    startRunTime: number;
+    /** 倒计时结束后的登出回调 */
+    loginOutEvent: () => void;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/modules/online-control/content.vue.mjs

@@ -0,0 +1,5 @@
+import content_vue_vue_type_script_setup_true_lang_default from "./content.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/modules/online-control/content.vue
+var content_default = content_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { content_default as default };

package/es/modules/online-control/content.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,48 @@
+import { createElementBlock, defineComponent, onUnmounted, openBlock, ref, toDisplayString } from "vue";
+//#region src/modules/online-control/content.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "text-[##797A7D]" };
+var content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "content",
+	props: {
+		startRunTime: {},
+		loginOutEvent: { type: Function }
+	},
+	setup(__props) {
+		/**
+		* 无操作超时倒计时内容组件
+		*
+		* 根据 startRunTime（强制登出目标时间戳）每秒刷新剩余「分 秒」，
+		* 倒计时归零后调用 loginOutEvent 执行登出。
+		*/
+		const props = __props;
+		/** 展示用剩余时间文案，如「 3 分 25 秒」 */
+		const lastTime = ref("");
+		/**
+		* 根据 startRunTime 计算并更新剩余时间
+		*
+		* @returns {boolean} 是否已超时（true 表示应触发登出）
+		*/
+		function setTimer() {
+			const earlyTime = (props.startRunTime - (/* @__PURE__ */ new Date()).getTime()) / 1e3;
+			if (earlyTime < 0) return true;
+			lastTime.value = ` ${Math.floor(earlyTime / 60)} 分 ${Math.floor(earlyTime % 60)} 秒`;
+			return false;
+		}
+		setTimer();
+		/** 每秒刷新倒计时，归零后清除定时器并登出 */
+		const timer = setInterval(() => {
+			if (setTimer()) {
+				clearInterval(timer);
+				props.loginOutEvent();
+			}
+		}, 1e3);
+		onUnmounted(() => {
+			clearInterval(timer);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, " 在指定时间间隔内未操作页面，即将在" + toDisplayString(lastTime.value) + "后自动断开连接 ", 1);
+		};
+	}
+});
+//#endregion
+export { content_vue_vue_type_script_setup_true_lang_default as default };

package/es/modules/online-control/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 在线会话控制模块入口
+ *
+ * 提供基于平台安全设置的「无操作自动登出」能力，支持多标签页状态同步。
+ *
+ * @export
+ */
+export { OnlineControl } from './online-control';

package/es/modules/online-control/index.mjs

@@ -0,0 +1 @@
+import "./online-control.mjs";

package/es/modules/online-control/model-control.d.ts

@@ -0,0 +1,25 @@
+/**
+ * 警告弹窗控制器
+ *
+ * @export
+ * @class ModelControl
+ */
+export declare class ModelControl {
+    /** 当前是否有警告弹窗在展示 */
+    static show: boolean;
+    /** ant-design-vue Modal 实例，用于 destroy 关闭 */
+    static modalVm: IObject | null;
+    /**
+     * 展示无操作超时警告弹窗
+     *
+     * startRunTime 传入「强制登出时刻」= startRunTime + earlyAlarm，
+     * 供 content 组件展示剩余分秒倒计时。
+     */
+    static showModel(): void;
+    /**
+     * 关闭警告弹窗
+     *
+     * 由本页用户操作或其他标签页 GCT_SAVELOGIN 消息触发。
+     */
+    static closeModel(): void;
+}

package/es/modules/online-control/model-control.mjs

@@ -0,0 +1,61 @@
+import { GCT_EVENT_TYPE } from "./online-control.const.mjs";
+import content_default from "./content.vue.mjs";
+import { onlineBroadcast } from "./online-broadcast.mjs";
+import { OnlineControl } from "./online-control.mjs";
+import { h } from "vue";
+import { t } from "@gct-paas/core";
+import { Modal as Modal$1 } from "ant-design-vue";
+//#region src/modules/online-control/model-control.ts
+/**
+* 无操作超时警告弹窗控制
+*
+* 负责展示「即将自动断开连接」的 Modal，渲染倒计时内容组件，
+* 并在用户点击「保持登录」时广播同步、恢复活动监听。
+*/
+/**
+* 警告弹窗控制器
+*
+* @export
+* @class ModelControl
+*/
+var ModelControl = class {
+	/** 当前是否有警告弹窗在展示 */
+	static show = false;
+	/** ant-design-vue Modal 实例，用于 destroy 关闭 */
+	static modalVm = null;
+	/**
+	* 展示无操作超时警告弹窗
+	*
+	* startRunTime 传入「强制登出时刻」= startRunTime + earlyAlarm，
+	* 供 content 组件展示剩余分秒倒计时。
+	*/
+	static showModel() {
+		this.show = true;
+		this.modalVm = Modal$1.warning({
+			title: t("sys.tip"),
+			content: () => h(content_default, {
+				startRunTime: OnlineControl.startRunTime + OnlineControl.earlyAlarm * 1e3,
+				loginOutEvent: OnlineControl.loginOutEvent
+			}),
+			okText: t("sys.app.maintainLoginStatus"),
+			onOk() {
+				onlineBroadcast.postMessage({ type: GCT_EVENT_TYPE.GCT_SAVELOGIN });
+				OnlineControl.addListener();
+			}
+		});
+	}
+	/**
+	* 关闭警告弹窗
+	*
+	* 由本页用户操作或其他标签页 GCT_SAVELOGIN 消息触发。
+	*/
+	static closeModel() {
+		this.show = false;
+		if (this.modalVm) {
+			this.modalVm.destroy();
+			this.modalVm = null;
+		}
+	}
+};
+//#endregion
+export { ModelControl };

package/es/modules/online-control/online-broadcast.d.ts

@@ -0,0 +1,2 @@
+/** 全局广播频道实例，频道名见 {@link BROADCAST} */
+export declare const onlineBroadcast: BroadcastChannel;