light-chaser-pro 1.0.0

package/light-chaser-util/lib/ColorUtil.ts

@@ -0,0 +1,110 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+export default class ColorUtil {
+
+    public static colorConversion(color: string) {
+        if (color.length >= 4 && color.length <= 9 && color[0] === '#') {
+            const rgba = ColorUtil.hexToRgba(color, 1);
+            return {hex: color, rgba: rgba};
+        } else if (color.includes('rgb')) {
+            const hex = ColorUtil.rgbaToHex(color);
+            return {hex: hex, rgba: color};
+        } else {
+            console.warn('color is not valid', color);
+            return {hex: '#000000', rgba: 'rgba(0,0,0,1)'};
+        }
+    }
+
+    public static hexToRgba(hex: string, alpha: number) {
+        // 去掉颜色值中的 # 符号
+        hex = hex.replace('#', '');
+        // 计算 RGB 值
+        const r = parseInt(hex.substring(0, 2), 16);
+        const g = parseInt(hex.substring(2, 4), 16);
+        const b = parseInt(hex.substring(4, 6), 16);
+        // 返回 RGBA 值
+        return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+    }
+
+    public static rgbaToHex(rgba: string) {
+        const parts = rgba.substring(rgba.indexOf('(')).split(',');
+        const r = parseInt(parts[0].substring(1).trim());
+        const g = parseInt(parts[1].trim());
+        const b = parseInt(parts[2].trim());
+        const a = parseFloat(parts[3] ? parts[3].substring(0, parts[3].length - 1).trim() : '1');
+
+        const rr = r.toString(16).length === 1 ? "0" + r.toString(16) : r.toString(16);
+        const gg = g.toString(16).length === 1 ? "0" + g.toString(16) : g.toString(16);
+        const bb = b.toString(16).length === 1 ? "0" + b.toString(16) : b.toString(16);
+
+        const aa = Math.round(a * 255).toString(16).length === 1 ? "0" + Math.round(a * 255).toString(16) : Math.round(a * 255).toString(16);
+        return "#" + rr + gg + bb + aa;
+    }
+
+    /**
+     * 解析线性渐变颜色值数据
+     * 注：本解析函数仅适用于
+     * linear-gradient(90deg, #b66666 0%, #10a9ea 36%, #ea1010 78%, #000 100%)
+     * linear-gradient(90deg, rgba(182,102,102,1) 0%, rgba(16,169,234,1) 36%, rgba(234,16,16,1) 78%, rgba(0,0,0,1) 100%)
+     * 这特定的两种场景，对于其他形式的线性渐变，本函数不保证完全解析
+     * @param gradient
+     */
+    public static parseLinerGradient(gradient: string) {
+        if (!gradient || gradient.indexOf('linear-gradient') === -1)
+            return null;
+        // 提取角度
+        const angle = gradient.match(/-?\d+deg/);
+        const angleValue = angle ? parseInt(angle[0]) : 0;
+
+        //截取颜色值列表
+        const colorStr = gradient.substring(gradient.indexOf('(') + 1, gradient.lastIndexOf(')'));
+        //替换角度值 "90deg,#016eb7 0%,#00000000 85%"
+        const gradientWithoutAngle = colorStr.replace(/\d+deg,\s*/, '');
+        const colorItems = gradientWithoutAngle.split(',');
+        const posArr: number[] = [];
+        const colorArr: string[] = [];
+        colorItems.forEach((item) => {
+            const radialItem = item.trim().split(/\s+/g);
+            const color = radialItem[0];
+            const pos = parseFloat(radialItem[1]);
+            posArr.push(pos);
+            colorArr.push(color);
+        });
+        return {mode: 'linear', angle: angleValue, rawValue: gradient, posArr, colorArr};
+    }
+
+    /**
+     * 解析径向渐变颜色值数据
+     * 注：本解析函数仅适用于
+     * radial-gradient(#ffffffc9 4%, #000 100%)
+     * radial-gradient(rgba(255,255,255,0.79) 4%, rgba(0,0,0,0.79) 100%)
+     * 这特定的两种场景，对于其他形式的径向渐变，本函数不保证完全解析
+     * @param gradient
+     */
+    public static parseRadialGradient(gradient: string) {
+        if (!gradient || gradient.indexOf('radial-gradient') === -1)
+            return null;
+        gradient = gradient.substring(gradient.indexOf('(') + 1, gradient.lastIndexOf(')'));
+        const colorItems = gradient.split(',');
+        const posArr: number[] = [];
+        const colorArr: string[] = [];
+        colorItems.forEach((item) => {
+            const radialItem = item.trim().split(/\s+/g);
+            const pos = parseFloat(radialItem[1]);
+            const color = radialItem[0];
+            posArr.push(pos);
+            colorArr.push(color);
+        });
+        return {mode: 'radial', rawValue: gradient, posArr, colorArr};
+    }
+
+}

