cocos2d-cli 1.1.2 → 1.4.0

package/src/lib/components/camera.js

@@ -0,0 +1,107 @@
+/**
+ * cc.Camera 组件
+ */
+
+const { generateId, parseColorToCcColor } = require('../utils');
+
+// 属性映射
+const PROP_MAP = {
+    'depth': '_depth',
+    'zoomRatio': '_zoomRatio',
+    'ortho': '_ortho',
+    'orthoSize': '_orthoSize',
+    'cullingMask': '_cullingMask',
+    'backgroundColor': '_backgroundColor',
+    'fov': '_fov',
+    'nearClip': '_nearClip',
+    'farClip': '_farClip'
+};
+
+/**
+ * 创建 Camera 组件
+ * @param {number} nodeId - 节点索引
+ * @returns {object} 组件数据
+ */
+function create(nodeId) {
+    return {
+        "__type__": "cc.Camera",
+        "_name": "",
+        "_objFlags": 0,
+        "node": { "__id__": nodeId },
+        "_enabled": true,
+        "_cullingMask": 4294967295,
+        "_clearFlags": 7,
+        "_backgroundColor": {
+            "__type__": "cc.Color",
+            "r": 0,
+            "g": 0,
+            "b": 0,
+            "a": 255
+        },
+        "_depth": -1,
+        "_zoomRatio": 1,
+        "_targetTexture": null,
+        "_fov": 60,
+        "_orthoSize": 10,
+        "_nearClip": 1,
+        "_farClip": 4096,
+        "_ortho": true,
+        "_rect": {
+            "__type__": "cc.Rect",
+            "x": 0,
+            "y": 0,
+            "width": 1,
+            "height": 1
+        },
+        "_renderStages": 1,
+        "_alignWithScreen": true,
+        "_id": generateId()
+    };
+}
+
+/**
+ * 应用属性
+ * @param {object} comp - 组件对象
+ * @param {object} props - 属性对象
+ */
+function applyProps(comp, props) {
+    if (!props) return;
+    
+    for (const [key, value] of Object.entries(props)) {
+        const compKey = PROP_MAP[key];
+        if (compKey) {
+            // backgroundColor 特殊处理
+            if (key === 'backgroundColor' && typeof value === 'string') {
+                const ccColor = parseColorToCcColor(value);
+                if (ccColor) {
+                    comp[compKey] = ccColor;
+                }
+            } else {
+                comp[compKey] = value;
+            }
+        }
+    }
+}
+
+/**
+ * 提取属性（用于显示）
+ * @param {object} comp - 组件对象
+ * @returns {object} 提取的属性
+ */
+function extractProps(comp) {
+    return {
+        depth: comp._depth,
+        zoomRatio: comp._zoomRatio,
+        ortho: comp._ortho,
+        cullingMask: comp._cullingMask
+    };
+}
+
+module.exports = {
+    type: 'camera',
+    ccType: 'cc.Camera',
+    create,
+    applyProps,
+    extractProps,
+    PROP_MAP
+};

package/src/lib/components/canvas.js

@@ -0,0 +1,89 @@
+/**
+ * cc.Canvas 组件
+ */
+
+const { generateId } = require('../utils');
+
+// 属性映射
+const PROP_MAP = {
+    'designResolution': '_designResolution',
+    'fitWidth': '_fitWidth',
+    'fitHeight': '_fitHeight'
+};
+
+/**
+ * 创建 Canvas 组件
+ * @param {number} nodeId - 节点索引
+ * @returns {object} 组件数据
+ */
+function create(nodeId) {
+    return {
+        "__type__": "cc.Canvas",
+        "_name": "",
+        "_objFlags": 0,
+        "node": { "__id__": nodeId },
+        "_enabled": true,
+        "_designResolution": {
+            "__type__": "cc.Size",
+            "width": 960,
+            "height": 640
+        },
+        "_fitWidth": false,
+        "_fitHeight": true,
+        "_id": generateId()
+    };
+}
+
+/**
+ * 应用属性
+ * @param {object} comp - 组件对象
+ * @param {object} props - 属性对象
+ */
+function applyProps(comp, props) {
+    if (!props) return;
+    
+    for (const [key, value] of Object.entries(props)) {
+        const compKey = PROP_MAP[key];
+        if (compKey) {
+            // designResolution 特殊处理
+            if (key === 'designResolution' && Array.isArray(value)) {
+                comp[compKey] = { "__type__": "cc.Size", "width": value[0], "height": value[1] };
+            } else {
+                comp[compKey] = value;
+            }
+        }
+    }
+}
+
+/**
+ * 提取属性（用于显示）
+ * @param {object} comp - 组件对象
+ * @returns {object} 提取的属性
+ */
+function extractProps(comp) {
+    const clean = (obj) => {
+        if (!obj || typeof obj !== 'object') return obj;
+        const result = {};
+        for (const [k, v] of Object.entries(obj)) {
+            if (k !== '__type__') {
+                result[k] = v;
+            }
+        }
+        return result;
+    };
+    
+    return {
+        designResolution: clean(comp._designResolution),
+        fitWidth: comp._fitWidth,
+        fitHeight: comp._fitHeight
+    };
+}
+
+module.exports = {
+    type: 'canvas',
+    ccType: 'cc.Canvas',
+    create,
+    applyProps,
+    extractProps,
+    PROP_MAP
+};

