@gct-paas/core 0.1.5-dev.5 → 0.1.5-dev.7

package/es/interface/open-util/i-overlay-popover-container/i-overlay-popover-container.d.ts

@@ -0,0 +1,21 @@
+import { IOverlayContainer } from '../i-overlay-container/i-overlay-container';
+/**
+ * 飘窗容器
+ *
+ * @author chitanda
+ * @date 2022-11-09 14:11:39
+ * @export
+ * @interface IOverlayPopoverContainer
+ * @extends {IOverlayContainer}
+ */
+export interface IOverlayPopoverContainer extends IOverlayContainer {
+    /**
+     * 展示飘窗容器
+     *
+     * @author chitanda
+     * @date 2022-11-09 14:11:47
+     * @param {HTMLElement} el
+     * @return {*}  {Promise<void>}
+     */
+    present(el?: HTMLElement): Promise<void>;
+}

package/es/interface/open-util/index.d.ts

@@ -1,7 +1,9 @@
+export type { IAppFullScreenContainerOptions } from './i-app-full-screen-container-options/i-app-full-screen-container-options';
 export type { IMessageParams, IMessageUtil, } from './i-message-util/i-message-util';
 export type { IModal } from './i-modal/i-modal';
 export type { IModalData } from './i-modal-data/i-modal-data';
 export type { IModalOptions } from './i-modal-options/i-modal-options';
 export type { IOpenWindowOptions } from './i-open-window-options/i-open-window-options';
 export type { IOverlayContainer } from './i-overlay-container/i-overlay-container';
-export type { IOverlayController } from './i-overlay-controller/i-overlay-controller';
+export type { FloatingUIConfig, IOverlayController, } from './i-overlay-controller/i-overlay-controller';
+export type { IOverlayPopoverContainer } from './i-overlay-popover-container/i-overlay-popover-container';

package/es/modules/mqtt/enums/mqtt-status.enum.d.ts

@@ -1,3 +1,4 @@
+export declare const DEFAULT_MQTT_INSTANCE_ID = "DEFAULT_MQTT_INSTANCE_ID";
 /**
  * MQTT 连接状态枚举
  *

package/es/modules/mqtt/enums/mqtt-status.enum.mjs

@@ -1,4 +1,5 @@
 //#region src/modules/mqtt/enums/mqtt-status.enum.ts
+var DEFAULT_MQTT_INSTANCE_ID = "DEFAULT_MQTT_INSTANCE_ID";
 /**
 * MQTT 连接状态枚举
 *
@@ -21,4 +22,4 @@ var MqttConnectionStatus = /* @__PURE__ */ function(MqttConnectionStatus) {
 	return MqttConnectionStatus;
 }({});
 //#endregion
-export { MqttConnectionStatus };
+export { DEFAULT_MQTT_INSTANCE_ID, MqttConnectionStatus };

package/es/modules/mqtt/mqtt-manager.d.ts

