https://timregion.ru/kubcms-front/v5/master/s/c-AddOrEdit-Cr7CI4uB.js

1import{hH as de,aR as Z,cB as ae,ci as D,cl as J,ct as Q,cu as K,cN as re,aU as ie,e1 as _,a_ as A,bc as T,fk as ue,d_ as me,cd as x,ce as O,aV as f,aW as g,b1 as l,bR as p,bg as n,b3 as s,cX as pe,bh as U,br as V,bs as w,aZ as $,bt as W,c1 as X,b6 as z,ge as ce,b2 as H}from"./c-index-D0PNHfG-.js";import{d as ee,o as oe,e as be}from"./c-el-form-item-DpapBxAI.js";import{s as ve,S as fe}from"./c-StandardAddOrEditMixin-gmCKtXC_.js";import{E as ne,a as le}from"./c-index-MsKR8JGb.js";import{E as se}from"./c-index-B2MHE_Vs.js";import{E as P}from"./c-el-popconfirm-CsmNHZna.js";/* empty css                          *//* empty css                     *//* empty css                      *//* empty css                            */import{d as Ce}from"./c-vuedraggable.umd-DO1CELEr.js";import{d as Y,g as ge,e as Ve,f as we}from"./e-front-DVf7xbkB.js";import{m as _e}from"./c-merge-CSO2wn0V.js";import"./c-FormGroupWrapper-tsj3-qm5.js";import"./c-HelperTool-CefELQuQ.js";import"./c-index-C3rzOKvV.js";/* empty css                                                                     */import"./c-index-BK4XP-j-.js";import"./c-isArrayLikeObject-Can3dch6.js";var ke=1,Ee=4;function je(o,e){return e=typeof e=="function"?e:void 0,de(o,ke|Ee,e)}const ye=Z({components:{draggable:Ce,ElDropdown:K,ElDropdownMenu:Q,ElInput:J,ElRadio:oe,ElButton:D,ElInputNumber:se,ElRadioGroup:ee,ElCheckboxGroup:le,ElCheckbox:ne,FontAwesomeIcon:ae,ElPopconfirm:P},props:{modelValue:{type:Object,required:!0}},emits:["update:modelValue"],setup(o,{emit:e}){const{modelValue:u}=re(o),y=A([]),k=A("edit"),h=T({get:()=>u.value.name,set:d=>{const t=_(u.value);t.name=d,e("update:modelValue",t)}}),M=T({get:()=>u.value.jsonb.containers,set:d=>{const t=_(u.value);t.jsonb.containers=d,e("update:modelValue",t)}});return ie(()=>{const d=_(u.value);d.jsonb.containers=d.jsonb.containers.map(t=>(t.rows=t.rows.map(r=>(r.columns=r.columns.map(a=>_e({},Y(),a)),r)),t)),e("update:modelValue",d)}),{blocks:y,editMode:k,cpModelValueName:h,containerOnDragEnd:d=>{const t=_(u.value);t.jsonb.containers=d,e("update:modelValue",t)},getClass:ge,cpContainers:M,changeDataByPath:(d,t)=>{const r=je(u.value);ue(r,d,t),e("update:modelValue",r)},addContainer:()=>{var d;(d=u.value.jsonb.containers)==null||d.push(Ve())},removeContainer:d=>{var t;(t=u.value.jsonb.containers)==null||t.splice(d,1)},addRow:d=>{var t,r;(r=(t=u.value.jsonb.containers)==null?void 0:t[d])==null||r.rows.push(we())},removeRow:(d,t)=>{var r,a;(a=(r=u.value.jsonb.containers)==null?void 0:r[d])==null||a.rows.splice(t,1)},addColumn:(d,t)=>{var r,a,i,m;(m=(i=(a=(r=u.value.jsonb.containers)==null?void 0:r[d])==null?void 0:a.rows)==null?void 0:i[t])==null||m.columns.push(Y())},removeColumn:(d,t,r)=>{var i,m,b,c;const a=_(u.value);(c=(b=(m=(i=a.jsonb.containers)==null?void 0:i[d])==null?void 0:m.rows)==null?void 0:b[t])==null||c.columns.splice(r,1),e("update:modelValue",a)},reorderRowData:(d,t)=>{var i,m;const r=_(u.value);((m=(i=r.jsonb.containers)==null?void 0:i[d])==null?void 0:m.rows)&&(r.jsonb.containers[d].rows=t.map(b=>me(b))),e("update:modelValue",r)},reorderColumnData:(d,t,r)=>{const a=_(u.value);a.jsonb.containers[d].rows[t].columns&&(a.jsonb.containers[d].rows[t].columns=r),e("update:modelValue",a)}}}}),Me={class:"mb-2"},$e={class:"flex justify-between"},Be={class:"flex justify-around hlp-template-block"},Ne={key:0,class:"mr-3 color-block"},Ie={key:0},Re={class:"container-placeholder"},Ue={class:"dropdown-settings-menu"},ze={class:"form-group"},De={class:"dropdown-settings-menu"},Oe={class:"form-group"},he={class:"dropdown-settings-menu"},Se={class:"flex justify-between"},Ae={class:"column-placeholder"},Pe={key:0},Fe={key:1};function Le(o,e,u,y,k,h){const M=J,C=oe,v=D,E=O("FontAwesomeIcon"),B=ne,F=le,L=D,q=P,N=Q,I=K,G=ee,d=P,t=se,r=O("draggable");return f(),g("div",null,[l("div",Me,[e[5]||(e[5]=p(" Имя сетки ",-1)),n(M,{modelValue:o.cpModelValueName,"onUpdate:modelValue":e[0]||(e[0]=a=>o.cpModelValueName=a)},null,8,["modelValue"])]),l("div",null,[n(C,{modelValue:o.editMode,"onUpdate:modelValue":e[1]||(e[1]=a=>o.editMode=a),label:"move"},{default:s(()=>[...e[6]||(e[6]=[p("Сортировка",-1)])]),_:1},8,["modelValue"]),n(C,{modelValue:o.editMode,"onUpdate:modelValue":e[2]||(e[2]=a=>o.editMode=a),label:"edit"},{default:s(()=>[...e[7]||(e[7]=[p("Редактирование",-1)])]),_:1},8,["modelValue"]),n(C,{modelValue:o.editMode,"onUpdate:modelValue":e[3]||(e[3]=a=>o.editMode=a),disabled:"",label:"preview"},{default:s(()=>[...e[8]||(e[8]=[p("Просмотр",-1)])]),_:1},8,["modelValue"])]),l("div",$e,[l("div",null,[n(v,{onClick:o.addContainer,class:"my-3",size:"small",type:"primary"},{default:s(()=>[...e[9]||(e[9]=[p("Добавить контейнер",-1)])]),_:1}

1,8,["onClick"])]),l("div",Be,[e[11]||(e[11]=pe('<div class="mr-3 color-container"><span class="rounded-square rs-container"></span> Контейнер </div><div class="mr-3 color-row"><span class="rounded-square rs-row"></span> Строка </div><div class="mr-3 color-column"><span class="rounded-square rs-column"></span> Колонка </div>',3)),o.editMode==="preview"?(f(),g("div",Ne,[...e[10]||(e[10]=[l("span",{class:"rounded-square rs-block"},null,-1),p(" Блок ",-1)])])):U("",!0)])]),o.modelValue&&o.cpContainers.length?(f(),g("div",Ie,[n(r,{modelValue:o.cpContainers,"onUpdate:modelValue":e[4]||(e[4]=a=>o.cpContainers=a),class:$({"mode-move":!0}),"item-key":"key",disabled:o.editMode!=="move",group:"containers"},{item:s(({element:a,index:i})=>[l("div",Re,[n(I,{"hide-timeout":400,class:"pull-right mb-2 row-edit-button",size:"mini",type:"default"},{dropdown:s(()=>[n(N,null,{default:s(()=>[l("div",Ue,[e[14]||(e[14]=l("div",null,[l("b",null,"Настройки контейнера")],-1)),l("div",ze,[l("div",null,[n(F,{"model-value":a.classNames,"onUpdate:modelValue":m=>o.changeDataByPath(`jsonb.containers.${i}.classNames`,m)},{default:s(()=>[n(B,{label:"container"},{default:s(()=>[...e[12]||(e[12]=[p("Узкий контейнер",-1)])]),_:1})]),_:1},8,["model-value","onUpdate:modelValue"])])]),l("div",null,[n(q,{onConfirm:m=>o.removeContainer(i),title:"Вы уверены что хотите удалить этот контейнер?","confirm-button-text":"Да","cancel-button-text":"Отмена",icon:"el-icon-info","icon-color":"red"},{reference:s(()=>[V(n(L,{disabled:o.modelValue.jsonb.containers.length===1,size:"small",type:"danger"},{default:s(()=>[...e[13]||(e[13]=[p("X",-1)])]),_:1},8,["disabled"]),[[w,o.editMode==="edit"]])]),_:1},8,["onConfirm"])])])]),_:2},1024)]),default:s(()=>[V(n(v,{type:"primary",size:"small"},{default:s(()=>[n(E,{icon:"cog"})]),_:1},512),[[w,o.editMode==="edit"]])]),_:2},1024),V(n(v,{onClick:m=>o.addRow(i),class:"my-3",size:"small",type:"primary"},{default:s(()=>[...e[15]||(e[15]=[p("Добавить строку",-1)])]),_:1},8,["onClick"]),[[w,o.editMode==="edit"]]),n(r,{class:$(["mb-3",[a.classNames,{"mode-move":!0}]]),"model-value":a.rows,disabled:o.editMode!=="move","onUpdate:modelValue":m=>o.reorderRowData(i,m),"item-key":"rowKey",group:"rows_in_container_"+i},{item:s(({element:m,index:b})=>[l("div",{class:$({"row-placeholder":!0,[`${m.alignClass}`]:!0})},[n(I,{"hide-timeout":400,class:"pull-right mb-2 row-edit-button",size:"mini",type:"default"},{dropdown:s(()=>[n(N,null,{default:s(()=>[l("div",De,[e[21]||(e[21]=l("div",null,[l("b",null,"Настройки строки")],-1)),l("div",Oe,[e[19]||(e[19]=l("label",null,"Разместить блоки:",-1)),l("div",null,[n(G,{"model-value":a.alignClass,"onUpdate:modelValue":c=>o.changeDataByPath(`jsonb.containers.${i}.alignClass`,c)},{default:s(()=>[n(C,{label:"justify-content-start"},{default:s(()=>[...e[16]||(e[16]=[p("Слева",-1)])]),_:1}),n(C,{label:"justify-content-center"},{default:s(()=>[...e[17]||(e[17]=[p("По центру",-1)])]),_:1}),n(C,{label:"justify-content-end"},{default:s(()=>[...e[18]||(e[18]=[p("Справа",-1)])]),_:1})]),_:1},8,["model-value","onUpdate:modelValue"])])]),l("div",null,[n(d,{onConfirm:c=>o.removeRow(i,b),title:"Вы уверены что хотите удалить эту строку?","confirm-button-text":"Да","cancel-button-text":"Отмена",icon:"el-icon-info","icon-color":"red"},{reference:s(()=>[V(n(v,{disabled:o.modelValue.jsonb.containers.length===1,size:"small",type:"danger"},{default:s(()=>[...e[20]||(e[20]=[p("X",-1)])]),_:1},8,["disabled"]),[[w,o.editMode==="edit"]])]),_:1},8,["onConfirm"])])])]),_:2},1024)]),default:s(()=>[V(n(v,{type:"primary",size:"small"},{default:s(()=>[n(E,{icon:"cog"})]),_:1},512),[[w,o.editMode==="edit"]])]),_:2},1024),V(n(v,{onClick:c=>o.addColumn(i,b),class:"my-3",size:"small",type:"primary"},{default:s(()=>[...e[22]||(e[22]=[p("Добавить колонку",-1)])]),_:1},8,["onClick"]),[[w,o.editMode==="edit"]]),l("div",null,[n(r,{class:$(["mb-4",[{"mode-move":!0,row:!0}]]),disabled:o.editMode!=="move","model-value":m.columns,"onUpdate:modelValue":c=>o.reorderColumnData(i,b,c),group:`col_in_row_${b}_in_container_${i}`,"item-key":"columnId"},{item:s(({element:c,index:S})=>[l("div",{class:$(o.getClass(c.sizes))},[n(I,{"hide-timeout":400,class:"pull-right mb-2 row-edit-button",size:"mini",type:"default"},{dropdown:s(()=>[n(N,null,{default:s(()=>[l("div",he,[e[25]||(e[25]=l("div",null,[l("b",null,"Настройки колонки")],-1)),(f(!0),g(W,null,X(c.sizes,(j,R)=>(f(),g("div",{key:R,class:"flex justify-between"},[l("span",null,[l("b",null,z(R),1)]),l("span",null,[n(t,{min:0,max:12,"model-value":c.sizes[R],onChange:te=>o.changeDataByPath(`jsonb.containers.${i}.rows.${b}.columns.${S}.sizes.${R}`,te),step:1,class:"ml-2 micro-number-input","controls-position":"right",size:"small"},null,8,["model-value","onChange"])])]))),128)),l("div",Se,[e[23]||(e[23]=l("span",null,"Id колонки",-1)),l("span",null,[n(t,{min:1,max:99,"model-value":c.columnId,onChange:j=>o.changeDataByPath(`jsonb.containers.${i}.rows.${b}.columns.${S}.columnId`,j),step:1,class:"ml-2 micro-number-input","controls-position":"right",size:"small"},null,8,["model-value","onChange"])])]),l("div",null,[n(d,{onConfirm:j=>o.removeColumn(i,b,S),title:"Вы уверены что хотите удалить колонку?","confirm-button-text":"Да","cancel-button-text":"Отмена",icon:"el-icon-info","icon-color":"red"},{reference:s(()=>[V(n(v,{size:"small",type:"danger"},{default:s(()=>[...e[24]||(e[24]=[p("X",-1)])]),_:1},512),[[w,o.editMode==="edit"]])]),_:1},8,["onConfirm"])])])]),_:2},1024)]),default:s(()=>[V(n(v,{type:"primary",size:"small"},{default:s(()=>[n(E,{icon:"cog"})]),_:1},512),[[w,o.editMode==="edit"]])]),_:2},1024),l("div",Ae,[o.editMode!=="preview"?(f(),g("div",Pe,"colID: "+z(c.columnId),1)):o.blocks?(f(),g("div",Fe,[(f(!0),g(W,null,X(o.blocks[c.columnId],j=>(f(),g("div",{key:j.block.id,class:"block-placeholder"},z(j.block.type)+" block ",1))),128))])):U("",!0)])],2)]),_:2},1032,["disabled","model-value","onUpdate:modelValue","group"])])],2)]),_:2},1032,["class","model-value","disabled","onUpdate:modelValue","group"])])]),_:1},8,["modelValue","disabled"])])):U("",!0)])}const qe=x(ye,[["render",Le]]),Ge=Z({components:{...ve,EditOrCreate:qe},props:{...ce},setup(o,{emit:e}){const u="admin/grid",y="ModeratorGridEdit",k=A({name:"",jsonb:{containers:[]}});return{editableData:k,...fe({props:o,editableData:k,apiUrl:u,goToComponentWhenItemCreate:y,emit:e})}}}),Te={class:"mt-2"};function We(o,e,u,y,k,h){const M=O("EditOrCreate"),C=O("FormErrors"),v=D,E=be;return f(),H(E,{class:"card-header"},{default:s(()=>[o.editableData&&!o.loading?(f(),H(M,{key:0,modelValue:o.editableData,"onUpdate:modelValue":e[0]||(e[0]=B=>

1o.editableData=B)},null,8,["modelValue"])):U("",!0),l("div",Te,[n(C,{modelValue:o.errors},null,8,["modelValue"]),n(v,{loading:o.saving,onClick:o.saveHandler,type:"primary"},{default:s(()=>[p(z(o.cpSaveButtonTitle)+" запись",1)]),_:1},8,["loading","onClick"])])]),_:1})}const po=x(Ge,[["render",We]]);export{po as default};