2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
import{B as A}from"./h3vOCeO2.js";import{d as B,G as I,y as c,z as v,a2 as G,J as o,A as s,B as x,C as i,a0 as C,a1 as j,F as E,D as p,S as N,r as b,I as J,cA as oe,k as Q,ak as ie,Q as U,dY as le,E as z,$ as ne,bj as re,a7 as L,R as T,P as V,u as de,o as ue,cZ as ce}from"./CqMGdh3i.js";import{T as W}from"./C6CyHoiY.js";import{C as Z}from"./DjOFqycQ.js";import{u as me,b as pe,d as fe,g as ve,e as _e,c as be,a as ge,f as ye}from"./BzSahvFr.js";import{_ as M}from"./TS67Dh9D.js";import{S as q}from"./Cgrawfgk.js";import{B as P}from"./UZViNtu6.js";import{B as H}from"./C4IJggRf.js";import{a as he}from"./kwmA8fCG.js";import{B as Y}from"./Ze6BhNjy.js";import{F as xe}from"./fkkGvHOC.js";import{_ as we}from"./BuARQi0-.js";import{_ as ke}from"./DlAUqK2U.js";import{F as Se}from"./B0RpQ20O.js";import"./DDpy-nxA.js";import"./CscEAC8U.js";import"./rW1UJcio.js";import"./DMmzgEFm.js";import"./CqL7MJb4.js";import"./DhpIxLUX.js";import"./Bvb2KE_X.js";import"./cVxvsw-g.js";import"./BkdTOo3t.js";import"./B8BNQJT3.js";import"./D6qJbdzf.js";import"./BYO2u26t.js";import"./B6YAPRst.js";import"./DkKOCi34.js";import"./BFKVSULU.js";import"./DLaLWwro.js";import"./Ck7xxMC2.js";import"./CvzxW4k7.js";import"./Cj99RmFE.js";import"./CJ_Iy2ET.js";import"./CiRz__JV.js";import"./BdzjWEBr.js";import"./DAm35wCk.js";import"./Dk3GGXWm.js";import"./o___hXeN.js";import"./DjvBa-1E.js";import"./DFqTtjB6.js";const $e={class:"flex items-center justify-between"},Ce={class:"flex items-center"},Be={class:"font-bold text-sm"},Fe={class:"flex items-center gap-2"},Ae={class:"mt-2"},Ee={key:1,class:"text-xs"},Ve=B({__name:"AttributeCard",props:{item:{}},emits:["edit","delete"],setup(k,{emit:_}){const t=I(),l=_;return(a,r)=>{const e=W;return c(),v("div",{class:G(["w-full mt-2 p-2 bg-gray-50 rounded-lg",o(t).isNightStore?"bg-zinc-800":"bg-gray-50"])},[s("div",$e,[s("div",Ce,[s("div",null,[s("div",Be,x(a.item.name),1)])]),s("div",Fe,[i(A,{icon:"vuesax-linear:edit",color:"blue",onClick:r[0]||(r[0]=m=>l("edit",a.item))}),i(A,{icon:"vuesax-linear:trash",color:"red",onClick:r[1]||(r[1]=m=>l("delete",a.item.id))})])]),s("div",Ae,[a.item.attribute_values?.length!==0?(c(),v(C,{key:0},[a.item.attribute_values?.length!==0?(c(!0),v(C,{key:0},j(a.item.attribute_values,m=>(c(),E(e,{color:"blue"},{default:p(()=>[s("span",null,x(m.value),1)]),_:2},1024))),256)):N("",!0)],64)):(c(),v("span",Ee,x(o(t).useString("noAttribute")),1))])],2)}}}),Te=["width"],je=B({__name:"AttributeCardSkeleton",setup(k){const _=b(null),t=J(oe(_,{width:0,height:0},{box:"border-box"}));return(l,a)=>(c(),v("div",{ref_key:"skeletonRatio",ref:_,class:"h-fit"},[i(o(Z),{width:t.width,height:"80"},{default:p(()=>[s("rect",{height:"80",rx:"3",ry:"3",width:t.width,x:"0",y:"8"},null,8,Te)]),_:1},8,["width"])],512))}}),Ie={class:"overflow-y-auto py-2 px-1 relative max-h-[80vh]",id:"body"},Ne=B({__name:"BasicModal",props:{visible:{type:Boolean,default:!1},title:{},okText:{default:"Submit"},width:{},cancelText:{default:"Cancel"},customFooter:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},wrapClassName:{default:""}},emits:["ok","close","update:visible"],setup(k,{emit:_}){const t=_,l=k,a=Q({get(){return l.visible},set(r){t("update:visible",r)}});return(r,e)=>{const m=q,f=le;return c(),v("div",null,[i(f,{open:a.value,"onUpdate:open":e[0]||(e[0]=u=>a.value=u),title:l.title,centered:"",onOk:e[1]||(e[1]=u=>t("ok")),onCancel:e[2]||(e[2]=u=>t("close")),onClose:e[3]||(e[3]=u=>t("close")),width:l.width,"ok-text":l.okText,"cancel-text":l.cancelText,wrapClassName:l.wrapClassName},ie({default:p(()=>[i(m,{spinning:l.loading},{default:p(()=>[s("div",Ie,[U(r.$slots,"default")])]),_:3},8,["spinning"])]),_:2},[l.customFooter?{name:"footer",fn:p(()=>[U(r.$slots,"footer")]),key:"0"}:void 0]),1032,["open","title","width","ok-text","cancel-text","wrapClassName"])])}}});Object.assign(Ne,{__name:"BasicPacksBasicModal"});const Re={key:0},Oe={class:"gap-2"},ze={class:"flex items-center"},De={class:"me-1"},Ue={key:1},Le=B({__name:"index",props:{items:{},color:{},loading:{type:Boolean},closable:{type:Boolean,default:!1},hasAdd:{type:Boolean,default:!0}},emits:["add","edit","delete"],setup(k,{emit:_}){const t=_,l=I(),a=k;return(r,e)=>{const m=W;return a.loading?(c(),v("div",Ue,[i(o(Z),{width:"350",height:"100",viewBox:"0 0 350 100",backgroundColor:"#f5f5f5",foregroundColor:"#dbdbdb"},{default:p(()=>e[1]||(e[1]=[s("rect",{x:"0",y:"0",rx:"3",ry:"3",width:"80",height:"20"},null,-1),s("rect",{x:"90",y:"0",rx:"3",ry:"3",width:"80",height:"20"},null,-1),s("rect",{x:"180",y:"0",rx:"3",ry:"3",width:"80",height:"20"},null,-1),s("rect",{x:"270",y:"0",rx:"3",ry:"3",width:"80",height:"20"},null,-1)])),_:1,__:[1]})])):(c(),v("div",Re,[s("div",Oe,[(c(!0),v(C,null,j(a.items,f=>(c(),E(m,{color:a.color,closable:a.closable,onClose:u=>t("delete",f.id),class:"cursor-pointer",onClick:u=>t("edit",f.id)},{default:p(()=>[z(x(f.value),1)]),_:2},1032,["color","closable","onClose","onClick"]))),256)),a.hasAdd?(c(),E(m,{key:0,style:{background:"#fff","border-style":"dashed","margin-top":"0.5rem"},onClick:e[0]||(e[0]=f=>t("add")),class:"cursor-pointer"},{default:p(()=>[s("div",ze,[i(A,{icon:"vuesax-linear:add",size:"0.7rem"}),s("div",De,x(o(l).useString("add")),1)])]),_:1})):N("",!0)])]))}}}),Me=Object.assign(Le,{__name:"BasicPacksBasicTags"}),Pe={class:"flex justify-center items-center flex-col px-2"},He={class:"flex justify-center"},Ye={"mt-1":"","font-semibold":""},Ge={class:"absolute end-0"},Je={class:"md:cols-span-3 border-solid border-solid border-1 border-gray-300 h-20vh rounded-lg overflow-y-auto p-2"},Qe={class:"flex justify-center items-center flex-col px-2"},We={class:"flex justify-center"},Ze={"mt-1":"","font-semibold":""},qe={class:"absolute end-0"},Ke=B({__name:"AttributeAddEdit",props:{open:{type:Boolean,default:!1},isEdit:{type:Boolean,default:!1},data:{}},emits:["update:open","update:isEdit","success"],setup(k,{emit:_}){const t=J({}),l=b();let a;const r=b(!1),e=I(),m=b(!1),f=b("");b(null);const u=k,g=_,S=()=>{ee()},y=()=>{Object.assign(t,u.data)};async function R(){console.log("addValue"),a=void 0,r.value=!0,console.log(r.value),await D()}async function w(){l.value?.validateFields().then(async()=>{try{m.value=!0,a?await me(a,{attribute_id:u.data?.id,value:f.value}):await pe({attribute_id:u.data?.id,value:f.value}),await D(),V.success(e.useString("done")),g("success")}catch(d){console.error(d)}finally{m.value=!1,r.value=!1}})}async function O(d){console.log("editValue");const n=t.attribute_values?.find(F=>F.id===d);a=d,f.value=n?.value??"",r.value=!0}const K=b(-1);async function X(d){K.value=t.attribute_values?.findIndex(n=>n.id==d);try{await fe(d),g("success")}catch(n){console.log(n),g("success")}}async function D(){f.value="";try{m.value=!0;const d=await ve(u.data?.id);Object.assign(t,d[0]),g("success")}catch(d){console.log(d)}finally{m.value=!1}}function ee(){Object.assign(t,{id:void 0,name:"",created_at:void 0,updated_at:void 0,attribute_values:[]})}const te=async()=>{l.value.validateFields().then(async d=>{try{u.isEdit?(delete t.attribute_values,delete t.id,await _e(u.data?.id,t),V.success(e.useString("editedSuccessfully"))):(delete t.attribute_values,await be(t),V.success(e.useString("addedSuccessfully"))),g("update:visible",!1),g("update:isEdit",!1),g("success"),$.value=!1}catch(n){console.log("error",n),V.error(e.useString("errorInSubmittingData"))}})},$=Q({get:()=>u.open,set:d=>g("update:open",d)});return ne(u,d=>{u.isEdit?y():S()}),(d,n)=>{const F=we,se=xe,ae=q;return c(),v(C,null,[i(Y,{"close-on-click-overlay":"",show:o($),"onUpdate:show":n[2]||(n[2]=h=>re($)?$.value=h:null),onClose:n[3]||(n[3]=h=>$.value=!1)},{default:p(()=>[s("div",Pe,[s("div",He,[s("div",Ye,x(d.isEdit?o(e).useString("editAttribute"):o(e).useString("addAttribute")),1),s("div",Ge,[i(M,{class:"w-1rem mt-2 me-5",onClick:n[0]||(n[0]=h=>$.value=!1)})])])]),s("div",{style:L(o(e).isRTL?"direction: rtl":"direction: ltr"),class:"max-h-85vh overflow-y-auto px-2 mt3 pb-10"},[i(se,{model:t,ref_key:"formRef",ref:l},{default:p(()=>[i(F,{label:o(e).useString("title"),name:"name",rules:o(he)()},{default:p(()=>[i(P,{"place-holder":o(e).useString("title"),value:t.name,"onUpdate:value":n[1]||(n[1]=h=>t.name=h)},null,8,["place-holder","value"])]),_:1},8,["label","rules"]),u.isEdit?(c(),E(F,{key:0,label:o(e).useString("items"),name:"values",class:"col-span-3"},{default:p(()=>[s("div",Je,[i(Me,{items:t.attribute_values,color:"green",closable:!0,onAdd:R,onEdit:O,loading:m.value,onDelete:X},null,8,["items","loading"])])]),_:1},8,["label"])):N("",!0)]),_:1},8,["model"]),i(H,{type:"primary",block:"",onClick:te},{default:p(()=>[z(x(o(e).useString("submit")),1)]),_:1})],4)]),_:1},8,["show"]),i(Y,{show:r.value,"onUpdate:show":n[6]||(n[6]=h=>r.value=h)},{default:p(()=>[s("div",{style:L(o(e).isRTL?"direction: rtl":"direction: ltr")},[s("div",Qe,[s("div",We,[s("div",Ze,x(o(a)?o(e).useString("edit"):o(e).useString("add")),1),s("div",qe,[i(M,{class:"w-1rem mt-2 me-5",onClick:n[4]||(n[4]=h=>$.value=!1)})])])]),i(ae,{spinning:"loading"in d?d.loading:o(T)},{default:p(()=>[i(F,{name:"valueName",label:o(e).useString("title")},{default:p(()=>[i(P,{value:f.value,"onUpdate:value":n[5]||(n[5]=h=>f.value=h),placeHolder:o(e).useString("title")},null,8,["value","placeHolder"])]),_:1},8,["label"]),i(H,{type:"primary",block:"",onClick:w},{default:p(()=>[z(x(o(e).useString("ok")),1)]),_:1})]),_:1},8,["spinning"])],4)]),_:1},8,["show"])],64)}}}),Xe=Object.assign(ke(Ke,[["__scopeId","data-v-09bbb13e"]]),{__name:"AttributeAddEdit"}),et={class:"px-4 flex items-center justify-between"},tt={class:"flex gap-4 py-3 items-center"},st={class:"font-semibold"},at={class:"pt-3rem px-2 pb40"},ot={key:0},Jt=B({__name:"index",setup(k){const _=de(),t=I(),l=b(!1),a=b(!1),r=b([]),e=b({});async function m(){T.value=!0,r.value=await ge(),T.value=!1}const f=S=>{e.value=S,a.value=!0,l.value=!0},u=S=>{e.value={},a.value=!1,l.value=!0},g=async S=>{await ce(t.useString("areYouSureToDeleteThisCategory"),S??"",ye,m)};return ue(async()=>{await m()}),(S,y)=>{const R=Se;return c(),v("div",null,[s("div",{class:G([" fixed w-full top-0 z-2",o(t).isNightStore?"bg-header-color-dark ":"bg-header-color"])},[s("div",et,[s("div",tt,[i(A,{icon:o(t).isRTL?"vuesax-linear:arrow-right":"vuesax-linear:arrow-left",onClick:y[0]||(y[0]=w=>o(_).back())},null,8,["icon"]),s("div",st,x(o(t).useString("attributes")),1)]),y[3]||(y[3]=s("div",null,null,-1))])],2),s("div",at,[(c(!0),v(C,null,j(r.value,(w,O)=>(c(),E(Ve,{key:O,item:w,onEdit:f,onDelete:g},null,8,["item"]))),128)),o(T)?(c(),v("div",ot,[(c(),v(C,null,j(10,w=>i(je)),64))])):N("",!0)]),i(R,{shape:"circle",type:"primary",onClick:u,class:"bottom-10vh w-3rem h-3rem"},{icon:p(()=>[i(A,{icon:"vuesax-linear:add"})]),_:1}),i(Xe,{open:l.value,"onUpdate:open":y[1]||(y[1]=w=>l.value=w),"is-edit":a.value,"onUpdate:isEdit":y[2]||(y[2]=w=>a.value=w),data:e.value,onSuccess:m},null,8,["open","is-edit","data"])])}}});export{Jt as default};
|