@gct-paas/core 0.1.5-dev.0 → 0.1.5-dev.10

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/tools/tools.d.ts

@@ -11,7 +11,7 @@ export declare function getToken(): string | null;
  * @export
  * @param {string} token
  */
-export declare function setToken(token: string): void;
+export declare function setToken(token?: string): void;
 /**
  * 从 cookie 获取租户标识
  *

package/es/utils/uploader/uploader.mjs

@@ -26,9 +26,7 @@ var Uploader = class {
 		}
 	}
 	static async uploadByFile(file, isApp = false, modelKey) {
-		const formData = new FormData();
-		formData.append("file", file, file.name);
-		return "/" + await (isApp ? appUploadapis : passUploadapis)(formData, modelKey);
+		return "/" + (await (isApp ? appUploadapis : passUploadapis)(file, modelKey)).data;
 	}
 	static toBase64(file) {
 		return new Promise((resolve, reject) => {
@@ -77,10 +75,10 @@ var Uploader = class {
 	}
 };
 async function appUploadapis(formData, modelKey) {
-	return _api.apaas.fileResource.postUpload({ ...modelKey ? { modelKey } : {} }, formData, { headers: { "Content-Type": "multipart/form-data;charset=UTF-8" } });
+	return _api.apaas.fileResource.postUpload({ ...modelKey ? { modelKey } : {} }, { file: formData });
 }
 async function passUploadapis(formData) {
-	return _api.apaas.file.postUploadImage({ bucket: "IMAGE" }, formData, { headers: { "Content-Type": "multipart/form-data;charset=UTF-8" } });
+	return _api.apaas.file.postUploadImage({ bucket: "IMAGE" }, { file: formData });
 }
 //#endregion
 export { Uploader };

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/es/utils/vue-component-code.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 从字符串形式的 Vue 组件代码中解析并创建 Vue 组件实例
+ *
+ * @export
+ * @param {string} comStr
+ * @return {*}  {IObject}
+ */
+export declare function getVueComponentByCode(comStr: string): IObject;

package/es/utils/vue-component-code.mjs

@@ -0,0 +1,37 @@
+import * as Vue from "vue";
+//#region src/utils/vue-component-code.ts
+/**
+* 从字符串形式的 Vue 组件代码中解析并创建 Vue 组件实例
+*
+* @export
+* @param {string} comStr
+* @return {*}  {IObject}
+*/
+function getVueComponentByCode(comStr) {
+	if (!comStr) return {};
+	let parsedCode;
+	try {
+		parsedCode = JSON.parse(comStr);
+	} catch (e) {
+		console.warn("Vue component JSON parsing failed.", e);
+		return {};
+	}
+	const { js, render } = parsedCode;
+	if (!js || !render) {
+		console.warn("Vue component is missing \"js\" or \"render\" code.");
+		return {};
+	}
+	try {
+		const exports = { default: {} };
+		new Function("exports", js)(exports);
+		new Function("exports", "_vue", render)(exports.default, Vue);
+		/**检查data是否合法 */
+		exports.default.data?.();
+		return exports.default;
+	} catch (e) {
+		console.warn("Vue component creation from parsed code failed.", e);
+		return {};
+	}
+}
+//#endregion
+export { getVueComponentByCode };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core",
-  "version": "0.1.5-dev.0",
+  "version": "0.1.5-dev.10",
   "type": "module",
   "description": "paas 平台核心包",
   "loader": "dist/index.esm.min.js",
@@ -30,23 +30,10 @@
   },
   "license": "MIT",
   "author": "gct",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",
-    "es:build": "vite build --config vite.dev.config.ts",
-    "build": "npm run lint && vite build --config vite.dev.config.ts && vite build --config vite.config.ts",
-    "lint": "eslint src/",
-    "test": "vitest",
-    "test:run": "vitest run",
-    "test:coverage": "vitest run --coverage",
-    "publish:next": "npm run build && npm publish --access public --tag=next --registry=https://registry.npmjs.org/",
-    "publish:dev": "npm run build && npm publish --access public --tag=dev --registry=https://registry.npmjs.org/",
-    "publish:alpha": "npm run build && npm publish --access public --tag=alpha --registry=https://registry.npmjs.org/",
-    "publish:beta": "npm run build && npm publish --access public --tag=beta --registry=https://registry.npmjs.org/",
-    "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
-  },
   "dependencies": {
     "@fingerprintjs/fingerprintjs": "^5.1.0",
-    "@gct-paas/api": "^0.1.2-dev.3",
+    "@floating-ui/dom": "^1.7.6",
+    "@gct-paas/api": "^0.1.4-dev.4",
     "@module-federation/runtime": "^2.2.3",
     "@vueuse/core": "^14.1.0",
     "async-validator": "^4.2.5",
@@ -62,7 +49,7 @@
     "qx-util": "^0.4.8",
     "vue": "^3.5.30",
     "vue-i18n": "11.3.0",
-    "vue-router": "^4.6.4",
+    "vue-router": "4.6.4",
     "wujie": "^1.0.29"
   },
   "devDependencies": {
@@ -71,10 +58,23 @@
     "playwright": "^1.58.0"
   },
   "peerDependencies": {
-    "@gct-paas/api": "*",
+    "@gct-paas/api": "^0.1.4-dev.4",
     "vue": ">=3",
     "vue-i18n": ">=11",
     "vue-router": ">=4"
   },
-  "gitHead": "d5a1badfd34c55ceefd2cf33f2ee659454076e37"
-}
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",
+    "es:build": "vite build --config vite.dev.config.ts",
+    "build": "npm run lint && vue-tsc --noEmit && vite build --config vite.dev.config.ts && vite build --config vite.config.ts",
+    "lint": "eslint src/",
+    "test": "vitest",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "publish:next": "npm run build && npm publish --access public --tag=next --registry=https://registry.npmjs.org/",
+    "publish:dev": "npm run build && npm publish --access public --tag=dev --registry=https://registry.npmjs.org/",
+    "publish:alpha": "npm run build && npm publish --access public --tag=alpha --registry=https://registry.npmjs.org/",
+    "publish:beta": "npm run build && npm publish --access public --tag=beta --registry=https://registry.npmjs.org/",
+    "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
+  }
+}

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>;
-}

package/es/interface/i-kit-info/i-kit-info.d.ts

@@ -1,20 +0,0 @@
-/**
- * 套件配置信息
- *
- * @export
- * @interface IKitInfo
- */
-export interface IKitInfo {
-    /**
-     * 套件名称
-     *
-     * @type {string}
-     */
-    kit: string;
-    /**
-     * 套件版本
-     *
-     * @type {string}
-     */
-    version: string;
-}