@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.0

package/es/components/user-occupy/useUserOccupy.mjs

@@ -0,0 +1,162 @@
+import { PageTypeEnum, ScriptTypeEnum } from "../../constant/page-designer.mjs";
+import "../../constant/index.mjs";
+import "../../hooks/design-view/page/usePage.mjs";
+import "../../hooks/index.mjs";
+import { OCCUPY_MQTT_KEY } from "./occupy.const.mjs";
+import { throttle } from "lodash-es";
+import { t } from "@gct-paas/core";
+import { computed, createVNode, ref } from "vue";
+import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
+import { Modal } from "ant-design-vue";
+//#region src/components/user-occupy/useUserOccupy.ts
+var i18nKeyMap = {
+	[PageTypeEnum.WEB]: "sys.page",
+	[PageTypeEnum.MOBILE]: "sys.page",
+	[PageTypeEnum.PAD]: "sys.page",
+	[ScriptTypeEnum.DEFAULT]: "sys.script"
+};
+/** 参数 */
+var params = {};
+function useUserOccupy() {
+	/** 占用信息 */
+	const occupyInfo = ref({});
+	/** 锁定信息 */
+	const lockInfo = ref({});
+	const timeout = computed(() => {
+		return occupyInfo.value.querySpanNum * 1e3;
+	});
+	const wait = computed(() => {
+		return (occupyInfo.value.cacheNum - 10) / 2 * 1e3;
+	});
+	const unlockAvailable = computed(() => {
+		const { userId, username } = _gct.store.userInfo;
+		return lockInfo.value.id === userId || username === "admin";
+	});
+	/** 查询占用定时器 */
+	let occupyTimer = null;
+	async function _loadOccupyInfo() {
+		if (!params.id || !params.type || params.id.startsWith("___new___")) return;
+		const res = await _api.apaas.designerLock.getGetPageOccupyMsg(params);
+		const data = { ...res };
+		if (!data.querySpanNum) data.querySpanNum = 120;
+		if (!data.cacheNum) data.cacheNum = 500;
+		occupyInfo.value = data;
+		if (res?.occupyId) destoryOccupyTimer();
+		else if (!occupyTimer) occupyTimer = setInterval(() => {
+			_loadOccupyInfo();
+		}, timeout.value);
+	}
+	function destoryOccupyTimer() {
+		console.log("【销毁占用轮询】");
+		if (!occupyTimer) return;
+		console.log("【销毁占用轮询 清除定时器】");
+		clearInterval(occupyTimer);
+		occupyTimer = null;
+	}
+	function initMqttOccupy(data) {
+		/** 强制刷新主题 */
+		const CLEAN_CACHE = `CLEAN_CACHE`;
+		_gct.mqtt.create(OCCUPY_MQTT_KEY, {
+			username: _gct.store.userInfo?.mqttProperties?.username,
+			password: _gct.store.userInfo?.mqttProperties?.password,
+			will: {
+				topic: `CANCELOCCUPY/${_gct.store.context.aid}/${_gct.store.context.bid}`,
+				payload: JSON.stringify({
+					...data,
+					userId: _gct.store.userInfo.userId
+				})
+			}
+		}).subscribe(CLEAN_CACHE, () => {
+			const currentUrl = window.location.href;
+			if (currentUrl.includes("?")) if (currentUrl.includes("reloadTime")) {
+				const arr = currentUrl.split("reloadTime=");
+				arr[1] = Date.now().toString();
+				window.location.href = arr.join("reloadTime=");
+			} else window.location.href = currentUrl + "&reloadTime=" + Date.now();
+			else window.location.href = currentUrl + "?reloadTime=" + Date.now();
+			location.reload();
+		});
+	}
+	function initOccupy(data) {
+		params = data;
+		initMqttOccupy(params);
+	}
+	async function loadOccupyInfo() {
+		await _loadOccupyInfo();
+	}
+	async function _occupy() {
+		if (!params.id || !params.type) return;
+		if (lockInfo.value.id) return;
+		if (_gct.store.userInfo.userId !== occupyInfo.value.occupyId && occupyInfo.value.occupyId) return;
+		try {
+			await _api.apaas.designerLock.getGetPageOccupyMsg(params);
+		} catch (err) {
+			console.warn("【占用异常】", err);
+		} finally {
+			await _loadOccupyInfo();
+		}
+	}
+	/**
+	* 占用
+	*/
+	const occupy = throttle(_occupy, wait.value, { trailing: false });
+	/**
+	* 取消占用
+	*/
+	async function cancelOccupy() {
+		if (!params.id || !params.type) return;
+		if (lockInfo.value.id) return;
+		occupy.cancel();
+		await _api.apaas.designerLock.postCancelOccupyPage(params);
+		await _loadOccupyInfo();
+	}
+	function setLockInfo(data) {
+		lockInfo.value = data;
+	}
+	/**
+	* 锁定
+	*/
+	async function lock() {
+		if (occupyInfo.value.occupyId) return;
+		if (lockInfo.value.id) return;
+		Modal.confirm({
+			title: t("sys.sureToLockSth", { sth: t(i18nKeyMap[params.type]) }),
+			icon: createVNode(ExclamationCircleOutlined),
+			okText: t("sys.ok"),
+			cancelText: t("sys.cancel"),
+			async onOk() {
+				await _api.apaas.designerLock.postLockPage(params);
+				_gct.message.success(t("sys.operationSuccess"));
+				lockInfo.value = {
+					id: _gct.store.userInfo.userId,
+					name: _gct.store.userInfo.fullname
+				};
+			}
+		});
+	}
+	/**
+	* 解锁
+	*/
+	async function unlock() {
+		await _api.apaas.designerLock.postUnLockPage(params);
+		_gct.message.success(t("sys.operationSuccess"));
+		lockInfo.value = {
+			id: "",
+			name: ""
+		};
+	}
+	return {
+		initOccupy,
+		loadOccupyInfo,
+		occupyInfo,
+		occupy,
+		cancelOccupy,
+		setLockInfo,
+		lockInfo,
+		unlockAvailable,
+		lock,
+		unlock
+	};
+}
+//#endregion
+export { useUserOccupy };

