|
- "use strict";(self["webpackChunkTruckShop"]=self["webpackChunkTruckShop"]||[]).push([[5768],{1919:function(e,a,t){t.r(a),t.d(a,{default:function(){return ye}});var l=t(6768),s=t(5130),o=t(4232);const r={class:"col-md-12"},n={class:"card shadow-sm border-0 rounded"},i={class:"card-header d-flex justify-content-between align-items-center p-3",dir:"rtl"},u={class:"d-flex align-items-center"},d={key:0,class:"card-body table-border-style p-0"},c={class:"table-responsive"},p={class:"table table-hover table-bordered m-0",dir:"rtl"},v=["onClick"],b=["onClick"],m={key:1,class:"filter-loader card table-card user-profile-list"},g={class:"d-flex justify-content-center"},k={"aria-label":"Page navigation"},y={class:"pagination"},f={key:1,class:"page-item disabled"},h=["onClick"],C={key:2,class:"page-item disabled"},L={class:"page-link",href:"javascript:void(0)"},x={class:"ms-0 search-number"},R=["max"];function _(e,a,t,_,w,E){const A=(0,l.g2)("AddAttributeValue"),K=(0,l.g2)("edit-attribute-value"),X=(0,l.g2)("BRow"),P=(0,l.g2)("BCol"),S=(0,l.g2)("Layout");return(0,l.uX)(),(0,l.Wv)(S,null,{default:(0,l.k6)((()=>[(0,l.bF)(X,null,{default:(0,l.k6)((()=>[(0,l.Lk)("div",r,[(0,l.Lk)("div",n,[(0,l.Lk)("div",i,[(0,l.Lk)("div",u,[(0,l.bo)((0,l.Lk)("input",{"onUpdate:modelValue":a[0]||(a[0]=e=>_.searchQuery=e),type:"text",placeholder:"جستجو...",class:"form-control form-control-sm d-inline-block me-2",style:{width:"250px","border-radius":"15px"}},null,512),[[s.Jo,_.searchQuery]])]),a[9]||(a[9]=(0,l.Lk)("button",{"data-bs-toggle":"modal","data-bs-target":"#addAttributeValue",class:"btn btn-light text-primary btn-sm px-3"}," افزودن مقدار ویژگی ",-1))]),_.filterLoading?((0,l.uX)(),(0,l.CE)("div",m)):((0,l.uX)(),(0,l.CE)("div",d,[(0,l.Lk)("div",c,[(0,l.Lk)("table",p,[a[10]||(a[10]=(0,l.Lk)("thead",{class:"table-light"},[(0,l.Lk)("tr",null,[(0,l.Lk)("th",null,"تاریخ ایجاد"),(0,l.Lk)("th",null,"نام"),(0,l.Lk)("th",null,"رنگ"),(0,l.Lk)("th",null,"عملیات")])],-1)),(0,l.Lk)("tbody",null,[((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)(_.attributes,(e=>((0,l.uX)(),(0,l.CE)("tr",{key:e.id},[(0,l.Lk)("td",null,(0,o.v_)(_.convertToJalali(e?.created_at)),1),(0,l.Lk)("td",null,(0,o.v_)(e?.translation?.title),1),(0,l.Lk)("td",null,[(0,l.Lk)("span",{class:"rounded-circle m-auto d-block",style:(0,o.Tr)({background:e?.code,width:"20px",height:"20px"})},null,4)]),(0,l.Lk)("td",null,[(0,l.Lk)("button",{onClick:a=>_.editModalData(e),"data-bs-toggle":"modal","data-bs-target":"#editAttributeValue",class:"btn btn-sm btn-outline-warning me-1"}," ویرایش ",8,v),(0,l.Lk)("button",{onClick:a=>_.deleteAttribute(e?.id,e?.translation?.title),class:"btn btn-sm btn-outline-danger"}," حذف ",8,b)])])))),128))])])])]))])]),(0,l.bF)(A,{attributeValues:_.attributeValues,onAttributeUpdated:a[1]||(a[1]=e=>_.handleAttributeUpdated())},null,8,["attributeValues"]),(0,l.bF)(K,{attrRow:_.attrRow,onAttributeUpdated:a[2]||(a[2]=e=>_.handleAttributeUpdated())},null,8,["attrRow"])])),_:1}),(0,l.bF)(X,null,{default:(0,l.k6)((()=>[(0,l.bF)(P,{sm:"12"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",g,[(0,l.Lk)("nav",k,[(0,l.Lk)("ul",y,[(0,l.Lk)("li",{class:(0,o.C4)(["page-item",{disabled:1===_.currentPage}])},[(0,l.Lk)("span",{class:"page-link",onClick:a[3]||(a[3]=(...e)=>_.prevPage&&_.prevPage(...e))},"قبلی")],2),_.visiblePages[0]>1?((0,l.uX)(),(0,l.CE)("li",{key:0,class:"page-item",onClick:a[4]||(a[4]=e=>_.page=1)},a[11]||(a[11]=[(0,l.Lk)("a",{class:"page-link",href:"javascript:void(0)"},"1",-1)]))):(0,l.Q3)("",!0),_.visiblePages[0]>2?((0,l.uX)(),(0,l.CE)("li",f,a[12]||(a[12]=[(0,l.Lk)("span",{class:"page-link"},"...",-1)]))):(0,l.Q3)("",!0),((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)(_.visiblePages,(e=>((0,l.uX)(),(0,l.CE)("li",{key:e,class:(0,o.C4)(["page-item",{active:_.currentPage===e}])},[(0,l.Lk)("a",{class:"page-link",href:"javascript:void(0)",onClick:a=>_.page=e},(0,o.v_)(e),9,h)],2)))),128)),_.visiblePages[_.visiblePages.length-1]<_.totalPages-1?((0,l.uX)(),(0,l.CE)("li",C,a[13]||(a[13]=[(0,l.Lk)("span",{class:"page-link"},"...",-1)]))):(0,l.Q3)("",!0),_.visiblePages[_.visiblePages.length-1]<_.totalPages?((0,l.uX)(),(0,l.CE)("li",{key:3,class:"page-item",onClick:a[5]||(a[5]=e=>_.page=_.totalPages)},[(0,l.Lk)("a",L,(0,o.v_)(_.totalPages),1)])):(0,l.Q3)("",!0),(0,l.Lk)("li",{class:(0,o.C4)(["page-item",{disabled:_.currentPage===_.totalPages}])},[(0,l.Lk)("span",{class:"page-link",onClick:a[6]||(a[6]=(...e)=>_.nextPage&&_.nextPage(...e))},"بعدی")],2)])])])])),_:1}),(0,l.bF)(P,{sm:"4"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",x,[(0,l.bo)((0,l.Lk)("input",{"onUpdate:modelValue":a[7]||(a[7]=e=>_.searchPage=e),type:"text",class:"form-control",placeholder:"برو به صفحه",max:_.totalPages,min:"1",onInput:a[8]||(a[8]=(...e)=>_.handlePageInput&&_.handlePageInput(...e))},null,40,R),[[s.Jo,_.searchPage]])])])),_:1})])),_:1})])),_:1})}t(4114),t(8111),t(2489);var w=t(281),E=t(9317),A=t(7366),K=t.n(A),X=t(144),P=t(4084),S=t(4874),V=t.n(S),T=t(1387),z=t(9894),F=t(8767);const $={class:"modal fade",id:"addAttributeValue",tabindex:"-1",role:"dialog","aria-labelledby":"exampleModalLabel","aria-hidden":"true"},B={class:"modal-dialog modal-sm",role:"document"},I={class:"modal-content"},Q={class:"modal-body"},j={class:"form-group"},M={class:"color-picker-wrapper"},U={key:0,class:"text-danger"},W={class:"d-flex justify-content-end gap-2",style:{"margin-top":"20px"}},N=["disabled"],D={key:0,class:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"},Y={class:"form-group"},J={key:0,class:"text-danger"},O={class:"form-group"},q={class:"d-flex justify-content-end gap-2",style:{"margin-top":"20px"}},H=["disabled"],G={key:0,class:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"};var Z={__name:"addAttributeValue",emits:["attribute-updated"],setup(e,{emit:a}){const t=a,r=(0,T.lq)(),n=(0,X.KR)([]),i=(0,X.KR)(1),u=(0,X.KR)(null),d=(0,X.KR)({}),c=(0,X.KR)(),p=(0,X.KR)(null),v=(0,X.KR)(!1),b=(0,X.KR)(!1),m=(0,X.KR)("fa"),g=(0,X.KR)(null),k=async()=>{try{const{data:{success:e,data:a}}=await E.A.get("admin/attributes");e&&(n.value=a)}catch(e){P.oR.error(e?.response?.data?.message)}},y=e=>{d.value[e]=""},f=async()=>{try{v.value=!0;const{data:{success:e,message:a,data:t}}=await E.A.post("admin/attribute-values",{code:c.value,attribute_id:r?.params?.id});e&&(P.oR.success(a),u.value=t?.id,i.value++)}catch(e){P.oR.error(e?.response?.data?.message)}finally{v.value=!1}},h=async()=>{try{b.value=!0;const e={title:p.value,locale:m.value},{data:{success:a,message:l,data:s}}=await E.A.post(`admin/attribute-values/${u.value}/translations`,e);a&&(P.oR.success(l),t("attribute-updated"),g.value=s,p.value=void 0)}catch(e){P.oR.error(e?.response?.data?.message)}finally{b.value=!1}};return k(),(e,a)=>{const t=(0,l.g2)("BCol");return(0,l.uX)(),(0,l.CE)("div",$,[(0,l.Lk)("div",B,[(0,l.Lk)("div",I,[a[14]||(a[14]=(0,l.Lk)("div",{class:"modal-header"},[(0,l.Lk)("h5",{class:"modal-title",id:"exampleModalLabel"}," اضافه کردن مقدار ویژگی جدید "),(0,l.Lk)("button",{type:"button",class:"btn-close","data-bs-dismiss":"modal","aria-label":"Close"})],-1)),(0,l.Lk)("div",Q,[(0,l.bF)((0,X.R1)(z.W),{step:i.value,"onUpdate:step":a[5]||(a[5]=e=>i.value=e),tabs:[{title:"انتخاب ویژگی و رنگ",isValid:!0},{title:"ترجمه ها",isValid:!0}],backText:"قبلی",nextText:"بعدی",doneText:"ذخیره",primaryColor1:"#04A9F5",circleSize:"45"},{1:(0,l.k6)((()=>[(0,l.bF)((0,X.R1)(F.Ls),null,{default:(0,l.k6)((()=>[(0,l.bF)(t,null,{default:(0,l.k6)((()=>[(0,l.Lk)("div",j,[a[6]||(a[6]=(0,l.Lk)("label",{class:"form-label"},"انتخاب رنگ",-1)),(0,l.Lk)("div",M,[(0,l.bo)((0,l.Lk)("input",{"onUpdate:modelValue":a[0]||(a[0]=e=>c.value=e),onInput:a[1]||(a[1]=e=>y("colorCode")),type:"color",class:(0,o.C4)(["form-control color-picker",{"is-invalid":d.value.colorCode}])},null,34),[[s.Jo,c.value]]),c.value?((0,l.uX)(),(0,l.CE)("span",{key:0,class:"color-display",style:(0,o.Tr)({backgroundColor:c.value})},null,4)):(0,l.Q3)("",!0)]),(0,l.Lk)("span",null,(0,o.v_)(c.value),1),d.value.colorCode?((0,l.uX)(),(0,l.CE)("small",U,(0,o.v_)(d.value.colorCode),1)):(0,l.Q3)("",!0)])])),_:1})])),_:1}),(0,l.Lk)("div",W,[a[8]||(a[8]=(0,l.Lk)("button",{class:"btn btn-secondary","data-bs-dismiss":"modal",id:"close"}," بستن ",-1)),(0,l.Lk)("button",{onClick:f,class:"btn btn-primary",disabled:v.value},[v.value?((0,l.uX)(),(0,l.CE)("span",D)):(0,l.Q3)("",!0),a[7]||(a[7]=(0,l.eW)(" ذخیره ",-1))],8,N)])])),2:(0,l.k6)((()=>[(0,l.Lk)("form",{onSubmit:(0,s.D$)(h,["prevent"])},[(0,l.bF)((0,X.R1)(F.Ls),{class:"g-3"},{default:(0,l.k6)((()=>[(0,l.bF)(t,{lg:"6"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",Y,[a[9]||(a[9]=(0,l.Lk)("label",{class:"form-label"},"مقدار ویژگی",-1)),(0,l.bo)((0,l.Lk)("input",{"onUpdate:modelValue":a[2]||(a[2]=e=>p.value=e),onInput:a[3]||(a[3]=e=>y("attrName")),type:"text",class:(0,o.C4)(["form-control",{"is-invalid":d.value.attrName}]),placeholder:"عنوان ویژگی"},null,34),[[s.Jo,p.value]]),d.value.attrName?((0,l.uX)(),(0,l.CE)("small",J,(0,o.v_)(d.value.attrName),1)):(0,l.Q3)("",!0)])])),_:1}),(0,l.bF)(t,{lg:"6"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",O,[a[11]||(a[11]=(0,l.Lk)("label",{class:"form-label"},"انتخاب زبان",-1)),(0,l.bo)((0,l.Lk)("select",{"onUpdate:modelValue":a[4]||(a[4]=e=>m.value=e),class:"form-control",placeholder:"انتخاب کنید"},a[10]||(a[10]=[(0,l.Lk)("option",{key:"fa",value:"fa"}," فارسی ",-1),(0,l.Lk)("option",{key:"en",value:"en"}," انگلیسی ",-1),(0,l.Lk)("option",{key:"ar",value:"ar"}," عربی ",-1)]),512),[[s.u1,m.value]])])])),_:1})])),_:1}),(0,l.Lk)("div",q,[a[13]||(a[13]=(0,l.Lk)("button",{class:"btn btn-secondary","data-bs-dismiss":"modal",id:"close"}," بستن ",-1)),(0,l.Lk)("button",{type:"submit",class:"btn btn-primary",disabled:b.value},[b.value?((0,l.uX)(),(0,l.CE)("span",G)):(0,l.Q3)("",!0),a[12]||(a[12]=(0,l.eW)(" ذخیره ",-1))],8,H)])],32)])),_:1},8,["step"])])])])])}}},ee=t(1241);const ae=(0,ee.A)(Z,[["__scopeId","data-v-3e13bee0"]]);var te=ae;t(116);const le={class:"modal fade",id:"editAttributeValue",tabindex:"-1",role:"dialog","aria-labelledby":"exampleModalLabel","aria-hidden":"true"},se={class:"modal-dialog"},oe={class:"modal-content"},re={class:"modal-body"},ne={class:"form-group"},ie={key:0,class:"text-danger"},ue={class:"form-group"},de={class:"d-flex justify-content-end gap-2",style:{"margin-top":"20px"}},ce=["disabled"],pe={key:0,class:"spinner-border spinner-border-sm",role:"status","aria-hidden":"true"};var ve={__name:"editAttributeValue",props:{attrRow:{type:Object,required:!0}},emits:["update:categoryRow"],setup(e,{emit:a}){const t=(0,X.KR)(null),r=(0,X.KR)({}),n=(0,X.KR)(!1),i=(0,X.KR)(null),u=(0,X.KR)("fa"),d=(0,X.KR)(!1),c=e,p=a,v=(0,l.EW)({get:()=>c.attrRow,set:e=>p("update:categoryRow",e)});(0,l.wB)((()=>c.attrRow),(e=>{t.value=e?.code,i.value=e?.translation?.title,u.value=e?.translation?.locale}));const b=(0,l.EW)((()=>{const e=v.value?.translations?.find((e=>e?.locale===u.value));if(e)switch(e?.locale){case"en":return"انگلیسی";case"fa":return"فارسی";case"ar":return"عربی";default:return null}return null})),m=e=>{const a=v.value?.translations?.find((a=>a?.locale===e.target.value));i.value=a?a?.title:void 0},g=async()=>{if(k())try{n.value=!0;const e={title:i.value,locale:u.value},a=v.value?.translations?.find((e=>e.locale===u.value)),{data:t}=a?await E.A.put(`admin/attribute-values/${v.value?.id}/translations/${a?.id}`,e,{headers:{Authorization:`Bearer ${localStorage.getItem("token")}`}}):await E.A.post(`admin/attribute-values/${v.value?.id}/translations`,e,{headers:{Authorization:`Bearer ${localStorage.getItem("token")}`}});if(t?.success){const e=c.attrRow;e.translations=a?t?.data?.translations||[]:[...e.translations||[],...t?.data?.translations||[]],v.value=e,P.oR.success(t?.message),p("cat-updated")}}catch(e){P.oR.error(`${e?.response?.data?.message}`,{position:"top-right",autoClose:1e3})}finally{n.value=!1}else P.oR.error("لطفا فیلد های لازم را وارد نمایید",{position:"top-right",autoClose:1e3})},k=()=>(r.value={},i.value||(r.value.colorName="وارد کردن مقدار ویژگی ضروری می باشد"),u.value||(r.value.colorCode="انتخاب زبان ضروری می باشد"),0===Object.keys(r.value).length),y=async()=>{const e=v.value?.translations?.find((e=>e?.locale===u.value));if(e)try{d.value=!0;const{data:{success:a,message:t,data:l}}=await E.A.delete(`admin/attribute-values/${v.value?.id}/translations/${e?.id}`);if(a){const a=c.attrRow;a.translations=e?l?.data?.translations||[]:[...a.translations||[],...l?.data?.translations||[]],v.value=a,i.value=null,P.oR.success(t)}}catch(a){P.oR.error(a?.response?.data?.message)}finally{d.value=!1}},f=e=>{r.value[e]=""};return(e,a)=>{const t=(0,l.g2)("BButton"),c=(0,l.g2)("BCol");return(0,l.uX)(),(0,l.CE)("div",le,[(0,l.Lk)("div",se,[(0,l.Lk)("div",oe,[a[8]||(a[8]=(0,l.Lk)("div",{class:"modal-header"},[(0,l.Lk)("h5",{class:"modal-title",id:"exampleModalLabel"}," ویرایش مقدار ویژگی "),(0,l.Lk)("button",{type:"button",class:"btn-close","data-bs-dismiss":"modal","aria-label":"Close"})],-1)),(0,l.Lk)("div",re,[(0,l.Lk)("form",{onSubmit:(0,s.D$)(g,["prevent"]),class:"mt-5"},[(0,l.bF)(t,{disabled:!b.value,loading:d.value,onClick:y,class:"btn btn-sm rounded btn-danger d-block",style:{"margin-right":"auto"}},{default:(0,l.k6)((()=>[(0,l.eW)(" حذف ترجمه "+(0,o.v_)(b.value),1)])),_:1},8,["disabled","loading"]),(0,l.bF)((0,X.R1)(F.Ls),{class:"g-3"},{default:(0,l.k6)((()=>[(0,l.bF)(c,{lg:"6"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",ne,[a[3]||(a[3]=(0,l.Lk)("label",{class:"form-label"},"مقدار ویژگی",-1)),(0,l.bo)((0,l.Lk)("input",{"onUpdate:modelValue":a[0]||(a[0]=e=>i.value=e),onInput:a[1]||(a[1]=e=>f("attrName")),type:"text",class:(0,o.C4)(["form-control",{"is-invalid":r.value.attrName}]),placeholder:"عنوان ویژگی"},null,34),[[s.Jo,i.value]]),r.value.attrName?((0,l.uX)(),(0,l.CE)("small",ie,(0,o.v_)(r.value.attrName),1)):(0,l.Q3)("",!0)])])),_:1}),(0,l.bF)(c,{lg:"6"},{default:(0,l.k6)((()=>[(0,l.Lk)("div",ue,[a[5]||(a[5]=(0,l.Lk)("label",{class:"form-label"},"انتخاب زبان",-1)),(0,l.bo)((0,l.Lk)("select",{"onUpdate:modelValue":a[2]||(a[2]=e=>u.value=e),class:"form-control",placeholder:"انتخاب کنید",onChange:m},a[4]||(a[4]=[(0,l.Lk)("option",{key:"fa",value:"fa"}," فارسی ",-1),(0,l.Lk)("option",{key:"en",value:"en"}," انگلیسی ",-1),(0,l.Lk)("option",{key:"ar",value:"ar"}," عربی ",-1)]),544),[[s.u1,u.value]])])])),_:1})])),_:1}),(0,l.Lk)("div",de,[a[7]||(a[7]=(0,l.Lk)("button",{class:"btn btn-secondary","data-bs-dismiss":"modal",id:"close"}," بستن ",-1)),(0,l.Lk)("button",{type:"submit",class:"btn btn-primary",disabled:n.value},[n.value?((0,l.uX)(),(0,l.CE)("span",pe)):(0,l.Q3)("",!0),a[6]||(a[6]=(0,l.eW)(" ذخیره ",-1))],8,ce)])],32)])])])])}}};const be=(0,ee.A)(ve,[["__scopeId","data-v-8a493412"]]);var me=be,ge={name:"BORDER",components:{EditAttributeValue:me,AddAttributeValue:te,Layout:w.A},setup(){const e=(0,X.KR)(),a=(0,X.KR)(1),t=(0,X.KR)(1),s=(0,X.KR)(20),o=(0,X.KR)(1),r=(0,X.KR)(),n=(0,X.KR)(!1),i=(0,X.KR)(""),u=(0,X.KR)(),d=(0,X.KR)(),c=(0,X.KR)(),p=(0,X.KR)(),v=(0,X.KR)(null),b=(0,T.lq)();let m=null;const g=e=>K()(e,"YYYY-MM-DD HH:mm:ss").locale("fa").format("YYYY/MM/DD"),k=()=>{clearTimeout(m),m=setTimeout((()=>{y(),o.value=1}),500)};(0,l.wB)(i,(()=>{k()}));const y=()=>{n.value=!0,E.A.get(`admin/attribute-values?attribute_id=${b?.params?.id}&title=${encodeURIComponent(i.value||"")}&code=${encodeURIComponent(i.value||"")}\n &paginate=${s.value||10}&page=${o.value||1}`).then((e=>{n.value=!1,u.value=e.data.data.data,a.value=e.data.data.current_page,t.value=e.data.data.last_page})).catch((()=>{n.value=!1}))},f=()=>{y()},h=()=>{a.value<t.value&&(o.value++,y())},C=()=>{a.value>1&&(o.value--,y())};function L(){e.value<1?e.value=1:e.value>t.value&&(e.value=t.value),e.value>=1&&e.value<=t.value&&(o.value=e.value)}const x=(0,l.EW)((()=>{const e=[];if(t.value<=5)for(let a=1;a<=t.value;a++)e.push(a);else{let l=a.value-2,s=a.value+2;l<1&&(s+=1-l,l=1),s>t.value&&(l-=s-t.value,s=t.value),l=Math.max(l,1);for(let a=l;a<=s;a++)e.push(a)}return e}));(0,l.wB)(o,(()=>{y()}));const R=(e,a)=>{V().fire({text:`می خواهید رنگ ${a??""} را حذف کنید ؟`,icon:"warning",showCancelButton:!0,confirmButtonColor:"#3085d6",cancelButtonColor:"#d33",confirmButtonText:"بله!",cancelButtonText:"خیر"}).then((a=>{a.isConfirmed&&E.A.delete(`admin/attribute-values/${e}`).then((()=>{P.oR.success("!ویژگی با موفقیت حذف شد",{position:"top-right",autoClose:3e3}),u.value=u.value.filter((a=>a.id!==e))})).catch((e=>{console.log(e),P.oR.error("!مشکلی در حذف کردن ویژگی پیش آمد",{position:"top-right",autoClose:3e3})}))}))},_=e=>{v.value=e},w=()=>{E.A.get("admin/attributes").then((e=>{console.log(e),r.value=e.data.data}))};return(0,l.sV)((()=>{y(),w()})),{attributes:u,convertToJalali:g,handleAttributeUpdated:f,editModalData:_,deleteAttribute:R,searchQuery:i,filterLoading:n,attributeId:c,attributeCode:p,attributeTitle:d,attributeValues:r,searchPage:e,currentPage:a,totalPages:t,paginate:s,page:o,prevPage:C,nextPage:h,handlePageInput:L,visiblePages:x,attrRow:v}}};const ke=(0,ee.A)(ge,[["render",_],["__scopeId","data-v-7db7e6a2"]]);var ye=ke},9894:function(e,a,t){t.d(a,{W:function(){return h}});var l=t(6768),s=t(4232),o=t(144);(function(){try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("body[data-v-8a738045]{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-family:sans-serif}.tx-default-2[data-v-8a738045]{color:var(--primaryColor1);font-weight:600}.wrapper-steppy[data-v-8a738045]{padding:60px}.steppy[data-v-8a738045]{display:flex;align-items:center;justify-content:space-between;width:auto;position:relative;z-index:0;margin-bottom:5px}.steppy-progress[data-v-8a738045]{position:absolute;background-color:#c5c5c5;height:2px;z-index:-1;left:0;right:0;margin:0 auto}.steppy-progress-bar[data-v-8a738045]{position:absolute;left:0;height:100%;width:0;background-color:var(--primaryColor1);transition:all .5s ease}.steppy-item[data-v-8a738045]{display:flex;flex-direction:column;align-items:center;color:#c5c5c5;transition:all .5s ease}.steppy-item-counter[data-v-8a738045]{height:68px;width:68px;display:grid;place-items:center;background-color:var(--primaryColor2);border-radius:100%;border:2px solid #c5c5c5;position:relative}.steppy-item-counter .icon-success[data-v-8a738045]{position:absolute;opacity:0;transform:scale(0);width:24px;transition:all .5s ease}.steppy-item-counter .number[data-v-8a738045]{font-size:22px;transition:all .5s ease}.steppy-item-title[data-v-8a738045]{position:absolute;text-align:center;font-size:14px;bottom:-43px}.steppy-item.success .steppy-item-counter[data-v-8a738045]{border-color:var(--primaryColor1);font-weight:600;height:var(--circleSize);width:var(--circleSize)}.steppy-item.success .steppy-item-counter .icon-success[data-v-8a738045]{opacity:1;transform:scale(1);width:calc(var(--circleSize) * .35)}.steppy-item.success .steppy-item-counter .number[data-v-8a738045]{opacity:0;transform:scale(0);font-size:calc(var(--circleSize) * .32)}.steppy-item.success .steppy-item-title[data-v-8a738045]{color:var(--primaryColor1)}.steppy-item.current .steppy-item-counter[data-v-8a738045]{border-color:var(--primaryColor1);background-color:var(--primaryColor1);color:#fff;font-weight:600}.steppy-item.current .steppy-item-title[data-v-8a738045]{color:#818181}.steppy-pane[data-v-8a738045]{color:#333;text-align:center;background-color:var(--backgroundColor);border-radius:15px;padding:25px;box-shadow:0 0 10px #0000004d;margin:60px 0 20px}.controls[data-v-8a738045]{display:flex}.btn[data-v-8a738045]{display:flex;justify-content:center;align-items:center;padding:6px 16px;text-align:center;vertical-align:middle;cursor:pointer;line-height:1.5;transition:all .15s;border-radius:4px;width:fit-content;font-size:.75rem;color:#333;background-color:#f0f0f0;border:1px solid #f0f0f0}.btn[data-v-8a738045]:disabled{opacity:.5;pointer-events:none}.btn--default-2[data-v-8a738045]{background-color:var(--primaryColor1);border-color:var(--primaryColor1);color:#fff;margin-left:auto}.loader[data-v-8a738045]{width:20px;height:20px;border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation-8a738045 1s linear infinite}@keyframes rotation-8a738045{0%{transform:rotate(0)}to{transform:rotate(360deg)}}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();const r={__name:"CheckMark",props:{color:{type:String,default:"black"}},setup(e){return(a,t)=>((0,l.uX)(),(0,l.CE)("svg",{viewBox:"0 0 24 24",style:(0,s.Tr)({fill:e.color})},t[0]||(t[0]=[(0,l.Lk)("path",{d:"M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"},null,-1)]),4))}},n=(e,a)=>{const t=e.__vccOpts||e;for(const[l,s]of a)t[l]=s;return t},i={class:"steppy"},u={class:"steppy-progress"},d=["src"],c={class:"number"},p={class:"steppy-item-title"},v={key:0,class:"steppy-pane"},b={class:"controls"},m=["disabled"],g=["disabled"],k={key:0,class:"loader"},y={key:1},f={__name:"Vue3Steppy",props:{step:{type:Number,default:1},tabs:{type:Array,default:(0,o.Kh)([{title:"Step 1",iconSuccess:null,isValid:!0},{title:"Step 2",iconSuccess:null,isValid:!0},{title:"Step 3",iconSuccess:null,isValid:!0}])},finalize:{type:Function,default:function(){return{}}},backText:{type:String,default:"Back"},nextText:{type:String,default:"Next"},doneText:{type:String,default:"Done"},loading:{type:Boolean,default:!1},primaryColor1:{type:String,default:"orange"},primaryColor2:{type:String,default:"#fff"},backgroundColor:{type:String,default:"#fff"},circleSize:{type:Number,default:68}},emits:["update:step"],setup(e,{emit:a}){const t=a,o=e,n=(0,l.EW)((()=>({"--primaryColor1":o.primaryColor1,"--primaryColor2":o.primaryColor2,"--backgroundColor":o.backgroundColor,"--circleSize":`${o.circleSize}px`}))),f=()=>{const e=o.step+1;t("update:step",e)},h=()=>{const e=o.step-1;t("update:step",e)},C=(0,l.EW)((()=>100/(o.tabs.length-1)*(o.step-1)+"%")),L=(0,l.EW)((()=>({height:`${o.circleSize}px`,width:`${o.circleSize}px`})));return(a,t)=>((0,l.uX)(),(0,l.CE)("div",{class:"wrapper-steppy",style:(0,s.Tr)(n.value)},[(0,l.Lk)("div",i,[(0,l.Lk)("div",u,[(0,l.Lk)("div",{class:"steppy-progress-bar",style:(0,s.Tr)("width:"+C.value)},null,4)]),((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)(o.tabs,((a,t)=>((0,l.uX)(),(0,l.CE)("div",{class:(0,s.C4)(["steppy-item",{current:o.step===t+1,success:o.step>t+1}]),key:t},[(0,l.Lk)("div",{class:"steppy-item-counter",style:(0,s.Tr)(L.value)},[a.iconSuccess?((0,l.uX)(),(0,l.CE)("img",{key:0,class:"icon-success",src:a.iconSuccess,alt:"Check Mark"},null,8,d)):((0,l.uX)(),(0,l.Wv)(r,{key:1,class:"icon-success",color:e.primaryColor1,alt:"Check Mark"},null,8,["color"])),(0,l.Lk)("span",c,(0,s.v_)(t+1),1)],4),(0,l.Lk)("span",p,(0,s.v_)(a.title),1)],2)))),128))]),((0,l.uX)(!0),(0,l.CE)(l.FK,null,(0,l.pI)(o.tabs.length,(e=>((0,l.uX)(),(0,l.CE)("div",{class:"steppy-content",key:e},[o.step===e?((0,l.uX)(),(0,l.CE)("div",v,[(0,l.RG)(a.$slots,e,{},void 0,!0)])):(0,l.Q3)("",!0)])))),128)),(0,l.Lk)("div",b,[1!==o.step?((0,l.uX)(),(0,l.CE)("button",{key:0,class:"btn",type:"button",onClick:h},(0,s.v_)(o.backText),1)):(0,l.Q3)("",!0),o.step!==o.tabs.length?((0,l.uX)(),(0,l.CE)("button",{key:1,class:"btn btn--default-2",type:"button",onClick:f,disabled:!o.tabs[o.step-1].isValid},(0,s.v_)(o.nextText),9,m)):((0,l.uX)(),(0,l.CE)("button",{key:2,class:"btn btn--default-2",type:"button",onClick:t[0]||(t[0]=(...a)=>e.finalize&&e.finalize(...a)),disabled:!o.tabs[o.step-1].isValid||e.loading},[e.loading?((0,l.uX)(),(0,l.CE)("span",k)):((0,l.uX)(),(0,l.CE)("span",y,(0,s.v_)(o.doneText),1))],8,g))])],4))}},h=n(f,[["__scopeId","data-v-8a738045"]])}}]);
- //# sourceMappingURL=5768.f1b2dd7b.js.map
|