package/src/lib/components/index.js

@@ -0,0 +1,157 @@
+/**
+ * 组件模块入口
+ * 统一导出所有组件
+ */
+
+const sprite = require('./sprite');
+const label = require('./label');
+const button = require('./button');
+const widget = require('./widget');
+const layout = require('./layout');
+const canvas = require('./canvas');
+const camera = require('./camera');
+const particleSystem = require('./particle-system');
+
+// 组件类型映射
+const components = {
+    sprite,
+    label,
+    button,
+    widget,
+    layout,
+    canvas,
+    camera,
+    particleSystem,
+    // 别名
+    particle: particleSystem
+};
+
+// 类型名称映射（支持多种写法）
+const typeAliases = {
+    'sprite': 'sprite',
+    'label': 'label',
+    'button': 'button',
+    'widget': 'widget',
+    'layout': 'layout',
+    'canvas': 'canvas',
+    'camera': 'camera',
+    'particle': 'particleSystem',
+    'particlesystem': 'particleSystem',
+    'particleSystem': 'particleSystem'
+};
+
+/**
+ * 获取组件模块
+ * @param {string} type - 组件类型
+ * @returns {object|null} 组件模块
+ */
+function getComponent(type) {
+    const normalizedName = typeAliases[type.toLowerCase()];
+    return normalizedName ? components[normalizedName] : null;
+}
+
+/**
+ * 创建组件
+ * @param {string} type - 组件类型
+ * @param {number} nodeId - 节点索引
+ * @returns {object|null} 组件数据
+ */
+function createComponent(type, nodeId) {
+    const comp = getComponent(type);
+    return comp ? comp.create(nodeId) : null;
+}
+
+/**
+ * 应用组件属性
+ * @param {object} comp - 组件对象
+ * @param {object} props - 属性对象
+ * @param {object} node - 节点对象（可选）
+ */
+function applyComponentProps(comp, props, node) {
+    if (!comp || !props) return;
+    
+    const ccType = comp.__type__;
+    const compModule = getComponentByCcType(ccType);
+    
+    if (compModule && compModule.applyProps) {
+        compModule.applyProps(comp, props, node);
+    }
+}
+
+/**
+ * 提取组件属性
+ * @param {object} comp - 组件对象
+ * @returns {object} 提取的属性
+ */
+function extractComponentProps(comp) {
+    if (!comp) return null;
+    
+    const ccType = comp.__type__;
+    const compModule = getComponentByCcType(ccType);
+    
+    const base = comp._enabled ? { type: ccType } : { type: ccType, enabled: false };
+    
+    if (compModule && compModule.extractProps) {
+        return { ...base, ...compModule.extractProps(comp) };
+    }
+    
+    // 默认提取：非 _ 开头的属性
+    const result = { ...base };
+    for (const key of Object.keys(comp)) {
+        if (!key.startsWith('_') && key !== '__type__') {
+            result[key] = comp[key];
+        }
+    }
+    return result;
+}
+
+/**
+ * 通过 cc.__type__ 获取组件模块
+ * @param {string} ccType - cc 类型名
+ * @returns {object|null} 组件模块
+ */
+function getComponentByCcType(ccType) {
+    for (const comp of Object.values(components)) {
+        if (comp.ccType === ccType) {
+            return comp;
+        }
+    }
+    return null;
+}
+
+/**
+ * 解析组件定义
+ * 支持两种格式：
+ * 1. 字符串: "sprite"
+ * 2. 对象: { "type": "sprite", "sizeMode": 1 }
+ * @param {string|object} compDef - 组件定义
+ * @returns {object|null} - { type, props } 或 null
+ */
+function parseComponent(compDef) {
+    if (typeof compDef === 'string') {
+        const normalizedName = typeAliases[compDef.toLowerCase()];
+        return normalizedName ? { type: normalizedName, props: {} } : null;
+    }
+    
+    if (typeof compDef === 'object' && compDef.type) {
+        const normalizedName = typeAliases[compDef.type.toLowerCase()];
+        if (!normalizedName) return null;
+        
+        const props = { ...compDef };
+        delete props.type;
+        return { type: normalizedName, props };
+    }
+    
+    return null;
+}
+
+module.exports = {
+    components,
+    typeAliases,
+    getComponent,
+    getComponentByCcType,
+    createComponent,
+    applyComponentProps,
+    extractComponentProps,
+    parseComponent
+};

