Widget işlevini mixins Magento 2.1.1 ile yeniden yazma

Sahibiz swatch-renderer.js

Bu dosyada bazı widget'lar var.

....
    $.widget('mage.SwatchRenderer', {
....

    /**
     * @private
     */
    _init: function () {
        if (this.options.jsonConfig !== '' && this.options.jsonSwatchConfig !== '') {
            this._sortAttributes();
            this._RenderControls();
        } else {
            console.log('SwatchRenderer: No input data received');
        }
    },

    /**
     * @private
     */
    _sortAttributes: function () {
        this.options.jsonConfig.attributes = _.sortBy(this.options.jsonConfig.attributes, function (attribute) {
            return attribute.position;
        });
    },

Bazı işlevlerini yeniden yazmak istiyorum.

Bunu yapmanın doğru yolu nedir?

Magento kütüphanesindeki açıklamalar artık gerçek değil, başka bir yaklaşım kullanan sınıflarla bağlantılı (place-order.js / place-order-mixin.js hakkında konuşuyorum). Ve açıklanan örnekler widget işlevlerinin nasıl yeniden yazıldığını bir şekilde açıklamaz.

requirejs-config.js

var config = {
    config: {
        mixins: {
            'Magento_Swatches/js/swatch-renderer': {
                'path/to/your/mixin': true
            }
        }
    }
};

/ yol / senin / mixin.js

define([
    'jquery'
], function ($) {
    'use strict';

    return function (widget) {

        $.widget('mage.SwatchRenderer', widget, {
            _Rebuild: function () {
                console.log('Hello from rebuild', arguments);
                return this._super();
            }
        });

        return $.mage.SwatchRenderer;
    }
});

Düzenleme: Cevabım mixins kullanmıyor. Bildiğim kadarıyla, mixins sadece yöntem yeniden yazma ve özellikleri için çalışır. Sizin durumunuzda, doğrudan bir yöntemin dışında çağırılan saf JS'dir.

Bunu bir modül üzerinden yapabilirsiniz.

İçinde Vendor/Module/view/frontend/requirejs-config.jsaşağıdakileri ekleyebilirsiniz:

var config = {
    map: {
        '*': {
            'Magento_Swatches/js/swatch-renderer':'Vendor_Module/js/swatch-renderer'
        }
    }
};

Ardından Vendor/Module/view/frontend/web/js/swatch-renderer.js, orijinal swatch-renderer.jsdosyayı kopyalayarak dosyayı oluşturabilir ve içeriğini ne yapmak istediğinize göre değiştirebilirsiniz.