package/light-chaser-util/lib/ComponentUtil.ts

@@ -0,0 +1,45 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {ClassType, createElement} from "react";
+import {createRoot} from "react-dom/client";
+
+class ComponentUtil {
+
+    /**
+     * 创建并渲染组件
+     * @param container 组件容器
+     * @param Template 组件模板
+     * @param props 组件props参数
+     */
+    public static async createAndRender<I, P = any>(container: HTMLElement, Template: ClassType<P, any, any>, props?: P): Promise<I | null> {
+        if (!container)
+            throw new Error("create react node failed, container is null");
+        return new Promise<I | null>((resolve) => {
+            try {
+                //只有类组件与包含了forwardRef、useImperativeHandle的函数式组件才会执行ref回调
+                const noRef = !(Template.prototype && Template.prototype.isReactComponent)
+                    && !(Template.$$typeof && Template.$$typeof === Symbol.for('react.forward_ref'));
+                if (!noRef)
+                    props = {ref: (instance: I) => resolve(instance), ...props} as P;
+                createRoot(container).render(createElement(Template, {...props}));
+                //没有ref则直接resolve
+                if (noRef)
+                    resolve(null);
+            } catch (e: unknown) {
+                console.error('create react node failed ', e)
+                resolve(null);
+            }
+        });
+    }
+}
+
+export default ComponentUtil;

package/light-chaser-util/lib/FileUtil.ts

@@ -0,0 +1,49 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+export default class FileUtil {
+
+    public static async blobToBase64(blobUrl: string): Promise<string | boolean> {
+        try {
+            const response = await fetch(blobUrl);
+            if (!response.ok)
+                return false;
+            const blob = await response.blob();
+            return await new Promise<string>((resolve, reject) => {
+                const reader = new FileReader();
+                reader.onloadend = () => resolve(reader.result as string);
+                reader.onerror = () => reject("Failed to convert Blob to Base64");
+                reader.readAsDataURL(blob);
+            });
+        } catch (e) {
+            console.error(e);
+            return false;
+        }
+    }
+
+    public static async base64ToBlob(base64: string): Promise<string | boolean> {
+        return new Promise((resolve) => {
+            fetch(base64).then(response => {
+                if (response.ok)
+                    return response.blob();
+                else
+                    resolve(false);
+            }).then(blob => {
+                if (blob)
+                    resolve(URL.createObjectURL(blob));
+                resolve(false);
+            }).catch(() => {
+                resolve(false);
+            })
+        })
+    }
+
+}

package/light-chaser-util/lib/IdGenerate.ts

