@gogocat/data-bind 1.11.0 → 2.0.0

package/src/createBindingOption.js

@@ -1,66 +0,0 @@
-import {
-    bindingUpdateConditions,
-} from './config';
-import {extend} from './util';
-/**
- * createBindingOption
- * @param {string} condition
- * @param {object} opt
- * @description
- * generate binding update option object by condition
- * @return {object} updateOption
- */
-function createBindingOption(condition = '', opt = {}) {
-    const visualBindingOptions = {
-        templateBinding: false,
-        textBinding: true,
-        cssBinding: true,
-        ifBinding: true,
-        showBinding: true,
-        modelBinding: true,
-        attrBinding: true,
-        forOfBinding: true,
-        switchBinding: true,
-    };
-    const eventsBindingOptions = {
-        changeBinding: true,
-        clickBinding: true,
-        dblclickBinding: true,
-        blurBinding: true,
-        focusBinding: true,
-        hoverBinding: true,
-        submitBinding: true,
-    };
-    // this is visualBindingOptions but everything false
-    // concrete declear for performance purpose
-    const serverRenderedOptions = {
-        templateBinding: false,
-        textBinding: false,
-        cssBinding: false,
-        ifBinding: false,
-        showBinding: false,
-        modelBinding: false,
-        attrBinding: false,
-        forOfBinding: false,
-        switchBinding: false,
-    };
-    let updateOption = {};
-
-    switch (condition) {
-    case bindingUpdateConditions.serverRendered:
-        updateOption = extend({}, eventsBindingOptions, serverRenderedOptions, opt);
-        break;
-    case bindingUpdateConditions.init:
-        // flag templateBinding to true to render tempalte(s)
-        opt.templateBinding = true;
-        updateOption = extend({}, visualBindingOptions, eventsBindingOptions, opt);
-        break;
-    default:
-        // when called again only update visualBinding options
-        updateOption = extend({}, visualBindingOptions, opt);
-    }
-
-    return updateOption;
-}
-
-export default createBindingOption;

package/src/createEventBinding.js

@@ -1,46 +0,0 @@
-import {
-    getFormData,
-    getViewModelValue,
-    resolveViewModelContext,
-    resolveParamList,
-} from './util';
-
-const createEventBinding = ({
-    cache = {},
-    forceRender = false,
-    type = '',
-    viewModel = {},
-}) => {
-    const handlerName = cache.dataKey;
-    let paramList = cache.parameters;
-    let viewModelContext;
-    const APP = viewModel.APP || viewModel.$root.APP;
-
-    if (!type || !handlerName || (!forceRender && !APP.$rootElement.contains(cache.el))) {
-        return;
-    }
-
-    const handlerFn = getViewModelValue(viewModel, handlerName);
-
-    if (typeof handlerFn === 'function') {
-        viewModelContext = resolveViewModelContext(viewModel, handlerName);
-        paramList = paramList ? resolveParamList(viewModel, paramList) : [];
-
-        const handlerWrap = (e) => {
-            let formData;
-            let args = [];
-            if (type === 'submit') {
-                formData = getFormData(e.currentTarget);
-                args = [e, e.currentTarget, formData].concat(paramList);
-            } else {
-                args = [e, e.currentTarget].concat(paramList);
-            }
-            handlerFn.apply(viewModelContext, args);
-        };
-
-        cache.el.removeEventListener(type, handlerWrap, false);
-        cache.el.addEventListener(type, handlerWrap, false);
-    }
-};
-
-export default createEventBinding;

package/src/eventSystem.js