package/es/components/user-occupy/user-lock.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/components/user-occupy/user-lock.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import user_lock_vue_vue_type_script_setup_true_lang_default from "./user-lock.vue_vue_type_script_setup_true_lang.mjs";
+import './user-lock.vue_vue_type_style_index_0_scoped_b40d46ff_lang.css';/* empty css                                                                */
+//#region src/components/user-occupy/user-lock.vue
+var user_lock_default = /* @__PURE__ */ _plugin_vue_export_helper_default(user_lock_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b40d46ff"]]);
+//#endregion
+export { user_lock_default as default };

package/es/components/user-occupy/user-lock.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,16 @@
+import { useUserOccupy } from "./useUserOccupy.mjs";
+import { t } from "@gct-paas/core";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref } from "vue";
+//#region src/components/user-occupy/user-lock.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "user-lock-info" };
+var user_lock_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "user-lock",
+	setup(__props) {
+		const { lockInfo, lock, unlock, unlockAvailable } = useUserOccupy();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["user-lock", { locked: unref(lockInfo).id }]) }, [unref(lockInfo).id ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", _hoisted_1, toDisplayString(unref(lockInfo).name + unref(t)("sys.pageDesigner.locked")), 1), unref(unlockAvailable) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_cache[2] || (_cache[2] = createElementVNode("i", { class: "iconfont icon-Lock mr-6px" }, null, -1)), createElementVNode("span", { onClick: _cache[0] || (_cache[0] = (...args) => unref(unlock) && unref(unlock)(...args)) }, toDisplayString(unref(t)("sys.pageDesigner.unlock")), 1)], 64)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [_cache[3] || (_cache[3] = createElementVNode("i", { class: "iconfont icon-Unlock" }, null, -1)), createElementVNode("span", { onClick: _cache[1] || (_cache[1] = (...args) => unref(lock) && unref(lock)(...args)) }, toDisplayString(unref(t)("sys.pageDesigner.lock")), 1)], 64))], 2);
+		};
+	}
+});
+//#endregion
+export { user_lock_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/user-occupy/user-lock.vue_vue_type_style_index_0_scoped_b40d46ff_lang.css

@@ -0,0 +1,29 @@
+.user-lock[data-v-b40d46ff] {
+  color: rgba(255, 255, 255, 0.72);
+  cursor: pointer;
+}
+.user-lock .user-lock-info[data-v-b40d46ff] {
+  padding-right: 4px;
+  color: rgba(255, 255, 255, 0.72);
+}
+.user-lock .iconfont[data-v-b40d46ff] {
+  color: rgba(255, 255, 255, 0.72);
+  margin-right: 6px;
+  margin-left: 6px;
+}
+.user-lock[data-v-b40d46ff]:hover {
+  color: #ffffff;
+}
+.user-lock:hover .iconfont[data-v-b40d46ff],
+.user-lock:hover .user-lock-info[data-v-b40d46ff] {
+  color: #ffffff;
+}
+.user-lock.locked[data-v-b40d46ff] {
+  color: #ff8c4b;
+}
+.user-lock.locked .iconfont[data-v-b40d46ff] {
+  color: #ff8c4b;
+}
+.user-lock.locked .user-lock-info[data-v-b40d46ff] {
+  color: #ffffff;
+}

package/es/components/user-occupy/user-occupy.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/user-occupy/user-occupy.vue.mjs

@@ -0,0 +1,7 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.mjs";
+import user_occupy_vue_vue_type_script_setup_true_lang_default from "./user-occupy.vue_vue_type_script_setup_true_lang.mjs";
+import './user-occupy.vue_vue_type_style_index_0_scoped_24cb9749_lang.css';/* empty css                                                                  */
+//#region src/components/user-occupy/user-occupy.vue
+var user_occupy_default = /* @__PURE__ */ _plugin_vue_export_helper_default(user_occupy_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-24cb9749"]]);
+//#endregion
+export { user_occupy_default as default };

package/es/components/user-occupy/user-occupy.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,34 @@
+import { useUserOccupy } from "./useUserOccupy.mjs";
+import { t } from "@gct-paas/core";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, resolveComponent, toDisplayString, unref } from "vue";
+//#region src/components/user-occupy/user-occupy.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "user-occupy"
+};
+var _hoisted_2 = ["title"];
+var user_occupy_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "user-occupy",
+	setup(__props) {
+		const { occupyInfo } = useUserOccupy();
+		const truncatedName = computed(() => {
+			if (!occupyInfo.value.occupyName) return "";
+			if (occupyInfo.value.occupyName.length <= 12) return occupyInfo.value.occupyName;
+			return occupyInfo.value.occupyName.substring(0, 12) + "...";
+		});
+		return (_ctx, _cache) => {
+			const _component_svg_icon = resolveComponent("svg-icon");
+			return unref(occupyInfo).occupyId ? (openBlock(), createElementBlock("div", _hoisted_1, [
+				createVNode(_component_svg_icon, { src: "/assets/design-view/icon_shejizhong.svg" }),
+				createTextVNode(" " + toDisplayString(unref(t)("sys.user")) + "\xA0", 1),
+				createElementVNode("span", {
+					class: "user-occupy__username",
+					title: unref(occupyInfo).occupyName
+				}, toDisplayString(truncatedName.value), 9, _hoisted_2),
+				createTextVNode("\xA0" + toDisplayString(unref(t)("sys.pageDesigner.designing")) + "... ", 1)
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { user_occupy_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/user-occupy/user-occupy.vue_vue_type_style_index_0_scoped_24cb9749_lang.css

@@ -0,0 +1,25 @@
+.gct-svg-icon[data-v-24cb9749] {
+  margin-right: 8px;
+  font-size: 16px;
+}
+.user-occupy[data-v-24cb9749] {
+  color: #fff;
+  display: flex;
+  align-items: center;
+  line-height: 1em;
+  font-size: 12px;
+}
+.user-occupy__username[data-v-24cb9749] {
+  color: var(--ant-primary-color);
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  vertical-align: bottom;
+}
+.user-occupy .iconfont[data-v-24cb9749] {
+  margin-right: 6px;
+}
+.designer-stage .user-occupy[data-v-24cb9749],
+.so-toolbar .user-occupy[data-v-24cb9749] {
+  color: #5c616a;
+}

package/es/constant/design-editor-type.mjs

@@ -1,15 +1,54 @@
-var DesignEditorType = /* @__PURE__ */ ((DesignEditorType2) => {
-  DesignEditorType2["UPLOAD_IMAGE"] = "upload-image";
-  DesignEditorType2["UPLOAD_FILE"] = "upload-file";
-  DesignEditorType2["STYLE_POSITION"] = "style-position";
-  DesignEditorType2["STYLE_FONT"] = "style-font";
-  DesignEditorType2["STYLE_SPACING"] = "style-spacing";
-  DesignEditorType2["STYLE_BORDER"] = "style-border";
-  DesignEditorType2["CHILD_LIST_EDITOR"] = "chid-list-editor";
-  DesignEditorType2["CUSTOM_EXP_MENU"] = "custom-exp-menu";
-  DesignEditorType2["SYSTEM_PAGE_SELECT"] = "system-page-select";
-  DesignEditorType2["CONTENT_TAG_STYLE"] = "content-tag-style";
-  return DesignEditorType2;
-})(DesignEditorType || {});
-
+//#region src/constant/design-editor-type.ts
+/**
+* 设计器编辑器类型
+*
+* @author lingxiaoming
+* @date 2024-07-17 04:29:23
+* @export
+* @enum {number}
+*/
+var DesignEditorType = /* @__PURE__ */ function(DesignEditorType) {
+	/**
+	* 图片上传编辑器
+	*/
+	DesignEditorType["UPLOAD_IMAGE"] = "upload-image";
+	/**
+	* 文件上传编辑器
+	*/
+	DesignEditorType["UPLOAD_FILE"] = "upload-file";
+	/**
+	* 定位编辑器
+	*/
+	DesignEditorType["STYLE_POSITION"] = "style-position";
+	/**
+	* 文本编辑器
+	*/
+	DesignEditorType["STYLE_FONT"] = "style-font";
+	/**
+	* 边距编辑器
+	*/
+	DesignEditorType["STYLE_SPACING"] = "style-spacing";
+	/**
+	* 边框编辑器
+	*/
+	DesignEditorType["STYLE_BORDER"] = "style-border";
+	/**
+	* 子项编辑器
+	*/
+	DesignEditorType["CHILD_LIST_EDITOR"] = "chid-list-editor";
+	/**
+	* 自定义导航菜单项编辑器
+	*/
+	DesignEditorType["CUSTOM_EXP_MENU"] = "custom-exp-menu";
+	/**
+	* 自定义导航菜单预置系统页面选择器
+	*/
+	DesignEditorType["SYSTEM_PAGE_SELECT"] = "system-page-select";
+	/**
+	* 字段值标签样式配置
+	*/
+	DesignEditorType["CONTENT_TAG_STYLE"] = "content-tag-style";
+	return DesignEditorType;
+}({});
+//#endregion
 export { DesignEditorType };

package/es/constant/index.d.ts

@@ -128,32 +128,6 @@ export declare enum DesignNodeType {
      */
     DESIGN_EDITOR = "design-editor"
 }
-/**
- * 节点模式
- *
- * @author zhanghanrui
- * @date 2024-07-06 12:07:24
- * @export
- * @enum {number}
- */
-export declare enum DesignNodeMode {
-    /**
-     * 主页面模式
-     */
-    PAGE = "PAGE",
-    /**
-     * 主页面模式
-     */
-    PAGE_LOWER = "page",
-    /**
-     * 容器模式
-     */
-    CONTAINER = "container",
-    /**
-     * 子项模式
-     */
-    ITEM = "item"
-}
 /**
  * 插入节点模式
  *