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

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

@@ -0,0 +1,30 @@
+import { BROADCAST, GCT_EVENT_TYPE } from "./online-control.const.mjs";
+import { ModelControl } from "./model-control.mjs";
+import { OnlineControl } from "./online-control.mjs";
+//#region src/modules/online-control/online-broadcast.ts
+/**
+* 跨标签页会话状态广播
+*
+* 基于 BroadcastChannel 在同源多标签页间同步用户活动、保持登录及登出事件，
+* 确保任一标签页的操作能重置全局无操作倒计时，避免重复弹窗或状态不一致。
+*/
+/** 全局广播频道实例，频道名见 {@link BROADCAST} */
+var onlineBroadcast = new BroadcastChannel(BROADCAST);
+/**
+* 处理其他标签页发来的会话控制消息
+*/
+onlineBroadcast.onmessage = (msg) => {
+	if (msg.data.type === GCT_EVENT_TYPE.GCT_MOUSEMOVE)
+ /** 其他标签页有用户操作，重置本页无操作倒计时 */
+	OnlineControl.startTimer();
+	if (msg.data.type === GCT_EVENT_TYPE.GCT_SAVELOGIN) {
+		/** 其他标签页点击了「保持登录」，关闭本页警告弹窗并恢复监听 */
+		ModelControl.closeModel();
+		OnlineControl.addListener();
+	}
+	if (msg.data.type === GCT_EVENT_TYPE.GCT_LOGINOUT)
+ /** 其他标签页已登出，本页同步跳转至登录页 */
+	location.href = `${location.origin}/paas-front/portal#/login`;
+};
+//#endregion
+export { onlineBroadcast };

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

@@ -0,0 +1,32 @@
+/**
+ * 在线会话控制常量定义
+ *
+ * 包含跨标签页广播频道名及消息事件类型枚举。
+ *
+ * @export
+ */
+/** BroadcastChannel 频道名，所有标签页通过该频道同步会话状态 */
+export declare const BROADCAST: string;
+/**
+ * 跨标签页广播消息类型
+ *
+ * @export
+ * @enum {number}
+ */
+export declare enum GCT_EVENT_TYPE {
+    /**
+     * 鼠标/键盘活动事件
+     * 任一标签页检测到用户操作后广播，用于重置各标签页的无操作倒计时
+     */
+    GCT_MOUSEMOVE = "mousemove",
+    /**
+     * 保持登录事件
+     * 用户确认继续登录或初始化监听时广播，用于关闭警告弹窗并恢复监听
+     */
+    GCT_SAVELOGIN = "savelogin",
+    /**
+     * 登出事件
+     * 超时或用户确认登出后广播，各标签页统一跳转至登录页
+     */
+    GCT_LOGINOUT = "loginout"
+}

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

@@ -0,0 +1,36 @@
+//#region src/modules/online-control/online-control.const.ts
+/**
+* 在线会话控制常量定义
+*
+* 包含跨标签页广播频道名及消息事件类型枚举。
+*
+* @export
+*/
+/** BroadcastChannel 频道名，所有标签页通过该频道同步会话状态 */
+var BROADCAST = "gct-online";
+/**
+* 跨标签页广播消息类型
+*
+* @export
+* @enum {number}
+*/
+var GCT_EVENT_TYPE = /* @__PURE__ */ function(GCT_EVENT_TYPE) {
+	/**
+	* 鼠标/键盘活动事件
+	* 任一标签页检测到用户操作后广播，用于重置各标签页的无操作倒计时
+	*/
+	GCT_EVENT_TYPE["GCT_MOUSEMOVE"] = "mousemove";
+	/**
+	* 保持登录事件
+	* 用户确认继续登录或初始化监听时广播，用于关闭警告弹窗并恢复监听
+	*/
+	GCT_EVENT_TYPE["GCT_SAVELOGIN"] = "savelogin";
+	/**
+	* 登出事件
+	* 超时或用户确认登出后广播，各标签页统一跳转至登录页
+	*/
+	GCT_EVENT_TYPE["GCT_LOGINOUT"] = "loginout";
+	return GCT_EVENT_TYPE;
+}({});
+//#endregion
+export { BROADCAST, GCT_EVENT_TYPE };

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