@@ -1,46 +0,0 @@
-// https://yiochen.github.io/blog/post/weakmap-event-system/
-// usage:
-// attach listener to button
-// eventSystem.on(button, 'click', clickHandler);
-// eventSystem.trigger(button, 'click');
-
-const eventSystem = {
-    wm: new WeakMap(),
-    on(target, event, listener) {
-        let listeners = this.wm.get(target);
-        if (listeners === undefined) {
-            listeners = {};
-        }
-        let listenersForEvent = listeners[event];
-        if (listenersForEvent === undefined) {
-            listenersForEvent = new Set();
-        }
-        listenersForEvent.add(listener);
-        listeners[event] = listenersForEvent;
-        this.wm.add(target, listeners);
-    },
-
-    off(target, event, listener) {
-        const listeners = this.wm.get(target);
-        if (!listeners) return;
-        const listenersForEvent = listeners[event];
-        if (!listenersForEvent) return;
-        listenersForEvent.delete(handler);
-    },
-
-    trigger(target, event) {
-        const listeners = this.wm.get(target);
-        if (!listeners) return;
-        const listenersForEvent = listeners[event];
-        if (!listenersForEvent) return;
-        // TODO: check what is listenersForEvent
-        // handlers should be  listeners or listenersForEvent
-        for (const handler of handlers) {
-            // we use a setTimeout here because we want event triggering to be asynchronous.
-            // setTimeout(handler, 0, event, target);
-            handler(event, target);
-        }
-    },
-};
-
-export default eventSystem;

package/src/hoverBinding.js

@@ -1,57 +0,0 @@
-/* eslint-disable no-invalid-this */
-import {bindingDataReference} from './config';
-import {
-    getViewModelValue,
-    resolveViewModelContext,
-    resolveParamList,
-} from './util';
-
-/**
- * blurBinding
- * DOM decleartive on blur event binding
- * event handler bind to viewModel method according to the DOM attribute
- * @param {object} cache
- * @param {object} viewModel
- * @param {object} bindingAttrs
- * @param {boolean} forceRender
- */
-const hoverBinding = (cache, viewModel, bindingAttrs, forceRender) => {
-    const handlerName = cache.dataKey;
-    let paramList = cache.parameters;
-    const inHandlerName = bindingDataReference.mouseEnterHandlerName;
-    const outHandlerName = bindingDataReference.mouseLeaveHandlerName;
-    let viewModelContext;
-    const APP = viewModel.APP || viewModel.$root.APP;
-
-    cache.elementData = cache.elementData || {};
-
-    // TODO: check what is APP.$rootElement.contains(cache.el)
-    if (!handlerName || (!forceRender && !APP.$rootElement.contains(cache.el))) {
-        return;
-    }
-
-    const handlers = getViewModelValue(viewModel, handlerName);
-
-    if (handlers && typeof handlers[inHandlerName] === 'function' && typeof handlers[outHandlerName] === 'function') {
-        viewModelContext = resolveViewModelContext(viewModel, handlerName);
-        paramList = paramList ? resolveParamList(viewModel, paramList) : [];
-
-        function onMouseEnterHandler(e) {
-            const args = [e, cache.el].concat(paramList);
-            handlers[inHandlerName].apply(viewModelContext, args);
-        }
-
-        function onMouseLeaveHandler(e) {
-            const args = [e, cache.el].concat(paramList);
-            handlers[outHandlerName].apply(viewModelContext, args);
-        }
-
-        cache.el.removeEventListener('mouseenter', onMouseEnterHandler, false);
-        cache.el.removeEventListener('mouseleave', onMouseLeaveHandler, false);
-
-        cache.el.addEventListener('mouseenter', onMouseEnterHandler, false);
-        cache.el.addEventListener('mouseleave', onMouseLeaveHandler, false);
-    }
-};
-
-export default hoverBinding;

package/src/index.js

@@ -1,26 +0,0 @@
-import * as config from './config';
-import {extend} from './util';
-import {Binder} from './binder';
-
-const isSupportPromise = typeof window['Promise'] === 'function';
-
-let bindingAttrs = config.bindingAttrs;
-
-const use = (settings = {}) => {
-    if (settings.bindingAttrs) {
-        bindingAttrs = extend({}, settings.bindingAttrs);
-    }
-};
-
-const init = ($rootElement, viewModel = null) => {
-    if (!isSupportPromise) {
-        return console.warn('Browser not support Promise');
-    }
-    return new Binder($rootElement, viewModel, bindingAttrs);
-};
-
-export default {
-    use: use,
-    init: init,
-    version: '@version@',
-};

package/src/renderTemplate.js

