{"version":3,"sources":["webpack:///./src/views/store/menu/modifiers/edit.vue?c1bf","webpack:///./src/helpers/base64.js","webpack:///./src/models/Modifier.js","webpack:///./src/views/store/menu/modifiers/edit.vue","webpack:///./src/views/store/menu/modifiers/edit.vue?8442","webpack:///./src/views/store/menu/modifiers/multiple-edit.vue","webpack:///./src/views/store/menu/modifiers/multiple-edit.vue?4913","webpack:///./src/views/store/menu/modifiers/index.vue","webpack:///./src/views/store/menu/modifiers/index.vue?8ec2","webpack:///./src/views/store/menu/modifiers/index.vue?c76f","webpack:///./node_modules/@ant-design/icons-vue/es/icons/RightOutlined.js","webpack:///./node_modules/@ant-design/icons-vue/es/icons/DownOutlined.js","webpack:///./node_modules/@ant-design/icons-vue/es/icons/CloseCircleOutlined.js","webpack:///./node_modules/@ant-design/icons-vue/es/icons/PlusOutlined.js","webpack:///./node_modules/@ant-design/icons-vue/es/icons/LoadingOutlined.js","webpack:///./src/helpers/header.js","webpack:///./node_modules/@ant-design/icons-svg/es/asn/SaveOutlined.js","webpack:///./node_modules/@ant-design/icons-vue/es/icons/SaveOutlined.js","webpack:///./node_modules/@ant-design/icons-vue/es/icons/EditOutlined.js","webpack:///./src/views/store/menu/modifiers/multiple-edit.vue?9b2e"],"names":["getBase64","img","callback","reader","FileReader","addEventListener","result","readAsDataURL","Modifier","attrs","this","name","group_id","group","image_url","price","props","__props","emit","__emit","isShowModal","ref","imageUrl","loading","confirmLoading","fetching","modalVisible","modifierName","initialModifier","modifier","reactive","selectKey","spicData","spicValue","spicFetching","codeData","codeValue","codeFetching","stores","state","indeterminate","checkAll","checkedList","toRefs","resetForm","Object","assign","value","update","model","toRaw","apiClient","put","modifierId","then","response","catch","finally","uploadImage","info","file","status","originFileObj","base64Url","message","error","removeImage","big_image_url","err","customRequest","async","onSuccess","onError","onProgress","options","fmData","FormData","config","headers","getHeaders","onUploadProgress","event","Math","floor","loaded","total","percent","append","axios","post","getUrl","uploadValidation","isJpgOrPngOrSvg","type","isLt2M","size","process","getModifier","get","data","nextTick","_modifierName$value","focus","watch","val","length","modal","__exports__","editGroup","editPrice","modifiers","modifierIds","timer","groupsFilter","modifierSearchName","showSelectAllButton","editNameId","editGroupId","editDescId","editPriceId","locales","dataSource","addModalVisible","productModifiers","multipleModalVisible","editModalKey","multipleEditModalKey","router","useRouter","selectedRowKeys","route","computed","useStore","getters","useRoute","initialParams","page","sort","searchModifierName","e","target","clearTimeout","setTimeout","updateParams","searchModifierGroup","queryParams","clearFilters","columns","title","dataIndex","key","width","fixed","sorter","slots","customRender","formattedBalance","balance","penny","formatter","Intl","NumberFormat","style","currency","format","substring","formattedDatetime","date","replace","d","Date","timeFormatter","DateTimeFormat","timeStyle","dateFormatter","params","deleteModifiers","Modal","confirm","content","okText","cancelText","delete","product","success","reload","clearSelection","onSelectChange","changeableRowKeys","rowSelection","unref","onChange","hideDefaultSelections","selections","selectAll","tableChange","pag","filters","order","sign","field","updateColumn","id","column","updateModal","multipleUpdateModal","add","deleteModal","onOk","hideModal","hideMultipleModal","getData","items","groups","store","onEditInput","input","document","getElementById","onMounted","push","category","query","_objectSpread","i","arguments","source","ownKeys","keys","getOwnPropertySymbols","concat","filter","sym","getOwnPropertyDescriptor","enumerable","forEach","_defineProperty","obj","defineProperty","configurable","writable","RightOutlined","context","p","displayName","inheritAttrs","DownOutlined","CloseCircleOutlined","PlusOutlined","LoadingOutlined","accessToken","AntdIcon","EditOutlined"],"mappings":"kHAAA,W,oCCAO,SAASA,EAAUC,EAAKC,GAC7B,MAAMC,EAAS,IAAIC,WACnBD,EAAOE,iBAAiB,OAAQ,IAAMH,EAASC,EAAOG,SACtDH,EAAOI,cAAcN,GAHvB,mC,mNCAe,SAASO,EAASC,GAC/BC,KAAKC,KAAOF,EAAME,KAAOF,EAAME,KAAO,GACtCD,KAAKE,SAAWH,EAAMG,SAAWH,EAAMG,SAAW,KAClDF,KAAKG,MAAQJ,EAAMI,MAAQJ,EAAMI,MAAQ,GACzCH,KAAKI,UAAYL,EAAMK,UAAYL,EAAMK,UAAY,GACrDJ,KAAKK,MAAQN,EAAMM,MAAQN,EAAMM,MAAQ,K,qdCoF3C,MAAMC,EAAQC,EAmBRC,EAAOC,EAEb,IACEC,EAAcC,kBAAI,GAClBC,EAAWD,iBAAI,IACfE,EAAUF,kBAAI,GACdG,EAAiBH,kBAAI,GACrBI,EAAWJ,kBAAI,GACfK,EAAeL,kBAAI,GACnBM,EAAeN,iBAAI,gBACnBO,EAAkB,IAAIpB,EAAS,IAC/BqB,EAAWC,sBAASF,GACpBG,EAAYV,iBAAI,GAEhBW,GADOX,iBAAI,MACAA,iBAAI,KACfY,EAAYZ,iBAAI,IAChBa,EAAeb,kBAAI,GAEnBc,GADOd,iBAAI,MACAA,iBAAI,KACfe,EAAYf,iBAAI,IAChBgB,EAAehB,kBAAI,GAErB,MAAMiB,EAASjB,iBAAI,IACbkB,EAAQT,sBAAS,CACrBU,eAAe,EACfC,UAAU,EACVC,YAAa,KAGfC,oBAAOJ,GAEP,MACEK,EAAYA,KACVC,OAAOC,OAAOjB,EAAU,IAAIrB,EAAS,KACrCkB,EAAaqB,OAAQ,EACrB7B,EAAK,eAEP8B,EAASA,KACPxB,EAAeuB,OAAQ,EAEvB,IAAIE,EAAQC,mBAAMrB,GAElB,OAAOsB,OAAUC,IAAI,6BAA6BpC,EAAMqC,WAAcJ,GAAOK,KAAKC,IAC5EA,GACFX,MAEDY,MAAM,QAENC,QAAQ,KACTjC,EAAeuB,OAAQ,EACvBrB,EAAaqB,OAAQ,EACrB7B,EAAK,UACLA,EAAK,iBAGTwC,EAAcC,IACZrC,EAASyB,MAAQ,GACQ,cAArBY,EAAKC,KAAKC,QAKW,SAArBF,EAAKC,KAAKC,QACZ7D,eAAU2D,EAAKC,KAAKE,cAAeC,IACjCzC,EAASyB,MAAQgB,EACjBxC,EAAQwB,OAAQ,EAChB3B,EAAY2B,OAAQ,IAIC,UAArBY,EAAKC,KAAKC,SACZtC,EAAQwB,OAAQ,EAChBiB,OAAQC,MAAM,kBAdd1C,EAAQwB,OAAQ,GAiBpBmB,EAAcA,KACZ5C,EAASyB,MAAQ,GACjBlB,EAASf,UAAY,GAErBU,EAAeuB,OAAQ,EACvBI,OACGC,IAAI,6BAA6BpC,EAAMqC,WAAc,CAACvC,UAAW,GAAIqD,cAAe,KACpFb,KAAKC,IACAA,IACF/B,EAAeuB,OAAQ,KAExBS,MAAMY,IACT5C,EAAeuB,OAAQ,IACtBU,QAAQ,KACTjC,EAAeuB,OAAQ,KAG3BsB,EAAgBC,UACd,MAAM,UAAEC,EAAS,QAAEC,EAAO,KAAEZ,EAAI,WAAEa,GAAeC,EAE3CC,EAAS,IAAIC,SACbC,EAAS,CACbC,QAASC,iBACTC,iBAAkBC,IACAC,KAAKC,MAAOF,EAAMG,OAASH,EAAMI,MAAS,KAG1DZ,EAAW,CAAEa,QAAUL,EAAMG,OAASH,EAAMI,MAAS,QAGzDV,EAAOY,OAAO,YAAa3B,GAC3B,UACoB4B,IAAMC,KACtBC,IACAf,EACAE,GAGFN,EAAU,MAEV,MAAOH,GAEPI,EAAQ,CAAEJ,UAGduB,EAAmB/B,IACjB,MAAMgC,EAAgC,eAAdhC,EAAKiC,MAAuC,cAAdjC,EAAKiC,MAAsC,kBAAdjC,EAAKiC,KAEnFD,GACH5B,OAAQC,MAAM,6CAGhB,MAAM6B,EAASlC,EAAKmC,KAAO,KAAO,KAAO,EAMzC,OAJKD,GACH9B,OAAQC,MAAM,gCAGT2B,GAAmBE,GAE5BJ,EAASA,IACAM,+DAQTC,EAAcA,KACZ9C,OAAU+C,IAAI,qBAAqBlF,EAAMqC,YAAcC,KAAKC,IAC1D,GAAIA,EAAS4C,KAAM,CACjB7D,EAAOS,MAAQQ,EAAS4C,KAAKA,KAAK7D,OAClCZ,EAAaqB,OAAQ,EACrBqD,sBAAS,KAAM,IAAAC,EACc,iBAAvB1E,EAAaoB,QACG,QAAlBsD,EAAA1E,EAAaoB,aAAK,IAAAsD,GAAlBA,EAAoBC,WAExB,IAAIrD,EAAQ,IAAIzC,EAAS+C,EAAS4C,KAAKA,MACvCtD,OAAOC,OAAOjB,EAAUoB,MAEzBO,MAAM,QAENC,QAAQ,KACTlC,EAAQwB,OAAQ,EAChBtB,EAASsB,OAAQ,K,OAIvBwD,mBAAMtE,EAAUc,MAAO,KACrBf,EAASe,MAAQ,GACjBb,EAAaa,OAAQ,IAGvBwD,mBAAMnE,EAAUW,MAAO,KACrBZ,EAASY,MAAQ,GACjBV,EAAaU,OAAQ,IAGvBwD,mBACE,IAAMhE,EAAMG,YACZ8D,IACEjE,EAAMC,gBAAkBgE,EAAIC,QAAUD,EAAIC,OAASnE,EAAOS,MAAM0D,OAChElE,EAAME,SAAW+D,EAAIC,SAAWnE,EAAOS,MAAM0D,SAIjDF,mBACE,IAAMvF,EAAM0F,MACZpC,UACMkC,SACIP,M,6pGChSZ,MAAMU,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,Q,ytBCwHf,MAAM3F,EAAQC,EAeRC,EAAOC,EAEb,IAAIG,EAAWD,iBAAI,IACjBE,EAAUF,kBAAI,GACdG,EAAiBH,kBAAI,GACrBI,EAAWJ,kBAAI,GACfK,EAAeL,kBAAI,GACnBO,EAAkB,IAAIpB,EAAS,IAC/BqB,EAAWC,sBAASF,GACpBG,EAAYV,iBAAI,GAEhBW,GADOX,iBAAI,MACAA,iBAAI,KACfY,EAAYZ,iBAAI,IAChBa,EAAeb,kBAAI,GAEnBc,GADOd,iBAAI,MACAA,iBAAI,KACfe,EAAYf,iBAAI,IAChBgB,EAAehB,kBAAI,GACnBuF,EAAYvF,kBAAI,GAEhBwF,GADkBxF,kBAAI,GACVA,kBAAI,IACLA,kBAAI,GAEjB,MAAMiB,EAASjB,iBAAI,IACbkB,EAAQT,sBAAS,CACrBU,eAAe,EACfC,UAAU,EACVC,YAAa,KAGfC,oBAAOJ,GAEP,MACEK,EAAYA,KACVC,OAAOC,OAAOjB,EAAU,IAAIrB,EAAS,KACrCkB,EAAaqB,OAAQ,EACrB7B,EAAK,eAEP8B,EAASA,KACPxB,EAAeuB,OAAQ,EAEvB,IAAIE,EAAQC,mBAAMrB,GASlB,cAROoB,EAAM,QACRpB,EAAS,aAAa4E,eAClBxD,EAAM,aACV2D,EAAU7D,cACNE,EAAM,YACV4D,EAAU9D,cACNE,EAAM,SAERE,OAAUC,IAAI,mBAAoB,CACvC0D,UAAW9F,EAAM+F,eACd9D,IACFK,KAAKC,IACFA,GACFX,MAEDY,MAAM,QAENC,QAAQ,KACTjC,EAAeuB,OAAQ,EACvBrB,EAAaqB,OAAQ,EACrB7B,EAAK,UACLA,EAAK,iBAGTwC,EAAcC,IACZrC,EAASyB,MAAQ,GACQ,cAArBY,EAAKC,KAAKC,QAKW,SAArBF,EAAKC,KAAKC,SACZhC,EAASf,UAAY6C,EAAKC,KAAKL,SAAS4C,KACxCnG,eAAU2D,EAAKC,KAAKE,cAAeC,IACjCzC,EAASyB,MAAQgB,EACjBxC,EAAQwB,OAAQ,KAIK,UAArBY,EAAKC,KAAKC,SACZtC,EAAQwB,OAAQ,EAChBiB,OAAQC,MAAM,kBAdd1C,EAAQwB,OAAQ,GAiBpBmB,GAAcA,KACZ5C,EAASyB,MAAQ,GACjBlB,EAASf,UAAY,GAErBU,EAAeuB,OAAQ,EACvBI,OACGC,IAAI,uCAAuCpC,EAAM+F,YAAe,CAACjG,UAAW,KAC5EwC,KAAKC,IACAA,IACF/B,EAAeuB,OAAQ,KAExBS,MAAMY,IACT5C,EAAeuB,OAAQ,IACtBU,QAAQ,KACTjC,EAAeuB,OAAQ,KAG3B4C,GAAmB/B,IACjB,MAAMgC,EAAgC,eAAdhC,EAAKiC,MAAuC,cAAdjC,EAAKiC,MAAsC,kBAAdjC,EAAKiC,KAEnFD,GACH5B,OAAQC,MAAM,6CAGhB,MAAM6B,EAASlC,EAAKmC,KAAO,KAAO,KAAO,EAMzC,OAJKD,GACH9B,OAAQC,MAAM,gCAGT2B,GAAmBE,GAE5BJ,GAASA,IACAM,+D,OAsCXO,mBAAMtE,EAAUc,MAAO,KACrBf,EAASe,MAAQ,GACjBb,EAAaa,OAAQ,IAGvBwD,mBAAMnE,EAAUW,MAAO,KACrBZ,EAASY,MAAQ,GACjBV,EAAaU,OAAQ,IAGvBwD,mBACE,IAAMhE,EAAMG,YACZ8D,IACEjE,EAAMC,gBAAkBgE,EAAIC,QAAUD,EAAIC,OAASnE,EAAOS,MAAM0D,OAChElE,EAAME,SAAW+D,EAAIC,SAAWnE,EAAOS,MAAM0D,SAIjDF,mBACE,IAAMvF,EAAM0F,MACZpC,UACMkC,IACF9E,EAAaqB,OAAQ,EACrBxB,EAAQwB,OAAQ,EAChBtB,EAASsB,OAAQ,K,guJC9TvB,MAAM,GAA2B,IAAgB,GAAQ,CAAC,CAAC,YAAY,qBAExD,U,+pCCqVf,IACEiE,EAAQ,KACRC,EAAe5F,iBAAI,IACnB6F,EAAqB7F,iBAAI,IACzB8F,EAAsB9F,kBAAI,GAC1B+F,EAAa/F,iBAAI,GACjBgG,EAAchG,iBAAI,GAClBiG,EAAajG,iBAAI,GACjBkG,EAAclG,iBAAI,GAClBgC,EAAahC,iBAAI,GACjB0F,EAAc1F,iBAAI,IAClBmG,EAAUnG,iBAAI,IACdoG,EAAapG,iBAAI,IAEjBE,GADWF,iBAAI,IACLA,kBAAI,IAEdK,GADiBL,kBAAI,GACNA,kBAAI,IACnBqG,EAAkBrG,kBAAI,GACtByF,EAAYzF,iBAAI,IAChBsG,EAAmBtG,iBAAI,IACvBuG,EAAuBvG,kBAAI,GAG3BgE,EAAQhE,iBAAI,GACZwG,EAAexG,iBAAI,GACnByG,EAAuBzG,iBAAI,GAE7B,MAAM0G,EAASC,kBACbC,EAAkB5G,iBAAI,IAGtB6G,GAFOC,sBAAS,IAAMC,kBAAWC,QAAQ,cAC3BhH,mBACNiH,mBACRC,EAAgB,CACdC,KAAM,EACN,WAAY,GACZC,KAAM,GACN9H,KAAM,GACNC,SAAU,IAEZ8H,EAAsBC,IAChBA,EAAEC,OAAO7F,MAAM0D,OAAS,GAAKkC,EAAEC,OAAO7F,MAAM0D,OAAS,IAErDO,IACF6B,aAAa7B,GACbA,EAAQ,MAEVA,EAAQ8B,WAAW,KACjBC,EAAa,CAACpI,KAAMgI,EAAEC,OAAO7F,SAC5B,OAELiG,EAAuBjG,IACrBgG,EAAa,CAAEnI,SAAUmC,KAE3BkG,EAAcnH,sBAAS,IAAIyG,IAC3BW,EAAeA,KACbrG,OAAOC,OAAOmG,EAAaV,GAE3BrB,EAAmBnE,MAAQ,IAE7BoG,EAAU,CACR,CACEC,MAAO,WACPC,UAAW,OACXC,IAAK,OACLC,MAAO,IACPC,MAAO,OACPC,QAAQ,EACRC,MAAO,CAACC,aAAc,SAExB,CACEP,MAAO,OACPC,UAAW,QACXC,IAAK,QACLC,MAAO,IACPE,QAAQ,EACRC,MAAO,CAACC,aAAc,UAExB,CACEP,MAAO,WACPC,UAAW,WACXC,IAAK,WACLC,MAAO,IACPE,QAAQ,EACRC,MAAO,CAACC,aAAc,SAExB,CACEP,MAAO,SACPC,UAAW,WACXC,IAAK,WACLC,MAAO,IACPE,QAAQ,EACRC,MAAO,CAACC,aAAc,UAExB,CACEL,IAAK,SACLE,MAAO,QACPD,MAAO,IACPG,MAAO,CAACC,aAAc,YAG1BC,EAAmBA,CAACC,EAASC,GAAQ,KAC/BA,IACFD,GAAoB,KACtB,IAAIE,EAAY,IAAIC,KAAKC,aAAa,KAAM,CAC1CC,MAAO,WACPC,SAAU,QAERP,EAAmBG,EAAUK,OAAOP,GACxC,OAAOD,EAAiBS,UAAU,EAAGT,EAAiBnD,OAAS,GAAK,QAEtE6D,EAAqBC,IACnBA,EAAOA,EAAKC,QAAQ,KAAM,KAC1B,IAAIC,EAAI,IAAIC,KAAKH,GACjB,MAAMI,EAAgB,IAAIX,KAAKY,eAAe,QAAS,CACrDC,UAAW,WAEPC,EAAgB,IAAId,KAAKY,eAAe,SAC9C,OAAOE,EAAcV,OAAOK,GAAK,IAAME,EAAcP,OAAOK,IAE9D1B,EAAegC,IACblI,OAAOC,OAAOmG,EAAa8B,IAE7BC,EAAkBA,KAChBC,QAAMC,QAAQ,CACZ9B,MAAO,uBACP+B,QAAS,yDACTC,OAAQ,KACRC,WAAY,WACZ,aACE,OAAOlI,OAAUmI,OAAO,oCAAsCpD,EAAM6C,OAAOQ,QAAS,CAClFpF,KAAM,CAAEW,UAAWmB,EAAgBlF,SAClCO,KAAKC,IACFA,GACFS,OAAQwH,QAAQ,iCAEjBhI,MAAM,QAENC,QAAQ,KACTgI,KACAC,UAKRC,EAAiBC,IACf3D,EAAgBlF,MAAQ6I,GAE1BC,EAAe1D,sBAAS,KACf,CACLF,gBAAiB6D,mBAAM7D,GACvB8D,SAAUJ,EACVK,uBAAuB,EACvBC,WAAY,QAGhBP,EAAiBA,KACfzD,EAAgBlF,MAAQ,IAE1BmJ,EAAYA,KACV,MAAMnB,EAAS,IAAI9B,GACnB,OAAO9F,OAAU+C,IAAI,qCAAqCgC,EAAM6C,OAAOQ,QAAW,CAAER,WAAUzH,KAAK,EAAE6C,WAC/FA,EAAK,UACP8B,EAAgBlF,MAAQoD,EAAK,YAInCgG,EAAcA,CAACC,EAAKC,EAAS5C,KAC3B,GAA2B,iBAAhBA,EAAO6C,MAAmB,CACnC,IAAIC,EAAO,GACU,YAAjB9C,EAAO6C,QACTC,EAAO,KACTxD,EAAa,CAACN,KAAM8D,EAAO9C,EAAO+C,UAGtCC,EAAeA,CAACC,EAAI/L,EAAMgM,EAAS,KAAM5J,EAAQ,QAC/C,IAAIoD,EAAO,GACXA,EAAK,QAAUxF,EACXgM,IACFxG,EAAKwG,GAAU5J,GAEjBI,OAAUC,IAAI,6BAA6BsJ,EAAMvG,GAAM7C,KAAKC,IACtDA,GACFS,OAAQwH,QAAQ,mCAEjBhI,MAAM,QAENC,QAAQ,KACTgI,QAGJmB,EAAeF,IACbrJ,EAAWN,MAAQ2J,EACnBhL,EAAaqB,OAAQ,GAEvB8J,EAAsBA,KACpB9F,EAAYhE,MAAQkF,EAAgBlF,MACpC6E,EAAqB7E,OAAQ,GAE/B+J,EAAMA,KACJ,MAAMvB,EAAUrD,EAAM6C,OAAOQ,QAC7B,OAAOpI,OAAUsC,KAAK,wBAAwB8F,EAAW,CACvDzE,UAAWa,EAAiB5E,QAC3BO,KAAK,KACNoE,EAAgB3E,OAAQ,IAEvBS,MAAM,KACPkE,EAAgB3E,OAAQ,IAEvBU,QAAQ,KACTgI,QAGJsB,EAAcL,IACZzB,QAAMC,QAAQ,CACZ9B,MAAO,uBACP+B,QAAS,+CACTC,OAAQ,KACRC,WAAY,WACZ2B,OACE,MAAMzB,EAAUrD,EAAM6C,OAAOQ,QAC7B,OAAOpI,OAAUmI,OAAO,2BAA2BC,cAAoBmB,KAAMpJ,KAAKC,IAC5EA,GACFS,OAAQwH,QAAQ,iCAEjBhI,MAAM,QAENC,QAAQ,KACTgI,WAKRwB,GAAYA,KACVnE,WAAW,KACTpH,EAAaqB,OAAQ,GACpB,MAELmK,GAAoBA,KAClBpE,WAAW,KACTlB,EAAqB7E,OAAQ,GAC5B,MAELoK,GAAWpC,IACTxJ,EAAQwB,OAAQ,EACTI,OAAU+C,IAAI,2BAA2BgC,EAAM6C,OAAOQ,QAAW,CAAER,WAAUzH,KAAK,EAAE6C,WACzFsB,EAAW1E,MAAQoD,EAAKA,KAAKiH,MAC7BnG,EAAalE,MAAQoD,EAAKA,KAAKkH,OAC/BhK,EAAWN,MAAQoD,EAAKA,KAAKmH,MAC7BzF,EAAa9E,QACb+E,EAAqB/E,QACrBsC,EAAMtC,MAAQoD,EAAKA,KAAKd,MACxByB,EAAU/D,MAAQoD,EAAKA,KAAKW,UAC5Ba,EAAiB5E,MAAQoD,EAAKA,KAAK,wBAClC3C,MAAM,QAENC,QAAQ,KACTlC,EAAQwB,OAAQ,KAGpBwK,GAAcA,CAAC1H,EAAM6G,KACnB,OAAQ7G,GACN,IAAK,OACHuB,EAAWrE,MAAQ2J,EACnB,MACF,IAAK,QACHnF,EAAYxE,MAAQ2J,EACpB,MACF,IAAK,QACHrF,EAAYtE,MAAQ2J,EACpB,MAEJtG,sBAAS,KACP,MAAMoH,EAAQC,SAASC,eAAe,GAAG7H,KAAQ6G,KAC7Cc,GACFA,EAAMlH,WAGZmF,GAASA,KACP0B,GAAQ,IACHlE,KAIT0E,uBAAU,KACRR,GAAQ,IACHlE,MAIP1C,mBAAM0B,EAAkBlF,IACtBoE,EAAoBpE,MAAQA,EAAM0D,SAAWwC,EAAY,cAG3D1C,mBAAM0C,EAAa,KACjBlB,EAAO6F,KAAK,CACVjN,KAAM,YACNoK,OAAQ,CACN8C,SAAU3F,EAAM6C,OAAO8C,SACvBtC,QAASrD,EAAM6C,OAAOQ,SAExBuC,MAAO,IACF5F,EAAM4F,SACN7E,KAGPkE,GAAQ,IACHjF,EAAM4F,SACN7E,MAIP,MAAM6E,GAAQ,IAAInL,oBAAOsG,I,o0bC/oBzB,MAAM,GAAc,GAEL,iB,kCCPf,W,oCCAA,wCAEA,SAAS8E,EAAcnF,GAAU,IAAK,IAAIoF,EAAI,EAAGA,EAAIC,UAAUxH,OAAQuH,IAAK,CAAE,IAAIE,EAAyB,MAAhBD,UAAUD,GAAanL,OAAOoL,UAAUD,IAAM,GAAQG,EAAUtL,OAAOuL,KAAKF,GAAqD,oBAAjCrL,OAAOwL,wBAAwCF,EAAUA,EAAQG,OAAOzL,OAAOwL,sBAAsBH,GAAQK,QAAO,SAAUC,GAAO,OAAO3L,OAAO4L,yBAAyBP,EAAQM,GAAKE,gBAAmBP,EAAQQ,SAAQ,SAAUrF,GAAOsF,EAAgBhG,EAAQU,EAAK4E,EAAO5E,OAAa,OAAOV,EAEhe,SAASgG,EAAgBC,EAAKvF,EAAKvG,GAAiK,OAApJuG,KAAOuF,EAAOhM,OAAOiM,eAAeD,EAAKvF,EAAK,CAAEvG,MAAOA,EAAO2L,YAAY,EAAMK,cAAc,EAAMC,UAAU,IAAkBH,EAAIvF,GAAOvG,EAAgB8L,EAO3M,IAAII,EAAgB,SAAuBjO,EAAOkO,GAChD,IAAIC,EAAIpB,EAAc,GAAI/M,EAAOkO,EAAQzO,OAEzC,OAAO,yBAAa,OAAUsN,EAAc,GAAIoB,EAAG,CACjD,KAAQ,SACN,OAGNF,EAAcG,YAAc,gBAC5BH,EAAcI,cAAe,EACd,U,6DCrBf,wCAEA,SAAStB,EAAcnF,GAAU,IAAK,IAAIoF,EAAI,EAAGA,EAAIC,UAAUxH,OAAQuH,IAAK,CAAE,IAAIE,EAAyB,MAAhBD,UAAUD,GAAanL,OAAOoL,UAAUD,IAAM,GAAQG,EAAUtL,OAAOuL,KAAKF,GAAqD,oBAAjCrL,OAAOwL,wBAAwCF,EAAUA,EAAQG,OAAOzL,OAAOwL,sBAAsBH,GAAQK,QAAO,SAAUC,GAAO,OAAO3L,OAAO4L,yBAAyBP,EAAQM,GAAKE,gBAAmBP,EAAQQ,SAAQ,SAAUrF,GAAOsF,EAAgBhG,EAAQU,EAAK4E,EAAO5E,OAAa,OAAOV,EAEhe,SAASgG,EAAgBC,EAAKvF,EAAKvG,GAAiK,OAApJuG,KAAOuF,EAAOhM,OAAOiM,eAAeD,EAAKvF,EAAK,CAAEvG,MAAOA,EAAO2L,YAAY,EAAMK,cAAc,EAAMC,UAAU,IAAkBH,EAAIvF,GAAOvG,EAAgB8L,EAO3M,IAAIS,EAAe,SAAsBtO,EAAOkO,GAC9C,IAAIC,EAAIpB,EAAc,GAAI/M,EAAOkO,EAAQzO,OAEzC,OAAO,yBAAa,OAAUsN,EAAc,GAAIoB,EAAG,CACjD,KAAQ,SACN,OAGNG,EAAaF,YAAc,eAC3BE,EAAaD,cAAe,EACb,U,oCCrBf,wCAEA,SAAStB,EAAcnF,GAAU,IAAK,IAAIoF,EAAI,EAAGA,EAAIC,UAAUxH,OAAQuH,IAAK,CAAE,IAAIE,EAAyB,MAAhBD,UAAUD,GAAanL,OAAOoL,UAAUD,IAAM,GAAQG,EAAUtL,OAAOuL,KAAKF,GAAqD,oBAAjCrL,OAAOwL,wBAAwCF,EAAUA,EAAQG,OAAOzL,OAAOwL,sBAAsBH,GAAQK,QAAO,SAAUC,GAAO,OAAO3L,OAAO4L,yBAAyBP,EAAQM,GAAKE,gBAAmBP,EAAQQ,SAAQ,SAAUrF,GAAOsF,EAAgBhG,EAAQU,EAAK4E,EAAO5E,OAAa,OAAOV,EAEhe,SAASgG,EAAgBC,EAAKvF,EAAKvG,GAAiK,OAApJuG,KAAOuF,EAAOhM,OAAOiM,eAAeD,EAAKvF,EAAK,CAAEvG,MAAOA,EAAO2L,YAAY,EAAMK,cAAc,EAAMC,UAAU,IAAkBH,EAAIvF,GAAOvG,EAAgB8L,EAO3M,IAAIU,EAAsB,SAA6BvO,EAAOkO,GAC5D,IAAIC,EAAIpB,EAAc,GAAI/M,EAAOkO,EAAQzO,OAEzC,OAAO,yBAAa,OAAUsN,EAAc,GAAIoB,EAAG,CACjD,KAAQ,SACN,OAGNI,EAAoBH,YAAc,sBAClCG,EAAoBF,cAAe,EACpB,U,oCCrBf,wCAEA,SAAStB,EAAcnF,GAAU,IAAK,IAAIoF,EAAI,EAAGA,EAAIC,UAAUxH,OAAQuH,IAAK,CAAE,IAAIE,EAAyB,MAAhBD,UAAUD,GAAanL,OAAOoL,UAAUD,IAAM,GAAQG,EAAUtL,OAAOuL,KAAKF,GAAqD,oBAAjCrL,OAAOwL,wBAAwCF,EAAUA,EAAQG,OAAOzL,OAAOwL,sBAAsBH,GAAQK,QAAO,SAAUC,GAAO,OAAO3L,OAAO4L,yBAAyBP,EAAQM,GAAKE,gBAAmBP,EAAQQ,SAAQ,SAAUrF,GAAOsF,EAAgBhG,EAAQU,EAAK4E,EAAO5E,OAAa,OAAOV,EAEhe,SAASgG,EAAgBC,EAAKvF,EAAKvG,GAAiK,OAApJuG,KAAOuF,EAAOhM,OAAOiM,eAAeD,EAAKvF,EAAK,CAAEvG,MAAOA,EAAO2L,YAAY,EAAMK,cAAc,EAAMC,UAAU,IAAkBH,EAAIvF,GAAOvG,EAAgB8L,EAO3M,IAAIW,EAAe,SAAsBxO,EAAOkO,GAC9C,IAAIC,EAAIpB,EAAc,GAAI/M,EAAOkO,EAAQzO,OAEzC,OAAO,yBAAa,OAAUsN,EAAc,GAAIoB,EAAG,CACjD,KAAQ,SACN,OAGNK,EAAaJ,YAAc,eAC3BI,EAAaH,cAAe,EACb,U,2DCrBf,wCAEA,SAAStB,EAAcnF,GAAU,IAAK,IAAIoF,EAAI,EAAGA,EAAIC,UAAUxH,OAAQuH,IAAK,CAAE,IAAIE,EAAyB,MAAhBD,UAAUD,GAAanL,OAAOoL,UAAUD,IAAM,GAAQG,EAAUtL,OAAOuL,KAAKF,GAAqD,oBAAjCrL,OAAOwL,wBAAwCF,EAAUA,EAAQG,OAAOzL,OAAOwL,sBAAsBH,GAAQK,QAAO,SAAUC,GAAO,OAAO3L,OAAO4L,yBAAyBP,EAAQM,GAAKE,gBAAmBP,EAAQQ,SAAQ,SAAUrF,GAAOsF,EAAgBhG,EAAQU,EAAK4E,EAAO5E,OAAa,OAAOV,EAEhe,SAASgG,EAAgBC,EAAKvF,EAAKvG,GAAiK,OAApJuG,KAAOuF,EAAOhM,OAAOiM,eAAeD,EAAKvF,EAAK,CAAEvG,MAAOA,EAAO2L,YAAY,EAAMK,cAAc,EAAMC,UAAU,IAAkBH,EAAIvF,GAAOvG,EAAgB8L,EAO3M,IAAIY,EAAkB,SAAyBzO,EAAOkO,GACpD,IAAIC,EAAIpB,EAAc,GAAI/M,EAAOkO,EAAQzO,OAEzC,OAAO,yBAAa,OAAUsN,EAAc,GAAIoB,EAAG,CACjD,KAAQ,SACN,OAGNM,EAAgBL,YAAc,kBAC9BK,EAAgBJ,cAAe,EAChB,U,kCCrBf,2DAEO,SAAStK,IACd,MAAM2K,EAAcpC,IAAMpH,IAAI,eAC9B,OAAOwJ,EAAc,CAAE,iBAAkB,UAAUA,GAAkB,K,kDCHnE,EAAe,CAAE,KAAQ,CAAE,IAAO,MAAO,MAAS,CAAE,QAAW,gBAAiB,UAAa,SAAW,SAAY,CAAC,CAAE,IAAO,OAAQ,MAAS,CAAE,EAAK,qbAAyb,KAAQ,OAAQ,MAAS,YAC7lB,I,YCAf,SAAS3B,EAAcnF,GAAU,IAAK,IAAIoF,EAAI,EAAGA,EAAIC,UAAUxH,OAAQuH,IAAK,CAAE,IAAIE,EAAyB,MAAhBD,UAAUD,GAAanL,OAAOoL,UAAUD,IAAM,GAAQG,EAAUtL,OAAOuL,KAAKF,GAAqD,oBAAjCrL,OAAOwL,wBAAwCF,EAAUA,EAAQG,OAAOzL,OAAOwL,sBAAsBH,GAAQK,QAAO,SAAUC,GAAO,OAAO3L,OAAO4L,yBAAyBP,EAAQM,GAAKE,gBAAmBP,EAAQQ,SAAQ,SAAUrF,GAAOsF,EAAgBhG,EAAQU,EAAK4E,EAAO5E,OAAa,OAAOV,EAEhe,SAASgG,EAAgBC,EAAKvF,EAAKvG,GAAiK,OAApJuG,KAAOuF,EAAOhM,OAAOiM,eAAeD,EAAKvF,EAAK,CAAEvG,MAAOA,EAAO2L,YAAY,EAAMK,cAAc,EAAMC,UAAU,IAAkBH,EAAIvF,GAAOvG,EAAgB8L,EAO3M,IAAI,EAAe,SAAsB7N,EAAOkO,GAC9C,IAAIC,EAAIpB,EAAc,GAAI/M,EAAOkO,EAAQzO,OAEzC,OAAO,yBAAakP,EAAA,KAAU5B,EAAc,GAAIoB,EAAG,CACjD,KAAQ,IACN,OAGN,EAAaC,YAAc,eAC3B,EAAaC,cAAe,EACb,U,kCCrBf,wCAEA,SAAStB,EAAcnF,GAAU,IAAK,IAAIoF,EAAI,EAAGA,EAAIC,UAAUxH,OAAQuH,IAAK,CAAE,IAAIE,EAAyB,MAAhBD,UAAUD,GAAanL,OAAOoL,UAAUD,IAAM,GAAQG,EAAUtL,OAAOuL,KAAKF,GAAqD,oBAAjCrL,OAAOwL,wBAAwCF,EAAUA,EAAQG,OAAOzL,OAAOwL,sBAAsBH,GAAQK,QAAO,SAAUC,GAAO,OAAO3L,OAAO4L,yBAAyBP,EAAQM,GAAKE,gBAAmBP,EAAQQ,SAAQ,SAAUrF,GAAOsF,EAAgBhG,EAAQU,EAAK4E,EAAO5E,OAAa,OAAOV,EAEhe,SAASgG,EAAgBC,EAAKvF,EAAKvG,GAAiK,OAApJuG,KAAOuF,EAAOhM,OAAOiM,eAAeD,EAAKvF,EAAK,CAAEvG,MAAOA,EAAO2L,YAAY,EAAMK,cAAc,EAAMC,UAAU,IAAkBH,EAAIvF,GAAOvG,EAAgB8L,EAO3M,IAAIe,EAAe,SAAsB5O,EAAOkO,GAC9C,IAAIC,EAAIpB,EAAc,GAAI/M,EAAOkO,EAAQzO,OAEzC,OAAO,yBAAa,OAAUsN,EAAc,GAAIoB,EAAG,CACjD,KAAQ,SACN,OAGNS,EAAaR,YAAc,eAC3BQ,EAAaP,cAAe,EACb,U,kCCrBf,W","file":"js/chunk-1b117876.4ff6aa37.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./edit.vue?vue&type=style&index=0&id=47d850d0&scoped=true&lang=css\"","export function getBase64(img, callback) {\n  const reader = new FileReader();\n  reader.addEventListener('load', () => callback(reader.result));\n  reader.readAsDataURL(img);\n}\n","export default function Modifier(attrs) {\n  this.name = attrs.name ? attrs.name : ''\n  this.group_id = attrs.group_id ? attrs.group_id : null\n  this.group = attrs.group ? attrs.group : []\n  this.image_url = attrs.image_url ? attrs.image_url : ''\n  this.price = attrs.price ? attrs.price : null\n}\n","<template>\n  <a-modal\n    :key=\"selectKey\"\n    class=\"modifiers-edit-modal\"\n    title=\"Редактировать продукт\"\n    :visible=\"modalVisible\"\n    :closable=\"true\"\n    :confirm-loading=\"!(!loading && !confirmLoading)\"\n    @ok=\"update\"\n    @cancel=\"resetForm\"\n  >\n    <a-form :model=\"modifier\">\n      <div v-if=\"fetching\" class=\"spin-loader\">\n        <a-spin/>\n      </div>\n      <div v-else class=\"col-md-12\">\n        <div class=\"row\">\n          <div class=\"col-md-12\">\n            <a-upload\n              name=\"image_url\"\n              list-type=\"picture-card\"\n              class=\"photo-uploader\"\n              :show-upload-list=\"false\"\n              :headers=\"getHeaders()\"\n              :action=\"getUrl\"\n              :custom-request=\"customRequest\"\n              :before-upload=\"uploadValidation\"\n              @change=\"uploadImage\"\n            >\n              <img v-if=\"imageUrl\" :src=\"imageUrl\" alt=\"avatar\"/>\n              <div v-else>\n                <LoadingOutlined v-if=\"loading\" />\n                <PlusOutlined v-else />\n                <div class=\"ant-upload-text\">Фото</div>\n              </div>\n            </a-upload>\n            <div class=\"mb-4 text-center\" v-if=\"imageUrl\">\n              <a-button @click=\"removeImage\" type=\"link\" danger>\n                <CloseCircleOutlined/>\n                Удалить фотографию\n              </a-button>\n            </div>\n          </div>\n          <div class=\"col-md-12\">\n            <a-form-item label=\"Название\">\n              <a-input\n                ref=\"modifierName\"\n                placeholder=\"Введите название\"\n                v-model:value=\"modifier.name\"\n              />\n            </a-form-item>\n          </div>\n          <div class=\"col-md-6\">\n            <a-form-item label=\"Группа\">\n              <a-select\n                placeholder=\"Выберите группу\"\n                v-model:value=\"modifier.group_id\"\n                :options=\"groups\"\n              ></a-select>\n            </a-form-item>\n          </div>\n          <div class=\"col-md-6\">\n            <a-form-item label=\"Цена\">\n              <a-input\n                placeholder=\"Введите цену\"\n                v-model:value=\"modifier.price\"\n              />\n            </a-form-item>\n          </div>\n        </div>\n      </div>\n    </a-form>\n  </a-modal>\n</template>\n\n<script setup>\nimport {ref, reactive, toRaw, watch, toRefs, nextTick} from 'vue';\nimport {\n  CloseCircleOutlined,\n  LoadingOutlined,\n  PlusOutlined,\n} from \"@ant-design/icons-vue\";\nimport {getHeaders} from \"@/helpers/header\";\nimport {getBase64} from \"@/helpers/base64\";\nimport apiClient from \"@/services/axios\";\nimport Modifier from \"@/models/Modifier\";\nimport {message} from \"ant-design-vue\";\nimport axios from \"axios\";\n\nconst props = defineProps({\n  locales: {\n    type: Array,\n    default: null,\n  },\n  modifierId: {\n    type: Number,\n    default: 0,\n  },\n  modal: {\n    type: Boolean,\n    default: false,\n  },\n  groups: {\n    type: Array,\n    default: null,\n  },\n})\n\nconst emit = defineEmits(['hide-modal', 'reload']);\n\nlet\n  isShowModal = ref(false),\n  imageUrl = ref(''),\n  loading = ref(true),\n  confirmLoading = ref(false),\n  fetching = ref(true),\n  modalVisible = ref(false),\n  modifierName = ref(\"modifierName\"),\n  initialModifier = new Modifier({}),\n  modifier = reactive(initialModifier),\n  selectKey = ref(0),\n  spic = ref(null),\n  spicData = ref([]),\n  spicValue = ref([]),\n  spicFetching = ref(false),\n  code = ref(null),\n  codeData = ref([]),\n  codeValue = ref([]),\n  codeFetching = ref(false);\n\nconst stores = ref([]);\nconst state = reactive({\n  indeterminate: true,\n  checkAll: false,\n  checkedList: [],\n});\n\ntoRefs(state);\n\nconst\n  resetForm = () => {\n    Object.assign(modifier, new Modifier({}));\n    modalVisible.value = false;\n    emit('hide-modal')\n  },\n  update = () => {\n    confirmLoading.value = true;\n\n    let model = toRaw(modifier);\n\n    return apiClient.put(`/modifier/update?modifier=${props.modifierId}`, model).then(response => {\n      if (response) {\n        resetForm()\n      }\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      confirmLoading.value = false;\n      modalVisible.value = false;\n      emit('reload')\n      emit('hide-modal')\n    })\n  },\n  uploadImage = info => {\n    imageUrl.value = ''\n    if (info.file.status === 'uploading') {\n      loading.value = true;\n      return;\n    }\n\n    if (info.file.status === 'done') {\n      getBase64(info.file.originFileObj, base64Url => {\n        imageUrl.value = base64Url;\n        loading.value = false;\n        isShowModal.value = true\n      });\n    }\n\n    if (info.file.status === 'error') {\n      loading.value = false;\n      message.error('upload error');\n    }\n  },\n  removeImage = () => {\n    imageUrl.value = ''\n    modifier.image_url = ''\n\n    confirmLoading.value = true;\n    apiClient\n      .put(`/modifier/update?modifier=${props.modifierId}`, {image_url: '', big_image_url: ''})\n      .then(response => {\n        if (response) {\n          confirmLoading.value = false;\n        }\n      }).catch(err => {\n      confirmLoading.value = false;\n    }).finally(() => {\n      confirmLoading.value = false;\n    })\n  },\n  customRequest = async options => {\n    const { onSuccess, onError, file, onProgress } = options;\n\n    const fmData = new FormData();\n    const config = {\n      headers: getHeaders(),\n      onUploadProgress: event => {\n        const percent = Math.floor((event.loaded / event.total) * 100);\n        if (percent === 100) {\n        }\n        onProgress({ percent: (event.loaded / event.total) * 100 });\n      },\n    };\n    fmData.append(\"image_url\", file);\n    try {\n      const res = await axios.post(\n        getUrl(),\n        fmData,\n        config,\n      );\n\n      onSuccess(\"Ok\");\n      // const data = res.data.data\n    } catch (err) {\n      // console.log(\"Error: \", err);\n      onError({ err });\n    }\n  },\n  uploadValidation = file => {\n    const isJpgOrPngOrSvg = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/svg+xml';\n\n    if (!isJpgOrPngOrSvg) {\n      message.error('You can only upload JPG, PNG or SVG file!');\n    }\n\n    const isLt2M = file.size / 1024 / 1024 < 2;\n\n    if (!isLt2M) {\n      message.error('Image must smaller than 2MB!');\n    }\n\n    return isJpgOrPngOrSvg && isLt2M;\n  },\n  getUrl = () => {\n    return process.env.VUE_APP_BACKEND_URL + '/cabinet/modifier/upload-image'\n  },\n  onCheckAllChange = (e) => {\n    Object.assign(state, {\n      checkedList: e.target.checked ? stores.value.map(key => key.value) : [],\n      indeterminate: false,\n    });\n  },\n  getModifier = () => {\n    apiClient.get(`/modifier/view?id=${props.modifierId}`).then(response => {\n      if (response.data) {\n        stores.value = response.data.data.stores;\n        modalVisible.value = true;\n        nextTick(() => {\n          if (modifierName.value !== 'modifierName')\n            modifierName.value?.focus()\n        });\n        let model = new Modifier(response.data.data)\n        Object.assign(modifier, model);\n      }\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      loading.value = false;\n      fetching.value = false;\n    })\n  }\n\nwatch(spicValue.value, () => {\n  spicData.value = [];\n  spicFetching.value = false;\n});\n\nwatch(codeValue.value, () => {\n  codeData.value = [];\n  codeFetching.value = false;\n});\n\nwatch(\n  () => state.checkedList,\n  val => {\n    state.indeterminate = !!val.length && val.length < stores.value.length;\n    state.checkAll = val.length === stores.value.length;\n  },\n);\n\nwatch(\n  () => props.modal,\n  async val => {\n    if (val) {\n      await getModifier();\n    }\n  },\n)\n\n</script>\n\n<style scoped>\n@import \"modifiers.css\";\n</style>\n","import script from \"./edit.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./edit.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./edit.vue?vue&type=style&index=0&id=47d850d0&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-47d850d0\"]])\n\nexport default __exports__","<template>\n  <a-modal\n    :key=\"selectKey\"\n    class=\"modifiers-edit-modal\"\n    title=\"Редактирование продуктов\"\n    :visible=\"modalVisible\"\n    :closable=\"true\"\n    :confirm-loading=\"!(!loading && !confirmLoading)\"\n    @ok=\"update\"\n    @cancel=\"resetForm\"\n  >\n    <a-form :model=\"modifier\">\n      <div v-if=\"fetching\" class=\"spin-loader\">\n        <a-spin/>\n      </div>\n      <div v-else class=\"col-md-12\">\n        <div class=\"row\">\n          <div class=\"col-md-12\">\n            <a-upload\n              name=\"image_url\"\n              list-type=\"picture-card\"\n              class=\"photo-uploader\"\n              :show-upload-list=\"false\"\n              :headers=\"getHeaders()\"\n              :action=\"getUrl\"\n              :before-upload=\"uploadValidation\"\n              @change=\"uploadImage\"\n            >\n              <img v-if=\"imageUrl\" :src=\"imageUrl\" alt=\"avatar\"/>\n              <div v-else>\n                <loading-outlined v-if=\"loading\"></loading-outlined>\n                <PlusOutlined v-else></PlusOutlined>\n                <div class=\"ant-upload-text\">Фото</div>\n              </div>\n            </a-upload>\n            <div class=\"mb-4 text-center\" v-if=\"imageUrl\">\n              <a-button @click=\"removeImage\" type=\"link\" danger>\n                <CloseCircleOutlined/>\n                Удалить фотографию\n              </a-button>\n            </div>\n          </div>\n          <div class=\"container\">\n            <div class=\"row\">\n              <div class=\"col-md-6\">\n                <a-form-item label=\"Категория\">\n                  <div v-if=\"editGroup\" class=\"row\">\n                    <div class=\"col-md-10\">\n                      <a-select\n                        placeholder=\"Выберите группу\"\n                        v-model:value=\"modifier.group_id\"\n                        :options=\"groups\"\n                      ></a-select>\n                    </div>\n                    <div class=\"col-md-2\">\n                      <a-button @click=\"editGroup = false\" type=\"text\" shape=\"round\" class=\"px-2 pull-right\">\n                        <template #icon>\n                          <CloseCircleOutlined/>\n                        </template>\n                      </a-button>\n                    </div>\n                  </div>\n                  <div v-else class=\"row\">\n                    <div class=\"col-md-10\">\n                      <a-input disabled placeholder=\"Без изменений\" />\n                    </div>\n                    <div class=\"col-md-2\">\n                      <a-button @click=\"editGroup = true\" type=\"text\" shape=\"round\" class=\"px-2 pull-right\">\n                        <template #icon>\n                          <EditOutlined/>\n                        </template>\n                      </a-button>\n                    </div>\n                  </div>\n                </a-form-item>\n              </div>\n            </div>\n          </div>\n          <div class=\"container\">\n            <div class=\"row\">\n              <div class=\"col-md-6\">\n                <a-form-item label=\"Цена\">\n                  <div v-if=\"editPrice\" class=\"row\">\n                    <div class=\"col-md-10\">\n                      <a-input\n                        placeholder=\"Введите цену\"\n                        v-model:value=\"modifier.price\"\n                      />\n                    </div>\n                    <div class=\"col-md-2\">\n                      <a-button @click=\"editPrice = false\" type=\"text\" shape=\"round\" class=\"px-2 pull-right\">\n                        <template #icon>\n                          <CloseCircleOutlined/>\n                        </template>\n                      </a-button>\n                    </div>\n                  </div>\n                  <div v-else class=\"row\">\n                    <div class=\"col-md-10\">\n                      <a-input disabled placeholder=\"Без изменений\" />\n                    </div>\n                    <div class=\"col-md-2\">\n                      <a-button @click=\"editPrice = true\" type=\"text\" shape=\"round\" class=\"px-2 pull-right\">\n                        <template #icon>\n                          <EditOutlined/>\n                        </template>\n                      </a-button>\n                    </div>\n                  </div>\n                </a-form-item>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </a-form>\n  </a-modal>\n</template>\n\n<script setup>\nimport {ref, reactive, toRaw, watch, toRefs} from 'vue';\nimport {CloseCircleOutlined, EditOutlined } from \"@ant-design/icons-vue\";\nimport {getHeaders} from \"@/helpers/header\";\nimport {getBase64} from \"@/helpers/base64\";\nimport apiClient from \"@/services/axios\";\nimport Modifier from \"@/models/Modifier\";\nimport {message} from \"ant-design-vue\";\n\nconst props = defineProps({\n  modifierIds: {\n    type: Array,\n    default: null,\n  },\n  modal: {\n    type: Boolean,\n    default: false,\n  },\n  groups: {\n    type: Array,\n    default: null,\n  },\n})\n\nconst emit = defineEmits(['hide-modal', 'reload']);\n\nlet imageUrl = ref(''),\n  loading = ref(true),\n  confirmLoading = ref(false),\n  fetching = ref(true),\n  modalVisible = ref(false),\n  initialModifier = new Modifier({}),\n  modifier = reactive(initialModifier),\n  selectKey = ref(0),\n  spic = ref(null),\n  spicData = ref([]),\n  spicValue = ref([]),\n  spicFetching = ref(false),\n  code = ref(null),\n  codeData = ref([]),\n  codeValue = ref([]),\n  codeFetching = ref(false),\n  editGroup = ref(false),\n  editDescription = ref(false),\n  editPrice = ref(false),\n  editSpic = ref(false);\n\nconst stores = ref([]);\nconst state = reactive({\n  indeterminate: true,\n  checkAll: false,\n  checkedList: [],\n});\n\ntoRefs(state);\n\nconst\n  resetForm = () => {\n    Object.assign(modifier, new Modifier({}));\n    modalVisible.value = false;\n    emit('hide-modal')\n  },\n  update = () => {\n    confirmLoading.value = true;\n\n    let model = toRaw(modifier);\n    delete model['name'];\n    if (!modifier['image_url'].length)\n      delete model['image_url']\n    if (!editGroup.value)\n      delete model['group_id']\n    if (!editPrice.value)\n      delete model['price']\n\n    return apiClient.put(`/modifier/update`, {\n      modifiers: props.modifierIds,\n      ...model,\n    }).then(response => {\n      if (response) {\n        resetForm()\n      }\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      confirmLoading.value = false;\n      modalVisible.value = false;\n      emit('reload')\n      emit('hide-modal')\n    })\n  },\n  uploadImage = info => {\n    imageUrl.value = ''\n    if (info.file.status === 'uploading') {\n      loading.value = true;\n      return;\n    }\n\n    if (info.file.status === 'done') {\n      modifier.image_url = info.file.response.data\n      getBase64(info.file.originFileObj, base64Url => {\n        imageUrl.value = base64Url;\n        loading.value = false;\n      });\n    }\n\n    if (info.file.status === 'error') {\n      loading.value = false;\n      message.error('upload error');\n    }\n  },\n  removeImage = () => {\n    imageUrl.value = ''\n    modifier.image_url = ''\n\n    confirmLoading.value = true;\n    apiClient\n      .put(`/modifier/multiple-update?modifiers=${props.modifierIds}`, {image_url: ''})\n      .then(response => {\n        if (response) {\n          confirmLoading.value = false;\n        }\n      }).catch(err => {\n      confirmLoading.value = false;\n    }).finally(() => {\n      confirmLoading.value = false;\n    })\n  },\n  uploadValidation = file => {\n    const isJpgOrPngOrSvg = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/svg+xml';\n\n    if (!isJpgOrPngOrSvg) {\n      message.error('You can only upload JPG, PNG or SVG file!');\n    }\n\n    const isLt2M = file.size / 1024 / 1024 < 2;\n\n    if (!isLt2M) {\n      message.error('Image must smaller than 2MB!');\n    }\n\n    return isJpgOrPngOrSvg && isLt2M;\n  },\n  getUrl = () => {\n    return process.env.VUE_APP_BACKEND_URL + '/cabinet/modifier/upload-image'\n  },\n  onCheckAllChange = (e) => {\n    Object.assign(state, {\n      checkedList: e.target.checked ? stores.value.map(key => key.value) : [],\n      indeterminate: false,\n    });\n  }\n  /*\n  getProduct = () => {\n    apiClient.get(`/menu/product-view?uuid=${props.modifierIds}`)\n      .then(response => {\n        if (response.data) {\n          stores.value = response.data.data.stores;\n          modalVisible.value = true;\n          nextTick(() => productName.value?.focus());\n          let model = new Product(response.data.data)\n          Object.assign(product, model);\n          imageUrl.value = product.image_url;\n          if (Object.keys(model.spicModel).length) {\n            fetchInitialData(model)\n          } else {\n            spicData.value = [];\n            spic.value = [];\n          }\n          state.checkedList = response.data.data['selected_stores'];\n        }\n      }).catch(err => {\n      console.log(err)\n      loading.value = false;\n    })\n      .finally(() => {\n        loading.value = false;\n        fetching.value = false;\n      })\n  }\n*/\n\nwatch(spicValue.value, () => {\n  spicData.value = [];\n  spicFetching.value = false;\n});\n\nwatch(codeValue.value, () => {\n  codeData.value = [];\n  codeFetching.value = false;\n});\n\nwatch(\n  () => state.checkedList,\n  val => {\n    state.indeterminate = !!val.length && val.length < stores.value.length;\n    state.checkAll = val.length === stores.value.length;\n  },\n);\n\nwatch(\n  () => props.modal,\n  async val => {\n    if (val) {\n      modalVisible.value = true;\n      loading.value = false;\n      fetching.value = false;\n    }\n  },\n)\n\n</script>\n\n<style scoped>\n@import \"modifiers.css\";\n</style>\n","import script from \"./multiple-edit.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./multiple-edit.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./multiple-edit.vue?vue&type=style&index=0&id=532bfc69&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-532bfc69\"]])\n\nexport default __exports__","<template>\n  <div>\n    <a-affix :offset-top=\"0\">\n      <a-page-header class=\"header-affix mb-4\">\n        <a-form>\n          <div class=\"row\">\n            <div class=\"col-12 mb-4\">\n              <div class=\"row\">\n                <div class=\"col-md-2\">\n                  <a-input v-model:value=\"modifierSearchName\" placeholder=\"Название\" @change=\"searchModifierName\" allow-clear />\n                </div>\n                <div class=\"col-md-2\">\n                    <a-select\n                      show-search\n                      v-model:value=\"queryParams.group_id\"\n                      placeholder=\"Группа\"\n                      @change=\"searchModifierGroup\"\n                      :options=\"groupsFilter\"\n                      style=\"width: 100%\"\n                    />\n                </div>\n                <div class=\"col-md-8 text-right\">\n                  <a-button @click=\"clearFilters\" class=\"w-100 text-right\" shape=\"round\" type=\"link\">\n                    <template #icon>\n                      <CloseCircleOutlined/>\n                    </template>\n                    Сбросить фильтр\n                  </a-button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </a-form>\n      </a-page-header>\n    </a-affix>\n    <vb-edit-modifier\n      :key=\"editModalKey\"\n      :modal=\"modalVisible\"\n      :modifier-id=\"modifierId\"\n      :groups=\"groupsFilter\"\n      :locales=\"locales\"\n      @reload=\"reload()\"\n      @hide-modal=\"hideModal()\"\n    />\n    <vb-edit-modifiers\n      :key=\"multipleEditModalKey\"\n      :modal=\"multipleModalVisible\"\n      :modifier-ids=\"modifierIds\"\n      :groups=\"groupsFilter\"\n      @reload=\"reload();clearSelection()\"\n      @hide-modal=\"hideMultipleModal()\"\n    />\n    <div class=\"clearfix\">\n      <a-dropdown\n        class=\"my-2\"\n        v-if=\"selectedRowKeys.length\"\n      >\n        <template #overlay>\n          <a-menu>\n            <a-menu-item key=\"1\" @click=\"multipleUpdateModal\">\n              Редактировать\n            </a-menu-item>\n            <a-menu-item key=\"3\" @click=\"deleteModifiers\">\n              Удалить выбранные модификации\n            </a-menu-item>\n          </a-menu>\n        </template>\n        <a-button type=\"primary\">\n          Выберите действие\n          <DownOutlined/>\n        </a-button>\n      </a-dropdown>\n      <a-typography-text v-if=\"selectedRowKeys.length\" secondary class=\"mx-3\">\n        (Выделено: {{ selectedRowKeys.length }} элементов)\n      </a-typography-text>\n      <a-button\n        v-if=\"showSelectAllButton\"\n        @click=\"selectAll\"\n        type=\"link\"\n      >Выделить все ({{ total }})\n      </a-button>\n      <a-button\n        v-if=\"selectedRowKeys.length\"\n        @click=\"clearSelection\"\n        type=\"text\"\n        class=\"text-red\"\n      >\n        Отменить\n      </a-button>\n    </div>\n    <div class=\"clearfix\">\n      <a-button @click=\"addModalVisible = true\" class=\"float-right\" type=\"primary\">\n        Добавить модификаций\n      </a-button>\n      <a-modal\n          class=\"spic-modal\"\n          title=\"Добавить модификаций\"\n          :visible=\"addModalVisible\"\n          :closable=\"true\"\n          :confirm-loading=\"false\"\n          :ok-button-props=\"{}\"\n          ok-text=\"Добавить\"\n          @ok=\"add\"\n          @cancel=\"addModalVisible = false\"\n      >\n        <a-form>\n          <div class=\"row\">\n            <div class=\"col-md-12\">\n              <a-form-item label=\"Выберите модификаций\">\n                <a-select\n                    v-model:value=\"productModifiers\"\n                    placeholder=\"Модификации\"\n                    mode=\"multiple\"\n                    :options=\"modifiers\"\n                    allow-clear\n                    style=\"width: 100%\"\n                />\n              </a-form-item>\n            </div>\n          </div>\n        </a-form>\n      </a-modal>\n    </div>\n    <a-table\n      :row-selection=\"rowSelection\"\n      :columns=\"columns\"\n      :data-source=\"dataSource\"\n      :loading=\"loading\"\n      :pagination=\"false\"\n      :scroll=\"{ x: 1300 }\"\n      :expand-row-by-click=\"true\"\n      :custom-row=\"(record) => {\n        return {\n          ondblclick: () => {\n            updateModal(record['id']);\n          }\n        }\n      }\"\n      @change=\"tableChange\"\n      row-key=\"id\"\n      id=\"data-table-modifiers\"\n    >\n      <template #title>\n        <div class=\"pb-1 overflow-hidden\">\n          <h6 class=\"pull-left mb-0\">\n            <router-link :to=\"{ name: 'categories', params: { brand: route.params.brand } }\">Категории</router-link>\n          </h6>\n          <h6 class=\"pull-left mb-0\">\n            <RightOutlined :style=\"{ fontSize: '10px', margin: '4px 7px 0', display: 'block' }\"/>\n          </h6>\n          <h6 class=\"pull-left mb-0\">\n            <router-link :to=\"{ name: 'products', params: { category: route.params.category } }\">Продукты</router-link>\n          </h6>\n          <h6 class=\"pull-left mb-0\">\n            <RightOutlined :style=\"{ fontSize: '10px', margin: '4px 7px 0', display: 'block' }\"/>\n          </h6>\n          <h6 class=\"font-weight-light pull-left mb-0 text-grey\">Модификации</h6>\n        </div>\n      </template>\n      <template #description=\"{ record }\">\n        <div v-if=\"editDescId === record.id\" class=\"row\">\n          <div class=\"col-md-10 px-0\">\n            <div class=\"row\">\n              <div class=\"col-md-10 px-0\">\n                <a-input\n                  :id=\"`desc-${editDescId}`\"\n                  @keydown.esc=\"editDescId = 0\"\n                  @pressEnter=\"updateColumn(record['uuid'], record.name, 'description', record.description); editDescId = 0\"\n                  v-model:value=\"record.description\"></a-input>\n              </div>\n              <div class=\"col-md-2 justify-content-end row p-0\">\n                <a-button\n                  @click=\"updateColumn(record['uuid'], record.name, 'description', null); editDescId = 0\"\n                  type=\"link\"\n                ><CloseCircleOutlined /></a-button>\n              </div>\n            </div>\n          </div>\n          <div class=\"col-md-2 justify-content-end row p-0\">\n            <a-button\n              @click=\"updateColumn(record['uuid'], record.name, 'description', record.description); editDescId = 0\"\n              type=\"text\" shape=\"round\" class=\"save-button\">\n              <template #icon>\n                <SaveOutlined/>\n              </template>\n            </a-button>\n          </div>\n        </div>\n        <div v-else>\n          <div class=\"pull-left\" @click=\"onEditInput('desc', record.id)\" :style=\"{ lineHeight: '30px' }\">{{ record.description }}</div>\n          <a-button @click=\"onEditInput('desc', record.id)\" type=\"text\" shape=\"round\" class=\"px-2 pull-right\">\n            <template #icon>\n              <EditOutlined/>\n            </template>\n          </a-button>\n        </div>\n      </template>\n      <template #name=\"{ record }\">\n        <div v-if=\"editNameId === record.id\" class=\"row\">\n          <div class=\"modifier-info\">\n<!--            <div class=\"modifier-image\" :style=\"'background-image: url(' + record['image_url'] + ')'\"></div>-->\n            <a-input :id=\"`name-${editNameId}`\" @pressEnter=\"updateColumn(record['uuid'], record.name); editNameId = 0\"\n                     v-model:value=\"record.name\" @keydown.esc=\"editNameId = 0\"></a-input>\n            <a-button @click=\"updateColumn(record['uuid'], record.name); editNameId = 0\" type=\"text\" shape=\"round\"\n                      class=\"save-button\">\n              <template #icon>\n                <SaveOutlined/>\n              </template>\n            </a-button>\n          </div>\n        </div>\n        <div v-else class=\"row\">\n          <div class=\"modifier-info\">\n            <div class=\"modifier-title\">\n<!--              <div class=\"modifier-image\" :style=\"'background-image: url(' + record['image_url'] + ')'\"></div>-->\n              <span @click=\"onEditInput('name', record.id)\" class=\"modifier-name cursor-pointer\">{{ record.name }}</span>\n            </div>\n            <a-button v-if=\"false\" @click=\"onEditInput('name', record.id)\" type=\"text\" shape=\"round\" class=\"px-2 pull-right\">\n              <template #icon>\n                <EditOutlined/>\n              </template>\n            </a-button>\n          </div>\n        </div>\n      </template>\n      <template #group=\"{ record }\">\n        <div v-if=\"editGroupId === record.id\" class=\"row\">\n          <div class=\"col-md-9 px-0\">\n            <a-select\n              v-if=\"record.group\"\n              :id=\"`group-${editGroupId}`\"\n              v-model:value=\"record.group['name']\"\n              placeholder=\"Выберите группу\"\n              style=\"width: 100%\"\n              :filter-option=\"false\"\n              :options=\"groupsFilter\"\n              @keydown.esc=\"editGroupId = 0\"\n              show-search\n            >\n            </a-select>\n          </div>\n          <div class=\"col-md-3 justify-content-end row p-0\">\n            <a-button\n              v-if=\"record.group\"\n              @click=\"updateColumn(record['uuid'], record.name, 'group_id', record.group?.['name']); editGroupId = 0\"\n              type=\"text\" shape=\"round\" class=\"save-button\">\n              <template #icon>\n                <SaveOutlined/>\n              </template>\n            </a-button>\n          </div>\n        </div>\n        <div v-else class=\"container-fluid\">\n          <div class=\"row\">\n            <a-select\n              class=\"col-md-10\"\n              v-if=\"record.group\"\n              v-model:value=\"record.group['name']\"\n              placeholder=\"Выберите группу\"\n              style=\"width: 100%\"\n              :filter-option=\"false\"\n              :options=\"groupsFilter\"\n              disabled\n              show-search\n            >\n            </a-select>\n            <a-button v-if=\"false\" @click=\"onEditInput('group', record.id)\" type=\"text\" shape=\"round\" class=\"px-2 pull-right col-md-2\">\n              <template #icon>\n                <EditOutlined/>\n              </template>\n            </a-button>\n          </div>\n        </div>\n      </template>\n      <template #price=\"{ record }\">\n        <div v-if=\"editPriceId === record.id\" class=\"row\">\n          <div class=\"col-md-10 px-0\">\n            <a-input :id=\"`price-${editPriceId}`\"\n                     @keydown.esc=\"editPriceId = 0\"\n                     @pressEnter=\"updateColumn(record['uuid'], record.name, 'price', record.price); editPriceId = 0\"\n                     v-model:value=\"record.price\"></a-input>\n          </div>\n          <div class=\"col-md-2 justify-content-end row\">\n            <a-button @click=\"updateColumn(record['uuid'], record.name, 'price', record.price); editPriceId = 0\"\n                      type=\"text\" shape=\"round\" class=\"save-button\">\n              <template #icon>\n                <SaveOutlined/>\n              </template>\n            </a-button>\n          </div>\n        </div>\n        <div v-else>\n          <div class=\"pull-left\" @click=\"onEditInput('price', record.id)\" :style=\"{ lineHeight: '30px' }\">{{ formattedBalance(record.price) }}</div>\n          <a-button @click=\"onEditInput('price', record.id)\" type=\"text\" shape=\"round\" class=\"px-2 pull-right\">\n            <template #icon>\n              <EditOutlined/>\n            </template>\n          </a-button>\n        </div>\n      </template>\n      <template #date=\"{ record }\">\n        <span>\n          {{ formattedDatetime(record['added_on']) }}\n        </span>\n        <span v-if=\"record.author\">\n          ({{ record.author }})\n        </span>\n      </template>\n      <template #action=\"{ record }\">\n        <div class=\"w-100 text-right\">\n          <a-tooltip placement=\"top\" class=\"mx-2\">\n            <template #title>Редактировать</template>\n            <a @click=\"updateModal(record['id'])\"><i class=\"fe fe-edit\"></i></a>\n          </a-tooltip>\n          <a-tooltip placement=\"top\" class=\"mx-2\">\n            <template #title>Удалить</template>\n            <a @click=\"deleteModal(record['id'])\"><i class=\"fe fe-trash\"></i></a>\n          </a-tooltip>\n        </div>\n      </template>\n    </a-table>\n    <div class=\"mt-4 text-right\">\n      <a-pagination\n        show-size-changer\n        v-if=\"total > query['per-page'].value\"\n        v-model:pageSize=\"query['per-page'].value\"\n        v-model:current=\"query.page.value\"\n        :total=\"total\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport {\n  DownOutlined,\n  EditOutlined,\n  RightOutlined,\n  SaveOutlined,\n  CloseCircleOutlined,\n} from '@ant-design/icons-vue';\nimport {computed, onMounted, reactive, ref, unref, watch, toRefs, nextTick} from 'vue';\nimport VbEditModifier from \"@/views/store/menu/modifiers/edit.vue\";\nimport VbEditModifiers from \"@/views/store/menu/modifiers/multiple-edit.vue\";\nimport {useRoute, useRouter} from \"vue-router\";\nimport {message, Modal} from 'ant-design-vue';\nimport apiClient from \"@/services/axios\";\nimport {useStore} from \"vuex\";\n\nlet\n  timer = null,\n  groupsFilter = ref([]),\n  modifierSearchName = ref(''),\n  showSelectAllButton = ref(false),\n  editNameId = ref(0),\n  editGroupId = ref(0),\n  editDescId = ref(0),\n  editPriceId = ref(0),\n  modifierId = ref(0),\n  modifierIds = ref([]),\n  locales = ref([]),\n  dataSource = ref([]),\n  imageUrl = ref(''),\n  loading = ref(false),\n  confirmLoading = ref(false),\n  modalVisible = ref(false),\n  addModalVisible = ref(false),\n  modifiers = ref([]),\n  productModifiers = ref([]),\n  multipleModalVisible = ref(false),\n  labelCol = {span: 9},\n  wrapperCol = {span: 13},\n  total = ref(0),\n  editModalKey = ref(0),\n  multipleEditModalKey = ref(0);\n\nconst router = useRouter(),\n  selectedRowKeys = ref([]),\n  user = computed(() => useStore().getters['user/user']),\n  searchInput = ref(),\n  route = useRoute(),\n  initialParams = {\n    page: 1,\n    'per-page': 10,\n    sort: '',\n    name: '',\n    group_id: '',\n  },\n  searchModifierName = (e) => {\n    if (e.target.value.length > 0 && e.target.value.length < 3)\n      return;\n    if (timer) {\n      clearTimeout(timer);\n      timer = null;\n    }\n    timer = setTimeout(() => {\n      updateParams({name: e.target.value})\n    }, 800);\n  },\n  searchModifierGroup = (value) => {\n    updateParams({ group_id: value })\n  },\n  queryParams = reactive({...initialParams}),\n  clearFilters = () => {\n    Object.assign(queryParams, initialParams);\n\n    modifierSearchName.value = '';\n  },\n  columns = [\n    {\n      title: 'Название',\n      dataIndex: 'name',\n      key: 'name',\n      width: 200,\n      fixed: 'left',\n      sorter: true,\n      slots: {customRender: 'name'},\n    },\n    {\n      title: 'Цена',\n      dataIndex: 'price',\n      key: 'price',\n      width: 130,\n      sorter: true,\n      slots: {customRender: 'price'},\n    },\n    {\n      title: 'Добавлен',\n      dataIndex: 'added_on',\n      key: 'added_on',\n      width: 200,\n      sorter: true,\n      slots: {customRender: 'date'},\n    },\n    {\n      title: 'Группа',\n      dataIndex: 'group_id',\n      key: 'group_id',\n      width: 100,\n      sorter: true,\n      slots: {customRender: 'group'},\n    },\n    {\n      key: 'action',\n      fixed: 'right',\n      width: 100,\n      slots: {customRender: 'action'},\n    },\n  ],\n  formattedBalance = (balance, penny = true) => {\n    if (penny)\n      balance = balance / 100;\n    let formatter = new Intl.NumberFormat('RU', {\n      style: 'currency',\n      currency: 'UZS',\n    });\n    let formattedBalance = formatter.format(balance)\n    return formattedBalance.substring(0, formattedBalance.length - 4) + ' UZS'\n  },\n  formattedDatetime = (date) => {\n    date = date.replace(/ /g, \"T\")\n    let d = new Date(date)\n    const timeFormatter = new Intl.DateTimeFormat('ru-RU', {\n      timeStyle: 'medium',\n    })\n    const dateFormatter = new Intl.DateTimeFormat('ru-RU')\n    return dateFormatter.format(d) + ' ' + timeFormatter.format(d)\n  },\n  updateParams = params => {\n    Object.assign(queryParams, params)\n  },\n  deleteModifiers = () => {\n    Modal.confirm({\n      title: 'Удаление модификаций',\n      content: `Вы действительно хотите удалить выбранные модификации?`,\n      okText: 'Да',\n      cancelText: 'Отменить',\n      async onOk() {\n        return apiClient.delete('modifier/multiple-delete?product=' + route.params.product, {\n          data: { modifiers: selectedRowKeys.value },\n        }).then(response => {\n          if (response) {\n            message.success('Модификации успешно удалены')\n          }\n        }).catch(() => {\n            // console.log(err)\n        }).finally(() => {\n          reload()\n          clearSelection()\n        });\n      },\n    });\n  },\n  onSelectChange = changeableRowKeys => {\n    selectedRowKeys.value = changeableRowKeys;\n  },\n  rowSelection = computed(() => {\n    return {\n      selectedRowKeys: unref(selectedRowKeys),\n      onChange: onSelectChange,\n      hideDefaultSelections: true,\n      selections: null,\n    };\n  }),\n  clearSelection = () => {\n    selectedRowKeys.value = []\n  },\n  selectAll = () => {\n    const params = {...queryParams}\n    return apiClient.get(`/modifier/modifier-ids?product_id=${route.params.product}`, { params }).then(({data}) => {\n      if (data['data']) {\n        selectedRowKeys.value = data['data']\n      }\n    })\n  },\n  tableChange = (pag, filters, sorter) => {\n    if (typeof sorter.order == \"string\") {\n      let sign = ''\n      if (sorter.order === 'descend')\n        sign = '-'\n      updateParams({sort: sign + sorter.field})\n    }\n  },\n  updateColumn = (id, name, column = null, value = null) => {\n    let data = {};\n    data['name'] = name;\n    if (column) {\n      data[column] = value;\n    }\n    apiClient.put(`/modifier/update?modifier=${id}`, data).then(response => {\n      if (response) {\n        message.success('Модификация успешно обновлена')\n      }\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      reload()\n    });\n  },\n  updateModal = (id) => {\n    modifierId.value = id;\n    modalVisible.value = true;\n  },\n  multipleUpdateModal = () => {\n    modifierIds.value = selectedRowKeys.value;\n    multipleModalVisible.value = true\n  },\n  add = () => {\n    const product = route.params.product;\n    return apiClient.post(`modifier/add?product=${product}`, {\n      modifiers: productModifiers.value,\n    }).then(() => {\n      addModalVisible.value = false;\n      // console.log(response)\n    }).catch(() => {\n      addModalVisible.value = true;\n      // console.log(err)\n    }).finally(() => {\n      reload()\n    });\n  },\n  deleteModal = id => {\n    Modal.confirm({\n      title: 'Удаление модификации',\n      content: `Вы действительно хотите удалить модификацию?`,\n      okText: 'Да',\n      cancelText: 'Отменить',\n      onOk() {\n        const product = route.params.product\n        return apiClient.delete(`modifier/delete?product=${product}&modifier=${id}`).then(response => {\n          if (response) {\n            message.success('Модификация успешно удалена')\n          }\n        }).catch(() => {\n          // console.log(err)\n        }).finally(() => {\n          reload()\n        });\n      },\n    });\n  },\n  hideModal = () => {\n    setTimeout(() => {\n      modalVisible.value = false\n    }, 100)\n  },\n  hideMultipleModal = () => {\n    setTimeout(() => {\n      multipleModalVisible.value = false\n    }, 100)\n  },\n  getData = (params) => {\n    loading.value = true\n    return apiClient.get(`/modifier/index?product=${route.params.product}`, { params }).then(({data}) => {\n      dataSource.value = data.data.items\n      groupsFilter.value = data.data.groups\n      modifierId.value = data.data.store\n      editModalKey.value++\n      multipleEditModalKey.value++\n      total.value = data.data.total\n      modifiers.value = data.data.modifiers\n      productModifiers.value = data.data['selected_modifiers']\n    }).catch(() => {\n      // console.log(err)\n    }).finally(() => {\n      loading.value = false\n    });\n  },\n  onEditInput = (type, id) => {\n    switch (type) {\n      case \"name\":\n        editNameId.value = id;\n        break;\n      case \"price\":\n        editPriceId.value = id;\n        break;\n      case \"group\":\n        editGroupId.value = id;\n        break;\n    }\n    nextTick(() => {\n      const input = document.getElementById(`${type}-${id}`);\n      if (input)\n        input.focus();\n    });\n  },\n  reload = () => {\n    getData({\n      ...queryParams,\n    })\n  };\n\nonMounted(() => {\n  getData({\n    ...queryParams,\n  })\n})\n\nwatch(selectedRowKeys, (value) => {\n  showSelectAllButton.value = value.length === queryParams['per-page']\n})\n\nwatch(queryParams, () => {\n  router.push({\n    name: 'modifiers',\n    params: {\n      category: route.params.category,\n      product: route.params.product,\n    },\n    query: {\n      ...route.query,\n      ...queryParams,\n    },\n  })\n  getData({\n    ...route.query,\n    ...queryParams,\n  })\n});\n\nconst query = {...toRefs(queryParams)}\n\n</script>\n<style lang=\"scss\">\n@import \"./index.css\";\n\n.header-affix {\n  border: 1px solid #e4e9f0;\n  background-color: #ffffff !important;\n  box-shadow: 0 4px 10px 0 #14130b0d, 0 0 10px 0 #1413110f;\n  border-radius: 0.25rem;\n}\n\n[data-vb-theme=\"default\"] .ant-select-item-option-content {\n  white-space: normal;\n}\n\n[data-vb-theme=\"default\"] .ant-select-selection-overflow-item {\n  max-width: 90%;\n}\n\n.modifier-ellipsis {\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  max-width: 230px;\n}\n\n.modifier-info {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: space-between;\n}\n\n.modifier-title {\n  height: 10px;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 20px;\n}\n\n.modifier-image {\n  min-height: 40px;\n  width: 120px;\n  height: 40px;\n  border-radius: 8px;\n  background-size: cover;\n  background-position: center;\n  display: inline-block;\n  float: left;\n}\n\n.cursor-pointer {\n  cursor: pointer;\n}\n\n.save-button {\n  width: 32px;\n  height: 32px;\n  padding: 4px 6px !important;\n}\n</style>\n","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=3a67c57b&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=3a67c57b&lang=scss\"","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport RightOutlinedSvg from \"@ant-design/icons-svg/es/asn/RightOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar RightOutlined = function RightOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": RightOutlinedSvg\n  }), null);\n};\n\nRightOutlined.displayName = 'RightOutlined';\nRightOutlined.inheritAttrs = false;\nexport default RightOutlined;","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport DownOutlinedSvg from \"@ant-design/icons-svg/es/asn/DownOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar DownOutlined = function DownOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": DownOutlinedSvg\n  }), null);\n};\n\nDownOutlined.displayName = 'DownOutlined';\nDownOutlined.inheritAttrs = false;\nexport default DownOutlined;","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport CloseCircleOutlinedSvg from \"@ant-design/icons-svg/es/asn/CloseCircleOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar CloseCircleOutlined = function CloseCircleOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": CloseCircleOutlinedSvg\n  }), null);\n};\n\nCloseCircleOutlined.displayName = 'CloseCircleOutlined';\nCloseCircleOutlined.inheritAttrs = false;\nexport default CloseCircleOutlined;","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport PlusOutlinedSvg from \"@ant-design/icons-svg/es/asn/PlusOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar PlusOutlined = function PlusOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": PlusOutlinedSvg\n  }), null);\n};\n\nPlusOutlined.displayName = 'PlusOutlined';\nPlusOutlined.inheritAttrs = false;\nexport default PlusOutlined;","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport LoadingOutlinedSvg from \"@ant-design/icons-svg/es/asn/LoadingOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar LoadingOutlined = function LoadingOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": LoadingOutlinedSvg\n  }), null);\n};\n\nLoadingOutlined.displayName = 'LoadingOutlined';\nLoadingOutlined.inheritAttrs = false;\nexport default LoadingOutlined;","import store from \"store\";\n\nexport function getHeaders() {\n  const accessToken = store.get('accessToken')\n  return accessToken ? { 'X-Access-Token': `Bearer ${accessToken}` } : {}\n}\n","// This icon file is generated automatically.\nvar SaveOutlined = { \"icon\": { \"tag\": \"svg\", \"attrs\": { \"viewBox\": \"64 64 896 896\", \"focusable\": \"false\" }, \"children\": [{ \"tag\": \"path\", \"attrs\": { \"d\": \"M893.3 293.3L730.7 130.7c-7.5-7.5-16.7-13-26.7-16V112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V338.5c0-17-6.7-33.2-18.7-45.2zM384 184h256v104H384V184zm456 656H184V184h136v136c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V205.8l136 136V840zM512 442c-79.5 0-144 64.5-144 144s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144zm0 224c-44.2 0-80-35.8-80-80s35.8-80 80-80 80 35.8 80 80-35.8 80-80 80z\" } }] }, \"name\": \"save\", \"theme\": \"outlined\" };\nexport default SaveOutlined;\n","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport SaveOutlinedSvg from \"@ant-design/icons-svg/es/asn/SaveOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar SaveOutlined = function SaveOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": SaveOutlinedSvg\n  }), null);\n};\n\nSaveOutlined.displayName = 'SaveOutlined';\nSaveOutlined.inheritAttrs = false;\nexport default SaveOutlined;","import { createVNode as _createVNode } from \"vue\";\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? Object(arguments[i]) : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n// GENERATE BY ./scripts/generate.ts\n// DON NOT EDIT IT MANUALLY\nimport EditOutlinedSvg from \"@ant-design/icons-svg/es/asn/EditOutlined\";\nimport AntdIcon from '../components/AntdIcon';\n\nvar EditOutlined = function EditOutlined(props, context) {\n  var p = _objectSpread({}, props, context.attrs);\n\n  return _createVNode(AntdIcon, _objectSpread({}, p, {\n    \"icon\": EditOutlinedSvg\n  }), null);\n};\n\nEditOutlined.displayName = 'EditOutlined';\nEditOutlined.inheritAttrs = false;\nexport default EditOutlined;","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./multiple-edit.vue?vue&type=style&index=0&id=532bfc69&scoped=true&lang=css\""],"sourceRoot":""}