okam-core/src/extend/data/observable/ant/index.js

The extension for small program framework

/**
 * @file Make component support data operation like Vue for ant mini program
 * @author sparklewhy@gmail.com
 */

'use strict';

import observable, {setObservableContext} from '../base';
import {component as antApi, array as proxyArrayApis} from './array';

setObservableContext('props', true);

const rawCreated = observable.created;
const observableAntComponent = Object.assign({}, observable, {
    created() {
        if (this.$rawComputed) {
            // fix ant reference bug: `this.data.xx` operation is not allowed
            // when page onload, otherwise it'll affect the init data state
            // of the page when load next time.
            // So, here create a shadow copy of data.
            this.data = Object.assign({}, this.data);
        }
        rawCreated.call(this);
    },

    /**
     * View update hook
     *
     * @private
     * @param {Object} prevProps the previous property data before update
     */
    didUpdate(prevProps) {
        let propObserver = this.__propsObserver;
        if (!propObserver) {
            return;
        }

        let currProps = this.props;
        // update the cache props data, as for the prop data will be override
        // when prop change, it leads to the cached props data will not refer to
        // the new props data
        propObserver.rawData = currProps;
        Object.keys(prevProps).forEach(k => {
            let newVal = currProps[k];
            let oldVal = prevProps[k];
            if (newVal !== oldVal) {
                propObserver.firePropValueChange(k, newVal, oldVal);
            }
        });
    },

    proxyArrayApis
});

observableAntComponent.methods = Object.assign(
    {}, observableAntComponent.methods, antApi,
);

export default {
    component: observableAntComponent
};