package/src/lib/components/label.js

@@ -0,0 +1,120 @@
+/**
+ * cc.Label 组件
+ */
+
+const { generateId, parseColorToCcColor } = require('../utils');
+
+const DEFAULT_MATERIAL = { "__uuid__": "eca5d2f2-8ef6-41c2-bbe6-f9c79d09c432" };
+
+// 属性映射
+const PROP_MAP = {
+    'string': '_string',
+    'fontSize': '_fontSize',
+    'lineHeight': '_lineHeight',
+    'horizontalAlign': '_N$horizontalAlign',
+    'verticalAlign': '_N$verticalAlign',
+    'overflow': '_N$overflow',
+    'fontFamily': '_N$fontFamily',
+    'wrap': '_enableWrapText',
+    'color': '_color'  // 特殊处理，设置到节点
+};
+
+// 枚举值
+const ENUMS = {
+    horizontalAlign: ['LEFT', 'CENTER', 'RIGHT'],
+    verticalAlign: ['TOP', 'CENTER', 'BOTTOM'],
+    overflow: ['NONE', 'CLAMP', 'SHRINK', 'RESIZE_HEIGHT']
+};
+
+/**
+ * 创建 Label 组件
+ * @param {number} nodeId - 节点索引
+ * @returns {object} 组件数据
+ */
+function create(nodeId) {
+    return {
+        "__type__": "cc.Label",
+        "_name": "",
+        "_objFlags": 0,
+        "node": { "__id__": nodeId },
+        "_enabled": true,
+        "_materials": [DEFAULT_MATERIAL],
+        "_srcBlendFactor": 770,
+        "_dstBlendFactor": 771,
+        "_string": "Label",
+        "_N$string": "Label",
+        "_fontSize": 40,
+        "_lineHeight": 40,
+        "_enableWrapText": true,
+        "_N$file": null,
+        "_isSystemFontUsed": true,
+        "_spacingX": 0,
+        "_batchAsBitmap": false,
+        "_styleFlags": 0,
+        "_underlineHeight": 0,
+        "_N$horizontalAlign": 1,
+        "_N$verticalAlign": 1,
+        "_N$fontFamily": "Arial",
+        "_N$overflow": 0,
+        "_N$cacheMode": 0,
+        "_id": generateId()
+    };
+}
+
+/**
+ * 应用属性
+ * @param {object} comp - 组件对象
+ * @param {object} props - 属性对象
+ * @param {object} node - 节点对象（可选，用于 color）
+ */
+function applyProps(comp, props, node) {
+    if (!props) return;
+    
+    // color 特殊处理：设置到节点
+    if (props.color && node) {
+        const ccColor = parseColorToCcColor(props.color);
+        if (ccColor) {
+            node._color = ccColor;
+        }
+        delete props.color;
+    }
+    
+    for (const [key, value] of Object.entries(props)) {
+        const compKey = PROP_MAP[key];
+        if (compKey) {
+            comp[compKey] = value;
+            // string 需要同步到 _N$string
+            if (key === 'string') {
+                comp._N$string = value;
+            }
+        }
+    }
+}
+
+/**
+ * 提取属性（用于显示）
+ * @param {object} comp - 组件对象
+ * @returns {object} 提取的属性
+ */
+function extractProps(comp) {
+    return {
+        string: comp._string,
+        fontSize: comp._fontSize,
+        lineHeight: comp._lineHeight,
+        horizontalAlign: ENUMS.horizontalAlign[comp._N$horizontalAlign] || comp._N$horizontalAlign,
+        verticalAlign: ENUMS.verticalAlign[comp._N$verticalAlign] || comp._N$verticalAlign,
+        overflow: ENUMS.overflow[comp._N$overflow] || comp._N$overflow,
+        fontFamily: comp._N$fontFamily,
+        enableWrapText: comp._enableWrapText
+    };
+}
+
+module.exports = {
+    type: 'label',
+    ccType: 'cc.Label',
+    create,
+    applyProps,
+    extractProps,
+    PROP_MAP,
+    ENUMS
+};

