@gct-paas/core-web 0.1.6-dev.26 → 0.1.6-dev.28

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/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_c731e25e_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-c731e25e"]]);
+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,7 +109,7 @@ 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"])
@@ -143,10 +143,9 @@ 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(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)

package/es/modules/picture-cropper/src/{CropperFree.vue_vue_type_style_index_0_scoped_c731e25e_lang.css → CropperFree.vue_vue_type_style_index_0_scoped_c2cff308_lang.css}

@@ -1,4 +1,4 @@
-.cropper-photo[data-v-c731e25e] {
+.cropper-photo[data-v-c2cff308] {
   display: inline-block;
   position: relative;
   width: var(--width, 200px);
@@ -7,7 +7,7 @@
   text-align: center;
   cursor: pointer;
 }
-.cropper-photo__trigger[data-v-c731e25e] {
+.cropper-photo__trigger[data-v-c2cff308] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -19,25 +19,25 @@
   background: #fbfbfc;
   color: #9b9b9b;
 }
-.cropper-photo__trigger .iconfont[data-v-c731e25e] {
+.cropper-photo__trigger .iconfont[data-v-c2cff308] {
   color: #c3c3c3;
   font-size: 32px;
 }
-.cropper-photo__trigger .ant-icon[data-v-c731e25e] {
+.cropper-photo__trigger .ant-icon[data-v-c2cff308] {
   margin-bottom: 3px;
   color: #666;
 }
-.cropper-photo__trigger .prompt[data-v-c731e25e],
-.cropper-photo__trigger .auxiliary[data-v-c731e25e] {
+.cropper-photo__trigger .prompt[data-v-c2cff308],
+.cropper-photo__trigger .auxiliary[data-v-c2cff308] {
   margin: 0;
 }
-.cropper-photo__trigger .prompt[data-v-c731e25e] {
+.cropper-photo__trigger .prompt[data-v-c2cff308] {
   color: #797a7d;
 }
-.cropper-photo__trigger .auxiliary[data-v-c731e25e] {
+.cropper-photo__trigger .auxiliary[data-v-c2cff308] {
   color: #c3c3c3;
 }
-.cropper-photo__mask[data-v-c731e25e] {
+.cropper-photo__mask[data-v-c2cff308] {
   display: flex;
   position: absolute;
   top: 0;
@@ -51,31 +51,31 @@
   opacity: 0;
   background: rgba(0, 0, 0, 0.4);
 }
-.cropper-photo__mask .anticon[data-v-c731e25e] {
+.cropper-photo__mask .anticon[data-v-c2cff308] {
   margin-right: 20px;
 }
-.cropper-photo__mask .anticon[data-v-c731e25e]:last-child {
+.cropper-photo__mask .anticon[data-v-c2cff308]:last-child {
   margin-right: 0;
 }
-.cropper-photo__mask[data-v-c731e25e]:hover {
+.cropper-photo__mask[data-v-c2cff308]:hover {
   opacity: 40;
 }
-.cropper-photo__wrapper[data-v-c731e25e] {
+.cropper-photo__wrapper[data-v-c2cff308] {
   width: 100%;
   height: 100%;
   border: 1px solid var(--gct-color-border);
   border-radius: 4px;
 }
-.cropper-photo__wrapper img[data-v-c731e25e] {
+.cropper-photo__wrapper img[data-v-c2cff308] {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.not-allow[data-v-c731e25e] {
+.not-allow[data-v-c2cff308] {
   cursor: default;
   pointer-events: none;
 }
-.defult-img[data-v-c731e25e] {
+.defult-img[data-v-c2cff308] {
   position: absolute;
   z-index: 2;
   border: 1px solid #d9d9d9;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.1.6-dev.26",
+  "version": "0.1.6-dev.28",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "loader": "dist/loader.esm.min.js",
@@ -65,20 +65,20 @@
     "vxe-table": "npm:@gct-paas/vxe-table@4.6.19",
     "wujie": "^1.0.29",
     "wujie-vue3": "^1.0.29",
-    "@gct-paas/core": "0.1.6-dev.26",
-    "@gct-paas/scss": "0.1.6-dev.26",
-    "@gct-paas/core-components": "0.1.6-dev.26",
-    "@gct-paas/v-ben": "0.1.6-dev.26"
+    "@gct-paas/core": "0.1.6-dev.28",
+    "@gct-paas/v-ben": "0.1.6-dev.28",
+    "@gct-paas/scss": "0.1.6-dev.28",
+    "@gct-paas/core-components": "0.1.6-dev.28"
   },
   "peerDependencies": {
     "@gct-paas/api": "^0.1.6-dev.14",
     "@types/sortablejs": "^1.15.1",
     "vant": ">=4",
     "vue": ">=3",
-    "@gct-paas/core": "0.1.6-dev.26",
-    "@gct-paas/core-components": "0.1.6-dev.26",
-    "@gct-paas/scss": "0.1.6-dev.26",
-    "@gct-paas/v-ben": "0.1.6-dev.26"
+    "@gct-paas/core": "0.1.6-dev.28",
+    "@gct-paas/core-components": "0.1.6-dev.28",
+    "@gct-paas/v-ben": "0.1.6-dev.28",
+    "@gct-paas/scss": "0.1.6-dev.28"
   },
   "devDependencies": {
     "@types/bwip-js": "^3.2.3",

package/dist/icon-next-picker-Di7Ma1ct.js

@@ -1,2 +0,0 @@
-/*! @gct-paas/core-web v0.1.6-dev.26 */
-import{usePlatformConfigStore as e}from"@gct-paas/core";import{Fragment as l,computed as a,createBlock as o,createCommentVNode as n,createElementBlock as t,createElementVNode as i,createVNode as c,defineComponent as u,nextTick as r,normalizeClass as s,normalizeStyle as d,openBlock as v,ref as p,renderList as k,resolveComponent as _,toDisplayString as g,unref as m,vModelText as f,withCtx as y,withDirectives as h}from"vue";import{cloneDeep as b,debounce as C}from"lodash-es";import{Empty as x,Form as F}from"ant-design-vue";import{IconNamespaceEnum as w,IconNext as I,useIconAsset as S,useIconPark as E,useIconPlatform as B}from"@gct-paas/core-components";var A={class:"icon-picker-next"},V={class:"p-12px"},z={class:"flex icon-picker-next__container"},P={class:"icon-picker-next__cats"},j=["title","data-id","onClick"],D={class:"icon-picker-next__panel"},R={class:"icon-picker-next__icons"},U={class:"icon__list"},L=["title","data-id","onClick"],M={key:0,class:"color__setting"},N={class:"color__list"},O=["onClick"],T={class:"color__input"},q={key:1,class:"color__setting"},G={class:"color__list"},W=["onClick"],H={class:"color__input"},J={key:1,class:"flex items-center justify-center h-full"},K="#FFFFFF",Q=/* @__PURE__ */u({__name:"icon-next-picker",props:{value:{type:String,required:!0},disabled:{type:Boolean,default:!1},color:{type:String,default:"#FFFFFF"},size:{type:Number,default:30},showColor:{type:Boolean,default:!1},background:{type:String},showBackground:{type:Boolean,default:!1}},emits:["update:value","update:color","update:background"],setup(u,{emit:Q}){const{themeSetting:X}=e(),Y=u,Z=Q,{getIconAssetCats:$}=S(),{getIconParkCats:ee}=E(),{getIconPlatformCats:le}=B(),{onFieldChange:ae}=F.useInjectFormItemContext(),oe=p(),ne=p(),te=p(!1),ie=["#3370FF","#0DAA9C","#EF3232","#EFA332","#18C8D3","#A33FF2"],ce=[K,...ie],ue=["transparent",...ie],re=p(K),se=p(!1),de=p(K),ve=p(!1);let pe=[];const ke=p([]),_e=p([]),ge=p([]),me=p(""),fe=a(()=>_e.value.length>0&&!_e.value[0].id.startsWith(w.Asset)),ye=()=>{let e,l=ke.value[0]||{};var a;l&&(e=l.icons?l:null===(a=l.children)||void 0===a?void 0:a[0]),e?(ge.value=[e.id],_e.value=e.icons):(ge.value=[],_e.value=[])},he=async e=>{if(e){if(te.value=!0,pe.length>0)ke.value=pe;else{const e=ee(),l=await $(),a=le();pe=l.concat(e).concat(a),ke.value=pe}Y.color?ce.includes(Y.color)?(re.value=K,se.value=!1):(re.value=Y.color,se.value=!0):Z("update:color",K),Y.background?ue.includes(Y.background)?(de.value=K,ve.value=!1):(de.value=Y.background,ve.value=!0):Z("update:background","#3370FF"),(async()=>{if(Y.value){let a=ke.value.reduce((e,l)=>("children"in l?e.push(...l.children):e.push(l),e),[]).find(e=>e.icons.map(e=>e.id).includes(Y.value));var e,l;a?(ge.value=[a.id],_e.value=a.icons,await r(),null===(e=oe.value)||void 0===e||null===(e=e.getElement())||void 0===e||e.scrollIntoView({block:"center"}),null===(l=ne.value)||void 0===l||null===(l=l.getElement())||void 0===l||l.scrollIntoView({block:"center"})):ye()}else ye()})(),te.value=!1}else me.value=""};function be(e,l){return e.map(e=>{const a=["children","icons"].find(l=>!!e[l]);return a?(e[a]=be(e[a],l),e[a].length>0?e:void 0):e._filter_.some(e=>e.includes(l))?e:void 0}).filter(Boolean)}const Ce=C(e=>{var l;te.value=!0;const a=null===(l=e.target.value)||void 0===l?void 0:l.trim();ke.value=a?be(b(pe),a):pe,ye(),te.value=!1},500),xe=(e,l=!1)=>{se.value=l,Z("update:color",e),ae()},Fe=()=>{se.value&&(Z("update:color",re.value),ae())},we=(e,l=!1)=>{ve.value=l,Z("update:background",e),ae()},Ie=()=>{ve.value&&(Z("update:background",de.value),ae())};return(e,a)=>{const r=_("a-input"),p=_("a-tree"),b=_("OverlayScrollbarsComponent"),C=_("overlayScrollbarsComponent"),F=_("CheckOutlined"),w=_("a-empty"),S=_("a-spin"),E=_("a-popover");return v(),t("div",A,[c(E,{placement:"bottomLeft",trigger:"click","overlay-class-name":"icon-picker-next__popover",onVisibleChange:he},{content:y(()=>[i("div",V,[c(r,{value:me.value,"onUpdate:value":a[0]||(a[0]=e=>me.value=e),class:"icon-picker-next__search",placeholder:"搜索图标","allow-clear":"",onChange:a[1]||(a[1]=e=>{te.value=!0,m(Ce)(e)})},{prefix:y(()=>[...a[6]||(a[6]=[i("i",{class:"iconfont icon-sousuo1"},null,-1)])]),_:1},8,["value"])]),c(S,{spinning:te.value},{default:y(()=>{var e;return[i("div",z,[i("div",P,[c(b,{ref_key:"TreeScrollRef",ref:oe,class:"icon-picker-next__scrollbar"},{default:y(()=>[ke.value.length>0?(v(),o(p,{key:0,"selected-keys":ge.value,"default-expand-all":"","block-node":"","field-names":{children:"children",title:"name",key:"id"},"tree-data":ke.value},{title:y(({data:e})=>[i("div",{class:"ell",title:e.name,"data-id":e.id,onClick:l=>(e=>{(null==e?void 0:e.children)&&(null==e?void 0:e.children.length)||(_e.value=e.icons??[],ge.value=[e.id])})(e)},g(e.name),9,j)]),_:1},8,["selected-keys","tree-data"])):n("",!0)]),_:1},512)]),i("div",D,[(null===(e=_e.value)||void 0===e?void 0:e.length)>0?(v(),t(l,{key:0},[i("div",R,[c(C,{ref_key:"IconsScrollRef",ref:ne,class:"icon-picker-next__scrollbar"},{default:y(()=>[i("ul",U,[(v(!0),t(l,null,k(_e.value,e=>(v(),t("li",{key:e.name,style:d({"--background":u.background||m(X).themeColor}),class:s({"icon-picker-next--selected":e.id===u.value}),title:e.name,"data-id":e.id,onClick:l=>function(e){Z("update:value",e),ae()}(e.id)},[c(m(I),{value:e.id,color:e.id===u.value?u.color:K},null,8,["value","color"])],14,L))),128))])]),_:1},512)]),u.showBackground?(v(),t("div",M,[a[7]||(a[7]=i("div",{class:"color__title"},"背景颜色",-1)),i("div",N,[(v(),t(l,null,k(ue,e=>i("span",{key:e,class:s(["color__item","color__item--"+e]),style:d({backgroundColor:e}),onClick:()=>we(e)},[u.background===e?(v(),o(F,{key:0})):n("",!0)],14,O)),64))]),i("div",T,[i("div",{class:"color__preview",style:d({"--custom-bg":de.value}),onClick:a[2]||(a[2]=()=>we(de.value,!0))},[ve.value?(v(),o(F,{key:0})):n("",!0)],4),h(i("input",{"onUpdate:modelValue":a[3]||(a[3]=e=>de.value=e),type:"text",onBlur:Ie},null,544),[[f,de.value]])])])):n("",!0),u.showColor&&fe.value?(v(),t("div",q,[a[8]||(a[8]=i("div",{class:"color__title"},"图标色",-1)),i("div",G,[(v(),t(l,null,k(ce,e=>i("span",{key:e,class:"color__item",style:d({backgroundColor:e}),onClick:()=>xe(e)},[u.color===e?(v(),o(F,{key:0})):n("",!0)],12,W)),64))]),i("div",H,[i("div",{class:"color__preview",style:d({"--custom-bg":re.value}),onClick:a[4]||(a[4]=()=>xe(re.value,!0))},[se.value?(v(),o(F,{key:0})):n("",!0)],4),h(i("input",{"onUpdate:modelValue":a[5]||(a[5]=e=>re.value=e),type:"text",onBlur:Fe},null,544),[[f,re.value]])])])):n("",!0)],64)):(v(),t("div",J,[c(w,{image:m(x).PRESENTED_IMAGE_SIMPLE,description:null},null,8,["image"])]))])])]}),_:1},8,["spinning"])]),default:y(()=>[i("div",{class:s(["icon-picker-next__trigger cursor-pointer",{"icon-picker-next--selected":u.value}]),style:d({"--background":u.background||m(X).themeColor})},[u.value?(v(),o(m(I),{key:0,value:u.value,size:u.size,color:u.color},null,8,["value","size","color"])):n("",!0),a[9]||(a[9]=i("div",null,[i("i",{class:"iconfont icon-bianji"})],-1))],6)]),_:1})])}}});export{Q as default};

package/es/hooks/useTheme.d.ts

@@ -1,8 +0,0 @@
-interface IThemeVars {
-    primaryColor?: string;
-}
-export declare function useTheme(): {
-    themeVars: IThemeVars;
-    setPrimaryColor: (color: string) => void;
-};
-export {};

package/es/hooks/useTheme.mjs

@@ -1,16 +0,0 @@
-import { reactive } from "vue";
-import { ConfigProvider } from "ant-design-vue";
-//#region src/hooks/useTheme.ts
-var themeVars = reactive({});
-function useTheme() {
-	function setPrimaryColor(color) {
-		themeVars.primaryColor = color;
-		ConfigProvider.config({ theme: { primaryColor: color } });
-	}
-	return {
-		themeVars,
-		setPrimaryColor
-	};
-}
-//#endregion
-export { useTheme };