@gct-paas/render-web 0.1.6-dev.4 → 0.1.6-dev.41

package/es/locale/sys/onlineForm.mjs

@@ -0,0 +1,12 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.mjs";
+//#region src/locale/sys/onlineForm.ts
+var onlineForm_exports = /* @__PURE__ */ __exportAll({ default: () => onlineForm_default });
+var onlineForm_default = {
+	fieldKey: "字段KEY",
+	disabledStatus: "是否禁用状态",
+	formStyle: "表单样式",
+	formFields: "表单字段",
+	noAssociation: "无关联"
+};
+//#endregion
+export { onlineForm_exports };

package/es/locale/sys/pageDesigner.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    searchField: string;
+    dataLinkage: {
+        rootSelectPlaceholder2: string;
+    };
+};
+export default _default;

package/es/locale/sys/pageDesigner.mjs

@@ -0,0 +1,9 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.mjs";
+//#region src/locale/sys/pageDesigner.ts
+var pageDesigner_exports = /* @__PURE__ */ __exportAll({ default: () => pageDesigner_default });
+var pageDesigner_default = {
+	searchField: "搜索字段",
+	dataLinkage: { rootSelectPlaceholder2: "请选择模型字段" }
+};
+//#endregion
+export { pageDesigner_exports };

package/es/locale/sys.d.ts

@@ -0,0 +1,10 @@
+declare const _default: {
+    FieldName: string;
+    requiredOrNot: string;
+    text: string;
+    tableColumnDate: string;
+    signatureImage: string;
+    true: string;
+    checkBarcodeFieldTip: string;
+};
+export default _default;

package/es/locale/sys.mjs

@@ -0,0 +1,14 @@
+import { __exportAll } from "../_virtual/_rolldown/runtime.mjs";
+//#region src/locale/sys.ts
+var sys_exports = /* @__PURE__ */ __exportAll({ default: () => sys_default });
+var sys_default = {
+	FieldName: "字段名称",
+	requiredOrNot: "是否必填",
+	text: "文本",
+	tableColumnDate: "时间",
+	signatureImage: "签名",
+	true: "是",
+	checkBarcodeFieldTip: "请关联实体模型后再配置变量类型的条码内容"
+};
+//#endregion
+export { sys_exports };

package/es/modules/app-mqtt/app-mqtt.interface.d.ts

@@ -0,0 +1,26 @@
+/**
+ * 在线人数变化
+ *
+ * @export
+ * @interface IOnlineCountPayload
+ */
+export interface IOnlineCountPayload {
+    /**
+     * 应用标识
+     *
+     * @type {string}
+     */
+    appId: string;
+    /**
+     * 在线人数
+     *
+     * @type {number}
+     */
+    count: number;
+    /**
+     * 具体环境标识
+     *
+     * @type {string}
+     */
+    env: string;
+}

package/es/modules/app-mqtt/app-mqtt.service.d.ts

@@ -0,0 +1,73 @@
+import { SystemMqttService, IMqttClient, MqttCancelSub, MqttSubCallback } from '@gct-paas/core';
+import { IOnlineCountPayload } from './app-mqtt.interface';
+export declare class AppMqttService extends SystemMqttService {
+    protected static app_client: IMqttClient | undefined;
+    protected static client_id: string;
+    /**
+     * 用户控制消息 topic
+     *
+     * @static
+     */
+    static readonly USER_CONTROL_TOPIC = "users/control/msg";
+    /**
+     * 在线人数变化 topic
+     *
+     * @readonly
+     * @static
+     * @type {string}
+     */
+    static get ONLINE_COUNT_TOPIC(): string;
+    /**
+     * 用户被从当前应用踢出 topic
+     *
+     * @readonly
+     * @static
+     * @type {string}
+     */
+    static get APP_EXIT_TOPIC(): string;
+    /**
+     * 初始化系统级 MQTT 客户端，需要在用户信息以及应用信息加载完成后调用
+     *
+     * @static
+     * @return {*}  {Promise<void>}
+     */
+    protected static createMqtt(): Promise<void>;
+    protected static subs(): void;
+    protected static subKickOut(): MqttCancelSub;
+    /**
+     * 订阅系统级 MQTT 消息
+     *
+     * @static
+     * @param {string} topic
+     */
+    protected static subscribeApp<T = IObject>(topic: string, callback: MqttSubCallback<T>): MqttCancelSub;
+    /**
+     * 订阅在线人数变化
+     *
+     * @static
+     * @param {MqttSubCallback<IOnlineCountPayload>} callback
+     * @return {*}  {MqttCancelSub}
+     */
+    static subOnlineCount(callback: MqttSubCallback<IOnlineCountPayload>): MqttCancelSub;
+    /**
+     * 订阅用户被从当前应用踢出
+     *
+     * @static
+     * @param {MqttSubCallback<void>} callback
+     * @return {*}  {MqttCancelSub}
+     */
+    static subAppExit(): MqttCancelSub;
+    /**
+     * 发送用户上线消息
+     *
+     * @static
+     * @param {string} clientId
+     */
+    static pubOnline(): void;
+    /**
+     * 发送用户下线消息
+     *
+     * @static
+     */
+    static pubExit(): void;
+}