package/src/lib/components/layout.js

@@ -0,0 +1,110 @@
+/**
+ * cc.Layout 组件
+ */
+
+const { generateId } = require('../utils');
+
+// 属性映射
+const PROP_MAP = {
+    'layoutType': '_N$layoutType',
+    'cellSize': '_N$cellSize',
+    'startAxis': '_N$startAxis',
+    'paddingLeft': '_N$paddingLeft',
+    'paddingRight': '_N$paddingRight',
+    'paddingTop': '_N$paddingTop',
+    'paddingBottom': '_N$paddingBottom',
+    'spacingX': '_N$spacingX',
+    'spacingY': '_N$spacingY',
+    'resize': '_resize'
+};
+
+// 枚举值
+const ENUMS = {
+    layoutType: ['NONE', 'HORIZONTAL', 'VERTICAL', 'GRID']
+};
+
+/**
+ * 创建 Layout 组件
+ * @param {number} nodeId - 节点索引
+ * @returns {object} 组件数据
+ */
+function create(nodeId) {
+    return {
+        "__type__": "cc.Layout",
+        "_name": "",
+        "_objFlags": 0,
+        "node": { "__id__": nodeId },
+        "_enabled": true,
+        "_layoutSize": {
+            "__type__": "cc.Size",
+            "width": 200,
+            "height": 150
+        },
+        "_resize": 1,
+        "_N$layoutType": 2,
+        "_N$cellSize": {
+            "__type__": "cc.Size",
+            "width": 40,
+            "height": 40
+        },
+        "_N$startAxis": 0,
+        "_N$paddingLeft": 0,
+        "_N$paddingRight": 0,
+        "_N$paddingTop": 0,
+        "_N$paddingBottom": 0,
+        "_N$spacingX": 0,
+        "_N$spacingY": 0,
+        "_N$verticalDirection": 1,
+        "_N$horizontalDirection": 0,
+        "_N$affectedByScale": false,
+        "_id": generateId()
+    };
+}
+
+/**
+ * 应用属性
+ * @param {object} comp - 组件对象
+ * @param {object} props - 属性对象
+ */
+function applyProps(comp, props) {
+    if (!props) return;
+    
+    for (const [key, value] of Object.entries(props)) {
+        const compKey = PROP_MAP[key];
+        if (compKey) {
+            // cellSize 特殊处理
+            if (key === 'cellSize' && Array.isArray(value)) {
+                comp[compKey] = { "__type__": "cc.Size", "width": value[0], "height": value[1] };
+            } else {
+                comp[compKey] = value;
+            }
+        }
+    }
+}
+
+/**
+ * 提取属性（用于显示）
+ * @param {object} comp - 组件对象
+ * @returns {object} 提取的属性
+ */
+function extractProps(comp) {
+    return {
+        layoutType: ENUMS.layoutType[comp._N$layoutType] || comp._N$layoutType,
+        spacingX: comp._N$spacingX,
+        spacingY: comp._N$spacingY,
+        paddingLeft: comp._N$paddingLeft,
+        paddingRight: comp._N$paddingRight,
+        paddingTop: comp._N$paddingTop,
+        paddingBottom: comp._N$paddingBottom
+    };
+}
+
+module.exports = {
+    type: 'layout',
+    ccType: 'cc.Layout',
+    create,
+    applyProps,
+    extractProps,
+    PROP_MAP,
+    ENUMS
+};