@@ -1,128 +0,0 @@
-import {dataIndexAttr} from './config';
-import {
-    createHtmlFragment,
-    emptyElement,
-    getViewModelPropValue,
-    parseStringToJson,
-} from './util';
-
-let $domFragment = null;
-let $templateRoot = null;
-let nestTemplatesCount = 0;
-
-/**
- * getTemplateString
- * @description get Template tag innerHTML string
- * @param {string} id
- * @return {string} rendered html string
- */
-const getTemplateString = (id) => {
-    const templateElement = document.getElementById(id);
-
-    return templateElement ? templateElement.innerHTML : '';
-};
-
-/**
- * renderTemplate
- * @description
- * get template setting from DOM attribute then call compileTemplate
- * to render and append to target DOM
- * @param {object} cache
- * @param {object} viewModel
- * @param {object} bindingAttrs
- * @param {object} elementCache
- */
-const renderTemplate = (cache, viewModel, bindingAttrs, elementCache) => {
-    const settings = typeof cache.dataKey === 'string' ? parseStringToJson(cache.dataKey) : cache.dataKey;
-    let viewData = settings.data;
-    const isAppend = settings.append;
-    const isPrepend = settings.prepend;
-    let $currentElement;
-
-    cache.dataKey = settings;
-
-    viewData = (typeof viewData === 'undefined' || viewData === '$root') ?
-        viewModel :
-        getViewModelPropValue(viewModel, {
-            dataKey: settings.data,
-            parameters: cache.parameters,
-        });
-
-    if (!viewData) {
-        return;
-    }
-
-    const $element = cache.el;
-    const $index = typeof viewModel.$index !== 'undefined' ? viewModel.$index : $element.getAttribute(dataIndexAttr);
-
-    if (typeof $index !== 'undefined') {
-        viewData.$index = $index;
-    }
-
-    $domFragment = $domFragment || document.createDocumentFragment();
-
-    $templateRoot = $templateRoot || $element;
-
-    const htmlString = getTemplateString(settings.id);
-
-    const htmlFragment = createHtmlFragment(htmlString);
-
-    // append rendered html
-    if (!$domFragment.childNodes.length) {
-        // domFragment should be empty in first run
-        $currentElement = $domFragment; // copy of $domFragment for later find nested template check
-        $domFragment.appendChild(htmlFragment);
-    } else {
-        // during recursive run keep append to current fragment
-        $currentElement = $element; // reset to current nested template element
-        if (!isAppend && !isPrepend) {
-            $currentElement = emptyElement($currentElement);
-        }
-        if (isPrepend) {
-            $currentElement.insertBefore(htmlFragment, $currentElement.firstChild);
-        } else {
-            $currentElement.appendChild(htmlFragment);
-        }
-    }
-
-    // check if there are nested template then recurisive render them
-    const $nestedTemplates = $currentElement.querySelectorAll('[' + bindingAttrs.tmp + ']');
-
-    const nestedTemplatesLength = $nestedTemplates.length;
-
-    if (nestedTemplatesLength) {
-        nestTemplatesCount += nestedTemplatesLength;
-
-        for (let i=0; i < nestedTemplatesLength; i+=1) {
-            const thisTemplateCache = {
-                el: $nestedTemplates[i],
-                dataKey: $nestedTemplates[i].getAttribute(bindingAttrs.tmp),
-            };
-            elementCache[bindingAttrs.tmp].push(thisTemplateCache);
-            // recursive template render
-            renderTemplate(thisTemplateCache, viewModel, bindingAttrs, elementCache);
-            nestTemplatesCount -= 1;
-        }
-    }
-
-    // no more nested tempalted to render, start to append $domFragment into $templateRoot
-    if (nestTemplatesCount === 0) {
-        // append to DOM once
-        if (!isAppend && !isPrepend) {
-            $templateRoot = emptyElement($templateRoot);
-        }
-        if (isPrepend) {
-            $templateRoot.insertBefore($domFragment, $templateRoot.firstChild);
-        } else {
-            $templateRoot.appendChild($domFragment);
-        }
-        // clear cached fragment
-        $domFragment = $templateRoot = null;
-        // trigger callback if provided
-        if (typeof viewModel.afterTemplateRender === 'function') {
-            viewModel.afterTemplateRender(viewData);
-        }
-    }
-};
-
-export default renderTemplate;