UIPredicateCoreVue.js

  1. /* eslint no-unused-vars: "off"*/
  3. /**
  4.  * VueJS adapter for ui-predicate-core
  5.  * @namespace vue
  6.  * @since 1.0.0
  7.  */
  9. import { PredicateCore } from 'ui-predicate-core';
  10. const merge = require('lodash/merge');
  11. import Vue from 'vue';
  13. const defaults = {
  14.   options: {
  15.     /**
  16.      * UIPredicate Vue Adapter own default argument component
  17.      * @param  {Object} columns specified columns
  18.      * @param  {Object} [options=PredicateCore.defaults.options] PredicateCore available options
  19.      * @return {Vue.component} the default Vue Component to use as argument specifier
  20.      * @see core.defaults.getDefaultArgumentComponent
  21.      * @memberof vue.defaults
  22.      */
  23.     getDefaultArgumentComponent(columns, options) {
  24.       return Vue.component('default-argument-component', {
  25.         methods: {
  26.           _onChange({ target: { value: newValue } }) {
  27.             this.$emit('change', newValue);
  28.           },
  29.         },
  30.         props: {
  31.           value: {
  32.             type: null,
  33.             required: true,
  34.           },
  35.         },
  36.         template:
  37.           '<div><input type="text" @change="_onChange" :value="value"></div>',
  38.       });
  39.     },
  40.   },
  41. };
  43. /**
  44.  * UIPredicateCore adapter for VueJS
  45.  * @param       {?dataclasses.CompoundPredicate} [data=PredicateCore.defaults.options.getDefaultData] data
  46.  * @param       {Object} [columns=PredicateCore.defaults.columns] columns
  47.  * @param       {Object} [options=PredicateCore.defaults.options] options
  48.  * @return {Promise<core.PredicateCoreAPI>} resolved promise yield a PredicateCoreAPI
  49.  * @memberof vue
  50.  */
  51. function UIPredicateCoreVue({ data, columns, options } = {}) {
  52.   const _options = merge(defaults.options, options);
  54.   return PredicateCore({
  55.     data,
  56.     columns,
  57.     options: _options,
  58.   });
  59. }
  61. UIPredicateCoreVue.defaults = defaults;
  63. module.exports = { UIPredicateCoreVue };