@@ -0,0 +1,63 @@
+/**
+ * 在线会话控制器
+ *
+ * 根据平台安全设置（无操作保留时长、提前预警时长）监听用户活动，
+ * 超时前弹出警告，倒计时结束后强制登出；多标签页通过 BroadcastChannel 同步状态。
+ *
+ * @export
+ * @class OnlineControl
+ */
+export declare class OnlineControl {
+    /** 警告弹窗应弹出的目标时间戳（毫秒） */
+    static startRunTime: number;
+    /** 无操作保留总时长（秒），来自 securitySetting.noOpRetainHour + noOpRetainMinute */
+    static noOpRetain: number;
+    /** 提前预警时长（秒），弹窗内倒计时即为该时长，来自 earlyAlarmMinute + earlyAlarmSecond */
+    static earlyAlarm: number;
+    /** 轮询检测是否到达预警时间的定时器 ID */
+    static timer: string | number | null;
+    /**
+     * 初始化并开始监听用户活动
+     *
+     * 从平台配置读取安全策略，换算为秒后写入静态字段；
+     * 仅当 noOpRetain > 0 时启用监听，并广播 GCT_SAVELOGIN 同步其他标签页。
+     */
+    static runListener(): void;
+    /**
+     * 注册用户活动监听器
+     *
+     * 监听 mousemove、keydown，并通过 throttleMoverEvent 节流处理；
+     * 立即调用一次 throttleMoverEvent，使首次加载也计入活动并重置倒计时。
+     */
+    static addListener(): void;
+    /**
+     * 启动或重置无操作检测定时器
+     *
+     * 计算 startRunTime = 当前时间 + (noOpRetain - earlyAlarm)，
+     * 即「总无操作时长减去预警时长」后应弹出警告的时刻；
+     * 每 3 秒轮询一次，到达该时刻后触发 emitMoverEvent。
+     *
+     * 跳过条件：timer 未就绪、未配置保留时长、或当前页面在 iframe 内（个别嵌入页不启用）。
+     */
+    static startTimer(): void;
+    /**
+     * 到达无操作阈值，弹出警告弹窗
+     *
+     * 移除活动监听，避免弹窗展示期间重复触发；由 ModelControl 负责 UI 与后续登出。
+     */
+    static emitMoverEvent(): void;
+    /** 移除 document 上的 mousemove / keydown 监听 */
+    static removeListener(): void;
+    /**
+     * 关闭控制器
+     *
+     * 清除轮询定时器并移除活动监听，用于登出或模块卸载场景。
+     */
+    static closeControl(): void;
+    /**
+     * 执行登出
+     *
+     * 仅在警告弹窗仍展示时生效：广播 GCT_LOGINOUT 同步其他标签页，并调用 AuthUtil 登出。
+     */
+    static loginOutEvent(): void;
+}

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

@@ -0,0 +1,21 @@
+import { GCT_EVENT_TYPE } from './online-control.const';
+/**
+ * 跨标签页广播消息体
+ *
+ * @export
+ * @interface BroadcastConfig
+ */
+export interface BroadcastConfig {
+    /**
+     * 消息类型，见 {@link GCT_EVENT_TYPE}
+     *
+     * @type {GCT_EVENT_TYPE}
+     */
+    type: GCT_EVENT_TYPE;
+    /**
+     * 附加数据，当前各事件类型均未使用，预留扩展
+     *
+     * @type {IObject}
+     */
+    data?: IObject;
+}

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