@@ -63,7 +63,7 @@ export declare class MqttManager implements IMqttManager {
      * @param instanceId 实例唯一标识
      * @returns 客户端实例，若不存在则返回 undefined
      */
-    get(instanceId: string): IMqttClient | undefined;
+    get(instanceId?: string): IMqttClient | undefined;
     /**
      * 判断指定实例是否已存在
      *

package/es/modules/mqtt/mqtt-manager.mjs

@@ -1,3 +1,4 @@
+import { DEFAULT_MQTT_INSTANCE_ID } from "./enums/mqtt-status.enum.mjs";
 import { MqttClient } from "./mqtt-client.mjs";
 import { createUUID } from "qx-util";
 //#region src/modules/mqtt/mqtt-manager.ts
@@ -77,7 +78,7 @@ var MqttManager = class {
 	* @param instanceId 实例唯一标识
 	* @returns 客户端实例，若不存在则返回 undefined
 	*/
-	get(instanceId) {
+	get(instanceId = DEFAULT_MQTT_INSTANCE_ID) {
 		return this._clients.get(instanceId);
 	}
 	/**

package/es/modules/platform-config/store.mjs

@@ -46,7 +46,6 @@ var usePlatformConfigStore = defineStore("platform-config", () => {
 		if (map[PlatformSettingEnum.THEME]) theme.setThemeSetting(map[PlatformSettingEnum.THEME]);
 		if (map[PlatformSettingEnum.WATERMARK]) watermark.setWatermarkSetting(map[PlatformSettingEnum.WATERMARK]);
 		if (map[PlatformSettingEnum.DEPLOY]) deploy.setDeploySetting(map[PlatformSettingEnum.DEPLOY]);
-		console.debug("平台配置初始化完成", map);
 	}
 	/**应用前台设置初始化 */
 	async function renderInit() {

package/es/router/index.mjs

@@ -18,7 +18,7 @@ var RouterUtil = class {
 	async add(route) {
 		if (Array.isArray(route)) route.forEach((r) => this.router.addRoute(r));
 		else this.router.addRoute(route);
-		if (!this.router.hasRoute(this.router.currentRoute.value.name)) await this.router.replace(this.router.currentRoute.value.fullPath);
+		if (this.router.currentRoute.value.name && !this.router.hasRoute(this.router.currentRoute.value.name)) await this.router.replace(this.router.currentRoute.value.fullPath);
 	}
 	/**刷新当前路由 */
 	async redo() {

package/es/setup-app.mjs

@@ -20,7 +20,9 @@ async function setupApp(_app) {
 	const token = getToken();
 	if (token) try {
 		await useUserStore().getUserInfoAction(token);
-	} catch {}
+	} catch (error) {
+		console.error("获取用户信息失败", error);
+	}
 }
 //#endregion
 export { setupApp };

package/es/utils/index.d.ts

@@ -29,5 +29,6 @@ export * from './file/download';
 export * from './file/base64Conver';
 export * from './file/parser';
 export * from './design/design';
+export * from './text-measure/text-measure';
 export { permission } from './permission';
 export { getVueComponentByCode } from './vue-component-code';

package/es/utils/index.mjs

@@ -11,6 +11,7 @@ import "./model-loader/model-loader.mjs";
 import "./namespace/namespace.mjs";
 import "./openUtil/modal/modal.mjs";
 import "./openUtil/overlay-container/overlay-container.mjs";
+import "./openUtil/overlay-popover-container/overlay-popover-container.mjs";
 import "./openUtil/index.mjs";
 import "./kit-pkg-util/kit-pkg-util.mjs";
 import "./plugin-pkg-util/plugin-pkg-util.mjs";
@@ -31,5 +32,6 @@ import "./file/base64Conver.mjs";
 import "./file/download.mjs";
 import "./file/parser.mjs";
 import "./design/design.mjs";
+import "./text-measure/text-measure.mjs";
 import "./permission.mjs";
 import "./vue-component-code.mjs";

package/es/utils/openUtil/index.d.ts

@@ -1,2 +1,3 @@
 export { Modal } from './modal/modal';
 export { OverlayContainer } from './overlay-container/overlay-container';
+export { OverlayPopoverContainer } from './overlay-popover-container/overlay-popover-container';

package/es/utils/openUtil/index.mjs

@@ -1,2 +1,3 @@
 import "./modal/modal.mjs";
 import "./overlay-container/overlay-container.mjs";
+import "./overlay-popover-container/overlay-popover-container.mjs";

package/es/utils/openUtil/overlay-popover-container/overlay-popover-container.d.ts

@@ -0,0 +1,15 @@
+import { IOverlayPopoverContainer, IPopoverOptions } from '../../../interface';
+import { OverlayContainer } from '../overlay-container/overlay-container';
+/**
+ * 飘窗组件呈现容器
+ *
+ * @author zhanghanrui
+ * @date 2024-04-08 09:04:42
+ * @export
+ * @class OverlayPopoverContainer
+ * @extends {OverlayContainer<IPopoverOptions>}
+ * @implements {IOverlayPopoverContainer}
+ */
+export declare class OverlayPopoverContainer extends OverlayContainer<IPopoverOptions> implements IOverlayPopoverContainer {
+    present(): Promise<void>;
+}

package/es/utils/openUtil/overlay-popover-container/overlay-popover-container.mjs

@@ -0,0 +1,19 @@
+import { OverlayContainer } from "../overlay-container/overlay-container.mjs";
+//#region src/utils/openUtil/overlay-popover-container/overlay-popover-container.ts
+/**
+* 飘窗组件呈现容器
+*
+* @author zhanghanrui
+* @date 2024-04-08 09:04:42
+* @export
+* @class OverlayPopoverContainer
+* @extends {OverlayContainer<IPopoverOptions>}
+* @implements {IOverlayPopoverContainer}
+*/
+var OverlayPopoverContainer = class extends OverlayContainer {
+	present(target) {
+		return this.modal.present(target);
+	}
+};
+//#endregion
+export { OverlayPopoverContainer };

package/es/utils/plugin-pkg-util/plugin-pkg-util.d.ts

@@ -47,7 +47,7 @@ export declare class PluginPgkUtil {
      * @protected
      * @static
      * @param {IStyleIMportMap[]} plugins
-     * @returns {*}  {Promise<System.Module[]>}
+     * @returns {*}  {Promise<IObject[]>}
      */
     protected static loadPlugins(mode: PluginModeEnum, configs?: PluginTenant['plugins']): Promise<IModuleMap>;
     /**

package/es/utils/plugin-pkg-util/plugin-pkg-util.mjs

@@ -60,7 +60,7 @@ var PluginPgkUtil = class {
 	* @protected
 	* @static
 	* @param {IStyleIMportMap[]} plugins
-	* @returns {*}  {Promise<System.Module[]>}
+	* @returns {*}  {Promise<IObject[]>}
 	*/
 	static async loadPlugins(mode, configs = []) {
 		const moduleMap = {};

package/es/utils/text-measure/text-measure.d.ts

@@ -0,0 +1,141 @@
+/**
+ * 文本测量工具类
+ * 使用 Canvas 测量文本宽度，支持批量测量
+ */
+interface TextMeasureOptions {
+    /** 字体大小，默认 14px */
+    fontSize?: string | number;
+    /** 字体族，默认 'Arial, sans-serif' */
+    fontFamily?: string;
+    /** 字体粗细，默认 'normal' */
+    fontWeight?: string | number;
+    /** 字体样式，默认 'normal' */
+    fontStyle?: string;
+}
+interface TextMeasureResult {
+    /** 文本内容 */
+    text: string;
+    /** 计算得到的宽度 */
+    width: number;
+}
+declare class TextMeasureUtil {
+    private canvas;
+    private ctx;
+    /**
+     * 获取 Canvas 上下文，懒加载创建
+     */
+    private getContext;
+    /**
+     * 设置字体样式
+     */
+    private setFont;
+    /**
+     * 测量单个文本的宽度
+     *
+     * @param text 要测量的文本
+     * @param options 字体选项
+     * @returns 文本宽度（像素）
+     */
+    measureText(text: string, options?: TextMeasureOptions): number;
+    /**
+     * 批量测量多段文本的宽度
+     *
+     * @param texts 要测量的文本数组
+     * @param options 字体选项
+     * @returns 包含每段文本和对应宽度的结果数组
+     */
+    measureTexts(texts: string[], options?: TextMeasureOptions): TextMeasureResult[];
+    /**
+     * 获取文本的最大宽度
+     *
+     * @param texts 要测量的文本数组
+     * @param options 字体选项
+     * @returns 最大宽度（像素）
+     */
+    getMaxWidth(texts: string[], options?: TextMeasureOptions): number;
+    /**
+     * 获取文本的最小宽度
+     *
+     * @param texts 要测量的文本数组
+     * @param options 字体选项
+     * @returns 最小宽度（像素）
+     */
+    getMinWidth(texts: string[], options?: TextMeasureOptions): number;
+    /**
+     * 计算文本的总宽度（用于水平排列的文本）
+     *
+     * @param texts 要测量的文本数组
+     * @param options 字体选项
+     * @param spacing 文本间的间距，默认 0
+     * @returns 总宽度（像素）
+     */
+    getTotalWidth(texts: string[], options?: TextMeasureOptions, spacing?: number): number;
+    /**
+     * 根据最大宽度截断文本，添加省略号
+     *
+     * @param text 原始文本
+     * @param maxWidth 最大宽度
+     * @param options 字体选项
+     * @param ellipsis 省略号，默认 '...'
+     * @param minChars 最少显示字符数，默认 0
+     * @returns 截断后的文本
+     */
+    truncateText(text: string, maxWidth: number, options?: TextMeasureOptions, ellipsis?: string, minChars?: number): string;
+    /**
+     * 销毁资源
+     */
+    destroy(): void;
+}
+/**
+ * 测量单个文本的宽度
+ *
+ * @param text 要测量的文本
+ * @param options 字体选项
+ * @returns 文本宽度（像素）
+ */
+export declare function measureText(text: string, options?: TextMeasureOptions): number;
+/**
+ * 批量测量多段文本的宽度
+ *
+ * @param texts 要测量的文本数组
+ * @param options 字体选项
+ * @returns 包含每段文本和对应宽度的结果数组
+ */
+export declare function measureTexts(texts: string[], options?: TextMeasureOptions): TextMeasureResult[];
+/**
+ * 获取文本的最大宽度
+ *
+ * @param texts 要测量的文本数组
+ * @param options 字体选项
+ * @returns 最大宽度（像素）
+ */
+export declare function getMaxTextWidth(texts: string[], options?: TextMeasureOptions): number;
+/**
+ * 获取文本的最小宽度
+ *
+ * @param texts 要测量的文本数组
+ * @param options 字体选项
+ * @returns 最小宽度（像素）
+ */
+export declare function getMinTextWidth(texts: string[], options?: TextMeasureOptions): number;
+/**
+ * 计算文本的总宽度（用于水平排列的文本）
+ *
+ * @param texts 要测量的文本数组
+ * @param options 字体选项
+ * @param spacing 文本间的间距，默认 0
+ * @returns 总宽度（像素）
+ */
+export declare function getTotalTextWidth(texts: string[], options?: TextMeasureOptions, spacing?: number): number;
+/**
+ * 根据最大宽度截断文本，添加省略号
+ *
+ * @param text 原始文本
+ * @param maxWidth 最大宽度
+ * @param options 字体选项
+ * @param ellipsis 省略号，默认 '...'
+ * @param minChars 最少显示字符数，默认 0
+ * @returns 截断后的文本
+ */
+export declare function truncateText(text: string, maxWidth: number, options?: TextMeasureOptions, ellipsis?: string, minChars?: number): string;
+export { TextMeasureUtil, type TextMeasureOptions, type TextMeasureResult };

package/es/utils/text-measure/text-measure.mjs

@@ -0,0 +1,191 @@
+//#region src/utils/text-measure/text-measure.ts
+var TextMeasureUtil = class {
+	canvas = null;
+	ctx = null;
+	/**
+	* 获取 Canvas 上下文，懒加载创建
+	*/
+	getContext() {
+		if (!this.canvas) {
+			this.canvas = document.createElement("canvas");
+			this.ctx = this.canvas.getContext("2d");
+			if (!this.ctx) throw new Error("无法创建 Canvas 2D 上下文");
+		}
+		return this.ctx;
+	}
+	/**
+	* 设置字体样式
+	*/
+	setFont(options = {}) {
+		const { fontSize = 14, fontFamily = "Arial, sans-serif", fontWeight = "normal", fontStyle = "normal" } = options;
+		const ctx = this.getContext();
+		ctx.font = `${fontStyle} ${fontWeight} ${typeof fontSize === "number" ? `${fontSize}px` : fontSize} ${fontFamily}`;
+	}
+	/**
+	* 测量单个文本的宽度
+	*
+	* @param text 要测量的文本
+	* @param options 字体选项
+	* @returns 文本宽度（像素）
+	*/
+	measureText(text, options = {}) {
+		if (!text) return 0;
+		this.setFont(options);
+		const metrics = this.getContext().measureText(text);
+		return Math.ceil(metrics.width);
+	}
+	/**
+	* 批量测量多段文本的宽度
+	*
+	* @param texts 要测量的文本数组
+	* @param options 字体选项
+	* @returns 包含每段文本和对应宽度的结果数组
+	*/
+	measureTexts(texts, options = {}) {
+		if (!texts || texts.length === 0) return [];
+		this.setFont(options);
+		const ctx = this.getContext();
+		return texts.map((text) => ({
+			text,
+			width: text ? Math.ceil(ctx.measureText(text).width) : 0
+		}));
+	}
+	/**
+	* 获取文本的最大宽度
+	*
+	* @param texts 要测量的文本数组
+	* @param options 字体选项
+	* @returns 最大宽度（像素）
+	*/
+	getMaxWidth(texts, options = {}) {
+		const results = this.measureTexts(texts, options);
+		return Math.max(...results.map((result) => result.width), 0);
+	}
+	/**
+	* 获取文本的最小宽度
+	*
+	* @param texts 要测量的文本数组
+	* @param options 字体选项
+	* @returns 最小宽度（像素）
+	*/
+	getMinWidth(texts, options = {}) {
+		const results = this.measureTexts(texts, options);
+		return Math.min(...results.map((result) => result.width), 0);
+	}
+	/**
+	* 计算文本的总宽度（用于水平排列的文本）
+	*
+	* @param texts 要测量的文本数组
+	* @param options 字体选项
+	* @param spacing 文本间的间距，默认 0
+	* @returns 总宽度（像素）
+	*/
+	getTotalWidth(texts, options = {}, spacing = 0) {
+		return this.measureTexts(texts, options).reduce((sum, result) => sum + result.width, 0) + Math.max(0, texts.length - 1) * spacing;
+	}
+	/**
+	* 根据最大宽度截断文本，添加省略号
+	*
+	* @param text 原始文本
+	* @param maxWidth 最大宽度
+	* @param options 字体选项
+	* @param ellipsis 省略号，默认 '...'
+	* @param minChars 最少显示字符数，默认 0
+	* @returns 截断后的文本
+	*/
+	truncateText(text, maxWidth, options = {}, ellipsis = "...", minChars = 0) {
+		if (!text) return "";
+		if (this.measureText(text, options) <= maxWidth) return text;
+		const availableWidth = maxWidth - this.measureText(ellipsis, options);
+		if (availableWidth <= 0) {
+			if (minChars > 0) return text.substring(0, minChars) + ellipsis;
+			return ellipsis;
+		}
+		let left = minChars;
+		let right = text.length;
+		let result = minChars > 0 ? text.substring(0, minChars) : "";
+		while (left <= right) {
+			const mid = Math.floor((left + right) / 2);
+			const substring = text.substring(0, mid);
+			if (this.measureText(substring, options) <= availableWidth) {
+				result = substring;
+				left = mid + 1;
+			} else right = mid - 1;
+		}
+		return result + ellipsis;
+	}
+	/**
+	* 销毁资源
+	*/
+	destroy() {
+		this.canvas = null;
+		this.ctx = null;
+	}
+};
+var textMeasureUtil = new TextMeasureUtil();
+/**
+* 测量单个文本的宽度
+*
+* @param text 要测量的文本
+* @param options 字体选项
+* @returns 文本宽度（像素）
+*/
+function measureText(text, options) {
+	return textMeasureUtil.measureText(text, options);
+}
+/**
+* 批量测量多段文本的宽度
+*
+* @param texts 要测量的文本数组
+* @param options 字体选项
+* @returns 包含每段文本和对应宽度的结果数组
+*/
+function measureTexts(texts, options) {
+	return textMeasureUtil.measureTexts(texts, options);
+}
+/**
+* 获取文本的最大宽度
+*
+* @param texts 要测量的文本数组
+* @param options 字体选项
+* @returns 最大宽度（像素）
+*/
+function getMaxTextWidth(texts, options) {
+	return textMeasureUtil.getMaxWidth(texts, options);
+}
+/**
+* 获取文本的最小宽度
+*
+* @param texts 要测量的文本数组
+* @param options 字体选项
+* @returns 最小宽度（像素）
+*/
+function getMinTextWidth(texts, options) {
+	return textMeasureUtil.getMinWidth(texts, options);
+}
+/**
+* 计算文本的总宽度（用于水平排列的文本）
+*
+* @param texts 要测量的文本数组
+* @param options 字体选项
+* @param spacing 文本间的间距，默认 0
+* @returns 总宽度（像素）
+*/
+function getTotalTextWidth(texts, options, spacing) {
+	return textMeasureUtil.getTotalWidth(texts, options, spacing);
+}
+/**
+* 根据最大宽度截断文本，添加省略号
+*
+* @param text 原始文本
+* @param maxWidth 最大宽度
+* @param options 字体选项
+* @param ellipsis 省略号，默认 '...'
+* @param minChars 最少显示字符数，默认 0
+* @returns 截断后的文本
+*/
+function truncateText(text, maxWidth, options, ellipsis, minChars) {
+	return textMeasureUtil.truncateText(text, maxWidth, options, ellipsis, minChars);
+}
+//#endregion
+export { TextMeasureUtil, getMaxTextWidth, getMinTextWidth, getTotalTextWidth, measureText, measureTexts, truncateText };

package/es/utils/util.d.ts

@@ -37,3 +37,4 @@ export declare function genUrl(url: string, data: IObject): string;
  * ```
  */
 export declare function openWindow(url: string, options?: IOpenWindowOptions): Window | null;
+export declare const deleteAndInsertArr: (arr: IObject[], deleteIndex: number, insertIndex: number) => void;

package/es/utils/util.mjs

@@ -56,5 +56,13 @@ function openWindow(url, options) {
 	if (optionStr) featuresStr = featuresStr ? `${featuresStr},${optionStr}` : optionStr;
 	return window.open(finalUrl, target, featuresStr);
 }
+var deleteAndInsertArr = (arr, deleteIndex, insertIndex) => {
+	if (deleteIndex < 0 || deleteIndex >= arr.length || insertIndex < 0 || insertIndex > arr.length) {
+		console.log("下标超出数组范围");
+		return;
+	}
+	const deletedElement = arr.splice(deleteIndex, 1)[0];
+	arr.splice(insertIndex, 0, deletedElement);
+};
 //#endregion
-export { genUrl, openWindow };
+export { deleteAndInsertArr, genUrl, openWindow };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core",
-  "version": "0.1.5-dev.5",
+  "version": "0.1.5-dev.7",
   "type": "module",
   "description": "paas 平台核心包",
   "loader": "dist/index.esm.min.js",
@@ -32,7 +32,8 @@
   "author": "gct",
   "dependencies": {
     "@fingerprintjs/fingerprintjs": "^5.1.0",
-    "@gct-paas/api": "0.1.4-dev.0",
+    "@floating-ui/dom": "^1.7.6",
+    "@gct-paas/api": "0.1.4-dev.1",
     "@module-federation/runtime": "^2.2.3",
     "@vueuse/core": "^14.1.0",
     "async-validator": "^4.2.5",
@@ -57,7 +58,7 @@
     "playwright": "^1.58.0"
   },
   "peerDependencies": {
-    "@gct-paas/api": "0.1.4-dev.0",
+    "@gct-paas/api": "0.1.4-dev.1",
     "vue": ">=3",
     "vue-i18n": ">=11",
     "vue-router": ">=4"

package/es/interface/i-import-style-map/i-import-style-map.d.ts

@@ -1,15 +0,0 @@
-/**
- * systemjs 扩展样式模块加载声明
- *
- * @export
- * @interface IStyleIMportMap
- * @extends {System.ImportMap}
- */
-export interface IStyleIMportMap extends System.ImportMap {
-    /**
-     * 样式静态资源相对或者绝对路径与 imports 里边对应，会在加载 import 脚本时，自动加载样式文件
-     *
-     * @type {(Record<string, string[] | string>)}
-     */
-    styles?: Record<string, string[] | string>;
-}