@@ -0,0 +1,23 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+import {customAlphabet} from "nanoid";
+
+class IdGenerate {
+
+    public static generateId(): string {
+        const generateUniqueId = customAlphabet('1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 10);
+        return generateUniqueId();
+    }
+}
+
+export default IdGenerate;
+

package/light-chaser-util/lib/ObjectUtil.ts

@@ -0,0 +1,130 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+
+/**
+ * 配置对象片段
+ */
+export interface ConfigureObjectFragments {
+    [key: string]: ConfigureObjectFragments | string | number | null | undefined;
+}
+
+export default class ObjectUtil {
+    /**
+     * 合并两个对象，将newData中的属性合并到originalData中
+     * @param originalData
+     * @param newData
+     */
+    public static merge(originalData: any, newData: any): any {
+        if (!originalData && !newData)
+            return null;
+        if (!originalData && newData)
+            return newData;
+        if (originalData && !newData)
+            return originalData;
+        Object.keys(newData).forEach(key => {
+            const newValue = newData[key];
+            if (Object.prototype.hasOwnProperty.call(originalData, key)) {
+                if (Array.isArray(newValue)) {
+                    originalData[key] = newValue;
+                } else if (newValue
+                    && typeof newValue === "object"
+                    && Object.keys(newValue).length > 0
+                    && originalData[key]
+                    && typeof originalData[key] === "object"
+                    && !!originalData[key]) {
+                    ObjectUtil.merge(originalData[key], newValue);
+                } else {
+                    originalData[key] = newValue;
+                }
+            } else {
+                originalData[key] = newValue;
+            }
+        });
+        return originalData;
+    }
+
+    /**
+     * 获取原始对象中的属性值
+     */
+    public static getOriginValue(originObj: ConfigureObjectFragments, newObj: ConfigureObjectFragments): ConfigureObjectFragments {
+        function findAndExtract(original: ConfigureObjectFragments, updated: ConfigureObjectFragments): ConfigureObjectFragments {
+            const result: ConfigureObjectFragments = {};
+            for (const key in updated) {
+                if (typeof updated[key] === 'object' && !Array.isArray(updated[key]) && original[key]) {
+                    if (original[key]) {
+                        result[key] = findAndExtract(original[key] as ConfigureObjectFragments, updated[key] as ConfigureObjectFragments);
+                    }
+                } else {
+                    result[key] = original[key];
+                }
+            }
+            return result;
+        }
+
+        return findAndExtract(originObj, newObj);
+    }
+
+    /**
+     * 删除对象中的空值属性
+     * @param obj
+     */
+    public static removeEmptyKeys(obj: Record<string, any>): Record<string, any> {
+        //将对象中的空值属性删除
+        Object.keys(obj).forEach(key => {
+            if (obj[key] === null || obj[key] === undefined || obj[key] === "" || (typeof obj[key] === 'string' && obj[key].trim() === '')) {
+                delete obj[key];
+            }
+        })
+        return obj;
+    }
+
+    /**
+     * 将 JS 对象转换为 JS 代码字符串（可在浏览器运行，保留函数原样）
+     * @param obj JS对象
+     */
+    public static objToCodeStr(obj: Record<string, any>): string {
+        let jsonStr = JSON.stringify(obj, (key, value) => {
+            if (typeof value === 'function')
+                return value.toString();
+            return value;
+        }, 2);
+        jsonStr = jsonStr.replace(/(['"])([a-zA-Z_$][\w$]*)\1\s*:/g, '$2:');
+        //将函数字符串还原为编辑器中的函数代码格式
+        jsonStr = jsonStr.replace(/(["'])(function\s*\w*\s*\([^)]*\)\s*\{[\s\S]*?}|\([^)]*\)\s*=>\s*\{[\s\S]*?})(["'])/g, (_, quoteStart, fnBody: string, quoteEnd) => {
+            return fnBody
+                // 常规控制字符
+                .replace(/\\n/g, '\n')
+                .replace(/\\r/g, '\r')
+                .replace(/\\t/g, '\t')
+                .replace(/\\b/g, '\b')
+                .replace(/\\f/g, '\f')
+                .replace(/\\v/g, '\v')
+
+                // 必须先处理反斜杠（避免冲突）
+                .replace(/\\\\/g, '\\')
+
+                // 引号和模板字符串
+                .replace(/\\"/g, '"')
+                .replace(/\\'/g, '\'')
+                .replace(/\\`/g, '`')
+
+                // Unicode
+                .replace(/\\u([\dA-Fa-f]{4})/g, (_: any, hex: any) =>
+                    String.fromCharCode(parseInt(hex, 16))
+                )
+                .trim();
+        });
+        return jsonStr;
+    }
+
+}
+

package/light-chaser-util/lib/SafeEvalUtil.ts

@@ -0,0 +1,63 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+/**
+ * SecureEvaluator - 安全表达式执行工具
+ * 支持：对象 / 函数 / 基础类型的安全执行与类型校验
+ */
+export interface SafeEvalOptions {
+    /** 出错时是否返回 null（否则抛出异常） */
+    returnNullOnError?: boolean;
+    /** 允许的返回类型 */
+    allowTypes?: Array<'object' | 'function' | 'string' | 'number' | 'boolean'>;
+}
+
+export class SafeEvalUtil {
+    /**
+     * 安全执行表达式
+     * @param expression - 要执行的字符串表达式
+     * @param options - 可选配置项
+     * @returns 执行结果或 null
+     */
+    public static run<T = unknown>(expression: unknown, options: SafeEvalOptions = {}): T | null {
+        const {
+            returnNullOnError = true,
+            allowTypes = ['object', 'function', 'string', 'number', 'boolean'],
+        } = options;
+
+        try {
+            if (typeof expression !== 'string' || !expression.trim())
+                throw new Error(`表达式不能为空或非字符串, 当前值: ${expression}`);
+
+            const code = expression.trim();
+
+            // 禁止执行明显的危险关键字
+            const forbiddenPatterns = /(eval)/;
+            if (forbiddenPatterns.test(code))
+                throw new Error(`表达式中包含禁止的关键字, 当前值: ${code}`);
+
+            // 执行表达式（包裹括号，保证对象字面量等可正常解析）
+            const result = eval(`(${code})`);
+
+            // 检查结果类型
+            const type = typeof result;
+            if (!allowTypes.includes(type as any))
+                throw new Error(`不允许的返回类型: ${type}`);
+
+            return result as T;
+        } catch (err: any) {
+            console.error(`[SafeEvalUtil] 执行失败: ${err.message}`);
+            if (returnNullOnError)
+                return null;
+            throw err;
+        }
+    }
+}

package/light-chaser-util/lib/URLUtil.ts

@@ -0,0 +1,27 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+export interface UrlParams {
+    [key: string]: string;
+}
+
+export default class URLUtil {
+
+    public static parseUrlParams(): UrlParams {
+        const urlParams: URLSearchParams = new URLSearchParams(window.location.search);
+        const params: UrlParams = {};
+        for (const [key, value] of urlParams) {
+            params[key] = value;
+        }
+        return params;
+    }
+
+}

package/light-chaser-util/lib/main.ts

@@ -0,0 +1,21 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+export {default as AuthTools} from "./AuthTools";
+export type {USER_INFO_KEY, RoleType, IUserInfo} from "./AuthTools";
+export {default as Base64Util} from "./Base64Util";
+export {default as ColorUtil} from "./ColorUtil";
+export {default as FileUtil} from "./FileUtil";
+export {default as IdGenerate} from "./IdGenerate";
+export {default as ObjectUtil} from "./ObjectUtil";
+export {default as URLUtil} from "./URLUtil";
+export {default as ComponentUtil} from "./ComponentUtil";
+export type {UrlParams} from "./URLUtil";

package/light-chaser-util/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "light-chaser-util",
+  "version": "0.0.7",
+  "description": "",
+  "main": "dist/light-chaser-util.mjs",
+  "types": "dist/lib/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "dev": "node src/test.ts",
+    "build": "tsc --p ./tsconfig-build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "check": "npx tsc --noEmit --watch"
+  },
+  "keywords": [],
+  "author": "DAGU",
+  "license": "MIT",
+  "dependencies": {
+    "nanoid": "3"
+  },
+  "peerDependencies": {
+    "react": "18.2.0",
+    "react-dom": "18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.45",
+    "@types/react-dom": "^18.2.18",
+    "vite": "^5.0.7",
+    "vite-plugin-dts": "4.0.0-beta.1",
+    "@types/node": "^20.10.4",
+    "typescript": "^5.0.2",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0"
+  }
+}

package/light-chaser-util/src/test.ts

@@ -0,0 +1,12 @@
+/*
+ * Copyright © 2023-2025 puyinzhen
+ * All rights reserved.
+ *
+ * The copyright of this work (or idea/project/document) is owned by puyinzhen. Without explicit written permission, no part of this work may be reproduced, distributed, or modified in any form for commercial purposes.
+ *
+ * This copyright statement applies to, but is not limited to: concept descriptions, design documents, source code, images, presentation files, and any related content.
+ *
+ * For permission to use this work or any part of it, please contact 1182810784@qq.com to obtain written authorization.
+ */
+
+console.log('=====================> util test')

package/light-chaser-util/tsconfig-build.json

@@ -0,0 +1,6 @@
+{
+  "extends": "./tsconfig.json",
+  "include": [
+    "lib"
+  ]
+}

package/light-chaser-util/tsconfig.json

@@ -0,0 +1,36 @@
+{
+  "compilerOptions": {
+    "target": "es2015",
+    "useDefineForClassFields": true,
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": false,
+    "noEmitOnError": true,
+    "noFallthroughCasesInSwitch": true,
+    "allowSyntheticDefaultImports": true,
+    "noEmit": true,
+    "composite": true
+  },
+  "include": [
+    "src",
+    "lib"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/light-chaser-util/vite.config.ts

@@ -0,0 +1,18 @@
+import {defineConfig} from 'vite'
+import dts from 'vite-plugin-dts';
+import * as path from "node:path";
+
+export default defineConfig({
+    plugins: [dts({include: ['lib']})],
+    build: {
+        copyPublicDir: false,
+        lib: {
+            entry: path.resolve(__dirname, 'lib/main.ts'),
+            formats: ['es'],
+            fileName: 'light-chaser-util'
+        },
+        rollupOptions: {
+            external: ['react', 'react-dom', 'react-dom/client'],
+        }
+    }
+});

package/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "light-chaser-pro",
+  "version": "1.0.0",
+  "description": "LIGHT CHASER 设计器Pro版",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "DAGU",
+  "license": "ISC"
+}

package/pnpm-workspace.yaml

@@ -0,0 +1,7 @@
+packages:
+  - 'light-chaser-app'
+  - 'light-chaser-ui'
+  - 'light-chaser-util'
+  - 'light-chaser-interface'
+  - 'light-chaser-types'
+  - 'light-chaser-cli'