package/es/modules/app-mqtt/app-mqtt.service.mjs

@@ -0,0 +1,134 @@
+import { AuthUtil, DEFAULT_MQTT_INSTANCE_ID, SystemMqttService } from "@gct-paas/core";
+//#region src/modules/app-mqtt/app-mqtt.service.ts
+var AppMqttService = class extends SystemMqttService {
+	static app_client;
+	static client_id = "";
+	/**
+	* 用户控制消息 topic
+	*
+	* @static
+	*/
+	static USER_CONTROL_TOPIC = "users/control/msg";
+	/**
+	* 在线人数变化 topic
+	*
+	* @readonly
+	* @static
+	* @type {string}
+	*/
+	static get ONLINE_COUNT_TOPIC() {
+		return `${_gct.store.appInfo.id}/${_gct.env.getEnv()}/ONLINE_COUNT`;
+	}
+	/**
+	* 用户被从当前应用踢出 topic
+	*
+	* @readonly
+	* @static
+	* @type {string}
+	*/
+	static get APP_EXIT_TOPIC() {
+		return `web.${_gct.store.userInfo.userId}/${_gct.env.getEnv()}.${_gct.store.appInfo.id}.${_gct.store.userInfo.ip}.${this.fingerprint}/EXIT`;
+	}
+	/**
+	* 初始化系统级 MQTT 客户端，需要在用户信息以及应用信息加载完成后调用
+	*
+	* @static
+	* @return {*}  {Promise<void>}
+	*/
+	static async createMqtt() {
+		await super.createMqtt();
+		this.client_id = `web.${_gct.store.userInfo.userId}.${_gct.env.getEnv()}.${_gct.store.appInfo.id}.${_gct.store.userInfo.ip}.${this.fingerprint}.${(/* @__PURE__ */ new Date()).getTime()}`;
+		const mqttProperties = _gct.store.userInfo?.mqttProperties || {};
+		this.app_client = _gct.mqtt.create(DEFAULT_MQTT_INSTANCE_ID, {
+			...mqttProperties,
+			clientId: this.client_id,
+			will: {
+				topic: this.USER_CONTROL_TOPIC,
+				payload: JSON.stringify({
+					clientId: this.client_id,
+					msg: "exit"
+				})
+			}
+		});
+	}
+	static subs() {
+		super.subs();
+		this.subAppExit();
+	}
+	static subKickOut() {
+		return super.subKickOut(() => {
+			this.pubLogout();
+			this.pubExit();
+		});
+	}
+	/**
+	* 订阅系统级 MQTT 消息
+	*
+	* @static
+	* @param {string} topic
+	*/
+	static subscribeApp(topic, callback) {
+		if (!this.app_client) throw new Error("App MQTT client is not initialized");
+		return this.app_client.subscribe(topic, (_topic, payload) => {
+			try {
+				callback(JSON.parse(payload.toString()));
+			} catch (error) {
+				console.error("解析 MQTT 消息 payload 失败:", error);
+			}
+		});
+	}
+	/**
+	* 订阅在线人数变化
+	*
+	* @static
+	* @param {MqttSubCallback<IOnlineCountPayload>} callback
+	* @return {*}  {MqttCancelSub}
+	*/
+	static subOnlineCount(callback) {
+		return this.subscribeApp(this.ONLINE_COUNT_TOPIC, callback);
+	}
+	/**
+	* 订阅用户被从当前应用踢出
+	*
+	* @static
+	* @param {MqttSubCallback<void>} callback
+	* @return {*}  {MqttCancelSub}
+	*/
+	static subAppExit() {
+		return this.subscribeApp(this.APP_EXIT_TOPIC, () => {
+			_gct.message.error(`您已被移出应用【${_gct.store.appInfo.name}】，请稍后再试。`);
+			setTimeout(() => {
+				if (_gct.env.isAppSingle || _gct.env.isSandbox) AuthUtil.getInstance().logout(true);
+				else {
+					const url = new URL(`${location.origin}/paas-front/portal#/home`);
+					window.location.href = url.toString();
+				}
+			}, 1e3);
+		});
+	}
+	/**
+	* 发送用户上线消息
+	*
+	* @static
+	* @param {string} clientId
+	*/
+	static pubOnline() {
+		this.app_client?.publish(this.USER_CONTROL_TOPIC, JSON.stringify({
+			clientId: this.client_id,
+			msg: "online"
+		}));
+	}
+	/**
+	* 发送用户下线消息
+	*
+	* @static
+	*/
+	static pubExit() {
+		this.app_client?.publish(this.USER_CONTROL_TOPIC, JSON.stringify({
+			clientId: this.client_id,
+			msg: "exit"
+		}));
+	}
+};
+//#endregion
+export { AppMqttService };

