2 lines
11 KiB
JavaScript
2 lines
11 KiB
JavaScript
import{B as A}from"./DAaUah2x.js";import{d as B,H as N,z as p,A as v,a3 as J,K as o,B as s,C as w,D as i,a1 as C,a2 as j,G as E,E as m,T as I,r as g,J as K,cB as oe,l as Q,al as ie,R as U,ej as le,F as z,a0 as ne,bk as re,a8 as L,S as T,Q as V,u as de,o as ue,c_ as ce}from"./CE4SaZgW.js";import{T as W}from"./Bgie9YSn.js";import{C as Y}from"./DNQpC0YG.js";import{u as me,b as pe,d as fe,g as ve,e as _e,c as ge,a as be,f as ye}from"./Ah7i0Akn.js";import{_ as M}from"./DvWNwIUf.js";import{S as q}from"./ssSX8W6r.js";import{B as H}from"./5PiJbsaQ.js";import{B as P}from"./g9otGdDE.js";import{a as he}from"./n0DUIre6.js";import{B as G}from"./BX4wePgn.js";import{F as we}from"./C6Lfa4XD.js";import{_ as xe}from"./DSWAPs-i.js";import{_ as ke}from"./DlAUqK2U.js";import{F as Se}from"./DQtr8B_M.js";import"./CDDBg3Y_.js";import"./CscEAC8U.js";import"./GIvwLoBE.js";import"./C9-mKqzf.js";import"./CjPHwh7J.js";import"./cA5fh2lg.js";import"./BD2G5fvF.js";import"./B2MUeQ_z.js";import"./BQKhYWGC.js";import"./ogsyABxJ.js";import"./PGC92_Sj.js";import"./DFL6LqjW.js";import"./0N7JoioX.js";import"./Dmy9LQHx.js";import"./B8aja29o.js";import"./C_1pJ-hg.js";import"./BK6U06JP.js";import"./B5RoG9wW.js";import"./Cj99RmFE.js";import"./B0tUBnBT.js";import"./DZnIL_2I.js";import"./CxVR7ht-.js";import"./CCrciQyb.js";import"./D_wgKPen.js";import"./DjvBa-1E.js";import"./UfKM_8Ux.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=N(),l=_;return(a,r)=>{const e=W;return p(),v("div",{class:J(["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,w(a.item.name),1)])]),s("div",Fe,[i(A,{icon:"vuesax-linear:edit",color:"blue",onClick:r[0]||(r[0]=c=>l("edit",a.item))}),i(A,{icon:"vuesax-linear:trash",color:"red",onClick:r[1]||(r[1]=c=>l("delete",a.item.id))})])]),s("div",Ae,[a.item.attribute_values?.length!==0?(p(),v(C,{key:0},[a.item.attribute_values?.length!==0?(p(!0),v(C,{key:0},j(a.item.attribute_values,c=>(p(),E(e,{color:"blue"},{default:m(()=>[s("span",null,w(c.value),1)]),_:2},1024))),256)):I("",!0)],64)):(p(),v("span",Ee,w(o(t).useString("noAttribute")),1))])],2)}}}),Te=["width"],je=B({__name:"AttributeCardSkeleton",setup(k){const _=g(null),t=K(oe(_,{width:0,height:0},{box:"border-box"}));return(l,a)=>(p(),v("div",{ref_key:"skeletonRatio",ref:_,class:"h-fit"},[i(o(Y),{width:t.width,height:"80"},{default:m(()=>[s("rect",{height:"80",rx:"3",ry:"3",width:t.width,x:"0",y:"8"},null,8,Te)]),_:1},8,["width"])],512))}}),Ne={class:"overflow-y-auto py-2 px-1 relative max-h-[80vh]",id:"body"},Ie=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 c=q,f=le;return p(),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:m(()=>[i(c,{spinning:l.loading},{default:m(()=>[s("div",Ne,[U(r.$slots,"default")])]),_:3},8,["spinning"])]),_:2},[l.customFooter?{name:"footer",fn:m(()=>[U(r.$slots,"footer")]),key:"0"}:void 0]),1032,["open","title","width","ok-text","cancel-text","wrapClassName"])])}}});Object.assign(Ie,{__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=N(),a=k;return(r,e)=>{const c=W;return a.loading?(p(),v("div",Ue,[i(o(Y),{width:"350",height:"100",viewBox:"0 0 350 100",backgroundColor:"#f5f5f5",foregroundColor:"#dbdbdb"},{default:m(()=>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]})])):(p(),v("div",Re,[s("div",Oe,[(p(!0),v(C,null,j(a.items,f=>(p(),E(c,{color:a.color,closable:a.closable,onClose:u=>t("delete",f.id),class:"cursor-pointer",onClick:u=>t("edit",f.id)},{default:m(()=>[z(w(f.value),1)]),_:2},1032,["color","closable","onClose","onClick"]))),256)),a.hasAdd?(p(),E(c,{key:0,style:{background:"#fff","border-style":"dashed","margin-top":"0.5rem"},onClick:e[0]||(e[0]=f=>t("add")),class:"cursor-pointer"},{default:m(()=>[s("div",ze,[i(A,{icon:"vuesax-linear:add",size:"0.7rem"}),s("div",De,w(o(l).useString("add")),1)])]),_:1})):I("",!0)])]))}}}),Me=Object.assign(Le,{__name:"BasicPacksBasicTags"}),He={class:"flex justify-center items-center flex-col px-2"},Pe={class:"flex justify-center"},Ge={"mt-1":"","font-semibold":""},Je={class:"absolute end-0"},Ke={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"},Ye={"mt-1":"","font-semibold":""},qe={class:"absolute end-0"},Xe=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=K({}),l=g();let a;const r=g(!1),e=N(),c=g(!1),f=g("");g(null);const u=k,b=_,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 x(){l.value?.validateFields().then(async()=>{try{c.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")),b("success")}catch(d){console.error(d)}finally{c.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 X=g(-1);async function Z(d){X.value=t.attribute_values?.findIndex(n=>n.id==d);try{await fe(d),b("success")}catch(n){console.log(n),b("success")}}async function D(){f.value="";try{c.value=!0;const d=await ve(u.data?.id);Object.assign(t,d[0]),b("success")}catch(d){console.log(d)}finally{c.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 ge(t),V.success(e.useString("addedSuccessfully"))),b("update:visible",!1),b("update:isEdit",!1),b("success"),$.value=!1}catch(n){console.log("error",n),V.error(e.useString("errorInSubmittingData"))}})},$=Q({get:()=>u.open,set:d=>b("update:open",d)});return ne(u,d=>{u.isEdit?y():S()}),(d,n)=>{const F=xe,se=we,ae=q;return p(),v(C,null,[i(G,{"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:m(()=>[s("div",He,[s("div",Pe,[s("div",Ge,w(d.isEdit?o(e).useString("editAttribute"):o(e).useString("addAttribute")),1),s("div",Je,[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:m(()=>[i(F,{label:o(e).useString("title"),name:"name",rules:o(he)()},{default:m(()=>[i(H,{"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?(p(),E(F,{key:0,label:o(e).useString("items"),name:"values",class:"col-span-3"},{default:m(()=>[s("div",Ke,[i(Me,{items:t.attribute_values,color:"green",closable:!0,onAdd:R,onEdit:O,loading:c.value,onDelete:Z},null,8,["items","loading"])])]),_:1},8,["label"])):I("",!0)]),_:1},8,["model"]),i(P,{type:"primary",block:"",onClick:te},{default:m(()=>[z(w(o(e).useString("submit")),1)]),_:1})],4)]),_:1},8,["show"]),i(G,{show:r.value,"onUpdate:show":n[6]||(n[6]=h=>r.value=h)},{default:m(()=>[s("div",{style:L(o(e).isRTL?"direction: rtl":"direction: ltr")},[s("div",Qe,[s("div",We,[s("div",Ye,w(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:m(()=>[i(F,{name:"valueName",label:o(e).useString("title")},{default:m(()=>[i(H,{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(P,{type:"primary",block:"",onClick:x},{default:m(()=>[z(w(o(e).useString("ok")),1)]),_:1})]),_:1},8,["spinning"])],4)]),_:1},8,["show"])],64)}}}),Ze=Object.assign(ke(Xe,[["__scopeId","data-v-09bbb13e"]]),{__name:"AttributeAddEdit"}),et={class:"sm:!w-50vw sm:justify-self-center"},tt={class:"px-4 flex items-center justify-between"},st={class:"flex gap-4 py-3 items-center"},at={class:"font-semibold"},ot={class:"pt-4 px-2 pb40 sm:grid sm:grid-cols-3 sm:gap-2"},Jt=B({__name:"index",setup(k){const _=de(),t=N(),l=g(!1),a=g(!1),r=g([]),e=g({});async function c(){T.value=!0,r.value=await be(),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},b=async S=>{await ce(t.useString("areYouSureToDeleteThisCategory"),S??"",ye,c)};return ue(async()=>{await c()}),(S,y)=>{const R=Se;return p(),v("div",et,[s("div",{class:J(["sticky w-full top-0 z-2",o(t).isNightStore?"bg-header-color-dark ":"bg-header-color"])},[s("div",tt,[s("div",st,[i(A,{icon:o(t).isRTL?"vuesax-linear:arrow-right":"vuesax-linear:arrow-left",class:"cursor-pointer",onClick:y[0]||(y[0]=x=>o(_).back())},null,8,["icon"]),s("div",at,w(o(t).useString("attributes")),1)]),y[3]||(y[3]=s("div",null,null,-1))])],2),s("div",ot,[(p(!0),v(C,null,j(r.value,(x,O)=>(p(),E(Ve,{key:O,item:x,onEdit:f,onDelete:b},null,8,["item"]))),128)),o(T)?(p(),v(C,{key:0},j(10,x=>i(je)),64)):I("",!0)]),i(R,{shape:"circle",type:"primary",onClick:u,class:"bottom-10vh w-3rem h-3rem"},{icon:m(()=>[i(A,{icon:"vuesax-linear:add"})]),_:1}),i(Ze,{open:l.value,"onUpdate:open":y[1]||(y[1]=x=>l.value=x),"is-edit":a.value,"onUpdate:isEdit":y[2]||(y[2]=x=>a.value=x),data:e.value,onSuccess:c},null,8,["open","is-edit","data"])])}}});export{Jt as default};
|