gdsx/WebRoot/Html5/lib/粗线.js

ht.lib = ht.lib || {};
if (!ht.lib['粗线']) {
    ht.lib['粗线'] = function (x, y, width, height, angle, localVarObj, localDynamicVar, nodename) {
        _ratio = GD.getRatioWithRotation(0, ratio);
        ht.lib['粗线'].superClass.constructor.apply(this);
        this.localVarObj = localVarObj;
        this.localDynamicVar = localDynamicVar;
        this.childNodes = [];
        
        this._styleObject = {};
        this._originWidth = 1451*_ratio.ratioX;
        this._originHeight = 1*_ratio.ratioY;
        this._baseClass = "ht.lib.粗线";

        this._background = new ht.Node();
        this._background.setWidth(this._originWidth);
        this._background.setHeight(this._originHeight);
        this._background.setPosition(this._originWidth/2, this._originHeight/2);
        this._background.setImage({
            width: width,
            height: height,
            clip: true,
            comps: [
                {
                    type: 'rect',
                    background: 'rgba(0,255,0,0)',
                    rect: [0,0,width, height]
                }
            ]
        });
        this._background.__parentLib = nodename;
        this._background.isLibBackground = true;
        this.childNodes.push(this._background);
        dataModel.add(this._background);
        /*@PageBackgroundInit@*/ 
        /*@PageBeforeInit@*/
        var Lib_粗线Node0points=[0, 0,1451, 0],
Lib_粗线Node0rect=ht.Default.unionPoint([{x:0,y:0},{x:1451,y:0}]),
Lib_粗线Node0compspts=[];
_ratio = GD.getRatioWithRotation(0, ratio);
var _startratio = GD.getRatioWithRotation(3.14159265358979, ratio),
    _endratio = GD.getRatioWithRotation(0, ratio);
for(var i=0;i<Lib_粗线Node0points.length;i++){
    if(i%2==0){
        Lib_粗线Node0compspts.push(Lib_粗线Node0points[i]-Lib_粗线Node0rect.x);
    }else{
        Lib_粗线Node0compspts.push(Lib_粗线Node0points[i]-Lib_粗线Node0rect.y);
    } 
}

var Lib_粗线Node0ptslength=Lib_粗线Node0compspts.length;
if (Lib_粗线Node0rect.height === 0) {
    Lib_粗线Node0compspts[0] -= 0;
    Lib_粗线Node0compspts[Lib_粗线Node0ptslength-2] += 0;
} else if (Lib_粗线Node0rect.width === 0){
    Lib_粗线Node0compspts[1] -= 0;
    Lib_粗线Node0compspts[Lib_粗线Node0ptslength-1] += 0;
} else {
    Lib_粗线Node0compspts[0] -= 0;
    Lib_粗线Node0compspts[1] -= 0;
    Lib_粗线Node0compspts[Lib_粗线Node0ptslength-2] += 0;
    Lib_粗线Node0compspts[Lib_粗线Node0ptslength-1] += 0;
}

Lib_粗线Node0 = new ht.Node();
Lib_粗线Node0.borderWidth = 3;
Lib_粗线Node0rect.width = Lib_粗线Node0rect.width === 0 ? 0.0001 : Lib_粗线Node0rect.width;
Lib_粗线Node0rect.height = Lib_粗线Node0rect.height === 0 ? 0.0001 : Lib_粗线Node0rect.height;
var Lib_粗线Node0endCompspts = [Lib_粗线Node0compspts[Lib_粗线Node0ptslength-2],Lib_粗线Node0compspts[Lib_粗线Node0ptslength-1],0,0];
var Lib_粗线Node0startCompspts = [Lib_粗线Node0compspts[0],Lib_粗线Node0compspts[1],0,0];
Lib_粗线Node0.setImage(GD.getPolyLineJSON());
Lib_粗线Node0.setPosition(Lib_粗线Node0rect.x+Lib_粗线Node0rect.width/2,Lib_粗线Node0rect.y+Lib_粗线Node0rect.height/2);
Lib_粗线Node0.setSize(Lib_粗线Node0rect.width,Lib_粗线Node0rect.height);
Lib_粗线Node0.setStyle("opacity",1);
Lib_粗线Node0.s({'pixelPerfect':true});
Lib_粗线Node0borderwidth=3;
Lib_粗线Node0.setRotation(0);
dataModel.add(Lib_粗线Node0);

Lib_粗线Node0.a('node.points',Lib_粗线Node0compspts);
Lib_粗线Node0.a('node.segments',[1,2]);
Lib_粗线Node0.a('node.color','rgba(255,0,255,1)');
Lib_粗线Node0.a('node.borderPattern',getDashStyle("@borderPattern@"));
Lib_粗线Node0.a('node.borderColor','rgba(255,0,255,1)');

Lib_粗线Node0.a('node.background','rgba(255,0,255,1)');
Lib_粗线Node0.a('node.gradient','');
Lib_粗线Node0.a('node.gradientcolor','rgba(255,0,255,1)');
Lib_粗线Node0.a('node.endCompspts',Lib_粗线Node0endCompspts);
Lib_粗线Node0.a('node.startCompspts',Lib_粗线Node0startCompspts);

(function (node, img, compspts, endCompspts, startCompspts) {
    var position = node.getPosition(),
        w = node.getWidth()*_ratio.ratioX,
        h = node.getHeight()*_ratio.ratioY;
    function resetPoints(rx, ry) {
        for (var i = 0, len = compspts.length; i < len; i++) {
            if (i%2 === 0) {
                compspts[i]*=rx;
            } else {
                compspts[i]*=ry;
            }
        }
        endCompspts[0] = compspts[compspts.length-2];
        endCompspts[1] = compspts[compspts.length-1];
        endCompspts[2] *= rx;
        endCompspts[3] *= ry;
        node.a('node.offsetEndY', -(endCompspts[3]*0.5));
        node.a('node.offsetEndX', -(endCompspts[2]*0.5));
        
        startCompspts[0] = compspts[0];
        startCompspts[1] = compspts[1];
        startCompspts[2] *= rx;
        startCompspts[3] *= ry;
        node.a('node.offsetStartY', -(startCompspts[3]*0.5));
        node.a('node.offsetStartX', -(startCompspts[2]*0.5));
        node.a('node.endRotation', GD.calcRotationByStartAndEnd(compspts[i-4], compspts[i-3], compspts[i-2], compspts[i-1]));
        node.a('node.startRotation', GD.calcRotationByStartAndEnd(compspts[0], compspts[1], compspts[2], compspts[3]) + Math.PI);
    }
    node.setSize(w, h);
    node.setPosition(position.x * ratio.ratioX, position.y * ratio.ratioY);
    node.a('node.width', w);
    node.a('node.height', h);
    resetPoints(_ratio.ratioX, _ratio.ratioY);
    node.borderWidth = 3;
    node.a('node.borderwidth',node.borderWidth);
    node._nodename = 'Lib_粗线Node0';
    node._nodeType = 'line';
    zoomNodeList.push({
        node: node,
        attr: 'node.borderwidth'
    });
    var setWidth = node.setWidth,
        setHeight = node.setHeight,
        timer, rx = 1, ry = 1;
   
    node.setWidth = function (width) {
        var _width = this.getWidth();
        rx = width / _width;
        node.a('node.width', width);
        setWidth.apply(this, arguments);
            resetPoints(rx, 1); 
    }
    node.setHeight = function (height) {
        var _height = this.getHeight();
        ry = height / _height;
        node.a('node.height', height);
        setHeight.apply(this, arguments);
            resetPoints(1, ry);  
    }
})(Lib_粗线Node0, Lib_粗线Node0.getImage(), Lib_粗线Node0compspts, Lib_粗线Node0endCompspts, Lib_粗线Node0startCompspts);

/*@GraphList@*/
        /*@PageInit@*/
        
 var localVarObj = this.localVarObj; 
 var localDynamicVarObj = this.localDynamicVar(); 

        this['Lib_粗线Node0'] = Lib_粗线Node0; 
 Lib_粗线Node0.__parentLib = nodename; 
 Lib_粗线Node0.__parent = this; 
  this.childNodes.push(Lib_粗线Node0); 

        /*@ControlContextMenu@*/
        /*@Declare@*/
        this.init(x, y, width, height, angle);
    };
    ht.Default.def('ht.lib.粗线', Object, {
        refresh10ms: function () {
    
 var localVarObj = this.localVarObj; 
 var localDynamicVarObj = this.localDynamicVar(); 

    var Lib_粗线Node0= this.Lib_粗线Node0; 

    /*@refresh10ms@*/
},
refresh100ms: function () {
    
 var localVarObj = this.localVarObj; 
 var localDynamicVarObj = this.localDynamicVar(); 

    var Lib_粗线Node0= this.Lib_粗线Node0; 

    /*@refresh100ms@*/
},
refresh500ms: function () {
    
 var localVarObj = this.localVarObj; 
 var localDynamicVarObj = this.localDynamicVar(); 

    var Lib_粗线Node0= this.Lib_粗线Node0; 

    /*@refresh500ms@*/
},
refresh1s: function () {
    var Counter1s = arguments[0] || 0;
    
 var localVarObj = this.localVarObj; 
 var localDynamicVarObj = this.localDynamicVar(); 

    var Lib_粗线Node0= this.Lib_粗线Node0; 

    /*@refresh1s@*/
},
refresh5s: function () {
    
 var localVarObj = this.localVarObj; 
 var localDynamicVarObj = this.localDynamicVar(); 

    var Lib_粗线Node0= this.Lib_粗线Node0; 

    /*@refresh5s@*/
},

/*@PageDynamic@*/
        onEvent: function (e, data, type, origin, offset, objMouseOn, ctm) {
            
 var localVarObj = this.localVarObj; 
 var localDynamicVarObj = this.localDynamicVar(); 

            var Lib_粗线Node0= this.Lib_粗线Node0; 

            
if (type === 'click') {
    /*@EvnentClicked@*/
} else if (type === 'mousedown') {
    mouseX=e.clientX;
    mouseY=e.clientY;
    /*@EvnentMouseDown@*/
} else if (type === 'mouseup') {
    /*@EvnentMouseUp@*/
} else if (type === 'mousemove') {
    var mouseX, mouseY, position, zoom;
    position=origin.getLogicalPoint(e);
    zoom = graphView.getZoom();
    if (origin === graphView) {
        mouseX= position.x + origin.tx();
        mouseY = position.y + origin.ty();
    } else {
        offset = offset || {x: 0, y: 0};
        mouseX = position.x / zoom + offset.x + origin.tx();
        mouseY = position.y / zoom + offset.y + origin.ty();
    }
    /*@EvnentMouseLeave@*/

    /*@EvnentMouseOver@*/
} else if (type === 'keydown') {
    /*@EvnentKeyDown@*/ 
} else if (type === 'contextmenu') {
    /*@Declare@*/
    /*@SetNodeContextMenu@*/
    /*@SetPageContextMenu@*/
}
/*@LibEvent@*/
        },
        getBaseClass: function () {
            return this._baseClass;
        },
        getWidth: function () {
            return this._width;
        },
        getHeight: function () {
            return this._height;
        },
        getSize: function () {
            return {
                width: this._width,
                height: this._height
            }
        },
        setWidth: function (width) {
            if (width === undefined || width === null || width != width) {
                return ;
            }
            var originWidth = this._width;
            var ratio = width / originWidth;
            var childNodes = this.childNodes, childNode, p, op = this.getPosition(), w, cw, ox, rotation = this.getRotation();
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                p = childNode.getPosition();
                cw = childNode.getWidth();
                    w = cw >=2 ? cw * ratio : cw;
                    childNode.setWidth(w);
                ox = op.x + (p.x - op.x) * ratio;
                childNode.setPosition(ox, p.y);

                rotation = GD.calcRotation(rotation);
                if (rotation === 0 || rotation === Math.PI) {
                    // 图元未旋转
                    ox = op.x + (p.x - op.x)*ratio;
                    childNode.setPosition(ox, p.y);
                } else if (rotation === 90 * Math.PI / 180) {
                    // 图元旋转以后
                    ox = op.y + (p.y - op.y)*ratio;
                    childNode.setPosition(p.x, ox);
                }
            }
            this._width = width;
            this._originWidth = width;
            this._ratioX = ratio;
            return this;
        },
        setHeight: function (height) {
            if (height === undefined || height === null || height != height) {
                return ;
            }
            var originHeight = this._height;
            var ratio = height / originHeight;
            var childNodes = this.childNodes, childNode, p, op = this.getPosition(), h, ch, oy, rotation = this.getRotation();
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                p = childNode.getPosition();
                ch = childNode.getHeight();

                h = ch >=2 ? ch * ratio : ch;
                childNode.setHeight(h);
                
                rotation = GD.calcRotation(rotation);

                if (rotation === 0 || rotation === Math.PI) {
                    // 图元未旋转
                    oy = op.y + (p.y - op.y)*ratio;
                    childNode.setPosition(p.x, oy);
                } else if (rotation === 90 * Math.PI / 180) {
                    // 图元旋转以后
                    oy = op.x + (p.x - op.x)*ratio;
                    childNode.setPosition(oy, p.y);
                }
            }
            this._height = height;
            this._originHeight = height;
            this._ratioY = ratio;
            return this;
        },
        setSize: function (size) {
            // var args = Array.prototype.slice.call(arguments, 0);
            // var height, width;
            // if (args.length === 0) {
            //     return ;
            // }else if (args.length === 1) {
            //     height = args[0].height;
            //     width = args[0].width;
            // } else {
            //     width = args[0];
            //     height = args[1];
            // }
            // var wh = GD.getRatioWithRotation(angle, wid)
            // this.setHeight(height);
            // this.setWidth(width);
            // return this;

            var args = Array.prototype.slice.call(arguments, 0);
            var height, width;
            if (args.length === 0) {
                return ;
            }else if (args.length === 1) {
                height = args[0].height;
                width = args[0].width;
                angle = 0;
            } else if (args.length === 2) {
                if (typeof args[0] === 'object') {
                    width = args[0].width;
                    height = args[0].height;
                    angle = args[1] || 0;
                } else {
                    width = args[0];
                    height = args[1];
                    angle = 0;
                }
            } else if (args.length === 3) {
                width = args[0];
                height = args[1];
                angle = args[2] || 0;
            }
            var wh = GD.getRatioWithRotation(0, width, height);
            this.setHeight(wh.ratioY);
            this.setWidth(wh.ratioX);
            return this;
        },
        getPosition: function () {
            return {
                x: this._x,
                y: this._y
            }
        },
        setPosition: function () {
            var args = Array.prototype.slice.call(arguments, 0), x, y;
            if (args.length === 0) {
                return this;
            } else if (args.length === 1) {
                if (typeof args[0] != 'object') {
                    return this;
                }
                x = args[0].x;
                y = args[0].y;
            } else {
                x = args[0];
                y = args[1];
            }
            if ((x !== 0 && !x) || (y !== 0 && !y)) {
                return this;
            }
            // var childNodes = this.childNodes, offset, childNode, p;
            // for (var i = 0, len = childNodes.length; i < len; i++) {
            //     childNode = childNodes[i];
            //     p = childNode.getPosition();
            //     childNode.setPosition(x - (this._x-p.x)*this._ratioX, y - (this._y-p.y)*this._ratioY);
            // }
            // this._x = x;
            // this._y = y;
            // return this;

            var childNodes, childNode, background, offset = {}, op, cp;

            childNodes = this.childNodes;
            background = this._background;
            op = background.getPosition();
            offset.x = x - op.x;
            offset.y = y - op.y;
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                cp = childNode.getPosition();
                childNode.setPosition(cp.x + offset.x, cp.y + offset.y);
            }
            this._x = x;
            this._y = y;
            this._position = {x: x, y: y};
            return this;
        },
        getStyle: function (key) {
            if (!key) {
                return undefined;
            }
            return this._styleObject[key];
        },
        setStyle: function (key, value, force) {
            var childNodes = this.childNodes, childNode;
            
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                if (key === '2d.visible') {
                    if (value === graphView.isVisible(childNode)) {
                        continue;
                    }
                    if (!value) {
                        childNode._savedIsVisible = graphView.isVisible(childNode);
                        childNode.s({
                            '2d.visible': false
                        })
                    } else {
                        childNode.s({
                            '2d.visible': childNode._savedIsVisible
                        })
                    }
                    continue;
                }
                childNode.s({
                    key: value
                });
            }
            this._styleObject[key] = value;
            return this;
        },
        calcSize: function () {
            var background = this._background;
            var position = background.getPosition(),
                width = background.getWidth(),
                height = background.getHeight();
            this._width = width;
            this._height = height;
            this._x = position.x;
            this._y = position.y;
            this._position = {
                x: this._x,
                y: this._y
            }
            return this;
            return this;
        },
        s: function (styleObj, force) {
            var args = Array.prototype.slice.call(arguments, 0);
            var styleObj;
            if (args.length === 0) {
                return this;
            } else if (args.length === 1) {
                styleObj = args[0];
            } else {
                this.setStyle(args[0], args[1]);
                return this;
            }
            for (var key in styleObj) {
                if (!styleObj.hasOwnProperty(key)) {
                    continue;
                }
                this.setStyle(key, styleObj[key], force);
            }
            return this;
        }, 
        init: function (x, y, width, height, angle) {
            var that = this;
            this.calcSize();
            (function (width, height, angle) {
                // that.setSize(width, height, angle);
                // var wh = GD.getRatioWithRotation(angle, width, height);
                // width = wh.ratioX;
                // height = wh.ratioY;
                var originHeight = that._height;
                var originWidth = that._width;
                var ratioY = height / originHeight;
                var ratioX = width / originWidth;
                var childNodes = that.childNodes,
                    childNode,p, op = that.getPosition(), h, ch, oy, w, cw, ox, name, borderRatio, borderWidth;
                for (var i = 0, len = childNodes.length; i < len; i++) {
                    childNode = childNodes[i];
                    p = childNode.getPosition();
                    childNode.originHeight = childNode.originHeight || childNode.getHeight();
                    ch = childNode.getHeight();
                    cw = childNode.getWidth();
                    
                    if (ch > 2) {
                        h = ch * ratioY;
                        childNode.setHeight(h);
                    } 
                    if (cw > 2) {
                        w = cw * ratioX;
                        childNode.setWidth(w);
                    }

                    borderRatio = (ratioX + ratioY)*0.5;
                    if (childNode._nodeType === 'line') { // 如果是线，
                        if (childNode.getWidth() > childNode.getHeight()) {
                            borderRatio = ratioX;
                        } else {
                            borderRatio = ratioY;
                        }
                    }

                    name = childNode._nodename;
                    // if (childNode.borderWidth && name && ch > 2 && cw > 2) {
                    //     borderWidth = childNode.borderWidth / borderRatio;
                    //     if (borderWidth > ch*0.5 || borderWidth > cw *0.5) {
                    //         // borderWidth = childNode.borderWidth;
                    //     }
                    //     childNode.borderWidth = borderWidth;
                    //     childNode.a(name + '.borderwidth', borderWidth);
                    // }
                }
                that._height = height;
                that._originHeight = height;
                that._ratioY = ratioY;
                that._width = width;
                that._originWidth = width;
                that._ratioX = ratioX;
            })(width, height, angle);
            that._x = width / 2;
            that._y = height / 2;
            that._rotation = 0;
            // that.setPosition(x, y);
            (function (x, y) {
                var childNodes = that.childNodes, offset, childNode;
                var w2 = that.getWidth() / 2, h2 = that.getHeight()/2;
                for (var i = 0, len = childNodes.length; i < len; i++) {
                    childNode = childNodes[i];
                    offset = childNode.getPosition();
                    childNode.setPosition(x + offset.x * that._ratioX - w2, y + offset.y * that._ratioY - h2);
                }
                that._x = x;
                that._y = y;
            })(x, y);
            // setTimeout(that.addEVent, 1000);
        },
        setRotation: function (angle) {
            var that = this, _angle = that.getRotation();
            if (angle!==0 && !angle || angle === _angle) {
                return this;
            }
            var childNodes = this.childNodes, childNode, p = this.getPosition(), px = p.x, py = p.y;
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                var x = childNode.getPosition().x - px;
                var y = childNode.getPosition().y - py;
                childNode.setPosition(Math.cos(angle-_angle) * x - Math.sin(angle-_angle) * y + px, Math.cos(angle-_angle) * y + Math.sin(angle-_angle) * x + py);
                childNode.setRotation(angle);
            }
            this._rotation = angle;
            return this;
        },
        getRotation: function () {
            return this._rotation;
        },
        setScale: function (sx, sy) {
            var that = this,
                childNodes = this.childNodes,
                childNode;
            if (sx === undefined || sx === null) return ;
            if (sy === undefined || sy === null) {
                sy = sx;
            }
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                if (typeof childNode.setScale === 'function') {
                    childNode.setScale(sx, sy);
                }
            }
        },
        getScale: function () {
            return this._background.getScale();
        },
        setScaleX: function (sx) {
            if (sx === undefined || sx === null) return;
            var that = this,
                childNodes = this.childNodes,
                childNode;
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                if (typeof childNode.setScaleX === 'function') {
                    childNode.setScaleX(sx);
                }
            }
        },
        setScaleY: function (sy) {
            if (sy === undefined || sy === null) return;
            var that = this,
                childNodes = this.childNodes,
                childNode;
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                if (typeof childNode.setScaleY === 'function') {
                    childNode.setScaleY(sy);
                }
            }
        },
        getScaleX: function () {
            return this._background.getScaleX();
        },
        getScaleY: function () {
            return this._background.getScaleY();
        },
        evert: function () {
            var that = this,
                childNodes = this.childNodes,
                background = this._background,
                bp = background.getPosition(),
                bx = bp.x,
                by = bp.y,
                childNode, distanceX, distanceY, x, y, p, nx, ny;
            
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                p = childNode.getPosition();
                x = p.x;
                y = p.y;
                distanceX = bx - x;
                distanceY = by - y;
                nx = bx + distanceX;
                ny = by + distanceY;
                childNode.setPosition(nx, ny);
                if (typeof childNode.setScale === 'function') {
                    if (!(childNode._disallowEvert === true))
                        childNode.setScale(-1, -1);
                }
            }
        },
        evertX: function () {
            var that = this,
                childNodes = this.childNodes,
                background = this._background,
                bx = background.getPosition().x,
                childNode, distance, x, p, nx;
            
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                p = childNode.getPosition();
                x = p.x;
                distance = bx - x;
                nx = bx + distance;
                childNode.setPosition(nx, p.y);
                if (typeof childNode.setScaleX === 'function') {
                    if (!(childNode._disallowEvert === true))
                        childNode.setScaleX(-1);
                }
            }
        },
        evertY: function () {
            var that = this,
                childNodes = this.childNodes,
                background = this._background,
                by = background.getPosition().y,
                childNode, distance, y, p, ny;
            
            for (var i = 0, len = childNodes.length; i < len; i++) {
                childNode = childNodes[i];
                p = childNode.getPosition();
                y = p.y;
                distance = by - y;
                ny = by + distance;
                childNode.setPosition(p.x, ny);
                if (typeof childNode.setScaleY === 'function') {
                    if (!(childNode._disallowEvert === true))
                        childNode.setScaleY(-1);
                }
            }
        },
        attr: function (key, value) {
            var _attrObj = this._attrObj || {};
            if (arguments.length === 1) {
                return _attrObj[key];
            }
            var childNodes = this.childNodes, childNode;
            _attrObj[key] = value;
            for (var i = 0; childNode = childNodes[i++];) {
                if (typeof childNode.a === 'function') {
                    childNode.a(key, value);
                }
            }
        },
        a: function () {
            return this.attr.apply(this, arguments);
        }
    });
}