@appscode/ui-builder
Version:
## Motivation
1 lines • 4.31 kB
JavaScript
import{n as e}from"./wrapper-5d451278.js";import"vue";import"./es.array.concat-bc6da240.js";import"./es.array.find-index-091ba8fd.js";import"./index-ba66ec6f.js";import"./web.dom-collections.iterator-98113e95.js";import"./set-to-string-tag-edc1b53a.js";import"./object-set-prototype-of-866dfe15.js";import{_ as t,r as a}from"./stickyContent-c27d9838.js";import"./SingleStepForm-e4a2064c.js";import{d as i}from"./data-function-mixins-f9cb6d20.js";import{i as r}from"./individual-item-disablity-check-7d31b40d.js";import{_ as n}from"./trash-icon-42a90253.js";import{_ as l}from"./tag-icon-da9ce06c.js";var s=e({render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"mb-20"},[Object.keys(e.label).length?a("ub-label-element",{attrs:{label:Object.assign({},e.label,{isSubsection:!0}),schema:e.schema,"is-required":e.required,errors:e.errors}}):e._e(),e._v(" "),e.showNewKeyField?a("div",{staticClass:"label-action is-flex is-flex-wrap-wrap"},[a("strong",[e._v("\n No Item Found.\n "),e.showNewKeyField&&!e.disabled?a("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()],1)]):e._l(e.modelValue,(function(t,i){return a("div",{key:e.$ubt(e.labelText)+"-"+i,staticClass:"mb-15 is-flex is-justify-content-space-between"},[a("div",{staticClass:"label-action is-flex is-flex-wrap-wrap"},[e._m(0,!0),e._v(" "),a("strong",[e._v("\n "+e._s(t.key)+"\n "),a("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[i]||e.disabledUpdate},on:{save:e.saveProperty,delete:function(a){return e.deleteProperty(t.key)}}})],1),e._v(" "),a("button",{staticClass:"button ac-button is-transparent icon",class:{"is-disabled":e.individualItemDisabilityVerdict[i]||e.disabledUpdate},attrs:{title:"Delete",disabled:e.individualItemDisabilityVerdict[i]||e.disabledUpdate},on:{click:function(a){return a.preventDefault(),e.deleteProperty(t.key)}}},[a("img",{attrs:{src:n,alt:""}})])]),e._v(" "),0===i&&e.isArray&&!e.disabled?a("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()],1)}))],2)},staticRenderFns:[function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"label-icon"},[t("img",{attrs:{src:l,alt:""}})])}]},void 0,{name:"ub-key-text-area-input-form",components:{UbKeyValueModal:function(){return import("./KeyValueModal-501d9744.js").then((function(e){return e.default}))},UbLabelElement:function(){return import("./LabelElement-d1b528f2.js").then((function(e){return e.default}))}},mixins:[i,r],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 i=this;return t(a.mark((function t(){return a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:try{e.isUpdate&&i.deleteProperty(e.oldKey),i.modelValue.push({key:e.newKey,value:e.newValue})}catch(e){i.$toasted.error(e)}case 1:case"end":return t.stop()}}),t)})))()},deleteProperty:function(e){var t=this.modelValue.findIndex((function(t){return t.key===e}));this.$delete(this.modelValue,t)}}},void 0,!1,void 0,!1,void 0,void 0,void 0);export default s;