@7polo/kityminder-core/src/module/style.js

KityMinder Core Implement

define(function(require, exports, module) {
    var kity = require('../core/kity');
    var utils = require('../core/utils');

    var Minder = require('../core/minder');
    var MinderNode = require('../core/node');
    var Command = require('../core/command');
    var Module = require('../core/module');
    var Renderer = require('../core/render');

    Module.register('StyleModule', function() {
        var styleNames = ['font-size', 'font-family', 'font-weight', 'font-style', 'background', 'color'];
        var styleClipBoard = null;

        function hasStyle(node) {
            var data = node.getData();
            for (var i = 0; i < styleNames.length; i++) {
                if (styleNames[i] in data) return true;
            }
        }

        return {
            'commands': {
                /**
                 * @command CopyStyle
                 * @description 拷贝选中节点的当前样式，包括字体、字号、粗体、斜体、背景色、字体色
                 * @state
                 *   0: 当前有选中的节点
                 *  -1: 当前没有选中的节点
                 */
                'copystyle': kity.createClass('CopyStyleCommand', {
                    base: Command,

                    execute: function(minder) {
                        var node = minder.getSelectedNode();
                        var nodeData = node.getData();
                        styleClipBoard = {};
                        styleNames.forEach(function(name) {
                            if (name in nodeData) styleClipBoard[name] = nodeData[name];
                            else {
                                styleClipBoard[name] = null;
                                delete styleClipBoard[name];
                            }
                        });
                        return styleClipBoard;
                    },

                    queryState: function(minder) {
                        var nodes = minder.getSelectedNodes();
                        if (nodes.length !== 1) return -1;
                        return hasStyle(nodes[0]) ? 0 : -1;
                    }
                }),

                /**
                 * @command PasteStyle
                 * @description 粘贴已拷贝的样式到选中的节点上，包括字体、字号、粗体、斜体、背景色、字体色
                 * @state
                 *   0: 当前有选中的节点，并且已经有复制的样式
                 *  -1: 当前没有选中的节点，或者没有复制的样式
                 */
                'pastestyle': kity.createClass('PastStyleCommand', {
                    base: Command,

                    execute: function(minder) {
                        minder.getSelectedNodes().forEach(function(node) {
                            for (var name in styleClipBoard) {
                                if (styleClipBoard.hasOwnProperty(name))
                                    node.setData(name, styleClipBoard[name]);
                            }
                        });
                        minder.renderNodeBatch(minder.getSelectedNodes());
                        minder.layout(300);
                        return styleClipBoard;
                    },

                    queryState: function(minder) {
                        return (styleClipBoard && minder.getSelectedNodes().length) ? 0 : -1;
                    }
                }),

                /**
                 * @command ClearStyle
                 * @description 移除选中节点的样式，包括字体、字号、粗体、斜体、背景色、字体色
                 * @state
                 *   0: 当前有选中的节点，并且至少有一个设置了至少一种样式
                 *  -1: 其它情况
                 */
                'clearstyle': kity.createClass('ClearStyleCommand', {
                    base: Command,
                    execute: function(minder) {
                        minder.getSelectedNodes().forEach(function(node) {
                            styleNames.forEach(function(name) {
                                node.setData(name);
                            });
                        });
                        minder.renderNodeBatch(minder.getSelectedNodes());
                        minder.layout(300);
                        return styleClipBoard;
                    },

                    queryState: function(minder) {
                        var nodes = minder.getSelectedNodes();
                        if (!nodes.length) return -1;
                        for (var i = 0; i < nodes.length; i++) {
                            if (hasStyle(nodes[i])) return 0;
                        }
                        return -1;
                    }
                })
            }
        };
    });
});