lanhu-layer-tree 1.0.0

package/src/utils.ts

@@ -0,0 +1,120 @@
+/**
+ * 工具函数
+ */
+
+/**
+ * 标准化颜色格式为 #RRGGBB 或 #RRGGBBAA
+ */
+export function normalizeColor(c: any): string {
+  if (typeof c === 'string') {
+    return c;
+  }
+
+  if (typeof c === 'object' && c !== null) {
+    let r = c.r ?? c.red ?? c.R ?? 0;
+    let g = c.g ?? c.green ?? c.G ?? 0;
+    let b = c.b ?? c.blue ?? c.B ?? 0;
+    let a = c.a ?? c.alpha ?? null;
+
+    // 如果是 0-1 范围的浮点数，转换为 0-255
+    if (typeof r === 'number' && r <= 1.0 && typeof g === 'number' && g <= 1.0) {
+      r = Math.round(r * 255);
+      g = Math.round(g * 255);
+      b = Math.round(b * 255);
+      if (a !== null && typeof a === 'number' && a <= 1.0) {
+        a = Math.round(a * 255);
+      }
+    } else {
+      r = Math.round(r);
+      g = Math.round(g);
+      b = Math.round(b);
+      if (a !== null) {
+        a = Math.round(a);
+      }
+    }
+
+    if (a !== null && a < 255) {
+      return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}${a.toString(16).padStart(2, '0')}`.toUpperCase();
+    }
+    return `#${r.toString(16).padStart(2, '0')}${g.toString(16).padStart(2, '0')}${b.toString(16).padStart(2, '0')}`.toUpperCase();
+  }
+
+  return String(c);
+}
+
+/**
+ * 解析蓝湖 URL，提取 tid/pid/image_id 等参数
+ */
+export function parseUrl(url: string, defaultTid?: string): { team_id: string; project_id: string; doc_id?: string } {
+  let queryString = url;
+
+  if (url.startsWith('http')) {
+    const urlObj = new URL(url);
+    const fragment = urlObj.hash;
+    if (!fragment) {
+      throw new Error('Invalid Lanhu URL: missing fragment part');
+    }
+
+    if (fragment.includes('?')) {
+      queryString = fragment.split('?')[1];
+    } else {
+      queryString = fragment;
+    }
+  }
+
+  if (queryString.startsWith('?')) {
+    queryString = queryString.substring(1);
+  }
+
+  const params: Record<string, string> = {};
+  queryString.split('&').forEach(part => {
+    if (part.includes('=')) {
+      const [key, value] = part.split('=');
+      params[key] = value;
+    }
+  });
+
+  const teamId = params.tid;
+  const projectId = params.pid;
+  const docId = params.docId || params.image_id;
+
+  if (!projectId) {
+    throw new Error('URL parsing failed: missing required param pid');
+  }
+
+  if (!teamId) {
+    if (!defaultTid) {
+      throw new Error('URL 缺少 tid 参数，且未配置默认 TID');
+    }
+    return {
+      team_id: defaultTid,
+      project_id: projectId,
+      doc_id: docId
+    };
+  }
+
+  return {
+    team_id: teamId,
+    project_id: projectId,
+    doc_id: docId
+  };
+}
+
+/**
+ * 将 PS 坐标系转换为游戏引擎 UI 坐标系（Cocos/Unity）
+ *
+ * PS 坐标系：左上角为原点 (0,0)，x 向右，y 向下
+ * 引擎坐标系：父节点中心为原点 (0,0)，x 向右，y 向上，锚点为元素中心 (0.5, 0.5)
+ */
+export function convertToEnginePos(
+  left: number,
+  top: number,
+  width: number,
+  height: number,
+  parentWidth: number,
+  parentHeight: number
+): [number, number] {
+  const x = Math.round((left + width / 2 - parentWidth / 2) * 10) / 10;
+  const y = Math.round((parentHeight / 2 - (top + height / 2)) * 10) / 10;
+  return [x, y];
+}

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "node16",
+    "lib": ["ES2020"],
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "declaration": true,
+    "declarationMap": true,
+    "sourceMap": true,
+    "moduleResolution": "node16"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}