package/es/modules/app-mqtt/index.d.ts

@@ -0,0 +1,2 @@
+export type * from './app-mqtt.interface';
+export { AppMqttService } from './app-mqtt.service';

package/es/modules/app-mqtt/index.mjs

@@ -0,0 +1 @@
+import "./app-mqtt.service.mjs";

package/es/plugins/render-card-field/render-card-field.css

@@ -0,0 +1,171 @@
+@charset "UTF-8";
+/* stylelint-disable scss/no-global-function-names */
+/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
+/**
+ * 定义 Block 块
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include b('button') {
+ *     padding: 10px;
+ *   }
+ */
+/**
+ * 定义 Element 元素
+ * @param {String|List} $element - Element 元素名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include e('text') {
+ *       color: #000;
+ *     }
+ *   }
+ *   // 或传入多个元素
+ *   @include b('button') {
+ *     @include e(('text', 'icon')) {
+ *       margin: 5px;
+ *     }
+ *   }
+ */
+/**
+ * 定义 Modifier 修饰符
+ * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
+ * @example
+ *   @include b('button') {
+ *     @include m('primary') {
+ *       background: blue;
+ *     }
+ *   }
+ *   // 或传入多个修饰符
+ *   @include b('button') {
+ *     @include m(('primary', 'large')) {
+ *       background: blue;
+ *       font-size: 16px;
+ *     }
+ *   }
+ */
+/**
+ * 定义状态选择器
+ * @param {String} $state - 状态名称
+ * @example
+ *   @include b('button') {
+ *     @include when('disabled') {
+ *       opacity: 0.5;
+ *     }
+ *   }
+ */
+/**
+ * 深色主题样式
+ * @param {String} $block - Block 块名称
+ * @example
+ *   @include dark('button') {
+ *     background: #333;
+ *     color: #fff;
+ *   }
+ */
+/* stylelint-disable scss/no-global-function-names */
+.gct-render-card-field--horizontal {
+  display: flex;
+  align-items: start;
+}
+
+.gct-render-card-field--vertical {
+  display: flex;
+  flex-direction: column;
+}
+
+.gct-render-card-field__placeholder {
+  font-style: italic;
+  color: var(--gct-color-text-3);
+}
+
+.gct-render-card-field__label--name.is-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.gct-render-card-field__label--name {
+  max-width: calc(100% - 14px);
+}
+
+.gct-render-card-field__label {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+}
+.gct-render-card-field__label > span {
+  display: inline-block;
+}
+
+.gct-render-card-field__value {
+  display: flex;
+  flex-grow: 1;
+  align-items: center;
+}
+.gct-render-card-field__value .field-tags-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  align-items: center;
+}
+.gct-render-card-field__value .field-tag {
+  display: inline-block;
+  padding: 2px 8px;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--gct-color-primary);
+  white-space: nowrap;
+  background-color: var(--gct-color-primary-light-8);
+  border-radius: 4px;
+}
+
+.gct-render-card-field__value-tag {
+  display: flex;
+  align-items: center;
+  padding: 2px var(--gct-padding-4);
+  color: var(--ant-primary-color);
+}
+.gct-render-card-field__value-tag.radius {
+  color: #fff;
+  background-color: var(--ant-primary-color);
+  border-radius: 5px;
+}
+.gct-render-card-field__value-tag.linear_radius {
+  border: 1px solid var(--ant-primary-color);
+  border-radius: 5px;
+}
+.gct-render-card-field__value-tag.big_radius {
+  color: #fff;
+  background-color: var(--ant-primary-color);
+  border-radius: 10px;
+}
+.gct-render-card-field__value-tag.linear_big_radius {
+  border: 1px solid var(--ant-primary-color);
+  border-radius: 10px;
+}
+.gct-render-card-field__value-tag.dashed_radius {
+  border: 1px dashed var(--ant-primary-color);
+  border-radius: 5px;
+}
+.gct-render-card-field__value-tag.status {
+  color: #fff;
+  background-color: var(--ant-primary-color);
+  border-radius: 4px;
+  border-top-left-radius: 15px;
+}
+
+.gct-render-card-field {
+  height: 100%;
+  margin-bottom: var(--gct-spacing-3);
+  overflow: hidden;
+  color: var(--gct-color-text-4);
+}
+.gct-render-card-field.render-card-field--vertical .render-card-field__label {
+  margin-bottom: var(--gct-spacing-2);
+}
+.gct-render-card-field.render-card-field--vertical .render-card-field__value {
+  word-break: break-all;
+}
+.gct-render-card-field.render-card-field--horizontal .render-card-field__label {
+  min-width: 80px;
+  margin-right: var(--gct-spacing-3);
+}

