From b0a2f557bbc38c4fbceccf52ba37aec8323f9f44 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Michael=20Vo=C5=99=C3=AD=C5=A1ek?= Date: Thu, 13 Oct 2022 16:17:47 +0200 Subject: [PATCH] rename atk.debounce to atk.createDebouncedFx and fix wrong usage --- js/src/plugins/conditional-form.plugin.js | 10 +++--- js/src/plugins/js-search.plugin.js | 2 +- js/src/services/panel.service.js | 4 +-- js/src/setup-utils.js | 20 +++++------ .../vue-components/item-search.component.js | 19 +++++----- .../multiline/multiline.component.js | 11 +++--- js/src/vue-components/share/atk-lookup.js | 22 +++++++----- public/js/atk-vue-item-search.js | 20 ++++++----- public/js/atk-vue-item-search.min.js | 2 +- public/js/atk-vue-item-search.min.js.map | 2 +- public/js/atk-vue-multiline.js | 36 +++++++++++-------- public/js/atk-vue-multiline.min.js | 2 +- public/js/atk-vue-multiline.min.js.map | 2 +- public/js/atk-vue-query-builder.js | 23 ++++++------ public/js/atk-vue-query-builder.min.js | 2 +- public/js/atkjs-ui.js | 36 +++++++++---------- public/js/atkjs-ui.min.js | 2 +- public/js/atkjs-ui.min.js.map | 2 +- 18 files changed, 121 insertions(+), 96 deletions(-) diff --git a/js/src/plugins/conditional-form.plugin.js b/js/src/plugins/conditional-form.plugin.js index 828a32037d..60c38549b1 100644 --- a/js/src/plugins/conditional-form.plugin.js +++ b/js/src/plugins/conditional-form.plugin.js @@ -55,15 +55,15 @@ export default class AtkConditionalFormPlugin extends AtkPlugin { } // add change listener to inputs according to selector this.$el.find(':checkbox') - .on('change', this, atk.debounce(this.onInputChange, 100, true)); + .on('change', this, atk.createDebouncedFx(this.onInputChange, 100, true)); this.$el.find(':radio') - .on('change', this, atk.debounce(this.onInputChange, 100, true)); + .on('change', this, atk.createDebouncedFx(this.onInputChange, 100, true)); this.$el.find('input[type="hidden"]') - .on('change', this, atk.debounce(this.onInputChange, 100, true)); + .on('change', this, atk.createDebouncedFx(this.onInputChange, 100, true)); this.$el.find('input') - .on(this.settings.validateEvent, this, atk.debounce(this.onInputChange, 250)); + .on(this.settings.validateEvent, this, atk.createDebouncedFx(this.onInputChange, 250)); this.$el.find('select') - .on('change', this, atk.debounce(this.onInputChange, 100)); + .on('change', this, atk.createDebouncedFx(this.onInputChange, 100)); this.initialize(); } diff --git a/js/src/plugins/js-search.plugin.js b/js/src/plugins/js-search.plugin.js index 325d38696d..66a970ceb4 100644 --- a/js/src/plugins/js-search.plugin.js +++ b/js/src/plugins/js-search.plugin.js @@ -38,7 +38,7 @@ export default class AtkJsSearchPlugin extends AtkPlugin { * Query server on each keystroke after proper timeout. */ onAutoQueryAction() { - this.textInput.on('keyup', atk.debounce((e) => { + this.textInput.on('keyup', atk.createDebouncedFx((e) => { const options = $.extend({}, this.urlArgs, this.settings.urlOptions); if (e.target.value === '' || e.keyCode === 27) { this.doSearch(this.settings.url, null, options, () => { diff --git a/js/src/services/panel.service.js b/js/src/services/panel.service.js index 80be38ab83..6e8323c404 100644 --- a/js/src/services/panel.service.js +++ b/js/src/services/panel.service.js @@ -280,7 +280,7 @@ class PanelService { */ addClickAwayEvent(id) { // clicking anywhere in main tag will close panel. - $('main').on('click.atkPanel', atk.debounce((evt) => { + $('main').on('click.atkPanel', atk.createDebouncedFx((evt) => { this.closePanel(id); }, 250)); } @@ -290,7 +290,7 @@ class PanelService { */ addEscAwayEvent(id) { // pressing esc key will close panel. - $(document).on('keyup.atkPanel', atk.debounce((evt) => { + $(document).on('keyup.atkPanel', atk.createDebouncedFx((evt) => { if (evt.keyCode === 27) { this.closePanel(id); } diff --git a/js/src/setup-utils.js b/js/src/setup-utils.js index 20d8761a77..ab7e23e544 100644 --- a/js/src/setup-utils.js +++ b/js/src/setup-utils.js @@ -39,13 +39,13 @@ atk.eventBus = (function () { }; }()); -atk.debounce = function (func, wait, options) { +atk.createDebouncedFx = function (func, wait, options) { let timerId = null; - let debouncedInner; + let lodashDebouncedFx; function createTimer() { timerId = setInterval(() => { - if (!debouncedInner.pending()) { + if (!lodashDebouncedFx.pending()) { clearInterval(timerId); timerId = null; $.active--; @@ -54,20 +54,20 @@ atk.debounce = function (func, wait, options) { $.active++; } - debouncedInner = lodashDebounce(func, wait, options); + lodashDebouncedFx = lodashDebounce(func, wait, options); - function debounced(...args) { + function debouncedFx(...args) { if (timerId === null) { createTimer(); } - return debouncedInner(...args); + return lodashDebouncedFx(...args); } - debounced.cancel = debouncedInner.cancel; - debounced.flush = debouncedInner.flush; - debounced.pending = debouncedInner.pending; + debouncedFx.cancel = lodashDebouncedFx.cancel; + debouncedFx.flush = lodashDebouncedFx.flush; + debouncedFx.pending = lodashDebouncedFx.pending; - return debounced; + return debouncedFx; }; /* diff --git a/js/src/vue-components/item-search.component.js b/js/src/vue-components/item-search.component.js index 5ab3e4dd32..7739fdbce1 100644 --- a/js/src/vue-components/item-search.component.js +++ b/js/src/vue-components/item-search.component.js @@ -55,15 +55,18 @@ export default { }, methods: { onKeyup: function () { - atk.debounce((e) => { - if (this.query !== this.temp) { - if (this.query === '') { - this.query = null; + if (typeof this.onKeyup.debouncedFx === 'undefined') { + this.onKeyup.debouncedFx = atk.createDebouncedFx((e) => { + if (this.query !== this.temp) { + if (this.query === '') { + this.query = null; + } + this.sendQuery(); + this.temp = this.query; } - this.sendQuery(); - this.temp = this.query; - } - }, this.options.inputTimeOut).call(this); + }, this.options.inputTimeOut); + } + this.onKeyup.debouncedFx.call(this); }, onEscape: function () { if (this.query !== null) { diff --git a/js/src/vue-components/multiline/multiline.component.js b/js/src/vue-components/multiline/multiline.component.js index 31f5001561..4c0cf42258 100644 --- a/js/src/vue-components/multiline/multiline.component.js +++ b/js/src/vue-components/multiline/multiline.component.js @@ -115,10 +115,13 @@ export default { this.clearError(atkmlId, fieldName); this.updateInputValue(); - atk.debounce(() => { - this.fetchExpression(atkmlId); - this.fetchOnChangeAction(fieldName); - }, 300).call(this); + if (typeof this.onUpdate.debouncedFx === 'undefined') { + this.onUpdate.debouncedFx = atk.createDebouncedFx(() => { + this.fetchExpression(atkmlId); + this.fetchOnChangeAction(fieldName); + }, 300); + } + this.onUpdate.debouncedFx.call(this); }, /** * Creates a new row of data and diff --git a/js/src/vue-components/share/atk-lookup.js b/js/src/vue-components/share/atk-lookup.js index a1c9d4be9e..abd3e3237a 100644 --- a/js/src/vue-components/share/atk-lookup.js +++ b/js/src/vue-components/share/atk-lookup.js @@ -60,15 +60,19 @@ export default { if (inputValue) { this.isLoading = true; } - this.temp = inputValue; - atk.debounce(() => { - if (this.query !== this.temp) { - this.query = this.temp; - if (this.query) { - this.fetchItems(this.query); + + if (typeof this.onFiltered.debouncedFx === 'undefined') { + this.onFiltered.debouncedFx = atk.createDebouncedFx(() => { + if (this.query !== this.temp) { + this.query = this.temp; + if (this.query) { + this.fetchItems(this.query); + } } - } - }, 300).call(this); + }, 300); + } + this.temp = inputValue; + this.onFiltered.debouncedFx(this); }, /** * Fetch new data from server. @@ -80,9 +84,9 @@ export default { if (response.success) { this.dropdownProps.options = response.results; } - this.isLoading = false; } catch (e) { console.error(e); + } finally { this.isLoading = false; } }, diff --git a/public/js/atk-vue-item-search.js b/public/js/atk-vue-item-search.js index 66807ff912..545c76477d 100644 --- a/public/js/atk-vue-item-search.js +++ b/public/js/atk-vue-item-search.js @@ -69,16 +69,20 @@ const template = `
}, methods: { onKeyup: function () { - atk__WEBPACK_IMPORTED_MODULE_1__["default"].debounce(e => { - if (this.query !== this.temp) { - if (this.query === '') { - this.query = null; + if (typeof this.onKeyup.debouncedFx === 'undefined') { + this.onKeyup.debouncedFx = atk__WEBPACK_IMPORTED_MODULE_1__["default"].createDebouncedFx(e => { + if (this.query !== this.temp) { + if (this.query === '') { + this.query = null; + } + + this.sendQuery(); + this.temp = this.query; } + }, this.options.inputTimeOut); + } - this.sendQuery(); - this.temp = this.query; - } - }, this.options.inputTimeOut).call(this); + this.onKeyup.debouncedFx.call(this); }, onEscape: function () { if (this.query !== null) { diff --git a/public/js/atk-vue-item-search.min.js b/public/js/atk-vue-item-search.min.js index 16b37b923e..5a2ce961b3 100644 --- a/public/js/atk-vue-item-search.min.js +++ b/public/js/atk-vue-item-search.min.js @@ -1,2 +1,2 @@ -"use strict";(self.webpackChunkatk=self.webpackChunkatk||[]).push([[590],{40843:(t,e,s)=>{s.r(e),s.d(e,{default:()=>r});var n=s(21145),i=s.n(n),u=s(42192);const r={name:"atk-item-search",template:'
\n \n \n
\n',props:{context:String,url:String,q:String,reload:String,queryArg:String,options:Object},data:function(){return{query:this.q,temp:this.q,isActive:!1,extraQuery:null,inputCss:this.options.inputCss}},computed:{classIcon:function(){return{"search icon":null===this.query||""===this.query,"remove icon":null!==this.query}}},methods:{onKeyup:function(){u.Z.debounce((t=>{this.query!==this.temp&&(""===this.query&&(this.query=null),this.sendQuery(),this.temp=this.query)}),this.options.inputTimeOut).call(this)},onEscape:function(){null!==this.query&&(this.query=null,this.temp=null,this.sendQuery())},onEnter:function(){null!==this.query&&(this.query=null,this.temp=null,this.sendQuery())},onClear:function(){this.query&&(this.query=null,this.temp=null,this.sendQuery())},sendQuery:function(){const t=this,e=i().extend({},this.extraQuery,{__atk_reload:this.reload,[this.queryArg]:this.query}),s=i()("#"+this.reload);this.isActive=!0,s.api({on:"now",url:this.url,data:e,method:"GET",stateContext:this.context?i()(this.context):i()(this.$el),onComplete:function(e,s){t.isActive=!1}})}}}}}]); +"use strict";(self.webpackChunkatk=self.webpackChunkatk||[]).push([[590],{40843:(t,e,n)=>{n.r(e),n.d(e,{default:()=>r});var s=n(21145),i=n.n(s),u=n(42192);const r={name:"atk-item-search",template:'
\n \n \n
\n',props:{context:String,url:String,q:String,reload:String,queryArg:String,options:Object},data:function(){return{query:this.q,temp:this.q,isActive:!1,extraQuery:null,inputCss:this.options.inputCss}},computed:{classIcon:function(){return{"search icon":null===this.query||""===this.query,"remove icon":null!==this.query}}},methods:{onKeyup:function(){void 0===this.onKeyup.debouncedFx&&(this.onKeyup.debouncedFx=u.Z.createDebouncedFx((t=>{this.query!==this.temp&&(""===this.query&&(this.query=null),this.sendQuery(),this.temp=this.query)}),this.options.inputTimeOut)),this.onKeyup.debouncedFx.call(this)},onEscape:function(){null!==this.query&&(this.query=null,this.temp=null,this.sendQuery())},onEnter:function(){null!==this.query&&(this.query=null,this.temp=null,this.sendQuery())},onClear:function(){this.query&&(this.query=null,this.temp=null,this.sendQuery())},sendQuery:function(){const t=this,e=i().extend({},this.extraQuery,{__atk_reload:this.reload,[this.queryArg]:this.query}),n=i()("#"+this.reload);this.isActive=!0,n.api({on:"now",url:this.url,data:e,method:"GET",stateContext:this.context?i()(this.context):i()(this.$el),onComplete:function(e,n){t.isActive=!1}})}}}}}]); //# sourceMappingURL=atk-vue-item-search.min.js.map \ No newline at end of file diff --git a/public/js/atk-vue-item-search.min.js.map b/public/js/atk-vue-item-search.min.js.map index 3b1dda2d99..a36b2aa4dd 100644 --- a/public/js/atk-vue-item-search.min.js.map +++ b/public/js/atk-vue-item-search.min.js.map @@ -1 +1 @@ -{"version":3,"file":"js/atk-vue-item-search.min.js","mappings":"2JAgBA,MAWA,GACIA,KAAM,kBACNC,SAbc,0XAcdC,MAAO,CACHC,QAASC,OACTC,IAAKD,OACLE,EAAGF,OACHG,OAAQH,OACRI,SAAUJ,OACVK,QAASC,QAEbC,KAAM,WACF,MAAO,CACHC,MAAOC,KAAKP,EACZQ,KAAMD,KAAKP,EACXS,UAAU,EACVC,WAAY,KACZC,SAAUJ,KAAKJ,QAAQQ,SAE9B,EACDC,SAAU,CACNC,UAAW,WACP,MAAO,CACH,cAA+B,OAAfN,KAAKD,OAAiC,KAAfC,KAAKD,MAC5C,cAA8B,OAAfC,KAAKD,MAE3B,GAELQ,QAAS,CACLC,QAAS,WACLC,EAAAA,EAAAA,UAAcC,IACNV,KAAKD,QAAUC,KAAKC,OACD,KAAfD,KAAKD,QACLC,KAAKD,MAAQ,MAEjBC,KAAKW,YACLX,KAAKC,KAAOD,KAAKD,MACpB,GACFC,KAAKJ,QAAQgB,cAAcC,KAAKb,KACtC,EACDc,SAAU,WACa,OAAfd,KAAKD,QACLC,KAAKD,MAAQ,KACbC,KAAKC,KAAO,KACZD,KAAKW,YAEZ,EACDI,QAAS,WACc,OAAff,KAAKD,QACLC,KAAKD,MAAQ,KACbC,KAAKC,KAAO,KACZD,KAAKW,YAEZ,EACDK,QAAS,WACDhB,KAAKD,QACLC,KAAKD,MAAQ,KACbC,KAAKC,KAAO,KACZD,KAAKW,YAEZ,EACDA,UAAW,WACP,MAAMM,EAAOjB,KACPJ,EAAUsB,IAAAA,OAAS,CAAC,EAAGlB,KAAKG,WAAY,CAAEgB,aAAcnB,KAAKN,OAAQ,CAACM,KAAKL,UAAWK,KAAKD,QAC3FqB,EAAUF,IAAE,IAAMlB,KAAKN,QAC7BM,KAAKE,UAAW,EAChBkB,EAAQC,IAAI,CACRC,GAAI,MACJ9B,IAAKQ,KAAKR,IACVM,KAAMF,EACN2B,OAAQ,MACRC,aAAexB,KAAKV,QAAW4B,IAAElB,KAAKV,SAAW4B,IAAElB,KAAKyB,KACxDC,WAAY,SAAUhB,EAAGiB,GACrBV,EAAKf,UAAW,CACnB,GAER,G","sources":["webpack://atk/./src/vue-components/item-search.component.js"],"sourcesContent":["import $ from 'external/jquery';\nimport atk from 'atk';\n\n/**\n * Will allow user to send data query request to server.\n * Request should filter the data and reload the data view.\n * The request is send using Fomantic-UI api.\n *\n * Properties need for this component are:\n *\n * context: string, a jQuery selector where the 'loading' class will be apply by Fomantic-UI - default to this component.\n * url: string, the URL to call.\n * q: string, the initial string for the query. Useful if this search is part of the relaod.\n * reload: string, an Id selector for jQuery, '#' is append automatically.\n */\n\nconst template = `
\n \n \n
\n`;\n\nexport default {\n name: 'atk-item-search',\n template: template,\n props: {\n context: String,\n url: String,\n q: String,\n reload: String,\n queryArg: String,\n options: Object,\n },\n data: function () {\n return {\n query: this.q,\n temp: this.q,\n isActive: false,\n extraQuery: null,\n inputCss: this.options.inputCss,\n };\n },\n computed: {\n classIcon: function () {\n return {\n 'search icon': (this.query === null || this.query === ''),\n 'remove icon': this.query !== null,\n };\n },\n },\n methods: {\n onKeyup: function () {\n atk.debounce((e) => {\n if (this.query !== this.temp) {\n if (this.query === '') {\n this.query = null;\n }\n this.sendQuery();\n this.temp = this.query;\n }\n }, this.options.inputTimeOut).call(this);\n },\n onEscape: function () {\n if (this.query !== null) {\n this.query = null;\n this.temp = null;\n this.sendQuery();\n }\n },\n onEnter: function () {\n if (this.query !== null) {\n this.query = null;\n this.temp = null;\n this.sendQuery();\n }\n },\n onClear: function () {\n if (this.query) {\n this.query = null;\n this.temp = null;\n this.sendQuery();\n }\n },\n sendQuery: function () {\n const that = this;\n const options = $.extend({}, this.extraQuery, { __atk_reload: this.reload, [this.queryArg]: this.query });\n const $reload = $('#' + this.reload);\n this.isActive = true;\n $reload.api({\n on: 'now',\n url: this.url,\n data: options,\n method: 'GET',\n stateContext: (this.context) ? $(this.context) : $(this.$el),\n onComplete: function (e, r) {\n that.isActive = false;\n },\n });\n },\n },\n};\n"],"names":["name","template","props","context","String","url","q","reload","queryArg","options","Object","data","query","this","temp","isActive","extraQuery","inputCss","computed","classIcon","methods","onKeyup","atk","e","sendQuery","inputTimeOut","call","onEscape","onEnter","onClear","that","$","__atk_reload","$reload","api","on","method","stateContext","$el","onComplete","r"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"js/atk-vue-item-search.min.js","mappings":"2JAgBA,MAWA,GACIA,KAAM,kBACNC,SAbc,0XAcdC,MAAO,CACHC,QAASC,OACTC,IAAKD,OACLE,EAAGF,OACHG,OAAQH,OACRI,SAAUJ,OACVK,QAASC,QAEbC,KAAM,WACF,MAAO,CACHC,MAAOC,KAAKP,EACZQ,KAAMD,KAAKP,EACXS,UAAU,EACVC,WAAY,KACZC,SAAUJ,KAAKJ,QAAQQ,SAE9B,EACDC,SAAU,CACNC,UAAW,WACP,MAAO,CACH,cAA+B,OAAfN,KAAKD,OAAiC,KAAfC,KAAKD,MAC5C,cAA8B,OAAfC,KAAKD,MAE3B,GAELQ,QAAS,CACLC,QAAS,gBACmC,IAA7BR,KAAKQ,QAAQC,cACpBT,KAAKQ,QAAQC,YAAcC,EAAAA,EAAAA,mBAAuBC,IAC1CX,KAAKD,QAAUC,KAAKC,OACD,KAAfD,KAAKD,QACLC,KAAKD,MAAQ,MAEjBC,KAAKY,YACLZ,KAAKC,KAAOD,KAAKD,MACpB,GACFC,KAAKJ,QAAQiB,eAEpBb,KAAKQ,QAAQC,YAAYK,KAAKd,KACjC,EACDe,SAAU,WACa,OAAff,KAAKD,QACLC,KAAKD,MAAQ,KACbC,KAAKC,KAAO,KACZD,KAAKY,YAEZ,EACDI,QAAS,WACc,OAAfhB,KAAKD,QACLC,KAAKD,MAAQ,KACbC,KAAKC,KAAO,KACZD,KAAKY,YAEZ,EACDK,QAAS,WACDjB,KAAKD,QACLC,KAAKD,MAAQ,KACbC,KAAKC,KAAO,KACZD,KAAKY,YAEZ,EACDA,UAAW,WACP,MAAMM,EAAOlB,KACPJ,EAAUuB,IAAAA,OAAS,CAAC,EAAGnB,KAAKG,WAAY,CAAEiB,aAAcpB,KAAKN,OAAQ,CAACM,KAAKL,UAAWK,KAAKD,QAC3FsB,EAAUF,IAAE,IAAMnB,KAAKN,QAC7BM,KAAKE,UAAW,EAChBmB,EAAQC,IAAI,CACRC,GAAI,MACJ/B,IAAKQ,KAAKR,IACVM,KAAMF,EACN4B,OAAQ,MACRC,aAAezB,KAAKV,QAAW6B,IAAEnB,KAAKV,SAAW6B,IAAEnB,KAAK0B,KACxDC,WAAY,SAAUhB,EAAGiB,GACrBV,EAAKhB,UAAW,CACnB,GAER,G","sources":["webpack://atk/./src/vue-components/item-search.component.js"],"sourcesContent":["import $ from 'external/jquery';\nimport atk from 'atk';\n\n/**\n * Will allow user to send data query request to server.\n * Request should filter the data and reload the data view.\n * The request is send using Fomantic-UI api.\n *\n * Properties need for this component are:\n *\n * context: string, a jQuery selector where the 'loading' class will be apply by Fomantic-UI - default to this component.\n * url: string, the URL to call.\n * q: string, the initial string for the query. Useful if this search is part of the relaod.\n * reload: string, an Id selector for jQuery, '#' is append automatically.\n */\n\nconst template = `
\n \n \n
\n`;\n\nexport default {\n name: 'atk-item-search',\n template: template,\n props: {\n context: String,\n url: String,\n q: String,\n reload: String,\n queryArg: String,\n options: Object,\n },\n data: function () {\n return {\n query: this.q,\n temp: this.q,\n isActive: false,\n extraQuery: null,\n inputCss: this.options.inputCss,\n };\n },\n computed: {\n classIcon: function () {\n return {\n 'search icon': (this.query === null || this.query === ''),\n 'remove icon': this.query !== null,\n };\n },\n },\n methods: {\n onKeyup: function () {\n if (typeof this.onKeyup.debouncedFx === 'undefined') {\n this.onKeyup.debouncedFx = atk.createDebouncedFx((e) => {\n if (this.query !== this.temp) {\n if (this.query === '') {\n this.query = null;\n }\n this.sendQuery();\n this.temp = this.query;\n }\n }, this.options.inputTimeOut);\n }\n this.onKeyup.debouncedFx.call(this);\n },\n onEscape: function () {\n if (this.query !== null) {\n this.query = null;\n this.temp = null;\n this.sendQuery();\n }\n },\n onEnter: function () {\n if (this.query !== null) {\n this.query = null;\n this.temp = null;\n this.sendQuery();\n }\n },\n onClear: function () {\n if (this.query) {\n this.query = null;\n this.temp = null;\n this.sendQuery();\n }\n },\n sendQuery: function () {\n const that = this;\n const options = $.extend({}, this.extraQuery, { __atk_reload: this.reload, [this.queryArg]: this.query });\n const $reload = $('#' + this.reload);\n this.isActive = true;\n $reload.api({\n on: 'now',\n url: this.url,\n data: options,\n method: 'GET',\n stateContext: (this.context) ? $(this.context) : $(this.$el),\n onComplete: function (e, r) {\n that.isActive = false;\n },\n });\n },\n },\n};\n"],"names":["name","template","props","context","String","url","q","reload","queryArg","options","Object","data","query","this","temp","isActive","extraQuery","inputCss","computed","classIcon","methods","onKeyup","debouncedFx","atk","e","sendQuery","inputTimeOut","call","onEscape","onEnter","onClear","that","$","__atk_reload","$reload","api","on","method","stateContext","$el","onComplete","r"],"sourceRoot":""} \ No newline at end of file diff --git a/public/js/atk-vue-multiline.js b/public/js/atk-vue-multiline.js index be418806ef..62997ca488 100644 --- a/public/js/atk-vue-multiline.js +++ b/public/js/atk-vue-multiline.js @@ -582,10 +582,15 @@ __webpack_require__.r(__webpack_exports__); this.updateFieldInRow(atkmlId, fieldName, value); this.clearError(atkmlId, fieldName); this.updateInputValue(); - atk__WEBPACK_IMPORTED_MODULE_8__["default"].debounce(() => { - this.fetchExpression(atkmlId); - this.fetchOnChangeAction(fieldName); - }, 300).call(this); + + if (typeof this.onUpdate.debouncedFx === 'undefined') { + this.onUpdate.debouncedFx = atk__WEBPACK_IMPORTED_MODULE_8__["default"].createDebouncedFx(() => { + this.fetchExpression(atkmlId); + this.fetchOnChangeAction(fieldName); + }, 300); + } + + this.onUpdate.debouncedFx.call(this); }, /** @@ -910,16 +915,20 @@ const template = ` { - if (this.query !== this.temp) { - this.query = this.temp; + if (typeof this.onFiltered.debouncedFx === 'undefined') { + this.onFiltered.debouncedFx = atk__WEBPACK_IMPORTED_MODULE_0__["default"].createDebouncedFx(() => { + if (this.query !== this.temp) { + this.query = this.temp; - if (this.query) { - this.fetchItems(this.query); + if (this.query) { + this.fetchItems(this.query); + } } - } - }, 300).call(this); + }, 300); + } + + this.temp = inputValue; + this.onFiltered.debouncedFx(this); }, /** @@ -939,10 +948,9 @@ const template = `{n.r(e),n.d(e,{default:()=>h});n(15581),n(2490),n(34514),n(88449),n(59849),n(31672),n(59461);var i=n(21145),a=n.n(i),l=n(42192);const o={name:"atk-textarea",template:'',props:{value:[String,Number]},data:function(){return{text:this.value}},methods:{handleChange:function(t){this.$emit("input",t.target.value)}}};var s=n(47656),r=n(76893);const u={name:"atk-multiline-cell",template:'\n \n ',components:{"atk-multiline-readonly":{template:"
{{readOnlyValue}}
",name:"atk-multiline-readonly",props:["readOnlyValue"]},"atk-multiline-textarea":o,"atk-date-picker":s.Z,"atk-lookup":r.Z},props:["cellData","fieldValue"],data:function(){return{fieldName:this.cellData.name,type:this.cellData.type,inputName:"-"+this.cellData.name,inputValue:this.fieldValue}},methods:{getComponent:function(){return this.cellData.definition.component},getComponentProps:function(){return"atk-multiline-readonly"===this.getComponent()?{readOnlyValue:this.fieldValue}:this.cellData.definition.componentProps},onInput:function(t){this.inputValue=this.getTypeValue(t),this.$emit("update-value",this.fieldName,this.inputValue)},onChange:function(t){this.onInput(t)},getTypeValue:function(t){let e=t;return"boolean"===this.type&&(e=t.target.checked),e}}},d={name:"atk-multiline-header",template:'\n \n \n \n {{getErrorMsg(column)}}\n \n \n {{caption}}\n \n \n \n \n
{{column.caption}}
\n
{{getErrorMsg(column)}}
\n \n \n \n ',props:["fields","state","errors","caption"],data:function(){return{columns:this.fields,isDeleteAll:!1}},methods:{onToggleDeleteAll:function(){this.$nextTick((()=>{l.Z.eventBus.emit(this.$root.$el.id+"-toggle-delete-all",{isOn:this.$refs.check.checked})}))},getTextAlign:function(t){let e="left";if(!t.isEditable)switch(t.type){case"money":case"integer":case"number":e="right"}return e},getVisibleColumns:function(){let t=1;return this.columns.forEach((e=>{t=e.isVisible?t+1:t})),t},hasError:function(){return Object.keys(this.errors).length>0},hasCaption:function(){return this.caption},getErrorMsg:function(t){if(this.hasError()){const e=Object.keys(this.errors);for(let n=0;ne.name===t.name));if(i.length>0)return i[0].msg}}return null}},computed:{isIndeterminate:function(){return"indeterminate"===this.state},isChecked:function(){return"on"===this.state}}},h={name:"atk-multiline",template:'
\n \n \n \n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n
',props:{data:Object},data:function(){return{form:this.data.formName,value:this.data.inputValue,name:this.data.inputName,rowData:[],fieldData:this.data.fields||[],eventFields:this.data.eventFields||[],deletables:[],hasChangeCb:this.data.hasChangeCb,errors:{},caption:this.data.caption||null,tableProp:{basic:!1,celled:!1,collapsing:!1,stackable:!1,inverted:!1,...this.data.tableProps||{}}}},components:{"atk-multiline-body":{name:"atk-multiline-body",template:'\n \n \n \n ',props:["fieldDefs","rowData","deletables","errors"],data:function(){return{fields:this.fieldDefs}},created:function(){},components:{"atk-multiline-row":{name:"atk-multiline-row",template:'\n \n \n \n \n \n \n ',props:["fields","rowId","isDeletable","rowValues","error"],data:function(){return{columns:this.fields}},components:{"atk-multiline-cell":u},computed:{toDelete:{get:function(){return this.isDeletable},set:function(t){return t}}},methods:{onTab:function(t){t===this.columns.filter((t=>t.isEditable)).length&&this.$emit("onTabLastColumn")},getErrorState:function(t){if(this.error){if(this.error.filter((e=>t.name===e.name)).length>0)return"error"}return null},getColumnWidth:function(t){return t.fieldOptions?t.fieldOptions.width:null},onEdit:function(){this.isEditing=!0},onToggleDelete:function(t){l.Z.eventBus.emit(this.$root.$el.id+"-toggle-delete",{rowId:this.rowId})},onUpdateValue:function(t,e){l.Z.eventBus.emit(this.$root.$el.id+"-update-row",{rowId:this.rowId,fieldName:t,value:e})},getValue:function(t){return this.rowValues[t.name]||t.default}}}},computed:{rows:function(){return this.rowData}},methods:{onTabLastColumn:function(t){t+1===this.rowData.length&&this.$emit("onTabLastRow")},isDeletableRow:function(t){return this.deletables.indexOf(t.__atkml)>-1},getError:function(t){return t in this.errors?this.errors[t]:null}}},"atk-multiline-header":d},mounted:function(){this.rowData=this.buildRowData(this.value),this.updateInputValue(),l.Z.eventBus.on(this.$root.$el.id+"-update-row",(t=>{this.onUpdate(t.rowId,t.fieldName,t.value)})),l.Z.eventBus.on(this.$root.$el.id+"-toggle-delete",(t=>{const e=this.deletables.indexOf(t.rowId);e>-1?this.deletables.splice(e,1):this.deletables.push(t.rowId)})),l.Z.eventBus.on(this.$root.$el.id+"-toggle-delete-all",(t=>{this.deletables=[],t.isOn&&this.rowData.forEach((t=>{this.deletables.push(t.__atkml)}))})),l.Z.eventBus.on(this.$root.$el.id+"-multiline-rows-error",(t=>{this.errors={...t.errors}}))},methods:{onTabLastRow:function(){!this.isLimitReached&&this.data.addOnTab&&this.onAdd()},onAdd:function(){const t=this.createRow(this.data.fields);this.rowData.push(t),this.updateInputValue(),this.data.afterAdd&&"function"==typeof this.data.afterAdd&&this.data.afterAdd(l.Z.utils.json().tryParse(this.value)),this.fetchExpression(t.__atkml),this.fetchOnChangeAction()},onDelete:function(){this.deletables.forEach((t=>{this.deleteRow(t)})),this.deletables=[],this.updateInputValue(),this.fetchOnChangeAction(),this.data.afterDelete&&"function"==typeof this.data.afterDelete&&this.data.afterDelete(l.Z.utils.json().tryParse(this.value))},onUpdate:function(t,e,n){this.updateFieldInRow(t,e,n),this.clearError(t,e),this.updateInputValue(),l.Z.debounce((()=>{this.fetchExpression(t),this.fetchOnChangeAction(e)}),300).call(this)},createRow:function(t){const e={};return t.forEach((t=>{e[t.name]=t.default})),e.__atkml=this.getUUID(),e},deleteRow:function(t){this.rowData.splice(this.rowData.findIndex((e=>e.__atkml===t)),1),delete this.errors[t]},updateFieldInRow:function(t,e,n){this.rowData.forEach((i=>{i.__atkml===t&&(i[e]=n)}))},clearError:function(t,e){if(t in this.errors){const n=this.errors[t].filter((t=>t.name!==e));this.errors[t]=[...n],0===n.length&&delete this.errors[t]}},updateInputValue:function(){this.value=JSON.stringify(this.rowData)},buildRowData:function(t){const e=l.Z.utils.json().tryParse(t,[]);return e.forEach((t=>{t.__atkml=this.getUUID()})),e},hasExpression:function(){return this.fieldData.filter((t=>t.isExpr)).length>0},fetchOnChangeAction:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;this.hasChangeCb&&(null===t||this.eventFields.indexOf(t)>-1)&&a()(this.$refs.addBtn.$el).api({on:"now",url:this.data.url,method:"POST",data:{__atkml_action:"on-change",rows:this.value}})},postData:async function(t){const e={...t},n=this.$refs.addBtn.$el;e.__atkml_action="update-row";try{return await l.Z.apiService.suiFetch(this.data.url,{data:e,method:"POST",stateContext:n})}catch(t){console.error(t)}},fetchExpression:async function(t){if(this.hasExpression()){const e=this.findRow(t);if(e){const n=await this.postData(e);if(n.expressions){Object.keys(n.expressions).forEach((e=>{this.updateFieldInRow(t,e,n.expressions[e])})),this.updateInputValue()}}}},findRow:function(t){return this.rowData.find((e=>e.__atkml===t))},getInputElement:function(){return this.$refs.atkmlInput},getUUID:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(t=>{const e=Math.floor(16*Math.random());return("x"===t?e:11&e).toString(16)}))}},computed:{getSpan:function(){return this.fieldData.length-1},getDeletables:function(){return this.deletables},getMainToggleState:function(){let t="off";return this.deletables.length>0&&(t=this.deletables.length===this.rowData.length?"on":"indeterminate"),t},isDeleteDisable:function(){return!this.deletables.length>0},isLimitReached:function(){return 0!==this.data.rowLimit&&this.data.rowLimit{n.d(e,{Z:()=>i});const i={name:"atk-date-picker",template:'',props:["config","value"],data:function(){const{useDefault:t,...e}=this.config;return!t||e.defaultDate||this.value?this.value&&(e.defaultDate=this.value):e.defaultDate=new Date,e.locale||(e.locale=flatpickr.l10ns.default),{flatPickr:e,date:null}},mounted:function(){!this.value&&this.flatPickr.defaultDate&&(this.flatPickr.defaultDate instanceof Date?this.$emit("setDefault",flatpickr.formatDate(this.config.defaultDate,this.config.dateFormat)):this.$emit("setDefault",this.flatPickr.defaultDate))},methods:{onChange:function(t){this.$emit("onChange",flatpickr.formatDate(t[0],this.flatPickr.dateFormat))}}}},76893:(t,e,n)=>{n.d(e,{Z:()=>a});var i=n(42192);const a={name:"atk-lookup",template:'',props:["config","value","optionalValue"],data:function(){const{url:t,reference:e,ui:n,...i}=this.config;return i.selection=!0,{dropdownProps:i,current:this.value,url:t||null,css:[n],isLoading:!1,field:e,query:"",temp:""}},mounted:function(){this.optionalValue&&(this.dropdownProps.options=Array.isArray(this.optionalValue)?this.optionalValue:[this.optionalValue])},methods:{onChange:function(t){this.$emit("onChange",t)},onFiltered:function(t){t&&(this.isLoading=!0),this.temp=t,i.Z.debounce((()=>{this.query!==this.temp&&(this.query=this.temp,this.query&&this.fetchItems(this.query))}),300).call(this)},fetchItems:async function(t){try{const e={atkVueLookupQuery:t,atkVueLookupField:this.field},n=await i.Z.apiService.suiFetch(this.url,{method:"get",data:e});n.success&&(this.dropdownProps.options=n.results),this.isLoading=!1}catch(t){console.error(t),this.isLoading=!1}}}}}}]); +"use strict";(self.webpackChunkatk=self.webpackChunkatk||[]).push([[71],{65948:(t,e,n)=>{n.r(e),n.d(e,{default:()=>c});n(15581),n(2490),n(34514),n(88449),n(59849),n(31672),n(59461);var i=n(21145),a=n.n(i),l=n(42192);const o={name:"atk-textarea",template:'',props:{value:[String,Number]},data:function(){return{text:this.value}},methods:{handleChange:function(t){this.$emit("input",t.target.value)}}};var s=n(47656),r=n(76893);const u={name:"atk-multiline-cell",template:'\n \n ',components:{"atk-multiline-readonly":{template:"
{{readOnlyValue}}
",name:"atk-multiline-readonly",props:["readOnlyValue"]},"atk-multiline-textarea":o,"atk-date-picker":s.Z,"atk-lookup":r.Z},props:["cellData","fieldValue"],data:function(){return{fieldName:this.cellData.name,type:this.cellData.type,inputName:"-"+this.cellData.name,inputValue:this.fieldValue}},methods:{getComponent:function(){return this.cellData.definition.component},getComponentProps:function(){return"atk-multiline-readonly"===this.getComponent()?{readOnlyValue:this.fieldValue}:this.cellData.definition.componentProps},onInput:function(t){this.inputValue=this.getTypeValue(t),this.$emit("update-value",this.fieldName,this.inputValue)},onChange:function(t){this.onInput(t)},getTypeValue:function(t){let e=t;return"boolean"===this.type&&(e=t.target.checked),e}}},d={name:"atk-multiline-header",template:'\n \n \n \n {{getErrorMsg(column)}}\n \n \n {{caption}}\n \n \n \n \n
{{column.caption}}
\n
{{getErrorMsg(column)}}
\n \n \n \n ',props:["fields","state","errors","caption"],data:function(){return{columns:this.fields,isDeleteAll:!1}},methods:{onToggleDeleteAll:function(){this.$nextTick((()=>{l.Z.eventBus.emit(this.$root.$el.id+"-toggle-delete-all",{isOn:this.$refs.check.checked})}))},getTextAlign:function(t){let e="left";if(!t.isEditable)switch(t.type){case"money":case"integer":case"number":e="right"}return e},getVisibleColumns:function(){let t=1;return this.columns.forEach((e=>{t=e.isVisible?t+1:t})),t},hasError:function(){return Object.keys(this.errors).length>0},hasCaption:function(){return this.caption},getErrorMsg:function(t){if(this.hasError()){const e=Object.keys(this.errors);for(let n=0;ne.name===t.name));if(i.length>0)return i[0].msg}}return null}},computed:{isIndeterminate:function(){return"indeterminate"===this.state},isChecked:function(){return"on"===this.state}}},c={name:"atk-multiline",template:'
\n \n \n \n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n
',props:{data:Object},data:function(){return{form:this.data.formName,value:this.data.inputValue,name:this.data.inputName,rowData:[],fieldData:this.data.fields||[],eventFields:this.data.eventFields||[],deletables:[],hasChangeCb:this.data.hasChangeCb,errors:{},caption:this.data.caption||null,tableProp:{basic:!1,celled:!1,collapsing:!1,stackable:!1,inverted:!1,...this.data.tableProps||{}}}},components:{"atk-multiline-body":{name:"atk-multiline-body",template:'\n \n \n \n ',props:["fieldDefs","rowData","deletables","errors"],data:function(){return{fields:this.fieldDefs}},created:function(){},components:{"atk-multiline-row":{name:"atk-multiline-row",template:'\n \n \n \n \n \n \n ',props:["fields","rowId","isDeletable","rowValues","error"],data:function(){return{columns:this.fields}},components:{"atk-multiline-cell":u},computed:{toDelete:{get:function(){return this.isDeletable},set:function(t){return t}}},methods:{onTab:function(t){t===this.columns.filter((t=>t.isEditable)).length&&this.$emit("onTabLastColumn")},getErrorState:function(t){if(this.error){if(this.error.filter((e=>t.name===e.name)).length>0)return"error"}return null},getColumnWidth:function(t){return t.fieldOptions?t.fieldOptions.width:null},onEdit:function(){this.isEditing=!0},onToggleDelete:function(t){l.Z.eventBus.emit(this.$root.$el.id+"-toggle-delete",{rowId:this.rowId})},onUpdateValue:function(t,e){l.Z.eventBus.emit(this.$root.$el.id+"-update-row",{rowId:this.rowId,fieldName:t,value:e})},getValue:function(t){return this.rowValues[t.name]||t.default}}}},computed:{rows:function(){return this.rowData}},methods:{onTabLastColumn:function(t){t+1===this.rowData.length&&this.$emit("onTabLastRow")},isDeletableRow:function(t){return this.deletables.indexOf(t.__atkml)>-1},getError:function(t){return t in this.errors?this.errors[t]:null}}},"atk-multiline-header":d},mounted:function(){this.rowData=this.buildRowData(this.value),this.updateInputValue(),l.Z.eventBus.on(this.$root.$el.id+"-update-row",(t=>{this.onUpdate(t.rowId,t.fieldName,t.value)})),l.Z.eventBus.on(this.$root.$el.id+"-toggle-delete",(t=>{const e=this.deletables.indexOf(t.rowId);e>-1?this.deletables.splice(e,1):this.deletables.push(t.rowId)})),l.Z.eventBus.on(this.$root.$el.id+"-toggle-delete-all",(t=>{this.deletables=[],t.isOn&&this.rowData.forEach((t=>{this.deletables.push(t.__atkml)}))})),l.Z.eventBus.on(this.$root.$el.id+"-multiline-rows-error",(t=>{this.errors={...t.errors}}))},methods:{onTabLastRow:function(){!this.isLimitReached&&this.data.addOnTab&&this.onAdd()},onAdd:function(){const t=this.createRow(this.data.fields);this.rowData.push(t),this.updateInputValue(),this.data.afterAdd&&"function"==typeof this.data.afterAdd&&this.data.afterAdd(l.Z.utils.json().tryParse(this.value)),this.fetchExpression(t.__atkml),this.fetchOnChangeAction()},onDelete:function(){this.deletables.forEach((t=>{this.deleteRow(t)})),this.deletables=[],this.updateInputValue(),this.fetchOnChangeAction(),this.data.afterDelete&&"function"==typeof this.data.afterDelete&&this.data.afterDelete(l.Z.utils.json().tryParse(this.value))},onUpdate:function(t,e,n){this.updateFieldInRow(t,e,n),this.clearError(t,e),this.updateInputValue(),void 0===this.onUpdate.debouncedFx&&(this.onUpdate.debouncedFx=l.Z.createDebouncedFx((()=>{this.fetchExpression(t),this.fetchOnChangeAction(e)}),300)),this.onUpdate.debouncedFx.call(this)},createRow:function(t){const e={};return t.forEach((t=>{e[t.name]=t.default})),e.__atkml=this.getUUID(),e},deleteRow:function(t){this.rowData.splice(this.rowData.findIndex((e=>e.__atkml===t)),1),delete this.errors[t]},updateFieldInRow:function(t,e,n){this.rowData.forEach((i=>{i.__atkml===t&&(i[e]=n)}))},clearError:function(t,e){if(t in this.errors){const n=this.errors[t].filter((t=>t.name!==e));this.errors[t]=[...n],0===n.length&&delete this.errors[t]}},updateInputValue:function(){this.value=JSON.stringify(this.rowData)},buildRowData:function(t){const e=l.Z.utils.json().tryParse(t,[]);return e.forEach((t=>{t.__atkml=this.getUUID()})),e},hasExpression:function(){return this.fieldData.filter((t=>t.isExpr)).length>0},fetchOnChangeAction:function(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;this.hasChangeCb&&(null===t||this.eventFields.indexOf(t)>-1)&&a()(this.$refs.addBtn.$el).api({on:"now",url:this.data.url,method:"POST",data:{__atkml_action:"on-change",rows:this.value}})},postData:async function(t){const e={...t},n=this.$refs.addBtn.$el;e.__atkml_action="update-row";try{return await l.Z.apiService.suiFetch(this.data.url,{data:e,method:"POST",stateContext:n})}catch(t){console.error(t)}},fetchExpression:async function(t){if(this.hasExpression()){const e=this.findRow(t);if(e){const n=await this.postData(e);if(n.expressions){Object.keys(n.expressions).forEach((e=>{this.updateFieldInRow(t,e,n.expressions[e])})),this.updateInputValue()}}}},findRow:function(t){return this.rowData.find((e=>e.__atkml===t))},getInputElement:function(){return this.$refs.atkmlInput},getUUID:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(t=>{const e=Math.floor(16*Math.random());return("x"===t?e:11&e).toString(16)}))}},computed:{getSpan:function(){return this.fieldData.length-1},getDeletables:function(){return this.deletables},getMainToggleState:function(){let t="off";return this.deletables.length>0&&(t=this.deletables.length===this.rowData.length?"on":"indeterminate"),t},isDeleteDisable:function(){return!this.deletables.length>0},isLimitReached:function(){return 0!==this.data.rowLimit&&this.data.rowLimit{n.d(e,{Z:()=>i});const i={name:"atk-date-picker",template:'',props:["config","value"],data:function(){const{useDefault:t,...e}=this.config;return!t||e.defaultDate||this.value?this.value&&(e.defaultDate=this.value):e.defaultDate=new Date,e.locale||(e.locale=flatpickr.l10ns.default),{flatPickr:e,date:null}},mounted:function(){!this.value&&this.flatPickr.defaultDate&&(this.flatPickr.defaultDate instanceof Date?this.$emit("setDefault",flatpickr.formatDate(this.config.defaultDate,this.config.dateFormat)):this.$emit("setDefault",this.flatPickr.defaultDate))},methods:{onChange:function(t){this.$emit("onChange",flatpickr.formatDate(t[0],this.flatPickr.dateFormat))}}}},76893:(t,e,n)=>{n.d(e,{Z:()=>a});var i=n(42192);const a={name:"atk-lookup",template:'',props:["config","value","optionalValue"],data:function(){const{url:t,reference:e,ui:n,...i}=this.config;return i.selection=!0,{dropdownProps:i,current:this.value,url:t||null,css:[n],isLoading:!1,field:e,query:"",temp:""}},mounted:function(){this.optionalValue&&(this.dropdownProps.options=Array.isArray(this.optionalValue)?this.optionalValue:[this.optionalValue])},methods:{onChange:function(t){this.$emit("onChange",t)},onFiltered:function(t){t&&(this.isLoading=!0),void 0===this.onFiltered.debouncedFx&&(this.onFiltered.debouncedFx=i.Z.createDebouncedFx((()=>{this.query!==this.temp&&(this.query=this.temp,this.query&&this.fetchItems(this.query))}),300)),this.temp=t,this.onFiltered.debouncedFx(this)},fetchItems:async function(t){try{const e={atkVueLookupQuery:t,atkVueLookupField:this.field},n=await i.Z.apiService.suiFetch(this.url,{method:"get",data:e});n.success&&(this.dropdownProps.options=n.results)}catch(t){console.error(t)}finally{this.isLoading=!1}}}}}}]); //# sourceMappingURL=atk-vue-multiline.min.js.map \ No newline at end of file diff --git a/public/js/atk-vue-multiline.min.js.map b/public/js/atk-vue-multiline.min.js.map index 7ace3e9839..ef3188996f 100644 --- a/public/js/atk-vue-multiline.min.js.map +++ b/public/js/atk-vue-multiline.min.js.map @@ -1 +1 @@ -{"version":3,"file":"js/atk-vue-multiline.min.js","mappings":"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","sources":["webpack://atk/./src/vue-components/multiline/multiline-readonly.component.js","webpack://atk/./src/vue-components/multiline/multiline-textarea.component.js","webpack://atk/./src/vue-components/multiline/multiline-cell.component.js","webpack://atk/./src/vue-components/multiline/multiline-header.component.js","webpack://atk/./src/vue-components/multiline/multiline.component.js","webpack://atk/./src/vue-components/multiline/multiline-body.component.js","webpack://atk/./src/vue-components/multiline/multiline-row.component.js","webpack://atk/./src/vue-components/share/atk-date-picker.js","webpack://atk/./src/vue-components/share/atk-lookup.js"],"sourcesContent":["/**\n * Simply display a readonly value.\n */\nexport default {\n template: '
{{readOnlyValue}}
',\n name: 'atk-multiline-readonly',\n props: ['readOnlyValue'],\n};\n","export default {\n name: 'atk-textarea',\n template: '',\n props: { value: [String, Number] },\n data: function () {\n return { text: this.value };\n },\n methods: {\n handleChange: function (event) {\n this.$emit('input', event.target.value);\n },\n },\n};\n","import multilineReadOnly from './multiline-readonly.component';\nimport multilineTextarea from './multiline-textarea.component';\nimport atkDatePicker from '../share/atk-date-picker';\nimport atkLookup from '../share/atk-lookup';\n\nexport default {\n name: 'atk-multiline-cell',\n template: `\n \n `,\n components: {\n 'atk-multiline-readonly': multilineReadOnly,\n 'atk-multiline-textarea': multilineTextarea,\n 'atk-date-picker': atkDatePicker,\n 'atk-lookup': atkLookup,\n },\n props: ['cellData', 'fieldValue'],\n data: function () {\n return {\n fieldName: this.cellData.name,\n type: this.cellData.type,\n inputName: '-' + this.cellData.name,\n inputValue: this.fieldValue,\n };\n },\n methods: {\n getComponent: function () {\n return this.cellData.definition.component;\n },\n getComponentProps: function () {\n if (this.getComponent() === 'atk-multiline-readonly') {\n return { readOnlyValue: this.fieldValue };\n }\n\n return this.cellData.definition.componentProps;\n },\n onInput: function (value) {\n this.inputValue = this.getTypeValue(value);\n this.$emit('update-value', this.fieldName, this.inputValue);\n },\n onChange: function (value) {\n this.onInput(value);\n },\n /**\n * return input value based on their type.\n */\n getTypeValue: function (value) {\n let r = value;\n if (this.type === 'boolean') {\n r = value.target.checked;\n }\n\n return r;\n },\n },\n};\n","import atk from 'atk';\n\nexport default {\n name: 'atk-multiline-header',\n template: `\n \n \n \n {{getErrorMsg(column)}}\n \n \n {{caption}}\n \n \n \n \n
{{column.caption}}
\n
{{getErrorMsg(column)}}
\n \n \n \n `,\n props: ['fields', 'state', 'errors', 'caption'],\n data: function () {\n return { columns: this.fields, isDeleteAll: false };\n },\n methods: {\n onToggleDeleteAll: function () {\n this.$nextTick(() => {\n atk.eventBus.emit(this.$root.$el.id + '-toggle-delete-all', { isOn: this.$refs.check.checked });\n });\n },\n getTextAlign: function (column) {\n let align = 'left';\n if (!column.isEditable) {\n switch (column.type) {\n case 'money':\n case 'integer':\n case 'number':\n align = 'right';\n\n break;\n }\n }\n\n return align;\n },\n getVisibleColumns: function () {\n let count = 1; // add deletable column;\n this.columns.forEach((field) => {\n count = field.isVisible ? count + 1 : count;\n });\n\n return count;\n },\n hasError: function () {\n return Object.keys(this.errors).length > 0;\n },\n hasCaption: function () {\n return this.caption;\n },\n getErrorMsg: function (column) {\n if (this.hasError()) {\n const rows = Object.keys(this.errors);\n for (let i = 0; i < rows.length; i++) {\n const error = this.errors[rows[i]].filter((col) => col.name === column.name);\n if (error.length > 0) {\n return error[0].msg;\n }\n }\n }\n\n return null;\n },\n },\n computed: {\n isIndeterminate: function () {\n return this.state === 'indeterminate';\n },\n isChecked: function () {\n return this.state === 'on';\n },\n },\n};\n","import $ from 'external/jquery';\nimport atk from 'atk';\nimport multilineBody from './multiline-body.component';\nimport multilineHeader from './multiline-header.component';\n\nexport default {\n name: 'atk-multiline',\n template: `
\n \n \n \n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n
`,\n props: {\n data: Object,\n },\n data: function () {\n const tableDefault = {\n basic: false,\n celled: false,\n collapsing: false,\n stackable: false,\n inverted: false,\n };\n\n return {\n form: this.data.formName,\n value: this.data.inputValue,\n name: this.data.inputName, // form input name where to set multiline content value.\n rowData: [],\n fieldData: this.data.fields || [],\n eventFields: this.data.eventFields || [],\n deletables: [],\n hasChangeCb: this.data.hasChangeCb,\n errors: {},\n caption: this.data.caption || null,\n tableProp: { ...tableDefault, ...this.data.tableProps || {} },\n };\n },\n components: {\n 'atk-multiline-body': multilineBody,\n 'atk-multiline-header': multilineHeader,\n },\n mounted: function () {\n this.rowData = this.buildRowData(this.value);\n this.updateInputValue();\n\n atk.eventBus.on(this.$root.$el.id + '-update-row', (payload) => {\n this.onUpdate(payload.rowId, payload.fieldName, payload.value);\n });\n\n atk.eventBus.on(this.$root.$el.id + '-toggle-delete', (payload) => {\n const idx = this.deletables.indexOf(payload.rowId);\n if (idx > -1) {\n this.deletables.splice(idx, 1);\n } else {\n this.deletables.push(payload.rowId);\n }\n });\n\n atk.eventBus.on(this.$root.$el.id + '-toggle-delete-all', (payload) => {\n this.deletables = [];\n if (payload.isOn) {\n this.rowData.forEach((row) => {\n this.deletables.push(row.__atkml);\n });\n }\n });\n\n atk.eventBus.on(this.$root.$el.id + '-multiline-rows-error', (payload) => {\n this.errors = { ...payload.errors };\n });\n },\n methods: {\n onTabLastRow: function () {\n if (!this.isLimitReached && this.data.addOnTab) {\n this.onAdd();\n }\n },\n onAdd: function () {\n const newRow = this.createRow(this.data.fields);\n this.rowData.push(newRow);\n this.updateInputValue();\n if (this.data.afterAdd && typeof this.data.afterAdd === 'function') {\n this.data.afterAdd(atk.utils.json().tryParse(this.value));\n }\n this.fetchExpression(newRow.__atkml);\n this.fetchOnChangeAction();\n },\n onDelete: function () {\n this.deletables.forEach((atkmlId) => {\n this.deleteRow(atkmlId);\n });\n this.deletables = [];\n this.updateInputValue();\n this.fetchOnChangeAction();\n if (this.data.afterDelete && typeof this.data.afterDelete === 'function') {\n this.data.afterDelete(atk.utils.json().tryParse(this.value));\n }\n },\n onUpdate: function (atkmlId, fieldName, value) {\n this.updateFieldInRow(atkmlId, fieldName, value);\n this.clearError(atkmlId, fieldName);\n this.updateInputValue();\n\n atk.debounce(() => {\n this.fetchExpression(atkmlId);\n this.fetchOnChangeAction(fieldName);\n }, 300).call(this);\n },\n /**\n * Creates a new row of data and\n * set values to default if available.\n */\n createRow: function (fields) {\n const row = {};\n fields.forEach((field) => {\n row[field.name] = field.default;\n });\n row.__atkml = this.getUUID();\n\n return row;\n },\n deleteRow: function (atkmlId) {\n this.rowData.splice(this.rowData.findIndex((row) => row.__atkml === atkmlId), 1);\n delete this.errors[atkmlId];\n },\n /**\n * Update the value of the field in rowData.\n */\n updateFieldInRow: function (atkmlId, fieldName, value) {\n this.rowData.forEach((row) => {\n if (row.__atkml === atkmlId) {\n row[fieldName] = value;\n }\n });\n },\n clearError: function (atkmlId, fieldName) {\n if (atkmlId in this.errors) {\n const errors = this.errors[atkmlId].filter((error) => error.name !== fieldName);\n this.errors[atkmlId] = [...errors];\n if (errors.length === 0) {\n delete this.errors[atkmlId];\n }\n }\n },\n /**\n * Update Multi-line Form input with all rowData values\n * as json string.\n */\n updateInputValue: function () {\n this.value = JSON.stringify(this.rowData);\n },\n /**\n * Build rowData from json string.\n */\n buildRowData: function (jsonValue) {\n const rows = atk.utils.json().tryParse(jsonValue, []);\n rows.forEach((row) => {\n row.__atkml = this.getUUID();\n });\n\n return rows;\n },\n /**\n * Check if one of the field use expression.\n */\n hasExpression: function () {\n return this.fieldData.filter((field) => field.isExpr).length > 0;\n },\n /**\n * Send on change action to server.\n * Use regular api call in order\n * for return js to be fully evaluate.\n */\n fetchOnChangeAction: function (fieldName = null) {\n if (this.hasChangeCb && (fieldName === null || this.eventFields.indexOf(fieldName) > -1)) {\n $(this.$refs.addBtn.$el).api({\n on: 'now',\n url: this.data.url,\n method: 'POST',\n data: { __atkml_action: 'on-change', rows: this.value },\n });\n }\n },\n postData: async function (row) {\n const data = { ...row };\n const context = this.$refs.addBtn.$el;\n data.__atkml_action = 'update-row';\n try {\n return await atk.apiService.suiFetch(this.data.url, { data: data, method: 'POST', stateContext: context });\n } catch (e) {\n console.error(e);\n }\n },\n /**\n * Get expressions values from server.\n */\n fetchExpression: async function (atkmlId) {\n if (this.hasExpression()) {\n const row = this.findRow(atkmlId);\n // server will return expression field - value if define.\n if (row) {\n const resp = await this.postData(row);\n if (resp.expressions) {\n const fields = Object.keys(resp.expressions);\n fields.forEach((field) => {\n this.updateFieldInRow(atkmlId, field, resp.expressions[field]);\n });\n this.updateInputValue();\n }\n }\n }\n },\n findRow: function (atkmlId) {\n return this.rowData.find((row) => row.__atkml === atkmlId);\n },\n getInputElement: function () {\n return this.$refs.atkmlInput;\n },\n /**\n * UUID v4 generator.\n */\n getUUID: function () {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = Math.floor(Math.random() * 16);\n const v = c === 'x' ? r : (r & (0x3 | 0x8)); // eslint-disable-line no-bitwise\n\n return v.toString(16);\n });\n },\n },\n computed: {\n getSpan: function () {\n return this.fieldData.length - 1;\n },\n getDeletables: function () {\n return this.deletables;\n },\n /**\n * Return Delete all checkbox state base on\n * deletables entries.\n */\n getMainToggleState: function () {\n let state = 'off';\n if (this.deletables.length > 0) {\n if (this.deletables.length === this.rowData.length) {\n state = 'on';\n } else {\n state = 'indeterminate';\n }\n }\n\n return state;\n },\n isDeleteDisable: function () {\n return !this.deletables.length > 0;\n },\n isLimitReached: function () {\n if (this.data.rowLimit === 0) {\n return false;\n }\n\n return this.data.rowLimit < this.rowData.length + 1;\n },\n },\n};\n","import multilineRow from './multiline-row.component';\n\nexport default {\n name: 'atk-multiline-body',\n template: `\n \n \n \n `,\n props: ['fieldDefs', 'rowData', 'deletables', 'errors'],\n data: function () {\n return { fields: this.fieldDefs };\n },\n created: function () {\n },\n components: {\n 'atk-multiline-row': multilineRow,\n },\n computed: {\n rows: function () {\n return this.rowData;\n },\n },\n methods: {\n onTabLastColumn: function (idx) {\n if (idx + 1 === this.rowData.length) {\n this.$emit('onTabLastRow');\n }\n },\n isDeletableRow: function (row) {\n return this.deletables.indexOf(row.__atkml) > -1;\n },\n getError: function (rowId) {\n if (rowId in this.errors) {\n return this.errors[rowId];\n }\n\n return null;\n },\n },\n};\n","import atk from 'atk';\nimport multilineCell from './multiline-cell.component';\n\n/**\n * This will create a table td element using sui-table-cell.\n * The td element is created only if column as set isVisible = true;\n * The td element will add a multiline cell element.\n * the multiline cell will set it's own template component depending on the fieldType.\n * getValue\n */\nexport default {\n name: 'atk-multiline-row',\n template: `\n \n \n \n \n \n \n `,\n props: ['fields', 'rowId', 'isDeletable', 'rowValues', 'error'],\n data: function () {\n return { columns: this.fields };\n },\n components: {\n 'atk-multiline-cell': multilineCell,\n },\n computed: {\n /**\n * toDelete is bind by v-model, thus we need a setter for\n * computed property to work.\n * When isDeletable is pass, will set checkbox according to it's value.\n */\n toDelete: {\n get: function () {\n return this.isDeletable;\n },\n set: function (v) {\n return v;\n },\n },\n },\n methods: {\n onTab: function (idx) {\n if (idx === this.columns.filter((column) => column.isEditable).length) {\n this.$emit('onTabLastColumn');\n }\n },\n getErrorState: function (column) {\n if (this.error) {\n const error = this.error.filter((e) => column.name === e.name);\n if (error.length > 0) {\n return 'error';\n }\n }\n\n return null;\n },\n getColumnWidth: function (column) {\n return column.fieldOptions ? column.fieldOptions.width : null;\n },\n onEdit: function () {\n this.isEditing = true;\n },\n onToggleDelete: function (e) {\n atk.eventBus.emit(this.$root.$el.id + '-toggle-delete', { rowId: this.rowId });\n },\n onUpdateValue: function (fieldName, value) {\n atk.eventBus.emit(this.$root.$el.id + '-update-row', { rowId: this.rowId, fieldName: fieldName, value: value });\n },\n getValue: function (column) {\n return this.rowValues[column.name] || column.default;\n },\n },\n};\n","/* global flatpickr */ // loaded after main JS\n\n/**\n * Wrapper for vue-flatpickr-component component.\n * https://github.com/ankurk91/vue-flatpickr-component\n *\n * Props:\n * config: Any of flatpickr options\n *\n * Will emit a dateChange event when date is set.\n */\n\nconst template = '';\n\nexport default {\n name: 'atk-date-picker',\n template: template,\n props: ['config', 'value'],\n data: function () {\n const { useDefault, ...fpickr } = this.config;\n\n if (useDefault && !fpickr.defaultDate && !this.value) {\n fpickr.defaultDate = new Date();\n } else if (this.value) {\n fpickr.defaultDate = this.value;\n }\n\n if (!fpickr.locale) {\n fpickr.locale = flatpickr.l10ns.default;\n }\n\n return {\n flatPickr: fpickr,\n date: null,\n };\n },\n mounted: function () {\n // if value is not set but default date is, then emit proper string value to parent.\n if (!this.value && this.flatPickr.defaultDate) {\n if (this.flatPickr.defaultDate instanceof Date) {\n this.$emit('setDefault', flatpickr.formatDate(this.config.defaultDate, this.config.dateFormat));\n } else {\n this.$emit('setDefault', this.flatPickr.defaultDate);\n }\n }\n },\n methods: {\n onChange: function (date) {\n this.$emit('onChange', flatpickr.formatDate(date[0], this.flatPickr.dateFormat));\n },\n },\n};\n","import atk from 'atk';\n\n/**\n * Wrapper for Fomantic-UI dropdown component into a lookup component.\n *\n * Props:\n * config:\n * url: the callback URL. Callback should return model data in form of { key: modelId, text: modelTitle, value: modelId }\n * reference: the reference field name associate with model or hasOne name. This field name will be sent along with URL callback parameter as of 'field=name'.\n * ui: the css class name to apply to dropdown.\n * Note: The remaining config object may contain any or sui-dropdown { props: value } pair.\n *\n * value: The selected value.\n * optionalValue: The initial list of options for the dropdown.\n */\n\nconst template = ``;\n\nexport default {\n name: 'atk-lookup',\n template: template,\n props: ['config', 'value', 'optionalValue'],\n data: function () {\n const {\n url, reference, ui, ...suiDropdown\n } = this.config;\n suiDropdown.selection = true;\n\n return {\n dropdownProps: suiDropdown,\n current: this.value,\n url: url || null,\n css: [ui],\n isLoading: false,\n field: reference,\n query: '',\n temp: '',\n };\n },\n mounted: function () {\n if (this.optionalValue) {\n this.dropdownProps.options = Array.isArray(this.optionalValue) ? this.optionalValue : [this.optionalValue];\n }\n },\n methods: {\n onChange: function (value) {\n this.$emit('onChange', value);\n },\n /**\n * Receive user input text for search.\n */\n onFiltered: function (inputValue) {\n if (inputValue) {\n this.isLoading = true;\n }\n this.temp = inputValue;\n atk.debounce(() => {\n if (this.query !== this.temp) {\n this.query = this.temp;\n if (this.query) {\n this.fetchItems(this.query);\n }\n }\n }, 300).call(this);\n },\n /**\n * Fetch new data from server.\n */\n fetchItems: async function (q) {\n try {\n const data = { atkVueLookupQuery: q, atkVueLookupField: this.field };\n const response = await atk.apiService.suiFetch(this.url, { method: 'get', data: data });\n if (response.success) {\n this.dropdownProps.options = response.results;\n }\n this.isLoading = false;\n } catch (e) {\n console.error(e);\n this.isLoading = false;\n }\n },\n },\n};\n"],"names":["name","template","props","value","String","Number","data","text","this","methods","handleChange","event","$emit","target","components","multilineTextarea","atkDatePicker","atkLookup","fieldName","cellData","type","inputName","inputValue","fieldValue","getComponent","definition","component","getComponentProps","readOnlyValue","componentProps","onInput","getTypeValue","onChange","r","checked","columns","fields","isDeleteAll","onToggleDeleteAll","$nextTick","atk","$root","$el","id","isOn","$refs","check","getTextAlign","column","align","isEditable","getVisibleColumns","count","forEach","field","isVisible","hasError","Object","keys","errors","length","hasCaption","caption","getErrorMsg","rows","i","error","filter","col","msg","computed","isIndeterminate","state","isChecked","form","formName","rowData","fieldData","eventFields","deletables","hasChangeCb","tableProp","basic","celled","collapsing","stackable","inverted","tableProps","fieldDefs","created","multilineCell","toDelete","get","isDeletable","set","v","onTab","idx","getErrorState","e","getColumnWidth","fieldOptions","width","onEdit","isEditing","onToggleDelete","rowId","onUpdateValue","getValue","rowValues","default","onTabLastColumn","isDeletableRow","row","indexOf","__atkml","getError","multilineHeader","mounted","buildRowData","updateInputValue","payload","onUpdate","splice","push","onTabLastRow","isLimitReached","addOnTab","onAdd","newRow","createRow","afterAdd","tryParse","fetchExpression","fetchOnChangeAction","onDelete","atkmlId","deleteRow","afterDelete","updateFieldInRow","clearError","call","getUUID","findIndex","JSON","stringify","jsonValue","hasExpression","isExpr","$","addBtn","api","on","url","method","__atkml_action","postData","async","context","stateContext","console","findRow","resp","expressions","find","getInputElement","atkmlInput","replace","c","Math","floor","random","toString","getSpan","getDeletables","getMainToggleState","isDeleteDisable","rowLimit","useDefault","fpickr","config","defaultDate","Date","locale","flatpickr","l10ns","flatPickr","date","formatDate","dateFormat","reference","ui","suiDropdown","selection","dropdownProps","current","css","isLoading","query","temp","optionalValue","options","Array","isArray","onFiltered","fetchItems","q","atkVueLookupQuery","atkVueLookupField","response","success","results"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"js/atk-vue-multiline.min.js","mappings":"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","sources":["webpack://atk/./src/vue-components/multiline/multiline-readonly.component.js","webpack://atk/./src/vue-components/multiline/multiline-textarea.component.js","webpack://atk/./src/vue-components/multiline/multiline-cell.component.js","webpack://atk/./src/vue-components/multiline/multiline-header.component.js","webpack://atk/./src/vue-components/multiline/multiline.component.js","webpack://atk/./src/vue-components/multiline/multiline-body.component.js","webpack://atk/./src/vue-components/multiline/multiline-row.component.js","webpack://atk/./src/vue-components/share/atk-date-picker.js","webpack://atk/./src/vue-components/share/atk-lookup.js"],"sourcesContent":["/**\n * Simply display a readonly value.\n */\nexport default {\n template: '
{{readOnlyValue}}
',\n name: 'atk-multiline-readonly',\n props: ['readOnlyValue'],\n};\n","export default {\n name: 'atk-textarea',\n template: '',\n props: { value: [String, Number] },\n data: function () {\n return { text: this.value };\n },\n methods: {\n handleChange: function (event) {\n this.$emit('input', event.target.value);\n },\n },\n};\n","import multilineReadOnly from './multiline-readonly.component';\nimport multilineTextarea from './multiline-textarea.component';\nimport atkDatePicker from '../share/atk-date-picker';\nimport atkLookup from '../share/atk-lookup';\n\nexport default {\n name: 'atk-multiline-cell',\n template: `\n \n `,\n components: {\n 'atk-multiline-readonly': multilineReadOnly,\n 'atk-multiline-textarea': multilineTextarea,\n 'atk-date-picker': atkDatePicker,\n 'atk-lookup': atkLookup,\n },\n props: ['cellData', 'fieldValue'],\n data: function () {\n return {\n fieldName: this.cellData.name,\n type: this.cellData.type,\n inputName: '-' + this.cellData.name,\n inputValue: this.fieldValue,\n };\n },\n methods: {\n getComponent: function () {\n return this.cellData.definition.component;\n },\n getComponentProps: function () {\n if (this.getComponent() === 'atk-multiline-readonly') {\n return { readOnlyValue: this.fieldValue };\n }\n\n return this.cellData.definition.componentProps;\n },\n onInput: function (value) {\n this.inputValue = this.getTypeValue(value);\n this.$emit('update-value', this.fieldName, this.inputValue);\n },\n onChange: function (value) {\n this.onInput(value);\n },\n /**\n * return input value based on their type.\n */\n getTypeValue: function (value) {\n let r = value;\n if (this.type === 'boolean') {\n r = value.target.checked;\n }\n\n return r;\n },\n },\n};\n","import atk from 'atk';\n\nexport default {\n name: 'atk-multiline-header',\n template: `\n \n \n \n {{getErrorMsg(column)}}\n \n \n {{caption}}\n \n \n \n \n
{{column.caption}}
\n
{{getErrorMsg(column)}}
\n \n \n \n `,\n props: ['fields', 'state', 'errors', 'caption'],\n data: function () {\n return { columns: this.fields, isDeleteAll: false };\n },\n methods: {\n onToggleDeleteAll: function () {\n this.$nextTick(() => {\n atk.eventBus.emit(this.$root.$el.id + '-toggle-delete-all', { isOn: this.$refs.check.checked });\n });\n },\n getTextAlign: function (column) {\n let align = 'left';\n if (!column.isEditable) {\n switch (column.type) {\n case 'money':\n case 'integer':\n case 'number':\n align = 'right';\n\n break;\n }\n }\n\n return align;\n },\n getVisibleColumns: function () {\n let count = 1; // add deletable column;\n this.columns.forEach((field) => {\n count = field.isVisible ? count + 1 : count;\n });\n\n return count;\n },\n hasError: function () {\n return Object.keys(this.errors).length > 0;\n },\n hasCaption: function () {\n return this.caption;\n },\n getErrorMsg: function (column) {\n if (this.hasError()) {\n const rows = Object.keys(this.errors);\n for (let i = 0; i < rows.length; i++) {\n const error = this.errors[rows[i]].filter((col) => col.name === column.name);\n if (error.length > 0) {\n return error[0].msg;\n }\n }\n }\n\n return null;\n },\n },\n computed: {\n isIndeterminate: function () {\n return this.state === 'indeterminate';\n },\n isChecked: function () {\n return this.state === 'on';\n },\n },\n};\n","import $ from 'external/jquery';\nimport atk from 'atk';\nimport multilineBody from './multiline-body.component';\nimport multilineHeader from './multiline-header.component';\n\nexport default {\n name: 'atk-multiline',\n template: `
\n \n \n \n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n
`,\n props: {\n data: Object,\n },\n data: function () {\n const tableDefault = {\n basic: false,\n celled: false,\n collapsing: false,\n stackable: false,\n inverted: false,\n };\n\n return {\n form: this.data.formName,\n value: this.data.inputValue,\n name: this.data.inputName, // form input name where to set multiline content value.\n rowData: [],\n fieldData: this.data.fields || [],\n eventFields: this.data.eventFields || [],\n deletables: [],\n hasChangeCb: this.data.hasChangeCb,\n errors: {},\n caption: this.data.caption || null,\n tableProp: { ...tableDefault, ...this.data.tableProps || {} },\n };\n },\n components: {\n 'atk-multiline-body': multilineBody,\n 'atk-multiline-header': multilineHeader,\n },\n mounted: function () {\n this.rowData = this.buildRowData(this.value);\n this.updateInputValue();\n\n atk.eventBus.on(this.$root.$el.id + '-update-row', (payload) => {\n this.onUpdate(payload.rowId, payload.fieldName, payload.value);\n });\n\n atk.eventBus.on(this.$root.$el.id + '-toggle-delete', (payload) => {\n const idx = this.deletables.indexOf(payload.rowId);\n if (idx > -1) {\n this.deletables.splice(idx, 1);\n } else {\n this.deletables.push(payload.rowId);\n }\n });\n\n atk.eventBus.on(this.$root.$el.id + '-toggle-delete-all', (payload) => {\n this.deletables = [];\n if (payload.isOn) {\n this.rowData.forEach((row) => {\n this.deletables.push(row.__atkml);\n });\n }\n });\n\n atk.eventBus.on(this.$root.$el.id + '-multiline-rows-error', (payload) => {\n this.errors = { ...payload.errors };\n });\n },\n methods: {\n onTabLastRow: function () {\n if (!this.isLimitReached && this.data.addOnTab) {\n this.onAdd();\n }\n },\n onAdd: function () {\n const newRow = this.createRow(this.data.fields);\n this.rowData.push(newRow);\n this.updateInputValue();\n if (this.data.afterAdd && typeof this.data.afterAdd === 'function') {\n this.data.afterAdd(atk.utils.json().tryParse(this.value));\n }\n this.fetchExpression(newRow.__atkml);\n this.fetchOnChangeAction();\n },\n onDelete: function () {\n this.deletables.forEach((atkmlId) => {\n this.deleteRow(atkmlId);\n });\n this.deletables = [];\n this.updateInputValue();\n this.fetchOnChangeAction();\n if (this.data.afterDelete && typeof this.data.afterDelete === 'function') {\n this.data.afterDelete(atk.utils.json().tryParse(this.value));\n }\n },\n onUpdate: function (atkmlId, fieldName, value) {\n this.updateFieldInRow(atkmlId, fieldName, value);\n this.clearError(atkmlId, fieldName);\n this.updateInputValue();\n\n if (typeof this.onUpdate.debouncedFx === 'undefined') {\n this.onUpdate.debouncedFx = atk.createDebouncedFx(() => {\n this.fetchExpression(atkmlId);\n this.fetchOnChangeAction(fieldName);\n }, 300);\n }\n this.onUpdate.debouncedFx.call(this);\n },\n /**\n * Creates a new row of data and\n * set values to default if available.\n */\n createRow: function (fields) {\n const row = {};\n fields.forEach((field) => {\n row[field.name] = field.default;\n });\n row.__atkml = this.getUUID();\n\n return row;\n },\n deleteRow: function (atkmlId) {\n this.rowData.splice(this.rowData.findIndex((row) => row.__atkml === atkmlId), 1);\n delete this.errors[atkmlId];\n },\n /**\n * Update the value of the field in rowData.\n */\n updateFieldInRow: function (atkmlId, fieldName, value) {\n this.rowData.forEach((row) => {\n if (row.__atkml === atkmlId) {\n row[fieldName] = value;\n }\n });\n },\n clearError: function (atkmlId, fieldName) {\n if (atkmlId in this.errors) {\n const errors = this.errors[atkmlId].filter((error) => error.name !== fieldName);\n this.errors[atkmlId] = [...errors];\n if (errors.length === 0) {\n delete this.errors[atkmlId];\n }\n }\n },\n /**\n * Update Multi-line Form input with all rowData values\n * as json string.\n */\n updateInputValue: function () {\n this.value = JSON.stringify(this.rowData);\n },\n /**\n * Build rowData from json string.\n */\n buildRowData: function (jsonValue) {\n const rows = atk.utils.json().tryParse(jsonValue, []);\n rows.forEach((row) => {\n row.__atkml = this.getUUID();\n });\n\n return rows;\n },\n /**\n * Check if one of the field use expression.\n */\n hasExpression: function () {\n return this.fieldData.filter((field) => field.isExpr).length > 0;\n },\n /**\n * Send on change action to server.\n * Use regular api call in order\n * for return js to be fully evaluate.\n */\n fetchOnChangeAction: function (fieldName = null) {\n if (this.hasChangeCb && (fieldName === null || this.eventFields.indexOf(fieldName) > -1)) {\n $(this.$refs.addBtn.$el).api({\n on: 'now',\n url: this.data.url,\n method: 'POST',\n data: { __atkml_action: 'on-change', rows: this.value },\n });\n }\n },\n postData: async function (row) {\n const data = { ...row };\n const context = this.$refs.addBtn.$el;\n data.__atkml_action = 'update-row';\n try {\n return await atk.apiService.suiFetch(this.data.url, { data: data, method: 'POST', stateContext: context });\n } catch (e) {\n console.error(e);\n }\n },\n /**\n * Get expressions values from server.\n */\n fetchExpression: async function (atkmlId) {\n if (this.hasExpression()) {\n const row = this.findRow(atkmlId);\n // server will return expression field - value if define.\n if (row) {\n const resp = await this.postData(row);\n if (resp.expressions) {\n const fields = Object.keys(resp.expressions);\n fields.forEach((field) => {\n this.updateFieldInRow(atkmlId, field, resp.expressions[field]);\n });\n this.updateInputValue();\n }\n }\n }\n },\n findRow: function (atkmlId) {\n return this.rowData.find((row) => row.__atkml === atkmlId);\n },\n getInputElement: function () {\n return this.$refs.atkmlInput;\n },\n /**\n * UUID v4 generator.\n */\n getUUID: function () {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {\n const r = Math.floor(Math.random() * 16);\n const v = c === 'x' ? r : (r & (0x3 | 0x8)); // eslint-disable-line no-bitwise\n\n return v.toString(16);\n });\n },\n },\n computed: {\n getSpan: function () {\n return this.fieldData.length - 1;\n },\n getDeletables: function () {\n return this.deletables;\n },\n /**\n * Return Delete all checkbox state base on\n * deletables entries.\n */\n getMainToggleState: function () {\n let state = 'off';\n if (this.deletables.length > 0) {\n if (this.deletables.length === this.rowData.length) {\n state = 'on';\n } else {\n state = 'indeterminate';\n }\n }\n\n return state;\n },\n isDeleteDisable: function () {\n return !this.deletables.length > 0;\n },\n isLimitReached: function () {\n if (this.data.rowLimit === 0) {\n return false;\n }\n\n return this.data.rowLimit < this.rowData.length + 1;\n },\n },\n};\n","import multilineRow from './multiline-row.component';\n\nexport default {\n name: 'atk-multiline-body',\n template: `\n \n \n \n `,\n props: ['fieldDefs', 'rowData', 'deletables', 'errors'],\n data: function () {\n return { fields: this.fieldDefs };\n },\n created: function () {\n },\n components: {\n 'atk-multiline-row': multilineRow,\n },\n computed: {\n rows: function () {\n return this.rowData;\n },\n },\n methods: {\n onTabLastColumn: function (idx) {\n if (idx + 1 === this.rowData.length) {\n this.$emit('onTabLastRow');\n }\n },\n isDeletableRow: function (row) {\n return this.deletables.indexOf(row.__atkml) > -1;\n },\n getError: function (rowId) {\n if (rowId in this.errors) {\n return this.errors[rowId];\n }\n\n return null;\n },\n },\n};\n","import atk from 'atk';\nimport multilineCell from './multiline-cell.component';\n\n/**\n * This will create a table td element using sui-table-cell.\n * The td element is created only if column as set isVisible = true;\n * The td element will add a multiline cell element.\n * the multiline cell will set it's own template component depending on the fieldType.\n * getValue\n */\nexport default {\n name: 'atk-multiline-row',\n template: `\n \n \n \n \n \n \n `,\n props: ['fields', 'rowId', 'isDeletable', 'rowValues', 'error'],\n data: function () {\n return { columns: this.fields };\n },\n components: {\n 'atk-multiline-cell': multilineCell,\n },\n computed: {\n /**\n * toDelete is bind by v-model, thus we need a setter for\n * computed property to work.\n * When isDeletable is pass, will set checkbox according to it's value.\n */\n toDelete: {\n get: function () {\n return this.isDeletable;\n },\n set: function (v) {\n return v;\n },\n },\n },\n methods: {\n onTab: function (idx) {\n if (idx === this.columns.filter((column) => column.isEditable).length) {\n this.$emit('onTabLastColumn');\n }\n },\n getErrorState: function (column) {\n if (this.error) {\n const error = this.error.filter((e) => column.name === e.name);\n if (error.length > 0) {\n return 'error';\n }\n }\n\n return null;\n },\n getColumnWidth: function (column) {\n return column.fieldOptions ? column.fieldOptions.width : null;\n },\n onEdit: function () {\n this.isEditing = true;\n },\n onToggleDelete: function (e) {\n atk.eventBus.emit(this.$root.$el.id + '-toggle-delete', { rowId: this.rowId });\n },\n onUpdateValue: function (fieldName, value) {\n atk.eventBus.emit(this.$root.$el.id + '-update-row', { rowId: this.rowId, fieldName: fieldName, value: value });\n },\n getValue: function (column) {\n return this.rowValues[column.name] || column.default;\n },\n },\n};\n","/* global flatpickr */ // loaded after main JS\n\n/**\n * Wrapper for vue-flatpickr-component component.\n * https://github.com/ankurk91/vue-flatpickr-component\n *\n * Props:\n * config: Any of flatpickr options\n *\n * Will emit a dateChange event when date is set.\n */\n\nconst template = '';\n\nexport default {\n name: 'atk-date-picker',\n template: template,\n props: ['config', 'value'],\n data: function () {\n const { useDefault, ...fpickr } = this.config;\n\n if (useDefault && !fpickr.defaultDate && !this.value) {\n fpickr.defaultDate = new Date();\n } else if (this.value) {\n fpickr.defaultDate = this.value;\n }\n\n if (!fpickr.locale) {\n fpickr.locale = flatpickr.l10ns.default;\n }\n\n return {\n flatPickr: fpickr,\n date: null,\n };\n },\n mounted: function () {\n // if value is not set but default date is, then emit proper string value to parent.\n if (!this.value && this.flatPickr.defaultDate) {\n if (this.flatPickr.defaultDate instanceof Date) {\n this.$emit('setDefault', flatpickr.formatDate(this.config.defaultDate, this.config.dateFormat));\n } else {\n this.$emit('setDefault', this.flatPickr.defaultDate);\n }\n }\n },\n methods: {\n onChange: function (date) {\n this.$emit('onChange', flatpickr.formatDate(date[0], this.flatPickr.dateFormat));\n },\n },\n};\n","import atk from 'atk';\n\n/**\n * Wrapper for Fomantic-UI dropdown component into a lookup component.\n *\n * Props:\n * config:\n * url: the callback URL. Callback should return model data in form of { key: modelId, text: modelTitle, value: modelId }\n * reference: the reference field name associate with model or hasOne name. This field name will be sent along with URL callback parameter as of 'field=name'.\n * ui: the css class name to apply to dropdown.\n * Note: The remaining config object may contain any or sui-dropdown { props: value } pair.\n *\n * value: The selected value.\n * optionalValue: The initial list of options for the dropdown.\n */\n\nconst template = ``;\n\nexport default {\n name: 'atk-lookup',\n template: template,\n props: ['config', 'value', 'optionalValue'],\n data: function () {\n const {\n url, reference, ui, ...suiDropdown\n } = this.config;\n suiDropdown.selection = true;\n\n return {\n dropdownProps: suiDropdown,\n current: this.value,\n url: url || null,\n css: [ui],\n isLoading: false,\n field: reference,\n query: '',\n temp: '',\n };\n },\n mounted: function () {\n if (this.optionalValue) {\n this.dropdownProps.options = Array.isArray(this.optionalValue) ? this.optionalValue : [this.optionalValue];\n }\n },\n methods: {\n onChange: function (value) {\n this.$emit('onChange', value);\n },\n /**\n * Receive user input text for search.\n */\n onFiltered: function (inputValue) {\n if (inputValue) {\n this.isLoading = true;\n }\n\n if (typeof this.onFiltered.debouncedFx === 'undefined') {\n this.onFiltered.debouncedFx = atk.createDebouncedFx(() => {\n if (this.query !== this.temp) {\n this.query = this.temp;\n if (this.query) {\n this.fetchItems(this.query);\n }\n }\n }, 300);\n }\n this.temp = inputValue;\n this.onFiltered.debouncedFx(this);\n },\n /**\n * Fetch new data from server.\n */\n fetchItems: async function (q) {\n try {\n const data = { atkVueLookupQuery: q, atkVueLookupField: this.field };\n const response = await atk.apiService.suiFetch(this.url, { method: 'get', data: data });\n if (response.success) {\n this.dropdownProps.options = response.results;\n }\n } catch (e) {\n console.error(e);\n } finally {\n this.isLoading = false;\n }\n },\n },\n};\n"],"names":["name","template","props","value","String","Number","data","text","this","methods","handleChange","event","$emit","target","components","multilineTextarea","atkDatePicker","atkLookup","fieldName","cellData","type","inputName","inputValue","fieldValue","getComponent","definition","component","getComponentProps","readOnlyValue","componentProps","onInput","getTypeValue","onChange","r","checked","columns","fields","isDeleteAll","onToggleDeleteAll","$nextTick","atk","$root","$el","id","isOn","$refs","check","getTextAlign","column","align","isEditable","getVisibleColumns","count","forEach","field","isVisible","hasError","Object","keys","errors","length","hasCaption","caption","getErrorMsg","rows","i","error","filter","col","msg","computed","isIndeterminate","state","isChecked","form","formName","rowData","fieldData","eventFields","deletables","hasChangeCb","tableProp","basic","celled","collapsing","stackable","inverted","tableProps","fieldDefs","created","multilineCell","toDelete","get","isDeletable","set","v","onTab","idx","getErrorState","e","getColumnWidth","fieldOptions","width","onEdit","isEditing","onToggleDelete","rowId","onUpdateValue","getValue","rowValues","default","onTabLastColumn","isDeletableRow","row","indexOf","__atkml","getError","multilineHeader","mounted","buildRowData","updateInputValue","payload","onUpdate","splice","push","onTabLastRow","isLimitReached","addOnTab","onAdd","newRow","createRow","afterAdd","tryParse","fetchExpression","fetchOnChangeAction","onDelete","atkmlId","deleteRow","afterDelete","updateFieldInRow","clearError","debouncedFx","call","getUUID","findIndex","JSON","stringify","jsonValue","hasExpression","isExpr","$","addBtn","api","on","url","method","__atkml_action","postData","async","context","stateContext","console","findRow","resp","expressions","find","getInputElement","atkmlInput","replace","c","Math","floor","random","toString","getSpan","getDeletables","getMainToggleState","isDeleteDisable","rowLimit","useDefault","fpickr","config","defaultDate","Date","locale","flatpickr","l10ns","flatPickr","date","formatDate","dateFormat","reference","ui","suiDropdown","selection","dropdownProps","current","css","isLoading","query","temp","optionalValue","options","Array","isArray","onFiltered","fetchItems","q","atkVueLookupQuery","atkVueLookupField","response","success","results"],"sourceRoot":""} \ No newline at end of file diff --git a/public/js/atk-vue-query-builder.js b/public/js/atk-vue-query-builder.js index a2e7ae0a8d..6cae3078e3 100644 --- a/public/js/atk-vue-query-builder.js +++ b/public/js/atk-vue-query-builder.js @@ -808,16 +808,20 @@ const template = ` { - if (this.query !== this.temp) { - this.query = this.temp; + if (typeof this.onFiltered.debouncedFx === 'undefined') { + this.onFiltered.debouncedFx = atk__WEBPACK_IMPORTED_MODULE_0__["default"].createDebouncedFx(() => { + if (this.query !== this.temp) { + this.query = this.temp; - if (this.query) { - this.fetchItems(this.query); + if (this.query) { + this.fetchItems(this.query); + } } - } - }, 300).call(this); + }, 300); + } + + this.temp = inputValue; + this.onFiltered.debouncedFx(this); }, /** @@ -837,10 +841,9 @@ const template = `{"use strict";n.d(t,{Z:()=>i});const i={name:"atk-date-picker",template:'',props:["config","value"],data:function(){const{useDefault:e,...t}=this.config;return!e||t.defaultDate||this.value?this.value&&(t.defaultDate=this.value):t.defaultDate=new Date,t.locale||(t.locale=flatpickr.l10ns.default),{flatPickr:t,date:null}},mounted:function(){!this.value&&this.flatPickr.defaultDate&&(this.flatPickr.defaultDate instanceof Date?this.$emit("setDefault",flatpickr.formatDate(this.config.defaultDate,this.config.dateFormat)):this.$emit("setDefault",this.flatPickr.defaultDate))},methods:{onChange:function(e){this.$emit("onChange",flatpickr.formatDate(e[0],this.flatPickr.dateFormat))}}}},76893:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var i=n(42192);const r={name:"atk-lookup",template:'',props:["config","value","optionalValue"],data:function(){const{url:e,reference:t,ui:n,...i}=this.config;return i.selection=!0,{dropdownProps:i,current:this.value,url:e||null,css:[n],isLoading:!1,field:t,query:"",temp:""}},mounted:function(){this.optionalValue&&(this.dropdownProps.options=Array.isArray(this.optionalValue)?this.optionalValue:[this.optionalValue])},methods:{onChange:function(e){this.$emit("onChange",e)},onFiltered:function(e){e&&(this.isLoading=!0),this.temp=e,i.Z.debounce((()=>{this.query!==this.temp&&(this.query=this.temp,this.query&&this.fetchItems(this.query))}),300).call(this)},fetchItems:async function(e){try{const t={atkVueLookupQuery:e,atkVueLookupField:this.field},n=await i.Z.apiService.suiFetch(this.url,{method:"get",data:t});n.success&&(this.dropdownProps.options=n.results),this.isLoading=!1}catch(e){console.error(e),this.isLoading=!1}}}}},63999:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var i=n(94015),r=n.n(i),a=n(23645),l=n.n(a)()(r());l.push([e.id,"\n.atk-qb-select, .ui.form select.atk-qb-select {\n padding: 2px 6px 4px 4px;\n}\n.atk-qb-remove {\n cursor: pointer;\n color: rgba(0,0,0,0.6);\n}\n.ui.selection.dropdown.atk-qb-rule-select {\n background-color: rgba(0,0,0,0);\n}\n.ui.selection.dropdown .atk-qb-rule-select-menu {\n width: max-content;\n z-index: 1000;\n}\n.vbq-group-heading > .ui.grid > .column:not(.row) {\n padding-bottom: 0.5em;\n padding-top: 0.5em;\n}\n.vue-query-builder .ui.card.compact {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.vue-query-builder .ui.card.fitted {\n margin-top: 0em;\n margin-bottom: 0em;\n}\n.vue-query-builder .ui.card.padded {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n.ui.card > .vbq-group-heading.content {\n background-color: #f3f4f5;\n}\n.vue-query-builder .vqb-group.depth-1 .vqb-rule,\n.vue-query-builder .vqb-group.depth-2 {\n border-left: 2px solid #8bc34a;\n}\n.vue-query-builder .vqb-group.depth-2 .vqb-rule,\n.vue-query-builder .vqb-group.depth-3 {\n border-left: 2px solid #00bcd4;\n}\n.vue-query-builder .vqb-group.depth-3 .vqb-rule,\n.vue-query-builder .vqb-group.depth-4 {\n border-left: 2px solid #ff5722;\n}\n\n","",{version:3,sources:["webpack://./src/vue-components/query-builder/fomantic-ui-group.component.vue"],names:[],mappings:";AAsJA;GACA,wBAAA;AACA;AACA;IACA,eAAA;IACA,sBAAA;AACA;AACA;IACA,+BAAA;AACA;AACA;IACA,kBAAA;IACA,aAAA;AACA;AACA;IACA,qBAAA;IACA,kBAAA;AACA;AACA;IACA,iBAAA;IACA,oBAAA;AACA;AACA;IACA,eAAA;IACA,kBAAA;AACA;AACA;IACA,eAAA;IACA,kBAAA;AACA;AACA;IACA,yBAAA;AACA;AACA;;IAEA,8BAAA;AACA;AACA;;IAEA,8BAAA;AACA;AACA;;IAEA,8BAAA;AACA",sourcesContent:['\n\n