dom-validator/directive.js

Validator similar to vee-validator for vuetify Applications

import ListenerGenerator from './listeners';
import { getScope, isObject, find, getRules, warn } from './utils';

const listenersInstances = [];

export default (options) => ({
  inserted (el, { value, expression }, { context }) {
    const { instance } = find(listenersInstances, l => l.vm === context && l.el === el);

    /*
    let scope = isObject(value) ? (value.scope || getScope(el)) : getScope(el);
    if (!scope) {
      scope = '__global__';
    }
    if (scope !== instance.scope) {
      const field = context.$validator._resolveField(instance.fieldName, instance.scope);
      context.$validator._moveFieldScope(field, scope);
      instance.scope = scope;
    }
    */
  },
  bind (el, binding, vnode) {
    /*
    if (! vnode.context.$validator) {
      const name = vnode.context.$options._componentTag;
      // eslint-disable-next-line
      warn(`No validator instance is present on ${name ?'component "' +  name + '"' : 'un-named component'}, did you forget to inject '$validator'?`);

      return;
    }
    */
    const listener = new ListenerGenerator(el, binding, vnode, options);
    listener.attach();
    listenersInstances.push({ vm: vnode.context, el, instance: listener });

    // vnode.child.$on('input', (input) => {
    //   vnode.child.rules = input.split()
    // })
  },
  update (el, { expression, value }, { context }) {
    //const { instance } = find(listenersInstances, l => l.vm === context && l.el === el);

    /*
    // make sure we don't do uneccessary work if no expression was passed
    // nor if the expression did not change.
    if (! expression || (instance.cachedExp === JSON.stringify(value))) return;

    instance.cachedExp = JSON.stringify(value);
    const scope = isObject(value) ? (value.scope || getScope(el)) : getScope(el);
    context.$validator.updateField(
      instance.fieldName,
      getRules(expression, value, el),
      { scope: scope || '__global__' }
    );
    */
  },
  unbind (el, { value }, { context }) {
    const holder = find(listenersInstances, l => l.vm === context && l.el === el);
    if (typeof holder === 'undefined') {
      return;
    }

    holder.instance.detach();
    listenersInstances.splice(listenersInstances.indexOf(holder), 1);
  }
});