@appscode/ui-builder
Version:
## Motivation
1 lines • 5.86 kB
JavaScript
;var e=require("./wrapper-944ca3a6.js");require("vue"),require("./es.array.concat-5462e385.js"),require("./es.array.find-index-376cd032.js"),require("./index-cc93bc29.js"),require("./web.dom-collections.iterator-4a73d869.js"),require("./set-to-string-tag-4a66b282.js"),require("./object-set-prototype-of-f804d831.js");var t=require("./stickyContent-fa0d230c.js");require("./SingleStepForm-3a723b1b.js");var r=require("./data-function-mixins-ba51d46e.js"),i=require("./individual-item-disablity-check-6865e0e8.js"),a=require("./function-call-mixins-447c7f1f.js"),n=require("./tag-icon-2bd765d6.js"),s=require("./edit-icon-0254a06e.js"),l=require("./trash-icon-c5dcaf9a.js"),u={name:"ub-key-value-input-form",components:{UbKeyValueInput:function(){return Promise.resolve().then((function(){return require("./KeyValueInput-fd8677d6.js")})).then((function(e){return e.default}))},UbKeyValueModal:function(){return Promise.resolve().then((function(){return require("./KeyValueModal-6d372b49.js")})).then((function(e){return e.default}))},UbLabelElement:function(){return Promise.resolve().then((function(){return require("./LabelElement-87e1ef84.js")})).then((function(e){return e.default}))}},mixins:[r.d,i.i,a.f],props:{label:{type:Object,default:function(){return{}}},ui:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},wholeSchema:{type:Object,default:function(){return{}}},value:{type:null,default:function(){return{}}},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},errors:{type:Array,default:function(){return[]}},isArray:{type:Boolean,default:!1},newItemValidator:{type:String,default:""}},data:function(){return{modelValue:{},newKey:"",newValue:null,isSavingNewElement:!1,editFieldIdx:"",itemValidationError:""}},computed:{schemaRef:function(){return this.ui.schema.$ref||""},showNewKeyField:function(){return 0===this.modelValue.length||this.isSavingNewElement},disabledUpdate:function(){return this.disabled||""!==this.editFieldIdx||this.showNewKeyField},labelText:function(){return this.label.text||"label"},individualItemsArray:function(){return Object.values(this.modelValue)||[]}},created:function(){var e=this;this.modelValue=Object.keys(this.value).map((function(t){return{key:t,value:e.value[t]}}))},watch:{modelValue:{deep:!0,handler:function(e){var t={};e.forEach((function(e){e.key&&(t[e.key]=e.value)})),this.$emit("input",t)}}},methods:{saveProperty:function(e){var r=this;return t._(t.r.mark((function i(){var a;return t.r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,!r.newItemValidator){t.next=8;break}return t.next=4,r.performFuncCall(r.newItemValidator,{key:e.newKey,value:e.newValue});case 4:if(!(a=t.sent)||!a.isInvalid){t.next=8;break}return r.itemValidationError=a.message,t.abrupt("return");case 8:r.itemValidationError="",e.isUpdate&&r.deleteProperty(e.oldKey),r.modelValue.push({key:e.newKey,value:e.newValue}),r.isSavingNewElement=!1,r.editFieldIdx="",t.next=18;break;case 15:t.prev=15,t.t0=t.catch(0),r.$toasted.error(t.t0);case 18:case"end":return t.stop()}}),i,null,[[0,15]])})))()},deleteProperty:function(e){var t=this.modelValue.findIndex((function(t){return t.key===e}));this.$delete(this.modelValue,t)}}},d=e.n({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",[Object.keys(e.label).length?r("ub-label-element",{attrs:{label:Object.assign({},e.label,{isSubsection:!0}),schema:e.schema,"is-required":e.required,errors:e.errors&&e.errors.length?e.errors:e.itemValidationError?[e.itemValidationError]:[]}}):e._e(),e._ssrNode(" "),e._l(e.modelValue,(function(t,i){return e._ssrNode("<div"+e._ssrClass(null,["mb-15",e.showNewKeyField||""!==e.editFieldIdx?"":"is-flex is-justify-content-space-between"])+">","</div>",[e.editFieldIdx!==i?e._ssrNode('<div class="label-action is-flex is-flex-wrap-wrap">',"</div>",[e._ssrNode('<div class="label-icon"><img'+e._ssrAttr("src",n._)+" alt></div> "),e._ssrNode("<strong>","</strong>",[e._ssrNode(e._ssrEscape(e._s(t.key)+":\n "+e._s(t.key.length+t.value.length>80?t.value.substring(0,30):t.value)+"\n\n ")),t.key.length+t.value.length>80?r("ub-key-value-modal",{attrs:{label:e.label,ui:e.ui,title:t.key,content:t.value,required:!0,disabled:e.individualItemDisabilityVerdict[i]||e.disabledUpdate,"context-object":e.contextObject,"new-item-validator":e.newItemValidator},on:{save:e.saveProperty,delete:function(r){return e.deleteProperty(t.key)}}}):e._e()],2),e._ssrNode(" "+(t.key.length+t.value.length>80?"\x3c!----\x3e":'<button title="Edit"'+e._ssrAttr("disabled",e.individualItemDisabilityVerdict[i]||e.disabledUpdate)+e._ssrClass("button ac-button is-transparent icon",{"is-disabled":e.individualItemDisabilityVerdict[i]||e.disabledUpdate})+"><img"+e._ssrAttr("src",s._)+" alt></button>")+' <button title="Delete"'+e._ssrAttr("disabled",e.individualItemDisabilityVerdict[i]||e.disabledUpdate)+e._ssrClass("button ac-button is-transparent icon",{"is-disabled":e.individualItemDisabilityVerdict[i]||e.disabledUpdate})+"><img"+e._ssrAttr("src",l._)+" alt></button>")],2):r("ub-key-value-input",{attrs:{label:e.label,ui:e.ui,"prop-key":t.key,"prop-value":t.value,disabled:e.disabled,required:!0,"is-update":!0},on:{save:e.saveProperty}}),e._ssrNode(" "+(e.showNewKeyField||0!==i||!e.isArray||""!==e.editFieldIdx||e.disabled?"\x3c!----\x3e":'<button class="button ac-button is-transparent is-primary is-small is-pulled-right is-hovered-underline">'+e._ssrEscape("\n + "+e._s(e.$ubt("buttons.add_new"))+"\n ")+"</button>"))],2)})),e._ssrNode(" "),e.showNewKeyField?r("ub-key-value-input",{attrs:{label:e.label,ui:e.ui,disabled:e.disabled,"disabled-validation":!0,"is-update":!1,required:!0},on:{save:e.saveProperty}}):e._e()],2)},staticRenderFns:[]},void 0,u,void 0,!1,"data-v-64f1e511",!1,void 0,void 0,void 0);exports.default=d;