package/es/plugins/render-card-field/render-card-field.d.ts

@@ -0,0 +1,48 @@
+import { PropType } from 'vue';
+import { IDesignNode } from '@gct-paas/schema';
+export declare const RenderCardField: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    c: {
+        type: ObjectConstructor;
+    };
+    model: {
+        type: PropType<IDesignNode>;
+        default: () => {};
+    };
+    context: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pageModel: {
+        type: PropType<IDesignNode>;
+        default: () => {};
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    c: {
+        type: ObjectConstructor;
+    };
+    model: {
+        type: PropType<IDesignNode>;
+        default: () => {};
+    };
+    context: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    preview: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pageModel: {
+        type: PropType<IDesignNode>;
+        default: () => {};
+    };
+}>> & Readonly<{}>, {
+    model: IDesignNode<import('@gct-paas/schema').IDesignNodeData>;
+    context: Record<string, any>;
+    preview: boolean;
+    pageModel: IDesignNode<import('@gct-paas/schema').IDesignNodeData>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/plugins/render-card-field/render-card-field.mjs

@@ -0,0 +1,157 @@
+import './render-card-field.css';/* empty css                        */
+import { RenderNodeRegister } from "@gct-paas/render";
+import { computed, createTextVNode, createVNode, defineComponent, h, ref, resolveComponent } from "vue";
+import { FIELD_TYPE, modelLoader, nullDisplayEnum, t, useNamespace } from "@gct-paas/core";
+import { isString } from "lodash-es";
+import { formatFieldValue, transformField2Component } from "@gct-paas/schema";
+//#region src/plugins/render-card-field/render-card-field.tsx
+var RenderCardField = /* @__PURE__ */ defineComponent({
+	name: "RenderCardField",
+	props: {
+		c: { type: Object },
+		model: {
+			type: Object,
+			default: () => ({})
+		},
+		context: {
+			type: Object,
+			default: () => ({})
+		},
+		preview: {
+			type: Boolean,
+			default: false
+		},
+		pageModel: {
+			type: Object,
+			default: () => ({})
+		}
+	},
+	setup(props) {
+		const ns = useNamespace("render-card-field");
+		const pageData = computed(() => {
+			return props.pageModel?.data || {};
+		});
+		const nodeData = computed(() => {
+			return props.model?.data || {};
+		});
+		const fieldProvider = computed(() => {
+			return RenderNodeRegister.getDesignEditorNode(nodeData.value.type);
+		});
+		const fieldCom = computed(() => {
+			if (fieldProvider.value && fieldProvider.value.component) {
+				if (typeof fieldProvider.value.component === "string") return resolveComponent(fieldProvider.value.component);
+				return fieldProvider.value.component;
+			}
+			return null;
+		});
+		const layout = computed(() => {
+			return props.pageModel.data.layout_mode || "horizontal";
+		});
+		const labelWrap = computed(() => {
+			return pageData.value.wrap_mode === "wrap";
+		});
+		const labelStyle = computed(() => {
+			const style = {};
+			if (pageData.value.custom_label_width) style.width = `${pageData.value.label_width}${pageData.value.label_mode === "percent" ? "%" : "px"}`;
+			if (nodeData.value.label_font) {
+				const font_style = nodeData.value.label_font;
+				Object.assign(style, {
+					fontSize: font_style.fontSize,
+					color: font_style.color,
+					justifyContent: font_style.align === "justify" ? "space-between" : font_style.align,
+					fontWeight: font_style.bold ? "bold" : "normal",
+					fontStyle: font_style.italic ? "italic" : "normal",
+					textDecoration: font_style.textDecoration
+				});
+			}
+			return style;
+		});
+		const contentStyle = computed(() => {
+			const style = {};
+			if (nodeData.value.content_font) {
+				const font_style = nodeData.value.content_font;
+				Object.assign(style, {
+					fontSize: font_style.fontSize,
+					color: font_style.color,
+					justifyContent: font_style.align === "justify" ? "space-between" : font_style.align,
+					fontWeight: font_style.bold ? "bold" : "normal",
+					fontStyle: font_style.italic ? "italic" : "normal",
+					textDecoration: font_style.textDecoration
+				});
+			}
+			return style;
+		});
+		const field = ref(null);
+		const fieldLabel = computed(() => {
+			return nodeData.value.label || field.value?.name || "";
+		});
+		const fieldValue = computed(() => {
+			if (!field.value) return "";
+			let text = "";
+			if (props.preview === true) text = getLabelText(field.value) || "";
+			else text = props.context.data?.[field.value.key] || "";
+			if (text) return formatFieldValue$1(text);
+			return "";
+		});
+		function formatFieldValue$1(text) {
+			if (!field.value) return String(text || "");
+			return formatFieldValue(text, {
+				field: {
+					type: field.value.type || "",
+					mappingType: field.value.mappingType,
+					specificConfig: field.value.specificConfig
+				},
+				format: nodeData.value.format,
+				editorType: nodeData.value.editor_type,
+				currency: nodeData.value.currency,
+				timeType: nodeData.value.time_type
+			});
+		}
+		function getLabelText(field) {
+			const type = field.type === FIELD_TYPE.AGG || field.type === FIELD_TYPE.EXPRESSION ? field.mappingType : field.type;
+			const example = type ? transformField2Component(type)?.example : "";
+			let showMsg = example ? isString(example) ? t(example) : example.map((e) => t(e)) : "";
+			if (type === FIELD_TYPE.ENUM_MULTI || type === FIELD_TYPE.ENUM) showMsg = showMsg ? isString(showMsg) ? [showMsg] : showMsg : [];
+			if (showMsg instanceof Array) return showMsg.join("，");
+			else return showMsg;
+		}
+		function renderFieldValue() {
+			if (fieldValue.value === null || fieldValue.value === void 0 || fieldValue.value === "") return nullDisplayEnum[_gct.store.getEmptyDisplay];
+			const content = fieldCom.value ? h(fieldCom.value, {
+				...props,
+				field: field.value,
+				value: fieldValue.value
+			}) : fieldValue.value;
+			const tagStyle = nodeData.value.tag_style;
+			if (tagStyle && tagStyle.check === true) return createVNode("span", {
+				"class": [ns.e("value-tag"), tagStyle.mode],
+				"style": { "--ant-primary-color": tagStyle.color }
+			}, [content]);
+			return content;
+		}
+		async function loadModelField() {
+			try {
+				field.value = await modelLoader.loadField(nodeData.value.modelKey, nodeData.value.key);
+				console.log("field", field.value);
+			} catch (error) {
+				console.warn("加载模型失败:", error);
+			}
+		}
+		loadModelField();
+		return () => {
+			if (!field.value) return null;
+			return createVNode("div", { "class": [ns.b(), layout.value === "vertical" ? ns.m("vertical") : ns.m("horizontal")] }, [nodeData.value.show_label !== true ? null : createVNode("div", {
+				"class": ns.e("label"),
+				"style": labelStyle.value
+			}, [createVNode("span", {
+				"title": fieldLabel.value,
+				"class": [ns.em("label", "name"), ns.is("ellipsis", labelWrap.value !== true)]
+			}, [fieldLabel.value]), createVNode("span", { "class": ns.em("label", "colon") }, [createTextVNode("：")])]), createVNode("div", {
+				"class": ns.e("value"),
+				"style": contentStyle.value
+			}, [renderFieldValue()])]);
+		};
+	}
+});
+//#endregion
+export { RenderCardField };

package/es/plugins/render-card-field/render-card-field.provider.d.ts

@@ -0,0 +1,7 @@
+import { IRenderItemNodeProvider } from '@gct-paas/render';
+import { DesignNodeMode } from '@gct-paas/schema';
+export declare class RenderCardFieldProvider implements IRenderItemNodeProvider {
+    mode: DesignNodeMode.ITEM;
+    type: string;
+    component: string;
+}

package/es/plugins/render-card-field/render-card-field.provider.mjs

@@ -0,0 +1,10 @@
+import { RenderNodeType } from "@gct-paas/render";
+import { DesignNodeMode } from "@gct-paas/schema";
+//#region src/plugins/render-card-field/render-card-field.provider.ts
+var RenderCardFieldProvider = class {
+	mode = DesignNodeMode.ITEM;
+	type = RenderNodeType.FIELD;
+	component = "RenderCardField";
+};
+//#endregion
+export { RenderCardFieldProvider };