@appscode/ui-builder
Version:
## Motivation
1 lines • 4.38 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"),a=require("./individual-item-disablity-check-6865e0e8.js"),i=require("./tag-icon-2bd765d6.js"),n=require("./trash-icon-c5dcaf9a.js"),s={name:"ub-key-text-area-input-form",components:{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,a.i],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}},data:function(){return{modelValue:{},newKey:"",newValue:null}},computed:{schemaRef:function(){return this.ui.schema.$ref||""},showNewKeyField:function(){return 0===this.modelValue.length},disabledUpdate:function(){return this.disabled},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 a(){return t.r.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:try{e.isUpdate&&r.deleteProperty(e.oldKey),r.modelValue.push({key:e.newKey,value:e.newValue})}catch(e){r.$toasted.error(e)}case 1:case"end":return t.stop()}}),a)})))()},deleteProperty:function(e){var t=this.modelValue.findIndex((function(t){return t.key===e}));this.$delete(this.modelValue,t)}}},l=e.n({render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"mb-20"},[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._e(),e._ssrNode(" "),e.showNewKeyField?e._ssrNode('<div class="label-action is-flex is-flex-wrap-wrap">',"</div>",[e._ssrNode("<strong>","</strong>",[e._ssrNode("\n No Item Found.\n "),e.showNewKeyField&&!e.disabled?r("ub-key-value-modal",{attrs:{hasTextAreaValue:!0,label:e.label,ui:e.ui,title:"",content:"",required:!0,"button-text":"buttons.add_new"},on:{save:e.saveProperty}}):e._e()],2)]):e._l(e.modelValue,(function(t,a){return e._ssrNode('<div class="mb-15 is-flex is-justify-content-space-between">',"</div>",[e._ssrNode('<div class="label-action is-flex is-flex-wrap-wrap">',"</div>",[e._ssrNode('<div class="label-icon"><img'+e._ssrAttr("src",i._)+" alt></div> "),e._ssrNode("<strong>","</strong>",[e._ssrNode(e._ssrEscape("\n "+e._s(t.key)+"\n ")),r("ub-key-value-modal",{attrs:{label:e.label,ui:e.ui,title:t.key,content:t.value,required:!0,"button-text":"buttons.show_value",disabled:e.individualItemDisabilityVerdict[a]||e.disabledUpdate},on:{save:e.saveProperty,delete:function(r){return e.deleteProperty(t.key)}}})],2),e._ssrNode(' <button title="Delete"'+e._ssrAttr("disabled",e.individualItemDisabilityVerdict[a]||e.disabledUpdate)+e._ssrClass("button ac-button is-transparent icon",{"is-disabled":e.individualItemDisabilityVerdict[a]||e.disabledUpdate})+"><img"+e._ssrAttr("src",n._)+" alt></button>")],2),e._ssrNode(" "),0===a&&e.isArray&&!e.disabled?r("ub-key-value-modal",{attrs:{label:e.label,ui:e.ui,title:"",content:"","button-text":"buttons.add_new",required:!0},on:{save:e.saveProperty}}):e._e()],2)}))],2)},staticRenderFns:[]},void 0,s,void 0,!1,"data-v-7c2a9df5",!1,void 0,void 0,void 0);exports.default=l;