add extjs 6.0.1 sources

[extjs.git] / extjs / classic / classic / src / grid / ColumnComponentLayout.js

/**\r
 * Component layout for grid column headers which have a title element at the top followed by content.\r
 * @private\r
 */\r
Ext.define('Ext.grid.ColumnComponentLayout', {\r
    extend: 'Ext.layout.component.Auto',\r
    alias: 'layout.columncomponent',\r
\r
    type: 'columncomponent',\r
\r
    setWidthInDom: true,\r
\r
    _paddingReset: {\r
        paddingTop: '',  // reset back to default padding of the style\r
        paddingBottom: ''\r
    },\r
\r
    columnAutoCls: Ext.baseCSSPrefix + 'column-header-text-container-auto',\r
\r
    beginLayout: function(ownerContext) {\r
        this.callParent(arguments);\r
        ownerContext.titleContext = ownerContext.getEl('titleEl');\r
    },\r
\r
    beginLayoutCycle: function(ownerContext) {\r
        var me = this,\r
            owner = me.owner,\r
            shrinkWrap = ownerContext.widthModel.shrinkWrap;\r
\r
        me.callParent(arguments);\r
\r
        // If shrinkwrapping, allow content width to stretch the element\r
        if (shrinkWrap) {\r
            owner.el.setWidth('');\r
        }\r
        owner.textContainerEl[shrinkWrap && !owner.isGroupHeader ? 'addCls' : 'removeCls'](me.columnAutoCls);\r
        owner.titleEl.setStyle(me._paddingReset);\r
    },\r
\r
    // If not shrink wrapping, push height info down into child items\r
    publishInnerHeight: function(ownerContext, outerHeight) {\r
        var me = this,\r
            owner = me.owner,\r
            innerHeight;\r
            \r
        // TreePanels (and grids with hideHeaders: true) set their column container height to zero to hide them.\r
        // This is because they need to lay out in order to calculate widths for the columns (eg flexes).\r
        // If there is no height to lay out, bail out early.\r
        if (owner.getRootHeaderCt().hiddenHeaders) {\r
            ownerContext.setProp('innerHeight', 0);\r
            return;\r
        }\r
        \r
\r
        // If this ia a group header; that is, it contains subheaders...\r
        // hasRawContent = !(target.isContainer && target.items.items.length > 0)\r
        if (!ownerContext.hasRawContent) {\r
            // We do not have enough information to get the height of the titleEl\r
            if (owner.headerWrap && !ownerContext.hasDomProp('width')) {\r
                me.done = false;\r
                return;\r
            }\r
\r
            innerHeight = outerHeight - ownerContext.getBorderInfo().height;\r
            ownerContext.setProp('innerHeight', innerHeight - owner.titleEl.getHeight(), false);\r
        }\r
    },\r
\r
    // We do not need the Direct2D sub pixel measurement here. Just the offsetHeight will do.\r
    // TODO: When https://sencha.jira.com/browse/EXTJSIV-7734 is fixed to not do subpixel adjustment on height,\r
    // remove this override.\r
    measureContentHeight: function(ownerContext) {\r
        return ownerContext.el.dom.offsetHeight;\r
    },\r
\r
    // If not shrink wrapping, push width info down into child items\r
    publishInnerWidth: function(ownerContext, outerWidth) {\r
        // If we are acting as a container, publish the innerWidth for the ColumnLayout to use\r
        if (!ownerContext.hasRawContent) {\r
            ownerContext.setProp('innerWidth', outerWidth - ownerContext.getBorderInfo().width, false);\r
        }\r
    },\r
\r
    // Push content height outwards when we are shrinkwrapping\r
    calculateOwnerHeightFromContentHeight: function (ownerContext, contentHeight) {\r
        var result = this.callParent(arguments),\r
            owner = this.owner;\r
\r
        // If we are NOT a group header, we just use the auto component's measurement\r
        if (!ownerContext.hasRawContent) {\r
            if (!owner.headerWrap || ownerContext.hasDomProp('width')) {\r
                return contentHeight + owner.titleEl.getHeight() + ownerContext.getBorderInfo().height;\r
            }\r
\r
            // We do not have the information to return the height yet because we cannot know\r
            // the final height of the text el\r
            return null;\r
        }\r
        return result;\r
    },\r
\r
    // Push content width outwards when we are shrinkwrapping\r
    calculateOwnerWidthFromContentWidth: function (ownerContext, contentWidth) {\r
        var owner = this.owner,\r
            padWidth = ownerContext.getPaddingInfo().width,\r
            triggerOffset = this.getTriggerOffset(owner, ownerContext),\r
            inner;\r
            \r
        // Only measure the content if we're not grouped, otherwise\r
        // the size should be governed by the children\r
        if (owner.isGroupHeader) {\r
            inner = contentWidth;\r
        } else {\r
            inner = Math.max(contentWidth, owner.textEl.getWidth() + ownerContext.titleContext.getPaddingInfo().width);\r
        }\r
        return inner + padWidth + triggerOffset;\r
    },\r
    \r
    getTriggerOffset: function(owner, ownerContext) {\r
        var width = 0;\r
        \r
        if (ownerContext.widthModel.shrinkWrap && !owner.menuDisabled) {\r
            // If we have any children underneath, then we already have space reserved\r
            if (owner.query('>:not([hidden])').length === 0) {\r
                width = owner.getTriggerElWidth();\r
            }\r
        }\r
        return width;\r
    }\r
});\r