@@ -0,0 +1,125 @@
+import { GCT_EVENT_TYPE } from "./online-control.const.mjs";
+import { onlineBroadcast } from "./online-broadcast.mjs";
+import { ModelControl } from "./model-control.mjs";
+import { throttle } from "lodash-es";
+import { AuthUtil, usePlatformConfigStore } from "@gct-paas/core";
+//#region src/modules/online-control/online-control.ts
+/**
+* 用户活动节流回调（4 秒一次）
+*
+* 检测到 mousemove / keydown 后：
+* 1. 广播 GCT_MOUSEMOVE，通知其他标签页同步重置倒计时
+* 2. 延迟启动本页倒计时（setTimeout 避免与 throttle Leading 边界冲突）
+*/
+var throttleMoverEvent = throttle(() => {
+	onlineBroadcast.postMessage({ type: GCT_EVENT_TYPE.GCT_MOUSEMOVE });
+	setTimeout(() => {
+		OnlineControl.startTimer();
+	});
+}, 4e3);
+/**
+* 在线会话控制器
+*
+* 根据平台安全设置（无操作保留时长、提前预警时长）监听用户活动，
+* 超时前弹出警告，倒计时结束后强制登出；多标签页通过 BroadcastChannel 同步状态。
+*
+* @export
+* @class OnlineControl
+*/
+var OnlineControl = class {
+	/** 警告弹窗应弹出的目标时间戳（毫秒） */
+	static startRunTime = 0;
+	/** 无操作保留总时长（秒），来自 securitySetting.noOpRetainHour + noOpRetainMinute */
+	static noOpRetain = 0;
+	/** 提前预警时长（秒），弹窗内倒计时即为该时长，来自 earlyAlarmMinute + earlyAlarmSecond */
+	static earlyAlarm = 0;
+	/** 轮询检测是否到达预警时间的定时器 ID */
+	static timer = null;
+	/**
+	* 初始化并开始监听用户活动
+	*
+	* 从平台配置读取安全策略，换算为秒后写入静态字段；
+	* 仅当 noOpRetain > 0 时启用监听，并广播 GCT_SAVELOGIN 同步其他标签页。
+	*/
+	static runListener() {
+		this.timer = null;
+		const { securitySetting } = usePlatformConfigStore();
+		const { noOpRetainHour, noOpRetainMinute, earlyAlarmMinute, earlyAlarmSecond } = securitySetting;
+		this.earlyAlarm = earlyAlarmMinute * 60 + earlyAlarmSecond;
+		this.noOpRetain = noOpRetainHour * 60 * 60 + noOpRetainMinute * 60;
+		if (this.noOpRetain > 0) {
+			onlineBroadcast.postMessage({ type: GCT_EVENT_TYPE.GCT_SAVELOGIN });
+			this.addListener();
+		}
+	}
+	/**
+	* 注册用户活动监听器
+	*
+	* 监听 mousemove、keydown，并通过 throttleMoverEvent 节流处理；
+	* 立即调用一次 throttleMoverEvent，使首次加载也计入活动并重置倒计时。
+	*/
+	static addListener() {
+		throttleMoverEvent();
+		document.addEventListener("mousemove", throttleMoverEvent);
+		document.addEventListener("keydown", throttleMoverEvent);
+	}
+	/**
+	* 启动或重置无操作检测定时器
+	*
+	* 计算 startRunTime = 当前时间 + (noOpRetain - earlyAlarm)，
+	* 即「总无操作时长减去预警时长」后应弹出警告的时刻；
+	* 每 3 秒轮询一次，到达该时刻后触发 emitMoverEvent。
+	*
+	* 跳过条件：timer 未就绪、未配置保留时长、或当前页面在 iframe 内（个别嵌入页不启用）。
+	*/
+	static startTimer() {
+		if (this.timer == "stop" || !this.noOpRetain || window.self !== window.top)
+ /** 个别页面不需要开启 */
+		return;
+		this.startRunTime = (/* @__PURE__ */ new Date()).getTime() + this.noOpRetain * 1e3 - this.earlyAlarm * 1e3;
+		clearInterval(this.timer);
+		this.timer = setInterval(() => {
+			const nowTime = (/* @__PURE__ */ new Date()).getTime();
+			if (this.startRunTime < nowTime) {
+				this.emitMoverEvent();
+				clearInterval(this.timer);
+			}
+		}, 3e3);
+	}
+	/**
+	* 到达无操作阈值，弹出警告弹窗
+	*
+	* 移除活动监听，避免弹窗展示期间重复触发；由 ModelControl 负责 UI 与后续登出。
+	*/
+	static emitMoverEvent() {
+		this.removeListener();
+		ModelControl.showModel();
+	}
+	/** 移除 document 上的 mousemove / keydown 监听 */
+	static removeListener() {
+		document.removeEventListener("mousemove", throttleMoverEvent);
+		document.removeEventListener("keydown", throttleMoverEvent);
+	}
+	/**
+	* 关闭控制器
+	*
+	* 清除轮询定时器并移除活动监听，用于登出或模块卸载场景。
+	*/
+	static closeControl() {
+		clearInterval(this.timer);
+		this.timer = "stop";
+		this.removeListener();
+	}
+	/**
+	* 执行登出
+	*
+	* 仅在警告弹窗仍展示时生效：广播 GCT_LOGINOUT 同步其他标签页，并调用 AuthUtil 登出。
+	*/
+	static loginOutEvent() {
+		if (!ModelControl.show) return;
+		onlineBroadcast.postMessage({ type: GCT_EVENT_TYPE.GCT_LOGINOUT });
+		AuthUtil.getInstance().logout(true);
+	}
+};
+//#endregion
+export { OnlineControl };

