ui.resizable.js(原版，未做改动)

/*
* jQuery UI Resizable
*
* Copyright (c) 2008 Paul Bakaus
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* http://docs.jquery.com/UI/Resizables
*
* Depends:
* ui.core.js
*/
(function($) {

$.widget("ui.resizable", $.extend({}, $.ui.mouse, {
init: function() {

var self = this, o = this.options;

$.extend($.ui.resizable, {
    defaults: {
        cancel: ":input",
        distance: 1,
        delay: 0,
        preventDefault: true,
        transparent: false,
        minWidth: 10,
        minHeight: 10,
        aspectRatio: false,
        disableSelection: true,
        preserveCursor: true,
        autoHide: false,
        knobHandles: false
    }
});

/*
* Resizable Extensions
*/

$.ui.plugin.add("resizable", "containment", {
    start: function(e, ui) {
        var o = ui.options, self = $(this).data("resizable"), el = self.element;
        var oc = o.containment,    ce = (oc instanceof $) ? oc.get(0) : (/parent/.test(oc)) ? el.parent().get(0) : oc;
        if (!ce) return;
        self.containerElement = $(ce);
        if (/document/.test(oc) || oc == document) {
            self.containerOffset = { left: 0, top: 0 };
            self.containerPosition = { left: 0, top: 0 };
            self.parentData = {
                element: $(document), left: 0, top: 0,
                $(document).width(), height: $(document).height() || document.body.parentNode.scrollHeight
            };
        }
        // i'm a node, so compute top, left, right, bottom
        else{
            self.containerOffset = $(ce).offset();
            self.containerPosition = $(ce).position();
            self.containerSize = { height: $(ce).innerHeight(), $(ce).innerWidth() };
            var co = self.containerOffset, ch = self.containerSize.height,    cw = self.containerSize.width,
                        width = ($.ui.hasScroll(ce, "left") ? ce.scrollWidth : cw ), height = ($.ui.hasScroll(ce) ? ce.scrollHeight : ch);
            self.parentData = {
                element: ce, left: co.left, top: co.top, width, height: height
            };
        }
    },
    resize: function(e, ui) {
        var o = ui.options, self = $(this).data("resizable"),
                ps = self.containerSize, co = self.containerOffset, cs = self.size, cp = self.position,
                pRatio = o._aspectRatio || e.shiftKey, cop = { top:0, left:0 }, ce = self.containerElement;
        if (ce[0] != document && /static/.test(ce.css('position')))
            cop = self.containerPosition;
        if (cp.left < (o.helper ? co.left : cop.left)) {
            self.size.width = self.size.width + (o.helper ? (self.position.left - co.left) : (self.position.left - cop.left));
            if (pRatio) self.size.height = self.size.width * o.aspectRatio;
            self.position.left = o.helper ? co.left : cop.left;
        }
        if (cp.top < (o.helper ? co.top : 0)) {
            self.size.height = self.size.height + (o.helper ? (self.position.top - co.top) : self.position.top);
            if (pRatio) self.size.width = self.size.height / o.aspectRatio;
            self.position.top = o.helper ? co.top : 0;
        }
        var woset = (o.helper ? self.offset.left - co.left : (self.position.left - cop.left)) + self.sizeDiff.width,
                    hoset = (o.helper ? self.offset.top - co.top : self.position.top) + self.sizeDiff.height;
        if (woset + self.size.width >= self.parentData.width) {
            self.size.width = self.parentData.width - woset;
            if (pRatio) self.size.height = self.size.width * o.aspectRatio;
        }
        if (hoset + self.size.height >= self.parentData.height) {
            self.size.height = self.parentData.height - hoset;
            if (pRatio) self.size.width = self.size.height / o.aspectRatio;
        }
    },
    stop: function(e, ui){
        var o = ui.options, self = $(this).data("resizable"), cp = self.position,
                co = self.containerOffset, cop = self.containerPosition, ce = self.containerElement;
        var helper = $(self.helper), ho = helper.offset(), w = helper.innerWidth(), h = helper.innerHeight();
        if (o.helper && !o.animate && /relative/.test(ce.css('position')))
            $(this).css({ left: (ho.left - co.left), top: (ho.top - co.top), w, height: h });
        if (o.helper && !o.animate && /static/.test(ce.css('position')))
            $(this).css({ left: cop.left + (ho.left - co.left), top: cop.top + (ho.top - co.top), w, height: h });
    }
});

$.ui.plugin.add("resizable", "grid", {
    resize: function(e, ui) {
        var o = ui.options, self = $(this).data("resizable"), cs = self.size, os = self.originalSize, op = self.originalPosition, a = self.axis, ratio = o._aspectRatio || e.shiftKey;
        o.grid = typeof o.grid == "number" ? [o.grid, o.grid] : o.grid;
        var ox = Math.round((cs.width - os.width) / (o.grid[0]||1)) * (o.grid[0]||1), oy = Math.round((cs.height - os.height) / (o.grid[1]||1)) * (o.grid[1]||1);
        if (/^(se|s|e)$/.test(a)) {
            self.size.width = os.width + ox;
            self.size.height = os.height + oy;
        }
        else if (/^(ne)$/.test(a)) {
            self.size.width = os.width + ox;
            self.size.height = os.height + oy;
            self.position.top = op.top - oy;
        }
        else if (/^(sw)$/.test(a)) {
            self.size.width = os.width + ox;
            self.size.height = os.height + oy;
            self.position.left = op.left - ox;
        }
        else {
            self.size.width = os.width + ox;
            self.size.height = os.height + oy;
            self.position.top = op.top - oy;
            self.position.left = op.left - ox;
        }
    }
});

$.ui.plugin.add("resizable", "animate", {
    stop: function(e, ui) {
        var o = ui.options, self = $(this).data("resizable");
        var pr = o.proportionallyResize, ista = pr && (/textarea/i).test(pr.get(0).nodeName),
                        soffseth = ista && $.ui.hasScroll(pr.get(0), 'left') /* TODO - jump height */ ? 0 : self.sizeDiff.height,
                            soffsetw = ista ? 0 : self.sizeDiff.width;
        var style = { (self.size.width - soffsetw), height: (self.size.height - soffseth) },
                    left = (parseInt(self.element.css('left'), 10) + (self.position.left - self.originalPosition.left)) || null,
                        top = (parseInt(self.element.css('top'), 10) + (self.position.top - self.originalPosition.top)) || null;
        self.element.animate(
            $.extend(style, top && left ? { top: top, left: left } : {}), {
                duration: o.animateDuration || "slow", easing: o.animateEasing || "swing",
                step: function() {
                    var data = {
                        parseInt(self.element.css('width'), 10),
                        height: parseInt(self.element.css('height'), 10),
                        top: parseInt(self.element.css('top'), 10),
                        left: parseInt(self.element.css('left'), 10)
                    };
                    if (pr) pr.css({ data.width, height: data.height });
                    // propagating resize, and updating values for each animation step
                    self._updateCache(data);
                    self.propagate("animate", e);
                }
            }
        );
    }
});

$.ui.plugin.add("resizable", "ghost", {
    start: function(e, ui) {
        var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize, cs = self.size;
        if (!pr) self.ghost = self.element.clone();
        else self.ghost = pr.clone();
        self.ghost.css(
            { opacity: .25, display: 'block', position: 'relative', height: cs.height, cs.width, margin: 0, left: 0, top: 0 }
        )
        .addClass('ui-resizable-ghost').addClass(typeof o.ghost == 'string' ? o.ghost : '');
        self.ghost.appendTo(self.helper);
    },
    resize: function(e, ui){
        var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize;
        if (self.ghost) self.ghost.css({ position: 'relative', height: self.size.height, self.size.width });
    },
    stop: function(e, ui){
        var o = ui.options, self = $(this).data("resizable"), pr = o.proportionallyResize;
        if (self.ghost && self.helper) self.helper.get(0).removeChild(self.ghost.get(0));
    }
});

$.ui.plugin.add("resizable", "alsoResize", {
    start: function(e, ui) {
        var o = ui.options, self = $(this).data("resizable"),
        _store = function(exp) {
            $(exp).each(function() {
                $(this).data("resizable-alsoresize", {
                    parseInt($(this).width(), 10), height: parseInt($(this).height(), 10),
                    left: parseInt($(this).css('left'), 10), top: parseInt($(this).css('top'), 10)
                });
            });
        };
        if (typeof(o.alsoResize) == 'object') {
            if (o.alsoResize.length) { o.alsoResize = o.alsoResize[0];    _store(o.alsoResize); }
            else { $.each(o.alsoResize, function(exp, c) { _store(exp); }); }
        }else{
            _store(o.alsoResize);
        }
    },
    resize: function(e, ui){
        var o = ui.options, self = $(this).data("resizable"), os = self.originalSize, op = self.originalPosition;
        var delta = {
            height: (self.size.height - os.height) || 0, (self.size.width - os.width) || 0,
            top: (self.position.top - op.top) || 0, left: (self.position.left - op.left) || 0
        },
        _alsoResize = function(exp, c) {
            $(exp).each(function() {
                var start = $(this).data("resizable-alsoresize"), style = {}, css = c && c.length ? c : ['width', 'height', 'top', 'left'];
                $.each(css || ['width', 'height', 'top', 'left'], function(i, prop) {
                    var sum = (start[prop]||0) + (delta[prop]||0);
                    if (sum && sum >= 0)
                        style[prop] = sum || null;
                });
                $(this).css(style);
            });
        };
        if (typeof(o.alsoResize) == 'object') {
            $.each(o.alsoResize, function(exp, c) { _alsoResize(exp, c); });
        }else{
            _alsoResize(o.alsoResize);
        }
    },
    stop: function(e, ui){
        $(this).removeData("resizable-alsoresize-start");
    }
});

})(jQuery);