// Learn TypeScript:
//  - https://docs.cocos.com/creator/2.4/manual/en/scripting/typescript.html
// Learn Attribute:
//  - https://docs.cocos.com/creator/2.4/manual/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - https://docs.cocos.com/creator/2.4/manual/en/scripting/life-cycle-callbacks.html

const { ccclass, property } = cc._decorator;

@ccclass
export default class NewClass extends cc.Component {

    @property(cc.Label)
    label: cc.Label = null;

    @property(cc.SpriteFrame)
    start_up: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    start_down: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    start_left: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    start_right: cc.SpriteFrame = null;

    @property(cc.SpriteFrame)
    up: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    down: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    left: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    right: cc.SpriteFrame = null;

    @property(cc.SpriteFrame)
    up_left: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    up_right: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    down_left: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    down_right: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    left_up: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    left_down: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    right_up: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    right_down: cc.SpriteFrame = null;

    @property(cc.SpriteFrame)
    end_up: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    end_down: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    end_left: cc.SpriteFrame = null;
    @property(cc.SpriteFrame)
    end_right: cc.SpriteFrame = null;

    setIcon(iconName: string): boolean {
        console.log("藤蔓圖片名字", iconName);
        const iconNode = this.node.getChildByName("icon");
        const iconSprite = iconNode && iconNode.getComponent(cc.Sprite);
        const spriteFrame = (this as any)[iconName] as cc.SpriteFrame;

        if (!iconSprite || !spriteFrame) {
            cc.warn(`藤蔓图片 ${iconName} 配置不存在`);
            return false;
        }
        console.log("藤蔓圖片", spriteFrame);
        iconSprite.spriteFrame = spriteFrame;
        return true;
    }
}