package/es/modules/picture-cropper/src/CopperFreeModal.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default from "./CopperFreeModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs";
-import './CopperFreeModal.vue_vue_type_style_index_0_scoped_da6428d3_lang.css';/* empty css                                                                      */
+import './CopperFreeModal.vue_vue_type_style_index_0_scoped_dbf8aa60_lang.css';/* empty css                                                                      */
 //#region src/modules/picture-cropper/src/CopperFreeModal.vue
-var CopperFreeModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-da6428d3"]]);
+var CopperFreeModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-dbf8aa60"]]);
 //#endregion
 export { CopperFreeModal_default as default };

package/es/modules/picture-cropper/src/CopperFreeModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs

@@ -60,6 +60,7 @@ var CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_defaul
 		watch(() => props.src, (value) => {
 			src.value = value || "";
 			originalSrc.value = value || "";
+			if (!value) previewSource.value = "";
 		});
 		async function handleBeforeUpload(file) {
 			props.beforeUpload && await props.beforeUpload(file);
@@ -93,6 +94,10 @@ var CopperFreeModal_vue_vue_type_script_setup_true_name_CropperModal_lang_defaul
 			cropper.value?.[event]?.(arg);
 		}
 		async function handleOk() {
+			if (!previewSource.value) {
+				closeModal();
+				return;
+			}
 			const uploadApi = props.uploadApi;
 			if (uploadApi && isFunction(uploadApi)) {
 				const blob = dataURLtoBlob(previewSource.value);

package/es/modules/picture-cropper/src/{CopperFreeModal.vue_vue_type_style_index_0_scoped_da6428d3_lang.css → CopperFreeModal.vue_vue_type_style_index_0_scoped_dbf8aa60_lang.css}

@@ -1,15 +1,15 @@
-.gct-cropper-free[data-v-da6428d3] {
+.gct-cropper-free[data-v-dbf8aa60] {
   display: flex;
   padding: 0 35px;
 }
-.gct-cropper-free-left[data-v-da6428d3],
-.gct-cropper-free-right[data-v-da6428d3] {
+.gct-cropper-free-left[data-v-dbf8aa60],
+.gct-cropper-free-right[data-v-dbf8aa60] {
   height: 304px;
 }
-.gct-cropper-free-left[data-v-da6428d3] {
+.gct-cropper-free-left[data-v-dbf8aa60] {
   width: 100%;
 }
-.gct-cropper-free-cropper[data-v-da6428d3] {
+.gct-cropper-free-cropper[data-v-dbf8aa60] {
   position: relative;
   width: 538px;
   height: 304px;
@@ -19,30 +19,30 @@
       12px 12px;
   background-size: 24px 24px;
 }
-.gct-cropper-free-toolbar[data-v-da6428d3] {
+.gct-cropper-free-toolbar[data-v-dbf8aa60] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 538px;
   margin-top: 10px;
 }
-.empty[data-v-da6428d3] {
+.empty[data-v-dbf8aa60] {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-da6428d3] {
+.empty span[data-v-dbf8aa60] {
   display: inline-block;
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-da6428d3] .ant-upload-list {
+.empty span[data-v-dbf8aa60] .ant-upload-list {
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-da6428d3] .ant-upload-list .ant-upload-select-picture-card {
+.empty span[data-v-dbf8aa60] .ant-upload-list .ant-upload-select-picture-card {
   width: 100%;
   height: 100%;
 }

package/es/modules/picture-cropper/src/CopperModal.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default from "./CopperModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs";
-import './CopperModal.vue_vue_type_style_index_0_scoped_f1134678_lang.css';/* empty css                                                                  */
+import './CopperModal.vue_vue_type_style_index_0_scoped_69bb424d_lang.css';/* empty css                                                                  */
 //#region src/modules/picture-cropper/src/CopperModal.vue
-var CopperModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-f1134678"]]);
+var CopperModal_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default, [["__scopeId", "data-v-69bb424d"]]);
 //#endregion
 export { CopperModal_default as default };

package/es/modules/picture-cropper/src/CopperModal.vue_vue_type_script_setup_true_name_CropperModal_lang.mjs

@@ -87,7 +87,7 @@ var CopperModal_vue_vue_type_script_setup_true_name_CropperModal_lang_default =
 					});
 					emit("uploadSuccess", {
 						source: previewSource.value,
-						data: result.data.data
+						data: result.data
 					});
 					closeModal();
 				} finally {

package/es/modules/picture-cropper/src/{CopperModal.vue_vue_type_style_index_0_scoped_f1134678_lang.css → CopperModal.vue_vue_type_style_index_0_scoped_69bb424d_lang.css}

@@ -1,17 +1,17 @@
-.gct-cropper-am[data-v-f1134678] {
+.gct-cropper-am[data-v-69bb424d] {
   display: flex;
 }
-.gct-cropper-am-left[data-v-f1134678],
-.gct-cropper-am-right[data-v-f1134678] {
+.gct-cropper-am-left[data-v-69bb424d],
+.gct-cropper-am-right[data-v-69bb424d] {
   height: 340px;
 }
-.gct-cropper-am-left[data-v-f1134678] {
+.gct-cropper-am-left[data-v-69bb424d] {
   width: 400px;
 }
-.gct-cropper-am-right[data-v-f1134678] {
+.gct-cropper-am-right[data-v-69bb424d] {
   width: 150px;
 }
-.gct-cropper-am-cropper[data-v-f1134678] {
+.gct-cropper-am-cropper[data-v-69bb424d] {
   position: relative;
   width: 360px;
   height: 360px;
@@ -21,14 +21,14 @@
       12px 12px;
   background-size: 24px 24px;
 }
-.gct-cropper-am-toolbar[data-v-f1134678] {
+.gct-cropper-am-toolbar[data-v-69bb424d] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 360px;
   margin-top: 10px;
 }
-.gct-cropper-am-preview[data-v-f1134678] {
+.gct-cropper-am-preview[data-v-69bb424d] {
   width: 220px;
   height: 220px;
   margin: 0 auto;
@@ -36,11 +36,11 @@
   border: 1px solid var(--gct-color-border);
   border-radius: 50%;
 }
-.gct-cropper-am-preview img[data-v-f1134678] {
+.gct-cropper-am-preview img[data-v-69bb424d] {
   width: 100%;
   height: 100%;
 }
-.gct-cropper-am-group[data-v-f1134678] {
+.gct-cropper-am-group[data-v-69bb424d] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -49,23 +49,23 @@
   margin-top: 8px;
   padding-top: 8px;
 }
-.empty[data-v-f1134678] {
+.empty[data-v-69bb424d] {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-f1134678] {
+.empty span[data-v-69bb424d] {
   display: inline-block;
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-f1134678] .ant-upload-list {
+.empty span[data-v-69bb424d] .ant-upload-list {
   width: 100%;
   height: 100%;
 }
-.empty span[data-v-f1134678] .ant-upload-list .ant-upload-select-picture-card {
+.empty span[data-v-69bb424d] .ant-upload-list .ant-upload-select-picture-card {
   width: 100%;
   height: 100%;
 }

package/es/modules/picture-cropper/src/CropperAvatar.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default from "./CropperAvatar.vue_vue_type_script_setup_true_name_CropperAvatar_lang.mjs";
-import './CropperAvatar.vue_vue_type_style_index_0_scoped_ef939ff0_lang.css';/* empty css                                                                    */
+import './CropperAvatar.vue_vue_type_style_index_0_scoped_0523079a_lang.css';/* empty css                                                                    */
 //#region src/modules/picture-cropper/src/CropperAvatar.vue
-var CropperAvatar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default, [["__scopeId", "data-v-ef939ff0"]]);
+var CropperAvatar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default, [["__scopeId", "data-v-0523079a"]]);
 //#endregion
 export { CropperAvatar_default as default };

package/es/modules/picture-cropper/src/CropperAvatar.vue_vue_type_script_setup_true_name_CropperAvatar_lang.mjs

@@ -77,13 +77,13 @@ var CropperAvatar_vue_vue_type_script_setup_true_name_CropperAvatar_lang_default
 				}, [createElementVNode("div", {
 					class: normalizeClass(unref(ns).b("image-mask")),
 					style: normalizeStyle(getImageWrapperStyle.value)
-				}, [createVNode(unref(EditOutlined), {
-					style: normalizeStyle({
-						width: getIconWidth.value,
-						height: getIconWidth.value
-					}),
-					"two-tone-color": "#d6d6d6"
-				}, null, 8, ["style"])], 6), createElementVNode("img", {
+				}, [createVNode(unref(EditOutlined), { style: normalizeStyle({
+					width: getWidth.value,
+					height: getWidth.value,
+					fontSize: getIconWidth.value,
+					display: "inline-flex",
+					color: "#d6d6d6"
+				}) }, null, 8, ["style"])], 6), createElementVNode("img", {
 					src: __props.value ? sourceValue.value : defaultSrc.value,
 					alt: "avatar"
 				}, null, 8, _hoisted_1)], 6),

package/es/modules/picture-cropper/src/{CropperAvatar.vue_vue_type_style_index_0_scoped_ef939ff0_lang.css → CropperAvatar.vue_vue_type_style_index_0_scoped_0523079a_lang.css}

@@ -1,8 +1,8 @@
-.gct-cropper-avatar[data-v-ef939ff0] {
+.gct-cropper-avatar[data-v-0523079a] {
   display: inline-block;
   text-align: center;
 }
-.gct-cropper-avatar-image-wrapper[data-v-ef939ff0] {
+.gct-cropper-avatar-image-wrapper[data-v-0523079a] {
   overflow: hidden;
   border: 1px solid var(--gct-color-border);
   border-radius: 50%;
@@ -10,10 +10,10 @@
   cursor: pointer;
   position: relative;
 }
-.gct-cropper-avatar-image-wrapper img[data-v-ef939ff0] {
+.gct-cropper-avatar-image-wrapper img[data-v-0523079a] {
   width: 100%;
 }
-.gct-cropper-avatar-image-mask[data-v-ef939ff0] {
+.gct-cropper-avatar-image-mask[data-v-0523079a] {
   position: absolute;
   width: inherit;
   height: inherit;
@@ -26,14 +26,14 @@
   left: -1px;
   top: -1px;
 }
-.gct-cropper-avatar-image-mask[data-v-ef939ff0] svg {
+.gct-cropper-avatar-image-mask[data-v-0523079a] svg {
   margin: auto;
   width: 24px;
   height: 24px;
 }
-.gct-cropper-avatar-image-mask[data-v-ef939ff0]:hover {
+.gct-cropper-avatar-image-mask[data-v-0523079a]:hover {
   opacity: 40;
 }
-.gct-cropper-avatar-upload-btn[data-v-ef939ff0] {
+.gct-cropper-avatar-upload-btn[data-v-0523079a] {
   margin: 10px auto;
 }

package/es/modules/picture-cropper/src/CropperFree.vue.mjs

@@ -1,7 +1,7 @@
 import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default from "./CropperFree.vue_vue_type_script_setup_true_name_CropperPhoto_lang.mjs";
-import './CropperFree.vue_vue_type_style_index_0_scoped_c85d53db_lang.css';/* empty css                                                                  */
+import './CropperFree.vue_vue_type_style_index_0_scoped_c2cff308_lang.css';/* empty css                                                                  */
 //#region src/modules/picture-cropper/src/CropperFree.vue
-var CropperFree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default, [["__scopeId", "data-v-c85d53db"]]);
+var CropperFree_default = /* @__PURE__ */ _plugin_vue_export_helper_default(CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default, [["__scopeId", "data-v-c2cff308"]]);
 //#endregion
 export { CropperFree_default as default };

package/es/modules/picture-cropper/src/CropperFree.vue_vue_type_script_setup_true_name_CropperPhoto_lang.mjs

@@ -109,23 +109,32 @@ var CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default =
 			closeModal
 		});
 		return (_ctx, _cache) => {
-			const _component_Icon = resolveComponent("Icon");
+			const _component_plus_outlined = resolveComponent("plus-outlined");
 			return openBlock(), createElementBlock("div", {
 				id: "dropzone",
 				class: normalizeClass([prefixCls, disabled.value && "not-allow"])
 			}, [sourceValueForamtted.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("div", { class: normalizeClass(`${prefixCls}__wrapper`) }, [createElementVNode("img", { src: sourceValueForamtted.value }, null, 8, _hoisted_1)], 2), createElementVNode("div", { class: normalizeClass(`${prefixCls}__mask`) }, [
 				createVNode(unref(EyeOutlined), {
-					style: { fontSize: 24 },
+					style: {
+						fontSize: "20px",
+						color: "#ffffff"
+					},
 					"two-tone-color": "#ffffff",
 					onClick: handlePreview
 				}),
 				createVNode(unref(EditOutlined), {
-					style: { fontSize: 24 },
+					style: {
+						fontSize: "20px",
+						color: "#ffffff"
+					},
 					"two-tone-color": "#ffffff",
 					onClick: _cache[0] || (_cache[0] = () => unref(openModal)())
 				}),
 				createVNode(unref(DeleteOutlined), {
-					style: { fontSize: 24 },
+					style: {
+						fontSize: "20px",
+						color: "#ffffff"
+					},
 					"two-tone-color": "#ffffff",
 					onClick: handleDelete
 				})
@@ -134,12 +143,11 @@ var CropperFree_vue_vue_type_script_setup_true_name_CropperPhoto_lang_default =
 				class: normalizeClass(`${prefixCls}__trigger`),
 				onClick: handleClick
 			}, [
-				__props.icon ? (openBlock(), createElementBlock("i", _hoisted_2)) : (openBlock(), createBlock(_component_Icon, {
+				__props.icon ? (openBlock(), createElementBlock("i", _hoisted_2)) : (openBlock(), createBlock(_component_plus_outlined, {
 					key: 1,
-					icon: "ant-design:plus-outlined",
-					size: 36
+					style: { "font-size": "36px" }
 				})),
-				__props.isDrag ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("p", _hoisted_3, toDisplayString(_ctx.$t("sys.pageDesigner.clickOrDragToUpload")), 1), __props.accept ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(`支持${__props.accept?.join("、")}图片格式，大小100KB以内`), 1)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true),
+				__props.isDrag ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("sys.pageDesigner.clickOrDragToUpload")), 1), __props.accept ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(`支持${__props.accept?.join("、")}图片格式，大小100KB以内`), 1)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true),
 				!__props.auxiliary ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [createTextVNode(toDisplayString(unref(t)("sys.clickToDoSth", { sth: unref(t)("sys.add") })), 1)], 64)) : createCommentVNode("", true)
 			], 2)), createVNode(CopperFreeModal_default, {
 				"upload-api": __props.uploadApi,